@charset "utf-8";
/* CSS Document */
@import url(global.css);
@import url(//at.alicdn.com/t/font_2127900_pcjx33uqpr.css);
/*头部*/
.top { background: #fff; display: inline-block; width: 100%; }
.header { width: 1200px; margin: 0 auto;text-align: center; padding: 20px 0;}
.head-login{ width:120px; text-align:center; float:left;display:inline-block;}
.head-login img { width: 100%;}
.head-center{display: inline-block; margin: 5px auto 0;}
.head-search{ width:100%; display:inline-block; float:left;}
.head-text{ height:36px; line-height:36px; border:2px solid #0896FF; float:left; width:386px; padding:0 10px; color:#999; font-size:14px; background: #FAFAFA;}
.head-btn{ width:90px; text-align:center; display:inline-block; float:left; height:40px; background:#0896FF; border:none; color:#fff;font-family: "Microsoft Yahei"; font-size:14px; cursor:pointer}
.head-nav{ float: right; text-align: right;margin-top: 14px;}
.head-nav li { display: inline-block; }
.head-nav li a { padding:9px 15px; color: #333; font-size:16px; }
.head-nav li a:hover { color: #0896FF; }
.head-nav li .reg { background: #0896FF; color: #fff; padding:7px 20px; margin-left: 10px;font-size: 15px;}
.head-nav li .reg:hover { background: #4289FF; color: #fff;}
.navmenu { width: 1200px; margin: 10px auto 0;}
.navmenu li {float: left;overflow: hidden;text-align: center; margin:0 1.99%;}
.navmenu li a{color:#333;font-size: 16px; display:inline-block; height:36px;}
.navmenu li a:hover {border-bottom: 2px solid #009CFF; color: #009CFF;}
.navmenu li a.active { border-bottom: 2px solid #009CFF; color: #009CFF;}
.navmenu li a.curMenu { color: #FFB522; font-weight: bold; }
.navmenu li a:hover.curMenu { color: #ffc400; border-bottom:none; }
.navmenu li:first-child { margin-left: 0;}
.navmenu li:last-child { margin-right: 0; float: right;}
/* 焦点图 */
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden; position:absolute; width:100%; bottom:5px; z-index:1; text-align:center;}
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:8px auto; display: inline-block; }
.slideBox .hd ul li{ float:left; margin:0 8px;cursor:pointer; width:26px; height:6px; background: #fff;opacity: 0.5; text-indent:50px; overflow:hidden;}
.slideBox .hd ul li.on{ background: #fff;opacity: 1;}
.slideBox .bd{ position:relative; height:100%; z-index:0; display: flex; }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:100%; width:100% ; overflow:hidden}
.slideBox .bd li img { width: 100%; height: 100%;}
.home-shade { width: 1200px; margin: 0 auto; position: relative;}
.home-shade-container{position:absolute;right:0;top:0;z-index:99;width:296px;color:#fff}
.home-shade-container .btn{width:200px;margin-top:45px}
.home-shade-container .top{height:127px;background:rgba(41, 117, 197, 0.30);overflow:hidden;display: flex;align-items: center;justify-content: space-evenly; padding-left: 5%; box-sizing: border-box;}
.home-shade-container .face{float:left;width:48px;height:48px;padding:2px;border:1px solid #ccc;border-radius:50%}
.home-shade-container .face img{width:100%;border-radius:50%}
.home-shade-container .profile{float:left;text-align:left}
.home-shade-container .profile h2{width:170px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;color:rgba(255,255,255,.9)}
.home-shade-container .profile .info{margin-top:-14px;font-size:12px;color:rgba(255,255,255,.77);cursor:pointer}
.home-shade-container .bottom{height:341px;padding-top:28px;background:rgba(41, 117, 197, 0.66)}
.home-shade-container .bottom h2{margin:0;font-size:16px;text-align:center}
.home-shade-container .bottom ul{height:auto;margin:20px 0 0 40px;list-style:none}
.home-shade-container .bottom ul li { margin-top: 10px;}
.home-shade-container .bottom ul li i {font-size:24px;float: left;}
.home-shade-container .bottom .text{margin-left:38px;text-align:left;padding-top: 2px;}
.home-shade-container .bottom .tit{font-size:16px;color:rgba(255,255,255,.9)}
.home-shade-container .bottom .info{font-size:14px; margin-top: 6px; color:rgba(255,255,255,.7)}
.home-shade-container .bottom .click{display:block;margin:30px auto;color:#fff;font-size:14px;text-align:center;opacity:.8}
.indexpart { width: 100%;margin: 0 auto; max-width: 1200px;}
.indexpart h2 { font-size: 30px; text-align: center; margin: 0;font-weight: 300; position: relative;padding: 60px 0 20px;}
.indexpart h2::before { position: absolute; bottom:0; left:49%; width: 2%; height: 20px; border-bottom: 3px solid #009CFF; content: ""; }
.indexpart-theme { padding: 40px 0; margin: 0 auto; width: 1200px; display: flex;justify-content: space-between;}
.indexcase { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-around;}
.indexsellwell { width: 24%; background: #fff; margin: 6px 10px 10px 2px; box-shadow: 0 4px 15px 1px rgba(49, 49, 49, 0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}	
.indexcaselist { width: 31%; margin: 5px auto 24px; }
.indexcaselist:hover { -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); z-index: 1002; position: relative; left: 0;}
.indexcaselist .inner .parttext {border-bottom:none;margin-bottom:0;height: 80px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.carousel img { width: 100%;/* height: 100%; */ height: 192px;}
.indexcaselist .carousel img { width: 100%; height: 240px; }
.inner {padding: 20px;}
.inner h3 { font-size: 18px; color: #000; line-height: 24px; font-weight: 700; margin: 0; padding-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner .parttext { font-size: 14px; color: #666; line-height: 24px; height: 80px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; border-bottom: 1px solid #F5F5F5; padding-bottom: 16px; margin-bottom: 16px;}
.inner .innerbotton { display: flex; justify-content: space-between;} 
.inner .btndetail { font-size: 14px; color: #fff; width: 90px; height: 32px; line-height: 32px; background: #00A4FF; display: block;text-align: center;}
.inner .btndetail:hover {background-color: #0092ee;}
.cooperation { background: url(/default/main/images/cooperation.jpg) no-repeat; width: 100%; height: 600px; }
.cooperation h2 { color: #fff;}
.cooperation h2::before { border-bottom: 4px solid #fff;}
.cooperation .cooper { width:1200px; margin: 3% auto; display:flex;}
.cooperation .cooper a {border: 1px solid #9A9A9A; width: 390px; height: 360px; float: left;margin-left: 14px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cooperation .cooper a:first-child { margin-left: 0; }
.cooperation .cooper a:hover { background:#2256D8; border: 1px solid #2256D8; }
.cooperation .cooper a img { width: 132px; height: 132px; display: block;}
.cooperation .cooper a text { font-size: 20px; margin-top: 30px; }
.indexpart-channel { padding: 40px 0 27px 0; margin: 0 auto; width: 1200px; display: flex;}
.channel { width: 230px; border:1px solid #EBEBEB; float: left; margin-left: 10px; text-align: center; color: #666; padding:4% 0; background: #fff; }
.channel:first-child { margin-left: 0; }
.channel img { height: 66px; }
.channel h3 { font-size: 20px; color: #333; margin: 0; padding: 20px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
/* index end */
.loginBg { background: #eee;}
.login_logo{width:100%;margin:6% auto 2%;text-align:center}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.templatemo-container{background-color:rgba(255,255,255,.8);border:1px solid #dedede;border-radius:8px;margin:0 auto;padding:30px 40px;max-width:500px}
.control-wrapper{position:relative;width:100%;margin:5% auto}
.control-wrapper label.fa-label{display:inline-block;width:8%;vertical-align:middle}
.control-wrapper label.fa-label img{width:80%}
.form-control{width:85%;height:34px;padding:6px 12px;font-size:15px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0;min-height:27px}
.btn-info{color:#fff;display:inline-block;padding:2.5% 10%;margin:8px auto;font-size:18px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #00175a;background:#00175a;border-radius:4px}
.copy{margin:2% auto;color:#404040;font-size:16px;font-weight:300;text-align:center}
/*主体*/
.backtop { cursor: pointer; display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 40px; right: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); overflow: hidden; text-indent: 100%; white-space: nowrap; background:  #FFF url(/default/main/images/wanqionline/icon-back-top-tool.svg) no-repeat center center;background-size:22px; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.backtop.cd-is-visible { visibility: visible; opacity: 1;}
.backtop.cd-fade-out { opacity: 1;}
.no-touch .backtop:hover { background-color: #fff; opacity: 1;}
.section {width: 100%;}
.recommend { padding: 15px; width: 100%; background: #fff; box-sizing: border-box;display: inline-block;}
.storeconcat-boutique{padding-top:95px;background:url(/default/main/images/storeconcat-boutique-bg.png) center top no-repeat #fff;background-size:100% auto}
.storeconcat-title{font-size:16px;color:#444;line-height:20px}
.storeconcat-bd {margin-top: 10px;}
.storeconcat a:hover{color:#34a4fc}
.storeconcat-text{display:block;margin-bottom:10px;line-height:20px;color:#444;background-repeat:no-repeat;background-position:left top;background-size:20px;word-break:break-all}
.storeconcat-text i { color: #0896FF; width: 24px; margin-right: 10px;}
.storeconcat-text img { width: 18px;vertical-align: middle; margin-right: 8px;}
.storeconcat-text:last-child{margin-bottom:0}
.storeconcat .storeconcat-hr{border-top:1px solid #efefef;display:block;height:0;width:100%;margin-bottom:10px}
.storeconcat-text-time{display:block;font-size:18px;color:#ff7100;line-height:30px;padding-left: 28px;font-family: DINNextLTPro;}
.consumerwarn{width:100%;margin-top:20px;background:url(/default/main/images/icon-consumer-warn-bg.svg) right center no-repeat #e1f2ff;padding:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.consumerwarn-text{color:#0066b7;font-size:12px;line-height:20px;padding-left:30px;background:url(/default/main/images/icon-consumer-warn.png) left 2px no-repeat;background-size:24px}
.moduletitle { display: inline-block; height: 24px; line-height: 24px;}
.moduletitle .gradient { font-size: 24px; line-height: 28px; font-weight: bolder; color: #F2A056; background-image: -webkit-linear-gradient(left,#F2A056,#F16863); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.moduletitle span { font-size: 16px; color: #383838;}	
.modulelist { display: block; width: 100%;}
.modulelist li { display: block; margin-top: 20px;}
.cardhd { border: 1px solid #eee; height: 125px;}	
.modulelist li:hover .cardhd .cardhdlink img{transform:scale(1.05)}
.cardhdlink {display:block;overflow:hidden;width:100%;height:100%;position:relative;text-align:center}
.cardhdlink:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.cardhd img{display:inline-block;vertical-align:middle;height:auto;max-height:100%;max-width:100%;margin:0 auto;transition:transform .55s}
.cardhd img[src="#"]{background-color:#ddd;height:100%;animation:glow .8s ease-out infinite alternate}
.cardbd { box-sizing: border-box; position: relative; z-index: 1;}
.cardtitle { line-height: 18px; font-size: 12px; margin-top: 10px; height: 20px; display: block; font-size: 14px; color: #000; transition: color .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}	
.content { width: 960px;display: inline-block;}
.classifyfilter{background-color:#fff;padding:0 20px; display: flow-root;}
.classifyfilter .classifyfilter-row{display:inline-table;width: 100%;position:relative}
.classifyfilter .classifyfilter-row:last-child .classify-filter-block-input,.classifyfilter .classifyfilter-row:last-child .classify-filter-block-label{border-bottom:none}
.classifyfilter .classifyfilter-row .classify-filter-block-label{padding:15px 20px 15px 0;line-height:20px;color:#666;font-size:14px;vertical-align:top;word-break:keep-all;display:table-cell;border-bottom:1px solid #efefef; width: 60px;}
.classifyfilter .classifyfilter-row .classify-filter-block-input{display:table-cell;vertical-align:top;padding:15px 0;border-bottom:1px solid #efefef}
.classifyfilter-list:after{content:'.';display:block;visibility:hidden;clear:both;width:100%;height:0;font-size:0;zoom:1}
.classifyfilter-list li{float:left;margin-bottom:12px;margin: 0 10px;}
.classifyfilter-list li.classifyfilter-list-item-actived .classifyfilter-link{background:#0896FF;color:#fff;cursor:default}
.classifyfilter-link{height:20px;display:inline-block;vertical-align:top;line-height:20px;padding:0 10px;font-size:14px;color:#333;transition:background .15s}
.classifyfilter-link:hover{background-color:#f0f0f0}
.interval-input{width:225px;font-size:0}
.interval-input-input{display:inline-block;border:1px solid #ddd;width:65px;height:25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:25px;vertical-align:middle;text-indent:5px;outline:0;transition:all .25s}
.interval-input-input:focus{border-color:#00a4ff}
.interval-input-text{display:inline-block;height:25px;line-height:25px;font-size:12px;vertical-align:middle;margin:0 5px}
.interval-input-button{display:inline-block;height:25px;vertical-align:middle;margin-left:10px;background:#fff;border:1px solid #ddd;padding:0 16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#888;font-size:12px;transition:all .25s}
.interval-input-button:hover{background-color:#00a4ff;color:#fff;border-color:#00a4ff}
.productlist { display: inline-block;}
.productlist li { display: block; margin: 20px 0; width: 100%;}
.productitem{position:relative;overflow:hidden}
.productitem:hover .product-card-hd .product-card-hd-link img{transform:scale(1.05)}
.productitem.detailitem{transition:all .3s;border:1px solid #efefef;width:100%}
.productitem.detailitem:after{content:'.';display:block;visibility:hidden;clear:both;width:100%;height:0;font-size:0;zoom:1}
.productitem.detailitem .product-card-hd{float:left;width:288px;height:192px;overflow:hidden}
.productitem.detailitem .product-card-hd .product-card-hd-link{height:192px}
.productitem.detailitem .product-card-bd{float:left;border:none;width:424px;height:192px;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px}
.productitem.detailitem .product-card-bd .text-tips{margin-top:15px}
.productitem.detailitem .product-card-bd .product-board-text{max-height:76px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.productitem.detailitem .producttitle{font-size:18px;line-height: 20px;height: 20px;display: block;color: #000;transition: color .15s;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
.productitem.detailitem .producttitle:hover{color:#00a4ff}
.productitem.detailitem .product-card-ft{width:207px;height:192px;padding:20px;line-height:152px;overflow:hidden;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative}
.productitem.detailitem .product-card-ft:after{content:'';position:absolute;left:0;width:1px;height:152px;top:20px;background-color:#efefef}
.productitem.detailitem .product-card-ft .product-card-center-info{line-height:1.5;width:100%}
.productitem.detailitem .product-card-ft .product-card-text{text-align:center;margin-top:0;line-height:36px;margin-bottom:-5px}
.productitem.detailitem .product-card-ft .product-card-tips,.productitem.detailitem .product-card-ft .text-tips{text-align:center;margin-top:15px}
.productitem.detailitem .product-card-center-info{display:inline-block;vertical-align:middle}
.productitem.detailitem:hover{box-shadow:1px 2px 5px 0 rgba(0,0,0,.075),-1px 2px 5px 0 rgba(0,0,0,.075)}
.productitem:before{content:attr(dataIndex);position:absolute;right:10px;bottom:0;font-size:80px;color:#f0f0f0;line-height:45px;font-style:italic;margin-bottom:0;z-index:0;letter-spacing:-5px;font-family:DINNextLTPro}
.productitem .product-card-hd-link{display:block;overflow:hidden;width:100%;height:100%;position:relative;text-align:center;font-size:0}
.productitem .product-card-hd-link:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.productitem .product-card-hd img{display:inline-block;vertical-align:middle;height:auto;max-height:100%;max-width:100%;margin:0 auto;transition:transform .55s}
.productitem .product-card-hd img[src="#"]{background-color:#ddd;height:100%;animation:glow .8s ease-out infinite alternate}
.productitem .product-card-bd{box-sizing:border-box;border:1px solid #eee;border-top:none;padding:10px;position:relative;z-index:1}
.productitem .product-card-text{line-height:34px;font-size:14px;color:#444;margin-top:4px;height:34px;overflow:hidden}
.productitem .product-card-tips{color:#4a4a4a;line-height:12px;min-height:12px;margin-top:3px;text-align:right}
.productitem .text-tips{text-align:left;line-height:18px;height:18px;margin-top:8px}
.productitem .product-card-bd-info{font-size:14px;color:#fff}
.productitem .product-card-bd-info .info-item{margin-right:20px}
.productitem .product-board-text{font-size:14px;color:#999;line-height:24px;margin-top:20px}
.productitem .star-score{margin-right:5px}
.customerservice{display:block;width:100px;height:30px;line-height:30px;text-align:center;background:#fc0;background:-ms-linear-gradient(left top,#fc0,#ff9d00);background:-moz-linear-gradient(left top,#fc0,#ff9d00);background:-o-linear-gradient(left top,#fc0,#ff9d00);background:-webkit-linear-gradient(left top,#fc0,#ff9d00);font-size:14px;color:#fff;margin:15px auto 0}
.customerservice img { width: 18px; height: 20px;vertical-align: sub; margin-right: 6px; }
.customerservice:hover{background:#ff9d00;background:-ms-linear-gradient(left top,#ff9d00,#ff9d00);background:-moz-linear-gradient(left top,#ff9d00,#ff9d00);background:-o-linear-gradient(left top,#ff9d00,#ff9d00);background:-webkit-linear-gradient(left top,#ff9d00,#ff9d00)}
.price{display:inline;font-size:14px!important}
.star-score{display:inline-block;vertical-align:middle;font-size:0;height:14px}
.star-score .star-score-item{display:inline-block;background-image:url(/default/main/images/icon-star-empty.svg);background-repeat:no-repeat;background-size:14px;background-position:center;width:14px;height:14px}
.star-score .star-score-actived-item{background-image:url(/default/main/images/icon-star-actived.svg)}
.star-score .star-score-actived-half-item,.star-score-half .star-score-item:first-child{background-image:url(/default/main/images/icon-star-half.svg)}
.star-score-one .star-score-item:first-child,.star-score-one-half .star-score-item:first-child{background-image:url(/default/main/images/icon-star-actived.svg)}
.star-score-one-half .star-score-item:nth-child(2){background-image:url(/default/main/images/icon-star-half.svg)}
.star-score-two .star-score-item:first-child,.star-score-two .star-score-item:nth-child(2),.star-score-two-half .star-score-item:first-child,.star-score-two-half .star-score-item:nth-child(2){background-image:url(/default/main/images/icon-star-actived.svg)}
.star-score-two-half .star-score-item:nth-child(3){background-image:url(/default/main/images/icon-star-half.svg)}
.star-score-three .star-score-item:first-child,.star-score-three .star-score-item:nth-child(2),.star-score-three .star-score-item:nth-child(3),.star-score-three-half .star-score-item{background-image:url(/default/main/images/icon-star-actived.svg)}
.star-score-three-half .star-score-item:last-child{background-image:url(/default/main/images/icon-star-empty.svg)}
.star-score-three-half .star-score-item:nth-child(4){background-image:url(/default/main/images/icon-star-half.svg)}
.star-score-four .star-score-item{background-image:url(/default/main/images/icon-star-actived.svg)}
.star-score-four .star-score-item:last-child{background-image:url(/default/main/images/icon-star-empty.svg)}
.star-score-four-half .star-score-item{background-image:url(/default/main/images/icon-star-actived.svg)}
.star-score-four-half .star-score-item:last-child{background-image:url(/default/main/images/icon-star-half.svg)}
.star-score-five .star-score-item{background-image:url(/default/main/images/icon-star-actived.svg)}
/* 分页 */
.jump{line-height: 30px ;margin-left: 10px; color:#007ee5; font-size: 14px;}
.jump span{float: left;}
.jump input{width:52px;height:30px; border: 1px solid #e9e9e9; text-align: center; margin:0 10px;}
.jump button{width:52px; height:32px; border: 1px solid #e9e9e9; background: none;}
.addinput .add-span{width:120px;}
.addinput-three li{width:33.3%; float: left;}
.addinput .last{width:100%;}
.str-table td{text-align: left;}
.addinput li{display:inline-block; width:100%;}
.stock-line{border:none; color:#007ee5;}
.addinput-two li{float: left; width: 50%;}
/*面包屑*/
.crumbs{ width: 100%; display: inline-block; padding: 2% 0; font-size: 16px;}
.crumbs a{ color: #666;}
.crumbs a i { font-size: 18px; margin-right: 8px; }
.crumbs a img { width: 18px; height: 18px; margin-right: 8px; vertical-align: bottom;}
.crumbs a:hover{ color: #009CFF;}
.crumbs em{ color: #009CFF;}
.crumbs b { vertical-align: text-bottom;  margin: 0 10px;}
/*图片放大查看*/
/* 幻灯开始*/
.leftBox{ width: 290px; height: 540px; float: left;}
.leftBox .w{ width: 290px; height: 194px;}
.normalBox{ overflow: hidden; position: relative; border: 1px solid #f2f2f2;}
.normalBox img{width: 290px; height: 194px;}
.normalBox .w{ display: none;}
.botBox{ width: 100%; height: 50px;margin-top: 9px; overflow: hidden;}
.botBox ul li{ float: left; width: 65px; height: 43px; border: 2px solid #fff; margin-left: 3px; opacity: 0.5;}
.botBox ul li img{width: 100%;height: 100%;}
.botBox .bord{ border-color: #e4393c !important; opacity: 1 !important;}
#n,.m{ display: block !important;}
/*右侧信息*/
.detailsRight{ width:610px; float: right;}
.detailsRightTitle{ font-size: 18px; color: #333; line-height: 30px; margin-bottom: 10px; padding:0 !important;font-weight: normal; }
.detailsRightTitle .zhenxuan { background: url(/default/main/images/icon-zhenxuan.svg) no-repeat; margin-right: 10px;color: #fff; background-size: contain;padding: 1% 2% 1% 6%;font-size: 12px; }
.detailsRightTitle .label{ border: 1px solid #009CFF; color:#009CFF ; font-size:12px; padding: 1px  5px; margin-left: 10px;}
.detailsRightLabel{ color: #999; font-size: 14px; margin-bottom: 10px;line-height: 20px;}
.details-tips { color: #4a4a4a;}
.detailsRightList,.detailsRightList li{ width: 100%; display: inline-block; float: left; color: #666;font-size: 15px;}
.detailsRightList li .title{ float: left; margin-left: 15px; width: 80px;}
.detailsRightList li .content{ width: 514px; display: inline-block; float: left;}
.detailsRightList li .content .customerservice { margin:0 15px;display: inline-block;float: right; }
.detailsRightList li.detailsPrice{ margin-top: 2px;}
.detailsRightList li.detailsPrice .title{ padding: 7px 0;}
.money{ color: #FF4C38;font-family: DINNextLTPro;vertical-align: middle;}
.money i{ font-size: 24px; margin-left: 3px; font-family: DINNextLTPro;}
.button {display: block;width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; cursor: pointer; color: #fff; background: #009CFF; font-weight: 600;}
.button:hover { background: #0896FF; color: #fff;}
.indexbutton {width: 160px; height: 44px; line-height: 44px; text-align: center;cursor: pointer; color: #fff; background: #009CFF; margin: 0 auto 5% auto;}
.detailsRightList li .promotionList{ width: 100%; margin-bottom:5px ; display: inline-block; line-height: 22px;}
.detailsRightList li .promotionList .label{ margin-left: 0; margin-right: 10px;}
.detailsRightList li .promotionList em{ color: #666;}
.detailsRightList li .promotionList a{ color: #054fa1; margin-left: 8px;}
.detailsRightList li .promotionList a:hover{ color: #0864ca;}
.detailsRightList li.detailsCoupon{ margin-bottom: 10px;}
.detailsCoupon .quan-item {position: relative;float: left;height: 16px;padding-left: 2px;line-height: 15px;text-align: center;border-top: 1px solid #df3033;border-bottom: 1px solid #df3033; background: #ffdedf;font-size: 14px; white-space: nowrap;margin-right: 13px;}
.detailsCoupon .text{padding:0 10px;color:#df3033;font-size:12px}
.detailsCoupon .quan-item:after,.detailsCoupon .quan-item:before{ content: ''; position:absolute;top:-1px;display:block;height:18px;width:2px;overflow:hidden;background:url(/default/main/images/quan-arr.gif) no-repeat}
.detailsCoupon .quan-item:before{left:0;background-position:-2px 0}
.detailsCoupon .quan-item:after{right:-2px}
.detailsCoupon .quan-item:hover{background:#fff4f4}
.detailsCoupon .quan-item:hover:after,.detailsCoupon .quan-item:hover:before{background:url(/default/main/images/quan-arr-hover.gif) no-repeat}
.detailsCoupon .quan-item:hover:before{background-position:-2px 0}
.detailsRightListBg{ background: #FFF3ED; padding: 10px 0;}
.panelSpecs{ margin-top: 15px !important;}
.panelSpecs li {position:relative;display:inline-block;margin:0 6px 10px 0;border:1px solid #EBEBEB;cursor:pointer; height: 30px;line-height: 30px;padding: 0 15px;font-size: 13px; color: #8B8B8B; width: auto;}
.panelSpecs li.active{ border: 1px solid #009CFF;}
.panelSpecs li:hover{ border: 1px solid #009CFF;}
.panelSpecs li img{ height:36px; margin: 2px 0; float: left; margin-right: 10px;}
.panelSpecs li:hover .til_p { display: block;}
.til_p { position: absolute; top: -50px; background-color: #25c6da; color: #fff; height: auto; line-height: 35px; text-align: left; border-radius: 5px; padding: 4px 6px; font-size: 13px; z-index: 10000;width: 260px; line-height: 18px;display: none; }
.sj_choice { width: 0; height: 0; border-top: 8px solid #25c6da; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; top: 100%;left: 10%;}
.panelSpecs li:hover.til_p { display: block; }	
.sizeList { padding: 10px 0;}
.sizeList .remark {display: flex;line-height:24px; /*padding: 0 15px 0 10px;*/ }
.detailsNumber .title{ padding: 7px 0;}
.detailsNumber .jisuan2{ text-align:center; float:left;line-height:30px; max-width:100px; border: 1px solid #F2F2F2; height: 30px; }
.detailsNumber .details-quota{line-height:40px; margin-left:10px; color: #999;}
.detailsHandle { margin-top: 20px;}
.detailsHandle .content{ margin-left: 96px;}
.detailsBottom{ width: 100%; display: inline-block; margin-top: 20px; background: #fff;}
.leftInfor{ width: 100%;}
.leftInforHd{ width: 960px; border: 1px solid #F2F2F2; display: inline-block; float: left;background: #fff;}
.leftInforHd a{ display: inline-block; text-align: center;position: relative; float: left; color: #333; font-size: 16px; padding:10px 30px;}
.leftInforHd a.active{ background: #009CFF; color: #fff;}
.leftInforHd a.active:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; background: #009CFF;}
.leftInforBdCon{ padding: 0 3%; width: 94%; display: inline-block; }
.leftInforBdCon .applititle { margin: 22px 0 18px 0; font-weight: bold;font-size: 16px;color: #333;}
.leftInforBdCon .applicontent .text { margin-bottom: 15px; line-height: 28px;}
.leftInforBdCon .applicontent img { width: 100%;display: block;}
.leftInforBdCon .applicontent li {overflow: hidden; margin-top: 20px;}
.leftInforBdCon .applicontent li img {float: left; width: 5%; vertical-align: middle; margin-right: 10px; }
.leftInforBdCon .applicontent li div {float: left; width: 92%;line-height: 24px;}
.leftInforBdCon .applicontent .firstRow {width: 100%;border: 1px solid #ebebeb;border-right:none;font-size: 14px; color: #000;font-family: 'microsoft yahei';}
.leftInforBdCon .applicontent .firstRow th {font-weight: 600;font-size: 16px;}
.leftInforBdCon .applicontent .firstRow th,.firstRow td {padding: 16px;border-right: 1px solid #ebebeb;}	
.leftInforBdCon .applicontent .firstRow td {border-top: 1px solid #ebebeb;}
.leftInforBdCon .jsRemove { color: #3198e3; margin-right: 15px; }
.leftInforBd{ width: 100%; display: inline-block; float: left;}
.casetit {height: 32px; font-size: 24px; color: #000; line-height: 32px; padding-bottom: 20px; border-bottom: 1px solid #F2F2F2;}
.casenote {padding: 20px 26px;background: #f5f5f5;margin-bottom:20px;line-height: 24px;font-size: 14px;}
.casenote span {font-weight: bold;}
.Graphic{width: 100%; display: inline-block; float: left; margin-top: 10px;}
.Graphic img{ float: left; width: 100%;}
/* pay */
.payTit{ width: 1075px; margin: 0 auto;}
.payTit h1{font-size: 30px; font-weight: 600; margin-right: 25px;color: #07111b; padding: 2% 0;}
.PayCon{width: 1064px;padding: 0 36px 48px; margin:0 auto 60px; background-color: #fff;display: flow-root;}
.PayConTop{width: 100%; padding: 2% 0;}
.PayConTopLeft{ font-size: 16px; color: #93999f;}
.PayConTopLeft b{color: #07111b;}
.PayConTopRight{ float: right; font-size: 16px;}
.PayConTopRight i{ color: #e52319; font-size: 22px;}
.payMethod{padding: 30px 12px;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.payMethodTit{height: 46px; line-height: 30px;font-weight: 600;}
.payMethodList{ width: 100%; display: inline-block;}
.payMethodList li{float: left; margin-right: 25px;position: relative;width: 236px;height: 86px;background-color: #f8fafc;border: 2px solid #f8fafc;cursor: pointer;background-image:url(/default/main/images/pay_s.png);}
.payMethodList li.alipay{background-position: 55px -301px; background-repeat: no-repeat;}
.payMethodList li.wxpay{background-position: 48px -422px;background-repeat: no-repeat;}
.jsMark{position: absolute;right: -2px;bottom: -2px;font-size: 22px; color: #fff; display: none;}
.payMethodList li.active{border: 2px solid #0896FF;}
.payMethodList li.active .jsMark{ display: inline-block;z-index: 99;width: 26px;text-align: center;}
.payMethodList li.active .triangle{ display: inline-block; width: 0; height: 0; border-bottom: 40px solid #0896FF; border-left: 40px solid transparent;z-index: 9; }
.payButtom{padding-top: 32px;}
.payButtomLeft{font-size: 14px;color: #ff9900;line-height: 20px; float: left;}
.payButtomLeft .iconfont{ font-size: 18px; vertical-align: middle; margin-right: 5px; width: 20px;}
.payButtomRight{ float: right;} 
.payButtomRight .label{ width: 96px;font-size: 14px;color: #07111b;line-height: 24px;text-align: right;float: left;}
.payButtomRight .price{font-size:20px!important;color: #FF4C38;height: 24px;text-align: right;line-height: 24px;float: left;}
.payLayer,.wxLayer{position: fixed; top: 0; left: 0; z-index: 111111;width:100%; height: 100%; display: none; }
.payLayerBg,.wxLayerBg{ width:100%; height: 100%; background: #000; opacity: 0.5; filter:alpha(opacity=50)}
.payLayerCon{ position: absolute; top: 50%; left: 50%; margin-left: -330px; width: 660px;height:240px; margin-top:-190px;padding: 75px 0 60px;text-align: center;border: 1px solid #e0e0e0; background: #fff;}
.payLayerCon h3 { font-size: 18px;}
.payLayerWeChat{padding: 0 130px;margin: 52px 0 60px; width: 400px; display: inline-block;}
.payLayerLeft{width:199px;height: 67px; float: left;}
.payLayerRight{ border-left: 1px solid #e8e8e8;}
.buttonGhost,.buttonPrimary{width: 130px;height: 40px;line-height: 39px;display: inline-block; text-align: center;}
.cartBuyAgreement{ color: #69c;}
.cartBuyAgreement:hover{ text-decoration: underline;}
.cartAddAdress{border-radius: 2px;width: 96px;height: 26px;letter-spacing: normal;line-height: 25px;font-size: 12px;text-align: center;color: #333;border: 1px solid #ccc;background-color: #f5f5f5; display: inline-block;}
.cartAddAdress:hover{background: #fff;cursor: pointer;}
.wxLayerCon{position: fixed;z-index: 1339;left: 50%;top: 50%;opacity: 1;width: 332px;height: 430px; border-radius: 4px;background: #fff;box-shadow: 8px 0 16px 0 rgba(7,17,27,0.2); margin: -230px 0 0 -226px;}
.wxLayerConTit{padding: 24px 32px;font-size: 16px;font-weight: bold;color: #07111b; position: relative;}
.wxLayerClose{ font-size: 20px; font-weight:normal; position: absolute;right: 32px;top: 24px;color: #93999f;}
.wxLayerClose:hover{ color: #666;}
.wxLayerCenter{ padding: 0 24px;}
.wxLayerCenter .qrcode{ width: 240px; height: 240px; margin: 0 auto 24px;}
.wxLayerCenter p{ font-size: 12px; color: #999; text-align: center;}
.wxLayerMoney{ padding: 24px; text-align: center;}
/* 特效 */
.big-pic-box{display:none;position:absolute;z-index:999;top:-80px;right:0;bottom:0;left:1%;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:100%;width:1112px;height:851px}
.click-img{width:100%}
.click-img:hover{cursor:zoom-in}
.big-pic-box:hover{cursor:zoom-out}
.big-pic-box img{display:none;width:1050px;box-shadow:8px 5px 25px #ccc}
.swiper-container{width:850px;height:520px}
.swiper-slide{width:1065px;height:600px!important}
.swiper-slide .wap-img {width: 100%;height: 100%;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0!important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0!important}
.swiper-button-next, .swiper-button-prev {top:30%!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev,.swiper-button-prev,.swiper-container-rtl .swiper-button-next { width: auto!important;height:auto!important;}
.ui-siwpers-box{margin-top:50px;position:relative}
.ShopTNT-swiper-left:before {content: "\e607"; font-size: 60px; color: #dedede;}
.ShopTNT-swiper-left:active:before,.ShopTNT-swiper-left:hover:before {content: "\e60d"; color: #009cff;}
.ShopTNT-swiper-right:before {content: "\e609"; font-size: 60px; color: #dedede;}
.ShopTNT-swiper-right:active:before,.ShopTNT-swiper-right:hover:before {content: "\e60a"; color: #009cff;}
.ShopTNT-wap{height:660px;background:#f8f7f7;padding:50px 50px;margin:0 auto}
.wap-swiper-box{float:left;margin:0 6% 0 0;position:relative}
.swiper-pagination{position:absolute!important;bottom:0!important;width:100%!important}
.swiper-pagination-bullet{margin:0 8px!important;background:#0896FF!important;opacity:1!important;transform:translate(0,40%)!important}
.swiper-pagination-bullet-active{width:10px!important;height:10px!important;background:#fff!important;border-radius:50%!important;border:3px solid #0896FF!important}
.wap-nav{width:100%;display:block;margin:0 35px}
/* .wap-nav-ul{margin-top:60px} */
.wap-nav-li{float: left;text-align: center;width:146px;height:146px;margin:30px 20px 20px 20px;background:#fff;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;display: flex;justify-content: center;align-items: center;}
.wap-nav-li:hover{background-image:linear-gradient(#0896FF,#009CFF);box-shadow:10px 10px 5px #d8edfd;cursor:pointer}
.wap-nav-li:hover a{color:#fff}
.wap-nav-a{display:inline-block;color:#888;text-decoration:none}
.wap-nav-a .center-txt{margin-top:8px; font-size: 18px;}
.wap-nav-li.wap-nav-active a{color:#fff}
.wap-a-icon{ font-size: 52px!important;}
/* 广告 */
.ad img { width: 100%;}
/* 定制 */
.tailor {margin: 1px auto 30px;}
.tailor-made {text-align: center; color: #666;}
.tailor-made img { height: 60px; }
.tailor-made h3 { font-size: 18px; color: #333; margin: 0; padding: 20px 10px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.customize { display: flex; justify-content: space-between; }
.form-container{padding:20px 25px 50px;box-sizing:border-box}
.form-title { color: #999; margin: 1% 0 2%;}
.form-title span { color: #009CFF; font-size: 18px; margin-right: 10px; }
.form-container .form-item{margin: 1% 0;display: flex;align-items: end; color: #8B8B8B; font-size: 14px;}
.form-container .form-item:after,.form-container .form-item:before{content:"";display:table}
.form-container .form-item:after{clear:both}
.form-container .form-item>label{float:left;color:#8B8B8B;line-height:32px;width: 150px;}
.form-container .form-item>label i{color:red;}
.form-container .form-content{ flex:1;margin-left: 30px;}
.form-container .form-content li {position:relative;display:inline-block;margin:0 6px 10px 0;border:1px solid #EBEBEB;cursor:pointer;padding: 1%;width: 16%; text-align: center;}
.form-container .form-content li.active{ border: 1px solid #009CFF;}
.form-container .form-content li:hover{ border: 1px solid #009CFF;}
.form-container .form-item .aps-input { padding: 12px;width: 94%; line-height: 20px; font-size: 14px;border: 1px solid #EBEBEB;}
.bewrite {background: #FAFAFA; padding: 2% 3%;line-height: 30px;margin: 0 auto;color: #999;font-size: 13px;}
.protocol { margin: 3% auto;}
.protocol a { color: #009CFF;}
#checkbox{width: 20px; height: 20px;  background-color: #fff; border: 1px solid #EBEBEB; border-radius: 2px;color: #fff; text-align: center; line-height: 18px;-webkit-appearance:none; appearance:none; outline: none; margin-right: 10px;}
#checkbox[type="checkbox"]:hover{ border: 1px solid #009CFF;}
#checkbox:checked {color: #fff;background-color: #43adea;  border: 1px solid #009CFF; }
#checkbox:after {content: "\2713";}  
.advantage-wrap{background:#fff; width: 100%;}
.advantage-wrap .title{padding:0 10px;height:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #F2F2F2;text-align:center;line-height:54px;font-size:18px;color:#373d41}
.advantage-wrap .list .item{padding:20px 0;margin:0 25px;box-sizing:border-box;border-bottom:1px dotted #ECECEC}
.advantage-wrap .list .item:last-child{border:0}
.advantage-wrap .list .item .left-img{float:left;width:48px}
.advantage-wrap .list .item .left-img img{display:block;width:100%}
.advantage-wrap .list .item .right-txt{margin-left:66px}
.advantage-wrap .list .item .right-txt .tit{text-align:left;line-height:22px;font-size:16px;color:#373d41;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.advantage-wrap .list .item .right-txt .des{text-align:left;line-height:20px;font-size:14px;color:#73777a}
/* login */
.wrapper { width: 100%; min-height: 100%; height: 100%; display: -webkit-box; display: box; display: -moz-box; display: -ms-flexbox; display: -o-box; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; box-pack: center; -ms-flex-pack: center;background: #f9f9f9;overflow-y: auto;color: #666;font-size: 14px;}
.main{ background: #fff; overflow: visible;border-radius:2px;}
.code_img{ height:auto;float:left; margin-right:10px; border: 2px #f7f7f7 solid;}
.code_img img { height: 100%;}
.layout{width:800px; margin: 0 auto;padding-bottom: 30px;}
.loginlogo { width: 120px; margin: 0 auto; display: block; cursor: pointer;}
.titlebig { font-size: 30px; font-weight: normal; text-align: center;color: #333;padding: 40px;}
.home {font-size: 15px; color: #009CFF; position: absolute; right: 3%; top:5%; display: flex;background: #f3f3f3; padding: 10px; border-radius: 100%;}
.home img { width: 20px; height: 20px;}
.home:hover {background: #f4f8fb; }
.frame{margin: 0 auto 10px auto; width:500px;text-align: center; display: flow-root;}
.frameInput{ float:left; position:relative; width:100%;}
.frameInput label{ text-align:right; float:left;line-height:50px;  padding-right:10px; width:85px; display:block;}
.frameInput_text { width:360px;height:48px;border:1px solid #e0e0e0;padding-left:15px;display:inline; font:14px/50px ""; float:left; margin-right:20px; float:left;}
.frameInput_text.w140{ width:130px; }
.frameInput span.inputText{ line-height:50px; font-weight:700; padding-left:20px;}
.change_code{ line-height:50px; width:100px; cursor:pointer; color:#ee491f; float:left; margin-right:20px;}
.frame a.get_code{ display:block; height:48px;border:1px solid #f3d5cc; width:200px;float:left; line-height:48px; text-align:center; background:#fffaf9; color:#ff6f3d}
.frame a.wait_code{ border:1px solid #e0e0e0; color:#aaa; background:#f5f5f5;}
.frameInfo{ width:300px; font-size:12px; padding-top:10px; line-height:24px;display: inline-block; text-align: left; }
.frameInfo i{ display:block; background:url(/default/main/images/zc.png) no-repeat;width:16px; height:24px; vertical-align:middle; margin-right:5px; float:left; margin-top:3px;}
.frameInfo span.flase i{  background-position:0 -67px; }
.frameInfo span.wran i{ background-position:-20px -67px; }
.frameInfo span.true i{  background-position:-41px -67px; display:none; }
.frameInfo span.error i{  background-position:0 -67px; }
.frameInfo span.tip i{ background-position:-20px -67px; }
.frameInfo span.ok i{  background-position:-41px -67px;display:none; }
.agreen { text-align: center;}
/* --------center--------- */
.centerHead{ height: 60px; width: 100%; display: inline-block; background: #ffffff; box-shadow: 1px 2px 4px #ededed; float: left; position: fixed; top: 0; left: 0; z-index: 30; font-weight: 300;}
.centerHeadCon{ width: 1200px; height: 100%; margin:0 auto;display: flex; align-items: center; justify-content: space-between;}
.logo{ display:inline-block; float: left;}
.logo img{ width: 100px;}
.centerHeadRight{ display: inline-block; float: right; font-size: 14px;font-weight: normal;}
.headImg { color: #333; line-height: 30px;}
.headImg img{ width: 40px; height: 40px; border-radius: 100%; overflow: hidden;display:inline-block; vertical-align: middle; border: 2px solid #f7f7f7; margin-right: 5px;box-shadow: 0 0 6px #cbe9ff;}
.headClose{ color: #333; margin-left: 30px; line-height: 30px;}
.headClose:hover { color: #0896FF;}
.center{ width: 1200px; margin:80px auto;}
.CenterLeft{ width: 220px;float: left;}
.CenterShadow{width: 100%; background: #fff;box-shadow:0px 3px 10px #ccc; padding: 20px 0; display: inline-block; font-weight: 300;}
.CenterLeftList li { margin-bottom: 5px;}
.CenterLeftList li a{ padding-left: 50px; font-size: 16px; height: 32px; line-height: 32px; color: #666; width: 70%;
display: inline-block;margin: 1% 10%;}
.CenterLeftList li.this a{ color: #0896FF;}
.CenterLeftList li:hover a{ color:#4289FF;}
/*个人中心右侧模板*/
.right-personal .personal-hd:after,.personal-news .content .hd-info:after,.personal-news .content .hd-control:after,.personal-news .content .bd-new-cont:after,.personal-news .content .bd-new-cont dl:after,.personal-news .new-set-up dl:after,.personal-news .new-set-up dd:after{display:block;visibility:hidden;clear:both;height:0;content:'.';}
.right-personal{margin-right: auto; margin-left:240px;min-height:465px;}
.right-personal .personal-hd{ width:100%; width:auto; border-bottom:1px solid #efefef; height:50px; line-height:50px; position:relative; }
.right-personal .personal-hd a{ float:left;padding:0 3%; font-size:15px; position:relative}
.right-personal.personal-news .personal-hd a i{ display:block; padding:0 5px; width:25px; height:20px;line-height:19px; position:absolute; right:0px; top:-10px; font-size:12px; background-color:#0896FF; color:#fff;border-radius:100px;}
.right-personal .personal-hd a:hover{ background-color:#f8f8f8}
.right-personal .personal-hd .this{ border-top:#0896FF solid 3px;border-right:#f0f0f0 solid 1px;  color:#0896FF; margin-top:-1px; margin-bottom:-1px;position:relative;background-color:#FFF}
.right-personal .personal-hd .this:hover{background-color:#FFF}
.right-personal .personal-bd{ width:95%; margin:0 auto; #width:auto; z-index:1; *margin:0 25px;}
.applyInput{ width:100%; display:inline-block; margin-top:20px;}
.applyInput li{ padding:8px 0; line-height:30px; color:#666; font-weight: 300;}
.applyInput li .inputTitle{ width:150px; text-align:right; color:#666; display:inline-block; vertical-align:top}
.inputText{ border:1px solid #ddd; background:#fff; line-height:20px; padding:5px; font-family:"Microsoft Yahei"; vertical-align:top; font-weight: 300;}
.applyInputRight{ width: 78%; display: inline-block;}
.applyInputRight label{ vertical-align: middle; margin-right: 10px;}
.CenterInput{ margin-left: 100px; width: auto; display: inherit;margin-bottom: 30px;}
.CenterInput li{ color: #333; padding: 15px 0; font-weight: 300;}
.CenterInput li .formLink { display: inline-block;margin: 0 10px;}
.CenterInput li .inputTitle{ color: #333; text-align: left; letter-spacing: 3px; width: 80px;}
.formLink{ color: #0896FF!important; font-size: 14px;margin: 5px;display: block;}
.formLink:hover{ color: #666!important;}
.cartRadio{ display: inline-block;width: 15px;height: 15px;vertical-align: middle;overflow: hidden;position: relative;cursor: pointer;background: url(/default/main/images/check.png);background-position: 0 -137px;}
.cartRadio input{ position: absolute; top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.cartRadio.r_off{ background:url(/default/main/images/check.png) no-repeat;background-position: 0 -137px;}
.cartRadio.r_on{ background:url(/default/main/images/check.png) no-repeat;background-position: 0 -112px;}
.centerBook{ width:100%; display:inline-block; background: #fff;border: 1px solid #efeeee; font-weight: 300;}
.indexLoginbtn{ background:#0896FF; color:#fff; padding:9px 15px; line-height:20px; text-align:center; border:none; font-size:14px; font-family:"Microsoft Yahei"; display:inline-block;cursor:pointer}
.indexLoginbtn:hover{ color:#fff; background:#4289FF}
.codeBook{ padding: 20px; width: 920px;}
.centerTop { margin: 30px 0 10px;}
.centerTop dt{ width: 100px;height: 100px; margin:0 auto; position: relative; text-align: center;cursor: pointer;}
.photo{width: 100px;height: 100px;border-radius:100%; display: inline-block; overflow: hidden;border: 3px solid #f1f9fe; box-shadow: 0 0 10px #cbe9ff;}
.photo img { width: 100%; height: 100%; }
.centerTop dt i{ position: absolute; bottom: 0; right: 2px; font-size:25px; color: #0896FF;}
.centerTop dd h5{margin: 26px 10px 0; font-size:14px; text-align: center; font-weight: 300;}
.centerFoot{ padding: 20px 0; font-weight: 300;background: #fbfbfb; width: 100%;}
.centerFoot h4{margin-bottom: 7px; margin-left:20px; font-size: 14px; font-weight: 300;}
.centerFoot p{font-size: 13px;color: #999;margin-bottom:4px;margin-left:20px; }
/* 绑定手机 */
.binMobile{padding-top: 36px;font-size: 14px;}
.binMobileTit{ margin-left: 30px; font-size: 20px;font-weight: 300;}
.binMobileForm{ width: 322px; margin:70px auto;}
.binMobileForm .input{height: 23px; width:300px;border: 1px solid #e8e8e8;display: block;padding: 10px;border-radius: 2px;font-size: 14px;}
.binMobileForm .inputWrap { width: 100%; display: inline-block; margin-top: 10px;}
.binMobileForm .inputWrap .input{ width: 200px; float: left; border-right: none;}
.binMobileForm .custom{height: 43px;width: 99px;line-height: 43px;font-size: 14px; background: #0896FF; border:1px solid #0896FF;color: #fff; display: inline-block; float: left; text-align: center;}
.binMobileForm .custom.cur{border: 1px solid #ccc;background-color: #ccc;}
.binMobileBtn{ margin: 40px 0 120px 0; width: 100%; display: inline-block; text-align: center;}
.indexCenterbtnBG{ background: #ccc; border: 1px solid #ccc;}
.input::-webkit-input-placeholder {color: #999; } 
.input:-moz-placeholder {color: #999; } 
.input::-moz-placeholder {color: #999; } 
.input:-ms-input-placeholder {color: #999; } 
.centerAddress{ padding: 20px;}
.CenterTable{border: 1px solid #e8e8e8; text-align: center;color: #333; font-size: 14px;}
.CenterTable th{background: #f5f5f5;color: #999;border-bottom: 1px solid #e8e8e8;font-weight: normal;}
.CenterTable tr:hover{ background: #f5f5f5; }
.default{height: 26px;line-height: 26px;font-size: 13px;text-align: center;color: #0896FF;border: 1px solid #0896FF;background-color: #fff5f5;display: inline-block;border-radius: 2px; padding: 0 20px;}
.default:hover{ background: #fff;}
.orderDefault{ background: #0896FF; color: #fff!important; border: 1px solid #0896FF; height: 22px; line-height: 22px; padding: 0 15px;}
.orderDefault:hover{ background: #4289FF; color: #fff !important;}
.orderTable{ border: 1px solid #e4e4e4; margin: 20px; width: 922px;text-align: center; font-size: 14px; font-weight: 300;}
.orderTable th{font-weight: 400;padding: 18px 20px; font-weight: 300;}
.orderTable td{padding: 0 20px;vertical-align: top; color: #333;}
.orderLine{margin: 0 auto;height: 1px;border-bottom: 1px dashed #e8e8e8;}
.orderList span{color: #999;display: inline-block;width: 74px;zoom: 1;position: relative;line-height: 23px;}
.orderTableShop{ width: 922px; margin: 20px; font-weight: 300;}
.cartList{width: auto;border: 1px solid #e8e8e8; text-align: center; font-weight: 300;}
.cartListPadd td{ padding:20px 0;font-size: 14px;color: #777;}
.cartListPadd td .fw-bold { font-size: 18px; color: #333;margin-bottom: 5px; display: inline-block;}
.cartListPadd td a { color: #333;}
.cartListImg{height:80px;width: 120px; display: inline-block; border: 1px solid #eaeaea; overflow: hidden;}
.cartListImg img{ height: 100%; width: auto;}
.cartList a:hover{ color: #4289FF;}
.cartList a.cur_de:hover{ color: #333;}
.cartBuyPrimary,.cartBuyGhost{width: 130px;height: 40px;line-height: 39px;font-size: 16px;}
.cartBuyList th{ background: #f5f5f5; color: #999; border-bottom: 1px solid #e8e8e8; font-weight: 300;}
.cartBuyList th .del { color: #333; font-size: 14px; margin-right: 20px;}
.cartListPadd td.centerBuyListCon{ padding: 0;}
.cartListPadd td.centerBuyListCon .cartList{ width: 605px; border: none;}
@media (max-width: 1680px) {
html, body { font-size: 15px;}	
.home-shade-container .top { height: 93px;}
.home-shade-container .bottom .tit {font-size: 15px;}
.home-shade-container .bottom {padding-top:20px;height: 320px;}
.home-shade-container .bottom .info {font-size: 13px;}
.home-shade-container .bottom .click {margin: 15px auto 0;}
.detailsRightTitle .zhenxuan {font-size: 14px;}
.storeconcat-title {font-size: 15px;}
.storeconcat-text,.storeconcat-text i {font-size: 14px;}
.storeconcat-text i {margin-right: 6px;}
.storeconcat-text-time {padding-left: 20px;}
.leftInforBdCon .applicontent .firstRow th {font-size: 15px;}
.wap-nav-li { width: 136px; height: 136px;margin:50px 20px 10px 20px;}
.wap-nav-a .center-txt{ font-size: 16px;}
.wap-a-icon{ font-size: 46px!important;}
}
@media (max-width: 1440px) {
html, body{ font-size: 14px;}
/* .indexpart-theme { width: 1000px;} */
.head-btn {width: 70px;}
.head-text { width: 350px;}
.home-shade-container { width: 260px;}
.home-shade-container .top { height: 80px;}
.home-shade-container .face {width: 38px;height: 38px;}
.home-shade-container .bottom .tit {font-size: 15px;}
.home-shade-container .bottom {padding-top:10px;height: 280px;}
.home-shade-container .bottom .info {font-size: 12px;}
.home-shade-container .bottom ul { margin: 10px 0 0 30px;}
.home-shade-container .bottom .click {margin: 7px auto 0;}
.indexpart h2 { padding: 40px 0 20px;}
.inner h3,.productitem.detailitem .producttitle,.tailor-made h3,.advantage-wrap .title,.detailsRightTitle { font-size: 16px;}
.home-shade-container .bottom .click,.inner .parttext,.inner .btndetail,.advantage-wrap .list .item .right-txt .des,.form-container .form-item .aps-input,.wrapper,.customerservice,.detailsRightList,.classifyfilter-link,.form-container .form-item { font-size: 12px;}
.home-shade-container .bottom h2,.cardtitle,.detailsRightList li,.detailsRightLabel { font-size: 13px;}
.inner {padding: 16px;}
.inner .btndetail {height: 26px;line-height: 26px;width: 80px;}
.inner .parttext,.indexcaselist .inner .parttext {height: 60px;}
.wap-nav-li { width: 120px; height: 120px;}
/* .carousel img {height: 160px;} */
.layout { width: 600px;}
.indexpart h2,.titlebig,.moduletitle .gradient { font-size: 28px;}
.frameInput_text {height: 40px; font:12px/50px "";}
.code_img { height: 40px;}
.payTit h1{font-size: 24px;}
.home-shade-container .profile h2,.home-shade-container .bottom .tit,.PayConTopLeft,.PayConTopRight,.crumbs,.storeconcat-title,.moduletitle span,.advantage-wrap .list .item .right-txt .tit {font-size: 14px;}
.payMethodList li { width: 200px; height: 70px;}
.payMethodList li.alipay {background-position: 40px -312px;}
.payMethodList li.wxpay {background-position: 40px -432px;}
.storeconcat-text-time {padding-left: 27px;}
.tailor-made img {height: 50px;}
.form-container .form-item>label { width: 130px;}
.bewrite {line-height: 24px;font-size: 12px;}
}
.mainbody{display: flex;min-height: 100vh;flex-direction: column;}
.maincont {flex:1;}
.maincont .indexpart{display: flex;}