/* CSS Document */
html[lang="ar"] {direction: rtl;}
[lang="ar"] .navbar { 
  margin-right: 0;
  margin-left: auto;
}
*{padding:0; margin:0;list-style:none;}
body{-webkit-tap-highlight-color: rgba(0,0,0,0);background-color: #fff;font-size: 16px; color:#161418;}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;cursor:pointer;}
a{color:#161418;}
em{ font-style: normal;}
input {  border-radius:0;outline: none;border: none;}
input::-webkit-input-placeholder{color:#7f849d;}
input::-moz-placeholder{color:#7f849d;}
input:-moz-placeholder{color:#7f849d;}
input:-ms-input-placeholder{color:#999;}
textarea::-webkit-input-placeholder{color:#7f849d;}
textarea::-moz-placeholder{color:#7f849d;}
textarea:-moz-placeholder{color:#7f849d;}
textarea:-ms-input-placeholder{color:#7f849d;}
textarea{outline: none;}
select{ -webkit-appearance: none; outline: none;}
.clear{clear: both;}
.mainbody{ width: 1200px; margin:0 auto; padding: 0; box-sizing: border-box;}
.mhead{background-color: #110f12;padding: 15px 0;}
.mhead .mainbody{display: flex;}
.mhead .mlogo{display: flex; height: 48px;}
.mhead .mlogo .icon{margin-right: 10px;}
.mhead .msearch{margin-left: 60px; margin-top:5px;position: relative;}
.mhead .msearchbox{display: flex;position: relative;z-index: 300;width: 500px;box-sizing: border-box;background:#fff; border-radius: 6px; height: 40px;overflow: hidden;}
.mhead .msearchbox.bor0{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.mhead .msearch .msearcht{display: block; width: 100%;font-weight:bold;line-height: 16px; padding:12px 20px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;color:#161418;}
.mhead .msearch .msearchb{display: block;background:#fff url(/images/icon-search.svg) no-repeat center; width: 60px; border:none;background-size: 20px;  }
.mhead .mheadright{margin-left: auto; display: flex;height: 40px;margin-top: 5px;}
.mhead .mheadright .mregion{display: flex; color:#fff; font-size: 18px; padding: 10px; border-radius: 6px; line-height: 20px;cursor: pointer;}
.mhead .mheadright .mregion:hover{background:#352f3a;}
.mhead .mheadright .mregion img{display: block; height: 20px;}
.mhead .mheadright .mregion .mdot{display: block;width: 6px; height: 6px; border-radius: 50%; background:#a09fa0; margin: 7px 15px;}
.mhead .mheadright .micon{margin-left: 20px; display: flex;}
.mhead .mheadright .micon a{ display: flex; color:#fff;padding: 10px; border-radius: 6px; background:#352f3a;}
.mhead .mheadright .micon a:hover{background:#4e4a5d;}
.mhead .mheadright .mcart{position: relative;}
.mhead .mheadright .mcart .mnum{position: absolute; right: -8px; top: -8px; border-radius: 10px; line-height: 20px;background:#f25022;padding:0 6px;font-weight: bold;font-size: 12px;}
.mhead .mheadright .mcart .mamount{font-size: 18px; font-weight: bold; line-height: 20px;margin-left:10px}
.mhead .mheadright img{display: block;height: 20px;}
.msearchmodal{position:absolute;z-index:200;box-sizing:border-box;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1); width: 100% !important;top: 40px !important; min-height: 220px !important;left: 50% !important;-webkit-transform: translateX(-50%) !important;transform: translateX(-50%) !important;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;overflow: hidden;}
.msearchmodal .list{height:450px;overflow:scroll;}
.msearchmodal .list li{padding:5px 10px;border-top:1px solid #f0f4ff;}
.msearchmodal .list li:hover{background:#f0f4ff;}
.msearchmodal .list li a{display: flex;justify-content: flex-start;align-items: center;}
.msearchmodal .list li img{display: block; height: 80px;object-fit: cover;}
.msearchmodal .list li .con{display: flex;justify-content: space-between; width: 90%;align-items: center;}
.msearchmodal .list li .box{display: flex;justify-content: flex-end;flex-direction: column;width: 100%;}
.msearchmodal .list li .title{font-size: 12px;font-weight: bold;flex-grow: 2;text-align: left; padding: 0 10px;letter-spacing: 0;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.msearchmodal .list li .price{align-items: center;min-width: 170px;display: flex;align-items: center;text-align: left;}
.msearchmodal .list li .price del{color:#7f849d; font-size: 12px;}
.msearchmodal .list li .pricecon{display: flex;}
.msearchmodal .list li .pricecon .pricenum{font-weight: bold;font-size: 20px;color:#0b9f58;line-height: 20px;}
.msearchmodal .list li .pricecon .sale{background:#f25022; color:#fff; border-radius: 50px;padding: 0 5px;line-height: 20px;font-size: 12px; font-weight: bold;margin-left: 10px;}
.msearchmodal .btn{display: block;width: 100%; line-height: 46px; text-align: center; color:#fff;background:#ffb901; font-size: 16px;font-weight: bold;}
.msearchmodal .btn:hover{background:#ffa801}
.mainnav{background:#332e38;}
.mainnav .list{display: flex;flex-wrap:wrap;}
.mainnav .list .nav{position:relative;}
.mainnav .list .levelnav{display:block;padding: 0 25px; line-height: 60px;font-size: 18px; font-weight: bold; color:#fff;}
.mainnav .list .levelnav.on,.mainnav .list .levelnav.on:hover{background:#ffb901;}
.mainnav .list .levelnav:hover{background:#453e4b;}
.mainnav .list .childnav{display:none; position: absolute;top: 60px;min-width: 200px; z-index: 1000; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-bottom: 3px solid #ffb901;padding: 10px 0;}
.mainnav .list .childnav a{ display: block; font-size: 14px; line-height: 30px; color:#7f849d;padding:5px 10px;}
.mainnav .list .childnav a:hover{ text-decoration: underline;}
.mainnav .list .nav:hover .childnav{display: block;}
.mainpopbg{display:none; z-index: 1100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.mainpop{display:none; width: 500px;position: fixed;top: 35%;left: 50%;transform: translate(-50%, -30%);background:#fff;border-radius: 6px; z-index: 1100;padding: 30px; box-sizing: border-box;}
.mainpop .mtitle{font-size: 24px; color:#161418; font-weight: bold;margin-bottom:40px}
.mainpop .mclose{ position:absolute; right: 30px; top: 30px;height: 16px !important;}
.mainregion{margin-top: 20px;}
.maintitle{color:#161418;font-weight: bold;margin-bottom: 15px; font-size: 14px;}
.mainselect{position: relative;}
.mainchoose {display: flex; align-items: center;width: 100%;border: 1px solid #f0f4ff;line-height: 48px; border-radius: 6px;padding: 0 15px;box-sizing: border-box;font-size: 14px; font-weight: bold;background: url(/images/icon-arrow-down.svg) no-repeat right 15px center;background-size: 14px;}
.arrow{background: url(/images/icon-arrow-top.svg) no-repeat right 15px center;background-size: 14px;}
.mainchoose img{display: block; height: 20px; vertical-align: middle;margin-right: 10px ;}
.mainoption {display:none;position: absolute;width: 100%;height:230px; overflow-y:scroll;box-sizing:border-box;padding:10px 0;background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius:6px; color: #161418;z-index: 100;}
.mainoption li a{display: flex;align-items: center; line-height: 40px;font-size: 14px; font-weight: bold;padding: 0 10px;}
.mainoption li a img{display: block; height: 20px; vertical-align: middle;margin-right: 10px ;}
.mainoption li a.on{background:#f0f4ff;}
.mainoption li a:hover{background:#f0f4ff;}
.mainbutton{display: flex;margin-top: 20px}
.mainbutton .btn{width: 30%;margin-right:20px; line-height: 46px;border:none; font-size: 18px; font-weight: bold; border-radius: 6px; text-align: center;}
.mainbutton .btn.savebtn{background:#ffb901; color:#fff;}
.mainbutton .btn.cancelbtn{background:none; border:1px solid #ffb901; color:#ffb901;}
.main-menuicon{display: none;}
.main-searchicon{display: none;}
.mobile-mregion{display: none;}
.mainbanner{display: flex; width: 100%; height: 500px;overflow: hidden;}
.mainbanner a{display: flex; justify-content: center; overflow: hidden; align-items: center;}
.mainbanner img{display: block;height: 100%;width: auto;}
.graypbg{background:#f0f4ff;padding-bottom:20px;}
.main-bodytitle{padding: 30px 0; display: flex;align-items: center;}
.main-bodytitle .more{margin-left: auto;height: 34px;align-items: center; background:url(/images/icon-arrow-right.svg) no-repeat right 10px center;font-size: 12px;font-weight: bold;border:1px solid #d0d6e4; border-radius:6px;line-height:34px;padding: 0 27px 0 10px; background-size: 12px;}
.main-bodytitle .more:hover{border:1px solid #161418;}
.main-bodytitle .text{font-weight: bold; font-size: 30px;}
.main-prolist li{float:left;width:285px;overflow:hidden;border-radius: 15px; border:1px solid #c5cbd5;background:#fff; box-sizing: border-box; margin-right: 20px;margin-bottom: 20px;position:relative;}
.main-prolist li:nth-child(4n){margin-right:0;}
.main-prolist li .tag{position:absolute;z-index:100;left:10px; top: 0;background: url(/images/img-tag.png) no-repeat center;background-size: cover;width: 56px; height: 54px;color:#fff; text-align:center; line-height: 38px;font-weight: bold;}
.main-prolist li .proimgbox{display:flex;height: 400px;justify-content: center;position: relative;}
.main-prolist li .proimgbox .proimg{}
.main-prolist li .bought{position: absolute;right: 0; bottom:0; z-index: 100; right: 10px; background:#f1f1f1; color:#7f849d;font-size: 12px; border-radius: 6px; line-height: 28px;padding: 0 5px;}
.main-prolist li .container{background:#fff;padding:20px;transition: transform 300ms ease-in-out;transform: translateY(60px);margin-top:-60px;position:relative;z-index:200;}
.main-prolist li .container .title{font-size:18px;height:52px;color:#161418;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.main-prolist li .container .text{font-size:14px;color:#7f849d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-prolist li .container .price{color:#0b9f58;font-size:22px;font-weight:bold;display:flex;align-items:center;}
.main-prolist li .container .price .delprice{font-size:12px;color:#7f849d;font-weight:normal;margin-right:15px;}
.main-prolist li .container .code{font-size:12px;color:#279af1;height:30px;}
.main-prolist li .container .codeprice{font-size:22px;font-weight:bold;}
.main-prolist li .container .btn{width:100%;line-height:40px;font-weight:bold;text-align:center;color:#fff;background:#ffb901;border-radius:6px;margin-top:15px;}
.main-prolist li:hover{box-shadow:0 0 10px rgba(0,0,0,.1);}
.main-prolist li:hover .proimg{height:410px;}
.main-prolist li:hover .container{position:relative;z-index: 100;box-shadow: 10px 0 10px rgba(0, 0, 0, .1);transform: translateY(0px);}
.main-prolist li:hover .btn{display: block;}
.mainaboutus{background: url(/images/featuresbg.jpg) no-repeat center;background-size: cover;color:#fff;margin-top: 20px;padding: 60px 0;}
.mainaboutus .mtitle{ text-align: center;font-weight: bold; font-size: 30px;}
.mainaboutus .list li{float:left;width: 22.75%;margin-right: 3%; text-align: center;margin-top:40px;}
.mainaboutus .list li:nth-child(4){margin-right:0}
.mainaboutus .list li img{display: block;margin: auto;height: 40px;}
.mainaboutus .list li .stitle{font-size: 18px;font-weight: bold;margin: 25px 0;}
.mainaboutus .list li .con{font-size: 14px; opacity: .8;}
.main-newlist li{float:left;margin-right:20px;margin-bottom:20px; width: 590px; border-radius: 10px; border:1px solid #c5cbd5; overflow: hidden;box-sizing: border-box;}
.main-newlist li:hover{background:#f0f4ff;}
.main-newlist li:nth-child(2n){margin-right: 0;}
.main-newlist li a{display: flex;}
.main-newlist li img{width: 260px; height: 198px;}
.main-newlist li .righttext{padding:20px;}
.main-newlist li .righttext .title{font-size: 18px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.main-newlist li .righttext .con{font-size: 14px;margin-top:10px; color:#7f849d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.main-newlist li .righttext .time{font-size: 12px;color:#7f849d;margin-top: 10px;}
.main-pay{background:#332e38; padding: 40px 0;margin-top: 40px;}
.main-paybox{width: 100%;margin: 0 auto;display: flex;justify-content: space-around;flex-direction: unset;display: flex;flex-wrap: wrap;flex-grow: 1;max-width: 100%;}
.main-paybox img{display: block; height: 36px;}
.main-foot{background:#110f12;padding-top: 40px;}
.main-foot .line{display: flex;align-items: center;margin-bottom:40px;}
.main-foot .logo{display: block;height: 60px;}
.main-foot .email{margin-left: auto;color:#fff; font-size: 16px;display: flex; }
.main-foot .email img{height: 20px;margin-top:2px;margin-right:10px}
.main-foot .footlink{align-items: center;color:#29272a;width: 100%;margin:0 auto;display: flex;gap: 5px; justify-content: space-between;align-items: center;width: 100%;}
.main-foot .footlink a{color:#fff;padding: 0 10px; text-align: center;}
.main-foot .footlink .linkline{width: 1px; height: 20px;background:#29272a;margin: 0px 10px;}
.main-foot .copyright{ text-align: center; font-size: 14px;color:#7f849d;padding: 20px 0; border-top:1px solid #29272a;margin-top:40px;}
.main-tips{border-radius: 6px; margin: 10px auto;background:#fff;padding: 15px; position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.main-tips .title{font-size: 16px; font-weight: bold;margin-bottom:5px;}
.main-tips .tiporder{display: flex;font-size: 12px; color:#7f849d;align-items: center;}
.main-tips .tiporder .text{margin-right:15px;}
.main-tips .tiporder .btn{margin-left: auto; display: flex;}
.main-tips .tiporder .btn a{border-radius: 4px;line-height: 30px;margin-left: 15px;padding: 0 5px;background:#ffb901;color:#fff;}
.main-tips .tiporder .btn .view{background:#279af1;}
.main-tips .tipclose{position:absolute;right: 15px; top: 15px; height: 14px;}
.main-widget{margin:30px auto; font-size: 14px;}
.main-widget a{color:#7f849d;}
.main-widget a:not(:first-child):before{border-bottom: 4px solid #0000;border-left: 4px solid #7f849d; border-top: 4px solid #0000; content: " "; display: inline-block; height: 0; margin: 0 8px; width: 0;}
.main-widget a:hover{color:#161418;text-decoration: underline;}
.main-widget span:not(:first-child):before{border-bottom: 4px solid #0000;border-left: 4px solid #7f849d; border-top: 4px solid #0000; content: " "; display: inline-block; height: 0; margin: 0 8px; width: 0;}
.main-widget span{color:#7f849d;}
.main-childnav::-webkit-scrollbar {display: none;}
.main-childnav{display: flex; align-items: center;margin-bottom:40px; overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;}
.main-childnav a{line-height: 30px;padding:10px 15px;border-radius:9px;background:#f1f1f1; font-size: 14px;margin-right:10px;color:#7f849d;}
.main-childnav a.on{color:#fff;background:#332e38;}
.main-childnav a.on:hover{color:#fff;background:#332e38;}
.main-childnav a:hover{background:#eaeaea;}
.main-page{display: flex; align-items: center;margin-bottom: 40px;}
.main-page .box{display: flex;margin-left: auto;}
.main-page a{font-size: 14px;font-weight: bold; padding: 0 15px; display: flex;align-items:center;margin-left: auto;border-radius: 4px; line-height: 24px;}
.main-page a.on{background:#f1f1f1;}
.main-page img{height: 14px;}

.main-imgblock{float:left;width: 420px;}
.main-bimgbox{width: 310px;overflow: hidden;float:right;}
.main-bimgbox .main-bimg{width: 100%;box-sizing: border-box;}
.main-bimgbox .main-bimg .pic{display: flex; width: 100% !important;height: 430px; box-sizing: border-box;padding: 4px;border:1px solid #c5cbd5; overflow: hidden;justify-content:center;align-items:center;}
.main-bimgbox .main-bimg .pic .tag{position:absolute;z-index:100;left:10px; top: 0;background: url(/images/img-tag.png) no-repeat center;background-size: cover;width: 56px; height: 54px;color:#fff; text-align:center; line-height: 38px;font-weight: bold;}
.main-bimgbox .main-bimg video{display: block;margin:0; padding:0;width: 100% !important;}
.main-simgbox {float:left;width: 80px; height: 80px;}
.main-simgbox .main-simg{ display: block;}
.main-simgbox .main-simg .pic{ display: flex; width: 100% !important;height:100%; border:1px solid #c5cbd5; padding: 4px;margin-bottom: 10px;margin-right: 0 !important;box-sizing:border-box;overflow:hidden;justify-content:center;align-items:center;}
.main-simgbox .swiper-slide {height: 100%;opacity: 0.4;}
.main-simgbox .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block;width: auto;height:auto;object-fit: cover;max-width:100%;max-height:100%;object-fit:contain;}
.main-productbox{padding-bottom:30px !important; border-bottom:1px solid #f0f4ff;}
.main-conbox{float:right;width: 740px;}
.main-conbox .ptitle{font-size: 28px;}
.main-conbox .ptext{font-size: 16px; color:#7f849d;margin-top: 10px;padding-bottom: 10px; border-bottom:1px solid #f0f4ff;}
.main-conbox .pprice{display: flex;align-items: center; margin-top: 20px; }
.main-conbox .pprice .delprice{color:#0b9f58; font-size: 28px;font-weight: bold;display: flex;align-items: center;margin-bottom: 10px;}
.main-conbox .pprice .delprice .del{color:#7f849d; font-size: 12px; margin-right: 15px;}
.main-conbox .pprice .code{ background:#279af1 url(/images/pricebg.jpg) no-repeat right center;line-height: 50px; color:#fff; font-size: 14px;padding: 0 15px;padding-right:40px;display: flex;justify-content: center;}
.main-conbox .pprice .codeprice{font-size: 28px;font-weight: bold;margin-right: 10px;}
.main-conbox .pprice .bought{background:#f1f1f1; color:#7f849d;font-size: 12px; border-radius: 6px; line-height: 28px;padding: 0 5px;margin-left: auto;}
.main-conbox .mcon{background:#f7f7f7; color:#f25022;margin: 15px 0; padding: 15px;font-size: 14px;border-radius:4px;}
.main-conbox .hint{background:#feede8; color:#f25022;margin: 15px 0; padding: 15px;font-size: 14px;}
.main-conbox .hint .htitle{display: flex; align-items: center; font-size: 16px;font-weight: 600;margin-bottom:10px;}
.main-conbox .hint .htitle img{height: 16px;margin-right: 10px;}
.main-conbox .tipa{background:#e5e5e5; color:#3f53eb;margin: 15px 0; padding: 15px;font-size: 14px;}
.main-conbox .tipa .htitle{display: flex; align-items: center; font-size: 16px;font-weight: 600;margin-bottom:10px;}
.main-conbox .tipa .htitle img{height: 16px;margin-right: 10px;}
.main-conbox .attribute{ display: flex; align-items: center;font-size: 16px; color:#7f849d;margin-bottom:10px;}
.main-conbox .attribute .left{min-width: 140px;}
.main-conbox .attribute .right{font-size:14px;color:#161418;line-height: 36px;display: flex; align-items: center; justify-content: flex-start;align-content:stretch;flex-wrap:wrap;flex-direction:row}
.main-conbox .attribute .version{ }
.main-conbox .attribute .version a{ color:#279af1; text-decoration: underline;margin-right: 30px;}
.main-conbox .attribute .version a.on{background:#ddd7e3 url(/images/checkbg.png) no-repeat right bottom;background-size: 20px; color:#534166; text-decoration: none; border-radius: 4px;padding: 0 15px;margin-bottom:6px;}
.main-conbox .attribute .currency a{display: flex;margin-right:20px; align-items: center; justify-content: center;background:#ddd7e3; color:#534166;border-radius: 4px;padding: 0 15px;margin-bottom:5px;}
.main-conbox .attribute .currency a.on{color:#fff;background:#ffb901;}
.main-conbox .attribute .currency a:hover{color:#fff;background:#ffb901;}
.main-conbox .pbtn{display: flex;line-height: 46px; margin-top: 20px;}
.main-conbox .quantity{display: flex;justify-content: center; background:#9a979c; border-radius: 6px; width: 160px;box-sizing: border-box;margin-right: 20px;}
.main-conbox .quantity span{ width: 54px;text-align: center;cursor: pointer;}
.main-conbox .quantity span img{height: 14px;}
.main-conbox .quantity input{ width:52px; text-align: center;font-size: 18px; color:#fff; font-weight: bold;background:none;}
.main-conbox .btn{ display: flex; align-items: center;justify-content: center; color:#fff;background:#ffb901;border-radius: 6px;width: 560px; font-weight: bold;}
.main-conbox .btn img{height: 16px;margin-left:10px;font-weight: bold;}
.main-conbox .btn:hover{background:#ffa201;}
.main-conbox .advantage{ display: flex;margin-top: 20px;}
.main-conbox .advantage .list{display: flex; align-items: center;font-size: 12px; color:#7f849d;padding-right:20px;}
.main-conbox .advantage .list:last-child{padding-right:0;}
.main-conbox .advantage .list img{width: 30px; height: 30px;margin-right: 20px;}
.main-conbox .advantage .list .title{font-weight: bold; font-weight: bold;color:#161418; font-size: 16px;margin-bottom:10px;}
.main-reviewers li{margin-bottom:20px;background:#fbfbfb;padding:20px;border-radius:3px;}
.main-reviewers li .reviewuser{ display: flex; align-items: center;}
.main-reviewers li .reviewuser .headimg{ border-radius:50%; width: 50px; height: 50px;overflow: hidden;margin-right:10px;}
.main-reviewers li .reviewuser .headimg img{display: block;width:100%;}
.main-reviewers li .reviewuser .name{ font-weight: bold;}
.main-reviewers li .reviewuser .time{color:#c2bcc8; font-size: 12px;margin-top:5px;}
.main-reviewers li .text{color:#7f849d; font-size: 16px; margin:15px 0;}
.main-reviewers li .pic{display: flex;}
.main-reviewers li .pic .box{border:1px solid #c5cbd5; width: 100px; height: 100px; overflow: hidden; position: relative;margin-right:20px;}
.main-reviewers li .pic .box img{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0; max-width: 100%; max-height: 100%;}
.btncon{background:#f9f9f9;padding:20px;border-radius:3px;}

.rewmorelink{color:#ffb901;font-size: 16px; display: block; text-decoration: underline;margin-bottom:40px;}
.maincontent{font-size: 16px; line-height: 24px;}
.maincontent img{ display: block; width: 100%;margin:15px 0;}
.maincontent hr{margin:20px 0px;border:1px solid #bfbfbf;}
.maincontent h2{margin:10px 0px;}
.maincontent h3{margin:6px 0px;}
.main-faq{margin-bottom:60px;}
.main-faq li{ margin-bottom:20px; background:#f0f4ff; padding:20px;border-left:4px solid #ffb901;}
.main-faq li .title{ font-weight: bold; color:#161418; font-size: 16px;}
.main-faq li .con{font-size: 14px;color:#7f849d;margin-top:10px;}
.main-cart{margin-bottom:30px;}
.main-cartleft{float:left; width: 60%;}
.main-cartleft .list li{ display: flex; align-items: center;border-bottom:1px solid #f0f4ff;padding: 10px 0; position: relative;}
.main-cartleft .list li .pic{width: 120px;margin-right: 30px;}
.main-cartleft .list li .title{font-size: 16px;margin-bottom: 20px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.main-cartleft .list li .bot{display: flex; align-items: center;}
.main-cartleft .list li .bot .delect{height: 20px;}
.main-cartleft .list li .quantity{display: flex;justify-content: center; border:1px solid #c5cbd5; border-radius: 6px; width: 140px;box-sizing: border-box;margin-right: 20px;height: 40px; line-height: 40px;}
.main-cartleft .list li .quantity span{ width: 54px;text-align: center;cursor: pointer;}
.main-cartleft .list li .quantity span img{height: 14px;}
.main-cartleft .list li .quantity input{ width:52px; text-align: center;font-size: 18px; color:#161418; font-weight: bold;background:none;}
.main-cartleft .list li .price{margin-left: auto; font-weight: bold; text-align: right;color:#0b9f58; font-size: 20px;}
.main-cartleft .list li .price .delprice{display: block;color: #7f849d;font-size: 12px;font-weight: normal;}
.main-empty {font-size: 20px; text-align: center; font-weight: bold; margin: 30px 0;}
.main-empty img{display: block; margin: auto; width: 40px;margin-bottom: 20px}
.main-empty a{display: block;margin: auto; width: 200px;background:#ffb901;border-radius: 6px;font-weight: bold;text-align: center;color:#fff; font-size: 16px; line-height: 46px;margin-top:30px;}
.main-empty a:hover{background:#ffa201;}
.main-summary{float:right; width: 36%; padding: 20px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.main-summary .title{text-align: center; font-size: 16px; font-weight: bold;margin-bottom: 15px;}
.main-summary .con{display: flex; font-size: 14px; line-height: 30px;}
.main-summary .con .right{margin-left: auto;font-weight: bold;}
.main-summary .discode{display: flex;margin: 10px 0; border-bottom:1px solid #f0f4ff;padding-bottom: 15px;}
.main-summary .discode .code{width: 100%;border: 1px solid #c5cbd5;line-height: 20px;border-radius: 6px; padding: 12px 15px;box-sizing: border-box; font-size: 14px;font-weight: bold;}
.main-summary .discode .apply{ text-align: center;background:#279af1; border-radius: 6px;padding: 0 15px;font-size: 16px;font-weight: bold; color:#fff; margin-left: 10px;}
.main-summary .total{font-size: 18px; font-weight: bold; margin: 15px 0;}
.main-summary .total .right{font-size: 28px; color:#ffb901;}
.main-summary .btn{display: block; border-radius: 6px; line-height: 46px; color:#fff;background:#ffb901;border-radius: 6px;font-weight: bold;text-align: center;width:100%;}
.main-summary .btn:hover{background:#ffa201;}
.main-summary .chkpay{display:none;}
.maincarttilte{padding-top: 0;}
.main-stitle{font-size: 20px;font-weight: bold;margin: 20px 0;}
.main-email{ border-bottom:1px solid #f0f4ff;padding-bottom: 20px;}
.main-email .info{ display: block;width: 100%;border:1px solid #c5cbd5;line-height:18px; border-radius: 6px;padding: 15px;box-sizing: border-box;font-size: 16px; font-weight: bold;}
.main-email .checkbox{ display: flex; align-items: center;margin-top: 20px; font-size: 14px; color:#7f849d;}
.main-email .checkbox input{width: 16px; height: 16px;margin-right: 10px;}
.main-email .textarea{ display:block;margin-top: 20px;width: 100%;min-height:40px;border:1px solid #c5cbd5;line-height:18px; border-radius: 6px;padding: 15px;box-sizing: border-box;font-size: 16px; font-weight: bold;}
.main-email .btn{display: block;width: 100%;margin-top: 20px; line-height: 46px; color:#fff;background:#ffb901;border-radius: 6px;font-weight: bold;text-align: center;font-size: 16px;}
.main-email .btn:hover{background:#ffa201;}
.main-payment{margin-top: 20px;}
.main-payment .pay li{background:#f0f4ff; padding: 15px; margin-bottom: 15px; display: flex; align-items: center;font-size: 14px;}
.main-payment .pay li img{margin: 0 10px; height: 30px;}
.main-payment .pay input{width: 16px; height: 16px;}
.main-code{display: flex; line-height: 100px; background: url(/images/codebg.jpg) no-repeat center; background-size:cover;color:#fff; align-items: center; justify-content: center; font-weight: bold; font-size: 30px;}
.main-code .countdown{ margin-left: 10px;color:#fffc01;}

.main-user{display: flex;}
.main-user-right .main-bodytitle{padding: 30px 0;}
.main-user-left{width: 30%; line-height: 60px;}
.main-user-left li a{display:block;border:1px solid #f0f4ff; margin-bottom:10px; display: flex; align-items: center; font-size: 16px ; font-weight: bold;padding: 0 20px;}
.main-user-left li a.on{border-left:4px solid #ffb901;background:#f0f4ff;}
.main-user-left li a img{height: 20px; margin-right: 10px;}
.main-user-right{width: 65%;margin-left: auto;box-shadow: 0 0 10px rgba(0, 0, 0, .1); padding:0 30px; box-sizing: border-box;padding-bottom: 30px;}
.main-account .reviewuser{ display: flex; align-items: center;}
.main-account .reviewuser .headimg{ border-radius:50%; width: 50px; height: 50px;overflow: hidden;margin-right:10px;}
.main-account .reviewuser .headimg img{display: block;width:100%;}
.main-account .reviewuser .name{ font-weight: bold;}
.main-account .reviewuser .time{color:#c2bcc8; font-size: 14px;margin-top:5px;}
.main-account .account{border-top:1px solid #f0f4ff;margin-top:30px;}
.main-account .account li{ display: flex; align-items: center; font-size: 16px; line-height: 46px; font-weight: bold;margin: 10px 0;}
.main-account .account li .left{min-width: 160px;}
.main-account .account li .btn{color:#fff; background: #ffb901; border-radius: 6px; padding: 0 30px}
.main-account .account li .btn:hover{background:#ffa201;}
.main-orderlist li{border:1px solid #f0f4ff;color:#7f849d;margin-bottom: 10px;}
.main-orderlist li .line{display: flex; align-items: center;padding: 0 15px;line-height: 24px;font-size: 14px;}
.main-orderlist li .id{display: flex; align-items: center;padding: 0 15px;font-size: 14px;background: #f0f4ff;line-height: 36px;color:#161418;margin-bottom: 5px;}
.main-orderlist li .line .left{min-width: 120px;}
.main-orderlist li .id .right{margin-left: auto;}
.main-orderlist li .line .right{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-orderlist li .btn{border-top:1px solid #f0f4ff;padding: 5px 15px; font-size: 12px;display:flex;justify-content: end;margin-top: 5px;}
.main-orderlist li .btn a{margin-left: 10px;border-radius: 4px; line-height: 24px;padding: 0 10px; border:1px solid #c5cbd5;}
.main-orderlist li .btn a.buy{background: #ffb901;color:#fff; border:1px solid #ffb901;}
.main-orderlist li .btn a.key{background: #0b9f58;color:#fff; border:1px solid #0b9f58;}
.main-order .pro{display: flex;align-items: center;margin-bottom:10px;}
.main-order .pro img{width: 80px;margin-right: 30px;}
.main-order .pro .title{font-size: 16px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.main-order .pro .price{margin-left: auto;font-weight: bold;text-align: right;color: #0b9f58; font-size: 20px;}
.main-order .con{background:#f0f4ff;padding: 10px;font-size: 14px; line-height: 24px;color:#7f849d;margin-top: 15px;}
.main-hint{background:#feede8; color:#f25022;margin: 15px 0; padding: 15px;font-size: 14px;}
.main-hint .htitle{display: flex; align-items: center; font-size: 16px;font-weight: 600;margin-bottom:10px;}
.main-hint .htitle img{height: 16px;margin-right: 10px;}
.main-order .btn{display: flex; justify-content: center;}
.main-order .btn a{padding: 0 30px;border-radius: 6px; line-height: 46px;margin:0 10px;font-weight: bold;border:1px solid  #ffb901; color:#ffb901;box-sizing: border-box; }
.main-order .btn a.buy{background: #ffb901;color: #fff;}
.main-orderkey li{ padding-bottom: 10px;}
.main-new .title{font-size: 20px;font-weight: bold;}
.main-new .time{font-size: 14px;color:#7f849d;margin-top: 15px;}
.main-new .con{font-size:15px; line-height: 28px;margin-top: 20px;}
.main-new .con p{margin-bottom:10px;}
.main-new .con a{color:blue;}
.main-new .con img{max-width:100%;}
.main-login{box-shadow: 0 0 10px rgba(0,0,0,.1); display: flex; width: 850px; margin:60px auto;}
.main-login .main-loginleft{width: 60%;padding: 0 40px;box-sizing: border-box;padding-bottom: 30px;}
.main-login .main-loginleft .line{margin-bottom: 20px;}
.main-login .main-loginleft .info{display: block;width: 100%;border: 1px solid #c5cbd5;line-height: 18px;border-radius: 6px;padding: 15px;box-sizing: border-box;font-size: 16px;font-weight: bold;}
.main-login .main-loginleft .hint{font-size: 14px;color:#f25022; margin-top: 5px;}
.main-login .main-loginleft .link{display:flex; font-size: 16px; justify-content: end;}
.main-login .main-loginleft .link a{color:#ffb901;text-decoration: underline;}
.main-login .main-loginleft .hint{font-size: 14px;color:#f25022; margin-top: 5px;}
.main-login .main-loginleft .btn{display: block;width: 100%;margin-top: 20px; line-height: 46px; color:#fff;background:#ffb901;border-radius: 6px;font-weight: bold;text-align: center;font-size: 16px;}
.main-login .main-loginleft .btn:hover{background:#ffa201;}
.main-login .main-loginright{width: 40%;background: url(/images/loginbg.jpg) no-repeat center; background-size: cover;padding: 0 50px 50px 50px;}
.main-login .main-loginright .title{ text-align: center; font-size: 30px;font-weight: bold; color:#fff;margin-top: 80px;}
.main-login .main-loginright .con{color:#fff; margin-top: 30px; text-align: center;}
.main-login .main-loginright .btn{display: block;width: 100%;margin-top: 30px; line-height: 46px;border:1px solid #fff; color:#fff;border-radius: 6px;font-weight: bold;text-align: center;font-size: 16px;}
.main-login .main-loginright .btn:hover{background:#fff; color:#161418;}
.main-password .line{margin-bottom: 20px;}
.main-password .line .hint{font-size: 14px;color:#f25022; margin-top: 5px;}
.main-faqlist li .title{cursor: pointer;position: relative;}
.main-faqlist li:hover{ background:#ebeef5;}
.main-faqlist li .con{display: none; }
.main-faqlist li .iconarrow{position: absolute; right: 0; top: 0;width:14px;height: 14px;background: url(/images/icon-arrow-down.svg) no-repeat center; background-size:cover;}
.main-faqlist li .top{background: url(/images/icon-arrow-top.svg) no-repeat center;background-size: 14px;}
.mobile-bottomad{display: none;}
.cart-code{font-size:12px;color:#279af1;position:absolute;right:0; bottom:40px;}
.cart-code .codeprice{font-size:22px; font-weight:bold;}
.coucode{font-size:12px; color:#279af1;height:30px;}
.coucode .codeprice{font-size:18px;font-weight:bold;}
.uehid{display:none;}
.record-btn{ line-height:30px;height:28px; border:1px solid #ff8135; color:#ff8135; font-size:14px; width:180px; text-align:center; border-radius:6px; margin:auto; margin-top:5px; margin-bottom:15px;margin-top:10px;margin-bottom:10px;-webkit-appearance:none;}
.record-btndisable{margin:auto;margin-top:15px;margin-bottom:10px;text-align:center;padding-top:20px;}
.record-btndisablcon{line-height:26px;height:26px;border:1px solid #e6dfda;color:#d8d8d8;font-size:14px;text-align:center; border-radius:6px; -webkit-appearance:none;padding:6px 20px;}
.reviewlist{position:relative;}
.record-bom{position:absolute;left:0;text-align:center;width:100%;bottom:-60px;}
.review{padding-top:50px;padding-bottom:70px;}
.morebtn{display: block;width:180px;margin:auto; line-height: 36px;text-align: center;border:1px solid #a9a9a9; margin-top: 15px; cursor: pointer;border-radius:2px;}
.rlyinfo{margin-bottom:15px;}
@media screen and (max-width:1230px){
	.mainbody{ width: 100%;padding: 0 15px; box-sizing: border-box;}
	.mhead .mainbody{display: flex;white-space: nowrap;}
	.mhead .msearch{margin-left: 30px;width: 60%;}
	.mhead .msearchbox{width: 100%;}
	.msearchmodal .list li .con{flex-direction: column;align-items: flex-start;padding: 0 10px;width: 80%;}
	.msearchmodal .list li .title{padding: 0;width: 100%;margin-bottom: 5px;}
	.msearchmodal .list li .pricecon .pricenum{font-size: 18px;}
	.msearchmodal .list li .pricecon .sale{background:#f25022; color:#fff; border-radius: 50px;padding: 0 5px;line-height: 20px;font-size: 12px; font-weight: bold;margin-left: 10px;}
	.mainnav .list .levelnav{padding: 0 20px; line-height: 60px;font-size: 16px;}
	
	.mainbanner{height: 420px;}
	.main-prolist li{width:32%;margin-right: 2%;}
	.main-prolist li:nth-child(4n){margin-right:2%;}
	.main-prolist li:nth-child(3n){margin-right:0;}
	.main-prolist li:nth-of-type(7){display: none;}
	.main-prolist li:nth-of-type(8){display: none;}
	.main-newlist li{margin-right:3%;margin-bottom:20px; width:48.5%;}
	.main-paybox img{height: 32px;}
	.main-foot .footlink .linkline{display: none;}
	.main-tips{margin: 10px auto;padding: 15px; position:relative}
	.main-prolistw li:nth-of-type(7){display: block;}
	.main-prolistw li:nth-of-type(8){display: block;}
	
	.main-imgblock{width: 35%; display: flex; padding-right: 30px; box-sizing: border-box;position: relative;}
	.main-bimgbox{width: 70%;margin-left: auto;}
	.main-bimgbox .main-bimg .pic{ width: 100% !important;height: 340px;}
	.main-simgbox {width: 60px; height: 60px; position: absolute;left: 0;top: 0;}
	.main-conbox{float:right;width: 65%;}
	
	}

@media screen and (max-width:930px){
	.mainbody{ width:100%; padding: 0 10px; box-sizing: border-box;}
	.mhead .mainbody{display: flex;align-items: center;}
	.main-menuicon{display: block;min-width: 24px; height: 24px;justify-content: flex-start;margin-right: 15px;background: url(/images/icon-menu.svg) no-repeat center;background-size: 100%;position: relative;z-index: 200;}
	.mhead{position: relative;min-height: 60px;box-sizing: border-box;}
	.mhead .mlogo{height: 30px;z-index: 1000;}
	.mhead .mlogo .icon{margin-right:5px;}
	.mhead .mlogo .text{display: none;}
	.mhead .mlogo.show { position: absolute;left: 40px; top: 17px;height: 26px;}
	.mhead .mlogo.show .text{display: block;}
	.mhead .msearch{margin-left: 0; margin-top:0; display: flex; width: 100%; cursor: pointer;}
	.main-searchicon{display:block;width:24px;height:24px;margin-left: auto;margin-right: 10px;background: url(/images/icon-search-mobile.svg) no-repeat center;background-size:100%;}
	.main-mobile-close{background: url(/images/icon-mobile-close.svg) no-repeat center;background-size: 100%; z-index: 500;}
	.main-searchfixed{position: fixed;left:0; top: 60px;background:#fff; width: 100%; z-index: 300;display: none;}
	.mobilehide{display: none !important;}
	.mhead .msearchbox{ border-radius:0; height: 50px;border-bottom:1px solid #ddd;}
	.mhead .msearch .msearcht{display: block; width: 100%;font-weight:bold;line-height: 16px; padding:17px 20px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;color:#161418;}
	.mhead .msearch .msearchb{display: block;background:#fff url(/images/icon-search.svg) no-repeat center; width: 60px; border:none;background-size: 20px;  }
	.mhead .mheadright{height: 25px;margin-top:5px;align-items: center;}
	.mhead .mheadright .micon{margin:0 10px; display: flex;align-items: center;}
	.mhead .mheadright .micon a{ display: flex; padding:0; border-radius:0; background:none;}
	.mhead .mheadright .micon a:hover{background:#none;}
	.mhead .mheadright .mcart .mnum{position: absolute; right: -4px; top: -4px; border-radius: 10px; line-height: 16px;background:#f25022;padding:0 4px;font-weight: bold;font-size: 12px;}
	.mhead .mheadright .mcart .mamount{display: none;}
	
	.msearchmodal .btn{font-size: 14px;}
	.mainnavpopbg{z-index: 100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4); display: none;}
	

	
	.mainnav{background:#332e38;position: fixed;left: 0; top: 60px;width:100%; height: 100%;background:#fff; display: none;z-index: 1000; box-sizing: border-box;overflow: scroll;padding-bottom: 80px;}
	.mainnav .mainbody{overflow-y: scroll;}
	.mainnav .list{display: block;}
	.mainnav .list .levelnav{display:block;padding: 0;border-bottom:1px solid #f0f4ff; line-height: 50px;font-size: 16px; font-weight: bold; color:#161418;background: url(/images/icon-arrow-right.svg) no-repeat right center;background-size: 12px; }
	.mainnav .list .levelnav.on{background:none;}
	.mainnav .list .levelnav:hover{background:none;}
	.mainnav .list .childnav{position: relative;left:0;top: 0;min-width: 100%; box-shadow:none;border-bottom:none;padding: 5px 0;display: block;background:#f0f4ff;}
	.mainnav .list .childnav a{ display: block; font-size: 12px; line-height: 24px; color:#7f849d;padding: 0 10px;}
	.mainnav .list .childnav a:hover{ text-decoration: underline;}
	.mainnav .list .nav:hover .childnav{display: block;}
	
	.mhead .mheadright .mregion{padding:5px; font-size: 12px; align-items: center;  background: #352f3a;}
	.mhead .mheadright .mregion .mdot{width: 4px;height: 4px; margin: 0 5px;}
	.mobile-mregion{color:#161418; font-size: 16px; padding: 0; border-radius: 6px; line-height: 30px; display: flex;align-items: center;padding-top:15px;border-top:1px solid #f0f4ff;margin-top:10px;}
	.mobile-mregion img{height: 20px;display: block;}
	.mobile-mregion .mdot{display: block;width: 6px; height: 6px; border-radius: 50%; background:#a09fa0; margin:0 10px;}
	.mhead .mheadright .mregion img{display: block;height: 16px;}
	.mainpop{width: 90%;position: fixed;top: 35%;left: 50%;transform: translate(-50%, -30%);background:#fff;border-radius: 6px; z-index: 1100;padding: 15px; box-sizing: border-box;}
	.mainpop .mtitle{font-size: 20px;margin-bottom:30px}
	.mainpop .mclose{right: 15px; top:20px;}
	.mainbutton .btn{line-height: 40px;font-size: 16px;}
	.main-mobile-show{display: block !important;}
	.msearchmodal{display:block;position:fixed;top: 110px !important;;z-index:200;box-sizing:border-box;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1); min-height: 220px !important;left: 50% !important;-webkit-transform: translateX(-50%) !important;transform: translateX(-50%) !important;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;overflow: hidden;}
	.msearchmodalbg{z-index: 100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
	.mainbanner{position: relative; height: 200px;overflow: hidden; justify-content: center; display: flex;}
	.mainbanner img{height: 100%;width: auto;margin:auto;}
	.mainbanner{height: 240px;}
	
	.main-newlist li img{width:200px; height: 152px;}
	.main-newlist li .righttext .con{-webkit-line-clamp: 2;}
	.main-newlist li .righttext{padding:15px;}
	.main-pay{padding: 15px 0;margin-top:20px;}
	.main-paybox img{height: 20px;}
	.main-tips{margin: 10px auto;padding: 10px;}
	.main-tips .tiporder{display: block;font-size: 12px; color:#7f849d;align-items: center;}
	.main-tips .tiporder .text{margin-right:15px;margin-bottom: 10px}
	.main-tips .tiporder .btn{margin-left: auto; display: flex;}
	.main-tips .tiporder .btn a{line-height: 26px;margin-left:0; margin-right: 10px;}
	.main-tips .tipclose{position:absolute;right: 10px; top: 10px; height: 12px;}
	.main-page .box{margin-left: 0;}
	.main-page{margin-bottom: 20px;}
	
	.main-imgblock{float:none;width: 100%; display: block;padding-right: 0;}
	.main-bimgbox{width: 100%;float:none;}
	.main-bimgbox .main-bimg{width: 100%;box-sizing: border-box;}
	.main-bimgbox .main-bimg .pic{display: flex; width: 100% !important;height: 360px;border:none;padding:0;}
	.main-bimgbox .main-bimg .pic .tag{width: 46px; height: 44px;line-height: 34px;font-size: 16px;}
	.main-bimgbox .main-bimg video{display: block;margin:0 auto; padding:0;height: 100% !important;width: auto !important;}
	.main-simgbox {float:none;width: 100%; height: 60px; position: relative;margin-top:10px;overflow:scroll;overflow-y:hidden;}
	.main-simgbox .main-simg{ display: flex;width: 60px;margin-left:10px;}
	.main-simgbox .main-simg .pic{ display: block;margin-bottom: 10px;margin-right: 10px !important;}
	.main-simgbox .swiper-slide {height: 100%;opacity: 0.4;}
	.main-simgbox .swiper-slide-thumb-active {opacity: 1;}
	.swiper-slide img {display: flex;width:auto;height: auto;margin: auto;}
	.main-productbox{padding:0 0 15px 0 !important;}
	.main-conbox{display: block;float:none;width: 100%;padding: 0 10px; box-sizing: border-box;margin-top:10px;} 
	.main-conbox .ptitle{font-size: 20px;}
	.main-conbox .ptext{font-size: 12px; margin-top: 5px;padding-bottom: 5px;}
	.main-conbox .pprice{display: flex;align-items:flex-start; margin-top: 10px; }
	.main-conbox .pprice .delprice{font-size: 20px;display: block;align-items: center;margin-bottom: 10px;}
	.main-conbox .pprice .delprice .del{display:block;font-size: 12px; margin-right:0;}
	.main-conbox .pprice .code{ background:#279af1 url(/images/pricebg.jpg) no-repeat right center;line-height: 40px; font-size: 12px;padding: 0 10px;padding-right:30px;}
	.main-conbox .pprice .codeprice{font-size: 20px;margin-right: 5px;}
	.main-conbox .pprice .bought{font-size: 10px; line-height: 28px;padding: 0 5px;margin-left: auto;}
	.main-conbox .hint{margin: 10px 0; padding: 10px;font-size: 12px;}
	.main-conbox .hint .htitle{font-size: 14px;margin-bottom:5px;}
	.main-conbox .hint .htitle img{margin-right: 5px;}
	.main-conbox .tipa{margin: 10px 0; padding: 10px;font-size: 12px;}
	.main-conbox .tipa .htitle{font-size: 14px;margin-bottom:5px;}
	.main-conbox .tipa .htitle img{margin-right: 5px;}
	.main-conbox .attribute{display:block;font-size: 14px; color:#7f849d;margin-bottom:10px;}
	.main-conbox .attribute .right{font-size:14px ;line-height: 30px;justify-content: flex-start;margin-top:10px;}
	.main-conbox .attribute .version a{margin-right: 10px;}
	.main-conbox .attribute .version a.on{background:#ddd7e3 url(/images/checkbg.png) no-repeat right bottom; background-size:20px;color:#534166; text-decoration: none; border-radius: 4px;padding: 0 15px;}
	.main-conbox .attribute .currency a{margin-right:10px; justify-content: left;}
	.main-conbox .pbtn{display: flex;line-height: 42px; margin-top: 10px;}
	.main-conbox .quantity{width: 120px;box-sizing: border-box;margin-right: 10px;}
	.main-conbox .advantage{ display: block;margin-top: 15px;}
	.main-conbox .advantage .list{padding-right:0;margin-bottom:10px;}
	.main-conbox .advantage .list img{width: 30px; height: 30px;margin-right: 15px;}
	.main-conbox .advantage .list .title{font-size: 16px;margin-bottom:5px;}
	.main-reviewers li{margin-bottom:15px;}
	.main-reviewers li .reviewuser .headimg{width: 40px; height: 40px;}
	.main-reviewers li .reviewuser .time{font-size: 10px;}
	.main-reviewers li .text{font-size: 12px; margin:10px 0;}
	.main-reviewers li .pic .box{ width:80px; height: 80px; margin-right:10px;}

	.rewmorelink{font-size: 14px;margin-bottom:20px;}
	.maincontent{font-size: 12px; line-height: 20px;}
	.maincontent img{ display: block; width: 100%;margin:10px 0;}
	.main-faq{margin-bottom:20px;}
	.main-faq li{ margin-bottom:10px; padding:10px;border-left:3px solid #ffb901;}
	.main-faq li .title{ font-size: 14px;}
	.main-faq li .con{font-size: 12px;margin-top:5px;}
	
	.main-cart{margin-bottom:20px;}
	.main-cartleft{float:none; width: 100%;}
	.main-cartleft .list li{position: relative; padding-bottom: 25px;}
	.main-cartleft .list li .pic{width:60px;margin-right:10px;}
	.main-cartleft .list li .title{font-size: 14px;margin-bottom:10px;}
	.main-cartleft .list li .bot .delect{height: 14px;}
	.main-cartleft .list li .quantity{ width: 110px;margin-right: 10px;height: 40px; line-height: 40px;}
	.main-cartleft .list li .quantity span{ width: 34px;text-align: center;cursor: pointer;}
	.main-cartleft .list li .quantity span img{height: 14px;}
	.main-cartleft .list li .quantity input{ width:42px; text-align: center;font-size: 18px; color:#161418; font-weight: bold;background:none;}
	.main-cartleft .list li .price{margin-left: auto;font-size: 16px; position: absolute; right: 0;bottom: 30px;}
	.main-cartleft .list li .price:dir(rtl){position:relative;}
	.main-cartleft .list li .price .delprice{font-size: 10px;}
	.main-empty {font-size: 18px; margin: 15px 0;}
	.main-empty a{ font-size: 16px; line-height: 42px;margin-top:15px;}
	.main-summary{float:none; width: 100%; padding:20px  10px; margin-top: 20px;}
	.maincarttilte{padding-top: 0;}
	
	.main-user{display: block;}
	.main-user-right .main-bodytitle{padding: 15px 0;}
	.main-user-left{width: 100%; line-height: 40px;}
	.main-user-left li a{font-size: 14px ; font-weight: bold;padding: 0 10px;}
	.main-user-left li a img{height: 14px; margin-right: 5px;}
	.main-user-right{width:100%; padding:0 10px;padding-bottom: 15px;}
	.main-account .account li{  font-size: 14px;}
	.main-account .account li .left{min-width: 120px;}
	.main-orderlist li{margin-bottom: 5px;}
	.main-orderlist li .line{padding: 0 10px;line-height: 24px;font-size: 12px;}
	.main-orderlist li .id{padding: 0 10px;font-size: 12px;}
	.main-orderlist li .line .left{min-width: 80px;}
	.main-orderlist li .btn{padding: 5px 10px; font-size: 12px;}
	.main-orderlist li .btn a{margin-left: 5px;}
	.main-order .pro{margin-bottom:5px;}
	.main-order .pro img{width: 60px;margin-right: 10px;}
	.main-order .pro .title{font-size: 12px;}
	.main-order .pro .price{font-size: 16px;}
	.main-order .con{padding: 10px;font-size: 12px; line-height: 20px;margin-top: 5px;}
	.main-hint{margin: 10px 0; padding: 10px;font-size: 12px;}
	.main-hint .htitle{ font-size: 14px;margin-bottom:5px;}
	.main-hint .htitle img{margin-right: 5px;}
	.main-order .btn a{padding: 0 15px;line-height: 42px;margin:0 5px;}
	.main-login{display: block; width: 100%; margin:0 auto; padding: 0 10px; box-shadow: none; box-sizing: border-box;}
	.main-login .main-loginleft{width: 100%;padding: 0;box-sizing: border-box;padding-bottom: 0;}
	.main-login .main-loginright{width: 100%;background:none;padding: 0;margin-bottom: 30px;}
	.main-login .main-loginright .title{display: none;}
	.main-login .main-loginright .con{display: none;}
	.main-login .main-loginright .btn{border:1px solid #161418; color:#161418;margin-top: 15px;}
	.main-login .main-loginright .btn:hover{background:#161418; color:#fff;}
	.mobile-bottomad{ position: fixed; z-index: 1000; bottom: 0; left:0; width: 100%; display: flex; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding:15px 10px; box-sizing: border-box;align-items: center;justify-content: center;}
	.mobile-bottomad .btn{margin-left: auto;color: #fff;background: #ffb901; border-radius: 6px;font-weight: bold; line-height: 42px; height: 42px;padding: 0 15px;}
	.mobile-bottomad .del{ color: #7f849d;font-size: 12px}
	.mobile-bottomad .pricecon{display: flex; align-items: center;}
	.mobile-bottomad .pricecon .pricenum{font-size: 18px;color: #0b9f58;line-height: 20px; font-weight: bold;}
	.mobile-bottomad .pricecon .sale {background: #f25022;color: #fff;border-radius: 50px;padding: 0 5px;font-size: 12px;margin-left: 10px;line-height: 20px;}
	.mobile-hei{height: 80px;}
	.cart-code{ position: absolute; right: 0; bottom: 10px;}
	.cart-code .codeprice{font-size: 16px;}
	}
	@media screen and (max-width:768px){
		.main-bodytitle{padding: 20px 0;}
		.main-bodytitle .more{height: 24px;align-items: center; background:url(/images/icon-arrow-right.svg) no-repeat right 10px center;font-size: 10px;line-height:24px;padding: 0 20px 0 5px; background-size: 10px;}
		.main-bodytitle .text{font-weight: bold; font-size: 22px;}
		.graypbg {padding-bottom:10px;}
		.main-prolist li{width:49%;margin-right: 2%;margin-bottom: 15px;}
		.main-prolist li:nth-child(4n){margin-right:2%;}
		.main-prolist li:nth-child(3n){margin-right:2%;}
		.main-prolist li:nth-child(2n){margin-right:0;}
		.main-prolist li .tag{width: 42px; height: 40px; line-height: 30px; font-size: 14px;}
		.main-prolist li .proimgbox{height: 240px;}
		.main-prolist li .bought{right: 5px; font-size: 10px;line-height: 20px;}
		.main-prolist li .container{padding:10px;}
		.main-prolist li .container .title{font-size: 14px;height:40px; }
		.main-prolist li .container .text{font-size: 12px;}
		.main-prolist li .container .price{font-size: 16px; display: block;}
		.main-prolist li .container .price .delprice{font-size: 10px;margin-right: 5px;display: block;}
		.main-prolist li .container .code{font-size: 10px;min-height: 24px;}
		.main-prolist li .container .codeprice{font-size: 16px;}
		.mainaboutus{margin-top: 10px;padding: 20px 0;}
		.mainaboutus .mtitle{font-size: 22px;}
		.mainaboutus .list li{width: 48%;margin-right: 4%; margin-top:20px;}
		.mainaboutus .list li:nth-child(2n){margin-right:0}
		.mainaboutus .list li img{height: 30px;}
		.mainaboutus .list li .stitle{font-size: 16px;margin:10px 0;}
		.mainaboutus .list li .con{font-size: 10px;}
		.main-newlist li{float:none;margin-right:0;margin-bottom:15px; width: 100%;}
		.main-newlist li img{width: 130px; height: 97px;}
		.main-newlist li .righttext{padding:10px;}
		.main-newlist li .righttext .title{font-size: 16px;-webkit-line-clamp: 1;}
		.main-newlist li .righttext .con{font-size: 12px;margin-top:5px;-webkit-line-clamp: 2;}
		.main-newlist li .righttext .time{font-size: 10px;color:#7f849d;margin-top: 5px;}
		.main-foot{padding-top: 30px;}
		.main-foot .line{display: block;}
		.main-foot .logo{height: 35px;}
		.main-foot .email{color:#fff; font-size: 14px;display: flex;margin: 15px 0 30px 0;}
		.main-foot .email img{height: 16px;margin-right:5px}
		.main-foot .footlink {display: block;border-top: 1px solid #29272a;}
		.main-foot .footlink a{color:#fff;padding: 0; text-align: center;font-size: 12px;padding-top:15px;margin:0; display: block;}
		.main-foot .copyright{ font-size: 12px;padding: 10px 0; margin-top:20px;}
		.main-widget{margin:15px auto;}
		.main-childnav{margin-bottom:20px}
		.main-prolist li .container{transition: transform 0ms }
		.main-prolist li:hover .container{transform: translateY(60px);}
		.main-prolist li:hover .proimg{height: auto;}
		.main-code{line-height:30px;font-size: 15px;padding: 15px 10px;}
		.main-code .countdown{ margin-left: 10px;color:#fffc01;}
		.main-email .btn.mainhide{display:none;}
		.morebtn{width: 180px; line-height: 30px;font-size: 15px; margin-top: 10px; }
		.main-summary .chkpay{display:block;}
	}
@media screen and (max-width:680px){
	.mainbanner{height: 180px;}
}

.wdimg{position:fixed;top:0;left:0;background:rgb(255 255 255/90%);z-index:998;width:100%;display:none;}
.wdimg .wdiacon{position:absolute;}
.wdimg .wdiacon img{border:8px solid #ededed}
.topcon{display:none;}