body{font-family: "Microsoft YaHei";}
.nos ,.nos body{overflow: hidden;}
.navtop{background: #fff;width: 100%;height: 50px;line-height: 50px;margin-top:20px;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.05);position: relative;}
/*--*/
.navtop ul{padding:0 20px;overflow:hidden;position: absolute;}
.navtop ul li{padding:0 20px;float: left;}
.navtop ul li a{font-size: 17px;color:#333;display: block;text-align: center;}
.navtop ul li.curr a{color:#4b79ef;border-bottom: solid 3px #4b79ef;}
.navtop.fixed{position: fixed;top:0;z-index: 10;}

.order { cursor:pointer;display: block;padding-right: 40px;line-height: 50px;text-align: right;font-size: 14px;color: rgb(75, 121, 239);}
/*--*/
/*.mcontainer{width:1580px;margin:auto;}*/
.mainContent{margin-top:20px;display: none;margin-left: 35px;}
.mainContent.show{display: block;}
/*--*/
.mainContent ul li{width: 247px;cursor:pointer;position: relative;border-radius: 4px;background-color: #fff;float: left;padding:20px;margin: 0 20px 20px 0;text-align: center;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.03);}
.mainContent ul li:hover{box-shadow: 0px 5px 13px 0px rgba(0, 66, 234, 0.23);-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.mainContent ul li:nth-child(6n){margin: 0 0px 20px 0;}
.mainContent ul li .jiaocheng{opacity:0;visibility: hidden;background: #a8aab5;border-radius: 4px;padding: 0 5px;text-align: center;line-height: 25px;color:#fff;position: absolute;right: 10px;top: 10px;font-size: 12px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.mainContent ul li:hover .jiaocheng{opacity: 1;visibility: visible;background: #000;}
.mainContent ul li .imgbox{margin: 20px auto;margin-left: 75px;}
.mainContent ul li .imgbox img{width: 72px;height: 72px;}
.mainContent ul li h4,.cartpanel .listbox .right h4{font-size: 17px;color:#333;margin-bottom: 10px;}
.mainContent ul li p{font-size: 14px;height: 20px;color: rgb(161, 161, 161);text-align: center;line-height: 20px;margin-bottom: 10px;}
.mainContent ul li .price,.cartpanel .listbox .right .price{margin-bottom: 20px;}
.mainContent ul li .price em,.cartpanel .listbox .right .price em{font-size: 14px; color: rgb(51, 51, 51);}
.mainContent ul li .price b,.cartpanel .listbox .right .price b{font-size:28px;}
.mainContent ul li .price span,.cartpanel .listbox .right .price span{font-size:12px;}
.btnbox a{width: 40%;display: inline-block;border-radius: 4px;height: 28px;line-height: 28px;text-align: center;color:#fff;font-size: 16px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;border: 1px solid transparent;}
.btnbox a.nbuy{margin-right: 8%;border: 1px solid #2062e6;background: #2062e6;}
.btnbox a.addcart{border: 1px solid #2062e6;color: #2062e6;}
.btnbox a.nbuy:hover{background: #33a0ff;border: 1px solid #33a0ff;}
.btnbox a.addcart:hover{border: 1px solid #33a0ff;color: #33a0ff;}


/*订单记录*/
.orderbox{display:none;width: 100%;margin-top: 20px;background-color: #fff;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.13);}
.topbox{height: 50px;line-height: 50px;padding:0 20px;font-size: 16px;color:#a1a1a1;position: relative; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.13);}
.tablebox table{width: 100%;}
.tablebox table tr{height: 50px;font-size: 16px;color:#333;border-bottom:solid 1px #eee;}
.tablebox table tr th,.tablebox table tr td{padding: 10px 0 10px 50px;}
.tablebox table tr.ttitle{background: #4b79ee;color:#fff;}
.tablebox table tr.ttitle th{font-weight: 700;}
.tablebox table tr .spic{color:#4b79ef;font-size: 14px;cursor: pointer;}
.tablebox table tr .spic i{display:inline-block;width:22px;height: 20px; vertical-align: middle;margin-top:-1px;margin-right:5px;background: url(../../images/bbs/spic.png) no-repeat center;background-size:cover;}

.slidebar{width:410px;position: fixed;right: 0;top: 0;bottom:0;z-index: 99; -webkit-transition: all 0.5s;transition: all 0.5s;transform: translateX(360px);}
.slidebar.show{transform: translateX(0);}
.scroll{overflow-y: hidden;}
/*购物车*/
.glocart{float:left;width: 50px;height: 100%;background:rgb(39, 43, 49);cursor: pointer;transform: translateX(0); -webkit-transition: all 0.5s;transition: all 0.5s; position: relative;}
.glocart.show{right:360px;transform: translateX(0);}
.cartbox{width:100%;height: 190px;position: absolute;top:50%;margin-top:-105px;background-color: rgb(104, 90, 243);padding:20px 0;text-align: center;}
.carttxt{font-size: 18px;color:#fff;margin:20px 0;}
.carttxt span{display: block;}
.cartnum{display: block;width: 30px;height: 30px;line-height:30px;background: #fff;border-radius: 50%;color:#5948f7;font-size: 18px;margin:auto;}
.cartflyer {width: 40px; height: 40px; border-radius: 50%; z-index: 900;}
.flyend {position: absolute; z-index: 10000; width: 20px; height: 20px; border-radius: 10px; color: #fff; background-color: #ff621d; text-align: center; line-height: 20px; font-weight: 500; font-size: 12px;}
.glocart .kefu {position: absolute; bottom: 10px; left: 0; right: 0; display: block; text-align: center; color: #fff; line-height: 1.8em;}
.glocart .kefu img {display: block; margin: 0 auto 3px;}


/*购物车展开面板*/
.cartpanel{width: 360px;height: 100%;background: #e1e2e8;padding:20px 0;float: right; }
.cartpanel .tpclear{font-size: 16px;color:#4b79ef;margin-bottom:16px;position: absolute;right: 20px;top:20px;cursor: pointer;}
.cartpanel .listbox{width:320px;overflow-y: auto;padding: 0 20px;position: absolute;bottom: 240px;top: 60px; right: 0px;}
.cartpanel .listbox .conbox{ border-radius: 4px;background-color: rgb(255, 255, 255);box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.03);width: 280px;padding:20px; position: relative;margin-bottom: 10px;}
.cartpanel .listbox .conbox .left{float: left;}
.cartpanel .listbox .conbox .left{margin-right: 12px; width: 72px; height: 72px;}
.cartpanel .listbox .conbox .left img {width: 72px; height: 72px; display: block;}
.cartpanel .listbox .conbox .right {position: relative; overflow: hidden; z-index: 2;}
.cartpanel .listbox .right h4,.cartpanel .listbox .right .price{margin-bottom: 0!important;}
.cartpanel .listbox .conbox .cclose{cursor:pointer;position: absolute;z-index:3;right: 14px;top: 14px; display: block;width: 12px;height: 12px;background: url(../../images/bbs/close.png) no-repeat center;background-size:12px; padding: 10px;}
.cartbottom {width: 320px;background-color: rgb(242, 243, 247);box-shadow: 0px 0px 5px 0px rgba(0, 62, 220, 0.15);position: absolute;bottom: 0;right: 0;padding:20px;}
.cartbottom .inpbox input{float:left;width:200px;height: 46px;padding-left: 10px;border:solid 1px #ebebf2;font-size: 16px;border:solid 1px #ebebf2;}
.cartbottom .inpbox .btnfree{float:right;width:100px;height:46px;line-height:46px;text-align:center;background: #685af3;color:#fff;font-size: 16px;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;border:solid 1px #d3d4e8; }
.cartbottom .inpbox .btnfree:hover,.btn-jiesuan:hover{color:#fff;border:solid 1px #685af3;box-shadow: 0 5px 15px rgba(104,90,243,.8);}
.txtbox,.alfree,.allpay,.balance{margin:10px 0;}
.txtbox p,.alfree p,.allpay p,.balance p{line-height: 35px;}
p.alsel{font-size: 16px;color:#2f3033;float: left;}
p.alsel b{color:#685af3;}
.txtbox p.allnum,.allpay p.paycount{font-size: 28px;color:#f64b4b;float: right;}
.txtbox p.allnum em,.allpay p.paycount em{font-size: 20px;}
.txtbox p.allnum.line{text-decoration:line-through;font-size: 20px;color:#c3c4c9;}
.txtbox p.allnum.line em{font-size: 16px;}
.btn-jiesuan{display: block;height: 48px;line-height:48px;border-radius: 4px;background-color: rgb(104, 90, 243);text-align: center;color:#fff;font-size: 18px;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

.freetip{font-size: 16px;color:#bbbdc9;border:solid 1px #ebebf2; height: 44px;line-height: 44px;width: 200px;background: #fff;position: absolute;top:-65px;opacity: 0; -webkit-transition: all 0.5s;transition: all 0.5s;visibility: hidden;}
.freetip.show{opacity: 1;visibility: visible;}

.alfree,.allpay{display: none;}
.alfree.show,.allpay.show{display: block;}
/*已优惠*/
.alfree p.alprice{font-size: 20px;color:#f64b4b;float: right;}
.alfree p.alprice em{font-size: 16px;}
.cartbottom .inpbox input::-webkit-input-placeholder { color:#bbbdc9;}
.cartbottom .inpbox input:-moz-placeholder { color:#bbbdc9;}
.cartbottom .inpbox input::-moz-placeholder { color:#bbbdc9;}
.cartbottom .inpbox input:-ms-input-placeholder {color:#bbbdc9;}

/* 余额 */
.balance p.userBalance{font-size: 14px;float: right;}
.balance p.userBalance input {margin-left: 5px;}

/*滚动条样式*/
.cartpanel .listbox::-webkit-scrollbar {width: 6px;height: 6px;}
.cartpanel .listbox::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgb(135, 138, 145,.8);background: rgb(135, 138, 145,.8);}
.cartpanel .listbox::-webkit-scrollbar-track {background: none;}

/*查看大图*/
.bigImgbox{width: 100%;height: 100%;position: relative;}
.close{cursor:pointer;position: absolute;right: 20px;top: 20px; display: block;width: 20px;height: 20px;background: url(../../images/bbs/bigclose.svg) no-repeat center;background-size:cover;}
.bgCover{ opacity: 0;visibility: hidden;overflow: hidden;background: #000;position: fixed;top: 0px;left: 0px;right: 0; bottom: 0;z-index: 11;-webkit-transition:none;transition:none;}
.curr > .bgCover {opacity: .6;visibility: visible;}
.bigImgbox .mainbox{display: none; position:relative;width:60%;margin:auto;height: auto;padding:1.2rem .3rem .5rem;position: fixed;left:0;top:10%;right:0;z-index: 12;-webkit-animation:popup .3s ease-in;-moz-animation:popup .3s ease-in;animation:popup .3s ease-in;text-align: center; }
.curr .mainbox {display: block;}
.bigImgbox .mainbox img {max-width: 100%;}


/*购买服务*/
/*遮罩层*/
.desk {position: fixed;width: 100%;height: 100%;background: #000;filter: alpha(opacity=70);opacity: 0.7;z-index: 999;top: 0;left: 0;display: none;}
.dialog { background: #FFFFFF; border-radius: 6px;position: fixed;top: 50%;left: 50%;z-index: 1000;display: none;}
.scaleOut {-webkit-animation: scaleOut 0.3s ease-in-out both;animation: scaleOut 0.3s ease-in-out both;}
.scaleIn {-webkit-animation: scaleIn 0.3s ease-in-out both; animation: scaleIn 0.3s ease-in-out both;}
.dialog a.close {font-size: 0;color: transparent;position: absolute;right: 30px;top: 33px;display: block;width: 14px;height:14px;background: url('../../images/bbs/close.png') center no-repeat;}
.dialog.dialog_pay .dialog_title{font-size: 18px;text-align: center;padding:28px 15px 15px;color: #333;}
.dialog .dialog_body {padding:0 50px 35px;}
.dialog.dialog_pay{width: 500px; min-height: 300px; margin: -200px 0 0 -200px;}
.dialog_left {float: left;text-align: center;}
.dialog_right {position: relative; overflow: hidden; text-align: center;}
.dialog_pay .payQr {position: relative;width:168px;height:168px;margin:10px auto 20px;border:1px solid #e5e5ee;}
.dialog_pay .payQr img {display: block;width:132px;height: 132px;border:18px solid rgb(250, 250, 252);}
.dialog_pay .payQr .corner {position: absolute;width:14px;height:14px;border-color:#333;}
.dialog_pay .payQr .corner-lt {left:0;top:0;border-left: 2px solid;border-top: 2px solid;}
.dialog_pay .payQr .corner-lb {left:0;bottom:0;border-left: 2px solid;border-bottom: 2px solid;}
.dialog_pay .payQr .corner-rt {right:0;top:0;border-right: 2px solid;border-top: 2px solid;}
.dialog_pay .payQr .corner-rb {right:0;bottom:0;border-right: 2px solid;border-bottom: 2px solid;}
.dialog_pay .paytype {position: relative;text-align: center;font-size: 16px;color: #333;}
.dialog_pay .paytype a {position: absolute;right:0;top:0;color: #48a2f7;}
.dialog_pay .paytype img {vertical-align: middle;margin: -4px 5px 0 0;}
.dialog_pay .payPrice{font-size: 18px;margin: 40px 0 0 30px;}
.dialog_pay .payPrice em{color:#f60;font-size: 40px;}




/*@media (max-width: 1920px){
    .mcontainer{width:1580px;margin:auto;}
    .mainContent ul li{
       width: 260px;
    }
    .mainContent ul li:nth-child(5n){margin: 0 0 20px 0;}
} */

@media (max-width: 1440px) {
    .mcontainer{width: 1260px;}
    .mainContent ul li{margin: 0 20px 20px 0!important;}
    .mainContent ul li:nth-child(4n){margin: 0 0 20px 0!important;}
}

 @media (max-width: 1200px) {
    .navtop ul{padding:0 5px;}
    .navtop ul li {padding: 0 15px;}
    .btnbox a{width: 44%;}
    .mcontainer{width: 1100px;}
    .tablebox table tr th, .tablebox table tr td{padding-left: 50px;}
    .mainContent ul li{
        width: 220px;
        margin: 0 20px 20px 0!important;
    }

}

/* 膨胀后变正常尺寸 */
@-webkit-keyframes popup{
    0%{-webkit-transform:scale(0);}
    60%{-webkit-transform:scale(1.1);}
    100%{-webkit-transform:scale(1);}
}

@-moz-keyframes popup{
    0%{-moz-transform:scale(0);}
    60%{-moz-transform:scale(1.1);}
    100%{-moz-transform:scale(1);}
}

@keyframes popup{
    0%{transform:scale(0);}
    60%{transform:scale(1.1);}
    100%{transform:scale(1);}
}
@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1.00);
        opacity: 1.0;
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }

    100% {
        transform: scale(1.00);
        opacity: 1.0;
    }
}
@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(1.0);
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(1.0);
        opacity: 1.0;
    }

    100% {
        transform: scale(0.6);
        opacity: 0;
    }
}