body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; }
body { font-family:'Arial','Helvetica','sans-serif'; font-size:13px; color:#333; }
body { background: #fff; }
li { list-style-type: none; }
ul,ol { list-style:none outside none; }
legend { display:none; }
fieldset,img { border:none; vertical-align:middle; }
input,button,select,textarea { outline:none; }
textarea { resize:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table,tr,th,td,font { font-size: 12px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
input,textarea{ outline:none; }
a{ text-decoration:none; font-size:12px; color:#333; }
img { border: medium none; }
.clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
.clear {*zoom:1;}
.clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clear { *height:1%; }
i,b { font-weight: normal; font-style: normal; }

/* 控制换行 使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。 */
.wb { word-wrap: break-word; }
/* 控制是否断词的 是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题 */
.wa { word-break:break-all; }
/* 规定段落中的文本不进行换行 */
.wn { white-space: nowrap; }
/* 垂直对齐一幅图像 图片需要可能display:block */
.vm { vertical-align: middle; }

.wb2 { display: -webkit-box; overflow: hidden; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.top{ width:100%; height:45px; border-top:3px solid #e80c27; background: #fff; border-bottom:1px solid #e5e5e5; }
.topcent{ width:1200px; height:45px; margin: 0 auto; }
.tcLeft{ height:45px; line-height:45px; float:left; }
.tcLeft span { font-size: 13px; color: #333; margin-right: 12px }
.tcLeft span:last-child { margin-right: 0; }
.tcLeft a:hover { color:#e80c27; }
.tcRight{ height:45px; line-height:45px; float:right; }
.tcRight > ul > li { float:left; background: url(../images/topline.png) no-repeat right center; padding-right: 12px; position: relative; }
.tcRight ul li a{ margin-left: 12px; }
.tcRight ul li a:hover{ color:#e80c27; }
.tcRight ul li:last-child{ background: none; }
.tcRight ul li a span{ display: inline-block; height:45px; line-height:45px; background: url(../images/topdot.png) no-repeat right center; padding-right: 15px; }
.tcRight ul li a span strong{ display: inline-block; height:45px; line-height:45px; font-weight:normal; }
.tcRight ul li .langnav{ display: none; width:220px; height: auto !important; height: 34px; min-height: 34px; background: white; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 10px; position: absolute; top:33px; left:-145px; z-index: 99999; padding-top: 10px; padding-bottom: 10px; }
.tcRight ul li .langnav ol li{ width:200px; height:34px; line-height: 34px; padding: 0; padding-left: 20px; }
.tcRight ul li .langnav ol li a{ margin: 0; padding-left: 30px; }
.tcRight ul li .langnav ol.mon li{ padding: 0; }
.tcRight ul li.menu {  }

.header{ width:100%; height:50px; background: white; box-shadow: 0px 7px 10px rgba(0,0,0,0.1); }
.search{ width:100%; box-shadow: 5px 0px 10px rgba(0,0,0,0.1); }
.hauto{ width:1200px; height:50px; margin: 0 auto; }
.headCent{ width:1200px; height:100px; margin: 0 auto; }
.mainNav{  width:1200px; height:50px; }
.hctl{ width:305px; height:100px;  float:left; }
#logo a { display: inline-block; width:129px; height:30px; margin-top: 35px; }
#logo a img { width:129px; height:30px; }
.hctr{ width:895px; height:100px; float: right; }
.hSearch{ width:615px; height:45px; background: white; border:1px solid #e5e5e5; border-radius: 10px; float:left; margin-top: 27px; }
.hsx{ width:570px; height:45px; float: left; }
.hsb{ width:45px; height:45px; float: right; }
.stext{ width:549px; height:43px; line-height: 43px; border: 0; color:#999; border:1px solid #e5e5e5; border-right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: white; float: left; padding-left: 20px; }
.hsb a{ display: inline-block; width:45px; height:45px; background: url(../images/t_searchbtn.png) no-repeat; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.hcart{ width:150px; height:45px; float: right; margin-top: 27px; }
.hcart a { display: block; width: 150px; height: 45px; }
.htc{ width:37px; height:45px; background: url(../images/mycart.png) no-repeat left center; float:left; position: relative; }
.htc span{ display: inline-block; width:23px; height:23px; line-height:23px; color:white; text-align: center; background: #e80c27; border-radius: 50% 50%; position: absolute; right:-10px; top:-5px; }
.htcr{ width:96px; height: 42px; float: right; padding-top: 3px; }
.hpr{ font-size: 14px; }
.hcr{ color:red; font-size:14px; margin-top: 3px; }
.mrnav{ width:880px; height:50px; float: right; }
.mrnav ul li{ height: 50px; line-height: 50px; float:left; margin-left: 25px; margin-right: 25px; }
.mrnav ul li a{ font-size:16px; }
.mrnav ul li a:hover{ color:#e80c27; }
.classfly{ width: 320px; height:50px; float: left; position: relative; }
.cflyt{ width:320px; height: 50px; background: #e80c27; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; }
.cflyt span{ display: inline-block; width:275px; height: 50px; line-height: 50px; background: url(../images/mnavl.png) no-repeat left center;  }
.cflyt span a{ display: inline-block; width:275px; height: 50px; line-height: 50px; font-size: 17px; color: #fff; background: url(../images/mnavr.png) no-repeat right center; }
.classfly .cflyc{ display: none; width:320px; height: auto !important; height: 45px; min-height: 45px; background: rgb(255, 255, 255); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); padding-top: 10px; padding-bottom: 10px; position: absolute; top:50px; left:0; z-index:9999; }
.classfly .cflyc ul li{ width:88%; height: 45px; line-height: 45px;  padding: 0 6%; }
.classfly .cflyc ul li a{ display:inline-block; width:100%; height: 45px; line-height: 45px; font-size:16px; border-bottom: 1px solid #e5e5e5; }
.classfly .cflyc ul li a.cfarrow{ background: url(../images/mnav_arrow.png) no-repeat right center; }
.classfly .cflyc ul li .cf2nav{ display: none; width:290px; height: auto !important; height: 45px; min-height: 45px; background: rgb(255, 255, 255); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); position: absolute; top:0; left: 320px; z-index:999; }
.classfly .cflyc ul li .cf3menu{ display: none; width:290px; height: auto !important; height: 45px; min-height: 45px; background: rgb(255, 255, 255); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); position: absolute; top:0; left: 290px; z-index:99; }
.classfly .cflyc ul li a.bno{ border-bottom: 0; }
.classfly .cflyc ul li a:hover{ color:#e80c27; }

.mainwrap{ width:1200px; height:474px; margin: 0 auto; }
.banner-swiper { width:858px; height: 474px; border-radius: 10px; float: left; position: relative; }
.banner-swiper .swiper-pagination-bullet { width: 13px !important; height: 13px !important; }
.mslihost{ width:327px; height: 474px; float: right; }
.mslihost li{ width:327px; height:147px; margin-bottom: 16px; }
.mslihost li:last-child{ margin-bottom: 0; }
.mslihost li img{ width:327px; height:147px; border-radius: 10px; }

.mbrand{ display: flex; width:1212px; height:100px; margin: 0 auto; align-content: flex-start; }
.mbbox{ width:188px; height:100px; border:1px solid #e5e5e5; border-radius: 10px; margin: 0 6px; }
.mbbox img{ width:188px; height:100px; border-radius: 10px; }
.mPromotion{ width:1212px; height:280px; margin: 0 auto; }
.mauto{ width:1212px; height:52px; margin-bottom: 25px; }
.mtitle{ width:1200px; height:52px; border-bottom: 2px solid #e5e5e5; margin: 0 auto; position: relative; }
.mtitle .mtitL{ height: 52px; line-height: 52px; border-bottom: 2px solid #e80c27; position: absolute; top:0; left:0; }
.mtitL h3{ font-size:17px; font-weight: bold; }
.mtitR{  height: 26px; float: right; padding: 13px 0; }
.mtitR span.mtPrev,.mtitR span.mtNext{ display: inline-block; width:26px; height: 26px; float: left; margin-left: 5px; cursor: pointer; }
.mtitR span.mtPrev{ background: url(../images/tt_prev.png) no-repeat; }
.mtitR span.mtNext{ background: url(../images/mtNext.png) no-repeat; }
.mpmotionContent{ position: relative; width:1212px; height: 205px; overflow: hidden; }
.mpmotBox{ width:390px; height: 203px; background: white; border:1px solid #e80c27; border-radius: 10px; margin: 0 6px; }
.mpmotL{ width:163px; height: 163px; float: left; padding: 15px; }
.mpmotL img{ width:163px; height: 163px; }
.mpmotr{ width:175px; height: 173px; float: right; padding: 10px; padding-left: 10px; }
.mpTime{ width:170px; height: 58px; background: white; border:1px solid #e5e5e5; border-radius:5px; margin-bottom: 8px; }
.mpbtn{ width:172px; height: 35px; }
.mptDD{ width:42px; height:42px;  float: left; padding-top: 8px; padding-bottom: 8px; }
.mptDD strong{ display: inline-block; width:42px; height: 21px; line-height: 21px; font-size:15px; text-align: center;  }
.mptDD span{ display: inline-block; width:42px; height: 21px; line-height: 21px; font-size: 12px; text-align: center; }
.mpbtn a{ display: inline-block; width:125px; height: 35px; line-height: 35px; background: #e80c27; color:white; font-size:14px; text-align: center; border-radius: 5px; }
.mpbtn a:hover { opacity: 0.8; }
.momona{ line-height: 19px; margin-bottom: 5px; margin-top: 3px; }
.momona a{ font-size: 14px; }
.momona a:hover { color: red; }
.momopr{ margin-bottom: 3px; color:red; font-size: 14px; margin-bottom: 5px; }

.proWrap{ width:1212px; height:478px; margin: 0 auto; }
.prowContent{ position: relative; width:1212px; height:400px; overflow: hidden; }
.prowcBox{ width:198px; height:368px; border:1px solid #e5e5e5; background: #fff; border-radius: 10px; margin: 0 6px; padding: 15px; }
.prowcpic{ width:198px; height: 198px; }
.prowcpic img{ width:198px; height: 198px; }
.prowCate{ color:#999; margin-top: 10px; }
.prowcNa{ margin-top: 10px; }
.prowcNa a{ font-size: 14px; font-weight: bold; }
.prowcNa a:hover { color: red; }
.prowcPr{ font-size:14px; font-weight: bold; color:red; margin-top: 10px; }
.prowcBtn{ margin-top: 10px; }
.prowcBtn a{ display: inline-block; width:198px; height:42px; line-height: 42px; font-weight: bold; text-align: center; background: #ebebeb; border-radius: 8px; }
.prowcBtn a:hover { opacity: 0.8; }

.upshow{ display: flex; width:1212px; height: 198px; margin: 0 auto; }
.upsBox{ width:593px; height:198px; background: white; margin: 0 6px; }
.upsBox img{ width:593px; height:198px; border-radius: 10px; }

.scateWrap{ width:auto; height:408px; background: #fbf6f2; }
.scateContent{ width:1212px; height:358px; margin: 0 auto; padding-top: 50px; }
.scateList{ position: relative; width:1212px; height:235px; margin-top: 40px; overflow: hidden; }
.sclistBox{ width:145px; height:235px; margin: 0 6px; padding: 0 22px; }
.scliPic{ width:145px; height: 145px; border-radius: 50% 50%; }
.scliPic img{ width:145px; height: 145px; border-radius: 50% 50%; }
.scliNa{ width:145px; text-align: center;  margin-top: 12px; }
.scliNa a{ font-size:16px; }
.scliNa a:hover { color: red; }
.scliKey{ width:145px; text-align: center; margin-top: 8px; }

.CloumShow{ display: flex; width:1212px; height:190px; margin: 0 auto; }
.clshowBox{ width:390px; height:190px; margin: 0 7px; }
.clshowBox img{ width:390px; height:190px; border-radius: 10px; }
.cshow1{ width:1200px; height:163px; margin: 0 auto; }
.cshow1 img{ width:1200px; height:163px; border-radius: 10px; }

.blogwrap{ width:1212px; height:413px; margin: 0 auto; }
.blogContent{ position: relative; width:1212px; height:335px; margin: 0 auto; overflow: hidden; }
.blogcBox{ width:289px; height: 333px; border: 1px solid #e5e5e5; border-radius: 8px; background: white; margin: 0 6px; position: relative; }
.bcPic { width:289px; height:189px; }
.bcPic img{ width:289px; height:189px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.blogcBox .bcTime{ width:105px; height:30px; line-height: 30px; color:white; text-align: center; border-radius: 4px; background: #e80c27; position: absolute; top:172px; left:20px; z-index:99; }
.bcTT{ width:249px; padding-left: 20px; padding-right: 20px; margin-top: 30px; display: -webkit-box; overflow: hidden; word-break:break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.bcTT a{ font-size:15px; font-weight: bold; }
.bcTT a:hover{ color:red; }
.bcKey{ width:249px; line-height: 21px; color:#999; padding-left: 20px; padding-right: 20px; margin-top: 8px; display: -webkit-box; overflow: hidden; word-break:break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bcMore{ width:249px; padding-left: 20px; padding-right: 20px; margin-top: 10px; }
.bcMore a{ font-size:13px; font-weight: bold; text-decoration: underline; }
.bcMore a:hover { color: red; }
#footer{ width:auto; min-height:370px; background: #21262a; }
.ftop{ width: auto; height: 106px; background: #e80c27; }
.fbom{ width:auto; height:315px; background: #21262a; }
.ftopContent{ display:flex; width:1212px; height: 106px; margin: 0 auto; }
.ftctBox{ width:290px; height: 50px;  margin: 0 6px; padding: 28px 0; }
.ftctL{ width:50px; height: 50px; float: left; }
.ftctL span{ display: inline-block; width:50px; height:50px; }
.ftctL span img { width:50px; height:50px; }
.ftctR{ width:225px; height: 50px; color:white; float: right; }
.ftrw1{ font-size:14px; line-height: 23px; font-weight: bold; margin-top: 4px; }
.ftrw2{ font-size:13px; }
.fcopy{ width: auto; height:54px; line-height: 54px; text-align: center; color: #aaa; background: #21262a; border-top:1px solid #2f3438; }
.fbomCenter{ display: flex; width:1212px; height:315px; margin: 0 auto; }
.fbomcBox{ width:290px; height: 285px; margin: 0 6px; padding-top: 30px; }
.fbbTT{ width:290px; height: 43px;  }
.btTT{ width:290px; height:43px; line-height: 40px; background: url(../images/ft_bg.png) no-repeat left bottom; color: white; font-size:17px; font-weight: bold; }
.fbbList{ width:290px; height:170px; padding-top: 10px; }
.fbbList ul li{ line-height: 33px; }
.fbbList ul li a{ font-size:14px; color: #aaa; }
.fbbList ul li a:hover{ text-decoration: underline; color: #fff; }

.wproWrap{ width:1200px; height: auto !important; height: 34px; min-height: 34px; margin: 0 auto; }
.wwCurrent{ width:1200px; height:20px; line-height: 20px; padding: 20px 0; }
.wwCurrent a{ margin-right: 5px; }
.wwCurrent span{ margin-left: 5px; }
.wproCcont{ width:1200px; height: auto !important; height: 34px; min-height: 34px;  }
.wprocLeft{ width:245px; height: auto !important; height: 34px; min-height: 34px;  float: left; }
.wprocRight{ width:945px; height: auto !important; height: 34px; min-height: 34px;  float: right; padding-bottom: 20px; }
.ccProList{ width:945px; height: auto !important; height: 34px; min-height: 34px; }
.single-wrap { width:945px; height: auto !important; height: 500px; min-height: 500px; border-radius: 8px; border:1px solid #e5e5e5; }
.single-title { width: 905px; height: 60px; line-height: 60px; text-align: center; margin-left: 20px; border-bottom: 1px solid #e5e5e5; font-size: 16px }
.single-content { width: 905px; margin-left: 20px; margin-top: 20px; padding-bottom: 15px; }
.single-content p img { max-width: 905px; }
.pListContent{ display: flex; flex-wrap:wrap; align-content:flex-start; width:945px; height: auto !important; height: 34px; min-height: 34px; }
.pliBox{ width:189px; height: 343px; background: #fff; border:1px solid #e5e5e5; border-radius: 10px; padding:15px; margin-left:15px; margin-bottom: 15px; }
.pliBox .prowcpic{ width:189px; height: 189px; }
.pliBox .prowcpic img{ width:189px; height: 189px }
.prowcBtn a{ width:189px; }
.pListPage{ width:945px; height:38px; text-align: center; margin-top: 15px; }
.pListPage a{ display: inline-block; height:38px; line-height:38px; color:#fff; font-size:14px; background: #21262a; border-radius: 5px; padding: 0 15px; }
.pListPage a:hover{ background: #2a3035; }
.pListPage a.pact,.pListPage a.pact:hover{ background: #e80c27; }

.paginate { display: flex; align-items: center; justify-content: center; }
.paginate ul { display: flex; flex-direction: row; }
.paginate ul li { margin-right: 5px; }
.paginate ul li a,.paginate ul li span { display: inline-block; height:38px; line-height:38px; color:#fff; font-size:14px; background: #21262a; border-radius: 5px; padding: 0 15px; }
.paginate ul li a:hover{ background: #2a3035; }
.paginate ul li.active span { background: #e80c27;  }
.paginate ul li.disabled span { background: #ccc; }

.wpSort{ width:945px; height:45px;  margin-bottom: 30px; }
.wrsr{ height:45px; float: right; }
.wrsrTxt{ height:45px; line-height: 45px; font-size:14px; float:left; margin-right: 10px; }
.wrsrMenu{ width:300px; height:45px;  float: right; position: relative; z-index:999; }
.sortMenu{ width:298px; height:43px; line-height: 43px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; }
.sortMenu a{ display: inline-block; width:240px; font-size:14px; float: left; margin-left: 15px; }
.sortMenu span{ display: inline-block; width:43px; height:43px; background: url(../images/sortDot.png) no-repeat; float: right; }
.wrsrMenu .sortmenuList{ display: none; z-index:999; width:298px; height: auto !important; height: 34px; min-height: 34px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: absolute; top:45px; left:0; padding-bottom: 15px; padding-top: 15px;  }
.wrsrMenu .sortmenuList ul li{ line-height: 35px; padding-left: 15px; }
.wrsrMenu .sortmenuList ul li:hover,.wcateList ul li:hover{ background: #f0f0f0; }
.wrsrMenu .sortmenuList ul li a{ font-size:14px; }
.wrpLeftCate{ width:243px; height: auto !important; height: 34px; min-height: 34px; background: #fff; border-radius: 8px; border:1px solid #e5e5e5; margin-bottom: 20px; }
.wcateTT{ width:243px; height:39px; border-bottom:2px solid #e5e5e5; position: relative; }
.wcateTT a{ display: inline-block; height:39px; line-height:39px; font-size:15px; border-bottom: 2px solid #e80c27; position: absolute; left:15px; top:0; }
.wcateList{ width:243px; height: auto !important; height: 34px; min-height: 34px; padding-top: 15px; padding-bottom: 15px; }
.wcateList ul li{ line-height: 30px; padding-left: 15px; }
.wcateList ul li a{ font-size:14px; }
.wcateList ul li a.active { color: #e80c27; }
.rankList{ width:213px; height: auto !important; height: 34px; min-height: 34px; padding: 15px; }
.rankliBox{ width:213px; height:285px; margin-bottom: 10px; }
.rliPics{ width:213px; height:213px; background: #fff; border-radius: 10px; }
.rliPics img{ width:213px; height:213px; border-radius: 10px; }
.rlirNa{ line-height: 19px; margin-top: 5px; }
.rlirNa a{ font-size:13px; font-size:13px; }
.rlirPr{ color:red; font-size:14px; margin-top: 5px; }

.pviewCont{ width:1200px; height: auto !important; height: 34px; min-height: 34px;  }
.pvcTop{ width:1200px; height: auto !important; height: 34px; }
.pvctopL{ width:606px; height:511px;  float: left; }
.ptlSmallPhoto{ width:85px; height:511px; float: left; position: relative; }
.ptlBigPhoto{ width:509px; height: 509px; border: 1px solid #e5e5e5; float: right; }
.pvctopR{ width:574px; height: auto !important; height: 511px; min-height: 511px; float: right; }
.ptlSmallPhoto .pspPrev{ width:85px; height:25px; background: url(../images/pspPrev.png) no-repeat; position: absolute; top:0; left:0; cursor: pointer;  }
.ptlSmallPhoto .pspNext{ width:85px; height:25px; background: url(../images/pspNext.png) no-repeat; position: absolute; bottom:0; left:0;cursor: pointer;  }
.ptlSmallPhoto .pspCont{ width:85px; height:445px; position: absolute; top:33px; left:0; overflow: hidden; }
.pspCont ul { position: absolute; }
.pspCont ul li{ width:83px; height:83px; border:1px solid #e5e5e5; margin-bottom: 5px; }
.pspCont ul li img{ width:83px; height:83px; }
.pspCont ul li.psact{ border:1px solid #e80c27; }
.ptlBigPhoto ul li img{ width:509px; height:509px; }
.pvh2{ width:574px; font-size:23px;  margin-top: 5px; }
.pvreview{ width:574px; min-height:31px; }
.rate-box .layui-inline { font-size: 12px; }
.rate-box .layui-rate { padding: 0 !important; }
.rate-box .layui-rate li i.layui-icon { font-size: 17px !important; }
.pvrdd{ width:574px; height:30px; line-height: 30px; font-size:14px; }
.pvrTime{ width:574px; height:60px; margin-top: 10px; }
.pvrSele{ width:574px; height:42px; margin-top: 10px; }
.pseleL{ height:42px; line-height: 42px; float: left; }
.pseleR{ height:42px; float: left; margin-left: 5px; }
.pseleR span{ display: inline-block; height:40px; line-height: 40px; border:1px solid #e5e5e5; background: #fff; cursor: pointer; padding: 0 10px; margin-right: 5px; }
.pseleR span.pselect,.pseleR span:hover { background: #e80c27; border:1px solid #e80c27; color:#fff; }
.pseleR span.disable { background: #eee; border:1px solid #eee; color:#666; }
.psepr{ width:574px; height:40px; margin-top: 10px;  }
.psepr span,.psepr strong{ height:40px; line-height: 40px; font-size:18px; float: left; }
.psepr span{ text-decoration:line-through; color:#999; }
.psepr strong{ margin-left: 10px; color:red; }
.psepr strong b:last-child { font-weight: normal; font-size: 13px; padding-left: 5px; }
.pvrfs{ width:574px; height:20px; line-height: 20px; font-size:13px; color:#999; font-size:14px; }
.pvValue{ width:574px; height: 47px; margin-top: 5px; }
.pvVL{ width:73px; height: 45px; border: 1px solid #e5e5e5; background: #fff; float: left; position: relative; }
.pvltext{ width:47px; height: 45px; border-right:1px solid #e5e5e5; position: absolute; left:0; top:0; }
.pvlbtn{ width:26px; height:45px; position: absolute; right:0; top:0; }
.pbtnre{ width:26px; height: 45px; position: relative; }
.pbtnre span{ display: inline-block; width:26px; height: 22px; cursor: pointer; }
.pbtnre span.vadd{ border-bottom: 1px solid #e5e5e5; background: url(../images/vadd.png) no-repeat; position: absolute; top: 0; right: 0; }
.pbtnre span.vsub{ background: url(../images/vsub.png) no-repeat; position: absolute; bottom:0; right: 0; }
.pvaluetext{ width:40px; height: 45px; background: none; border: 0; padding-left: 7px; }
.pvVR{ width:470px; height: 45px; float: left; margin-left: 10px; display: flex; flex-direction: row; }
.pvVR a{ display: inline-block; width: 205px; height: 45px; line-height: 45px; text-align: center; color:#fff; font-size:17px; border-radius: 5px; }
.pvVR a:hover { opacity: 0.8; }
.pvVR a.cart { background: #e80c27; }
.pvVR a.buy { margin-left: 15px; background: #1e9fff; }
.pvVR a.disable { background: #eee; color: #666; }
.pvlikedd{ width: 574px; height: 35px; line-height: 35px; margin-top: 10px; }
.pvlikedd .favorite { font-size: 13px; cursor: pointer; }
.pvlikedd i { font-size: 16px; color: #e80c27; margin-right: 5px; }
.pvcBomttom{ width:1200px; height: auto !important; height: 34px; min-height: 34px; margin-top: 30px; }
.PVDescription{ width: 1200px; height: auto !important; height: 34px; min-height: 34px; }
.descrTab{ width:1200px; height:40px; border-bottom: 1px solid #e5e5e5; }
.descrTab ul li{ height:40px; line-height: 40px; float: left; margin-right: 10px; }
.descrTab ul li a{ display: inline-block; height:40px; line-height: 40px; font-size:16px; background: #e5e5e5; border-top-left-radius: 5px; border-top-right-radius: 5px; float: left; padding: 0 30px; }
.descrTab ul li a.dtabCur{ background: #e80c27; color:#fff; }
.pvDescriptionContent{ display: none; width:1138px; height: auto !important; height: 34px; min-height: 34px; border:1px solid #e5e5e5; border-top: 0; padding: 30px; }
.pvDescriptionContent table{ width:100%; }
.pvDescriptionContent table tr th,.pvDescriptionContent table tr td{ text-align: center; height:40px; line-height: 40px; background: #ebebeb; }
.pvDescriptionContent table tr td{ background: #f6f6f6; }
.pvDescriptionContent table tr th{ }
.pvdeTableTT{ font-size:16px; font-weight: bold; margin-bottom: 10px; }
.PVReviewCont{ width:1200px; height: auto !important; height: 34px; min-height: 34px; margin-top: 30px; }
.pvreviList{ width:1200px; height: auto !important; height: 34px; min-height: 34px; }
.previliBox{ width: 1200px; height: auto !important; height: 34px; min-height: 34px; border-bottom:1px solid #e5e5e5; padding-top: 20px; padding-bottom: 20px; }
.him{ width:1200px; height:38px; }
.him span{ width:38px; height:38px;  border-radius: 50% 50%; float: left; }
.him span img{ width:38px; height:38px; border-radius: 50% 50%; }
.him em{ font-style: normal; height:38px; line-height: 38px; float: left; margin-left: 10px; }
.hstart{ width:1200px; height:13px; margin-top: 5px; margin-bottom: 5px; }
.hstart span{ display: inline-block; width:13px; height: 13px; background: url(../images/start.png) no-repeat; float: left; margin-right: 2px; }
.hstart span.hs{ background: url(../images/start2.png) no-repeat; }
.hstime{ width:1200px; color:#999; margin: 8px 0; }
.hsbox{ width:1200px; height: auto !important; height: 20px; min-height: 20px; }
.plibCont{ width: 1200px; height: auto !important; height: 34px; min-height: 34px; }
.preply{ width:1200px; height: auto !important; height: 34px; min-height: 34px; border-bottom: 1px solid #e5e5e5; padding: 15px 0; }
.preply p{ line-height: 21px; }
.plBlogList{ display: flex; flex-wrap:wrap; align-content: flex-start; }
.plBlogList .blogcBox{ margin: 0 12px; margin-bottom: 22px; }

.signwrap{ width:1200px; height: 455px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }
.signinBox{ width:356px; height:370px; border:1px solid #e5e5e5; background: #fff; border-radius: 10px; margin: 0 auto; padding: 40px; padding-bottom: 0; }
.stxt1{ width:356px; font-size:24px; font-weight: bold; margin-bottom: 23px; }
.signDD{  margin-bottom: 30px; }
.sddTT{ width:356px; height:20px; font-size:16px; font-weight: bold; margin-bottom: 10px; }
.sddText{ width:354px; height:44px; border: 1px solid #848484; border-radius: 5px; }
.sddText input { width:354px; height:44px; border-radius: 5px; border: 0; text-indent: 15px; }
.psigninbtn{ width:356px; height:46px; }
.psigninbtn a{ display: inline-block; width:356px; height:46px; line-height: 46px; text-align: center; color:#fff; font-size:18px; border-radius: 30px; background: #ef233c; }
.pstxt2{ width:356px; height:20px; text-align: center; margin-top: 15px; }
.pstxt2 a{ color:#999; }
.pstxt2 a:hover{ text-decoration: underline; }

.pregisterwrap{ width:1200px; height: auto !important; height: 20px; min-height: 20px; margin: 0 auto; padding-top: 30px; }
.pregContent{ width:1198px; height: auto !important; height: 20px; min-height: 20px; border:1px solid #e5e5e5; border-radius: 10px; }
.pregtop{ width:1198px; text-align: center; border-bottom:1px solid #e5e5e5; padding:45px 0; }
.ptTxt1{ font-size:26px; font-weight: bold; }
.ptTxt2{ font-size:15px; color:#999; margin-top: 10px; }
.ptTxt2 a{ font-size:15px; color:#418bd7; }
.ptTxt2 a:hover{ text-decoration: underline; }
.pregBom{ width:1198px; height: auto !important; height: 20px; min-height: 20px; padding: 50px 0; }
.pregrad{ width:1198px; height:30px; margin-bottom: 20px; }
.preL{ width:355px; height: 30px; line-height: 30px; font-size:14px; font-weight: bold; text-align:right; float:left; padding-right: 30px; }
.preR{ width:813px; height: 30px; float: right; }
.preR span{ display: inline-block; height:22px; padding-top: 8px; margin-right: 10px; }
.pregDD{ width:1198px; height: auto !important; height: 45px; min-height: 46px; margin-bottom: 25px; }
.prddL{ width:355px; height: auto !important; height: 46px; min-height: 46px; line-height: 46px; font-size:14px; font-weight: bold; text-align:right; float:left; padding-right: 30px; }
.prddR{ width:813px; height: 46px; float: right; }
.pddp{ width:1198px; height:46px; }
.pregText{ width:515px; height:44px; border:1px solid #848484; border-radius: 5px; background: #fff; padding-left: 20px; }
.pddnote{ width:813px; color:#686868; padding-left: 385px; padding-top: 5px; }
.ml515{ margin-left: 545px; }
.prddR a.prSave{ display: inline-block; width:537px; height:46px; line-height: 46px; text-align: center; color:#fff; font-size:18px; color:#fff; background: #ef233c; border-radius: 30px; }
.prddR a.prSave:hover { opacity: 0.8; }

.membg{ background:#f1f5f6; }
.memberLeft{ width:290px; height: auto !important; height: 45px; min-height: 46px; float: left; }
.memList{ width:290px; height: auto !important; height: 45px; min-height: 46px; }
.memList ul li a{ display: inline-block; width:270px; height:60px; line-height: 60px; font-size:15px; background: #fafafa; margin-bottom: 3px; padding-left: 20px; }
.memList ul li a.mAct{ background: #fff; }
.memList ul li a span{ padding-left: 40px;  }
.memList ul li a span.mIn1{ background: url(../images/user/user.png) no-repeat left center; }
.memList ul li a span.mIn2{ background: url(../images/user/order.png) no-repeat left center; }
.memList ul li a span.mIn3{ background: url(../images/user/address.png) no-repeat left center; }
.memList ul li a span.mIn4{ background: url(../images/user/bonus.png) no-repeat left center; }
.memList ul li a span.mIn5{ background: url(../images/user/recharge.png) no-repeat left center; }
.memList ul li a span.mIn6{ background: url(../images/user/wallet.png) no-repeat left center; }
.memList ul li a span.mIn7{ background: url(../images/user/visit.png) no-repeat left center; }
.memList ul li a span.mIn8{ background: url(../images/user/collect.png) no-repeat left center; }
.memberRight{ width:880px; height: auto !important; height: 600px; min-height: 600px; float: right; }
.mrDataCont{ display: flex; width:860px; height:172px; background: #fff; margin-bottom: 20px; padding: 20px 10px; }
.mrdaBox{ width:193px; height:70px; border:1px solid #e5e5e5; margin: 0 10px; padding-top: 60px; padding-bottom:40px; }
.mda1{ width:200px; text-align: center; font-size:25px; }
.mda2{ width:200px; text-align: center; font-size:16px; color:#999; margin-top: 10px; }
.pmorder{ width:880px; height: auto !important; height: 45px; min-height: 46px; background: #fff; padding-bottom: 20px; }
.pderTT{ width:840px; height:40px; line-height: 40px; font-size:16px; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 5px 20px; }
.pmorderTable{ width:100%; border-collapse: collapse; }
.pmorderTable tr th,.pmorderTable tr td{ height:45px; text-align: center; border-bottom: 1px solid #e5e5e5; }
.pmorderTable tr:last-child td{ border-bottom: 0; }
.toa a{ font-size:14px; }
.toa a:hover{ text-decoration: underline; }
.status a{ display: inline-block; height:30px; line-height: 30px; color:#46617e; background: #f2f7fc; padding: 0 10px; border-radius: 5px; }
.status2 a{ display: inline-block; height:30px; line-height: 30px; color:#70975a; background: #effbe9; padding: 0 10px; border-radius: 5px; }
.status3 a{ display: inline-block; height:30px; line-height: 30px; color:#cc5050; background: #fbe9e9; padding: 0 10px; border-radius: 5px; }

#cart-wrapper { position: fixed; top: 0; right: -460px; z-index: 10000; width:460px; height:891px; }
.hcartPop{ width:460px; height:891px; background: #fff; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); position: relative; }
.hcpopTop{ width:460px; height:50px; border-bottom: 1px solid #e5e5e5; }
.hcpopTop strong{ height: 50px; line-height: 50px; font-size:16px; float: left; margin-left: 30px; }
.hcpopTop span{ width:50px; height:50px; background: url(../images/cartclose.png) no-repeat;  float: right; }
.hcpopTop .close { cursor: pointer; opacity: 0.8; }
.hcpopCent{ width:460px; height: calc(100vh - 50px - 321px); overflow: auto; display: flex; flex-direction: column; }
.hcartBox{ width:415px; height:100px; border-bottom:1px solid #e5e5e5; padding: 15px; }
.hcImg{ width:98px; height:98px; border:1px solid #e5e5e5; border-radius: 5px; float: left; }
.hcImg img{ width:98px; height:98px; border-radius: 5px; }
.hcNa{ width:270px; height:88px; float: left; margin-left: 15px; padding-top: 10px; }
.hnat a{ font-size:14px; }
.hnat a:hover{ color:red; }
.hnanum{ font-size:14px; margin-top: 5px; }
.hcclose{ width:30px; height:88px; float: left; margin-left: 0px; padding-top: 3px; }
.hcclose a{ display: inline-block; width:30px; height: 35px; background: url(../images/hcclose.png) no-repeat; }
.hcclose a:hover { opacity: 0.8; }
.hcartPop .hcpopSettle{ width:460px; height:320px; border-top:1px solid #e5e5e5; }
.hcsettTop{ width:430px; height:60px; border-bottom:1px solid #e5e5e5; padding: 20px 15px;  }
.hcsettCenter{ width:430px; height:95px; border-bottom:1px solid #e5e5e5; padding: 20px 15px; }
.hcsettBottom{ width:443px; height: 66px; background: #f7f7f7; padding-top: 17px; padding-left: 17px; }
.hcsettBottom a{ display: inline-block; width:205px; height:48px; line-height: 48px; font-size:15px; text-align: center; color:#fff; background: #222222; border-radius: 8px; float: left; }
.hcsettBottom a.fvr{ background: #ef233c; float: right; margin-right: 17px; }
.hcsettBottom a:hover { opacity: 0.8; }
.hcsettDD{ width:430px; height:30px; line-height: 30px; font-size:14px; }
.hcsettDD em{ height:30px; font-style: normal; font-weight: bold; float: left; }
.hcsettDD span{ height: 30px; font-weight: bold; color:red; float: right; }

.empty-page-box { width: 100%; text-align: center;height: 300px;line-height: 300px;font-size: 16px; }
.empty-box { text-align: center; width: 100%; height: 200px; line-height: 200px; }
.not-page-404 { width: 1200px; height: 400px; margin: 20px auto; background: #fff; text-align: center; }
.not-page-404 h1 { font-size: 100px; line-height: 72px; margin-top: 120px; margin-bottom: 29px; }
.not-page-404 h3 { line-height: 20px; margin-bottom: 15px; font-size: 20px; }
.not-page-404 h5 { line-height: 15px; margin-bottom: 40px; color: #666666; font-size: 16px; font-weight: normal; }
.not-page-404 a.home { cursor: pointer; display: block; margin: 0 auto; width: 190px; height: 40px; line-height: 40px; border-radius: 50px; background-color: rgb(232, 12, 39); color: #fff; text-decoration:none; box-shadow: 0px 5px 30px 0px rgba(64, 158, 255, 0.2); }
.not-page-404 a.home:hover { opacity: 0.8; }

.wrapper { background-color: #f3f6f8; padding: 20px 0; }
.checkout-wrap { width: 1200px; min-height: 690px; margin: 0px auto; display: flex; flex-direction: row; justify-content: space-between; }
.checkout-wrap .main-box { width: 840px; border-radius: 10px; margin-top: 20px; margin-bottom: 30px; display: flex; flex-direction: column; }
.checkout-wrap .address-wrap { width: 100%; height: 185px; border-radius: 10px; background-color: #fff; margin-bottom: 16px; }
.checkout-wrap .address-wrap .title { display: flex; flex-direction: row; justify-content: space-between; margin: 25px 20px; }
.checkout-wrap .address-wrap .title .ctitle { font-size: 18px; color: #1f1f1f; }
.checkout-wrap .address-wrap .title .right span { font-size: 13px; color: #1f1f1f; cursor: pointer; }
.checkout-wrap .address-wrap .title .right a { font-size: 13px; }
.checkout-wrap .address-wrap .title .right span:hover,.checkout-wrap .address-wrap .title .right a:hover { color: red; }
.checkout-wrap .address-wrap .title .right span:first-child { margin-right: 25px; }
.checkout-wrap .address-wrap .address-list { width: 790px; margin-left: 20px; margin-right: 30px; overflow: hidden; }
.checkout-wrap .address-wrap .address-content { display: flex; width: fit-content; }
.checkout-wrap .address-wrap .address-content .address-box { display: flex; flex-direction: row; flex-shrink: 0; width: 250px; height: 83px; margin-right: 20px; border-radius: 8px; border: 1px solid #d4d4d4; font-size: 13px; color: #1f1f1f; cursor: pointer; overflow: hidden; }
.checkout-wrap .address-wrap .address-content .address-box.active { border: 1px solid #ff0000; }
.checkout-wrap .address-wrap .address-content .address-box .location { margin-left: 16px; margin-top: 18px; }
.checkout-wrap .address-wrap .address-content .address-box .address { margin-left: 8px; margin-top: 18px; margin-right: 16px; line-height: 20px; display: -webkit-box; overflow: hidden; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.checkout-wrap .address-wrap .address-content .address-box .address span.default { display: none; background-color: #ffeded; color: #ff3b3b; font-size: 12px; margin-right: 5px; }
.checkout-wrap .address-wrap .address-content .address-box .address span.area { font-size: 13px; color: #1f1f1f; }

.order-wrap { width: 100%; min-height: 490px; border-radius: 10px; background-color: #fff; display: flex; flex-direction: column; }
.order-wrap .title { display: flex; flex-direction: row; justify-content: space-between; margin: 30px 20px 25px; }
.order-wrap .title div { font-size: 18px; color: #1f1f1f; }
.order-wrap .goods-list { width: 790px; min-height: 145px; margin-left: 20px; margin-bottom: 20px; border: 1px solid #e2e2e2; border-radius: 5px; overflow: hidden; }
.order-wrap .goods-list .goods-title { display: flex; flex-direction: row; background-color: #f3f6f8; height: 45px; line-height: 45px; font-size: 14px; color: #1f1f1f; }
.order-wrap .goods-list .goods-title div { text-align: center; }
.order-wrap .goods-list .goods-title div:nth-child(1) { width: 300px; margin-right: 40px; }
.order-wrap .goods-list .goods-title div:nth-child(2) { width: 130px; margin-right: 30px; }
.order-wrap .goods-list .goods-title div:nth-child(3) { width: 100px; margin-right: 30px; }
.order-wrap .goods-list .goods-title div:nth-child(4) { width: 100px; margin-right: 0; }
.order-wrap .goods-list .goods-title div:nth-child(5) { width: 100px; }
.order-wrap .goods-list .goods-main .goods-box { display: flex; flex-direction: row; align-items: center; height: 80px; font-size: 14px; color: #1f1f1f; margin-top: 20px; }
.order-wrap .goods-list .goods-main .goods-box:last-child { margin-bottom: 30px; }
.order-wrap .goods-list .goods-main .goods-box .goods-stitle { display: flex; flex-direction: row; align-items: center; width: 300px; margin-right: 40px; }
.order-wrap .goods-list .goods-main .goods-box .goods-stitle .thumb-image img { width: 80px; height: 80px; }
.order-wrap .goods-list .goods-main .goods-box .goods-stitle .goods-name { margin-left: 10px; }
.order-wrap .goods-list .goods-main .goods-box .attr-value { width: 130px; margin-right: 30px; text-align: center; word-wrap: break-word; word-break: break-all; white-space:pre-wrap; }
.order-wrap .goods-list .goods-main .goods-box .sell-price { width: 100px; margin-right: 30px; text-align: center; }
.order-wrap .goods-list .goods-main .goods-box .goods-num { width: 100px; margin-right: 0; text-align: center; }
.order-wrap .goods-list .goods-main .goods-box .goods-amount { width: 100px; text-align: center; }

.order-wrap .goods-list .other-wrap { width: 100%; height: 210px; background-color: #f3f6f8; display: flex; flex-direction: row; }
.order-wrap .goods-list .other-wrap .tax { width: 49%; border-right: 1px solid #d8dbdd; height: 210px; display: flex; flex-direction: column; }
.order-wrap .goods-list .other-wrap .deliver { width: 50%; height: 210px; display: flex; flex-direction: column; }
.order-wrap .goods-list .other-wrap .deliver .ctitle { font-size: 15px; color: #333; margin-top: 30px; margin-left: 20px; }
.order-wrap .goods-list .other-wrap .deliver .deliver-list { margin-top: 18px; margin-left: 20px; display: flex; flex-direction: column; }
.order-wrap .goods-list .other-wrap .deliver .deliver-list .deliver-box { width: 360px; display: flex; flex-direction: row; justify-content: space-between; }
.order-wrap .goods-list .other-wrap .deliver .deliver-list .deliver-box span { font-size: 13px; color: #333; }
.order-wrap .goods-list .other-wrap .deliver .deliver-list .deliver-box span:last-child { color: red; font-size: 13px; }
.order-wrap .goods-list .other-wrap .tax { width: 49%; border-right: 1px solid #d8dbdd; height: 210px; display: flex; flex-direction: column; }
.order-wrap .goods-list .other-wrap .tax .remarks { margin-left: 20px; display: flex; flex-direction: column; margin-top: 10px; }
.order-wrap .goods-list .other-wrap .tax .remarks .notes { font-size: 15px; color: #333; }
.order-wrap .goods-list .other-wrap .tax .remarks .textarea textarea { width: 90%; height: 50px; text-indent: 10px; margin-top: 10px; border: 1px solid #ddd; border-radius: 5px; }

.checkout-wrap .widget { top: 10px; position: sticky; width: 335px; height: 380px; border: 1px solid #dadada; border-radius: 10px; background-color: #fff; margin-top: 20px; margin-bottom: 30px; }
.checkout-wrap .widget .title { margin-top: 20px; margin-left: 20px; }
.checkout-wrap .widget .title span { color: #000; height: 20px; line-height: 20px; }
.checkout-wrap .widget .title span:first-child { font-size: 18px; }
.checkout-wrap .widget .title span:last-child { position: relative; top: -1px; font-size: 14px; margin-left: 20px; }
.checkout-wrap .widget .order-list { width: 290px; margin-top: 25px; margin-left: 20px; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; display: flex; flex-direction: column; align-items: center; }
.checkout-wrap .widget .order-list .order-box { width: 290px; height: 35px; line-height: 35px; display: flex; flex-direction: row; justify-content: space-between; }
.checkout-wrap .widget .order-list .order-box span:first-child { font-size: 14px; color: #1e1e1e; }
.checkout-wrap .widget .order-list .order-box span:last-child { font-size: 13px; color: #000; }
.checkout-wrap .widget .order-amount { margin-top: 20px; display: flex; flex-direction: column; align-items: center; }
.checkout-wrap .widget .order-amount .order-box { width: 290px; height: 35px; line-height: 35px; display: flex; flex-direction: row; justify-content: space-between; }
.checkout-wrap .widget .order-amount .order-box span:first-child { font-size: 14px; color: #1e1e1e; }
.checkout-wrap .widget .order-amount .order-box span:last-child { font-size: 20px; color: red; }
.checkout-wrap .widget .submit { margin-top: 20px; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.checkout-wrap .widget .submit input { width: 290px; height: 45px; line-height: 45px; color: #fff; text-align: center; background-color: #dc143c; border-radius: 10px; border: 0; cursor: pointer; }
.checkout-wrap .widget .submit input:hover { opacity: 0.8; }

.layui-form-address-wrap { width: 600px; padding: 20px; }
.layui-form-address { display: flex; flex-direction: column; }
.layui-form-address-box { margin-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; }
.layui-form-address-inline { width: 290px; display: flex; flex-direction: column; }
.layui-form-address-inline div:first-child span { position: relative; top: 2px; padding-right: 5px; color: red; }
.layui-form-address-block { width: 100%; display: flex; flex-direction: column; }
.layui-form-address-block div:first-child span { position: relative; top: 2px; padding-right: 5px; color: red; }
.layui-form-address-inline div:last-child select { width: 100%; height: 38px; line-height: 38px; border-width: 1px; border-style: solid; border-color: #eee; background-color: #fff; color: rgba(0, 0, 0, .85); border-radius: 2px; }
.layui-form-address-button { text-align: center; margin-top: 10px; }
.layui-form-address-button input { width: 100px; height: 35px; line-height: 35px; color: #fff; text-align: center; background-color: #dc143c; border-radius: 10px; border: 0; cursor: pointer; }
.layui-form-address-button input:hover { opacity: 0.8; }

.cachier-wrap { width: 100%; min-height: 690px; background-color: #f3f6f8; }
.cachier-wrap .cachier-box { width: 770px; margin: 0 auto; display: flex; flex-direction: column; }
.cachier-wrap .cachier-box .title { margin-top: 120px; width: 100%; text-align: center; font-size: 21px; color: #393939; }
.cachier-wrap .cachier-box .ctitle { margin-top: 20px; font-size: 16px; color: #393939; text-align: center; }
.cachier-wrap .cachier-box .payment-wrap { width: 100%; min-height: 230px; margin-top: 25px; background-color: #fff; border: 1px solid #d2d2d2; border-radius: 10px; display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; }
.cachier-wrap .cachier-box .payment-wrap .menu { width: 160px; min-height: 228px; background-color: #f6f7f8; display: flex; flex-direction: column; }
.cachier-wrap .cachier-box .payment-wrap .menu span { width: 100%; height: 57px; line-height: 57px; cursor: pointer; font-size: 16px; color: #000; text-indent: 50px; }
.cachier-wrap .cachier-box .payment-wrap .menu span.active { background-color: #fff; }
.cachier-wrap .cachier-box .payment-wrap .payment-box { width: 608px; min-height: 228px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment { display: flex; flex-direction: row; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .payment-order { margin-left: 100px; margin-top: 45px; display: flex; flex-direction: column; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .payment-order .order-detail { margin-bottom: 20px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .payment-order .order-detail .detail-box { width: 290px; display: flex; flex-direction: row; justify-content: space-between; height: 50px; line-height: 50px; font-size: 16px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .payment-order .order-detail .detail-box span.money { color: red; font-size: 21px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .payment-order .submit input { width: 290px; height: 45px; line-height: 45px; color: #fff; text-align: center; background-color: #dc143c; border-radius: 10px; border: 0; cursor: pointer; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .qrcode { margin-left: 100px; margin-top: 45px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .qrcode div { padding: 10px; border: 1px solid #d2d2d2; border-radius: 5px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .qrcode div img { width: 110px; height: 110px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .order { margin-left: 30px; margin-top: 45px; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .order .amount { margin-top: 40px; font-size: 20px; color: red; }
.cachier-wrap .cachier-box .payment-wrap .payment-box .payment .order .qrcode-text { margin-top: 18px; font-size: 14px; color: #2e2d2d; }

.wallet-wrap { width: 100%; }
.wallet-wrap .balance { background-color: #fff; display: flex; align-items: center; justify-content: center; }
.wallet-wrap .balance .wallet-box { width: 100%; color: #fff; border-radius: 7px; display: flex; flex-direction: column; background: linear-gradient(-180deg, #dc143c, #dc143c); padding: 30px; }
.wallet-wrap .balance .wallet-box div:nth-child(1) { padding-bottom: 10px; font-size: 16px; }
.wallet-wrap .balance .wallet-box div:nth-child(2) { display: flex; flex-direction: row; justify-content: space-between; }
.wallet-wrap .balance .wallet-box div:nth-child(2) span:nth-child(1) { font-size: 25px; }
.wallet-wrap .balance .wallet-box div:nth-child(2) span:nth-child(2) { color: #333; background-color: #fff; font-size: 13px; border-radius: 7px; width: 40px; height: 25px; line-height: 25px; text-align: center; position: relative; top: -20px; cursor: pointer; -webkit-user-select: none; user-select: none; }

.recharge { border: 1px solid #eee; padding: 20px 20px 0; border-radius: 10px; }
.recharge .recharge-wrap { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 20px; }
.recharge .recharge-wrap .recharge-box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 250px; height: 160px; background-color: #f8f8f8; border-radius: 10px; border: 1px solid #ececec; margin-bottom: 20px; margin-right: 20px; cursor: pointer; }
.recharge .recharge-wrap .recharge-box.active { border: 1px solid #dd5d40; }
.recharge .recharge-wrap .recharge-box .sell-price { color: #dd5d40; font-size: 35px; letter-spacing: 2px; }
.recharge .recharge-wrap .recharge-box .original-price { color: #8f8f8f; font-size: 16px; margin-top: 15px; }
.recharge .recharge-wrap .recharge-box .sell-price span:last-child { font-size: 14px; }
.recharge .recharge-wrap .recharge-box .original-price span { font-size: 12px; padding-left: 4px; }
.recharge-field { display: flex; flex-direction: column; padding-left: 20px; }
.recharge-field div:first-child { font-size: 15px; position: relative; }
.recharge-field div:first-child span { color: red; position: relative; top: 3px; margin-right: 5px; }
.recharge-field div:last-child input { text-indent: 10px; width: 97%; height: 35px; line-height: 35px; border: 1px solid #ddd; border-radius: 5px; }
.recharge-button { display: flex; justify-content: center; align-items: center; margin: 20px 0; }
.statement { margin-top: 20px; border: 1px solid #eee; padding: 20px; border-radius: 10px; }

.order-detail-wrap { width: 100%; min-height: 600px; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 25px; }
.order-detail-wrap .delive-wrap { display: flex; flex-direction: row; height: 200px; border-top: 1px solid #eee; }
.order-detail-wrap .delive-wrap .order, .order-detail-wrap .delive-wrap .address, .order-detail-wrap .delive-wrap .delive { width: 28.7%; border-right: 1px solid #eee; padding: 20px; }
.order-detail-wrap .delive-wrap .order .title, .order-detail-wrap .delive-wrap .address .title, .order-detail-wrap .delive-wrap .delive .title { height: 24px; color: #333; line-height: 24px; font-size: 14px; font-weight: 400; margin-bottom: 5px; }
.order-detail-wrap .delive-wrap .order .list-box, .order-detail-wrap .delive-wrap .address .list-box, .order-detail-wrap .delive-wrap .delive .list-box { color: #333; line-height: 24px; display: flex; flex-wrap: nowrap; }
.order-detail-wrap .delive-wrap .order .list-box span, .order-detail-wrap .delive-wrap .address .list-box span, .order-detail-wrap .delive-wrap .delive .list-box span { font-size: 12px; display: block; }
.order-detail-wrap .delive-wrap .order .list-box span:first-child, .order-detail-wrap .delive-wrap .address .list-box span:first-child, .order-detail-wrap .delive-wrap .delive .list-box span:first-child { width: 84px; }
.order-detail-wrap .delive-wrap .order .list-box span:last-child, .order-detail-wrap .delive-wrap .address .list-box span:last-child, .order-detail-wrap .delive-wrap .delive .list-box span:last-child { width: 178px; max-height: 72px; overflow: hidden; }
.order-detail-wrap .goods-wrap { display: flex; justify-content: space-between; min-height: 150px; }
.order-detail-wrap .goods-wrap .order-info { width: 249px; border-right: 1px solid #eee; display: flex; flex-direction: column; align-items: center; padding: 20px 0; }
.order-detail-wrap .goods-wrap .order-info .order-no { margin-bottom: 20px; color: #999; font-size: 12px; padding: 0 5px; }
.order-detail-wrap .goods-wrap .order-info .state { color: #e4393c; font-size: 20px; font-weight: 700; }
.order-detail-wrap .goods-wrap .order-info .btn { margin: 20px 0; }
.order-detail-wrap .goods-wrap .order-info .btn div { margin: 10px 0; }
.order-detail-wrap .goods-wrap .goods-list { width: 630px; }
.order-detail-wrap .goods-wrap .refund-list { width: 880px; }
.order-detail-wrap .refund-message { padding: 20px; border-top: 1px solid #eee; }
.order-detail-wrap .refund-message div:last-child { margin-top: 20px; }


.order-detail-wrap .goods-wrap .goods-list table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.order-detail-wrap .goods-wrap .goods-list table thead tr th { height: 32px; line-height: 32px; background: #f9f9f9; font-weight: 400; color: #333; text-align: center; font-size: 13px; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr { border-bottom: 1px solid #eee; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr:last-child { border-bottom: 0; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr td { padding: 16px; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr td .goods-box { display: flex; flex-direction: row; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr td .goods-box .thumb-image { border-radius: 8px; border: 1px solid #eee; padding: 5px; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr td .goods-box .thumb-image img { width: 60px; height: 60px; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr td .goods-box .goods-info { padding-left: 15px; }
.order-detail-wrap .goods-wrap .goods-list table tbody tr td .goods-box .goods-info .goods-name { position: relative; height: 40px; line-height: 20px; overflow: hidden; text-align: left; margin-bottom: 5px; color: #333; font-size: 13px; }
.order-detail-wrap .goods-total { display: flex; padding: 20px; border-top: 1px solid #eee; justify-content: right; }
.order-detail-wrap .goods-total ul li { display: block; line-height: 28px; }
.order-detail-wrap .goods-total ul li .label { float: left; width: 500px; text-align: right; }
.order-detail-wrap .goods-total ul li .text { float: left; width: 130px; text-align: right; font-family: verdana; }

.cart-wrap { width: 100%; min-height: 600px; background-color: #f3f6f8; padding: 50px 0; }
.cart-wrap .cart-box { width: 1200px; margin: 0px auto; display: flex; flex-direction: row; justify-content: space-between; min-height: 600px; }
.cart-wrap .goods-wrap { background: #fff; border-radius: 10px; border: 1px solid #dadada; width: 820px; display: flex; flex-direction: column; }
.cart-wrap .goods-wrap .title { font-size: 18px; color: #1f1f1f; margin-top: 20px; margin-left: 20px; }
.cart-wrap .goods-wrap .checked { display: flex; flex-direction: row; align-items: center; margin-left: 20px; margin-top: 10px; }
.cart-wrap .goods-wrap .checked div:first-child input { position: relative; top: 2px; }
.cart-wrap .goods-wrap .checked div:last-child { margin-left: 5px; }
.cart-wrap .goods-wrap .goods-list { width: 95%; border-top: 1px solid #ddd; margin: 20px auto 0 auto; display: flex; flex-direction: column; }
.cart-wrap .goods-wrap .goods-list .goods-box { display: flex; flex-direction: row; margin-top: 25px; height: 80px; }
.cart-wrap .goods-wrap .goods-list .goods-box .check { width: 30px; height: 80px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.cart-wrap .goods-wrap .goods-list .goods-box .thumb-image a { display: inline-block; }
.cart-wrap .goods-wrap .goods-list .goods-box .thumb-image img { width: 75px; height: 75px; }
.cart-wrap .goods-wrap .goods-list .goods-box .goods-name { margin-left: 15px; margin-right: 40px; width: 200px; font-size: 13px; color: #1f1f1f; height: 80px; line-height: 20px; display: flex; align-items: center; justify-content: center; }
.cart-wrap .goods-wrap .goods-list .goods-box .spec-value { width: 150px; margin-right: 30px; font-size: 13px; color: #818181; height: 80px; line-height: 20px; display: flex; align-items: center; justify-content: center; }
.cart-wrap .goods-wrap .goods-list .goods-box .spec-value span { word-wrap: break-word; word-break: break-all; white-space:pre-wrap; }
.cart-wrap .goods-wrap .goods-list .goods-box .goods-amount { width: 200px; margin-right: 10px; font-size: 13px; color: #1f1f1f; height: 80px; line-height: 20px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: center; }
.cart-wrap .goods-wrap .goods-list .goods-box .goods-amount span:last-child { color: red; }
.cart-wrap .goods-wrap .goods-list .goods-box .goods-number { width: 110px; height: 80px; margin-right: 40px; display: flex; align-items: center; justify-content: center; }
.cart-wrap .goods-wrap .goods-list .goods-box .delete { width: 50px; height: 80px; display: flex; align-items: center; justify-content: center; }
.cart-wrap .goods-wrap .goods-list .goods-box .delete span { font-size: 13px; color: #818181; cursor: pointer; }
.cart-wrap .goods-wrap .goods-list .goods-box .delete span:hover { color: red; }

.cart-wrap .cart-total { background: #fff; width: 335px; position: sticky; top: 10px; height: 290px; border-radius: 10px; border: 1px solid #dadada; }
.cart-wrap .cart-total .title { font-size: 18px; color: #000; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; }
.cart-wrap .cart-total .order-list { padding: 0 20px; margin-bottom: 20px; display: flex; flex-direction: column; }
.cart-wrap .cart-total .order-list .order-box { display: flex; flex-direction: row; justify-content: space-between; height: 30px; line-height: 30px; }
.cart-wrap .cart-total .order-list .order-box span { font-size: 13px; color: #000; }
.cart-wrap .cart-total .order-list .order-box.amount span:first-child { font-size: 15px; }
.cart-wrap .cart-total .order-list .order-box.amount span:last-child { font-size: 17px; color: #fe0000; }
.cart-wrap .cart-total .order-list .order-box.amount span:last-child b { text-align: right; display: block; height: 20px; line-height: 20px; }
.cart-wrap .cart-total .order-list .order-box.amount span:last-child b:last-child { font-size: 12px; }
.cart-wrap .cart-total .button { width: 335px; display: flex; justify-content: center; }
.cart-wrap .cart-total .button input { width: 290px; height: 45px; line-height: 45px; color: #fff; background-color: #dc143c; border-radius: 8px; border: 0; cursor: pointer; }
.cart-wrap .cart-total .button input:hover { opacity: 0.8; }

.comments-page { width: 100%; min-height: 20px; display: flex; align-items: center; justify-content: center; }