/*浮动*/
.fixed-right {
    position: fixed;
    right: 10px;
    top: 50%;
    z-index: 200;
    width: 42px;
    height: 138px;
    display: block;
}
@media(max-width: 1100px){
    .fixed-right{ display: none !important;}
}
.fixed-right .right-list {
    width: 42px;
    position: absolute;
    height: 90px;
    border-radius: 0px 0px 5px 5px;
}
.fixed-right .right-list > li {
    width: 100%;
    height: 42px; float: left; background: url("../bn_images/floatListBg.png") no-repeat center center;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-delay: 0;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0;
    -o-transition-property: all;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease;
    -ms-transition-delay: 0
}

.fixed-right .right-list .liN4 a{ width: 100%; height: 42px; float: left; text-align: center; background: url("../bn_images/fweixin.png") no-repeat center center; cursor: pointer; border-radius: 5px;}
.fixed-right .right-list .liN4 a:hover{ background: url("../bn_images/fweixin_2.png") no-repeat center center;}

.fixed-right .right-list .liN6{ margin-top: 6px;}
.fixed-right .right-list .liN6 a{ width: 100%; height: 42px; float: left; text-align: center; background: url("../bn_images/fqq.png") no-repeat center center; cursor: pointer; border-radius: 5px;}
.fixed-right .right-list .liN6 a:hover{ background: url("../bn_images/fqq_2.png") no-repeat center center;}

.fixed-right .right-list .liN7{ margin-top: 6px;}
.fixed-right .right-list .liN7 a{ width: 100%; height: 42px; float: left; text-align: center; background: url("../bn_images/ftop.png") no-repeat center center; cursor: pointer; border-radius: 5px;}
.fixed-right .right-list .liN7 a:hover{ background: url("../bn_images/ftop_2.png") no-repeat center center;}

.fixed-right .right-list > li:hover .wexin { display: inline;}
.fixed-right .right-list > li .wexin { width: 100px; height: 100px; line-height: 25px; display: none; position: absolute; top: -30px; right: 52px;  z-index: 1;}

/* 登录框样式 */
.van-toast{ z-index: 9000000 !important;}
#webLoginPopup{ display: none;}
#webLoginPopup #loginPopup{/*position: absolute; top: 50%; left: 50%;z-index: 2;transform: translate3d(-50%,-50%,0);*/position: relative; z-index: 2; width: 290px; height: auto; background-color: transparent; box-sizing: border-box;}
#webLoginPopup #loginPopup .loginPopupIn{width: 100%; height: auto; border-radius: 10px; overflow: hidden; background-color: #ffffff; position: relative; box-sizing: border-box; padding: 0 20px;}
#webLoginPopup #loginPopup .cancel{width: 14px; height: 14px; position: absolute; top: 10px; right: 10px; background: url("../bn_images/webLoginPopupN2.png") no-repeat center center; background-size: 100%;}
#webLoginPopup #loginPopup .loginPopupT{width: 100%; height: auto; line-height: 1; font-size: 16px; color: #333333; font-weight: bold; text-align: center; margin-top: 20px;}
#webLoginPopup #loginPopup .loginPopupMT{width: 100%; height: 38px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 5px; overflow: hidden; margin-top: 20px;}
#webLoginPopup #loginPopup .loginPopupMT .loginPopupMTL{width: 60px; height: auto ; float: left; position: relative;}
#webLoginPopup #loginPopup .loginPopupMT .loginPopupMTL div{width: auto; height: auto ; float: left; line-height: 36px; box-sizing: border-box; padding-right: 13px; background: url("../bn_images/webLoginPopup.png") no-repeat right center; background-size: 10px; position: absolute; left: 50%; transform: translateX(-50%);font-size: 14px;}
#webLoginPopup #loginPopup .loginPopupMT .loginPopupMTR{width: 188px; height: auto ; float: right;}
#webLoginPopup #loginPopup .loginPopupMT .loginPopupMTR input{width: 100%; height: auto; line-height: 30px; margin-top: 3px;}
#webLoginPopup #loginPopup .loginPopupMM{width: 100%; height: auto; margin-top: 20px;}
#webLoginPopup #loginPopup .loginPopupMM .loginPopupMML{width: 150px; height: auto; float: left; box-sizing: border-box; border-radius: 5px; overflow: hidden; border: 1px solid #CCCCCC;}
#webLoginPopup #loginPopup .loginPopupMM .loginPopupMML input{width: 100%; height: auto; line-height: 38px; padding-left: 15px;}
#webLoginPopup #loginPopup .loginPopupMM .loginPopupMMR{width: 90px; height: auto; float: right;  border-radius: 5px; overflow: hidden; text-align: center;}
#webLoginPopup #loginPopup .loginPopupMM .loginPopupMMR input{line-height: 38px; height: auto; border: none; background-color: transparent; font-size: 12px;}
#webLoginPopup #loginPopup .loginPopupMB1 {width: 100%;height: auto;float: left;padding: 15px 0;color: #B3B3B3;font-size: 14px;}
#webLoginPopup #loginPopup .loginPopupMB1 .loginPopupMB1L {width: 50%;height: auto;float: left;}
#webLoginPopup #loginPopup .loginPopupMB1 .loginPopupMB1R {width: 50%;height: auto;float: left;}
#webLoginPopup #loginPopup .loginPopupMB1R ul {width: 100%;height: auto;float: left;}
#webLoginPopup #loginPopup .loginPopupMB1R li {width: 33%;height: auto;float: left;text-align: center;}
#webLoginPopup #loginPopup .loginPopupMB1R li:nth-of-type(1) {margin-left: 40px;}
#webLoginPopup #loginPopup .loginPopupMB1R li b {width: 17px;height: 17px;border-radius: 10px;display: inline-block;vertical-align: middle;}
#webLoginPopup #loginPopup .loginPopupMB {width: 100%; height: 35px; float: left; line-height: 35px; text-align: center; background-color: #191D28; color: #FFFFFF; font-size: 12px; margin-top: 20px; border-radius: 18px; overflow: hidden;}
#webLoginPopup #loginPopup .loginPopupB{width: 100%; height: auto; float: left; font-size: 11px; line-height: 1; margin-top: 16px; margin-bottom: 16px;}
#webLoginPopup #loginPopup .loginPopupB .loginPopupBL{width: auto; height: auto; display: inline-block; float: left; color: #BBBBBB;}
#webLoginPopup #loginPopup .loginPopupB .loginPopupBL a{color: #191D28}
#webLoginPopup #loginPopup .loginPopupB .loginPopupBR{width: auto; height: auto; display: inline-block; float: right; color: #191D28;}
#webLoginPopup .van-cell{ padding: 0 !important;}
#webLoginPopup .van-popup--center{ transform: translate3d(-50%,-70%,0) !important;}
#webLoginPopup .loginPopupdefault{ border: 1px solid #191D28; color: #191D28;}
#webLoginPopup .loginPopupchange{ border: 1px solid #CCCCCC; color: #BBBBBB;}
#webLoginPopup #areaCode{width: 100%; z-index: 199; height: 315px; position: absolute; left: 0; bottom: 0; background-color: #ffffff; box-sizing: border-box; border-radius: 10px 10px 0 0; overflow: hidden; text-align: center;}
#webLoginPopup #areaCode .areaCodeT{width: 100%; height: 50px; color: #888888; font-size: 15px; line-height: 50px;}
#webLoginPopup #areaCode .areaCodeM{width: 100%; height: auto;}
#webLoginPopup #areaCode .areaCodeM li{width: 100%; height: 50px; box-sizing: border-box; line-height: 50px; font-size: 15px; color: #111111;}
#webLoginPopup #areaCode .areaCodeB{width: 100%; height: 50px; box-sizing: border-box; line-height: 50px; font-size: 16px; background-color: #F2F4FF; color: #5670FE; position: absolute; left: 0; bottom: 0;}
/* 登录框样式2 */
#webLoginPopup .loginPopupN1{width: 100%; height: auto; float: left;}
#webLoginPopup .loginPopupN1T{ width: 100%; height: auto; float: left; margin-top: 40px; display: flex; justify-content: center; align-items: center;}
#webLoginPopup .loginPopupN1T span{ width: auto; height: auto; float: left; line-height: 22px; font-size: 16px; color: #999999; position: relative; padding-bottom: 5px;}
#webLoginPopup .loginPopupN1T span:last-child{ margin-left: 60px;}
#webLoginPopup .loginPopupN1T span.cur{ line-height: 28px; font-weight: bold; color: #FF535B;}
#webLoginPopup .loginPopupN1T span.cur::after{ content: ''; width: 20px; height: 2px; float: left; margin-left: -10px; border-radius: 1px; background-color: #FF535B; position: absolute; left: 50%; bottom: 0;}
#webLoginPopup .loginPopupN1M{ width: 100%; height: auto; float: left; margin-top: 35px;}
#webLoginPopup .loginPopupN1M .ddN1{ width: 100%; height: auto; float: left; position: relative; margin-top: 15px;}
#webLoginPopup .loginPopupN1M .ddN1 span{ width: 56px; height: 40px; float: left; background-color: #FF535B; border-radius: 4px; position: absolute; left: 0; top: 0;}
#webLoginPopup .loginPopupN1M .ddN1 input,#webLoginPopup .loginPopupN1M .ddN3 input,#webLoginPopup .loginPopupN1M .ddN4 input{ width: 100%; height: 40px; float: left; line-height: 40px; background: #F6F6F6; border: none; resize: none; border-radius: 4px; text-indent: 68px; font-size: 14px; color: #333333;}
#webLoginPopup .loginPopupN1M .ddN1 input[disabled],#webLoginPopup .loginPopupN1M .ddN3 input[disabled],#webLoginPopup .loginPopupN1M .ddN4 input[disabled]{ color: #C1C1C1; opacity: 1;}
#webLoginPopup .loginPopupN1M .ddN1 input::-webkit-input-placeholder,#webLoginPopup .loginPopupN1M .ddN3 input::-webkit-input-placeholder,#webLoginPopup .loginPopupN1M .ddN4 input::-webkit-input-placeholder{ color: #C1C1C1;}
#webLoginPopup .loginPopupN1M .ddN1 input::-moz-placeholder,#webLoginPopup .loginPopupN1M .ddN3 input::-moz-placeholder,#webLoginPopup .loginPopupN1M .ddN4 input::-moz-placeholder{ color: #C1C1C1;}
#webLoginPopup .loginPopupN1M .ddN1 input:-moz-placeholder,#webLoginPopup .loginPopupN1M .ddN3 input:-moz-placeholder,#webLoginPopup .loginPopupN1M .ddN4 input:-moz-placeholder{ color: #C1C1C1;}
#webLoginPopup .loginPopupN1M .ddN1 input:-ms-input-placeholder,#webLoginPopup .loginPopupN1M .ddN3 input:-ms-input-placeholder,#webLoginPopup .loginPopupN1M .ddN4 input:-ms-input-placeholder{ color: #C1C1C1;}
#webLoginPopup .loginPopupN1M .ddN2{ width: 100%; height: auto; float: left; margin-top: 12px;}
#webLoginPopup .loginPopupN1M .ddN2 span{ width: auto; height: auto; float: left; line-height: 18px; font-size: 13px; color: #999999;}
#webLoginPopup .loginPopupN1M .ddN2 span.N2{ float: right; color: #777777;}
#webLoginPopup .loginPopupN1M .ddN3{ width: 100%; height: auto; float: left; margin-top: 15px; display: flex;}
#webLoginPopup .loginPopupN1M .ddN3 span{ width: 100px; height: 40px; float: left; border: 0.5px solid #FF535B; border-radius: 4px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #FF535B;}
#webLoginPopup .loginPopupN1M .ddN3 input{ width: auto; flex: 1; margin-left: 9.5px; text-indent: 10px;}
#webLoginPopup .loginPopupN1M .ddN4{ width: 100%; height: auto; float: left; margin-top: 15px; display: flex;}
#webLoginPopup .loginPopupN1M .ddN4 input{ flex: 1; text-indent: 13px;}
#webLoginPopup .loginPopupN1M .ddN4 span{ width: 130px; height: 40px; float: left; margin-left: 10px; background: #FF535B; border-radius: 4px; line-height: 40px; font-size: 14px; color: #FFFFFF; text-align: center;}
#webLoginPopup .loginPopupN1B{ width: 100%; height: 40px; float: left; background: #FF535B; border-radius: 20px; margin-top: 48px; margin-bottom: 42px; line-height: 40px; font-size: 16px; color: #FFFFFF; text-align: center;}
#webLoginPopup .loginPopupN1BN2{ width: 100%; height: auto; float: left; margin-top: 32px;}
#webLoginPopup .loginPopupN1BN2 span{ width: 100%; height: 22px; float: left; text-align: center; line-height: 22px; font-size: 11px; color: #C6C6C6; display: flex; justify-content: center; align-items: center;}
#webLoginPopup .loginPopupN1BN2 span em{ color: #FF546F;}
#webLoginPopup .loginPopupN1BN2 span i{ width: 9px; height: 9px; float: left; margin-right: 4px; border: 1px solid #e64a4a; border-radius: 50%; position: relative;}
#webLoginPopup .loginPopupN1BN2 span i.cur::after{ content: ''; width: 5.5px; height: 5.5px; float: left; margin-top: -2.75px; margin-left: -2.75px; border-radius: 50%; background-color: #E64A4A; position: absolute; left: 50%; top: 50%;}
#webLoginPopup .loginPopupN1BN2 p{ width: 100%; height: 40px; float: left; background: #FF535B; border-radius: 20px; margin-top: 9px; margin-bottom: 38px; line-height: 40px; font-size: 16px; color: #FFFFFF; text-align: center;}


