html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-touch-callout:none; -webkit-user-select:auto; position: relative; height: 100%;}
.content {word-wrap:break-word;}
.content ul li{list-style-type:disc;}
.content ol li{list-style-type:decimal;}
.content ul{padding:0 0 0 40px; margin:16px 0;}
.content ol{padding:0 0 0 40px; margin:16px 0;}
.contentPage{font-size: 16px; line-height: 180%; font-family: Roboto-Light;}
.contentPage hr {border: 0;  height: 1px; background-color: #ddd; margin: 20px 0;}
.contentPage img{max-width: 100%;}
.contentPage h1{color: #111;}
.contentPage h2{color: #111;}

.contentGoods{font-size: 16px; line-height: 180%; font-family: Roboto-Light;}
.contentGoods img{max-width: 100%;}
.contentGoods .cLinks{text-decoration: underline; text-underline-offset: 0.2em; text-decoration-color: #47d7ac; text-decoration-thickness: 2px;}
.contentGoods .cLinks:hover{text-decoration-color: #111;}
.contentGoods strong{font-family:Roboto-Bold; font-weight: normal;}
.contentGoods hr {border: 0;  height: 1px; background-color: #ddd; margin: 20px 0;}
.contentGoods h1{color: #111;}
.contentGoods h2{color: #111;}

.contentGeneral{font-size: 16px; line-height: 180%; font-family: Roboto-Light; margin: 0 0 50px 0;}
.contentGeneral img{max-width: 100%;}
.contentGeneral .cLinks{text-decoration: underline; text-underline-offset: 0.2em; text-decoration-color: #47d7ac; text-decoration-thickness: 2px;}
.contentGeneral .cLinks:hover{text-decoration-color: #111;}
.contentGeneral strong{font-family:Roboto-Bold; font-weight: normal;}
.contentGeneral hr {border: 0;  height: 1px; background-color: #ddd; margin: 20px 0;}

table, th, td {border: 1px solid #ddd; border-collapse: collapse;}
td{padding: 5px 5px 5px 5px;}
table tr:first-child{font-family:Roboto-Bold; background-color: #f9f9f9;}
table td:first-child{font-family:Roboto-Bold;}

/*html, body {position:relative; height:100%;}*/
.wrap{width:100%;height:100%; }
.header{height:auto;}
.footer{height:auto;}
.main{width:auto; margin:0 auto;}
/* ---------------------------------------------------
   flex：定义布局为盒模型
   flex-Y：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   --------------------------------------------------- */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-Y{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

body{margin:0px; padding:0px; color:#000; background-color: #FFF; height: 100%; font-family:Roboto-Regular,Microsoft YaHei,"微软雅黑";}
img{border:none;}
li{list-style-type:none;}
ul{padding:0; margin:0;}
ol{padding:0; margin:0;}
p{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal;}
input,textarea,button{outline:none; color:#111; font-family:Roboto-Regular,Microsoft YaHei,"微软雅黑"; border-radius:0; border:0; background-color:transparent;}
button{border:none; cursor:pointer;}
a,button,input,textarea,div,ul,li,p,span,img,h1,h2,h3,h4,h5,h6{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;}

video::-internal-media-controls-download-button {display:none;}

.screenWidth{max-width: 1400px;}

/*::-webkit-scrollbar{display:none;}*/

::-webkit-input-placeholder {/* WebKit browsers */ color: #ddd; opacity: 1;}
input:focus::-webkit-input-placeholder { opacity: 0.5;}

:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #ddd; opacity: 1;}
input:focus:-moz-placeholder {opacity: 0.5;}

::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ddd; opacity: 1;}
input:focus::-moz-placeholder {opacity: 1;}

:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #ddd;  opacity: 1;}
input:focus:-ms-input-placeholder {opacity: 0.5;}

a:link {
  text-decoration: none;
  color: #111;
}
a:visited {
  text-decoration: none;
  color: #111;
}
a:hover {
  text-decoration:underline;
  text-underline-offset: 0.2em;
  color: #111;
}
a.hover {
  text-decoration:underline;
  text-underline-offset: 0.2em;
  color: #111;
}

a.aa:link {
  text-decoration: none;
  color: #aaa;
}
a.aa:visited {
  text-decoration: none;
  color: #aaa;
}
a.aa:hover {
  text-decoration: none;
  color: #333;
}


.blur-7 {
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  -o-filter: blur(8px);
  filter: blur(8px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=false);
}

.cxy {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cx {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cy {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}

.display-block {display: block;}
.display-none {display: none;}

.pageInfo { max-width: 1200px; margin: 0 auto;}
.pageInfo div {padding: 50px 0 0 0;}
.pageInfo h1 {font-size: 16px; font-family: Roboto-Bold; color: #000; text-transform: uppercase;}
.pageInfo ul {margin: 0 0 30px 0;}
.pageInfo ul li {font-size: 12px; color: #666; margin: 10px 0; text-transform: uppercase;}

.m-0-10-0-0{margin: 0 10px 0 0;}
.m-0-20-0-0{margin: 0 20px 0 0;}

.fontcolor-000000{color: #000000;}
.fontcolor-ff0000{color: #ff0000;}

.bgcolor-FFFFFF {background-color: #ffffff;}
.bgcolor-1A1A1A {background-color: #1a1a1a;}
.bgcolor-000000 {background-color: #000000;}
.bgcolor-202020 {background-color: #202020;}
.bgcolor-333333 {background-color: #333333;}
.bgcolor-E6E6E6 {background-color: #e6e6e6;}

.tipstext {color:#ff0000; font-size: 12px; margin: 0 0 0 0;}
.loading{text-align: center;}

.tipsNoneCart{width: auto; min-height: 60%; position: relative;}
.tipsNoneCart div{width: 100%; height: 100%;}
.tipsNoneCart div ul{width: 100%;  height: auto; text-align: center;  top: 50%; left: 0; position: absolute; z-index: 1;}
.tipsNoneCart div ul p{color: #999; margin: 50px 0 10px 0;}
.tipsNoneCart div ul p i{font-size: 36px;}
.tipsNoneCart div ul li{font-size: 16px; color: #999;  padding: 0 30px;  margin: 0 0 2px 0;  font-family: Roboto-Light;}
.tipsNoneCart div ul a{font-size: 14px; color: #111; text-decoration: underline; text-underline-offset: 0.3em; font-family: Roboto-Light;}

.tipsNoneAcct{width: auto; height: auto;}
.tipsNoneAcct div{width:auto; height:auto;}
.tipsNoneAcct div ul{width:auto;  height: auto; text-align: center;}
.tipsNoneAcct div ul p{color: #999; margin: 150px 0 10px 0;}
.tipsNoneAcct div ul p i{font-size: 36px;}
.tipsNoneAcct div ul li{font-size: 16px; color: #999;  padding: 0 30px;  margin: 0 0 2px 0;  font-family: Roboto-Light;}
.tipsNoneAcct div ul a{font-size: 14px; color: #111; text-decoration: underline; text-underline-offset: 0.3em; font-family: Roboto-Light;}

.tips404{width: 300px; height: auto; top: 50%; left: 50%; position: absolute;}
.tips404 div{padding: 30px 30px;}
.tips404 div p{text-align: center;}
.tips404 div p img{max-width: 168px; height: auto;}
.tips404 div ul{margin: 20px 0 0 0; text-align: center;}
.tips404 div ul h1{font-size: 16px; margin: 0 0 10px 0; font-family:Roboto-Bold;}
.tips404 div ul h2{font-size: 12px; line-height: 160%;}

.conDiv{max-width: 1200px; line-height: 160%; font-size:14px; color:#666;}
.conDiv img{max-width: 100%; height: auto;}

.tool{width:auto; height:auto; position:fixed; bottom:50px; right:50px; z-index:2;}
.tool ul{width:40px; height:40px; line-height:40px; border-radius:100%; text-align:center; position:relative;}
.tool ul li{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.tool ul li i{font-size:16px;}
.tool ul p{color:#fc7055; line-height:10px; position:absolute; top:2px; right:-8px; z-index:3;display: none;}
.tool ul p i{font-size:32px;}

.tool .btn ul{background-color:#FFF; color:#CCC; margin:8px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .btn ul:hover{background-color:#FAFAFA; color:#AAA; cursor:pointer;}

.tool .cont ul{background-color:#e50012; color:#FFF; margin:15px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .cont ul:hover{background-color:#e50012; cursor:pointer;}
.tool .cont ul div{width:100%; height:100%; position:absolute; top:-15px; left:-15px; z-index:1;}

.tool .goCont li{position: relative;}
.tool .goCont li img{width: 40%; height: auto; position: absolute; top: 50%; z-index: 1}
.tool .goCont li span{position: absolute; display: block; color: #e50012; z-index: 2; top: -11px; right: -11px;}
.tool .goCont li span i{font-size: 28px;}

.tool .addCont.hover{background-color:#e50012; color:#fff;}

.tabs{height: 20px; margin: 0 auto 30px auto;}
.tabs div{ text-transform:uppercase;}
.tabs div a{width: auto; height: 30px;  font-size: 14px; margin: 0 20px 0 0; display: inline-block; text-decoration:none; color: #999;}
.tabs div a:hover{height: 20px; border-bottom: #111 2px solid; color: #111; padding: 0 0 5px 0;}
.tabs div a.hover{height: 20px; border-bottom: #111 2px solid; color: #111; padding: 0 0 5px 0;}
.tabs .current{height: 20px; border-bottom: #111 2px solid; color: #111; font-family: Roboto-Bold; padding: 0 0 5px 0;}
.tabCont{margin: 0 auto; position: relative; padding: 0 0;}

.tabCont .tabDescription b{font-family: Roboto-Bold;}
.tabCont .tabDescription span{font-size: 13px;}
.tabCont .tabDescription u{text-underline-offset:0.4em; text-decoration-color:#47d7ac; text-decoration-thickness:2px;}

.winbgNone{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(240,240,240,0.7); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:pointer; display:none;}

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(240,240,240,0.7); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:default; display:none;}
.win{margin:0 auto; display:none; position:relative; top:50%; cursor:default; z-index:9999;}
.mainDiv{background-color:#fff; box-shadow:1px 0px 10px rgba(0,0,0,0.1); border-radius:0; margin:20px; text-align:left; border-radius: 10px;}
.mainDiv .title{width:auto; height:40px;}
.mainDiv .title ul{width:auto; height:50px; line-height:50px; padding:0 0 0 30px;}
.mainDiv .title ul b{font-weight:normal; margin:0 15px 0 0; color:#4888F2; cursor:pointer;}
.mainDiv .title ul span{margin:0 5px 0 0; color:#999; font-size:14px;}
.mainDiv .title ul p{width:50px; height:50px; line-height:50px; text-align:center; color:#CCC; float:right; cursor:pointer;}
.mainDiv .title ul p:hover{color:#333;}
.mainDiv .title ul p i{font-size:14px;}
.mainDiv .data{padding:0 25px 25px 25px;}
.mainDiv .SPEC{padding:0 25px 25px 25px;}

.wechatWin{max-width:320px;}
.paymentWin{max-width:320px;}
.serviceWin{max-width:320px;}
.pageQr{width:auto; height:auto; padding:0 0 0 0;}
.pageQr div{text-align:center;}
.pageQr div p{font-size: 0;}
.pageQr div p img{width:100%; height:auto; margin: -15px 0 0 0;}
.pageQr div ul{font-size:12px; margin:10px 0 5px 0;}
.pageQr div li{font-size:14px; color:#CCC;}

.dtlcodeWin{max-width:320px;}
.dtlCode{width:auto; height:auto; padding:0 0 10px 0;}
.dtlCode div{text-align:center;}
.dtlCode div p{font-size: 0;}
.dtlCode div p img{width:100%; height:auto; margin: -15px 0 0 0;}
.dtlCode div ul{font-size:14px; margin:10px 0 5px 0;}
.dtlCode div ul i{font-size: 14px; color: #51aa38;}
.dtlCode div li{font-size:12px; color:#999; line-height: 160%;}

.langWin{max-width:420px;}
.lang{width:auto; height:auto; padding:0 0 0 0;}
.lang h1{font-size: 16px; margin: 0 0 30px 0; font-family: Roboto-Bold;}
.lang div ul{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; font-size: 14px; color: #999;}
.lang div ul:hover{color: #000; border-bottom: 1px solid #111; cursor: pointer;}
.lang div ul:hover p{color: #111;}
.lang div ul.hover{color: #000; border-bottom: 1px solid #eee;  cursor: default;}
.lang div ul.hover p{color: #111;}

.goodsWin{max-width:500px;}

.addAddWin{max-width:600px;}
.editAddWin{max-width:600px;}
.selectAddWin{max-width:600px;}

.userInfoWin{max-width:600px;}
.userPassWin{max-width:600px;}
.userMobileWin{max-width:600px;}
.userMailWin{max-width:600px;}
.userBindWin{max-width:600px;}

.alertWin{max-width:400px;}
.alertTips{width:auto; height:auto; padding:0 0 10px 0;}
.alertTips div h1{font-size: 18px; text-align: center; margin: 10px 0 0 0;}
.alertTips div h2{font-size: 14px; text-align: center; margin: 10px 0 0 0;}
.alertTips div ul{margin: 30px 0 0 0;}
.alertTips div ul button{width: auto; height: 40px; margin: 0 5px; font-size: 16px;}
.alertTips .btnA{background-color: #111; color: #fff; font-family: Roboto-Light;}
.alertTips .btnA:hover{background-color: #222;}
.alertTips .btnB{background-color: #eee; color: #111; font-family: Roboto-Light;}
.alertTips .btnB:hover{background-color: #ddd;}

.videoWin{max-width:900px;}
.videoDiv{width:auto; height:auto;}
.videoDiv .videoPlayer{margin:0 0 0 0;}
.videoDiv .videoPlayer .videoBtn{background:rgba(0,0,0,.0);}
.videoDiv ul{padding: 20px 0 0 0;}
.videoDiv ul h1{font-size: 16px; font-family: Roboto-Bold;}
.videoDiv ul h2{font-size: 14px; margin: 5px 0 0 0; color: #999;}

.payWin{max-width:460px;}
.payType{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.payType h1{font-size: 14px; margin: 0 0 10px 0; color: #999;}
.payType ul{border-bottom: solid 1px #eee; padding: 10px 0; line-height: 24px; cursor: pointer;}
.payType ul li{width: auto; height: 24px; font-size: 0; margin: 0 10px 0 0;}
.payType ul li img{width: auto; height: 100%;}
.payType ul h2{font-size: 16px;}
.payType ul p{color: #999;}
.payType ul p i{font-size: 18px;}
.payType ul:hover p{color: #111;}
.payType ul.hover p{color: #111;}
.payType .total{font-size: 36px; text-align: center; margin: 0 0 40px 0; color: #111;}
.payType .ordernumber{font-size: 14px; border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.payType button{width: auto; height: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#111; text-align: center; color: #fff; font-size: 16px; font-family: Roboto-Light;}
.payType button:hover{background-color: #222; cursor: pointer; text-decoration: none;}
.payType button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.salesWin{max-width:460px;}
.salesDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.salesDiv h1{font-size: 24px; margin: 0 0 20px 0;  color: #111; font-family: Roboto-Bold;}
.salesDiv h3{font-size: 16px; margin: 15px 0 10px 0;  color: #111; font-family: Roboto-Bold;}
.salesDiv ul li{border-bottom: solid 1px #eee; padding: 8px 0; line-height: 24px; cursor: pointer;}
.salesDiv ul li h2{font-size: 14px;}
.salesDiv ul li p{color: #999;}
.salesDiv ul li p i{font-size: 16px;}
.salesDiv ul li:hover p{color: #333;}
.salesDiv ul li.hover p{color: #333;}
.salesDiv button{width: auto; height: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#111; text-align: center; color: #fff; font-size: 16px; font-family: Roboto-Light;}
.salesDiv button:hover{background-color: #222; cursor: pointer; text-decoration: none;}
.salesDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.nextWin{max-width:460px;}
.nextDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.nextDiv h1{font-size: 24px; margin: 0 0 20px 0;  color: #111; font-family: Roboto-Bold;}
.nextDiv h3{font-size: 16px; margin: 15px 0 10px 0;  color: #111; font-family: Roboto-Bold;}
.nextDiv button{width: auto; height: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#111; text-align: center; color: #fff; font-size: 16px;font-family: Roboto-Light;}
.nextDiv button:hover{background-color: #222; cursor: pointer; text-decoration: none;}
.nextDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.totalList{width: auto; height: auto; margin: 15px 0 10px 0;}
.totalList div{font-size: 16px; margin: 0 0 5px 0; color: #111;}
.totalList div b{font-family: Roboto-Bold;}

.fillWin{max-width:460px;}
.fillDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.fillDiv h1{font-size: 24px; margin: 0 0 15px 0;  border-bottom: 1px solid #ddd; padding: 0 0 15px 0;  color: #111; font-family: Roboto-Bold;}
.fillDiv ul h2{font-size: 14px; margin: 0 0 10px 0;  color: #999; font-family: Roboto-Light;}
.fillDiv ul h3{font-size: 14px; margin: 0 0 5px 0; color: #999;}
.fillDiv ul h3 span{color: #111;}
.fillDiv li{border: 1px solid #eee; padding: 10px 15px; margin: 0 0 10px 0;}
.fillDiv li h6{font-size: 16px;}
.fillDiv li:hover{cursor: pointer; border: 1px  solid #111;}
.fillDiv input{height:20px; font-size:16px; color: #111; padding:0; border:0;}
.fillDiv button{width: auto; height: 40px; line-height: 40px; margin: 10px 0 0 0; background-color:#111; text-align: center; color: #fff; font-size: 16px; font-family: Roboto-Light;}
.fillDiv button:hover{background-color: #222; cursor: pointer; text-decoration: none;}
.fillDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.fillDiv ::-webkit-input-placeholder {/* WebKit browsers */ color: #ccc; font-size: 16px; opacity: 1;}
.fillDiv input:focus::-webkit-input-placeholder { opacity: 0.5;}

.fillDiv :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 16px; opacity: 1;}
.fillDiv input:focus:-moz-placeholder {opacity: 0.5;}

.fillDiv ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; font-size: 16px; opacity: 1;}
.fillDiv input:focus::-moz-placeholder {opacity: 1;}

.fillDiv :-ms-input-placeholder {/* Internet Explorer 10+ */ color: #ccc; font-size: 16px; opacity: 1;}
.fillDiv input:focus:-ms-input-placeholder {opacity: 0.5;}

.logWin{max-width:420px;}
.logDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.logDiv h1{font-size: 24px; margin: 0 0 10px 0;  border-bottom: 1px solid #eee; padding: 0 0 15px 0;  color: #111; font-family: Roboto-Bold;}
.logDiv ul{height: 205px; overflow: auto; -webkit-overflow-scrolling:touch; margin: 0 0 20px 0;}
.logDiv ul li{border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin: 0 0 10px 0; cursor: pointer;}
.logDiv ul li h2{font-size: 14px;}
.logDiv ul li p{color: #999;}
.logDiv ul li p i{font-size: 16px;}
.logDiv ul li:hover p{color: #111;}
.logDiv ul li.hover p{color: #111;}
.logDiv button{width: auto; height: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#111; text-align: center; color: #fff; font-size: 16px; font-family: Roboto-Light;}
.logDiv button:hover{background-color: #222; cursor: pointer; text-decoration: none;}
.logDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.shipWin{max-width:700px;}
.shipList{width:auto; height:auto; padding:0 0 0 0;}
.shipList h1{font-size: 24px; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; font-family: Roboto-Bold;}
.shipList li{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
.shipList li h2{font-size: 14px; }
.shipList li h2 span{font-family: Roboto-Bold;}
.shipList li p{color: #111; cursor: pointer; padding: 0 0 0 10px; font-size: 14px;}
.shipList .shipTips{margin: 0 10px 0 0;  color: #999; display: none;}
.shipList .itemList{width: auto; height: auto; font-size: 13px; line-height: 180%; margin: 0 0 35px 0; color: #333; font-family: Roboto-Light;}
.shipList button{width: 100%; height: 40px; margin: 0 10px 0 0; background-color: #111; color: #fff; font-size: 16px; font-family: Roboto-Light;}
.shipList button:hover{background-color: #222;}

.usericonWin{max-width:320px;}
.userImg{width:auto; height:auto; padding:0 0 0 0;}
.userImg div{text-align:center;}
.userImg div p img{width:100%; height:auto;}
.userImg div ul{width:100%; height: 40px; line-height:40px; position:relative; z-index:1; border:1px dashed #cbcbcb; margin:10px 0; text-align:center;}
.userImg div ul input{width:100%; height:40px; padding:0; position:absolute; z-index:2; opacity:0; top:0; left:0; cursor:pointer;}
.userImg div ul i{font-size:24px;}
.userImg div ul:hover{border:1px solid #eee; background-color: #eee; cursor:pointer;}
.userImg div li button{width: 100%; height: 42px; line-height: 42px; background-color:#000; text-align: center; color: #fff; font-size: 16px;}
.userImg div li button:hover{background-color: #333; cursor: pointer;}
.userImg div li button.hover{background-color: #eee; color: #999; cursor:default;}

.withdrawWin{max-width:500px;}
.withdraw{width:auto; height:auto; padding:0 0 0 0;}
.withdraw h1{font-size: 16px; margin: 0 0 30px 0; font-family: Roboto-Bold;}
.withdraw h6{font-size: 16px; margin: 0 0 15px 0;}
.withdraw .withdrawAmount{margin: 0 0 30px 0;}
.withdraw .withdrawAmount ul{font-size: 32px; margin: 0 0 5px 0; font-family: Roboto-Bold;}
.withdraw .withdrawAmount li{font-size: 16px; color: #999; font-family: Roboto-Light;}
.withdraw .withdrawInput{margin: 0 0 15px 0;}
.withdraw .withdrawInput li{padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
.withdraw .withdrawInput li input{font-size: 18px; font-family: Roboto-Bold;}
.withdraw .withdrawInput p{cursor: pointer;}
.withdraw .withdrawType{margin: 0 0 30px 0;}
.withdraw .withdrawType h3{font-size: 16px; margin: 0 0 15px 0; color: #999;}
.withdraw .withdrawType h5{height: 24px; font-size: 0; margin: 0 10px 0 0;}
.withdraw .withdrawType h5 img{height: 100%; width: auto;}
.withdraw .withdrawType div{margin: 0 0 10px 0;}
.withdraw .withdrawType div h2{font-size: 16px;}
.withdraw .withdrawType div h2 span{color: red; font-size: 12px; margin: 0 0 0 10px; font-family: Roboto-Light;}
.withdraw .withdrawType div p{cursor: pointer; color: #999;}
.withdraw .withdrawType div p:hover{color: #111;}
.withdraw .withdrawType div p.hover{color: #111;}
.withdraw .withdrawType div p i{font-size: 18px;}
.withdraw .withdrawType div li{color: #333; font-size: 12px; margin: 10px 0 10px 0; font-family: Roboto-Light;}
.withdraw .withdrawType div li span{display: block; margin: 0 0 2px 0;}
.withdraw .withdrawType div li h6{color: #999; font-size: 12px; margin: 10px 0 0 0; }
.withdraw .withdrawCtrl button{width: 100%; height: 40px; margin: 0 0 10px 0; font-size: 16px; font-family: Roboto-Light;}
.withdraw .withdrawCtrl .btnA{background-color: #111; color: #fff; }
.withdraw .withdrawCtrl .btnA:hover{background-color: #222;}
.withdraw .withdrawCtrl .btnA.hover{background-color: #eee; color: #999; cursor: default;}
.withdraw .withdrawCtrl .btnB{background-color: #eee; color: #111; }
.withdraw .withdrawCtrl .btnB:hover{background-color: #ddd;}


.msgWin{max-width:460px;}
.pageMessage{width:auto; height:auto; padding:0 0 0 0;}
.pageMessage h1{font-size: 24px; color: #111; font-family: Roboto-Bold;}
.pageMessage h2{font-size: 12px; margin: 10px 0 0 0; font-family: Roboto-Light;}
.pageMessage h3{font-size: 12px; margin: -20px 0 20px 0; color: #999; font-family: Roboto-Light;}
.pageMessage h4{font-size: 12px; margin: -10px 0 0 0; color: #111;}
.pageMessage h4 a{color: #111; font-family: Roboto-Bold;}
.pageMessage h4 input{width: 12px; height: 12px; border: 1px solid #eee; position: relative; margin: 0 5px -2px 0;}
.pageMessage div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

.pageMessage div ul p{cursor: pointer; padding: 0 0 0 15px; font-size: 16px; color: #111;}
.pageMessage div ul p b{font-weight: normal; color: #999; margin: 0 10px 0 0;}
.pageMessage div ul{width: auto; font-size: 16px;}
.pageMessage div ul p:hover{color: #603813}
.pageMessage div ul p.hover{color: #aaa}

.pageMessage div ul li{background-color: #fff; border-bottom:solid 1px #ddd; /*border-radius: 10px;*/ -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.pageMessage div ul li input{padding: 0 0; font-size: 16px;}
.pageMessage div ul li textarea{height: 80px; padding: 0 0; resize:none;}
.pageMessage button{width: 100%; height: 40px; margin: 0 0 10px 0; font-size: 16px; font-family: Roboto-Light;}
.pageMessage .btnA{background-color: #111; color: #fff; }
.pageMessage .btnA:hover{background-color: #222;}
.pageMessage .btnB{background-color: #eee; color: #111; }
.pageMessage .btnB:hover{background-color: #ddd;}
.pageMessage .uploadMsg{padding: 10px 0 20px 0; font-size: 12px;}
.pageMessage .uploadMsg input{position: absolute; font-size: 100px; right: 0;  top: 0;  opacity: 0;  filter: alpha(opacity=0); cursor: pointer }
.pageMessage .uploadMsg p span{border-radius: 5px; display: block; float: left; background-color: #808080; color: #fff; margin: 0 10px 0 0; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.pageMessage .uploadMsg p{line-height: 30px; color: #b3b3b3; position: relative;}
.pageMessage .uploadMsg p:hover span{background-color: #e50012;}
.pageMessage .uploadMsg p input{position: absolute; width: 100%; height: 100%;}
.pageMessage .formDiv{padding: 20px 0 30px 0;}

.pageMessage ::-webkit-input-placeholder {/* WebKit browsers */ color: #ccc; font-size: 16px; opacity: 1;}
.pageMessage input:focus::-webkit-input-placeholder { opacity: 0.5;}

.pageMessage :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 16px; opacity: 1;}
.pageMessage input:focus:-moz-placeholder {opacity: 0.5;}

.pageMessage ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; font-size: 16px; opacity: 1;}
.pageMessage input:focus::-moz-placeholder {opacity: 1;}

.pageMessage :-ms-input-placeholder {/* Internet Explorer 10+ */ color: #ccc; font-size: 16px; opacity: 1;}
.pageMessage input:focus:-ms-input-placeholder {opacity: 0.5;}

.pageMessage .bindDiv{padding: 30px 0 0 0;}
.pageMessage .bindDiv div{border-bottom: 1px solid #eee; margin: 0 0 15px 0; position: relative;}
.pageMessage .bindDiv div:hover{border-bottom: 1px solid #111;}
.pageMessage .bindDiv div p{margin: 0 15px 0 0;}
.pageMessage .bindDiv div p img{width: 30px; height: auto;}
.pageMessage .bindDiv div li{font-size: 16px; line-height: 30px;}
.pageMessage .bindDiv div ul{font-size: 16px; line-height: 30px; color: #999; cursor: pointer;}
.pageMessage .bindDiv div ul:hover{color: #111;}
.pageMessage .bindDiv div ul.hover{color: #111;}

/* message box style*/

.e-msg-bar {background-color: #12c994; position: fixed; z-index: 9999; top: 0; width: 100%; height: auto; line-height: 1.8; padding: 13px 0px; color: #fff; font-size: 15px; text-align: center; transition: all ease-in-out 2s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.alert-error {background-color: #f06962 !important;}
.alert-info {background-color: #00c0ef !important;}
.alert-warning {background-color: #f39c12 !important;}
.alert-success {background-color: #12c994 !important;}

@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*message box style end*/

#topShow {width: 100%; height:100%; position: relative; z-index: 1; padding: 0 0 0 0; margin: 56px 0 50px 0;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: height;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: height;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease;
}
#TSD {width: 100%; height: 100%; overflow:hidden;}
#TSD .swiper-slide {position: relative; overflow: hidden; width: 100%; height: 100%;}
#TSD video {position:absolute; top:50%; left: 50%; z-index: 1;}
#TSD .imgBg {position: relative; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: 1;}
#TSD .swText{width: 100%; position: absolute; bottom: 30px;  z-index: 2; color: #FFF;}
#TSD .swText .text{font-size: 24px; line-height: 160%; margin: 0 0 20px 0; padding: 0 50px; font-family: Roboto-Bold;}
#TSD .swText .btn{font-size: 14px; width: 140px; height: 40px; line-height: 40px; display: block; background-color: #fff; color: #111; font-family: Roboto-Light; text-align: center; margin: 0 0 20px 50px; /* box-shadow:1px 1px 0px rgba(0,0,0,0.1);*/}
#TSD .swText .btn:hover{cursor: pointer; background-color: #fafafa; text-decoration: none;}
.DShow{display: block;}
.MShow{display: none;}
/*#TSD .swiper-button-prev{left: 0; color:#fff; padding: 10px 10px;}
#TSD .swiper-button-prev:hover{background-color: #c59b6d;}
#TSD .swiper-button-next{right: 0; color:#fff; padding: 10px 10px;}
#TSD .swiper-button-next:hover{background-color: #c59b6d;}*/

.topDiv{width: 100%; height: auto; top: 0; left: 0; position: fixed; z-index: 11;}
.topDiv .menuDiv{width: auto; height: auto; height: 56px; background-color: #fff; padding:0 50px;  font-size: 14px; text-transform:uppercase; font-family: Roboto-Light;}
.topDiv .menuDiv .menuCenter{text-align: center;}
.topDiv .menuDiv .menuCenter img{width: auto; height: 18px; margin: 19px 0 0 0;}
.topDiv .menuDiv .menuLeft .menuPc li{line-height: 56px; margin: 0 20px 0 0;}
.topDiv .menuDiv .menuLeft .menuPc li i{font-size: 14px; margin: 0 0 0 3px;}
.topDiv .menuDiv .menuRight .menuPc li{line-height: 56px; margin: 0 0 0 20px; cursor: pointer; position: relative; z-index: 2;}
.topDiv .menuDiv .menuRight .menuPc li i{font-size: 18px; position: relative; z-index: 1;}
.topDiv .menuDiv .menuRight .menuPc li b{display: block; width: 6px; height: 6px; border-radius: 100%; background-color: red; position: absolute; top: 19px; right: -3px; z-index: 2;}
.topDiv .menuDiv .menuRight .menuPc li a b{display: block; width: 6px; height: 6px; border-radius: 100%; background-color: red; position: absolute; top: 19px; right: -8px; z-index: 2;}

.topDiv .menuDiv .menuLeft .menuMobile li{line-height: 50px; margin: 0 8px 0 0; position: relative;}
.topDiv .menuDiv .menuLeft .menuMobile li i{font-size: 18px; margin: 0 0 0 1px;}
.topDiv .menuDiv .menuLeft .menuMobile li .icon-sort-down-light{font-size: 14px;}
.topDiv .menuDiv .menuLeft .menuMobile li .icon-sort-up-light{font-size: 14px;}
.topDiv .menuDiv .menuRight .menuMobile li{line-height: 50px; margin: 0 0 0 13px; cursor: pointer; position: relative; z-index: 2;}
.topDiv .menuDiv .menuRight .menuMobile li i{font-size: 18px; position: relative; z-index: 1;}
.topDiv .menuDiv .menuRight .menuMobile li b{display: block; width: 6px; height: 6px; border-radius: 100%; background-color: red; position: absolute; top: 19px; right: -3px; z-index: 2;}

.topDiv .menuDiv .LinksIcon:hover{text-decoration: none;}
.GBOLOGO{cursor: pointer;}
.menuOpen{cursor: pointer;}

.menuList{width:100%; height:100%; overflow: auto; -webkit-overflow-scrolling:touch;  position:fixed; top:0; text-align: right;  color: #111; z-index:10;}
.menuList .menuDiv{width: auto; height: auto;  text-align:left; text-transform:uppercase; background-color: #fff; padding: 65px 0 15px 0; box-shadow:1px 0px 10px rgba(0,0,0,0.05);}
.menuList .menuDiv .menuA{padding: 0 20px;}
.menuList .menuDiv .menuA li{padding: 8px 0;  font-size: 14px;}
.menuList .menuDiv .menuA li a{position: relative;}
.menuList .menuDiv .menuA li a.hover{text-decoration: underline; text-underline-offset: 0.2em;}
.menuList .menuDiv .menuA li i{font-size: 14px; margin: 0 0 0 3px;}
.menuList .menuDiv .menuA b{display: block; width: 6px; height: 6px; border-radius: 100%; background-color: red; position: absolute; top: 0; right: -8px; z-index: 2;}
.menuList .menuDiv .menuB{padding: 0 20px;}
.menuList .menuDiv .menuB div li{padding: 8px 0;  font-size: 14px;}
.menuList .menuDiv .menuB div li span:hover{text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer;}
.menuList .menuDiv .menuB div li span.hover{text-decoration: underline; text-underline-offset: 0.2em;}
.menuList .menuDiv .menuB div p{padding: 8px 0; color: #999;}
.menuList .menuDiv .menuB div p i{font-size: 14px;}
.menuList .menuDiv .menuB ul li{padding: 8px 0 5px 15px; font-size: 12px; font-family: Roboto-Light;}
.menuList .menuDiv .menuB ul li a.hover{text-decoration: underline; text-underline-offset: 0.2em;}
.menuBg{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9; background:rgba(240,240,240,0.7);}

.bottomDiv{width: auto; height: auto; margin: 100px 0 0 0; padding: 50px 50px 30px 50px; background-color: #111; color: #fff; text-transform:uppercase;}
.bottomDiv .bottomInfo{margin: 0 0 30px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.bottomDiv .bottomInfo .bottomLinks{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.bottomDiv .bottomInfo .bottomLinks div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.bottomDiv .bottomInfo .bottomLinks div h1{font-size: 14px; margin: 0 0 30px 0;}
.bottomDiv .bottomInfo .bottomLinks ul li{font-size: 12px; font-family: Roboto-Light; margin: 10px 0 0 0;}
.bottomDiv .bottomInfo .bottomLinks ul li a{color: #fff;}
.bottomDiv .copyRight{font-size: 12px; font-family: Roboto-Light; color: #999;}
.bottomDiv .copyRight a{color: #999;}
.bottomDiv .bottomIcon{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.bottomDiv .bottomIcon div h1{font-size: 14px; margin: 0 0 30px 0;}
.bottomDiv .bottomIcon div li{width: 100%; display: inline-block;}
.bottomDiv .bottomIcon div li p{float: left; margin: 0 15px 0 0; cursor: pointer;}
.bottomDiv .bottomIcon div li p img{height: 16px; width: auto;}

.filtersList{width:24%; height:100%; background-color:#fff; position:fixed; top:0; left:-24%; z-index:22; box-shadow:0px 1px 10px rgba(0,0,0,0.05);}
.filtersList .filtersTitle{width: auto; height: auto; padding: 35px 30px 35px 30px;}
.filtersList .filtersTitle div ul{font-size: 20px; line-height: 20px; text-transform:uppercase; font-family: Roboto-Light;}
.filtersList .filtersTitle div li{width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; color: #999;}
.filtersList .filtersOptions{padding: 0 30px 30px 30px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch;}
.filtersList .filtersOptions div{border-top: 1px solid #eee;}
.filtersList .filtersOptions div ul{padding: 15px 0; cursor: pointer;}
.filtersList .filtersOptions div ul h1{font-size: 14px; text-transform:uppercase;}
.filtersList .filtersOptions div ul p i{font-size: 14px; color: #999;}
.filtersList .filtersOptions div ul:hover i{color: #111;}
.filtersList .filtersOptions div ul.hover i{color: #111;}
.filtersList .filtersOptions div li{padding: 0 0 20px 0;}
.filtersList .filtersOptions div li p{padding:3px 0 5px 0; color: #999;}
.filtersList .filtersOptions div li span{font-size: 12px; font-family: Roboto-Light;}
.filtersList .filtersOptions div li i{font-size: 12px; margin: 0 5px 0 0;}
.filtersList .filtersOptions div li p:hover{color: #111; cursor: pointer;}
.filtersList .filtersOptions div li p.hover{color: #111;}
.filtersList .filtersCtrl div{padding: 30px 30px;}
.filtersList .filtersCtrl div p{text-align: center; height: 40px; line-height: 40px; width: auto; text-transform:uppercase; font-size: 14px;}
.filtersList .filtersCtrl .clearAllBtn{background-color: #eee; height: 40px; line-height: 40px; /*border-radius: 40px;*/ cursor: pointer;}
.filtersList .filtersCtrl .clearAllBtn.hover{color: #ccc; cursor: default;}
.filtersList .filtersCtrl .resultBtn{background-color: #111; color: #fff; height: 40px; line-height: 40px; /*border-radius: 40px;*/ cursor: pointer; margin: 0 0 10px 0;}
.filtersList .filtersCtrl .resultBtn:hover{background-color: #222;}
.filtersBg{width:100%; height:100%; position:fixed; top:0; left:0; z-index:21; background:rgba(240,240,240,0.7);}

.goodsMain{width: auto; height: auto; padding: 0 50px; margin: 130px 0 0 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

.goodsFilter{width: 100%; height: auto; position: fixed; top: 56px; left: 0; border-top: 1px solid #eee; border-bottom: 1px solid #e8e8e8; background-color: #fff; z-index:5;}
.goodsFilter .goodsFilterDiv{width: auto; padding: 0 50px; font-size: 12px; height: 35px;  line-height: 35px; color: #999;}
.goodsFilter .goodsFilterDiv .typeBtn{padding: 0 10px 0 0; cursor: pointer;}
.goodsFilter .goodsFilterDiv .typeBtn i{font-size: 12px; margin: 0 0 0 2px;}
.goodsFilter .goodsFilterDiv .sortBtn{padding: 0 0 0 10px; cursor: pointer;}
.goodsFilter .goodsFilterDiv .sortBtn i{font-size: 12px; margin: 0 2px 0 0;}

.goodsType{width: 20%; margin: 0 5% 0 0; background:rgba(240,240,240,0.7);}
.goodsType .goodsTypeDiv{background-color: #fff; height: 100%;}
.goodsType .goodsTypeDiv .goodsTypeList{width: auto; height: auto;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass h1{font-size: 16px; margin: 0 0 10px 0; text-transform:uppercase; font-family: Roboto-Bold;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuA li{padding: 5px 0;  font-size: 14px;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuA li a.hover{text-decoration: underline; text-underline-offset: 0.2em;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuA li i{font-size: 14px; margin: 0 0 0 3px;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB div li{padding: 3px 0;  font-size: 14px;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB div li span:hover{text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB div li span.hover{text-decoration: underline; text-underline-offset: 0.2em;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB div p{padding: 3px 0; color: #999;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB div p i{font-size: 14px;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB ul{padding: 5px 0 10px 0;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB ul li{padding: 4px 0 5px 15px; font-size: 12px; font-family: Roboto-Light;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass .menuB ul li a.hover{text-decoration: underline; text-underline-offset: 0.2em;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeRecommend{margin: 25px 0 0 0;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeRecommend h1{font-size: 16px; margin: 0 0 10px 0; text-transform:uppercase;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeRecommend ul li{padding: 5px 0 5px 0; font-size: 12px; font-family: Roboto-Light;}

.goodsList{width: auto; height: auto; padding: 0 50px; font-family: Roboto-Light; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.goodsList .goosTopic{width: auto; height: auto; margin: 0 0 50px 0;}
.goodsList .goosTopic a{display: block; position: relative;}
.goodsList .goosTopic a div{width: 100%; height: 480px; position: relative; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.goodsList .goosTopic a div ul{position: absolute; z-index: 2; background:rgba(0,0,0,0); width: 100%; height: 100%;
  transition-property: background;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: background;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: background;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
.goodsList .goosTopic a div ul:hover{background:rgba(0,0,0,0.1);}
.goodsList .goosTopic a div ul li{position: absolute; z-index: 3; color: #fff; font-family: Roboto-Bold; font-size: 24px; padding: 40px 50px;}
.goodsList .goodsTypeTitle{margin: 0 0 25px 0;}
.goodsList .goodsTypeTitle .gTitle{font-size: 24px;}
.goodsList .goodsTypeTitle .hTitle{font-size: 26px; font-family: Roboto-Bold;}
.goodsList .goodsTypeTitle .hLinks{font-size: 14px; padding: 10px 0 0 0;}
.goodsList .goodsTypeTitle .sTitle{font-size: 16px; font-family: Roboto-Bold; padding: 0 0 10px 0;}
.goodsList .goodsTypeTitle .sLinks{font-size: 14px; color: #999; cursor: pointer;}
.goodsList .goodsTypeTitle .sLinks i{font-size: 14px; margin: 0 0 0 5px;}
.goodsList .goodsTypeBrand{margin: 0 0 25px 0;}
.goodsList .goodsTypeBrand .brandImg{margin: 0 0 30px 0;}
.goodsList .goodsTypeBrand .brandImg img{max-width: 100%; height: auto;}
.goodsList .goodsTypeBrand .brandCont{font-size: 14px; line-height: 180%;}
.goodsList .goodsData{width: 100%; height: auto; overflow: hidden;}
.goodsList .goodsData .goodsDiv{height: auto; position: relative; display: inline-block; display: flex; flex-wrap:wrap;}
.goodsList .goodsData .goodsDiv .goods{float: left; position: relative;}
.goodsList .goodsData .goodsDiv .goods:hover{text-decoration: none;}

.removeFavorite{width:100%; height: auto; font-size: 14px; padding:10px 0; position:absolute; bottom: 0; left: 0; background-color: #111; color: #fff; text-align: center; z-index: 4;}
.removeFavorite:hover{background-color: red; cursor: pointer;}

.goodsList .goodsData .goodsDiv .goods .goodsImg{width: auto; height: auto; position: relative; font-size: 0; z-index: 1;}
.goodsList .goodsData .goodsDiv .goods .goodsImg img{width: 100%; height: auto; position: relative; z-index: 1;}
.goodsList .goodsData .goodsDiv .goods .goodsImg div{width: auto; height: auto; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0;}
.goodsList .goodsData .goodsDiv .goods .goodsImg p{width: auto; height: auto; position: absolute; top: 0; left: 0; z-index: 3; font-size: 12px; padding: 1px 4px;}
.goodsList .goodsData .goodsDiv .goods .goodsImg .gSale{background-color: #111; color: #fff; }
.goodsList .goodsData .goodsDiv .goods .goodsImg .gSoldout{background-color: #aaa; color: #fff; }
.goodsList .goodsData .goodsDiv .goods .goodsImg .gPresale{background-color: #47d7ac; color: #fff; }
.goodsList .goodsData .goodsDiv .goods .goodsImg:hover div{opacity: 1;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gSeries{font-size: 14px; margin: 15px 0 0 0;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gName{font-size: 16px; margin: 4px 0 0 0; font-family: Roboto-Regular; line-height: 160%;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gPrice{font-size: 14px; margin: 5px 0 0 0;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gPrice span{margin: 0 8px 0 0;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gPrice span.hover{color: #aaa; text-decoration: line-through; text-decoration-color: red;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gPrice b{font-family: Roboto-Regular; color: red; margin: 0 0 0 8px;}
.goodsList .goodsData .goodsDiv .goods:hover .gName{text-decoration:underline; text-underline-offset: 0.2em; text-decoration-color: #47d7ac; text-decoration-thickness: 2px;}

.goodsList .goodsData  .hDiv{width: 102%;}
.goodsList .goodsData .goodsDiv .hItem{width: 23%; margin: 0 2% 50px 0;}

.goodsList .goodsData  .sDiv{width: 102%;}
.goodsList .goodsData .goodsDiv .sItem{width: 31.3333333%; margin: 0 2% 50px 0;}

.goodsDtl{max-width: 1100px; height: auto; margin: 100px auto 0 auto; padding: 0 50px;}
.goodsDtl .goodsCont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; margin: 0 0 50px 0;}
.goodsDtl .goodsCont .goodsAlbum{width: 60%; margin: 0 5% 0 0; height: auto; text-align: center; /*background-color: #f9f9f9;*/ font-size: 0; position: relative;}
.goodsDtl .goodsCont .goodsAlbum img{max-width: 100%;}
.goodsDtl .goodsCont .goodsAlbum .prodImgSwiper{padding: 0 0 40px 0;}
.goodsDtl .goodsCont .goodsInfo{width: 35%; height: auto;}

.goodsBase{width: auto; height: auto; padding: 0 0 0 0;}
.goodsBase h1{font-size: 26px; margin: 15px 0 10px 0; font-family: Roboto-Bold;}
.goodsBase h2{font-size: 18px;}
.goodsBase h2 span{padding: 5px 0 0 0; margin: 0 10px 0 0; display: inline-block; font-family: Roboto-Light;}
.goodsBase h2 span.hover{color: #aaa; text-decoration: line-through; text-decoration-color: red;}
.goodsBase h2 b{font-family: Roboto-Regular; color: red; margin: 0 0 0 10px;}
.goodsBase h3{font-size: 16px; font-family: Roboto-Light;}
.goodsBase h3 a{color: #999;}
.goodsBase h4{font-size: 12px; font-family: Roboto-Light; margin: 5px 0 0 0;}
.goodsBase h4 a{color: #999;}
.goodsBase h5{font-size: 14px; margin: 10px 0 10px 0; line-height: 160%; font-family: Roboto-Light;}
.goodsBase h6{font-size: 14px; margin: 10px 0 10px 0; line-height: 160%;}
.goodsBase h6 span{background-color: #47d7ac; padding: 5px 10px;}
.goodsBase h6 strong{background-color: #eee; padding: 5px 10px; font-weight: normal;}
.goodsBase h6 strong b{font-weight: normal; }
.goodsBase li{cursor: pointer; color: #999; margin: 0 0 0 15px;}
.goodsBase li p i{font-size: 18px;}
.goodsBase li.hover{color: #47d7ac;}
.goodsSpec{width: auto; height: auto; padding: 30px 0 0 0;}
.goodsSpec .goodsSS{border-bottom: 1px solid #ddd; padding: 0 0 15px 0; margin: 0 0 10px 0;}
.goodsSpec .goodsSS div{width: auto; height: auto; position: relative;}
.goodsSpec .goodsSS div li{padding: 1px; margin: 0 5px 5px 0; width: 40px; height: 49px; display: inline-block; font-size: 0; position: relative; opacity: 0.6;}
.goodsSpec .goodsSS div li img{width: 100%; height: auto;}
.sGoods{width: 40px; height: 49px; display: block; position: absolute; top: 50%; left: 50%; z-index: 12;}
.sBag{width: 30px; height: 30px; border-radius: 30px; position: absolute; top: 14px; right: 44px; z-index: 1;}
.goodsSpec .goodsSS div li:hover{opacity: 0.99; cursor: pointer;}
.goodsSpec .goodsSS div li.hover{opacity: 0.99; cursor: default;}
.goodsSpec .goodsSS p{font-size: 12px; margin: 5px 0 0 0; color: #666; font-family: Roboto-Light;}
.goodsSpec .goodsSS p span b{font-weight: normal; color: red;}
.goodsSpec .goodsSC{width: auto; height: auto;}
.goodsSpec .goodsSC div{width: auto; height: auto; padding: 5px 0; position: relative;}
.goodsSpec .goodsSC div ul{font-size: 12px; font-family: Roboto-Light; color: #999; text-transform:uppercase;}
.goodsSpec .goodsSC div li{width: auto; height: auto; position: relative; margin:0 0 0 0;}
.goodsSpec .goodsSC div li p{display: inline-block; margin: 0 15px 10px 0; font-size: 14px; text-underline-offset: 0.3em; color: #999;}
.goodsSpec .goodsSC div li p:hover{text-decoration: underline; cursor: pointer; color: #111;}
.goodsSpec .goodsSC div li p.hover{text-decoration: underline; cursor:default; color: #111;}
.goodsSpec .goodsQTY{width: auto; height: auto; padding: 0 0 10px 0;}
.goodsSpec .goodsQTY h1{font-size: 12px; margin: 5px 0 15px 0; color: #999; font-family: Roboto-Light; text-transform:uppercase;}
.goodsSpec .goodsQTY div ul{width: 100px;}
.goodsSpec .goodsQTY div ul li{width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #eee;}
.goodsSpec .goodsQTY div ul li i{font-size: 14px;}
.goodsSpec .goodsQTY div ul li:hover{background-color: #111; color: #fff;  cursor:pointer;}
.goodsSpec .goodsQTY div ul li.hover{background-color: #eee; cursor: default; color: #999;}
.goodsSpec .goodsQTY div ul input{width: 50px;  text-align: center; font-size: 14px; padding: 0 0;}
.goodsSpec .goodsCTRL{width: auto; height: auto; margin: 20px 0 0 0; padding: 0 0 10px 0; font-family: Roboto-Light;}
.goodsSpec .goodsCTRL .addBtn{width: auto; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #111; color: #fff;  margin: 0 0 10px 0; cursor: pointer;}
.goodsSpec .goodsCTRL .addBtn:hover{background-color: #222;}
.goodsSpec .goodsCTRL .buyBtn{width: auto; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #47d7ac; color: #fff;  margin: 0 0 10px 0; cursor: pointer;}
.goodsSpec .goodsCTRL .buyBtn:hover{background-color:#33d19d; }
.goodsSpec .goodsCTRL .noneBtn{width: auto; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #eee; color: #999;  margin: 0 0 10px 0; cursor:default;}
.goodsSpec .goodsCTRL .okBtn{width: auto; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #111; color: #fff;  margin: 0 0 10px 0; cursor: pointer;}
.goodsSpec .goodsCTRL .okBtn:hover{background-color: #222;}
.goodsSpec .goodsCTRL .cancelBtn{width: auto; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #eee; color: #111;  margin: 0 0 10px 0; cursor: pointer;}
.goodsSpec .goodsCTRL .cancelBtn:hover{background-color:#ddd; }
.goodsSpec .goodsCTRL .wechatBtn{font-size: 14px; margin: 20px 0 0 0; color: #999;}
.goodsSpec .goodsCTRL .wechatBtn span:hover{color: #111; cursor: pointer;}
.goodsSpec .goodsCTRL .wechatBtn span i{font-size: 14px; margin: 0 0 0 5px;}

.goodsSpec .goodsAgent{width: auto; height: auto;}
.goodsSpec .goodsAgent div{border-top: 1px solid #eee; padding: 20px 0 0 0; margin: 30px 0 0 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.goodsSpec .goodsAgent div ul{font-size: 14px; color: #999; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.goodsSpec .goodsAgent div ul i{margin: 0 5px 0 0;}
.goodsSpec .goodsAgent div ul span{color: #111;}
.goodsSpec .goodsAgent div ul b{margin: 0 8px; font-weight: normal; font-family: Roboto-Light;}
.goodsSpec .goodsAgent div li{color: #999;}
.goodsSpec .goodsAgent div li p{font-size: 12px; margin: 0 0 0 15px;}
.goodsSpec .goodsAgent div li span{text-decoration: underline; text-underline-offset: 0.4em; text-decoration-color: #999; text-decoration-thickness: 1px; cursor: pointer;}
.goodsSpec .goodsAgent div li span:hover{color: #111; text-decoration-color: #47d7ac; }
.goodsSpec .copyTips{margin: 0 0 0 10px; display: none;}
.goodsSpec .pageLinks{opacity: 0;}

.goodsOther{width: auto; height: auto; padding: 5px 0 0 0;}
.goodsOther .goodsPoint{width: auto; height: auto; padding: 15px 0 20px 0; border-top: 1px solid #ddd; }
.goodsOther .goodsPoint div{font-size: 14px; line-height: 160%; color: #999; margin: 0 0 10px 0; font-family: Roboto-Light;}
.goodsOther .goodsPoint  p a{color: #000; font-size: 12px; text-decoration: underline;  text-underline-offset: 0.3em;}
.goodsOther .goodsPoint  p a:hover{text-decoration: none; cursor: pointer;}

.goodsDtl .goodsDescription{width: auto; height: auto;}
.goodsDtl .goodsDescription .goodsDescriptionDiv{width: 60%; margin: 0 5% 0 0; white-space: normal; word-break: break-all; font-size: 16px; line-height: 180%; color: #333; font-family: Roboto-Light;}

.goodsVideo {width: 60%; margin: 50px 5% 0 0; height:auto;}
.videoPlayer{position:relative; font-size:0;}
.videoPlayer video{width:100%; height:auto; position:relative; z-index:1;}
.videoPlayer .videoBtn{width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:2;}
.videoPlayer .videoBtn .icon{width:60px; height:60px; line-height:60px; text-align:center; color:#FFF; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.videoPlayer .videoBtn .icon i{font-size:48px;}

.goodsDtl .goodsAlbum{width: 60%; margin: 50px 5% 0 0; height:auto; position:relative; font-size:0;}
.goodsDtl .goodsAlbum h1{font-size: 14px; color: #999;  text-transform:uppercase; margin: 0 0 30px 0;}
.goodsDtl .goodsAlbum .albumDisplay div img{max-width: 100%; margin: 0 0 20px 0;}
.goodsDtl .goodsAlbum .albumShow div img{max-width: 100%;}

.goodsDtl .goodsAlbum .albumDisplay{margin: 50px 0.0 0;}
.goodsDtl .goodsAlbum .albumShow{margin: 50px 0.0 0;}
.albumShow div{width:auto; height:auto; font-size:0; position:relative; z-index:1; margin:0 0 20px 0;}
.albumShow div a{position:relative; display:block; position:relative; z-index:1;}
.albumShow div a img{max-width:100%; height:auto;}

.goBack{width: auto; height: auto; margin: 30px 0 0 0;}
.goBack div p{font-size: 14px; font-family: Roboto-Light; display:inline-block;}
.goBack div p b{font-weight: normal;}
.goBack div p:hover span{cursor: pointer; text-decoration: underline;  text-underline-offset: 0.3em;}
.goBack div p i{font-size: 14px; margin: 0 10px 0 0;}

.discoverTop{margin: 150px 0 50px 0; }
.discoverTop .discoverTitle{margin: 0 0 15px 0; font-size:26px; font-family: Roboto-Bold;}
.discoverTop .discoverType{width: 100%;}
.discoverTop .discoverType div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.discoverTop .discoverType div ul li{margin: 0 20px 0 0;  text-transform:uppercase; font-size: 14px;}
.discoverTop .discoverType .swiper-slide{width: auto; height: 24px;}
.discoverTop .discoverType .swiper-slide a:hover{text-decoration:underline; text-underline-offset: 0.4em; text-decoration-thickness: 2px;}
.discoverTop .discoverType .swiper-slide a.hover{text-decoration:underline; text-underline-offset: 0.4em; text-decoration-thickness: 2px;}

.discoverList{width: auto; height: auto; padding: 0 50px; font-family: Roboto-Light;}
.discoverList .dataTopic{width: auto; height: auto; margin: 0 0 50px 0;}
.discoverList .dataTopic div{font-size: 0;}
.discoverList .dataTopic div a{display: block; position: relative;}
.discoverList .dataTopic div a img{width: 100%; height: auto; position: relative; z-index: 1;}
.discoverList .dataType{margin: 0 0 25px 0;}
.discoverList .dataType .dataTitle{font-size: 26px; font-family: Roboto-Bold;}
.discoverList .dataType .dataLinks{font-size: 14px;}
.dataList{width: 100%; height: auto; overflow: hidden;}
.dataList .dataDiv{width: 102%; height: auto; position: relative; display: inline-block;  display: flex; flex-wrap:wrap;}
.dataList .dataDiv .items{float: left; width: 31.3333333%; margin: 0 2% 50px 0;}
.dataList .dataDiv .items:hover{text-decoration: none;}
.dataList .dataDiv .items .itemsImg{width: auto; height: auto; position: relative; font-size: 0;}
.dataList .dataDiv .items .itemsImg img{width: 100%; height: auto; position: relative; z-index: 1;}
.dataList .dataDiv .items .itemsImg div{width: auto; height: auto; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0;}
.dataList .dataDiv .items .itemsImg:hover div{opacity: 1;}
.dataList .dataDiv .items .itemsInfo .iName{font-size: 22px; font-family: Roboto-Regular; margin: 15px 0 0 0;  line-height: 160%;}
.dataList .dataDiv .items .itemsInfo .iType{font-size: 14px; margin: 8px 0 0 0;}
.dataList .dataDiv .items .itemsInfo .iDate{font-size: 14px; margin: 5px 0 0 0;}
.dataList .dataDiv .items .itemsInfo .iSummary{font-size: 14px; margin: 10px 0 10px 0; line-height: 160%; overflow: hidden; height: 40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; color: #999;}
.dataList .dataDiv .items:hover .iName{text-decoration:underline; text-underline-offset: 0.2em; text-decoration-color: #47d7ac; text-decoration-thickness: 3px;}

.generalDtl{max-width: 1100px; height: auto; margin: 0 auto 0 auto; padding: 0 50px;}
.generalDtl .generalVideo{margin: 0 0 50px 0;}
.generalTitle{margin: 150px auto 50px auto; }
.generalTitle div h1{font-size: 26px; margin: 0 0 10px 0; font-family: Roboto-Bold;}
.generalTitle div h2{font-size: 14px; font-family: Roboto-Light;}
.generalTitle div ul{font-size: 14px; line-height: 180%; font-family: Roboto-Light; padding: 20px 0 0 0;}
.generalTopic {width: auto; height: 60%; margin: 56px 0 0 0; position: relative;background-size: cover; background-position: center center; background-repeat: no-repeat;}

.discoverDtl{max-width: 1100px; height: auto; margin: 0 auto 0 auto; padding: 0 50px;}
.discoverDtl .generalVideo{margin: 0 0 50px 0;}
.discoverDtl .generalAlbum{width:auto; position:relative; font-size:0;}
.discoverDtl .generalAlbum h1{font-size: 14px; color: #999;  text-transform:uppercase; margin: 0 0 30px 0;}
.discoverDtl .generalAlbum .albumShow div img{max-width: 100%;}
.discoverDtl .goodsSelect{margin: 0 0 10px 0;}
.discoverDtl .goodsSelect .goodsSelectTitle{font-size: 18px; text-transform:uppercase; margin: 0 0 30px 0}

.searchDiv{max-width: 1100px; min-height: 60%; margin: 0 auto 0 auto; padding: 0 50px;}
.searchDiv .searchTool{margin: 150px auto 50px auto;}
.searchDiv .searchTool div{width: 100%; height: auto;}
.searchDiv .searchTool div ul{border-bottom: 1px solid #999; position: relative;}
.searchDiv .searchTool div ul li{position: relative; z-index: 1;}
.searchDiv .searchTool div ul li input{width: auto; height: 50px; line-height: 50px; font-size: 24px;  color: #111;  text-align: center; font-family: Roboto-Bold;}
.searchDiv .searchTool div ul p{width: auto; height: 50px; line-height: 50px; padding: 0 10px; background-color: #fff; position: absolute; z-index: 2; top: 0; right: 0;}
.searchDiv .searchTool .searchBtn{cursor: default;}
.searchDiv .searchTool .searchBtn i{font-size: 24px;}
.searchDiv .searchTool .clearBtn{cursor: pointer;}
.searchDiv .searchTool .clearBtn i{font-size: 20px;}
.searchDiv .searchResults .resultsTips{font-size: 26px; margin: 0 0 30px 0;}
.searchDiv .searchTips{width: auto; height: auto;}
.searchDiv .searchTips div{text-align: center;}
.searchDiv .searchTips div p {margin: 0 0 10px 0;}
.searchDiv .searchTips div p i{font-size: 32px;}
.searchDiv .searchTips div ul{font-size: 14px; font-family: Roboto-Light;}
.searchDiv .searchTips div ul a{text-decoration: underline; text-underline-offset: 0.2em; text-decoration-color: #47d7ac; text-decoration-thickness: 2px;}

.searchDiv .searchSet{width: auto; height: auto;}
.searchDiv .searchSet .searchHistory{border-bottom: 1px solid #eee; padding: 0 0 15px 0; margin:0 0 30px 0;}
.searchDiv .searchSet div ul h1{font-size: 18px; font-family: Roboto-Bold;}
.searchDiv .searchSet div ul p{font-size: 16px;}
.searchDiv .searchSet div ul p:hover{cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em;}
.searchDiv .searchSet div li{width: 100%; height: auto; display: inline-block; margin: 15px 0 0 0;}
.searchDiv .searchSet div li a{display: block; float: left; margin: 0 20px 10px 0; color: #999; font-family: Roboto-Light;}

.goodsSwiper .swiper-slide img{width: 100%; height: auto;}
.goodsSwiper .goodsItem{margin: 0 0 40px 0;}
.goodsSwiper .goodsItem .goodsLinks{width: 100%; height: 100%;}
.goodsSwiper .goodsItem .goodsLinks p{position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; font-size: 0;}
.goodsSwiper .goodsItem .goodsLinks:hover p{opacity: 1;}
.goodsSwiper .goodsItem .goodsLinks span{width: auto; height: auto; position: absolute; top: 0; left: 0; z-index: 3; font-size: 12px; padding: 1px 4px;}
.goodsSwiper .goodsItem .goodsLinks .gSale{background-color: #111; color: #fff; }
.goodsSwiper .goodsItem .goodsLinks .gSoldout{background-color: #aaa; color: #fff; }
.goodsSwiper .goodsItem .goodsLinks .gPresale{background-color: #47d7ac; color: #fff; }
.goodsSwiper .goodsItem .gName{font-size: 14px; margin: 10px 0 0 0; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; font-family: Roboto-Light;}

.ubscribe{width: auto; height: auto; padding: 30px 50px 0 50px; font-family: Roboto-Light;}
.ubscribe .ubscribeTopic{font-size: 26px; margin: 0 0 10px 0;}
.ubscribe .ubscribeSubtitle{font-size: 14px;}
.ubscribe .ubscribeInput{width: auto; height: auto; margin: 20px 0 0 0;}
.ubscribe .ubscribeInput ul{border: 1px solid #111; margin: 0 0 10px 0;}
.ubscribe .ubscribeInput ul li input{padding: 0 15px; font-size: 16px; width: 100%;}
.ubscribe .ubscribeInput ul button{width: auto; background-color: #222; color: #fff; font-size: 16px; padding: 10px 25px;}

.shoppingcart{max-width: 1100px; height: auto; margin: 150px auto 0 auto; padding: 0 50px;}
.shoppingcart .shoppingcartDiv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.shoppingcart .shoppingcartDiv .cartTitle{font-size: 26px; margin: 0 0 50px 0;}
.shoppingcart .shoppingcartDiv .cartLeft{width: 60%; margin: 0 5% 0 0; height: auto;}
.shoppingcart .shoppingcartDiv .cartRight{width: 35%; height: auto;}

.cartList{width: auto; height: auto; border-top: solid 1px #eee;}
.cartList .goods{padding: 15px 0; border-bottom: solid 1px #eee;}
.cartList .goods .gSelect{width: auto; padding:0 20px 0 0; display:flex; justify-content: center; align-items: center; color: #999;}
.cartList .goods .gSelect i{font-size: 18px;}
.cartList .goods .gSelect:hover{color: #111; cursor: pointer;}
.cartList .goods .gSelect.hover{color: #111;}
.cartList .goods .gImg{width: 80px; font-size: 0; margin: 0 20px 0 0; cursor: pointer;}
.cartList .goods .gImg img{width: 100%; height: auto;}
.cartList .goods .gInfo h1{font-size: 18px; margin: 5px 0 0 0;}
.cartList .goods .gInfo .gSpec{width: auto; margin: 5px 0 5px 0;}
.cartList .goods .gInfo .gSpec ul{font-size: 14px; color: #999; font-family: Roboto-Light;}
.cartList .goods .gInfo .gSpec ul span{color: #color: #999;}
.cartList .goods .gInfo .gSpec ul span b{margin: 0 5px; font-weight: normal; color: #999;}
.cartList .goods .gInfo .gSpec li span{font-size: 14px; color: #999;}
.cartList .goods .gInfo .gCtrl{width: auto; margin: 15px 0 0 0; }
.cartList .goods .gInfo .gCtrl ul{color: #58595b; display: inline-block;}
.cartList .goods .gInfo .gCtrl ul p{width: auto; height:   padding: 0 0; margin: 0 15px 0 0; font-size: 14px;  float: left; color: #999; border-bottom: 1px solid #fff;}
.cartList .goods .gInfo .gCtrl ul p i{font-size: 16px;}
.cartList .goods .gInfo .gCtrl ul b{font-weight: normal; color: #111; margin: 0 0 0 15px;}
.cartList .goods .gInfo .gCtrl ul strong{font-weight: normal; color: #111; font-size: 14px;}
.cartList .goods .gInfo .gCtrl ul p:hover{cursor: pointer; border-bottom: 1px solid #111;}
.cartList .goods .gInfo .gCtrl ul p.hover{cursor: default; border-bottom: 1px solid #fff;}
.cartList .goods .gInfo .gCtrl li{font-family: Roboto-Light;}
.cartList .goods .gInfo .gCtrl li span{letter-spacing: 1px; font-size: 16px; color: #000;}
.cartList .goods .gInfo .gCtrl li b{font-weight: normal; color: #929292; font-size: 16px;} 
.cartList .goods .gInfo .gCtrl .removeBtn{color: #111;}

.cartList .goods .gInfo .gCtrlSales{width: auto; margin: 8px 0 0 0; }
.cartList .goods .gInfo .gCtrlSales ul{width: 100px;}
.cartList .goods .gInfo .gCtrlSales ul p{width: 24px; height: 24px; line-height: 24px; text-align: center; background-color: #eee;}
.cartList .goods .gInfo .gCtrlSales ul p i{font-size: 14px;}
.cartList .goods .gInfo .gCtrlSales ul p:hover{background-color: #111; color: #fff;  cursor:pointer;}
.cartList .goods .gInfo .gCtrlSales ul p.hover{background-color: #eee; cursor: default; color: #999;}
.cartList .goods .gInfo .gCtrlSales ul input{width: 50px;  text-align: center; font-size: 14px; padding: 0 0;}
.cartList .goods .gInfo .gCtrlSales li{font-size: 16px; line-height: 24px; text-align: right; font-family: Roboto-Light;}

.cartNote{width: auto; margin: 10px 0 20px 0;}
.cartNote h1{font-size: 14px; margin: 20px 0 0 0;}
.cartNote li{border: #eee solid 1px; margin: 10px 0 0 0; padding: 10px 12px; font-size: 0px; background-color: #fff; box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.05);}
.cartNote li textarea{width:100%; height:21px; padding:0 0; border:0; font-size:14px; color:#aaa; resize:none; overflow:hidden;}
.cartNote li textarea:focus{color: #333;}

.cartSummary {width: auto; height: auto; border-top: solid 1px #eee;}
.cartSummary div{margin: 15px 0 15px 0;}
.cartSummary div p{color: #999; font-family: Roboto-Light;}
.cartPickup{width: auto; height: auto; border-top: solid 1px #eee;}
.cartPickup div{margin: 15px 0 15px 0; }
.cartPickup div li i{font-size: 24px;}
.cartPickup div ul{line-height: 24px; font-size: 16px; margin: 0 10px;}
.cartPickup div p{cursor: pointer;}
.cartAdd{width: auto; height: auto; border-top: solid 1px #eee;}
.cartAdd div{margin: 15px 0 15px 0; }
.cartAdd div a{text-decoration:none;}
.cartAdd div a:hover h2{text-decoration: underline; text-underline-offset: 0.2em;}
.cartAdd div a li{display:flex; justify-content: center; align-items: center;}
.cartAdd div a li i{font-size: 24px;}
.cartAdd div a ul{margin: 0 10px;}
.cartAdd div a ul h1{font-size: 16px; margin: 0 0 2px 0;}
.cartAdd div a ul h1 span{margin: 0 0 0 10px;}
.cartAdd div a ul h2{font-size: 14px; overflow: hidden; height: 18px; line-height: 18px; text-overflow:ellipsis; font-family: Roboto-Light;}
.cartAdd div a p{display:flex; justify-content: center; align-items: center;}
.selectAdd{width: auto; height: auto; border-top: solid 1px #eee;  position: relative; cursor: pointer;}
.selectAdd div{margin: 15px 0 15px 0; color:#999;}
.selectAdd div:hover{color: #111;}
.selectAdd div p .icon-location{font-size: 24px;}
.selectAdd div ul{margin: 0 10px;}
.cartOrder{width: auto; height: auto; border-top: solid 1px #eee;}
.cartOrder div{margin: 15px 0 15px 0; color: #999;}
.cartOrder div ul{font-size: 14px; margin: 0 0 10px 0;}
.cartOrder .copyBtn{margin: 0 0 0 10px;}
.cartOrder .copyBtn b{color: #111; font-weight: normal; margin: 0 0 0 10px;}
.cartOrder .copyBtn b:hover{cursor: pointer; color: #222;}
.cartOrder .copyTips{margin: 0 0 0 10px; display: none;}
.cartStat{width: auto; height: auto; border-top: solid 1px #eee;}
.cartStat div{margin: 15px 0 15px 0; }
.cartStat div ul{font-size: 14px; margin: 0 0 10px 0;}
.cartVip {width: auto; height: auto; border-top: solid 1px #eee;}
.cartVip div{margin: 15px 0 15px 0;}
.cartVip div h1{font-size: 16px; text-transform:uppercase; font-family: Roboto-Bold; margin: 0 0 10px 0;}
.cartVip div ul{font-size: 14px; margin: 0 0 5px 0;}
.cartVip div ul p{color: red;}
.cartVip .orderOriginal li span{text-decoration: line-through; text-decoration-color:red;}
.cartShipping{width: auto; height: auto; border-top: solid 1px #eee;}
.cartShipping div{margin: 15px 0 15px 0; }
.cartShipping div ul{font-size: 14px; margin: 0 0 10px 0;}
.cartShippingList{width: auto; height: auto; border-top: solid 1px #eee; padding: 10px 0;}
.cartShippingList div{border-bottom: 1px dashed #ddd; padding: 8px 0;}
.cartShippingList div li{margin: 0 10px 0 0;}
.cartShippingList div li span{font-size: 12px; background-color: #111; color: #fff; padding:2px 5px;}
.cartShippingList div ul h1{font-size: 14px;}
.cartShippingList div ul h2{font-size: 12px; color: #ccc;}
.cartShippingList div p{font-size: 12px; cursor: pointer; text-decoration: underline; color: #999;}
.cartShippingList div p:hover{text-decoration: none;}

.cartPresale{width: auto; height: auto; border-top: solid 1px #eee;}
.cartPresale div{margin: 15px 0 15px 0; }
.cartPresale div ul{font-size: 14px; margin: 0 0 10px 0; color: #47d7ac;}
.cartPay{width: auto; height: auto; border-top: solid 1px #eee;}
.cartPay div{margin: 15px 0 15px 0; }
.cartPay div ul{font-size: 12px; margin: 0 0 10px 0; color: #999;}
.cartWallet{width: auto; height: auto; border-top: solid 1px #eee;}
.cartWallet div{margin: 15px 0 15px 0; }
.cartWallet div ul{font-size: 14px; margin: 0 0 5px 0;}
.cartWallet div ul p{cursor: pointer; padding: 0 0 0 10px;}
.cartTotal {width: auto; height: auto; border-top: solid 1px #eee;}
.cartTotal div{margin: 25px 0 25px 0;}
.cartTotal div ul{font-size: 18px; font-family: Roboto-Bold;}

.cartBtn{width: auto; height: auto; margin: 20px 0 0 0;}
.cartBtn p{margin: 20px 0 0 0;}
.cartBtn .btnA{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #111; color: #fff;  margin: 0 0 10px 0; text-decoration: none; text-transform:uppercase; font-family: Roboto-Light; }
.cartBtn .btnA:hover{background-color: #222; cursor: pointer;}
.cartBtn .btnB{width: auto; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background-color: #eee; color: #111;  margin: 0 0 10px 0; text-decoration: none; text-transform:uppercase; font-family: Roboto-Light; }
.cartBtn .btnB:hover{background-color: #ddd; cursor: pointer;}
.cartBtn .btnL{margin:50px 0 0 0; color: #999; font-family: Roboto-Light; font-size: 14px; text-decoration: none;}
.cartBtn .btnL i{font-size: 14px; margin: 0 5px 0 0;}
.cartBtn .btnL:hover span{text-decoration: underline; text-underline-offset: 0.4em;}

.formDiv{width:auto; height:auto;}
.formDiv h1{font-size:24px; font-family: Roboto-Bold; color: #111; margin:0 0 15px 0;}
.formDiv h1 span{font-size:16px; text-decoration: underline; text-underline-offset:0.3em; float:right; cursor:pointer;}
.formDiv h1 span:hover{text-decoration:none;}
.formDiv ul{margin:0 0 0 0;}
.formDiv ul span{margin: 0 10px 0 0; color: #999;}
.formDiv ul span:hover i{color: #111; cursor: pointer;}
.formDiv ul span.hover i{color: #111; cursor: default;}
.formDiv ul li{border-bottom:1px solid #ddd; padding: 10px 0;}
.formDiv ul li:hover{border-bottom:1px solid #111;}
.formDiv ul li h2{font-size:16px; color: #999; margin: 0 10px 0 0;}
.formDiv ul li input{font-size:16px; color:#111; padding:0; margin:0 0 0 0;}
.formDiv ul li h3{font-size:16px; color:#999; margin:0 0 0 0;}
.formDiv ul li h3.hover{color:#111;}
.formDiv textarea{width:100%; height:46px; padding:11px 0; border:0; font-size:16px; color:#111; resize:none; overflow:hidden;}
.formDiv div button{width:auto; height:40px;  padding: 0 40px; font-size:16px; margin: 0 10px 0 0;}
.formDiv div p{width: 40px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; float: right;}
.formDiv div p i{font-size: 20px;}
.formDiv .addBtn{width: 100%; display: inline-block; margin: 20px 0 0 0;}
.formDiv .btnA{color: #999;}
.formDiv .btnA:hover{background-color: #eee; color: #111; cursor: pointer;}
.formDiv .btnB{background-color: #111; color: #fff; font-family: Roboto-Light;}
.formDiv .btnB:hover{background-color: #222; cursor: pointer;}

.account{max-width: 1100px; min-height: 60%; margin: 0 auto;}
.account .acctDiv{margin: 150px 0 50px 0; padding: 0 50px;}
.account .acctDiv .acctTitle{margin: 0 0 15px 0; font-size:26px; font-family: Roboto-Bold;}
.account .acctDiv .acctMenu{width: 100%; font-family: Roboto-Light; margin: 0 0 50px 0;}
.account .acctDiv .acctMenu div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.account .acctDiv .acctMenu div ul li{margin: 0 20px 0 0;  text-transform:uppercase; font-size: 14px;}
.account .acctDiv .acctMenu .swiper-slide{width: auto; height: 24px; position: relative;}
.account .acctDiv .acctMenu .swiper-slide b{display: block; width: 6px; height: 6px; border-radius: 100%; background-color: red; position: absolute; top:0; right: -8px; z-index: 2;}
.account .acctDiv .acctMenu .swiper-slide a{position: relative; z-index: 1;}
.account .acctDiv .acctMenu .swiper-slide a:hover{text-decoration:underline; text-underline-offset: 0.4em; text-decoration-thickness: 2px;}
.account .acctDiv .acctMenu .swiper-slide a.hover{text-decoration:underline; text-underline-offset: 0.4em; text-decoration-thickness: 2px;}
.account .acctDiv .acctCtrl{height: 40px; line-height: 40px; text-align: center; font-size: 16px; cursor: pointer; margin: 30px 0 0 0;}

.addressList{width: auto; height: auto;}
.addressList div ul{border-bottom:1px solid #ddd; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.addressList div h6{color:#999; padding: 3px 0 0 0;}
.addressList div h6 i{font-size:20px;}
.addressList div ul.hover h6{color:#111;}
.addressList div ul.hover h1{color:#111;}
.addressList div li{margin:0 0 0 10px;}
.addressList div li h1{font-size:18px; margin: 0 0 5px 0;}
.addressList div li h1 b{margin:0 15px 0 0;}
.addressList div li h2{font-size:14px; color:#999; font-family: Roboto-Light;}
.addressList div p{font-size:14px; margin:0 0 0 20px; text-decoration: underline; text-underline-offset:0.3em;}
.addressList div p:hover{text-decoration: none; cursor:pointer;}
.addressList div p.hover{text-decoration: none; color:#999; cursor:default;}
.addressAdd{max-width: 300px;  background-color: #111; color: #fff;  margin: 0 auto 10px auto; font-family: Roboto-Light;}
.addressAdd:hover{background-color: #222;}

.js-area-tips{font-size: 24px; margin: 0 0 15px 0; color: #111; font-family: Roboto-Bold;}
.js-area-select-tips{display: inline-block; margin:0 0 4px 0;}
.js-area-select-tips span{float: left; color: #111; margin: 0 10px 0 0;}
.js-area-select-tips span i{font-size: 26px;}
.js-area-select-tips span:hover{color: #222; cursor: pointer;}
.js-area-select-label{height: 30px; line-height: 30px; font-size:16px; float: left;}
.js-area-select-label b{font-weight: normal;}

.account .orderDiv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.account .orderDiv .cartLeft{width: 60%; margin: 0 5% 0 0; height: auto;}
.account .orderDiv .cartRight{width: 35%; height: auto;}

.account .orderInfo{width: auto; height: auto; margin: 0 0 30px 0;}
.account .orderInfo .orderInfoD{text-align: right;}
.account .orderInfo .orderInfoD p{padding: 0 15px 0 0; cursor: pointer;}
.account .orderInfo .orderInfoD p:hover{color: #222;}
.account .orderInfo .orderInfoD p i{font-size: 32px;}
.account .orderInfo .orderInfoD ul h1{font-size: 20px; margin: 5px 0 5px 0;}
.account .orderInfo .orderInfoD ul h2{font-size: 16px; color: #999; font-family: Roboto-Light;}
.account .orderInfo .orderInfoD ul h2 b{font-family: Roboto-Regular;}
.account .orderInfo .orderInfoD ul h2 span{text-decoration: underline; text-underline-offset:0.3em; cursor: pointer;}
.account .orderInfo .orderInfoD ul h2 span:hover{text-decoration-color: #000;}
.account .orderInfo .orderInfoD ul h2 strong{font-size: 14px; color: #999; font-family: Roboto-Light; font-weight: normal;}


.account .orderInfo .orderInfoL{width: auto; border-bottom: 1px dashed #ddd; padding:10px 0 10px 0; text-align: left;}
.account .orderInfo .orderInfoL h1{font-size: 16px;}
.account .orderInfo .orderInfoL h1 span{color: #999;}
.account .orderInfo .orderInfoL h1 b{font-weight: normal;}
.account .orderInfo .orderInfoL h2{font-size: 16px;}

.orderList{width: auto; height: auto;}
.orderCont{width: auto; height: auto; border-bottom: solid 8px #eee; margin: 0 0 20px 0;}
.orderCont .orderDiv{padding: 20px 0 10px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.orderCont .orderDiv .orderGoods{width: auto; height: auto; padding: 0 20px 0 0; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.orderCont .orderDiv .orderGoods ul{margin: 0 0 10px 0;}
.orderCont .orderDiv .orderGoods ul p{margin: 0 20px 0 0; font-size: 0;}
.orderCont .orderDiv .orderGoods ul p img{width: 65px; height: auto;}
.orderCont .orderDiv .orderGoods ul li h1{font-size: 16px; color: #111; margin: 3px 0 5px 0;}
.orderCont .orderDiv .orderGoods ul li h2{font-size: 14px; color: #999; margin: 5px 0 8px 0; font-family: Roboto-Light;}
.orderCont .orderDiv .orderGoods ul li h2 b{font-weight: normal;}
.orderCont .orderDiv .orderGoods ul li h3{font-size: 14px; color: #111; font-family: Roboto-Light; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.orderCont .orderDiv .orderGoods ul li h3 span{display: block; margin: 0 20px 0 0;}
.orderCont .orderDiv .orderGoods ul li h3 b{display: block;}
.orderCont .orderDiv .orderGoods .orderMore{width: 65px; height: 24px; line-height: 24px; background-color: #eee; text-align: center;}
.orderCont .orderDiv .orderGoods .orderMore:hover{cursor: pointer; background-color: #ddd;}
.orderCont .orderDiv .orderTotal{width:35%; height: auto; color: #999; font-size: 16px;}
.orderCont .orderDiv .orderTotal div{margin: 0 0 15px 0; font-family: Roboto-Light;}
.orderCont .orderDiv .orderTotal div li b{color: #111; font-family: Roboto-Regular;}
.orderCont .orderDiv .orderTotal .oBtn{width: 100%; padding: 5px 0 0 0; position: relative; display: inline-block;}
.orderCont .orderDiv .orderTotal .oBtn ul{float: right;}
.orderCont .orderDiv .orderTotal .oBtn p{height: 32px; line-height: 32px; margin: 10px 0 0 10px; text-align: center; float: left; padding: 0 15px; font-size: 16px;}
.orderCont .orderDiv .orderTotal .oBtn .btnA{background-color: #eee; color: #111;}
.orderCont .orderDiv .orderTotal .oBtn .btnA:hover{background-color: #ddd; cursor: pointer;}
.orderCont .orderDiv .orderTotal .oBtn .btnB{background-color: #111; color: #fff;}
.orderCont .orderDiv .orderTotal .oBtn .btnB:hover{background-color: #222; cursor: pointer;}

.agent{width: auto; height: auto;}
.agent .agentLast{width: auto; height: auto; margin: 0 0 10px 0;}
.agent .agentLast div{border-bottom: 1px solid #eee; padding: 0 0 10px 0;}
.agent .agentLast div ul h1{font-size: 24px; margin: 0 0 2px 0;}
.agent .agentLast div ul h2{font-size: 14px; color: #999; font-family: Roboto-Light;}
.agent .agentLast div li{text-align: right;}
.agent .agentLast div li h1{font-size: 24px; margin: 0 0 2px 0;}
.agent .agentLast div li h2{font-size: 14px;  color: #999; font-family: Roboto-Light;}
.agent .agentCtrl{width: auto; height: auto; margin: 0 0 10px 0;}
.agent .agentCtrl div{border-bottom: 1px solid #eee; padding: 0 0 10px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.agent .agentCtrl div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.agent .agentCtrl div ul li{line-height: 30px; margin: 0 20px 0 0; font-family: Roboto-Light;}
.agent .agentCtrl div ul li b{font-family: Roboto-Bold; font-weight:normal;}
.agent .agentCtrl div p button{width: auto; height: 30px; font-size: 14px; padding: 0 40px; background-color: #111; color: #fff;}
.agent .agentCtrl div p button:hover{background-color: #222;}
.agent .agentMore{width: auto; height: auto; margin: 0 0 20px 0;}
.agent .agentMore div{border-bottom: 1px solid #eee; padding: 0 0 10px 0;}
.agent .agentMore div span{color: #ccc; margin: 0 10px; font-family: Roboto-Light;}
.agent .agentStat{width: 100%; height: auto; overflow: hidden;}
.agent .agentStat div {width: 105%; height: auto; display: inline-block;}
.agent .agentStat div ul{width: 45%; margin: 0 5% 0 0; padding: 12px 0 12px 0; float: left; border-bottom: solid 1px #eee; position: relative; cursor: pointer;}
.agent .agentStat div ul:hover{border-bottom: solid 1px #111;}
.agent .agentStat div ul h1{font-size: 16px; margin: 0 10px 0 0; color: #999;}
.agent .agentStat div ul h2{font-size: 16px; color: #999;}
.agent .agentStat div ul h2 span{color: #111;}
.agent .agentStat div ul h2 b{font-weight: normal; margin: 0 8px; font-family: Roboto-Light;}
.agent .agentStat div ul h2 strong{font-weight: normal;}
.agent .agentStat div ul h2 strong.hover{color:#111;}
.agent .agentStat div ul li{font-size: 16px;}
.agent .agentStat div ul p{font-size: 16px; color: #999;}
.agent .agentStat div ul p i{font-size: 16px;}

.agentList{width: auto; height: auto; padding: 30px 0 30px 0; border-top: 1px solid #eee;}
.agentList .agentListData div{border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.agentList .agentListData div p{width: 45px; height: 45px; margin: 0 15px 0 0; background-size: cover; background-position:center center; background-repeat: no-repeat;}
.agentList .agentListData div ul h1{font-size: 14px; margin: 0 0 5px 0;}
.agentList .agentListData div ul h1 b{font-weight: normal; color: #ccc; margin: 0 5px;}
.agentList .agentListData div ul h2{font-size: 12px; margin: 0 0 2px 0;}
.agentList .agentListData div ul h3{font-size: 12px;}
.agentList .agentListData div li{text-align: right; font-family: Roboto-Light;}
.agentList .agentListData div li h1{font-size: 12px; margin: 0 0 5px 0; color: #999;}
.agentList .agentListData div li h1 b{font-weight: normal; color: #ccc; margin: 0 5px;}
.agentList .agentListData div li h2{font-size: 12px; margin: 0 0 2px 0; color: #999;}
.agentList .agentListData div li h3{font-size: 12px; margin: 5px 0 0 0;}
.agentList .agentListData div li h3 span.hover{color: #999;}
.agentList .agentListData div li h3 b{font-weight: normal; color: #ccc; margin: 0 5px;}

.notice{width: auto; height: auto;}
.notice .noticeDiv {width: 100%; height: auto; overflow: hidden;}
.notice .noticeDiv .noticeList {width: 105%; height: auto; display: inline-block;}
.notice .noticeDiv .noticeList div{width: 45%; margin: 0 5% 10px 0; padding: 0 0 10px 0; float: left; cursor: pointer;}
.notice .noticeDiv .noticeList div:hover ul{border-bottom: 1px solid #111;}
.notice .noticeDiv .noticeList div.hover li i{display: none;}
.notice .noticeDiv .noticeList div.hover h1{color: #999;}
.notice .noticeDiv .noticeList div li{width: auto; height: auto; margin: 0 15px 0 0; position: relative;}
.notice .noticeDiv .noticeList div li p{width: 40px; height: 40px; padding: 10px 10px; overflow: hidden; background-color: #eee; font-size: 0; position: relative; z-index: 1;}
.notice .noticeDiv .noticeList div li p img{width: 100%; height: auto; position: relative; z-index: 1;}
.notice .noticeDiv .noticeList div li i{display: block; font-size: 24px; color: red; position: absolute; z-index: 2; top: -9px; right: -9px;}
.notice .noticeDiv .noticeList div ul{border-bottom: solid 1px #eee;}
.notice .noticeDiv .noticeList div ul h1{width: 100%; height: 22px; line-height: 20px; font-size: 18px; margin: 5px 0 4px 0; color: #111; overflow: hidden; white-space:normal; text-overflow: ellipsis;}
.notice .noticeDiv .noticeList div ul h2{width: 100%; height: 18px; line-height: 16px; font-size: 14px; overflow: hidden; white-space:normal; text-overflow: ellipsis; padding:2px 0 0 0; font-family: Roboto-Light; color: #999;}

.messList{width: auto; height: auto;}
.messList .noticeMess .messImg{width: auto; height: auto; margin: 0 15px 0 0; position: relative;}
.messList .noticeMess .messImg p{width: 40px; height:40px; padding: 10px 10px; overflow: hidden; background-color: #eee;}
.messList .noticeMess .messCont{background-color: #f8f8f8; padding: 10px 20px; margin: 0 0 20px 0;}
.messList .noticeMess .messCont h1{font-size: 18px; color: #111;}
.messList .noticeMess .messCont h2{font-size: 14px; padding: 5px 0 10px 0; margin: 0 0 10px 0 ; color: #999; border-bottom:1px solid #eee; font-family: Roboto-Light;}

.messGoods{width: auto; height: auto;}
.messGoods div ul{display: inline-block;}
.messGoods div ul li{width: 60px; height: 60px; background-color: #eee; font-size: 0; margin:0 10px 0 0; overflow: hidden; float: left; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.messGoods div ul li img{width: 100%; height: auto; position: relative; z-index: 1;}
.messGoods div ul li h6{width: 100%; height: 100%; line-height: 60px; text-align: center; color:#111; font-size: 18px; display: block; background:rgba(240,240,240,0.7); position: absolute; z-index: 2;}
.messGoods div p{width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #eee;}
.messGoods div p:hover{cursor: pointer; background-color: #ddd;}
.messGoods div p i{font-size: 16px;}

.setList{width: auto; height: auto;}
.setList .setDiv{width: 100%; height: auto; overflow: hidden;}
.setList .setDiv div {width: 105%; height: auto; display: inline-block;}
.setList .setDiv div ul{width: 45%; margin: 0 5% 0 0; padding: 12px 0 12px 0; float: left; border-bottom: solid 1px #eee; position: relative; cursor: pointer;}
.setList .setDiv div ul:hover{border-bottom: solid 1px #111;}
.setList .setDiv div ul h1{font-size: 16px; margin: 0 10px 0 0; color: #999;}
.setList .setDiv div ul h2{font-size: 16px; color: #999;}
.setList .setDiv div ul h2 span{color: #111;}
.setList .setDiv div ul h2 b{font-weight: normal; margin: 0 8px; font-family: Roboto-Light;}
.setList .setDiv div ul h2 strong{font-weight: normal;}
.setList .setDiv div ul h2 strong.hover{color:#111;}
.setList .setDiv div ul li{font-size: 16px;}
.setList .setDiv div ul p{font-size: 16px; color: #999;}
.setList .setDiv div ul p i{font-size: 16px;}
.setList .logout{width: auto; height: auto; margin: 20px 0 0 0;}
.setList .logout div li{width: auto; height: 40px; line-height: 40px; padding: 0 40px; text-align: center; background-color: #eee; color: #111; display: inline-block; font-family: Roboto-Light; font-size: 16px;}
.setList .logout div li:hover{background-color: #ddd; cursor: pointer;}

.userAccount {width: auto; height: auto; margin: 0 0 0 0; border-bottom: 1px solid #eee;}
.userAccount .userDiv{width: 105%; height: auto; display: inline-block; }
.userAccount .userDiv .userInfo{width: auto; height: auto; width: 45%; margin: 0 5% 0 0;  float: left; position: relative; padding: 0 0 20px 0;}
.userAccount .userDiv .userInfo div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.userAccount .userDiv .userInfo div li{width: 80px; height: 80px; background-size:cover; background-position: center center; background-repeat: no-repeat; position: relative;}
.userAccount .userDiv .userInfo div li p{width: 100%; height: 100%; background:rgba(0,0,0,.2); z-index: 1; opacity: 0; color: #fff; cursor: pointer; position: relative;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
.userAccount .userDiv .userInfo div li p i{font-size: 32px; position:absolute; top: 50%; left: 50%;}
.userAccount .userDiv .userInfo div li:hover p{opacity: 1;}
.userAccount .userDiv .userInfo div ul{margin: 0 0 0 15px; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.userAccount .userDiv .userInfo div ul h1{font-size: 18px; margin: 0 0 8px 0;}
.userAccount .userDiv .userInfo div ul h1 b{margin: 0 20px 0 0;}
.userAccount .userDiv .userInfo div ul h1 span{color: #999; font-size: 14px;}
.userAccount .userDiv .userInfo div ul h2{font-size: 14px; margin: 0 0 6px 0; font-family: Roboto-Light;}
.userAccount .userDiv .userInfo div ul h2 span{margin: 0 15px 0 10px; cursor: pointer; }
.userAccount .userDiv .userInfo div ul h2 b{font-family: Roboto-Bold;}
.userAccount .userDiv .userInfo div ul h2 a{margin: 0 0 0 15px;}
.userAccount .userDiv .userInfo div ul h3{font-size: 14px; font-family: Roboto-Light;}

.userAccount .userDiv .userActing{width: auto; height: auto; width: 45%; margin: 0 5% 0 0;  float: left; position: relative;}
.userAccount .userDiv .userActing div h1{font-size: 18px; margin: 1px 0 8px 0;}
.userAccount .userDiv .userActing div h2{font-size: 14px; margin: 0 0 6px 0; font-family: Roboto-Light;}
.userAccount .userDiv .userActing div h2 span{margin: 0 15px 0 0;}
.userAccount .userDiv .userActing div h2 span b{font-family: Roboto-Bold;}
.userAccount .userDiv .userActing div h3{font-size: 14px; padding: 0 0 28px 0; font-family: Roboto-Light;}

.formLogin{max-width: 400px; height: auto; margin: 0 auto; top: 50%; position: relative; z-index: 1;}
.formLogin .logoWith{margin: 30px 0 15px 0;}
.formLogin .logoWith p{width: auto; height: 26px; line-height: 26px; margin: 0 10px 0 0;}
.formLogin .logoWith ul{width: 100%; display: inline-block;}
.formLogin .logoWith ul li{width: 26px; height: 26px; margin: 0 10px 0 0;  float: left; font-size: 0; padding: 0 0; border-bottom: 0 solid #eee;}
.formLogin .logoWith ul li img{width: 100%; height: auto;}
.formLogin .logoWith ul li:hover{opacity: 0.8; cursor: pointer;}

.formTab{width: 100%; height: 100%; position: relative; z-index: 1; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.formTab .formMain{background-color: #fff; padding: 30px 30px; border-radius: 10px; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.formTab .formMain h1{font-size: 24px; color: #111; margin: 0 0 20px 0; font-family: Roboto-Bold;}
.formTab .formMain .formList{width: auto; height: auto;}
.formTab .formMain .formList button{width: 100%; height: 40px; font-size: 16px; margin: 10px 0 0 0; font-family: Roboto-Light;}
.formTab .formMain .formList .btnA{background-color: #111; color: #fff;}
.formTab .formMain .formList .btnA:hover{background-color: #222;}
.formTab .formMain .formList .btnC{background-color: #57be6a; color: #fff;}
.formTab .formMain .formList .btnC:hover{background-color: #4eaa5f;}
.formTab .formMain .formList .container {display: block; position: relative; cursor: pointer;font-size: 25px;}
.formTab .formMain .formList .container input {visibility: hidden;cursor: pointer;}
.formTab .formMain .formList .mark {position: absolute;top: 0; left: 0; background-color:#FFF; border: 1px #b2b2b2 solid; box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;}
.formTab .formMain .formList .container:hover input ~ .mark {background-color: #FAFAFA;}
.formTab .formMain .formList .container input:checked ~ .mark {background-color: #111; border: 1px #111 solid;}
.formTab .formMain .formList .mark:after {content: ""; position: absolute; display: none;}
.formTab .formMain .formList .container input:checked ~ .mark:after {display: block;}
.formTab .formMain .formList .container .mark:after {border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.formTab .formMain .formList .cbA{ margin: 2px 0 0 0; height: 26px; width: 26px;}
.formTab .formMain .formList .cbA:after {left: 10px; top: 5px; width: 5px; height: 10px;}

.formInput li{width: auto; height: auto; margin: 0 0 10px 0; background-color:#FFF; border-bottom:1px solid #ddd; position: relative;/*box-shadow: 1px 1px 3px rgba(0,0,0,0.1) inset;*/}
.formInput li:hover{border-bottom:1px solid #111; }
.formInput li input{width: auto; height: 20px; line-height: 20px; padding: 5px 0; color: #111; font-size: 16px;}
.formInput li p{cursor: pointer; line-height: 20px; padding: 0 0 0 15px; font-size: 16px; color: #111;}
.formInput li p b{font-weight: normal; color: #999; margin: 0 10px 0 0;}
.formInput li{width: auto; font-size: 14px;}
.formInput li p:hover{color: #222;}
.formInput li p.hover{color: #999;}

.formLinks{margin: 20px 0 0 0; font-size: 14px;}
.formLinks div{margin: 0 0 8px 0;}
.formLinks div a{color: #4d4d4d; text-decoration: underline; text-underline-offset:0.3em;}
.formLinks div a:hover{text-decoration: none;}
.formLinks div span{margin: 0 10px;}
.formLinks div b{color: #4d4d4d; text-decoration: underline; text-underline-offset:0.3em; font-weight: normal;}
.formLinks div b:hover{text-decoration: none; cursor: pointer;}


.formAgreement{width: 100%; color: #b2b2b2; font-size: 12px; padding: 15px 0 10px 0;}
.formAgreement div{position: relative;}
.formAgreement ul{margin: 0 0 0 20px;}
.formAgreement ul p{margin: 0 0 0 0;}
.formAgreement a{color: #b2b2b2; font-size: 12px; text-decoration: underline; text-underline-offset:0.3em;}
.formAgreement a:hover{text-decoration: none;}


@media screen and (max-width: 1280px) {
#TSD .swText{bottom: 10px; }
#TSD .swText .text{font-size: 21px; padding: 0 30px;}
#TSD .swText .btn{font-size: 14px; width: 140px; height: 40px; line-height: 40px; margin: 0 0 20px 30px;}
	
.addAddWin{max-width:540px;}
.editAddWin{max-width:540px;}
.selectAddWin{max-width:540px;}
	
.userInfoWin{max-width:540px;}
.userPassWin{max-width:540px;}
.userMobileWin{max-width:540px;}
.userMailWin{max-width:540px;}
.userBindWin{max-width:540px;}
	
.topDiv .menuDiv{padding:0 30px;} 
	
.bottomDiv{margin: 80px 0 0 0; padding: 40px 30px 20px 30px;}
	
.filtersList .filtersTitle{padding: 25px 20px 25px 20px;}
.filtersList .filtersTitle div ul{font-size: 18px; line-height: 18px;}
.filtersList .filtersTitle div li{width: 18px; height: 18px; line-height: 18px;}
.filtersList .filtersOptions{padding: 0 20px 20px 20px;}
.filtersList .filtersOptions div ul{padding: 10px 0;}
.filtersList .filtersOptions div li p{padding: 2px 0 4px 0;}
.filtersList .filtersCtrl div{padding: 20px 20px;}
	
.goodsMain{padding: 0 30px;}

.goodsFilter .goodsFilterDiv{padding: 0 30px;}

.goodsType{width: 22%; margin: 0 3% 0 0;}
	
.goodsList{padding: 0 30px;}
.goodsList .goodsTypeTitle .gTitle{font-size: 20px;}
.goodsList .goodsTypeTitle .hTitle{font-size: 22px;}
.goodsList .goosTopic{margin: 0 0 40px 0;}
.goodsList .goosTopic a div{height: 400px;}
.goodsList .goosTopic a div ul li{font-size: 20px;  padding: 30px 30px;}
	
.goodsList .goodsData  .hDiv{width: 102%;}
.goodsList .goodsData .goodsDiv .hItem{width: 23%; margin: 0 2% 40px 0;}
.goodsList .goodsData  .sDiv{width: 102%;}
.goodsList .goodsData .goodsDiv .sItem{width: 31.3333333%; margin: 0 2% 40px 0;}
	
.sBag{width: 30px; height: 30px; border-radius: 30px; top: 14px; right: 24px;}
	
.goodsBase h1{font-size: 22px;}
.goodsBase h2{font-size: 16px;}
.goodsBase h3{font-size: 14px;}
.goodsBase h5{font-size: 12px;}
	
.discoverTop{margin: 120px 0 40px 0; }
.discoverTop .discoverTitle{font-size:22px;}

.discoverList{padding: 0 30px;}
.discoverList .dataType .dataTitle{font-size: 22px;}
.dataList .dataDiv .items .itemsInfo .iName{font-size: 20px;}
.dataList .dataDiv .items{margin: 0 2% 40px 0;}
	
.generalDtl{padding: 0 30px;}
.generalTitle{margin: 120px auto 50px auto; }
.generalTitle div h1{font-size: 22px;}
.generalTopic {height: 50%;}
	
.searchDiv{padding: 0 30px;}
.searchDiv .searchTool{margin: 120px auto 40px auto;}
.searchDiv .searchTool div ul li input{height: 45px; line-height: 45px; font-size: 20px; }
.searchDiv .searchTool div ul p{height: 45px; line-height: 45px;}
.searchDiv .searchTool .searchBtn i{font-size: 22px;}
.searchDiv .searchTool .clearBtn i{font-size: 18px;}
.searchDiv .searchResults .resultsTips{font-size: 22px; margin: 0 0 25px 0;}
	
.searchDiv .searchSet .searchHistory{padding: 0 0 15px 0; margin:0 0 25px 0;}
.searchDiv .searchSet div ul h1{font-size: 16px;}
.searchDiv .searchSet div ul p{font-size: 14px;}
.searchDiv .searchSet div li{margin: 15px 0 0 0;}
.searchDiv .searchSet div li a{margin: 0 20px 6px 0; font-size: 14px;}
	
.goodsDtl{margin: 80px auto 0 auto; padding: 0 30px;}
.discoverDtl{padding: 0 30px;}
	
.ubscribe{padding:40px 30px 0 30px}
.ubscribe .ubscribeTopic{font-size: 22px;}
	
.shoppingcart{margin: 120px auto 0 auto; padding: 0 30px;}
.shoppingcart .shoppingcartDiv .cartTitle{font-size: 22px; margin: 0 0 40px 0;}
.cartList .goods .gImg{width: 60px;}
.cartList .goods .gInfo h1{font-size: 16px; margin: 0 0 0 0;}
.cartList .goods .gInfo .gCtrl{margin: 10px 0 0 0; }
.cartList .goods .gInfo .gCtrl li span{font-size: 14px;}
	
.cartList .goods .gInfo .gCtrlSales li{font-size: 14px;}
	
.account .acctDiv .acctTitle{font-size:22px;}
.account .acctDiv .acctMenu{margin: 0 0 40px 0;}
.account .acctDiv{margin: 120px 0 40px 0; padding: 0 30px;}
	
.addressList div ul{margin: 0 0 15px 0; padding: 0 0 15px 0;}
.addressList div li h1{font-size:16px;}
.addressList div h6 i{font-size:18px;}
.addressAdd{max-width: 250px;}

.js-area-tips{font-size: 20px;}
	
.account .orderInfo{margin: 0 0 20px 0;}
.account .orderInfo .orderInfoD p i{font-size: 28px;}
.account .orderInfo .orderInfoD ul h1{font-size: 18px;  margin: 3px 0 3px 0;}
.account .orderInfo .orderInfoD ul h2{font-size: 14px;}
	
.account .orderInfo .orderInfoL h1{font-size: 14px;}
.account .orderInfo .orderInfoL h2{font-size: 14px;}
	
.orderCont .orderDiv .orderGoods ul p img{width: 60px;}
.orderCont .orderDiv .orderGoods ul li h2{margin: 5px 0 5px 0;}
.orderCont .orderDiv .orderGoods .orderMore{width: 60px;}
.orderCont .orderDiv .orderTotal{font-size: 14px;}
	
.payType .total{font-size: 32px;}
.totalList div{font-size: 14px;} 
	
.salesDiv h1{font-size: 20px;}
.nextDiv h1{font-size: 20px;}
.fillDiv h1{font-size: 20px;}
.logDiv h1{font-size: 20px;}
.shipList h1{font-size: 20px;}
	
.shipList .itemList{font-size: 13px;}
	
.notice .noticeDiv .noticeList div li p{width: 36px; height: 36px;}
.notice .noticeDiv .noticeList div ul h1{height: 20px; line-height: 18px; font-size: 16px; margin: 5px 0 5px 0;}
.notice .noticeDiv .noticeList div ul h2{height: 16px; line-height: 14px; font-size: 12px;}
	
.messList .noticeMess .messImg p{width: 36px; height:36px;}
.messList .noticeMess .messCont{padding: 10px 15px;}
.messList .noticeMess .messCont h1{font-size: 16px;}
.messList .noticeMess .messCont h2{font-size: 12px;}
	
.messGoods div ul li{width: 56px; height: 56px;}
.messGoods div ul li h6{line-height: 56px; font-size: 18px;}
.messGoods div p{width: 56px; height: 56px; line-height: 56px;}
	
.pageMessage h1{font-size: 20px;}
	
.formTab .formMain h1{font-size: 20px;}
	
}

@media screen and (max-width: 1024px) {
	
.goodsList .goosTopic a div{height: 300px;}
.goodsList .goosTopic a div ul li{font-family: Roboto-Regular; font-size: 18px; }
	
}

@media screen and (max-width: 750px) {
.contentGoods{font-size: 14px;}
.contentGeneral{font-size: 14px;}
	
.tips404{width: 100%;}
.tips404 div p img{max-width: 128px;}
.tips404 div ul{margin: 15px 0 0 0; text-align: center;}
	
#topShow {margin: 50px 0 40px 0;}
#TSD .swText{bottom: 0; }
#TSD .swText .text{font-size: 18px;  padding: 0 20px;}
#TSD .swText .btn{width: 140px; height: 37px; line-height: 37px; margin: 0 0 20px 20px;}
.DShow{display: none;}
.MShow{display: block;}
	
.tipsNoneCart div ul p i{font-size: 32px;}
.tipsNoneCart div ul li{font-size: 14px;}
.tipsNoneCart div ul a{font-size: 12px;}
	
.tipsNoneAcct div ul p{margin: 128px 0 10px 0;}
.tipsNoneAcct div ul p i{font-size: 32px;}
.tipsNoneAcct div ul li{font-size: 14px;}
.tipsNoneAcct div ul a{font-size: 12px;}
	
.topDiv .menuDiv{padding:0 15px; height: 50px; } 
.topDiv .menuDiv .menuCenter img{width: auto; height: 16px; margin: 17px 0 0 0;}
.topDiv .menuDiv .menuRight .menuMobile li b{right: -3px; margin: -2px 0 0 0; z-index: 2;}
	
.bottomDiv{margin: 60px 0 0 0; padding: 30px 15px 15px 15px;}
.bottomDiv .bottomInfo{display: block; margin: 0 0 20px 0; }
.bottomDiv .bottomInfo .bottomLinks{margin: 0 0 20px 0;}
.bottomDiv .bottomInfo .bottomLinks div h1{font-size: 12px; margin: 0 0 15px 0;}
.bottomDiv .bottomIcon div h1{font-size: 12px; margin: 0 0 15px 0;}
.bottomDiv .copyRight{line-height: 180%;}
	
.filtersList .filtersTitle{padding: 20px 20px 20px 20px;}
.filtersList .filtersTitle div ul{font-size: 16px; line-height: 16px;}
.filtersList .filtersTitle div li{width: 16px; height: 16px; line-height: 16px;}
.filtersList .filtersTitle div li i{font-size: 14px;}
.filtersList .filtersCtrl div p{height: 37px; line-height: 37px; font-size: 13px;}
.filtersList .filtersCtrl .clearAllBtn{height: 37px; line-height: 37px; border-radius: 37px;}
.filtersList .filtersCtrl .resultBtn{height: 37px; line-height: 37px; border-radius: 37px; margin: 0 0 6px 0;}
	
.goodsMain{padding: 0 15px; margin: 102px 0 0 0; display: block;}
	
.goodsFilter{ top: 50px;}
.goodsFilter .goodsFilterDiv{padding: 0 15px;}
	
.goodsType{width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling:touch;  margin: 0 0 0 0;  position: fixed; z-index: 4; top: 0; left: 0;}
.goodsType .goodsTypeDiv{margin: 85px 0 0 0; box-shadow:1px 0px 10px rgba(0,0,0,0.05); height: auto;}
.goodsType .goodsTypeDiv .goodsTypeList{width: auto; height: auto; padding: 20px 20px 20px 20px;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeClass h1{font-size: 14px;}
.goodsType .goodsTypeDiv .goodsTypeList .goodsTypeRecommend h1{font-size: 14px;}
	
.goodsList{padding: 0 15px;}
.goodsList .goodsTypeTitle .gTitle{font-size: 16px;}
.goodsList .goodsTypeTitle .hTitle{font-size: 18px;}
.goodsList .goodsTypeTitle .hLinks{font-size: 12px;  padding: 5px 0 0 0;}
.goodsList .goodsTypeTitle .sTitle{font-size: 14px; padding: 8px 0 0 0;}
.goodsList .goodsTypeTitle .sLinks{font-size: 12px; padding: 8px 0 0 0;}
.goodsList .goodsTypeTitle .sLinks i{font-size: 12px;}
.goodsList .goodsTypeBrand .brandImg{margin: 0 0 10px 0;}
.goodsList .goodsTypeBrand .brandCont{font-size: 12px;}
.goodsList .goosTopic{margin: 0 0 30px 0;}
.goodsList .goosTopic a div{height: 250px;}
.goodsList .goosTopic a div ul li{font-size: 16px;  padding: 20px 20px;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gSeries{font-size: 12px;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gName{font-size: 14px;}
.goodsList .goodsData .goodsDiv .goods .goodsInfo .gPrice{font-size: 12px;}
	
.goodsList .goodsData  .hDiv{width: 104%;}
.goodsList .goodsData .goodsDiv .hItem{width: 46%; margin: 0 4% 30px 0;}
.goodsList .goodsData  .sDiv{width: 104%;}
.goodsList .goodsData .goodsDiv .sItem{width: 46%; margin: 0 4% 30px 0;}
	
.removeFavorite{padding:7px 0;}
	
.goodsDtl{margin: 60px auto 0 auto; padding: 0 15px;}
.goodsDtl .goodsCont{display: block;}
.goodsDtl .goodsCont .goodsAlbum{width:auto; margin: 0 0 30px 0;}
.goodsDtl .goodsCont .goodsInfo{width: auto;}
.goodsDtl .goodsCont .goodsAlbum .prodImgSwiper{padding: 0 0 30px 0;}
.goodsBase h1{font-size: 18px;}
.goodsBase h2{font-size: 14px;}
.goodsBase h3{font-size: 12px;}

.goodsSpec .goodsCTRL .addBtn{font-size: 14px;  height: 37px; line-height: 37px; margin: 0 0 6px 0;}
.goodsSpec .goodsCTRL .buyBtn{font-size: 14px; height: 37px; line-height: 37px; margin: 0 0 6px 0;}
.goodsSpec .goodsCTRL .noneBtn{font-size: 14px; height: 37px; line-height: 37px; margin: 0 0 6px 0;}
.goodsSpec .goodsCTRL .okBtn{font-size: 14px;  height: 37px; line-height: 37px; margin: 0 0 6px 0;}
.goodsSpec .goodsCTRL .cancelBtn{font-size: 14px; height: 37px; line-height: 37px; margin: 0 0 6px 0;}
	
.goodsSpec .goodsAgent div{border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0 15px 0; margin: 20px 0 0 0;}

.sBag{width: 28px; height: 28px; border-radius: 28px; top: 12px; right: 10px;}
	
.goodsDtl .goodsDescription .goodsDescriptionDiv{width:auto; margin: 0 0 0 0; font-size: 14px;}
	
.goodsVideo {width: auto; margin: 30px 0 0 0;}
.videoPlayer .videoBtn .icon i{font-size:32px;}
	
.tabCont .tabDescription span{font-size: 12px;}
	
.goodsDtl .goodsAlbum{width:auto; margin: 30px 0 0 0; height:auto; position:relative; font-size:0;}
.goodsDtl .goodsAlbum h1{font-size: 12px; margin: 0 0 15px 0;}
.goodsDtl .goodsAlbum .albumDisplay{margin: 30px 0.0 0;}
.goodsDtl .goodsAlbum .albumShow{margin: 30px 0.0 0;}
.goodsDtl .goodsAlbum .albumDisplay div img{margin: 0 0 15px 0;}
	
.discoverTop{margin:90px 0 30px 0; }
.discoverTop .discoverTitle{font-size: 18px;}
.discoverTop .discoverType .swiper-slide{width: auto; height: 22px;}
.discoverTop .discoverType div ul li{font-size: 12px;}
	
.discoverList{padding: 0 15px;}
.discoverList .dataType .dataTitle{font-size: 18px;}
.dataList .dataDiv{width: 100%;}
.dataList .dataDiv .items{width: 100%; margin: 0 0 30px 0;}
.dataList .dataDiv .items .itemsInfo .iName{font-size: 18px;}
.dataList .dataDiv .items .itemsInfo .iType{font-size: 12px;}
.dataList .dataDiv .items .itemsInfo .iDate{font-size: 12px;}
	
.discoverDtl{padding: 0 15px;}
.discoverDtl .generalVideo{margin: 0 0 30px 0;}
.discoverDtl .generalAlbum h1{margin: 0 0 15px 0;}
	
.discoverDtl .goodsSelect .goodsSelectTitle{font-size: 14px; margin: 0 0 20px 0;}
	
.generalDtl{padding: 0 15px;}
.generalDtl .generalVideo{margin: 0 0 30px 0;}
.generalTitle{margin: 90px auto 30px auto; }
.generalTitle div h1{font-size: 18px; margin: 0 0 5px 0;}
.generalTitle div h2{font-size: 12px;}
.generalTopic {margin: 50px 0 0 0; height: 30%;}
	
.searchDiv{padding: 0 15px;}
.searchDiv .searchTool{margin: 90px auto 30px auto;}
.searchDiv .searchTool div ul li input{height: 40px; line-height: 40px; font-size:16px; }
.searchDiv .searchTool div ul p{height: 40px; line-height: 40px;}
.searchDiv .searchTool .searchBtn i{font-size: 20px;}
.searchDiv .searchTool .clearBtn i{font-size: 16px;}
.searchDiv .searchResults .resultsTips{font-size: 18px; margin: 0 0 20px 0;}
	
.searchDiv .searchSet .searchHistory{padding: 0 0 15px 0; margin:0 0 25px 0;}
.searchDiv .searchSet div ul h1{font-size: 15px;}
.searchDiv .searchSet div ul p{font-size: 13px;}
.searchDiv .searchSet div li{margin: 10px 0 0 0;}
.searchDiv .searchSet div li a{margin: 0 15px 6px 0; font-size: 13px;}
	
.ubscribe{padding:30px 15px 0 15px}
.ubscribe .ubscribeTopic{font-size: 18px;}
.ubscribe .ubscribeSubtitle{font-size: 12px;}
.ubscribe .ubscribeInput ul li input{padding:0 10px; font-size: 14px;}
.ubscribe .ubscribeInput ul button{font-size: 14px; padding: 8px 12px;}
	
.shoppingcart{margin: 90px auto 0 auto; padding: 0 15px;}
.shoppingcart .shoppingcartDiv{display: block;}
.shoppingcart .shoppingcartDiv .cartTitle{font-size: 18px; margin: 0 0 30px 0;}
.shoppingcart .shoppingcartDiv .cartLeft{width: auto; margin: 0 0 0 0;}
.shoppingcart .shoppingcartDiv .cartRight{width: auto;}
.shoppingcart .shoppingcartDiv .cartRight .cartTitle{display: none;}
	
.cartNote h1{font-size: 12px; margin: 20px 0 0 0;}
	
.cartList .goods .gSelect{padding: 0 10px 0 0;}
.cartList .goods .gSelect i{font-size: 16px;}
.cartList .goods .gImg{width: 55px;  margin: 0 10px 0 0}
.cartList .goods .gInfo h1{font-size: 14px;}
.cartList .goods .gInfo .gSpec{margin: 3px 0 1px 0}
.cartList .goods .gInfo .gSpec ul{font-size: 12px;}
.cartList .goods .gInfo .gCtrl{margin: 10px 0 0 0; }
.cartList .goods .gInfo .gCtrl li span{font-size: 12px;}
.cartList .goods .gInfo .gCtrl ul p{font-size: 12px; margin: 0 10px 0 0;}
.cartList .goods .gInfo .gCtrl ul b{margin: 0 0 0 5px;}
	
.cartList .goods .gInfo .gCtrlSales li{font-size: 12px;}
	
.cartPickup div li i{font-size: 18px;}
.cartPickup div ul{font-size: 14px;}
	
.cartAdd div a li i{font-size:18px;}
.cartAdd div a ul h1{font-size: 14px;}
.cartAdd div a ul h2{font-size: 12px;}
	
.cartVip div h1{font-size: 14px;}
.cartVip div ul{font-size: 12px;}
	
.cartSummary{border-top:solid 0 #eee; margin: 30px 0 0 0;}
.cartSummary div p{font-size: 12px;}	
.cartBtn .btnA{height: 37px; line-height: 37px; font-size: 14px; margin: 0 0 6px 0;}
.cartBtn .btnB{height: 37px; line-height: 37px; font-size: 14px; margin: 0 0 6px 0;}
	
.formDiv h1{font-size: 16px;}
.formDiv div button{height:37px; font-size:14px; }
.formDiv div p{width: 37px; height: 37px; line-height: 37px; border-radius: 37px;}
.formDiv div p i{font-size: 18px;}
.formDiv ul li h2{font-size:14px; }
.formDiv ul li h3{font-size:14px; }
.formDiv ul li input{font-size:14px; }
.formDiv textarea{font-size:14px; }

.account .acctDiv{margin: 90px 0 30px 0; padding: 0 15px;}
.account .acctDiv .acctTitle{font-size:18px;}
.account .acctDiv .acctMenu .swiper-slide{width: auto; height: 22px;}
.account .acctDiv .acctMenu{margin: 0 0 40px 0;}
.account .acctDiv .acctMenu div ul li{font-size: 12px;}
.account .acctDiv .acctCtrl{height: 37px; line-height: 37px; text-align: center; font-size: 14px; cursor: pointer;}

.addressList div h6{padding:2px 0 0 0;}
.addressList div h6 i{font-size:16px;}	
.addressList div li{margin: 0 0 0 5px;}
.addressList div li h1{font-size:14px;}
.addressList div li h2{font-size:12px;}
.addressList div p{font-size:12px; margin:0 0 0 15px;}
.addressAdd{max-width: 200px;}
	
.js-area-tips{font-size: 16px;}
.js-area-select-tips span{margin: 0 5px 0 0;}
.js-area-select-label{font-size:14px;}
	
.account .orderDiv{display: block;}
.account .orderDiv .cartLeft{width: auto; margin: 0 0 0 0;}
.account .orderDiv .cartRight{width: auto;}

.account .orderInfo{margin: 0 0 20px 0;}
.account .orderInfo .orderInfoD p i{font-size: 24px;}
.account .orderInfo .orderInfoD ul h1{font-size: 16px;  margin: 2px 0 3px 0;}
.account .orderInfo .orderInfoD ul h2{font-size: 12px;}
	
.account .orderInfo .orderInfoL h1{font-size: 12px;}
.account .orderInfo .orderInfoL h2{font-size: 12px;}
	
.orderCont .orderDiv{display: block; padding: 10px 0 10px 0;}
.orderCont .orderDiv .orderGoods{padding: 0 0 0 0;}
.orderCont .orderDiv .orderGoods ul p img{width: 55px;}
.orderCont .orderDiv .orderGoods ul li h1{font-size: 14px;}
.orderCont .orderDiv .orderGoods ul li h2{font-size: 12px;}
.orderCont .orderDiv .orderGoods ul li h3{font-size: 12px;}
.orderCont .orderDiv .orderGoods ul li h3 span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.orderCont .orderDiv .orderGoods ul p{margin: 0 15px 0 0;}
.orderCont .orderDiv .orderTotal{width: auto; border-top: 1px dashed #ddd; padding: 20px 0 0 0; margin: 10px 0 0 0;}
.orderCont .orderDiv .orderTotal .oBtn p{font-size: 14px; margin: 10px 10px 0 0;}
.orderCont .orderDiv .orderTotal .oBtn ul{float: left;}
.orderCont .orderDiv .orderTotal div{margin: 0 0 5px 0;}
.orderCont .orderDiv .orderGoods .orderMore{width: 55px;}
.orderCont .orderDiv .orderGoods .orderMore i{font-size: 14px;}
	
.cartLeft{border-bottom: 5px solid #eee;}
.selectAdd div ul{font-size: 14px; margin: 0 8px; padding: 2px 0;}
.selectAdd div p .icon-location{font-size: 18px;}
	
.alertTips div h1{font-size: 16px;}
.alertTips div ul button{height: 37px; font-size: 14px;}
	
.payType .total{font-size: 28px;}
.payType button{height: 37px; line-height: 37px; font-size: 14px;}

.salesDiv h1{font-size: 16px;}
.nextDiv h1{font-size: 16px;}
.fillDiv h1{font-size: 16px;}
.logDiv h1{font-size: 16px;}
.shipList h1{font-size: 16px;}

.salesDiv button{height: 37px; line-height: 37px; font-size: 14px;}
.nextDiv button{height: 37px; line-height: 37px; font-size: 14px;}
.fillDiv button{height: 37px; line-height: 37px; font-size: 14px;}
.logDiv button{height: 37px; line-height: 37px; font-size: 14px;}
.shipList button{height: 37px; line-height: 37px; font-size: 14px;}
	
.shipList .itemList{font-size: 12px;}
	
.fillDiv ::-webkit-input-placeholder {/* WebKit browsers */ color: #ccc; font-size: 14px; opacity: 1;}
.fillDiv input:focus::-webkit-input-placeholder { opacity: 0.5;}

.fillDiv :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 14px; opacity: 1;}
.fillDiv input:focus:-moz-placeholder {opacity: 0.5;}

.fillDiv ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; font-size: 14px; opacity: 1;}
.fillDiv input:focus::-moz-placeholder {opacity: 1;}

.fillDiv :-ms-input-placeholder {/* Internet Explorer 10+ */ color: #ccc; font-size: 14px; opacity: 1;}
.fillDiv input:focus:-ms-input-placeholder {opacity: 0.5;}
	
.notice .noticeDiv .noticeList {width: 100%;}
.notice .noticeDiv .noticeList div{width:100%; margin: 0 0 10px 0; padding: 0 0 10px 0;}
.notice .noticeDiv .noticeList div li p{width: 32px; height: 32px;}
.notice .noticeDiv .noticeList div ul h1{height: 18px; line-height: 16px; font-size: 14px;}
	
.messList .noticeMess .messImg p{width: 32px; height:32px;}
.messList .noticeMess .messCont{padding: 10px 10px;}
.messList .noticeMess .messCont h1{font-size: 14px;}
	
.messGoods div ul li{width: 52px; height: 52px; margin:0 6px 0 0;}
.messGoods div ul li h6{line-height: 52px; font-size: 16px;}
.messGoods div p{width: 52px; height: 52px; line-height: 52px;}
.messGoods div p i{font-size: 14px;}
	
.pageMessage h1{font-size:16px;}
.pageMessage button{height: 37px; margin: 0 0 6px 0; font-size: 14px;}
.pageMessage div ul{margin: 0 0 0 0; font-size: 14px;}
.pageMessage div ul li input{font-size: 14px;}
.pageMessage div ul p{font-size: 14px;}
.pageMessage .bindDiv div p{margin: 0 10px 0 0;}
.pageMessage .bindDiv div p img{width: 26px;}
.pageMessage .bindDiv div li{font-size: 14px; line-height: 26px;}
.pageMessage .bindDiv div ul{font-size: 14px; line-height: 26px;}
	
.pageMessage ::-webkit-input-placeholder {/* WebKit browsers */ color: #ccc; font-size: 14px; opacity: 1;}
.pageMessage input:focus::-webkit-input-placeholder { opacity: 0.5;}

.pageMessage :-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 14px; opacity: 1;}
.pageMessage input:focus:-moz-placeholder {opacity: 0.5;}

.pageMessage ::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; font-size: 14px; opacity: 1;}
.pageMessage input:focus::-moz-placeholder {opacity: 1;}

.pageMessage :-ms-input-placeholder {/* Internet Explorer 10+ */ color: #ccc; font-size: 14px; opacity: 1;}
.pageMessage input:focus:-ms-input-placeholder {opacity: 0.5;}
	
.setList .setDiv div {width: 100%;}
.setList .setDiv div ul{width: 100%;}
.setList .setDiv div ul h1{font-size: 14px;}
.setList .setDiv div ul h2{font-size: 14px;}
.setList .setDiv div ul li{font-size: 14px;}
.setList .setDiv div ul p{font-size: 14px;}
.setList .setDiv div ul p i{font-size: 14px;}
	
.setList .logout div li{width: 100%; height: 37px; line-height: 37px; padding: 0 0; font-size: 14px;}
	
.userAccount {border-bottom:0 solid #eee;}
.userAccount .userDiv{width: 100%;}
.userAccount .userDiv .userInfo{width: 100%; margin: 0 0 0 0;  padding: 0 0 15px 0;  border-bottom: 5px solid #eee;}
.userAccount .userDiv .userInfo div li{width: 65px; height: 65px;}
.userAccount .userDiv .userInfo div ul{margin: 0 0 0 10px;}
.userAccount .userDiv .userInfo div ul h1{font-size: 16px; margin: 0 0 2px 0;}
.userAccount .userDiv .userInfo div ul h1 b{margin: 0 10px 0 0;}
.userAccount .userDiv .userInfo div ul h1 span{font-size: 14px;}
.userAccount .userDiv .userInfo div ul h2{font-size: 14px; margin: 0 0 3px 0;}
.userAccount .userDiv .userInfo div ul h2 span{margin: 0 10px 0 10px;}
.userAccount .userDiv .userInfo div ul h2 a{margin: 0 0 0 10px;}
.userAccount .userDiv .userInfo div ul h3{font-size: 14px;}
.userAccount .userDiv .userActing{width: 100%; margin: 12px 0 0 0; padding: 0 0 15px 0;  border-bottom: 5px solid #eee; }
.userAccount .userDiv .userActing div h1{font-size: 16px;}
.userAccount .userDiv .userActing div h3{padding: 0 0 0 0;}
	
.formLogin{max-width:360px;}
.formTab .formMain h1{font-size: 18px;}
.formTab .formMain .formList button{height: 37px; font-size: 14px;}
.formTab .formMain .formList button i{font-size: 14px;}
.formInput li{margin: 0 0 6px 0;}
.formInput li input{font-size: 14px;}
.formInput li p{font-size: 14px;}
	
.formLogin .logoWith p{font-size: 14px;}
.formLogin .logoWith ul li{width: 24px; height: 24px;}
	
.agent .agentLast{margin: 0 0 10px 0;}
.agent .agentLast div ul h1{font-size: 16px;}
.agent .agentLast div ul h2{font-size: 12px;}
.agent .agentLast div li h1{font-size: 16px;}
.agent .agentLast div li h2{font-size: 12px;}
.agent .agentCtrl div{padding: 0 0 5px 0;}
.agent .agentCtrl div ul{display: block;}
.agent .agentCtrl{margin: 0 0 10px 0;}
.agent .agentCtrl div ul li{font-size: 14px; line-height: normal; margin: 0 0 5px 0;}
.agent .agentMore{margin: 0 0 2px 0; font-size: 14px;}
.agent .agentStat div {width: 100%;}
.agent .agentStat div ul{width: 100%;}
.agent .agentStat div ul h1{font-size: 14px;}
.agent .agentStat div ul h2{font-size: 14px;}
.agent .agentStat div ul li{font-size: 14px;}
.agent .agentStat div ul p{font-size: 14px;}
.agent .agentStat div ul p i{font-size: 14px;}
	
.agentList{padding: 20px 0 20px 0;}
.agentList .agentListData div p{margin: 0 10px 0 0;}
.agentList .agentListData div ul h1{font-size: 14px;}
.agentList .agentListData div li h1{margin: 2px 0 4px 0;}
	
.withdraw .withdrawAmount{margin: 0 0 20px 0;}
.withdraw .withdrawAmount ul{font-size: 24px;}
.withdraw .withdrawAmount li{font-size: 14px;}
.withdraw .withdrawInput li input{font-size: 16px;}
.withdraw .withdrawInput p{font-size: 14px;}
.withdraw h6{font-size: 14px;}
.withdraw .withdrawType{margin: 0 0 20px 0;}
.withdraw .withdrawType h3{font-size: 14px;}
.withdraw .withdrawType h5{height: 20px; margin: 0 6px 0 0;}
.withdraw .withdrawType div h2{font-size: 14px;}
.withdraw .withdrawType div{margin: 0 0 6px 0;}
.withdraw .withdrawType div p i{font-size: 16px;}
.withdraw .withdrawCtrl button{height: 37px; margin: 0 0 6px 0; font-size: 14px;}
	

}

@media screen and (max-width: 550px) {
.goodsList .goosTopic a div{height: 210px;}
}