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: 14px; line-height: 160%; font-family: HOS-C-Regular-I; margin: 30px 0 30px 0;}
.contentPage img{max-width: 100%;}
.contentPage h1{color: #000;}
.contentPage h2{color: #000;}

/*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:#58595b; background-color: #FFF; height: 100%; font-family:HOS-C-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:#666; font-family:HOS-C-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;}

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

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

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

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

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

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

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;}

.h-250 {height: 250px;}
.h-200 {height: 200px;}
.h-150 {height: 150px;}
.h-100 {height: 100px;}
.h-15p {height: 15%;}
.h-25p {height: 25%;}
.h-35p {height: 35%;}
.h-45p {height: 45%;}
.h-55p {height: 55%;}
.h-65p {height: 65%;}
.h-75p {height: 75%;}
.h-85p {height: 85%;}
.h-95p {height: 95%;}
.h-100p {height: 100%;}
.pageDiv-100 {padding: 100px 0 20px 0;}
.pageDiv-150 {padding: 150px 0 20px 0;}
.pageDiv-175 {padding: 175px 0 20px 0;}
.pageDiv-200 {padding: 200px 0 20px 0;}

.widhtDiv {max-width: 1200px; margin: 0 auto; padding: 0 0 50px 0; border-bottom: 1px solid #ddd;}
.width50 {width: 50%;}

.pageInfo { max-width: 1200px; margin: 0 auto;}
.pageInfo div {padding: 50px 0 0 0;}
.pageInfo h1 {font-size: 16px; font-family: HOS-C-Black; 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 10px 0;}

.tipsNone{width: auto; height: auto; text-align: center;}
.tipsNone div{padding: 50px 0 50px 0;}
.tipsNone div p{margin: 0 0 10px 0; color: #ccc;}
.tipsNone div p i{font-size: 48px;}
.tipsNone div ul{color: #999; font-size: 18px;}

/* 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*/

.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: 220px; height: auto;}
.tips404 div ul{margin: 30px 0 0 0; text-align: center;}
.tips404 div ul h1{font-size: 20px; margin: 0 0 10px 0; font-family:HOS-C-Bold;}
.tips404 div ul h2{font-size: 12px; line-height: 140%;}

.conDiv{max-width: 1200px; line-height: 140%; 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;}

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(0,0,0,.5); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:pointer; display:none;}
.win{margin:0 auto; display:none; position:relative; top:50%; cursor:default; z-index:9999;}
.mainDiv{background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2); 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 30px 30px 30px;}
.mainDiv .SPEC{padding:0 30px 30px 30px;}


.paymentWin{max-width:320px;}

.wechatWin{max-width:320px;}

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

.payWin{max-width:420px;}
.payType{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.payType h1{font-size: 14px; margin: 0 0 10px 0; color: #929292;}
.payType ul{border-bottom: solid 1px #cbcbcb; 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: #aaa;}
.payType ul p i{font-size: 18px;}
.payType ul:hover p{color: #333;}
.payType ul.hover p{color: #333;}
.payType .total{font-size: 36px; text-align: center; margin: 0 0 40px 0; color: #000; font-family: HOS-C-Medium;}
.payType .ordernumber{font-size: 14px; border-bottom: 1px solid #ddd; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.payType button{width: auto; height: 40px; border-radius: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#000; text-align: center; color: #fff; font-size: 16px;}
.payType button:hover{background-color: #333; cursor: pointer; text-decoration: none;}
.payType button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.salesWin{max-width:420px;}
.salesDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.salesDiv ul h1{font-size: 20px; margin: 0 0 20px 0;  color: #000; font-family: HOS-C-Medium; }
.salesDiv h3{font-size: 16px; margin: 15px 0 10px 0;  color: #000; font-family: HOS-C-Medium; }
.salesDiv ul li{border-bottom: solid 1px #cbcbcb; padding: 8px 0; line-height: 24px; cursor: pointer;}
.salesDiv ul li h2{font-size: 16px;}
.salesDiv ul li p{color: #aaa;}
.salesDiv ul li p i{font-size: 18px;}
.salesDiv ul li:hover p{color: #333;}
.salesDiv ul li.hover p{color: #333;}
.salesDiv button{width: auto; height: 40px; border-radius: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#000; text-align: center; color: #fff; font-size: 16px;}
.salesDiv button:hover{background-color: #333; cursor: pointer; text-decoration: none;}
.salesDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.nextWin{max-width:420px;}
.nextDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.nextDiv ul h1{font-size: 20px; margin: 0 0 20px 0;  color: #000; font-family: HOS-C-Medium; }
.nextDiv h3{font-size: 16px; margin: 15px 0 10px 0;  color: #000; font-family: HOS-C-Medium; }
.nextDiv ul li{border-bottom: solid 1px #cbcbcb; padding: 8px 0; line-height: 24px; cursor: pointer;}
.nextDiv ul li h2{font-size: 16px;}
.nextDiv ul li p{color: #aaa;}
.nextDiv ul li p i{font-size: 18px;}
.nextDiv ul li:hover p{color: #333;}
.nextDiv ul li.hover p{color: #333;}
.nextDiv button{width: auto; height: 40px; border-radius: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#000; text-align: center; color: #fff; font-size: 16px;}
.nextDiv button:hover{background-color: #333; cursor: pointer; text-decoration: none;}
.nextDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.fillWin{max-width:420px;}
.fillDiv{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.fillDiv h1{font-size: 20px; margin: 0 0 15px 0;  border-bottom: 1px solid #ddd; padding: 0 0 15px 0;  color: #000; font-family: HOS-C-Medium; }
.fillDiv ul h2{font-size: 16px; margin: 0 0 10px 0;  color: #999;}
.fillDiv ul h3{font-size: 14px; margin: 0 0 5px 0; color: #999;}
.fillDiv ul h3 span{color: #333;}
.fillDiv li{border: 1px solid #ddd; padding: 10px 15px; margin: 0 0 10px 0;}
.fillDiv li h6{font-size: 16px;}
.fillDiv li:hover{cursor: pointer; border: 1px  solid #a57c52;}
.fillDiv input{height:20px; font-size:16px; color: #333; padding:0; border:0;}
.fillDiv button{width: auto; height: 40px; border-radius: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#000; text-align: center; color: #fff; font-size: 16px;}
.fillDiv button:hover{background-color: #333; 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: 20px; margin: 0 0 10px 0;  border-bottom: 1px solid #ddd; padding: 0 0 15px 0;  color: #000; font-family: HOS-C-Medium; }
.logDiv ul{height: 205px; overflow: auto; -webkit-overflow-scrolling:touch; margin: 0 0 20px 0;}
.logDiv ul li{border-bottom: 1px solid #ddd; padding: 0 0 10px 0; margin: 0 0 10px 0; cursor: pointer;}
.logDiv ul li h2{font-size: 16px;}
.logDiv ul li p{color: #aaa;}
.logDiv ul li p i{font-size: 18px;}
.logDiv ul li:hover p{color: #333;}
.logDiv ul li.hover p{color: #333;}
.logDiv button{width: auto; height: 40px; border-radius: 40px; line-height: 40px; margin: 20px 0 0 0; background-color:#000; text-align: center; color: #fff; font-size: 16px;}
.logDiv button:hover{background-color: #333; cursor: pointer; text-decoration: none;}
.logDiv button.hover{background-color: #eee; cursor:default; color: #999; text-decoration: none;}

.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;}

.addMetWin{max-width:360px;}
.addMetInfo .metImg{width: auto; height: auto; border-bottom: 1px solid #ccc;}
.addMetInfo .metImg p{font-size: 0;}
.addMetInfo .metImg p img{width: 100%; height: auto;}
.addMetInfo .metInfo{width: auto; height: auto;}
.addMetInfo .metInfo ul{border-bottom: 1px solid #ccc; margin: 10px 0; padding: 0 0 10px 0;}
.addMetInfo .metInfo ul li{font-size: 14px;}
.addMetInfo .metInfo ul p{ color: #a57c52;}
.addMetInfo .metTitle{font-size: 14px; color: #000; margin: 0 0 10px 0;}
.addMetInfo .metSpec{padding: 0 0 0 0;}
.addMetInfo .metSpec ul li{width: 100%; display: inline-block; font-size: 14px; margin: 0 0 0 0;}
.addMetInfo .metSpec ul li span{display: block; float: left; padding: 3px 0; margin: 3px 10px 0 0;}
.addMetInfo .metSpec ul li p{display:block; float:left; margin:3px 10px 0 0; border:1px solid #DDD; padding:3px 10px; border-radius: 5px;}
.addMetInfo .metSpec ul li p:hover{background-color:#DDD; cursor:pointer;}
.addMetInfo .metSpec ul li p.hover{background-color:#58595b; border:1px solid #58595b; color:#FFF; cursor:default;}
.addMetInfo .metNum{width: 100%; display: inline-block; font-size: 14px; margin: 0 0 20px 0;}
.addMetInfo .metNum ul{padding: 15px 0 0 0;}
.addMetInfo .metNum ul li input{height:24px; width:50px; text-align:center; font-size:16px; font-weight:bold; padding:0; border:0;}
.addMetInfo .metNum ul p{width:24px; height:24px; line-height:24px; background-color:#c59b6d; color:#000000; font-size:18px; text-align:center; border-radius: 100%;}
.addMetInfo .metNum ul p:hover{background-color:#cea57c; cursor:pointer;}
.addMetInfo .metNum ul p.hover{background-color:#dddddd; cursor:default;}
.addMetInfo .metAddbtn{margin: 20px 0 0 0;}
.addMetInfo .metAddbtn a{width: auto; height: 36px; line-height: 36px; border-radius: 36px; padding: 0 25px;  font-size: 14px; text-align: center; display: block; border:solid 1px #000; color: #FFF; background-color: #000;}
.addMetInfo .metAddbtn a:hover{text-decoration: none; border:solid 1px #333333;  background-color: #333333; cursor: pointer;}

.selectWin{max-width:360px;}
.selectInfo .metImg{width: auto; height: auto; border-bottom: 1px solid #ccc;}
.selectInfo .metImg p{font-size: 0;}
.selectInfo .metImg p img{width: 100%; height: auto;}
.selectInfo .metInfo{width: auto; height: auto;}
.selectInfo .metInfo ul{border-bottom: 1px solid #ccc; margin: 10px 0; padding: 0 0 10px 0;}
.selectInfo .metInfo ul li{font-size: 14px;}
.selectInfo .metInfo ul p{ color: #a57c52;}
.selectInfo .metTitle{font-size: 14px; color: #000; margin: 0 0 10px 0;}
.selectInfo .metSpec{padding: 0 0 0 0;}
.selectInfo .metSpec ul li{width: 100%; display: inline-block; font-size: 14px; margin: 0 0 0 0;}
.selectInfo .metSpec ul li span{display: block; float: left; padding: 3px 0; margin: 3px 10px 0 0;}
.selectInfo .metSpec ul li p{display:block; float:left; margin:3px 10px 0 0; border:1px solid #DDD; padding:3px 10px; border-radius: 5px;}
.selectInfo .metSpec ul li p:hover{background-color:#DDD; cursor:pointer;}
.selectInfo .metSpec ul li p.hover{background-color:#58595b; border:1px solid #58595b; color:#FFF; cursor:default;}
.selectInfo .metNum{width: 100%; display: inline-block; font-size: 14px; margin: 0 0 20px 0;}
.selectInfo .metNum ul{padding: 15px 0 0 0;}
.selectInfo .metNum ul li input{height:24px; width:50px; text-align:center; font-size:16px; font-weight:bold; padding:0; border:0;}
.selectInfo .metNum ul p{width:24px; height:24px; line-height:24px; background-color:#c59b6d; color:#000000; font-size:18px; text-align:center; border-radius: 100%;}
.selectInfo .metNum ul p:hover{background-color:#cea57c; cursor:pointer;}
.selectInfo .metNum ul p.hover{background-color:#dddddd; cursor:default;}
.selectInfo .metAddbtn{margin: 20px 0 0 0;}
.selectInfo .metAddbtn a{width: auto; height: 36px; line-height: 36px; border-radius: 36px; padding: 0 25px;  font-size: 14px; text-align: center; display: block; border:solid 1px #000; color: #FFF; background-color: #000;}
.selectInfo .metAddbtn a:hover{text-decoration: none; border:solid 1px #333333;  background-color: #333333; cursor: pointer;}

.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 0 0;}
.alertTips div h1{font-size: 20px; text-align: center; margin: 10px 0 30px 0;}
.alertTips div ul button{width: auto; height: 40px; border-radius: 40px; margin: 0 5px; background-color: #000; color: #fff; font-size: 16px;}
.alertTips div ul button:hover{opacity: 0.8;}

.shipWin{max-width:500px;}
.shipList{width:auto; height:auto; padding:0 0 0 0;}
.shipList h1{font-size: 20px; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; font-family: HOS-C-Bold;}
.shipList li{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd;}
.shipList li h2{font-size: 14px; }
.shipList li p{color: #000; cursor: pointer; padding: 0 0 0 10px;}
.shipList .shipTips{margin: 0 10px 0 0;  color: #929292; display: none;}
.shipList .itemList{width: auto; height: auto; font-size: 14px; line-height: 160%; margin: 0 0 35px 0;}
.shipList button{width: 100px; height: 40px; border-radius: 40px; margin: 0 10px 0 0; background-color: #000; color: #fff; font-size: 16px;}
.shipList button:hover{opacity: 0.8;}

.add{width:auto; height:auto;}
.add h1{font-size:24px; font-family: HOS-C-Bold; color: #000; margin:0 0 15px 0;}
.add h1 span{font-size:16px; font-family: HOS-C-Medium; text-decoration: underline; text-underline-offset:0.3em; float:right; cursor:pointer;}
.add h1 span:hover{text-decoration:none;}
.add ul{margin:0 0 15px 0;}
.add ul li{border-bottom:1px solid #DDD; margin:15px 0 0 0;}
.add ul li:hover{border-bottom:1px solid #a57c52;}
.add ul li h2{font-size:16px; line-height:30px; color: #929292;}
.add ul li input{font-size:16px; color:#000; padding:0; margin:0 0 0 10px; height:30px;}
.add ul li h3{font-size:16px; color:#999; margin:0 0 0 10px; line-height:30px;}
.add ul li h3.hover{color:#000;}
.add ul li textarea{width:100%; height:46px; padding:11px 0; border:0; font-size:16px; color:#000; resize:none; overflow:hidden;}
.add div button{width:auto; height:40px; border-radius: 40px; padding: 0 40px; font-size:16px; margin: 0 10px 0 0;}
.add div p{width: 38px; height: 38px; line-height: 38px; border-radius: 38px; text-align: center; float: right;}
.add div p i{font-size: 20px;}
.add .addBtn{width: 100%; display: inline-block;}
.add .btnA{border:solid 1px #b2b2b2; color: #4d4d4d;}
.add .btnA:hover{border:solid 1px #eee; background-color: #eee; cursor: pointer;}
.add .btnB{border: solid 1px #000; background-color: #000; color: #fff;}
.add .btnB:hover{background-color: #333; border: solid 1px #333; cursor: pointer;}

.js-area-tips{font-size:18px; font-family: HOS-C-Medium; color: #000; margin:0 0 15px 0;}
.js-area-select-tips{display: inline-block; margin:0 0 4px 0;}
.js-area-select-tips span{width: 28px; height: 28px; line-height: 24px; border-radius: 28px; text-align: center; display: block; float: left; background-color: #000; color: #fff; margin: 0 10px 0 0;}
.js-area-select-tips span i{font-size: 16px;}
.js-area-select-tips span:hover{background-color: #333; cursor: pointer;}
.js-area-select-label{height: 28px; line-height: 30px; font-size:18px; font-family: HOS-C-Medium; float: left;}
.js-area-select-label b{font-weight: normal;}

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

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

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

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

.goodsWin{max-width:540px;}
.goodsData{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.goodsData .titleSpec{width: 100%; height: auto;}
.goodsData .titleSpec h1{color: #000000; font-size: 16px; }
.goodsData .titleSpec h2{font: 14px;}

.goodsData .contSpec{width: 100%; height: auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.goodsData .contSpec .imgSpec{width:auto; height: auto; margin: 0 10px 0 0; position: relative;}
.goodsData .contSpec .imgSpec p{width:110px; height: 110px; font-size: 0; position: relative;}
.goodsData .contSpec .imgSpec p img{width:100%; height: auto; z-index: 1;}

.sGoodsW{width: 110px; height: 110px; display: block; position: absolute; top: 50%; left: 50%; margin: -55px 0 0 -55px; z-index: 99999;}

.goodsData .contSpec .divSpec{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding: 0 0 30px 0;}
.goodsData .contSpec .divSpec .goodsSpec{padding: 0 0 0 0;}
.goodsData .contSpec .divSpec .goodsSpec ul li{width: 100%; display: inline-block; font-size: 14px; margin: 0 0 0 0;}
.goodsData .contSpec .divSpec .goodsSpec ul li span{display: block; float: left; padding: 3px 0; margin: 3px 10px 0 0;}
.goodsData .contSpec .divSpec .goodsSpec ul li p{display:block; float:left; margin:3px 10px 0 0; border:1px solid #DDD; padding:3px 10px; border-radius: 5px;}
.goodsData .contSpec .divSpec .goodsSpec ul li p:hover{background-color:#DDD; cursor:pointer;}
.goodsData .contSpec .divSpec .goodsSpec ul li p.hover{background-color:#58595b; border:1px solid #58595b; color:#FFF; cursor:default;}

.goodsData .contSpec .divSpec .goodsNum{width: 100%; display: inline-block; font-size: 14px;}
.goodsData .contSpec .divSpec .goodsNum ul{padding: 15px 0 0 0;}
.goodsData .contSpec .divSpec .goodsNum ul li input{height:24px; width:50px; text-align:center; font-size:16px; font-weight:bold; padding:0; border:0;}
.goodsData .contSpec .divSpec .goodsNum ul p{width:24px; height:24px; line-height:24px; background-color:#c59b6d; color:#000000; font-size:18px; text-align:center; border-radius: 100%;}
.goodsData .contSpec .divSpec .goodsNum ul p:hover{background-color:#cea57c; cursor:pointer;}
.goodsData .contSpec .divSpec .goodsNum ul p.hover{background-color:#dddddd; cursor:default;}

.goodsData .goodsBuy{border-top: solid 1px #cbcbcb; padding: 20px 0 0 0;}
.goodsData .goodsBuy ul li{width: auto; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 25px; margin: 0 0 0 15px; font-size: 14px;}
.goodsData .goodsBuy ul a{width: auto; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 25px; margin: 0 0 0 15px; font-size: 14px; display: block;}
.goodsData .goodsBuy ul a:hover{text-decoration: none;}
.goodsData .goodsBuy ul p{color:#a57c52; font-size: 16px; line-height: 30px;}
.goodsData .goodsBuy .bgA{border:solid 1px #000000; color: #FFFFFF; background-color: #000000;}
.goodsData .goodsBuy .bgA:hover{border:solid 1px #333333;  background-color: #333333; cursor: pointer;}
.goodsData .goodsBuy .bgB{border:solid 1px #b2b2b2; color: #4d4d4d;}
.goodsData .goodsBuy .bgB:hover{border:solid 1px #EEEEEE; background-color: #EEEEEE; cursor: pointer;}
.goodsData .goodsBuy div{margin: 0 0 0 15px; border:solid 1px #EEEEEE; background-color: #eee; border-radius: 100%; position: relative;}
.goodsData .goodsBuy div:hover{background-color: #ddd; border:solid 1px #ddd; cursor: pointer;}
.goodsData .goodsBuy div li{width: 16px; height: 16px; margin: 7px 7px; overflow: hidden; position: relative; z-index: 1;}
.goodsData .goodsBuy div li img{width: 100%; height: auto;}
.goodsData .goodsBuy div p{width: 7px; height: 7px; border-radius: 100%; background-color: #ff0000; position: absolute; z-index: 2; top: 0px; right: 0px;}

.msgWin{max-width:600px;}
.pageMessage{width:auto; height:auto; padding:0 20px 20px 20px;}
.pageMessage h1{font-size: 24px; color: #000; font-family:HOS-C-Bold;}
.pageMessage h2{font-size: 12px; margin: 10px 0 0 0; font-family: HOS-C-Regular-I;}
.pageMessage h3{font-size: 12px; margin: -20px 0 20px 0; font-family: HOS-C-Regular-I; color: #b3b3b3;}
.pageMessage h4{font-size: 12px; margin: -10px 0 0 0; color: #000000;}
.pageMessage h4 a{color: #000; font-family:HOS-C-Bold;}
.pageMessage h4 input{width: 12px; height: 12px; border: 1px solid #ddd; position: relative; margin: 0 5px -2px 0;}
.pageMessage div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; margin: 0 0 10px 0;}

.pageMessage div ul p{cursor: pointer; line-height: 20px; padding: 0 0 0 15px; font-size: 16px; color: #4d4d4d;}
.pageMessage div ul p b{font-weight: normal; color: #aaa; margin: 0 10px 0 0;}
.pageMessage div ul{width: auto; font-size: 14px;}
.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{height: 32px; padding: 0 0; font-size: 16px;}
.pageMessage div ul li textarea{height: 80px; padding: 0 0; resize:none;}
.pageMessage button{width: 100px; height: 40px; border-radius: 40px; margin: 0 10px 0 0; background-color: #000; color: #fff; font-size: 16px;}
.pageMessage button:hover{opacity: 0.8;}
.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: 20px 0 0 0;}
.pageMessage .bindDiv div{border-bottom: 1px solid #ddd; margin: 0 0 15px 0; position: relative;}
.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; cursor: pointer;}
.pageMessage .bindDiv div.hover ul{color: #999;}
.pageMessage .bindDiv div::after{content:''; display:block; width:0; height:1px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.pageMessage .bindDiv div:hover::after{width:100%;}

.cookieTips{width: 100%; height: auto; position: fixed; bottom: 0; z-index: 99; box-shadow:0px -2px 5px rgba(0,0,0,0.1);}
.cookieTips div{width:auto; height: auto; background-color: #fff; padding: 35px 35px 20px 35px;}
.cookieTips div ul h1{font-size: 18px; font-family:HOS-C-Black; margin: 0 0 10px 0;}
.cookieTips div ul h2{font-size: 14px; line-height: 140%;}
.cookieTips div li{padding: 0 0 0 30px;}
.cookieTips div li button{background-color: #e50012; color: #fff; font-size: 16px; width: auto; height: 40px; line-height: 40px; border-radius: 5px; padding: 0 18px; font-family: F-M-Medium;}
.cookieTips div li button:hover{opacity: 0.9;}

.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(20%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.langOpen {cursor: pointer;}

.Webmenu {width: 100%; position: fixed; top: 0px; z-index: 5; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);}

.loading {width: auto; height: auto; margin: 40px auto; text-align: center;}
.loading img {width: 50px; height: 50px;}

.menuBtn {width: 180px; height: 180px; position: absolute; left: 50%; bottom: 0; cursor: pointer; z-index: 7; pointer-events: auto; opacity: 0;

  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.2s;
  -o-transition-timing-function: ease;
}

.menuBtn div {width:auto; height:auto; position: relative; margin: 40px 40px 40px 40px;
  transition-property: margin;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: margin;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: margin;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: margin;
  -o-transition-duration: 0.2s;
  -o-transition-timing-function: ease;
}
.menuBtn:hover div{width:auto; height:auto; position: relative; margin: 42px 42px 42px 42px;}
.menuBtn.hover div{margin: 43px 43px 43px 43px;}
.menuBtn div ul {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;
  -webkit-animation: openBtnRotate 0.5s forwards ease;
  animation: openBtnRotate 0.5s forwards ease;
}

@keyframes openBtnRotate {
  from {
    -webkit-transform: rotate(30deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes openBtnRotate {
  from {
    -webkit-transform: rotate(30deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@-webkit-keyframes openBtnRotate {
  from {
    -webkit-transform: rotate(30deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@-o-keyframes openBtnRotate {
  from {
    -webkit-transform: rotate(30deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}


.menuBtn div li {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; z-index: 2; opacity: 0;}
.menuBtn div p {position: absolute; color: #fff; font-family: HOS-C-Black; font-size: 16px; letter-spacing: 1px; top: 52%; left: 50%; z-index: 3;}

.menuArea {width: 100%; height: 100%; position:fixed; top: 0; left: 0; z-index: 7; pointer-events: none;/* background: rgba(0, 0, 0, 0.2);*/}
.menuArea .Left-M {width: 180px; height: 180px; top: 50%; left: 0; margin-top: -90px; position: absolute; z-index: 1;/* background: rgba(0, 0, 0, 0.2);*/}
.menuArea .Left-B {width: 180px; height: 180px; bottom: 0; left: 0; position: absolute; z-index: 1;/* background: rgba(0, 0, 0, 0.2);*/}
.menuArea .Right-M {width: 180px; height: 180px; top: 50%; right: 0; margin-top: -90px; position: absolute; z-index: 1;/* background: rgba(0, 0, 0, 0.2);*/}
.menuArea .Right-B {width: 180px; height: 180px; bottom: 0; right: 0; position: absolute; z-index: 1;/* background: rgba(0, 0, 0, 0.2);*/}
.menuArea .Bottom-M { width: 180px; height: 180px; bottom: 0; left: 50%; margin-left: -90px; position: absolute; z-index: 1;/* background: rgba(0, 0, 0, 0.2);*/}

.menuList-Left-M {top: 50%; left: 140px;}
.menuList-Right-M {top: 50%; right: 140px;}
.menuList-Left-B {bottom: 140px; left: 340px;}
.menuList-Right-B {bottom: 140px; right: -60px;}
.menuList-Bottom-M {bottom: 140px; left: 50%;}

.menuBtn.hover li {opacity: 1;}
.menuBtn.hover ul {top: 0; left: 0;
  -webkit-animation: closeBtnRotate 0.5s forwards ease;
  animation: closeBtnRotate 0.5s forwards ease;
}

@keyframes closeBtnRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
  }
}

@-moz-keyframes closeBtnRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
  }
}

@-webkit-keyframes closeBtnRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
  }
}

@-o-keyframes closeBtnRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
  }
}

.menuList {width: 320px; height: 560px; padding: 40px 40px; display: none; position: fixed; -webkit-overflow-scrolling: touch; z-index: 8;
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: width;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: width;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}

.menuList .menuListBg{width: 100%; height:100%; overflow: auto; -webkit-overflow-scrolling:touch; background: rgba(96, 56, 19, 0.95); color: #fff; border-radius: 10px; }

.menuList .menuListBg .menuListDiv{opacity: 0; top: 10px; position: relative;
  transition-property: top opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: top opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: top opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: top opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}

.menuList .menuListBg .menuListDiv .search{width: auto; height: auto;}
.menuList .menuListBg .menuListDiv .search div{margin: 30px 25px 20px 25px;}
.menuList .menuListBg .menuListDiv .search div ul li input{width: auto; height: 30px; font-size: 18px;  color: #fff;}
.menuList .menuListBg .menuListDiv .search div ul p{width: 32px; height: 32px; padding: 0 0; text-align: center; cursor: pointer;}
.menuList .menuListBg .menuListDiv .search div ul p img{width: 20px; height: 20px; margin:5px 0 0 5px;}
.menuList .menuListBg .menuListDiv .search .closeBtn{display: none;}

.menuList .menuListBg .menuListDiv .keyList{width: auto; height:auto; display: none;}
.menuList .menuListBg .menuListDiv .keyList div{width: auto; height: 410px;  overflow:auto; -webkit-overflow-scrolling:touch; padding: 0 27px 0 27px;}
.menuList .menuListBg .menuListDiv .keyList div li{font-size: 18px; margin: 0 0 5px 0;}
.menuList .menuListBg .menuListDiv .keyList div li a{overflow: hidden; white-space:nowrap; text-overflow:ellipsis; display: block; line-height: 240%;}
.menuList .menuListBg .menuListDiv .keyList div li p{line-height: 240%; margin: 0 0 0 10px;}
.menuList .menuListBg .menuListDiv .keyList div li p i{font-size: 18px;}
.menuList .menuListBg .menuListDiv .keyList ul{margin:20px 30px 0 0; text-align: right;}
.menuList .menuListBg .menuListDiv .keyList ul a{font-size: 16px;}

.menuList .menuListBg .menuListDiv .menuLinks{width: auto; height: auto;}
.menuList .menuListBg .menuListDiv .menuLinks div{text-align: center; color: #fff;}
.menuList .menuListBg .menuListDiv .menuLinks div ul{margin:0 0 20px 0;}
.menuList .menuListBg .menuListDiv .menuLinks div ul a{display: block; font-size: 32px; margin: 0 0 5px 0; line-height: 160%;}
.menuList .menuListBg .menuListDiv .menuLinks div li{margin:0 0 20px 0;}
.menuList .menuListBg .menuListDiv .menuLinks div li a{display: block; font-size: 16px; margin: 0 0 7px 0; line-height: 160%;}
.menuList .menuListBg .menuListDiv .menuLinks div p img{width: 22px; height: auto;}
.menuList .menuListBg .menuListDiv .menuLinks div p:hover{opacity: 0.8; cursor: pointer;}

.goBack{padding: 22px 22px;}
.goBack img{width: 30px; height: auto; cursor: pointer;}
.goBack img:hover{opacity: 0.8;}

.winTitle{font-family: HOS-C-Black; text-transform:uppercase; font-size: 16px; margin: 0 0 20px 0;}

.langList{width: auto; height: auto; display: none;}
.langList ul{text-align: center;}
.langList ul li{height: 40px; line-height: 40px;}
.langList ul li a.hover{text-decoration-line: underline;}

.menuBg {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(197, 155, 109, 0.5); /*background: radial-gradient(circle, #ffffff 10%, #c59b6d 90%);*/ z-index: 5; cursor: default; display: none;}

.topDiv{width: auto; height: auto; position: relative;}

.topMenu{width: 100%; height: 120px; position:fixed; top: 0; left: 0; z-index: 2; pointer-events: none;}

.topLogo{width: 80px; height: 80px; text-align: center; position:absolute; top: 30px; left: 50%; margin: 0 0 0 -40px; overflow: hidden; z-index: 2; pointer-events: auto;}
.topLogo img{width:80px; height: auto;}
.topLogo:hover{cursor: pointer; opacity: 0.8;}
.topLogo.hover img{margin:-80px 0 0 0;}

.topLogoText{width: auto; height: 36px; text-align: center; position:absolute; overflow: hidden; z-index: 2; pointer-events: auto;}
.topLogoText img{width:auto; height: 72px;}
.topLogoText:hover{cursor: pointer; opacity: 0.8;}
.topLogoText.hover img{margin:-36px 0 0 0;}
.logoLeft{top: 45px; left: 50px;}
.logoCenter{top: 45px; left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.topIcon{width: auto; height: auto; text-align: center; position: absolute; top: 45px; right: 47px; z-index: 2; pointer-events: auto;}
.topIcon div ul{width: 40px; height: 40px; border-radius: 100%; margin: 0 0 0 15px; position: relative;}
.topIcon div ul p{width: 8px; height: 8px; border-radius: 100%; position: absolute; z-index: 2; top: 4px; right: 0px; background-color:#ff0000;}
.topIcon div ul:hover{opacity: 0.8; cursor: pointer;}
.topIcon div ul li{width: 30px; height: 30px; margin: 5px 5px; overflow: hidden; position: relative; z-index: 1;}
.topIcon div ul li img{width: 30px; height:auto;}
.topIcon.hover div ul li img{width: 30px; height:auto; margin: -30px 0 0 0;}

.pageBack{width: auto; height: auto; top: 45px; left: 50px; position: fixed; z-index: 4;}
.pageBack p{text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; font-size: 0; overflow: hidden;}
.pageBack p img{width: 100%; height: auto;}
.pageBack .btnA{background:rgba(200,200,200,.8);}
.pageBack .btnA:hover{cursor: pointer; background:rgba(0,0,0,1);}
.pageBack .btnA:hover img{margin: -40px 0 0 0;}
.pageBack .btnB{background:rgba(255,255,255,1);}
.pageBack .btnB:hover{cursor: pointer; background:rgba(0,0,0,1);}
.pageBack .btnB:hover img{margin: -40px 0 0 0;}

.menuLevel{width: 100%; height: auto; position: relative; left: 0; z-index: 4;}
.menuFixed{width: 100%; height: auto; position: relative; left: 0; z-index: 4;}
.menuAbsolute{width: 100%; height: auto; position: relative; left: 0; z-index: 4;}
.menuRelative{width: 100%; height: auto; position: relative; left: 0; z-index: 4;}
.menuDiv{width: 100%; height: auto; position: relative;}
.tabs {max-width:100%; height:40px; margin:0 auto 0 auto; white-space:nowrap;
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: width;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: width;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
.tabs ul{height: 40px;}
.tabs ul li{font-size:14px; width: auto;}
.tabs ul li a{border:#000 1px solid; background:rgba(255,255,255,.8); display:inline-block; padding:0 25px; margin:0 10px; width:auto; height:30px; border-radius:30px; line-height:30px;}
.tabs a {cursor:pointer; color: #4d4d4d;}
.tabs a:hover{text-decoration: none;}
.tabs .current {background-color: #000; color: #fff;}
.tabs a.hover {background-color: #000; color: #fff; text-decoration: none;}
.tabs ul li a span{font-size: 12px; margin: 0 0 0 5px;}
.tabs ul li p{margin:0 10px; text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; background-color: #ddd; border: 1px solid #ddd;}
.tabs ul li p:hover{cursor: pointer;}

.tabsRegister{max-width:100%; height:40px; margin:0 auto 0 auto; white-space:nowrap;}
.tabsRegister ul{width: 100%; height: auto; display: inline-block; position: relative;}
.tabsRegister ul li{float: left; margin: 0 15px 0 0;}
.tabsRegister ul li a{color:#58595b;}

.menuSubTabs {max-width:100%; height:40px; margin:0 auto 0 auto; white-space:nowrap;
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: width;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: width;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
.menuSubTabs ul{height: 40px;}
.menuSubTabs ul li{font-size:14px; width: auto;}
.menuSubTabs ul li a{border:#8b6239 1px solid; background:rgba(255,255,255,.8); display:inline-block; padding:0 25px; margin:0 10px; width:auto; height:28px; border-radius:28px; line-height:28px;}
.menuSubTabs a {cursor:pointer; color: #4d4d4d;}
.menuSubTabs a:hover{text-decoration: none;}
.menuSubTabs a.hover {background-color: #8b6239; color: #fff; text-decoration: none;}

.menuSonTabs {max-width:100%; height:40px; margin:0 auto 0 auto; white-space:nowrap;
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: width;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: width;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
.menuSonTabs ul{height: 40px;}
.menuSonTabs ul li{font-size:14px; width: auto;}
.menuSonTabs ul li a{border:#c6b198 1px solid; background:rgba(255,255,255,.8); display:inline-block; padding:0 25px; margin:0 10px; width:auto; height:28px; border-radius:28px; line-height:28px;}
.menuSonTabs a {cursor:pointer; color: #4d4d4d;}
.menuSonTabs a:hover{text-decoration: none;}
.menuSonTabs a.hover {background-color: #c6b198; color: #fff; text-decoration: none;}

.menuAcct {max-width:100%; height:40px; margin:0 auto 0 auto; white-space:nowrap;
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: width;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: width;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
.menuAcct ul{height: 40px;}
.menuAcct ul li{font-size:14px; width: auto;}
.menuAcct ul li a{display:inline-block; padding:0 25px; margin:0 10px; width:auto; height:28px; border-radius:28px; line-height:28px;}
.menuAcct a {cursor:pointer; color: #000;}
.menuAcct a:hover{text-decoration: none; background:rgba(255,255,255,.3);}
.menuAcct a.hover {background-color: #fff; color: #000; text-decoration: none;}

#topShow {width: 100%;height:100%; position: relative; z-index: 1; padding: 0 0 0 0;}
#TSD {width: 100%;height: 100%;overflow:hidden;}
#TSD .swiper-slide {position: relative; overflow: hidden; width: 100%;height: 100%;background-size: cover;background-position: center center;}
#TSD video {position:absolute; top:50%; left: 50%; z-index: 1;}
#TSD .swText{position: absolute; top: 50%; left: 50%; z-index: 2; text-align: center; color: #FFF; cursor: pointer;}
#TSD .swText p{font-size: 68px; line-height: 120%; font-family: HOS-C-Regular-I;}
#TSD .swText h6{font-size: 16px; margin: 10px auto 0 auto; font-family: HOS-C-Regular-I; color: #c59b6d; max-width: 480px; line-height:160%; text-align: center;}
#TSD .swiper-button-prev{left: 0px; color:#fff; padding: 15px 20px;}
#TSD .swiper-button-prev:hover{background-color: #c59b6d;}
#TSD .swiper-button-next{right: 0px; color:#fff; padding: 15px 20px;}
#TSD .swiper-button-next:hover{background-color: #c59b6d;}

#topShowx {width: 100%;height:70%; position: relative; z-index: 1; padding: 0 0 0 0;}
#TSDx {width: 100%;height: 100%;overflow:hidden;}
#TSDx .swiper-slide {position: relative; overflow: hidden; width: 100%; height: 100%; background-size: cover;background-position: center center;}
#TSDx video {position:absolute; top:50%; left: 50%; width: 100%; height: 100%; object-fit: cover; z-index: 1;}

.browse{padding: 0 50px 100px 50px;}
.browse .bTitle{font-family: HOS-C-Black; font-size: 26px; text-align: center;  margin: 100px 0 40px 0;}
.browse .locaLinks{font-size: 16px; text-align: center;  padding:140px 0 40px 0;}
.browse .locaLinks a{color: #231815;}
.browse .locaLinks span i{color: #b2b2b2; margin: 0 5px; font-size: 12px;}
.browse .locaLinks .iLinks{font-family: HOS-C-Black; }

.pinList{width: auto; margin: 50px 0 0 0;}
.pinList .swiper-slide ul{width: auto; height: auto; padding: 0 0; margin: 0 0 30px 0; position: relative; cursor: pointer; background-color: #fff; font-size: 0;}
.pinList .swiper-slide ul img{width: 100%; height: auto; position: relative; z-index: 1;}
.pinList .swiper-slide h1{font-size: 16px; text-align: center; padding: 10px 0 30px 0;}

.iDiyMet{width: auto; height: auto;}
.iDiyMet div{width:100%; height: auto; position: relative; padding: 20px 0;}
.iDiyMet div li{position: absolute; top: 30px; left: 50%; z-index: 3; text-align: center; font-family: HOS-C-Regular-I; color: #000;}
.iDiyMet div li h1{font-size: 48px;}
.iDiyMet div li h2{font-size: 24px;}
.iDiyMet div ul{position: absolute; bottom: 70px; left: 50%; z-index: 2; text-align: center;}
.iDiyMet div ul h6{font-size: 16px;}
.iDiyMet div p{max-width: 90%; height: auto; position: relative; margin: 0 auto; z-index: 1;}
.iDiyMet div p img{width: 100%; height: auto;}

.award{width: 100%; height: 600px; position: relative; padding:0 0 100px 0;}
.award div{width: 100%; height: 100%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.award div p{width: 350px; height: auto; position: absolute; top: 30px; left: 30px;}
.award div p img{width: 100%; height: auto;}
.award div ul{width: 100%; bottom: 60px; position: absolute;}
.award div ul li{max-width: 500px; margin: 0 auto; text-align: center;}
.award div ul li h1{font-family: HOS-C-Black; font-size: 32px; color:#231815; margin: 0 0 10px 0;}
.award div ul li h2{font-family: HOS-C-Regular-I; font-size: 16px; color: #4d4d4d; line-height: 160%;}

.iModule{width: 100%; height:auto; position: relative; }
.iModule div{padding: 0 0 140px 0;}
.iModule div p{max-width:1600px; height: auto; margin: 0 auto; padding: 30px 50px 80px 50px;}
.iModule div p img{width: 100%; height: auto;}
.iModule div ul{width: 100%; height: auto;}
.iModule div ul li{max-width: 500px; margin: 0 auto; text-align: center;}
.iModule div ul li h1{font-family: HOS-C-Black; font-size: 32px; color:#231815; margin: 0 0 10px 0;}
.iModule div ul li h2{font-family: HOS-C-Regular-I; font-size: 16px; color: #4d4d4d; line-height: 160%;}

.iNeko{width: 100%; height:auto; position: relative; margin: 0 0 50px 0;}
.iNeko div{max-width: 1200px; height: auto; margin: 0 auto; padding: 0 50px;}
.iNeko div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.iNeko div ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; position: relative; cursor: pointer; font-size: 0px;}
.iNeko div ul li img{width:100%; height: auto; position: relative; z-index: 1;}
.iNeko div ul li h1{width:100%; height: 100%; position: absolute; z-index: 2; background: rgba(197, 155, 109, 0.9); opacity: 0; font-size: 16px; color: #fff; top: 0; left: 0;
  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;
}
.iNeko div ul li h1:hover{opacity: 1;}
.iNeko div ul li h1 span{top: 50%; left: 50%; position: absolute;}
.iNeko div ul li h1 span i{font-size: 48px;}
.iNeko div ul p{width: 50px;}

.diyMetTips{width: 100%; height:100%; position: relative; z-index: 1;}
.diyMetTips div{width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; color: #000;}
.diyMetTips div ul{width: 100%; height: auto; position: absolute; z-index: 2; top: 45%; left: 50%; font-family: HOS-C-Regular-I;}
.diyMetTips div ul li h1{font-size: 48px;}
.diyMetTips div ul li h2{font-size: 24px;}
.diyMetTips div ul h6{max-width:40%; margin: 0 auto; font-size: 16px; z-index: 2;}
.diyMetTips div ul h5{width: auto; height: 200px;}
.diyMetTips div p{width: 100%; height: 100%; position: relative; z-index: 1; background-size: 95% auto; background-position: center center; background-repeat: no-repeat;}

.diyMetTips div .PC{display: inherit;}
.diyMetTips div .Mobile{display:none;}

.diyMet{width: auto; height: auto;}
.diyMet .stepTips{width: auto; height: auto; margin: 0 0 30px 0;}
.diyMet .stepTips div{width: 240px; height: auto; margin: 0 auto;}
.diyMet .stepTips div ul p{width: 40px; height: 40px; line-height: 40px; border-radius: 100%; text-align: center; margin: 0 auto; background-color: #ccc;}
.diyMet .stepTips div ul.hover p{background-color: #c59b6d; color: #fff;}
.diyMet .stepTips div ul h1{font-size: 12px; margin: 5px 0 0 0; color: #999;}
.diyMet .stepTips div ul.hover h1{color: #333;}
.diyMet .stepTips div li{width: auto; height: 2px; background-color: #ccc; margin: 19px 5px 0 5px;}


/*MET DIY START*/

.metDiySet{width: 100%; height:100%; position: relative; z-index: 1;}
.metDiySet .metDiy{width: 100%; height:100%; position: relative;}

.metDiySet .metDiy .metMake .metItem{width: auto; font-size: 0; z-index: 2; user-select: none;}
.metDiySet .metDiy .metMake .metItem img{width: auto; height: 100%;  position: relative; z-index: 1; cursor: move;}
.metDiySet .metDiy .metMake .metItem p{width: 100%; height: 100%; position: absolute; cursor: move; background:rgba(197, 155, 109, 0.5); opacity: 0; z-index: 2;}
.metDiySet .metDiy .metMake .metItem img:hover{opacity: 0.8;}

.metDiySet .metDiy .metTool{width: auto; height: 25%; position: relative; box-shadow:inset 0px 0px 5px rgba(0,0,0,0.07); background-color: #f9f9f9;}
.metDiySet .metDiy .metTool .imgSwiper{width: auto; height:90%; position:relative;}
.metDiySet .metDiy .metTool .metItem{width: auto; height: 100%; position: relative;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul{width: auto; height: 100%; position: relative;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul li{height:10%; padding: 10px 0; position: relative; text-align: center; font-size: 0;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul li img{height: 100%; width: auto; position: relative; z-index:1;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul p{width:auto; height:30px; margin: 0 0 30px 0; position: relative;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul p span{position: absolute; display: block; background-color: #ccc;  color: #fff; width: 26px; height: 26px; line-height: 26px; border-radius: 100%; text-align: center; top: 50%; left: 50%; cursor: pointer;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul p span:hover{background-color: #a57c52;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul p span i{font-size: 16px;}
.metDiySet .metDiy .metTool .metItem .swiper-slide ul h1{font-size: 12px; text-align: center; margin: 0 0 30px 0;}
.metDiySet .metDiy .metTool .metStep{width: auto; height: 50px; background-color: #eee;}

.metDiyCtrlPrev{width: auto; height: 36px; line-height: 36px; position:absolute; bottom: 30%; left: 20px; z-index: 99;}
.metDiyCtrlPrev ul{background-color: #fff; border: 1px solid #ddd; padding: 0 10px; border-radius: 36px;}
.metDiyCtrlPrev ul:hover{background-color: #333; border: 1px solid #333; color: #fff; cursor: pointer;}
.metDiyCtrlPrev ul li{padding: 0 5px;}
.metDiyCtrlPrev ul p{padding: 0 5px;}
.metDiyCtrlPrev a{color: #58595b;}
.metDiyCtrlPrev a:hover{text-decoration: none;}
.metDiyCtrlNext{width: auto; height: 36px; line-height: 36px; position:absolute; bottom: 30%; right: 20px; z-index: 99;}
.metDiyCtrlNext ul{background-color: #fff; border: 1px solid #ddd; padding: 0 10px; border-radius: 36px;}
.metDiyCtrlNext ul:hover{background-color: #333; border: 1px solid #333; color: #fff; cursor: pointer;}
.metDiyCtrlNext ul li{padding: 0 5px;}
.metDiyCtrlNext ul p{padding: 0 5px;}
.metDiyCtrlNext a{color: #58595b;}
.metDiyCtrlNext a:hover{text-decoration: none;}

.metDiyCtrlList{width: auto; height: 36px; line-height: 36px; position:absolute; bottom: 40%; right: 20px; z-index: 99;}
.metDiyCtrlList ul{background-color: #fff; border: 1px solid #ddd; padding: 0 10px; border-radius: 36px;}
.metDiyCtrlList ul:hover{background-color: #333; border: 1px solid #333; color: #fff; cursor: pointer;}
.metDiyCtrlList ul.hover{background-color: #333; border: 1px solid #333; color: #fff; cursor: pointer;}
.metDiyCtrlList ul li{padding: 0 5px;}
.metDiyCtrlList ul p{padding: 0 5px;}

.metDiyListDiv{width: 300px; height: 45%; margin-top:15%; position:absolute; bottom: 40%; right: 120px; z-index: 100; border: 1px solid #ddd; background-color: #fff; box-shadow:0px 5px 5px rgba(0,0,0,0.1);}
.metDiyListDiv .metDiyList{width: auto; height: auto; overflow:auto; -webkit-overflow-scrolling:touch;}
.metDiyListDiv .metDiyList div{width: auto; height: 60px; border-bottom: 1px solid #ddd;}
.metDiyListDiv .metDiyList div:hover{background-color: #f9f9f9;}
.metDiyListDiv .metDiyList div.hover{background-color: #f9f9f9;}
.metDiyListDiv .metDiyList div li{width: 60px; height: 60px; margin: 0 5px;  font-size: 0;}
.metDiyListDiv .metDiyList div li img{width: 100%; height: auto;}
.metDiyListDiv .metDiyList div ul h1{font-size: 14px; margin:5px 0 2px 0; height: 16px;  width: 100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.metDiyListDiv .metDiyList div ul h2{font-size: 12px; color: #999; margin: 0 0 2px 0;}
.metDiyListDiv .metDiyList div ul h3{font-size: 12px; color: #a57c52;}
.metDiyListDiv .metDiyList div p{padding: 0 15px; line-height: 60px; border-left: 1px solid #ddd;}
.metDiyListDiv .metDiyList div p i{font-size: 20px;}
.metDiyListDiv .metDiyList div p:hover{background-color: #ff0000; color: #fff; cursor: pointer;}
.metDiyListDiv .metDiyList div p.hover{background-color: #f9f9f9; color: #ccc; cursor: default;}

.metDiyListDiv .metDiyTotal{width: auto; height: 35px; line-height: 35px; border-top: 1px solid #ddd;}
.metDiyListDiv .metDiyTotal div{font-size: 14px;}
.metDiyListDiv .metDiyTotal div ul{padding: 0 0 0 15px;}
.metDiyListDiv .metDiyTotal div ul b{color: #a57c52; font-family: HOS-C-Bold;}
.metDiyListDiv .metDiyTotal div p{padding: 0 17.5px;}
.metDiyListDiv .metDiyTotal div p:hover{background-color: #ddd; cursor: pointer;}

/*MET DIY TYPE A 竖款2条槽*/

.metDiySet .metDiy .metTypeA{width: auto; height: auto; margin:60px 0 40px 0; position: relative;}
.metDiySet .metDiy .metTypeA .metBody{width: auto; height: 100%; position:absolute; left: 50%; z-index: 2; text-align: center; font-size: 0; pointer-events:none; user-select: none;}
.metDiySet .metDiy .metTypeA .metBody img{width: auto; height: 100%;}

.metDiySet .metDiy .metTypeA .slotTop{width: 80%; height: auto; position: absolute; display: inline-block; /*border:1px dashed #ccc;*/ z-index: 3; left: 50%; text-align: center;}
.metDiySet .metDiy .metTypeA .slotTop .metItem{position:relative;}
.metDiySet .metDiy .metTypeA .metSlot{width: 80%; height: 83%; margin: 0 0 0 0; position: absolute; z-index: 1; left: 50%;}
.metDiySet .metDiy .metTypeA .metSlot .slotT{width: auto; position: relative; z-index: 1;}
.metDiySet .metDiy .metTypeA .metSlot .slotLR{width:auto;  position:relative; z-index: 1;}
.metDiySet .metDiy .metTypeA .metSlot .slotLR .slotLeft{width:auto; height: 100%; margin: 0 0 0 0;  position:relative; /*border:1px dashed #ccc; */}
.metDiySet .metDiy .metTypeA .metSlot .slotLR .slotLeft .metItem{position:absolute; right: 0;}
.metDiySet .metDiy .metTypeA .metSlot .slotLR .slotRight{width:auto; height: 100%; margin: 0 0 0 0;  position:relative; /*border:1px dashed #ccc;*/ }
.metDiySet .metDiy .metTypeA .metSlot .slotLR .slotRight .metItem{position:absolute; left:0;}
.metDiySet .metDiy .metTypeA .metSlot .slotLR .slotLeft:hover{/*border:1px dashed #ff7c1a;*/ /* background: linear-gradient(to left,#b0ffad,#ffffff);*/}
.metDiySet .metDiy .metTypeA .metSlot .slotLR .slotRight:hover{/*border:1px dashed #ff7c1a;*/ /*background: linear-gradient(to right,#b0ffad,#ffffff);*/}
.metDiySet .metDiy .metTypeA .slotTop:hover{/*border:1px dashed #ff7c1a;*/ /*background: linear-gradient(to top,#b0ffad,#ffffff);*/}

/*MET DIY TYPE B 横款1条槽*/

.metDiySet .metDiy .metTypeB{width: auto; height: auto; margin:0 30% 0 30%; position: relative;}
.metDiySet .metDiy .metTypeB .metBody{width: 100%; height:auto; position:absolute; top: 50%; z-index: 1; text-align: center; font-size: 0; pointer-events:none; user-select: none;}
.metDiySet .metDiy .metTypeB .metBody img{width: 100%; height: auto;}

.metDiySet .metDiy .metTypeB .metSlot{width: 100%; height:80%; position: absolute; z-index: 2; top: 50%;}
.metDiySet .metDiy .metTypeB .metSlot .slotF{width:auto;  position:relative; z-index: 1;}
.metDiySet .metDiy .metTypeB .metSlot .slotF .slotFront{width:auto; height: 100%; margin: 0 0 0 0; position:relative; /*border:1px dashed #ccc;*/ }
.metDiySet .metDiy .metTypeB .metSlot .slotF .slotFront .metItem{position:absolute; top: 50%; font-size: 0; }
.metDiySet .metDiy .metTypeB .metSlot .slotF .slotFront .metItem img{width: 100%; height: auto;}
.metDiySet .metDiy .metTypeB .metSlot .slotF .slotFront:hover{/*border:1px dashed #ff7c1a;*/ /*background: linear-gradient(to right,#b0ffad,#ffffff);*/}

/*MET DIY TYPE C 竖款1条槽*/

.metDiySet .metDiy .metTypeC{width: auto; height: auto; margin:60px 0 60px 0; position: relative;}
.metDiySet .metDiy .metTypeC .metBody{width:auto; height:100%; position:absolute; left: 50%; z-index: 1; text-align: center; font-size: 0; pointer-events:none; user-select: none;}
.metDiySet .metDiy .metTypeC .metBody img{width:auto; height: 100%;}

.metDiySet .metDiy .metTypeC .metSlot{width: 80%; height:100%; position: absolute; z-index: 2; left: 50%;}
.metDiySet .metDiy .metTypeC .metSlot .slotF{width:auto;  position:relative; z-index: 1;}
.metDiySet .metDiy .metTypeC .metSlot .slotF .slotFront{width:auto; height: 100%; margin: 0 0 0 0; position:relative; /*border:1px dashed #ccc;*/ }
.metDiySet .metDiy .metTypeC .metSlot .slotF .slotFront .metItem{position:absolute; left: 50%}
.metDiySet .metDiy .metTypeC .metSlot .slotF .slotFront:hover{/*border:1px dashed #ff7c1a;*/ /*background: linear-gradient(to right,#b0ffad,#ffffff);*/}

/*MET DIY TYPE D 横款2条槽*/

.metDiySet .metDiy .metTypeD{width: auto; height: auto; margin:0 30% 0 30%; position: relative;}
.metDiySet .metDiy .metTypeD .metBody{width: 100%; height:auto; position:absolute; top: 50%; z-index: 2; text-align: center; font-size: 0; pointer-events:none; user-select: none;}
.metDiySet .metDiy .metTypeD .metBody img{width: 100%; height: auto;}

.metDiySet .metDiy .metTypeD .metSlot{width: 85%; height: 80%; position: absolute; z-index: 1; top: 50%; left: 50%;}
.metDiySet .metDiy .metTypeD .metSlot .slotTB{width:auto;  position:relative; z-index: 1;}
.metDiySet .metDiy .metTypeD .metSlot .slotTB .slotTop{width:auto; height: 100%; margin: 0 0 0 0; position:relative;  /*border:1px dashed #ccc;*/ }
.metDiySet .metDiy .metTypeD .metSlot .slotTB .slotTop .metItem{position:absolute; bottom:0;}
.metDiySet .metDiy .metTypeD .metSlot .slotTB .slotBottom{width:auto; height: 100%; margin: 0 0 0 0; position:relative; /*border:1px dashed #ccc;*/ }
.metDiySet .metDiy .metTypeD .metSlot .slotTB .slotBottom .metItem{position:absolute; top:0;}
.metDiySet .metDiy .metTypeD .metSlot .slotTB .metItem img{width: 100%; height: auto;}
.metDiySet .metDiy .metTypeD .metSlot .slotTB .slotTop:hover{/*border:1px dashed #ff7c1a;*/ /* background: linear-gradient(to left,#b0ffad,#ffffff);*/}
.metDiySet .metDiy .metTypeD .metSlot .slotTB .slotBottom:hover{/*border:1px dashed #ff7c1a;*/ /*background: linear-gradient(to right,#b0ffad,#ffffff);*/}

/*MET DIY END*/

.pageBottom{width:100%; height: auto; position: relative; background-color: #7a7a7a; margin: 0 0 0 0;}
.pageBottom .pageBDiv{max-width: 1600px; height: auto; margin: 0 auto; padding: 30px 50px 0 50px; font-size: 14px; line-height: 160%; color: #989898;}
.pageBottom .pageBDiv .pageBLinks{margin: 0 0 10px 0;}
.pageBottom .pageBDiv .pageBLinks div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; padding: 0 0 30px 0;}
.pageBottom .pageBDiv .pageBLinks div ul{width:900px;}
.pageBottom .pageBDiv .pageBLinks div ul li{width: 20%; margin: 0 5% 20px 0; float: left; display: inline-block;}
.pageBottom .pageBDiv .pageBLinks div ul li a:first-of-type{color: #eee; font-family: HOS-C-Bold; margin: 0 0 3px 0;}
.pageBottom .pageBDiv .pageBLinks div h6{display: block;}
.pageBottom .pageBDiv .pageBLinks div h6 b{display: block; text-align: right;}
.pageBottom .pageBDiv .pageBLinks div h6 b a{display: inline-block;}
.pageBottom .pageBDiv .pageBLinks div h6 b a img{width: auto; height: 40px; margin: 30px 0 0 0;}
.pageBottom .pageBDiv .pageBLinks div h6 b a img:hover{opacity: 0.8; cursor: pointer;}
.pageBottom .pageBDiv .pageBLinks div p{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.pageBottom .pageBDiv .pageBLinks span{display: block;}
.pageBottom .pageBDiv .pageBLinks a{color: #bbb; display: block;}
.pageBottom .pageBDiv .pageBSns{margin: 0 0 20px 0;}
.pageBottom .pageBDiv .pageBSns div ul{position: relative;}
.pageBottom .pageBDiv .pageBSns div ul li{display: inline-block; width: 25px; height: 25px; margin: 0 25px 0 0;}
.pageBottom .pageBDiv .pageBSns div ul li img{width: 100%; height: auto;}
.pageBottom .pageBDiv .pageBSns div ul li:hover{opacity: 0.8; cursor: pointer;}
.pageBottom .pageBDiv .pageBInfo{padding: 0 0 30px 0; color: #bbb;  font-size: 12px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.pageBottom .pageBDiv .pageBInfo p{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.pageBottom .pageBDiv .pageBInfo a{color: #bbb;}
.pageBottom .pageBDiv .pageBInfo span{margin: 0 10px;}

.pageMenu{position:relative; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.pageMenu .pageTitle{width: auto; margin: 0 auto;}
.pageMenu .pageTitle h1{font-size: 56px; line-height: 120%; font-family: HOS-C-Regular-I;  color: #000; padding: 120px 0 0 0;}
.pageMenu .pageTitle h2{font-size: 18px; margin: 0 auto; font-family: HOS-C-Regular-I; color: #b2b2b2; max-width: 680px; line-height:160%; padding: 10px 0 50px 0;}
.pageMenu .pageTitle h3{font-size: 14px; margin: 0 auto; font-family: HOS-C-Regular-I; color: #b2b2b2; max-width: 680px; line-height:160%; padding: 50px 0 30px 0;}

.pageMenu .pageIcon{width: auto; margin: 0 auto;}
.pageMenu .pageIcon ul{width: auto; height: auto; padding: 120px 0 0 0;}
.pageMenu .pageIcon ul li{width: 120px; height: 120px; border-radius: 100%; overflow: hidden; margin: 0 auto; background-color: #eee; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.pageMenu .pageIcon ul li p{width: 100%; height: 100%; background:rgba(0,0,0,.5); z-index: 1; opacity: 0; color: #fff; cursor: pointer;
  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;
}
.pageMenu .pageIcon ul li p i{font-size: 32px; position:absolute; top: 50%; left: 50%;}
.pageMenu .pageIcon ul li:hover p{opacity: 1;}
.pageMenu .pageIcon h1{font-size: 56px; line-height: 120%; font-family: HOS-C-Regular-I;  color: #000; padding: 20px 0 60px 0;}

.loading{width:auto; height:auto; margin:30px auto; text-align:center;}
.loading img{width:50px; height:50px;}

.productsDiv{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px;}
.productsList{width: 100%; height: auto; position:relative;}
.productsList .item .itemImg{border-bottom:1px solid #cbcbcb; position:relative; font-size: 0; position: relative; cursor: pointer; background-color: #fff;}
.productsList .item .itemImg::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.productsList .item .itemImg:hover::after{width:100%;}
.productsList .item .itemImg img{width: 100%; height: auto;}
.productsList .item .itemInfo{margin: 20px 0 0 0;}
.productsList .item .itemInfo ul h1{font-size: 18px; color: #000000; margin: 0 0 5px 0;}
.productsList .item .itemInfo ul h2{font-size: 16px; color: #4d4d4d;}
.productsList .item .itemInfo li h1{font-size: 18px; text-align: right; color: #a57c52; margin: 0 0 5px 0;}
.productsList .item .itemInfo li h2{font-size: 16px; text-align: right; color: #b2b2b2}
.productsList .item .itemBuy{margin: 15px 0 0 0; width: 28px; height: 28px; overflow: hidden; cursor: pointer;}
.productsList .item .itemBuy img{width: 100%; height: auto;}
.productsList .item .itemBuy:hover img{margin: -28px 0 0 0;}

.modularDiv{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px;}
.modularList{width: 100%; height: auto; overflow: hidden;}
.modularList .itemDiv{width: 103%; height: auto; position:relative; display: inline-block; display: flex; flex-wrap:wrap;}
.modularList .item{float: left; width: 17%; margin: 0 3% 50px 0; height: auto; padding: 0 0;}
.modularList .item .itemImg{border-bottom:1px solid #cbcbcb; position:relative; font-size: 0; position: relative; cursor: pointer; background-color: #fff;}
.modularList .item .itemImg::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.modularList .item .itemImg:hover::after{width:100%;}
.modularList .item .itemImg img{width: 100%; height: auto;}
.modularList .item .itemInfo{margin: 20px 0 0 0;}
.modularList .item .itemInfo ul h1{font-size: 16px; color: #000000; margin: 0 0 5px 0;}
.modularList .item .itemInfo ul h2{font-size: 14px; color: #4d4d4d;}
.modularList .item .itemInfo li h1{font-size: 16px; text-align: right; color: #a57c52; margin: 0 0 5px 0;}
.modularList .item .itemInfo li h2{font-size: 14px; text-align: right; color: #b2b2b2}
.modularList .item .itemBuy{margin: 15px 0 0 0; width: 20px; height: 20px; overflow: hidden; cursor: pointer;}
.modularList .item .itemBuy img{width: 100%; height: auto;}
.modularList .item .itemBuy:hover img{margin: -20px 0 0 0;}

.diyBaseDiv{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px;}
.diyBaseList{width: 100%; height: auto; position:relative;}
.diyBaseList .item .itemImg{border-bottom:1px solid #cbcbcb; position:relative; font-size: 0; position: relative; cursor: pointer; background-color: #fff;}
.diyBaseList .item .itemImg::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.diyBaseList .item .itemImg:hover::after{width:100%;}
.diyBaseList .item .itemImg img{width: 100%; height: auto;}
.diyBaseList .item .itemInfo{margin: 15px 0;}
.diyBaseList .item .itemInfo  h1{font-size: 18px; color: #000; margin: 0 0 10px 0; font-family: HOS-C-Bold;}
.diyBaseList .item .itemInfo h2{font-size: 12px; color: #999; line-height: 140%;}
.diyBaseList .item .itemSet{margin: 15px 0;}
.diyBaseList .item .itemSet  h1{font-size: 16px; color: #000; margin: 0 0 5px 0; font-family: HOS-C-Regular;}
.diyBaseList .item .itemSet h2{font-size: 12px; color: #bbb; line-height: 140%;}
.diyBaseList .item .itemMore{border-top: 1px solid #ddd; padding:15px 0;}
.diyBaseList .item .itemMore div{font-size: 14px;}
.diyBaseList .item .itemMore div span{color: #a57c52;}
.diyBaseList .item .selectTool{padding: 0 0 20px 0;}
.diyBaseList .item .selectTool p{width: 100px; height: 40px; line-height: 40px; border-radius: 40px;  background-color: #000000; color: #fff; text-align: center; font-size: 14px; font-family: HOS-C-Bold; display: block;}
.diyBaseList .item .selectTool p:hover{background-color: #39b44a; cursor: pointer; text-decoration: none;}

.diyMetMain{max-width: 1600px; height:auto;  padding: 0 50px; margin: 0 auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.diyMetMain .diyImg{width: 40%; height: auto;}
.diyMetMain .diyImg p{width: auto; height:auto; aspect-ratio: 1 / 1; font-size: 0;  margin: 100px 100px 30px 0;  border-right:1px solid #ddd; background-position: center center; background-repeat: no-repeat; background-size:cover;}
.diyMetMain .diyImg p img{width: 100%; height: auto;}
.diyMetMain .diyImg div{position: relative; margin: 0 0 20px 0;}
.diyMetMain .diyImg div a{color: #58595b; border: 1px solid #ddd; width: auto;  height: 35px; line-height: 35px; border-radius: 35px;  padding: 0 15px; display: inline-block; text-align: center; font-size: 14px; text-decoration: none;}
.diyMetMain .diyImg div a i{margin: 0 10px 0 0; font-size: 14px;}
.diyMetMain .diyImg div a:hover{color: #fff; border: 1px solid #333; background-color: #333;}

.diyMetMain .diyList{width: 60%; height: auto;  -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.diyMetMain .diyList .diyListTitle{font-family: HOS-C-Bold; font-size: 20px; margin: 100px 0 20px 0; padding: 0 0 20px 0; border-bottom: 3px solid #666;}

.diyMetMain .diyList .diyListItem{width: auto; height: auto;}
.diyMetMain .diyList .diyListItem div{width: auto; height: 70px; padding: 5px 0;  border-bottom: 1px solid #ddd;}
.diyMetMain .diyList .diyListItem div p{width: 60px; height: 60px; margin: 5px 20px 5px 0;  font-size: 0;}
.diyMetMain .diyList .diyListItem div p img{width: 100%; height: auto;}
.diyMetMain .diyList .diyListItem div ul h1{font-size: 16px; margin:13px 0 7px 0; height: 20px;  width: 100%; font-family: HOS-C-Medium;  overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.diyMetMain .diyList .diyListItem div ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.diyMetMain .diyList .diyListItem div ul li h2{font-size: 14px; color: #999; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.diyMetMain .diyList .diyListItem div ul li h3{font-size: 14px; color: #a57c52; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.diyMetMain .diyList .diyListItem div ul li h4{font-size: 14px; color: #999; text-align: right;}

.diyMetMain .diyList .diyListITotal{width: auto; height: 40px; line-height: 40px; margin: 20px 0 60px 0;}
.diyMetMain .diyList .diyListITotal div{font-size: 18px;}
.diyMetMain .diyList .diyListITotal div ul{padding: 0 0 0 0;}
.diyMetMain .diyList .diyListITotal div ul span{margin: 0 5px 0 0;}
.diyMetMain .diyList .diyListITotal div ul strong{color: #a57c52; font-family: HOS-C-Bold; margin: 0 10px 0 0;}
.diyMetMain .diyList .diyListITotal div ul b{color: #a57c52; font-family: HOS-C-Bold;margin: 0 0 0 10px;}
.diyMetMain .diyList .diyListITotal p{margin: 0 0 0 20px; padding: 0 20px; border-radius: 40px; font-size: 14px;}
.diyMetMain .diyList .diyListITotal .btn-A{background-color: #fff; border: solid 1px #b2b2b2; color: #4d4d4d;}
.diyMetMain .diyList .diyListITotal .btn-A:hover{background-color: #ddd; border: solid 1px #ddd; cursor: pointer;}
.diyMetMain .diyList .diyListITotal .btn-B{background-color: #000; border: solid 1px #000; color: #fff;}
.diyMetMain .diyList .diyListITotal .btn-B:hover{background-color: #333; border: solid 1px #333; cursor: pointer;}
.dtlCont{max-width: 1600px; margin:0 auto; padding: 100px 50px 0 50px;}
.dtlCont .dtlDiv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; border-bottom: solid 1px #cbcbcb;}
.dtlCont .dtlDiv .dtlInfo{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding: 0 20% 0 0;}
.dtlCont .dtlDiv .dtlInfo ul{font-family: HOS-C-Regular-I;}
.dtlCont .dtlDiv .dtlInfo ul h1{color: #000000; font-size: 42px;}
.dtlCont .dtlDiv .dtlInfo ul h2{color: #b2b2b2; font-size: 18px; line-height: 160%; margin: 15px 0;}
.dtlCont .dtlDiv .dtlInfo ul li{color: #4d4d4d; font-size: 16px; line-height: 160%;}

.dtlCont .dtlDiv .dtlGoods{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.dtlCont .dtlDiv .dtlGoods .titleSpec{width: 100%; height: auto;}
.dtlCont .dtlDiv .dtlGoods .titleSpec h1{color: #000000; font-size: 18px; padding: 30px 0 0 0; border-top: solid 1px #cbcbcb;}
.dtlCont .dtlDiv .dtlGoods .titleSpec h2{font: 16px;}

.dtlCont .dtlDiv .dtlGoods .contSpec{width: 100%; height: auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec{width: auto; height: auto; margin: 0 30px 0 0; position: relative;}
.dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p{width: 150px; height: 150px; font-size: 0; position: relative; z-index: 1;}
.dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p img{width: 100%; height: auto;}

.sGoods{width: 150px; height: 150px; display: block; position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -75px; z-index: 10;}

.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding: 0 0 30px 0;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec{padding: 0 0 10px 0;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li{width: 100%; display: inline-block; font-size: 18px; margin: 0 0 5px 0;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li span{display: block; float: left; padding: 3px 0; margin: 5px 10px 0 0;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li p{display:block; float:left; margin:5px 10px 0 0; border:1px solid #DDD; padding:5px 15px; border-radius: 5px;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li p:hover{background-color:#DDD; cursor:pointer;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li p.hover{background-color:#58595b; border:1px solid #58595b; color:#FFF; cursor:default;}

.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum{width: 100%; display: inline-block; font-size: 14px;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul{padding: 10px 0 0 0;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul li input{height:30px; width:50px; text-align:center; font-size:20px; font-weight:bold; padding:0; border:0;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul p{width:30px; height:30px; line-height:30px; background-color:#c59b6d; color:#000000; font-size:24px; text-align:center; border-radius: 100%;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul p:hover{background-color:#cea57c; cursor:pointer;}
.dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul p.hover{background-color:#dddddd; cursor:default;}

.dtlCont .dtlDiv .dtlGoods .goodsBuy{border-top: solid 1px #cbcbcb; padding: 40px 0;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy ul li{width: auto; height: 40px; line-height: 40px; border-radius: 40px; padding: 0 25px; margin: 0 0 0 20px; font-size: 16px; display: block;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy ul a{width: auto; height: 40px; line-height: 40px; border-radius: 40px; padding: 0 25px; margin: 0 0 0 20px; font-size: 16px;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy ul a:hover{text-decoration: none;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy ul p{color:#a57c52; font-size: 20px; line-height: 40px;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy ul p s{color:#b2b2b2; font-size: 18px; margin: 0 0 0 10px;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy .bgA{border:solid 1px #000000; color: #FFFFFF; background-color: #000000;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy .bgA:hover{border:solid 1px #333333;  background-color: #333333; cursor: pointer;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy .bgB{border:solid 1px #b2b2b2; color: #4d4d4d;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy .bgB:hover{border:solid 1px #EEEEEE; background-color: #EEEEEE; cursor: pointer;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy div{margin: 0 0 0 20px; border:solid 1px #EEEEEE; background-color: #eee; border-radius: 100%; position: relative;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy div:hover{background-color: #ddd; border:solid 1px #ddd; cursor: pointer;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy div li{width: 24px; height: 24px; margin: 8px 8px; overflow: hidden; position: relative; z-index: 1;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy div li img{width: 100%; height: auto;}
.dtlCont .dtlDiv .dtlGoods .goodsBuy div p{width: 8px; height: 8px; border-radius: 100%; background-color: #ff0000; position: absolute; z-index: 2; top: 1px; right: 1px;}

.specDtl{max-width: 1600px; margin:0 auto;}
.specDtl .specTitle{text-align: center;font-family: HOS-C-Light-I;font-size:48px; color: #000000; padding:50px 0 50px 0;}
.specDtl .specList{max-width: 800px; height: auto; margin: 0 auto 100px auto;}
.specDtl .specList div{width: 100%; height: auto; overflow: hidden;}
.specDtl .specList div ul{width:113.33%; height: auto; position: relative;}
.specDtl .specList div ul li{float: left; width: 20%; margin: 0 13.33% 20px 0;}
.specDtl .specList div ul li p{font-size: 0;}
.specDtl .specList div ul li p img{width: 100%; height: auto;}
.specDtl .specList div ul li h1{text-align: center; font-size: 16px; margin: 10px 0 0 0;}

.contDiv{max-width: 1600px; margin:0 auto; line-height: 160%; font-size:16px; color:#666;}
.contDiv img{max-width: 100%; height: auto;}

.dimDtl{max-width: 1600px; margin:0 auto; padding: 50px 0 0 0;}
.dimDtl p{margin: 0 0 20px 0; font-size: 0;}
.dimDtl p img{width: 100%; height: auto;}

.viewAuto{width: auto; height: auto;}
.viewAuto .viewDiv{width: auto; height: auto; padding:50px 0 0 0; position: relative; margin: 0 auto;}
.viewAuto .viewDiv .viewUnit{position:relative; max-width: 1400px; max-height: 790px; margin: 0 auto; background-position: center center; background-size: contain; background-repeat: no-repeat; background-color: #FFF;}
.viewAuto .viewDiv .viewUnit img{width: 100%; height: auto;}
.viewAuto .viewDiv .viewLoad{width: 100%; min-height:160px; margin: 0 0 50px 0; background-color:#fff; position:relative;}
.viewAuto .viewDiv .viewLoad p{width: 60px; height: 60px; padding: 50px 50px; position: absolute; top: 50%; left: 50%; background-position: center center; background-size: 40% 40%; background-repeat: no-repeat;}
.viewAuto .viewInfo{width: auto; height: auto; position: relative; margin: 30px 0 0 0;}
.viewAuto .viewInfo .viewTabs{width: 100%; height: auto; margin:0 0 15px 0;}
.viewAuto .viewInfo .viewTabs div{width: 100%; height: auto; display: inline-block; text-align: center;}
.viewAuto .viewInfo .viewTabs div li{display: inline-block; padding: 0 10px; font-size: 14px; color: #999; text-underline-offset: 0.3em; cursor: pointer;}
.viewAuto .viewInfo .viewTabs div li:hover{color: #000;}
.viewAuto .viewInfo .viewTabs div li.hover{color: #000; cursor: default; text-decoration: underline;}
.viewAuto .viewInfo .viewTips{text-align: center; font-size: 12px; color: #999; text-transform:uppercase; letter-spacing: 1px;}
.viewAuto .viewInfo .viewTips i{font-size: 12px; margin: 0 10px;}
.viewAuto .viewInfo .viewCtrl{width: auto; height: auto; text-align: center; margin:15px 0 0 0;}
.viewAuto .viewInfo .viewCtrl p{width: auto; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 20px; font-size: 14px; cursor: pointer; background-color: #000; display: inline-block; color: #fff;}
.viewAuto .viewInfo .viewCtrl p:hover{background-color: #333; color: #fff;}
.viewAuto .viewInfo .viewCtrl p.hover{background-color: #eee; color: #000;}

.viewFull{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: #fff;}
.viewFull .viewDiv{width: 100%; height: 100%; padding:0 0 0 0; position: relative; margin: 0 auto;}
.viewFull .viewDiv .viewUnit{position:relative; width: 100%; height: 100%; margin: 0 auto; background-position: center center; background-size: contain; background-repeat: no-repeat; background-color: #000;}
.viewFull .viewDiv .viewUnit img{width: 100%; height: auto;}
.viewFull .viewDiv .viewLoad{width: 100%; min-height:160px; margin: 0 0 50px 0; background-color:#fff; position:relative;}
.viewFull .viewDiv .viewLoad p{width: 60px; height: 60px; padding: 50px 50px; position: absolute; top: 50%; left: 50%; background-position: center center; background-size: 40% 40%; background-repeat: no-repeat;}
.viewFull .viewInfo{width: 100%; height: auto; padding: 0 0 30px 0; position: fixed; z-index: 100; bottom: 0; left: 0;}
.viewFull .viewInfo .viewTabs{width: 100%; height: auto; margin:0 0 15px 0; display: none;}
.viewFull .viewInfo .viewTabs div{width: 100%; height: auto; display: inline-block; text-align: center;}
.viewFull .viewInfo .viewTabs div li{display: inline-block; padding: 0 10px; font-size: 14px; color: #999; text-underline-offset: 0.3em; cursor: pointer;}
.viewFull .viewInfo .viewTabs div li:hover{color: #000;}
.viewFull .viewInfo .viewTabs div li.hover{color: #000; cursor: default; text-decoration: underline;}
.viewFull .viewInfo .viewTips{text-align: center; font-size: 12px; color: #999; text-transform:uppercase; letter-spacing: 1px;}
.viewFull .viewInfo .viewTips i{font-size: 12px; margin: 0 10px;}
.viewFull .viewInfo .viewCtrl{width: auto; height: auto; text-align: center; margin:15px 0 0 0;}
.viewFull .viewInfo .viewCtrl p{width: auto; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 20px; font-size: 14px; cursor: pointer; background-color: #000; display: inline-block; color: #fff;}
.viewFull .viewInfo .viewCtrl p:hover{background-color: #333; color: #fff;}
.viewFull .viewInfo .viewCtrl p.hover{background-color: #eee; color: #000;}

.paramTab{padding: 50px 0 0 0;}
.paramTab table, th, td {border: 1px solid #cbcbcb; border-collapse: collapse; font-size: 18px;}
.paramTab td{ padding: 10px 5px 5px 10px;}
.paramTab table{width: 100%;}
.paramTab .tab1{width: 180px; font-family: HOS-C-Black;}

.downDtl{max-width: 1600px; margin:0 auto; padding: 50px 0 0 0;}
.downDtl .downDiv{width: 100%; height: auto; overflow:hidden;}
.downDtl .downDiv .downList{width: 102%; height: auto; position: relative;}
.downDtl .downDiv .downList div{width: 18%; margin: 0 2% 15px 0; float: left}
.downDtl .downDiv .downList div:hover ul{border: solid 1px #c69c6d;}
.downDtl .downDiv .downList div ul{border: solid 1px #cbcbcb; border-radius:15px;}
.downDtl .downDiv .downList div ul h6{width: 35px; height: 35px; padding: 30px 30px; font-size: 0;}
.downDtl .downDiv .downList div ul h6 img{width: 100%; height: auto;}
.downDtl .downDiv .downList div ul li{padding: 10px 10px 10px 0;}
.downDtl .downDiv .downList div ul li h1{width: 100%; height: 36px; line-height: 18px; font-size:14px; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }
.downDtl .downDiv .downList div ul li p{margin: 8px 0 0 0;}
.downDtl .downDiv .downList div ul li p{width: 25px; height: 25px; line-height: 25px; overflow: hidden; text-align: center; border: 1px solid #b3b3b3; color:#b3b3b3; border-radius: 100%;}
.downDtl .downDiv .downList div ul li p img{width: 100%; height: auto;}
.downDtl .downDiv .downList div ul li p:hover{cursor: pointer; background-color: #000; border: 1px solid #000; color:#fff;}
.downDtl .downDiv .downList div ul li p:hover img{margin: -25px 0 0 0;}

.newsList{max-width: 1630px; margin: 50px auto 50px auto; padding: 0 35px; position:relative;}
.newsList .newsData {width: 100%; height: auto; position: relative; margin:50px 0 50px 0; display: inline-block;}
.newsList .newsData .newsImg{width: 50%; height: 100%; position:absolute; top: 0;}
.newsList .newsData .newsImg div{margin: 0 15px; position: relative;}
.newsList .newsData .newsImg div li{width:100%; height: 100%; background-size: cover; background-position:center center; background-repeat: no-repeat;}
.newsList .newsData .newsCont{width: 50%; height: auto; position: relative;}
.newsList .newsData .newsCont div{margin:0 15px;}
.newsList .newsData .newsCont div h1{font-family: HOS-C-Black; font-size: 32px; color: #000; padding: 0 0 20px 0; line-height: 160%;}
.newsList .newsData .newsCont div ul{font-family: HOS-C-Regular-I; font-size: 16px; color: #4d4d4d; line-height: 160%;}
.newsList .newsData .newsCont div li{font-family: HOS-C-Regular-I; font-size: 16px; color: #b2b2b2; padding: 50px 0 0 0; position: relative;}
.newsList .newsData .newsCont div li p{line-height: 30px;}
.newsList .newsData .newsCont div li a{width: auto; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 15px; border: 1px solid #999; color: #999; font-size: 16px;}
.newsList .newsData .newsCont div li a:hover{background-color: #999; color: #fff; text-decoration: none; font-size: 16px;}
.newsList .newsLeft .newsImg{left: 0;}
.newsList .newsLeft .newsCont{float: right;}
.newsList .newsRight .newsImg{right: 0;}
.newsList .newsRight .newsCont{float: left;}
.dtlNews{width: auto; height: auto;}
.dtlNotice{width: auto; height: auto;}
.contTitle{width: auto; height: auto; padding: 0 0 50px 0; color: #000; font-family: HOS-C-Regular-I;}
.contTitle h1{font-size: 42px; line-height: 160%;}
.contTitle h2{font-size: 16px; padding: 20px 0 0 0; color: #999;}

/*.menuScroll div ul li{display: inline-block;}
.menuScroll div ul li a{display: inline-block;}*/
.menuScroll div ul li a.hover{background-color:#000; color: #fff;}
.menuScroll div ul li a.active{background-color:#000; color: #fff;}

.pageList{max-width: 1600px; margin: 50px auto 50px auto; padding: 50px 50px 0 50px; position:relative;}
.pageListNext{max-width: 1600px; margin: 0 auto 50px auto; padding: 0 50px 0 50px; position:relative;}
.pageLine{border-top: solid 1px #cbcbcb; padding: 50px 0 50px 0;}

.pageLR{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.pageLR .pageListArea{width: 35%;}
.pageLR .pageListCont{width: 65%;}
.pageLR .pageListTitle{font-family: HOS-C-Black; font-size: 32px; color: #231815; text-transform:uppercase; margin: 30px 0 30px 0;}

.pLTitle{font-family: HOS-C-Black; font-size: 24px; color: #231815; text-transform:uppercase; padding: 80px 0 0 0; margin: 50px 0 0 0; border-top: solid 1px #cbcbcb;}
.imgFull{font-size: 0; width: 100%; height: auto; margin: 0 0 20px 0;}
.imgFull img{width: 100%; height: auto;}

.pagePic{width: 100%; height: auto; font-size: 0;}
.pagePic img{width: 100%; height: auto;}

.pageCont-A div ul{font-size: 14px; line-height: 160%; font-family: HOS-C-Regular-I; margin: 30px 0 30px 0;}
.pageCont-A div p{margin: 30px 0; font-size: 0;}
.pageCont-A div p img{width: 100%; height: auto;}

.pageCont-B{border-top: solid 1px #b2b2b2; margin: 50px 0 0 0;}
.pageCont-B h1{font-family: HOS-C-Black; margin: 40px 0 5px 0; font-size: 24px; color: #231815; text-transform:uppercase;}
.pageCont-B h2{font-size: 12px; color: #231815; margin: 0 0 30px 0;}
.pageCont-B p{font-size: 0; margin:0 0 30px 0;}
.pageCont-B p img{width: 100%; height: auto;}

.pageCont-C{width: 100%; height: auto;}
.pageCont-C div{width: 100%; height: auto; overflow: hidden;}
.pageCont-C div ul{width: 105%; display: flex; flex-wrap: wrap;}
.pageCont-C div ul li{width: 45%; margin: 0 5% 30px 0; height: auto;}
.pageCont-C div ul li h1{font-family: HOS-C-Black; font-size: 16px; color: #231815;}
.pageCont-C div ul li h2{border-top: solid 1px #b2b2b2; margin: 10px 0 0 0; padding:15px 0 0 0; font-family: HOS-C-Regular-I; font-size: 12px; line-height: 160%;}
.pageCont-C div ul li p{width: 100%; font-size: 0; margin:0 0 30px 0;}
.pageCont-C div ul li p img{width: 100%; height: auto;}

.pageCont-D{width: 100%; height: auto;}
.pageCont-D div{width: 100%; height: auto; overflow: hidden;}
.pageCont-D div ul{width: 103.33%; display: flex; flex-wrap: wrap;}
.pageCont-D div ul li{width: 30%; margin: 0 3.33% 30px 0; height: auto;}
.pageCont-D div ul li h1{font-family: HOS-C-Black; font-size: 18px; color: #231815;}
.pageCont-D div ul li h2{border-top: solid 1px #b2b2b2; margin: 10px 0 0 0; padding:15px 0 0 0; font-family: HOS-C-Regular-I; font-size: 12px; line-height: 160%;}
.pageCont-D div ul li p{font-size: 0; margin:0 0 30px 0;}
.pageCont-D div ul li p img{width: 100%; height: auto;}

.pageCont-E{border-top: solid 1px #b2b2b2; margin: 50px 0 0 0;}
.pageCont-E div{padding: 0 0 15px 0;}
.pageCont-E div h1{font-family: HOS-C-Black; margin: 40px 0 5px 0; font-size: 24px; color: #231815; text-transform:uppercase;}
.pageCont-E div h2{font-size: 12px; color: #231815; margin: 0 0 30px 0;}
.pageCont-E div ul{width: 100%; height: auto; position: relative; display: inline-block;}
.pageCont-E div ul p{width: 48%; height:100%; position:absolute; top: 0; background-size: cover; background-position:center center; background-repeat: no-repeat;}
.pageCont-E div ul li{width: 48%; height: auto; position: relative; font-size: 12px; line-height: 160%; font-family: HOS-C-Regular-I; float: right;}

.albumList{margin: 50px auto 50px auto; position:relative;}

.imgList{width:auto; height:auto; font-size:0; position:relative; z-index:1; margin:40px 0 0 0;}
.imgList a{position:relative; display:block; position:relative; z-index:1;}
.imgList a img{max-width:100%; height:auto;}
.imgList a:hover{opacity: 0.8;}

.addList{width: 100%; height: auto;}
.addList div h1{font-family: HOS-C-Black; font-size: 16px; margin: 30px 0 20px 0; padding: 0 0 20px 0; color: #000; border-bottom: 1px solid #cbcbcb;}
.addList div ul li{margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #b2b2b2;}
.addList div ul li h2{font-size: 16px; margin: 0 0 5px 0; color: #231815;}
.addList div ul li h3{font-size: 12px; line-height: 160%; color: #4d4d4d; font-family: HOS-C-Regular-I;}

.contactNow{width: 100%; height: auto; padding: 30px 0 10px 0;}
.contactNow div{position: relative; display: inline-block;}
.contactNow div ul{float: left; padding: 8px 18px; border-radius: 40px; margin: 0 15px 0 0;}
.contactNow div ul p{width: 26px; height: 26px; margin:0 10px 0 0;}
.contactNow div ul p img{width: 100%; height: auto;}
.contactNow div ul li{line-height: 26px; font-family: HOS-C-Regular-I; font-size: 12px;}
.contactNow div span{width: 22px; height: 22px; float: left; border-radius: 40px; padding: 10px 10px; margin: 0 15px 0 0; font-family: HOS-C-Black; font-size: 14px;}
.contactNow div span:hover{cursor: pointer;}
.contactNow div ul b{line-height: 26px; display: block; font-family: HOS-C-Black; font-size: 14px; padding: 0 5px;}
.contactNow .btn-A{background-color: #000; border: solid 1px #000; color: #fff;}
.contactNow .btn-A:hover{background-color: #333; border: solid 1px #333; cursor: pointer;}
.contactNow .btn-B{background-color: #fff; border: solid 1px #b2b2b2; color: #4d4d4d;}
.contactNow .btn-B:hover{background-color: #ddd; border: solid 1px #ddd; cursor: pointer;}

.storeDiv{width:auto; padding: 0 0 50px 0;}
.storeList{width: auto;}
.storeList .swiper-slide ul{width: auto; height: auto; padding: 0 0; margin: 0 0 30px 0; position: relative;}
.storeList .swiper-slide ul img{width: 100%; height: auto; position: relative; z-index: 1;}
.storeList .swiper-slide h1{font-family: HOS-C-Black; font-size: 14px; padding: 0 0 10px 0; color: #231815;}
.storeList .swiper-slide li{font-family: HOS-C-Regular-I; font-size: 12px; line-height: 160%; padding: 0 0 50px 0; color: #4d4d4d;}

.jobList{padding: 0 0 50px 0;}

.jobType{width: 100%; font-family: HOS-C-Black; font-size: 14px; color: #231815; padding: 30px 0 10px 0; border-bottom: solid 1px #cbcbcb;}
.jobTab-A{width: 35%;}
.jobTab-B{width: 15%;}
.jobTab-C{width: 55%;}
.jobTab-D{width: 10%; text-align: right;}

.jobTitle{color: #231815; font-size: 14px; padding: 30px 0;}
.jobTitle:hover{cursor: pointer; color: #a57c52;}
.jobTitle.hover{cursor: pointer; color: #a57c52;}
.jobLine{border-bottom: solid 1px #cbcbcb;}

.jobCont{padding: 0 0 30px 0; font-size: 14px; line-height: 160%;}

.searchResults{max-width: 1600px; margin: 30px auto 50px auto; padding: 0 50px 0 50px; position:relative;}
.searchResults .resultsDiv{width: 100%; height: auto; overflow: hidden;}
.searchResults .resultsDiv .resultsList{width:103.33%; height: auto; border-top: 1px solid#b2b2b2; margin: 0 0 50px 0; padding: 30px 0 0 0; display: inline-block;}
.searchResults .resultsDiv .resultsList div{width: 30%; margin: 0 3.33% 0 0; float: left; border-bottom: 1px solid #b2b2b2; padding: 15px 0 15px 0; position: relative; cursor: pointer;}
.searchResults .resultsDiv .resultsList div::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.searchResults .resultsDiv .resultsList div:hover::after{width:100%;}

.searchResults .resultsDiv .resultsList div p{width: 70px; height: 70px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #eee; border-radius: 10px; margin: 0 20px 0 0;}
.searchResults .resultsDiv .resultsList div ul h1{width: 100%; height: 20px; line-height: 20px; font-size: 18px; margin: 0 0 6px 0; color: #000; overflow: hidden;}
.searchResults .resultsDiv .resultsList div ul h2{width: 100%; height: 40px; line-height: 20px; font-size: 14px; overflow: hidden; color: #999; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display: -webkit-box;}
.searchResults .resultsDiv .resultsList div ul li{width:auto; height: 30px; line-height: 30px; border-radius: 30px; background-color:#ddd; color:#777; float: left; padding: 0 20px; font-size: 14px; margin: 5px 0 0 0;}
.searchResults .resultsDiv .resultsList div ul li:hover{cursor: pointer; background-color: #666; color: #fff;}

.shoppingBag{max-width: 1600px; margin: 0 auto 50px auto; padding:160px 50px 50px 50px;}
.shoppingBag .bagLine{border-top: solid 1px #cbcbcb; margin: 0 0 50px 0;}
.shoppingBag .bagDiv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.shoppingBag .bagDiv .bagListDiv{width: 60%; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.shoppingBag .bagDiv .bagTitle{font-family: HOS-C-Regular-I; font-size: 32px; padding: 0 0 30px 0; border-bottom: solid 1px #cbcbcb;}
.shoppingBag .bagDiv .bagListDiv .bagList{width: auto; height: auto;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods{padding: 15px 0; border-bottom: solid 1px #cbcbcb;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gSelect{width: auto; padding:0 20px 0 0; display:flex; justify-content: center; align-items: center; color: #aaa;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gSelect i{font-size: 20px;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gSelect:hover{color: #333; cursor: pointer;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gSelect.hover{color: #333;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gImg{width: 100px; font-size: 0; margin: 0 20px 0 0; cursor: pointer;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gImg img{width: 100%; height: auto;}

.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo h1{font-size: 20px; margin: 10px 0 0 0; font-family: HOS-C-Medium; color: #000;}

.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec{width: auto; height: 24px; line-height: 24px; margin: 8px 0 5px 0; font-family: HOS-C-Light;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec ul{font-size: 18px; color: #929292;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec ul span{color: #color: #929292;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec ul span b{margin: 0 5px; font-weight: normal; color: #929292;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec li span{font-size: 18px; color: #929292;}

.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl{width: auto; height: 26px; line-height: 26px; margin: 5px 0 0 0; }
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul{color: #58595b; display: inline-block;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul p{width: auto; height: 24px; line-height: 24px; border-radius: 24px; padding: 0 15px; margin: 0 10px 0 0; font-size: 14px; border:solid 1px #b2b2b2; color: #929292; float: left; color: #4d4d4d;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul p i{font-size: 16px;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul b{font-weight: normal; color: #929292; margin: 0 0 0 20px; font-weight: normal;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul p:hover{background-color: #EEE; border:solid 1px #EEE; cursor: pointer;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul p.hover{background-color: #EEE; border:solid 1px #EEE; cursor: default;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl li{height: 26px; line-height: 26px;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl li span{font-family: HOS-C-Bold; letter-spacing: 1px; font-size: 16px; color: #000;}
.shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl li b{font-weight: normal; color: #929292; font-size: 16px; font-family: HOS-C-Regular;}

.pdList{width: auto; height: auto;}
.pdList .goods{padding: 15px 0; border-bottom: solid 1px #cbcbcb;}
.pdList .goods .gSelect{width: auto; padding:0 10px 0 0; display:flex; justify-content: center; align-items: center; color: #aaa;}
.pdList .goods .gSelect i{font-size: 20px;}
.pdList .goods .gSelect:hover{color: #333; cursor: pointer;}
.pdList .goods .gSelect.hover{color: #333;}
.pdList .goods .gImg{width: 75px; font-size: 0; margin: 0 10px 0 0;}
.pdList .goods .gImg img{width: 100%; height: auto;}
.pdList .goods .gInfo h1{font-size: 14px; margin: 1px 0 0 0; font-family: HOS-C-Medium; color: #000;}
.pdList .goods .gInfo .gSpec{width: auto; height: 24px; line-height: 24px; margin: 0 0 5px 0; font-family: HOS-C-Light;}
.pdList .goods .gInfo .gSpec ul{font-size: 12px; color: #929292;}
.pdList .goods .gInfo .gSpec ul span{color: #color: #929292;}
.pdList .goods .gInfo .gSpec ul span b{margin: 0 5px; font-weight: normal; color: #929292;}
.pdList .goods .gInfo .gSpec li span{font-size: 18px; color: #929292;}
.pdList .goods .gInfo .gCtrl{width: auto; height: 26px; line-height: 26px; margin: 0 0 0 0; }
.pdList .goods .gInfo .gCtrl ul{color: #58595b; margin: 0 20px 0 0;}
.pdList .goods .gInfo .gCtrl ul p{width: 24px; height: 24px; line-height: 24px; border-radius: 24px;  font-size: 14px; border:solid 1px #b2b2b2; color: #929292; float: left; color: #4d4d4d; text-align: center;}
.pdList .goods .gInfo .gCtrl ul p i{font-size: 16px;}
.pdList .goods .gInfo .gCtrl ul b{font-weight: normal; color: #000; padding: 0 5px; width: 30px; display: block; font-size: 14px; text-align: center;}
.pdList .goods .gInfo .gCtrl ul p:hover{background-color: #EEE; border:solid 1px #EEE; cursor: pointer;}
.pdList .goods .gInfo .gCtrl ul p.hover{background-color: #EEE; border:solid 1px #EEE; cursor: default;}
.pdList .goods .gInfo .gCtrl li{height: 26px; line-height: 26px; border: 0; cursor: default; padding: 0 0 10px 0; text-align: right;}
.pdList .goods .gInfo .gCtrl li span{font-family: HOS-C-Bold; letter-spacing: 1px; font-size: 14px; color: #000;}
.pdList .goods .gInfo .gCtrl li b{font-weight: normal; color: #929292; font-size: 16px; font-family: HOS-C-Regular;}
.totalList{width: auto; height: auto; margin: 15px 0 10px 0;}
.totalList div{font-size: 14px; margin: 0 0 5px 0; color: #000;}
.totalList div b{font-family: HOS-C-Bold; }

.shoppingBag .bagDiv .bagSummary{width:30%; margin: 0 0 0 10%;}
.shoppingBag .bagDiv .bagSummary .gSummary{width:auto; height: auto; border-bottom: solid 1px #cbcbcb; padding: 20px 0 15px 0;}
.shoppingBag .bagDiv .bagSummary .gSummary ul{width: 100%; height: 26px; line-height: 26px; font-size: 18px; margin: 0 0 5px 0; color: #929292; font-family: HOS-C-Medium;}
.shoppingBag .bagDiv .bagSummary .gSummary ul p{width: 50%;}
.shoppingBag .bagDiv .bagSummary .gSummary ul li{width: 50%; text-align:right;}

.shoppingBag .bagDiv .bagSummary .sSummary{width:auto; height: auto; padding: 10px 0 0 0;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress{border-bottom: solid 1px #cbcbcb; padding: 6px 0 12px 0; margin: 0 0 12px 0; position: relative; cursor: pointer;}

.shoppingBag .bagDiv .bagSummary .sSummary .sAddress::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress:hover::after{width:100%;}

.shoppingBag .bagDiv .bagSummary .sSummary .sAddress p{width: auto; height: 40px; line-height: 40px; text-align: center; margin: 0 9px 0 0; color: #a57c52;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress p i{font-size: 25px;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress ul{width:auto;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress ul h1{width: 100%; height: 22px; font-size: 14px; margin: 0 0 0 0; color: #929292;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress ul h1 b{margin: 0 10px 0 0; font-size: 16px; font-weight: normal; font-family: HOS-C-Medium; color: #58595b;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress ul h2{width:100%; height: 18px; line-height: 18px; font-size: 14px; color: #929292; overflow: hidden; /*white-space:nowrap;*/ text-overflow:ellipsis; font-family: HOS-C-Light;}
.shoppingBag .bagDiv .bagSummary .sSummary .sAddress li{line-height: 40px; color: #929292;}

.shoppingBag .bagDiv .bagSummary .sSummary .selectAdd{border-bottom: solid 1px #cbcbcb; padding: 6px 0 18px 0; margin: 0 0 12px 0; position: relative; cursor: pointer;}
.shoppingBag .bagDiv .bagSummary .sSummary .selectAdd div{color:#a57c52;}
.shoppingBag .bagDiv .bagSummary .sSummary .selectAdd div ul{margin: 0 10px;}

.shoppingBag .bagDiv .bagSummary .sSummary .sShipping{border-bottom: solid 1px #cbcbcb; padding: 6px 0 18px 0; margin: 0 0 12px 0; color: #929292; font-size: 16px;}
.shoppingBag .bagDiv .bagSummary .sSummary .sShipping li{text-align: right;}

.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype{padding: 6px 0 0 0; margin: 0 0 12px 0;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype h1{font-size: 14px; margin: 0 0 10px 0; color: #929292;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul{border-bottom: solid 1px #cbcbcb; padding: 10px 0; line-height: 24px; cursor: pointer;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul li{width: auto; height: 24px; font-size: 0; margin: 0 10px 0 0;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul li img{width: auto; height: 100%;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul h2{font-size: 16px;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul p{color: #aaa;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul p i{font-size: 18px;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul:hover p{color: #333;}
.shoppingBag .bagDiv .bagSummary .sSummary .sPaytype ul.hover p{color: #333;}

.shoppingBag .bagDiv .bagSummary .gTotal{width:auto; height: auto; padding: 35px 0;}
.shoppingBag .bagDiv .bagSummary .gTotal ul{width: 100%; height: 24px; font-size: 18px; line-height: 24px; color: #000; font-family: HOS-C-Bold; letter-spacing: 1px;}
.shoppingBag .bagDiv .bagSummary .gTotal ul p{width: 50%;}
.shoppingBag .bagDiv .bagSummary .gTotal ul li{width: 50%; text-align:right;}
.shoppingBag .bagDiv .bagSummary .gCheckout{position: relative;}
.shoppingBag .bagDiv .bagSummary .gCheckout a{width: auto; height: 46px; border-radius: 46px; line-height: 46px; font-size: 16px; display: block; background-color:#000; text-align: center; color: #fff;}
.shoppingBag .bagDiv .bagSummary .gCheckout a:hover{background-color: #333; cursor: pointer; text-decoration: none;}
.shoppingBag .bagDiv .bagSummary .gCheckout button{width: 100%; height: 46px; border-radius: 46px; line-height: 46px; font-size: 16px; background-color:#000; text-align: center; color: #fff;}
.shoppingBag .bagDiv .bagSummary .gCheckout button:hover{background-color: #333; cursor: pointer;}

.formLogin{max-width: 400px; height: auto; margin: 0 auto; top: 50%; position: relative; z-index: 1;}
.formLogin .logoWith{margin: 30px 0 8px 0;}
.formLogin .logoWith p{height: 28px; line-height: 28px; margin: 0 10px 0 0;}
.formLogin .logoWith ul{width: 100%; display: inline-block];}
.formLogin .logoWith ul li{width: 28px; height: 28px; margin: 0 10px 0 0; border-radius: 100%; float: left; font-size: 0;}
.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 .formDiv{padding: 30px 30px;}
.formTab .formDiv .formMain{background-color: #fff; padding: 30px 30px; border-radius: 10px; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.formTab .formDiv .formMain h1{font-size: 24px; color: #000; margin: 0 0 20px 0;}
.formTab .formDiv .formMain .formList{width: auto; height: auto;}
.formTab .formDiv .formMain .formList button{width: 100%; height: 44px; border-radius: 44px; font-size: 16px; margin: 15px 0 0 0;}

.formTab .formDiv .formMain .formList .container {display: block; position: relative; cursor: pointer;font-size: 25px;}
.formTab .formDiv .formMain .formList .container input {visibility: hidden;cursor: pointer;}
.formTab .formDiv .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 .formDiv .formMain .formList .container:hover input ~ .mark {background-color: #FAFAFA;}
.formTab .formDiv .formMain .formList .container input:checked ~ .mark {background-color: #603813; border: 1px #603813 solid;}
.formTab .formDiv .formMain .formList .mark:after {content: ""; position: absolute; display: none;}
.formTab .formDiv .formMain .formList .container input:checked ~ .mark:after {display: block;}
.formTab .formDiv .formMain .formList .container .mark:after {border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}

.formTab .formDiv .formMain .formList .cbA{ margin: 2px 0 0 0; height: 26px; width: 26px;}
.formTab .formDiv .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 #cbcbcb; position: relative;/*box-shadow: 1px 1px 3px rgba(0,0,0,0.1) inset;*/}
.formInput li::after{content:''; display:block; width:0; height:1px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.formInput li:hover::after{width:100%;}
.formInput li input{width: auto; height: 20px; line-height: 20px; padding: 5px 0; color: #000; font-size: 16px;}
.formInput li p{cursor: pointer; line-height: 20px; padding: 0 0 0 15px; font-size: 16px; color: #4d4d4d;}
.formInput li p b{font-weight: normal; color: #aaa; margin: 0 10px 0 0;}
.formInput li{width: auto; font-size: 14px;}
.formInput li p:hover{color: #603813}
.formInput li p.hover{color: #aaa}


.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;}

.formTab .btnA{background-color:#603813; color: #fff; cursor: pointer;}
.formTab .btnA:hover{background-color:#704b2b;}

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

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

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

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

.acctBgimg{background-color: #eee; padding: 0 0 30px 0;}
.acctList{width: auto; height: auto; margin: 50px auto;}
.acctDiv{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px 0 50px;}
.orderList{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px 0 50px;}

.acctList .acctDiv .acctItem{width: 100%; display: inline-block;}
.acctList .acctDiv .acctItem div{width: auto; height: auto; width: 50%; float: left; margin: 0 0 20px 0;  border-bottom:solid 1px #cbcbcb; text-decoration: none;}
.acctList .acctDiv .acctItem div:hover{border-bottom:solid 1px #a57c52;}
.acctList .acctDiv .acctItem div li{width: 100px; height: 100px; font-size: 0; margin: 10px 20px 10px 10px; background-position: center center; background-size: cover; /*aspect-ratio: 1 / 1; */}
.acctList .acctDiv .acctItem div li img{width: 100%; height: auto;}
.acctList .acctDiv .acctItem div ul h1{font-size: 16px; margin: 10px 0 10px 0; color: #000;}
.acctList .acctDiv .acctItem div ul h2{font-size: 14px; color: #929292; margin: 0 0 2px 0;}
.acctList .acctDiv .acctItem div ul h2 strong{margin: 0 5px 0 0; font-family: HOS-C-Bold;}
.acctList .acctDiv .acctItem div ul h3{font-size: 14px; margin: 10px 0 0 0; color: #000;}
.acctList .acctDiv .acctItem div ul h3 strong{margin: 0 5px 0 0; font-family: HOS-C-Bold;}
.acctList .acctDiv .acctItem div p{line-height: 30px; font-size: 14px; padding: 10px 0 0 0;}
.acctList .acctDiv .acctItem div p a{color: #58595b; text-decoration: underline; display: block; text-underline-offset: 0.3em;}
.acctList .acctDiv .acctItem div p a:hover{text-decoration:none;}
.acctList .acctDiv .acctItem div p span{text-decoration: underline; text-underline-offset: 0.3em; cursor: pointer;}
.acctList .acctDiv .acctItem div p span:hover{text-decoration: none;}

.orderCont{width: auto; height: auto; border-bottom: solid 10px #eee; margin: 0 0 20px 0;}
.orderCont .orderInfo .orderInfoList{width: auto; border-bottom: 1px dashed #b2b2b2; padding:10px 0 10px 0;}
.orderCont .orderInfo .orderInfoList h1{font-size: 16px;}
.orderCont .orderInfo .orderInfoList h1 b{font-weight: normal;}
.orderCont .orderInfo .orderInfoList h2{font-size: 16px;}

.orderCont .orderInfo .orderInfoDtl{width: auto; border-bottom: 1px dashed #b2b2b2; padding:100px 0 20px 0;}
.orderCont .orderInfo .orderInfoDtl h1{font-size: 24px; color: #000;}
.orderCont .orderInfo .orderInfoDtl h2{font-size: 16px; margin: 5px 0 0 0; position: relative;}
.orderCont .orderInfo .orderInfoDtl span{float:right; display: block; font-family: HOS-C-Medium; color: #a57c52;}
.orderCont .orderInfo .orderInfoDtl span:hover{cursor: pointer;}
.orderCont .orderInfo .orderInfoDtl span i{margin: 0 2px 0 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: #000000; margin: 3px 0 5px 0; font-family: HOS-C-Medium;}
.orderCont .orderDiv .orderGoods ul li h2{font-size: 14px; color: #929292; font-family: HOS-C-Light;}
.orderCont .orderDiv .orderGoods ul li h2 b{font-weight: normal;}
.orderCont .orderDiv .orderGoods ul li h3{font-size: 14px; color: #929292; font-family: HOS-C-Light;}

.orderCont .orderDiv .orderGoods .orderMore{width: 65px; height: 24px; line-height: 24px; border-radius: 24px; background-color: #eee; text-align: center;}
.orderCont .orderDiv .orderGoods .orderMore:hover{cursor: pointer; background-color: #ddd;}

.orderCont .orderDiv .orderTotal{width:30%; height: auto; color: #929292; font-size: 16px;}
.orderCont .orderDiv .orderTotal div{margin: 0 0 15px 0;}
.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; border-radius: 32px; margin: 10px 0 0 10px; text-align: center; float: left; padding: 0 20px; font-size: 16px;}
.orderCont .orderDiv .orderTotal .oBtn .btnA{border:solid 1px #b2b2b2; color: #4d4d4d;}
.orderCont .orderDiv .orderTotal .oBtn .btnA:hover{border:solid 1px #eee; background-color: #eee; cursor: pointer;}
.orderCont .orderDiv .orderTotal .oBtn .btnB{border: solid 1px #000; background-color: #000; color: #fff;}
.orderCont .orderDiv .orderTotal .oBtn .btnB:hover{background-color: #333; border: solid 1px #333; cursor: pointer;}

.orderCont .orderDiv .orderTotal .oBtnBig{padding: 10px 0 0 0; position: relative;}
.orderCont .orderDiv .orderTotal .oBtnBig p{height: 46px; line-height: 46px; border-radius: 46px; font-size: 16px; margin: 15px 0; text-align: center;}
.orderCont .orderDiv .orderTotal .oBtnBig .btnA{border:solid 1px #b2b2b2; color: #4d4d4d;}
.orderCont .orderDiv .orderTotal .oBtnBig .btnA:hover{border:solid 1px #eee; background-color: #eee; cursor: pointer;}
.orderCont .orderDiv .orderTotal .oBtnBig .btnA.hover{border:solid 1px #b2b2b2; color: #a57c52; background-color: #fff; cursor: default;}
.orderCont .orderDiv .orderTotal .oBtnBig .btnB{border: solid 1px #000; background-color: #000; color: #fff;}
.orderCont .orderDiv .orderTotal .oBtnBig .btnB:hover{background-color: #333; border: solid 1px #333; cursor: pointer;}

.orderCont .orderDiv .orderTotal .copyBtn{margin: 0 0 0 10px;}
.orderCont .orderDiv .orderTotal .copyBtn b{color: #000; font-weight: normal; margin: 0 0 0 10px;}
.orderCont .orderDiv .orderTotal .copyBtn b:hover{cursor: pointer; color: #333;}
.orderCont .orderDiv .orderTotal .copyTips{margin: 0 0 0 10px; display: none;}
.orderCont .orderDiv .orderTotal .line{border-bottom: 1px solid #cbcbcb; padding: 0 0 15px 0;}
.orderCont .orderDiv .orderTotal .oTotal{font-family: HOS-C-Bold; color: #000; letter-spacing:1px; font-size: 16px;}

.orderCont .orderDiv .orderTotal .oAddress{border-bottom: solid 1px #cbcbcb; padding: 0 0 15px 0; margin: 0 0 15px 0; position: relative; cursor: pointer;}
.orderCont .orderDiv .orderTotal .oAddress::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.orderCont .orderDiv .orderTotal .oAddress:hover::after{width:100%;}
.orderCont .orderDiv .orderTotal .oAddress p{width: auto; height: 40px; line-height: 40px; text-align: center; margin: 0 9px 0 0; color: #a57c52;}
.orderCont .orderDiv .orderTotal .oAddress p i{font-size: 25px;}
.orderCont .orderDiv .orderTotal .oAddress ul{width:auto;}
.orderCont .orderDiv .orderTotal .oAddress ul h1{width: 100%; height: 22px; font-size: 14px; margin: 0 0 0 0; color: #929292;}
.orderCont .orderDiv .orderTotal .oAddress ul h1 b{margin: 0 10px 0 0; font-size: 16px; font-weight: normal; font-family: HOS-C-Medium; color: #58595b;}
.orderCont .orderDiv .orderTotal .oAddress ul h2{width:100%; height: 18px; line-height: 18px; font-size: 14px; color: #929292; overflow: hidden; /*white-space:nowrap;*/ text-overflow:ellipsis; font-family: HOS-C-Light;}
.orderCont .orderDiv .orderTotal .oAddress li{line-height: 40px; color: #929292;}

.orderCont .orderDiv .orderTotal .selectAdd{border-bottom: solid 1px #cbcbcb; padding: 6px 0 0 0; margin: 0 0 12px 0; position: relative; cursor: pointer;}
.orderCont .orderDiv .orderTotal .selectAdd div{color:#a57c52;}
.orderCont .orderDiv .orderTotal .selectAdd div ul{margin: 0 10px;}

.notice{max-width: 1600px; margin: 50px auto 50px auto; padding: 50px 50px 0 50px;}
.notice .noticeDiv {width: 100%; height: auto; overflow: hidden; border-top: solid 1px #cbcbcb; padding: 50px 0 0 0;}
.notice .noticeDiv .noticeList {width: 105%; height: auto; display: inline-block;}
.notice .noticeDiv .noticeList div{width: 20%; margin: 0 5% 10px 0; padding: 0 0 10px 0; float: left; cursor: pointer;}
.notice .noticeDiv .noticeList div:hover ul{border-bottom: 1px solid #a57c52;}
.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; border-radius: 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;}
.notice .noticeDiv .noticeList div li i{display: block; font-size: 32px; color: #ff0000; position: absolute; z-index: 2; top: -14px; right: -14px;}
.notice .noticeDiv .noticeList div ul{border-bottom: solid 1px #cbcbcb;}
.notice .noticeDiv .noticeList div ul h1{width: 100%; height: 20px; line-height: 20px; font-size: 18px; margin: 5px 0 5px 0; color: #000; overflow: hidden; white-space:normal; text-overflow: ellipsis;}
.notice .noticeDiv .noticeList div ul h2{width: 100%; height: 16px; line-height: 16px; font-size: 16px; overflow: hidden; white-space:normal; text-overflow: ellipsis; padding:2px 0 0 0; font-family: HOS-C-Light; color: #929292;}

.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; border-radius: 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: #000;}
.messList .noticeMess .messCont h2{font-size: 16px; padding: 5px 0 10px 0; margin: 0 0 10px 0 ; color: #999; border-bottom:1px solid #e8e8e8;}

.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; border-radius: 10px; float: left; position: relative;}
.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:#fff; font-size: 20px; display: block; background:rgba(97,65,34,.6); position: absolute; z-index: 2;}
.messGoods div p{width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #eee; border-radius: 10px;}
.messGoods div p:hover{cursor: pointer; background-color: #ddd;}
.messGoods div p i{font-size: 20px;}

.addressList{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px 0 50px;}
.addressList div ul{border-bottom:1px solid #cbcbcb; padding:20px 0;}
.addressList div h6{color:#CCC;}
.addressList div h6 i{font-size:20px;}
.addressList div ul.hover h6{color:#a57c52;}
.addressList div ul.hover h1{color:#000;}
.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:16px; color:#929292; font-family: HOS-C-Light;}
.addressList div p{font-size:16px; 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:#CCC; cursor:default;}
.addressAdd{max-width: 260px;  height: 42px; line-height:42px; border-radius: 42px; font-size: 16px; margin: 0 auto 50px auto; background-color: #000;  color:#FFF; text-align:center;}
.addressAdd:hover{background-color: #333; cursor:pointer;}

.setList{max-width: 1600px; margin: 50px auto 50px auto; padding: 0 50px 0 50px;}
.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% 10px 0; padding: 10px 0 10px 0; float: left; border-bottom: solid 1px #cbcbcb; position: relative; cursor: pointer;}
.setList .setDiv div ul::after{content:''; display:block; width:0; height:1px; position:absolute; left:0; bottom:-1px; background:#a57c52; transition:all 0.5s ease-in-out;}
.setList .setDiv div ul:hover::after{width:100%;}
.setList .setDiv div ul h1{font-size: 18px; margin: 0 10px 0 0; color: #929292;}
.setList .setDiv div ul h2{font-size: 18px; color: #929292;}
.setList .setDiv div ul h2 span{color: #000;}
.setList .setDiv div ul h2 b{font-weight: normal; margin: 0 8px; font-family: HOS-C-Light;}
.setList .setDiv div ul h2 strong{font-weight: normal;}
.setList .setDiv div ul h2 strong.hover{color:#000;}
.setList .setDiv div ul p{font-size: 18px;}
.setList .setDiv div ul li{font-size: 18px;}


@media screen and (max-width: 1920px) {

  .topMenu{height: 110px;}

  .topLogo{width: 70px; height: 70px; top: 35px; margin: 0 0 0 -35px;}
  .topLogo img{width:70px; }
  .topLogo.hover img{margin:-70px 0 0 0;}

  .topLogoText{height: 27px;}
  .topLogoText img{height: 54px;}
  .topLogoText.hover img{margin:-27px 0 0 0;}
  .logoLeft{top: 40px;}
  .logoCenter{top: 40px; left: 50%;}

  .topIcon{top: 35px;}
  .topIcon div ul{width: 36px; height: 36px;}
  .topIcon div ul p{width: 7px; height: 7px; top: 4px; right: 0px;}
  .topIcon div ul li{width: 26px; height: 26px; margin: 5px 5px;}
  .topIcon div ul li img{width: 26px;}
  .topIcon.hover div ul li img{width: 26px; margin: -26px 0 0 0;}

  .pageBack{top: 35px;}
  .pageBack p{width: 36px; height: 36px; line-height: 36px;}
  .pageBack .btnA:hover img{margin: -36px 0 0 0;}
  .pageBack .btnB:hover img{margin: -36px 0 0 0;}

  .iModule div p{max-width:1500px;}
  .iNeko div{max-width: 1200px;}
  .pageBottom .pageBDiv{max-width: 1500px;}
  .productsDiv{max-width: 1500px;}
  .modularDiv{max-width: 1500px;}
  .diyBaseDiv{max-width: 1500px;}
  .diyMetMain{max-width: 1500px;}
  .dtlCont{max-width: 1500px;}
  .specDtl{max-width: 1500px;}
  .contDiv{max-width: 1500px;}
  .dimDtl{max-width: 1500px;}
  .downDtl{max-width: 1500px;}
  .newsList{max-width: 1530px;}
  .pageList{max-width: 1500px;}
  .pageListNext{max-width: 1500px;}
  .searchResults{max-width: 1500px;}
  .pageTop{max-width: 1500px;}
  .shoppingBag{max-width: 1500px;}
  .notice{max-width: 1600px;}
  .acctDiv{max-width: 1600px;}
  .orderList{max-width: 1600px;}
  .addressList{max-width: 1600px;}
  .setList{max-width: 1600px;}
  .article{max-width: 1600px;}

  .award div p{width: 300px;}

  .menuBtn {width: 170px; height: 170px;}
  .menuBtn div {margin: 40px 40px;}
  .menuBtn div p {font-size: 15px;}
  .menuBtn:hover div{margin: 42px 42px;}
  .menuBtn.hover div{margin: 42px 42px;}

  .menuArea .Left-M {width: 170px; height: 170px; margin-top: -85px;}
  .menuArea .Left-B {width: 170px; height: 170px;}
  .menuArea .Right-M {width: 170px; height: 170px; margin-top: -85px;}
  .menuArea .Right-B {width: 170px; height: 170px;}
  .menuArea .Bottom-M {width: 170px; height: 170px; margin-left: -85px;}

  .menuList-Left-M {top: 50%; left: 170px;}
  .menuList-Right-M {top: 50%; right: 170px;}
  .menuList-Left-B {bottom: 170px; left: 310px;}
  .menuList-Right-B {bottom: 170px; right: 30px;}
  .menuList-Bottom-M {bottom: 170px; left: 50%;}

  .menuList {width: 280px; height: 490px; padding: 0 0;}
  .menuList .menuListBg .menuListDiv{opacity: 0; top: 10px;}

  .menuList .menuListBg .menuListDiv .search div{margin: 25px 25px 20px 25px;}
  .menuList .menuListBg .menuListDiv .search div ul li input{height: 22px; font-size: 16px; }
  .menuList .menuListBg .menuListDiv .search div ul p{width: 24px; height: 24px; padding: 0 0;}
  .menuList .menuListBg .menuListDiv .search div ul p img{width: 18px; height: 18px; margin:5px 0 0 5px;}

  .menuList .menuListBg .menuListDiv .keyList div{height: 358px; padding: 0 25px 0 25px;}
  .menuList .menuListBg .menuListDiv .keyList div li{font-size: 16px; margin: 0 0 0 0;}
  .menuList .menuListBg .menuListDiv .keyList div li p{margin: 0 0 0 10px;}
  .menuList .menuListBg .menuListDiv .keyList div li p i{font-size: 16px;}
  .menuList .menuListBg .menuListDiv .keyList ul{margin:20px 28px 0 0;}
  .menuList .menuListBg .menuListDiv .keyList ul a{font-size: 14px;}

  .menuList .menuListBg .menuListDiv .menuLinks div ul{margin:0 0 20px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div ul a{font-size: 26px; margin: 0 0 5px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div li{margin:0 0 20px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div li a{font-size: 15px; margin: 0 0 6px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div p img{width: 20px;}

  .browse .bTitle{font-size: 20px;}

  .shoppingBag .bagDiv .bagListDiv{width: 60%;}
  .shoppingBag .bagDiv .bagTitle{font-size: 28px; padding: 0 0 30px 0;}

  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo h1{font-size: 18px; margin: 10px 0 0 0;}

  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec{height: 24px; line-height: 24px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec ul{font-size: 16px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec li span{font-size: 16px;}

  .shoppingBag .bagDiv .bagSummary{width:30%; margin: 0 0 0 10%;}
  .shoppingBag .bagDiv .bagSummary .gSummary ul{height: 26px; line-height: 26px; font-size: 16px;}
  .shoppingBag .bagDiv .bagSummary .gTotal ul{height: 24px; font-size: 16px; line-height: 24px;}
  .shoppingBag .bagDiv .bagSummary .gCheckout a{height: 44px; border-radius: 44px; line-height: 44px;}
  .shoppingBag .bagDiv .bagSummary .gCheckout button{height: 44px; border-radius: 44px; line-height: 44px;}

  .orderCont .orderDiv .orderTotal .oBtnBig p{height: 44px; line-height: 44px; border-radius: 44px;}

  .article{max-width: 1600px; margin: 50px auto 50px auto; padding: 50px 50px 0 50px;}
  .articleDiv {width: 100%; height: auto; overflow: hidden; border-top: solid 1px #cbcbcb; padding: 50px 0 0 0; font-size: 16px; line-height: 160%;}


}


@media screen and (max-width: 1680px) {

  .iModule div p{max-width:1400px;}
  .iNeko div{max-width: 1200px;}
  .pageBottom .pageBDiv{max-width: 1400px;}
  .productsDiv{max-width: 1400px;}
  .modularDiv{max-width: 1400px;}
  .diyBaseDiv{max-width: 1400px;}
  .diyMetMain{max-width: 1400px;}
  .dtlCont{max-width: 1400px;}
  .specDtl{max-width: 1400px;}
  .contDiv{max-width: 1400px;}
  .dimDtl{max-width: 1400px;}
  .downDtl{max-width: 1400px;}
  .newsList{max-width: 1430px;}
  .pageList{max-width: 1400px;}
  .pageListNext{max-width: 1400px;}
  .searchResults{max-width: 1400px;}
  .pageTop{max-width: 1400px;}
  .shoppingBag{max-width: 1400px;}
  .notice{max-width: 1400px;}
  .acctDiv{max-width: 1400px;}
  .orderList{max-width: 1400px;}
  .addressList{max-width: 1400px;}
  .setList{max-width: 1400px;}
  .article{max-width: 1400px;}

  .award div p{width: 250px;}

  .topMenu{height: 100px;}

  .topLogo{width: 66px; height: 66px; top: 33px; margin: 0 0 0 -33px;}
  .topLogo img{width:66px; }
  .topLogo.hover img{margin:-66px 0 0 0;}

  .topLogoText{height: 24px;}
  .topLogoText img{height: 48px;}
  .topLogoText.hover img{margin:-24px 0 0 0;}
  .logoLeft{top: 38px;}
  .logoCenter{top: 38px; left: 50%;}

  .topIcon{top: 35px;}
  .topIcon div ul{width: 32px; height: 32px;}
  .topIcon div ul p{width: 7px; height: 7px; top: 4px; right: 0px;}
  .topIcon div ul li{width: 22px; height: 22px; margin: 5px 5px;}
  .topIcon div ul li img{width: 22px;}
  .topIcon.hover div ul li img{width: 22px; margin: -22px 0 0 0;}

  .pageBack{top: 35px;}
  .pageBack p{width: 32px; height: 32px; line-height: 32px;}
  .pageBack .btnA:hover img{margin: -32px 0 0 0;}
  .pageBack .btnB:hover img{margin: -32px 0 0 0;}

  .pageBottom .pageBDiv .pageBLinks div ul{width:850px;}

  #TSD .swText p{font-size: 58px;}
  #TSD .swText h6{font-size: 14px;}

  .menuBtn {width: 160px; height: 160px;}
  .menuBtn div {margin: 38px 38px;}
  .menuBtn div p {font-size: 14px;}
  .menuBtn:hover div{margin: 40px 40px;}
  .menuBtn.hover div{margin: 40px 40px;}

  .menuArea .Left-M {width: 160px; height: 160px; margin-top: -80px;}
  .menuArea .Left-B {width: 160px; height: 160px;}
  .menuArea .Right-M {width: 160px; height: 160px; margin-top: -80px;}
  .menuArea .Right-B {width: 160px; height: 160px;}
  .menuArea .Bottom-M {width: 160px; height: 160px; margin-left: -80px;}

  .menuList-Left-M {top: 50%; left: 160px;}
  .menuList-Right-M {top: 50%; right: 160px;}
  .menuList-Left-B {bottom: 160px; left: 285px;}
  .menuList-Right-B {bottom: 160px; right: 35px;}
  .menuList-Bottom-M {bottom: 160px; left: 50%;}

  .menuList {width: 250px; height: 460px; padding: 0 0;}
  .menuList .menuListBg .menuListDiv{opacity: 0; top: 10px;}

  .menuList .menuListBg .menuListDiv .search div{margin: 20px 20px 20px 20px;}
  .menuList .menuListBg .menuListDiv .search div ul li input{height: 20px; font-size: 16px; }
  .menuList .menuListBg .menuListDiv .search div ul p{width: 22px; height: 22px; padding: 0 0;}
  .menuList .menuListBg .menuListDiv .search div ul p img{width: 16px; height: 16px; margin:3px 0 0 3px;}

  .menuList .menuListBg .menuListDiv .keyList div{height: 338px; padding: 0 22px 0 22px;}
  .menuList .menuListBg .menuListDiv .keyList div li p{margin: 0 0 0 10px;}
  .menuList .menuListBg .menuListDiv .keyList ul{margin:20px 25px 0 0;}
  .menuList .menuListBg .menuListDiv .keyList ul a{font-size: 14px;}

  .menuList .menuListBg .menuListDiv .menuLinks div ul{margin:0 0 20px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div ul a{font-size: 24px; margin: 0 0 5px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div li{margin:0 0 20px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div li a{font-size: 14px; margin: 0 0 5px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div p img{width: 18px;}

  .diyMetMain .diyList .diyListTitle{font-size: 18px;}
  .diyMetMain .diyImg{width: 45%;}
  .diyMetMain .diyList{width: 55%;}

  ::-webkit-input-placeholder {font-size: 14px; opacity: 1;}
  input:focus::-webkit-input-placeholder { opacity: 0.5;}

  :-moz-placeholder {font-size: 14px; opacity: 1;}
  input:focus:-moz-placeholder {opacity: 0.5;}

  ::-moz-placeholder {font-size: 14px; opacity: 1;}
  input:focus::-moz-placeholder {opacity: 1;}

  :-ms-input-placeholder {font-size: 14px; opacity: 1;}
  input:focus:-ms-input-placeholder {opacity: 0.5;}

  .tabs ul li a{padding:0 20px; margin:0 10px; height:26px; border-radius:26px; line-height:26px;}
  .tabs ul li p{margin:0 10px; width: 26px; height: 26px; line-height: 26px;}
  .menuSubTabs ul li a{padding:0 20px; margin:0 10px; height:26px; border-radius:26px; line-height:26px;}
  .menuSonTabs ul li a{padding:0 20px; margin:0 10px; height:26px; border-radius:26px; line-height:26px;}
  .menuAcct ul li a{padding:0 20px; margin:0 10px; height:26px; border-radius:26px; line-height:26px;}

  .browse .bTitle{font-size: 16px;}
  .pinList .swiper-slide h1{font-size: 14px;}

  .award div ul li h1{font-size: 24px;}
  .award div ul li h2{font-size: 14px;}
  .iModule div ul li h1{font-size: 24px;}
  .iModule div ul li h2{font-size: 14px;}

  .pageMenu .pageTitle h1{font-size: 48px;}
  .pageMenu .pageTitle h2{font-size: 14px; max-width: 540px;}
  .pageMenu .pageTitle h3{font-size: 14px; max-width: 540px;}

  .pageMenu .pageIcon h1{font-size: 48px;}

  .productsList .item .itemInfo li h1{font-size: 16px;}
  .productsList .item .itemInfo li h2{font-size: 14px;}
  .productsList .item .itemInfo ul h2{font-size: 14px;}
  .productsList .item .itemInfo li{font-size: 16px;}

  .modularList .itemDiv{width: 104%;}
  .modularList .item{width: 21%; margin: 0 4% 50px 0;}
  .modularList .item .itemInfo ul h1{font-size: 14px;}
  .modularList .item .itemInfo ul h2{font-size: 12px;}
  .modularList .item .itemInfo li h1{font-size: 14px;}
  .modularList .item .itemInfo li h2{font-size: 12px;}

  .dtlCont .dtlDiv .dtlInfo ul h1{font-size: 32px;}
  .dtlCont .dtlDiv .dtlInfo ul h2{font-size: 16px;}
  .dtlCont .dtlDiv .dtlInfo ul li{font-size: 14px;}

  .dtlCont .dtlDiv .dtlGoods .titleSpec h1{font-size: 16px;}
  .dtlCont .dtlDiv .dtlGoods .titleSpec h2{font: 14px;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec{margin: 0 20px 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p{width: 136px; height: 136px;}
  .sGoods{width: 136px; height: 136px; margin: -68px 0 0 -68px;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec{padding: 0 0 30px 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec{padding: 0 0 10px 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li{font-size: 14px; margin: 0 0 3px 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li span{padding: 3px 0; margin: 5px 10px 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li p{margin:5px 10px 0 0; padding:5px 10px;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum{font-size: 14px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul{padding: 10px 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul li input{height:27px; width:50px; font-size:16px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul p{width:27px; height:27px; line-height:27px; font-size:18px;}

  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul li{height: 40px; line-height: 40px; border-radius: 40px; padding: 0 20px; margin: 0 0 0 20px; font-size: 16px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul a{height: 40px; line-height: 40px; border-radius: 40px; padding: 0 20px; margin: 0 0 0 20px; font-size: 16px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p{font-size: 18px; line-height: 40px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p s{font-size: 16px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div p{width: 7px; height: 7px; top: 2px; right: 2px;}

  .specDtl .specTitle{font-size:40px; padding:50px 0 50px 0;}
  .specDtl .specList{max-width: 1000px;}
  .specDtl .specList div ul{width:110%;}
  .specDtl .specList div ul li{float: left; width: 15%; margin: 0 10% 20px 0;}
  .specDtl .specList div ul li h1{font-size: 14px;}

  .contDiv{font-size:14px;}

  .viewAuto .viewDiv .viewUnit{max-width: 1000px; max-height: 563px;}


  .paramTab table, th, td {font-size: 16px;}
  .paramTab td{ padding: 10px 5px 5px 10px;}
  .paramTab table{width: 100%;}
  .paramTab .tab1{width: 160px;}

  .newsList .newsData .newsCont div h1{font-size: 26px; padding: 0 0 20px 0;}
  .newsList .newsData .newsCont div ul{font-size: 14px;}
  .newsList .newsData .newsCont div li{font-size: 14px; padding: 50px 0 0 0;}
  .newsList .newsData .newsCont div li p{line-height: 26px;}
  .newsList .newsData .newsCont div li a{ height: 26px; line-height: 26px; border-radius: 26px; padding: 0 15px; font-size: 14px;}
  .newsList .newsData .newsCont div li a:hover{font-size: 14px;}

  .contTitle h1{font-size: 36px;}
  .contTitle h2{font-size: 14px; padding: 15px 0 0 0;}

  .downDtl .downDiv .downList{width: 102%;}
  .downDtl .downDiv .downList div{width: 23%; margin: 0 2% 15px 0;}
  .downDtl .downDiv .downList div ul h6{width: 35px; height: 35px; padding: 30px 30px;}
  .downDtl .downDiv .downList div ul li{padding: 10px 10px 10px 0;}
  .downDtl .downDiv .downList div ul li h1{width: 100%; height: 36px; line-height: 18px; font-size:14px;}
  .downDtl .downDiv .downList div ul li p{margin: 8px 0 0 0;}
  .downDtl .downDiv .downList div ul li p{width: 25px; height: 25px; line-height: 25px;}
  .downDtl .downDiv .downList div ul li p:hover img{margin: -25px 0 0 0;}

  .pageLR .pageListTitle{font-size: 28px;}
  .pageCont-D div ul li h1{font-size: 16px;}
  .pageCont-D div ul li h2{line-height: 150%;}

  .jobTitle{padding: 25px 0;}

  .searchResults .resultsDiv .resultsList{width:105%; height: auto; border-top: 1px solid #cbcbcb; margin: 0 0 50px 0; padding: 30px 0 0 0; display: inline-block;}
  .searchResults .resultsDiv .resultsList div{width: 45%; margin: 0 5% 0 0; float: left; border-bottom: 1px solid #cbcbcb; padding: 15px 0 15px 0; position: relative; cursor: pointer;}

  .shoppingBag .bagDiv .bagListDiv{width: 60%;}
  .shoppingBag .bagDiv .bagTitle{font-size: 24px; padding: 0 0 30px 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gImg{width: 90px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo h1{font-size: 16px; margin: 5px 0 0 0;}

  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec{height: 24px; line-height: 24px; margin: 5px 0 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec ul{font-size: 14px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec li span{font-size: 14px;}

  .shoppingBag .bagDiv .bagSummary{width:30%; margin: 0 0 0 10%;}
  .shoppingBag .bagDiv .bagSummary .gSummary ul{height: 26px; line-height: 26px; font-size: 16px;}
  .shoppingBag .bagDiv .bagSummary .gTotal ul{height: 24px; font-size: 16px; line-height: 24px;}
  .shoppingBag .bagDiv .bagSummary .gCheckout a{height: 42px; border-radius: 42px; line-height: 42px;}
  .shoppingBag .bagDiv .bagSummary .gCheckout button{height: 42px; border-radius: 42px; line-height: 42px;}

  .orderCont .orderDiv .orderTotal .oBtnBig p{height: 42px; line-height: 42px; border-radius: 42px;}

  .notice .noticeDiv .noticeList div li p{width: 36px; height: 36px;}
  .notice .noticeDiv .noticeList div li p img{width: 100%; height: auto;}
  .notice .noticeDiv .noticeList div ul h1{font-size: 17px; margin: 3px 0 3px 0;}
  .notice .noticeDiv .noticeList div ul h2{font-size: 15px;}

  .messList .noticeMess .messImg p{width: 36px; height:36px;}
  .messList .noticeMess .messCont h1{font-size: 17px;}
  .messList .noticeMess .messCont h2{font-size: 15px;}

  .messGoods div ul li{width: 55px; height: 55px;}
  .messGoods div ul li h6{line-height: 55px; font-size: 18px;}
  .messGoods div p{width: 55px; height: 55px; line-height: 55px;}
  .messGoods div p i{font-size: 18px;}


}


@media screen and (max-width: 1440px) {

  .topLogo{width: 60px; height: 60px; top: 30px; margin: 0 0 0 -30px;}
  .topLogo img{width:60px; }
  .topLogo.hover img{margin:-60px 0 0 0;}

  .topLogoText{height: 22px;}
  .topLogoText img{height: 44px;}
  .topLogoText.hover img{margin:-22px 0 0 0;}
  .logoLeft{top: 38px;}
  .logoCenter{top: 38px; left: 50%;}

  .topIcon{top: 35px;}
  .topIcon div ul{width: 30px; height: 30px;}
  .topIcon div ul p{width: 7px; height: 7px; top: 4px; right: 0px;}
  .topIcon div ul li{width: 20px; height: 20px; margin: 5px 5px;}
  .topIcon div ul li img{width: 20px;}
  .topIcon.hover div ul li img{width: 20px; margin: -20px 0 0 0;}

  .pageBack{top: 35px;}
  .pageBack p{width: 30px; height: 30px; line-height: 30px;}
  .pageBack .btnA:hover img{margin: -30px 0 0 0;}
  .pageBack .btnB:hover img{margin: -30px 0 0 0;}

  .menuBtn {width: 150px; height: 150px;}
  .menuBtn div {margin: 34px 34px;}
  .menuBtn div p {font-size: 14px;}
  .menuBtn:hover div{margin: 36px 36px;}
  .menuBtn.hover div{margin: 36px 36px;}

  .menuArea .Left-M {width: 150px; height: 150px; margin-top: -80px;}
  .menuArea .Left-B {width: 150px; height: 150px;}
  .menuArea .Right-M {width: 150px; height: 150px; margin-top: -80px;}
  .menuArea .Right-B {width: 150px; height: 150px;}
  .menuArea .Bottom-M {width: 150px; height: 150px; margin-left: -80px;}

  .menuList-Left-M {top: 50%; left: 150px;}
  .menuList-Right-M {top: 50%; right: 150px;}
  .menuList-Left-B {bottom: 150px; left: 275px;}
  .menuList-Right-B {bottom: 150px; right: 25px;}
  .menuList-Bottom-M {bottom: 150px; left: 50%;}

  .menuList {width: 250px; height: 460px; padding: 0 0;}
  .menuList .menuListBg .menuListDiv{opacity: 0; top: 10px;}

  .menuList .menuListBg .menuListDiv .search div{margin: 20px 20px 20px 20px;}
  .menuList .menuListBg .menuListDiv .search div ul li input{height: 20px; font-size: 16px; }
  .menuList .menuListBg .menuListDiv .search div ul p{width: 22px; height: 22px; padding: 0 0;}
  .menuList .menuListBg .menuListDiv .search div ul p img{width: 16px; height: 16px; margin:3px 0 0 3px;}

  .menuList .menuListBg .menuListDiv .keyList div{height: 338px; padding: 0 22px 0 22px;}
  .menuList .menuListBg .menuListDiv .keyList div li p{margin: 0 0 0 10px;}
  .menuList .menuListBg .menuListDiv .keyList ul{margin:20px 25px 0 0;}
  .menuList .menuListBg .menuListDiv .keyList ul a{font-size: 14px;}

  .menuList .menuListBg .menuListDiv .menuLinks div ul{margin:0 0 20px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div ul a{font-size: 24px; margin: 0 0 5px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div li{margin:0 0 20px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div li a{font-size: 14px; margin: 0 0 5px 0;}
  .menuList .menuListBg .menuListDiv .menuLinks div p img{width: 18px;}

  ::-webkit-input-placeholder {font-size: 12px; opacity: 1;}
  input:focus::-webkit-input-placeholder { opacity: 0.5;}

  :-moz-placeholder {font-size: 12px; opacity: 1;}
  input:focus:-moz-placeholder {opacity: 0.5;}

  ::-moz-placeholder {font-size: 12px; opacity: 1;}
  input:focus::-moz-placeholder {opacity: 1;}

  :-ms-input-placeholder {font-size: 12px; opacity: 1;}
  input:focus:-ms-input-placeholder {opacity: 0.5;}

  .iModule div p{max-width:1300px;}
  .iNeko div{max-width: 1200px;}
  .pageBottom .pageBDiv{max-width: 1300px;}
  .productsDiv{max-width: 1300px;}
  .modularDiv{max-width: 1300px;}
  .diyBaseDiv{max-width: 1300px;}
  .diyMetMain{max-width: 1300px;}
  .dtlCont{max-width: 1300px;}
  .specDtl{max-width: 1300px;}
  .contDiv{max-width: 1300px;}
  .dimDtl{max-width: 1300px;}
  .downDtl{max-width: 1300px;}
  .newsList{max-width: 1330px;}
  .pageList{max-width: 1300px;}
  .pageListNext{max-width: 1300px;}
  .searchResults{max-width: 1300px;}
  .pageTop{max-width: 1300px;}
  .notice{max-width: 1300px;}
  .acctDiv{max-width: 1300px;}
  .orderList{max-width: 1300px;}
  .addressList{max-width: 1300px;}
  .setList{max-width: 1300px;}
  .article{max-width: 1300px;}

  .award div ul li h1{font-size: 24px;}
  .award div ul li h2{font-size: 14px;}
  .iModule div ul li h1{font-size: 24px;}
  .iModule div ul li h2{font-size: 14px;}

  .pageBottom .pageBDiv .pageBLinks div ul{width:800px;}
  .pageBottom .pageBDiv .pageBLinks div h6 b a img{height: 35px;}

  .pageMenu .pageTitle h1{font-size: 40px;}

  .pageMenu .pageIcon h1{font-size: 40px;}

  .dtlCont .dtlDiv .dtlInfo ul h1{font-size: 24px;}
  .dtlCont .dtlDiv .dtlInfo ul h2{font-size: 14px;}
  .dtlCont .dtlDiv .dtlInfo ul li{font-size: 12px;}

  .dtlCont .dtlDiv .dtlGoods .titleSpec h1{font-size: 14px;}
  .dtlCont .dtlDiv .dtlGoods .titleSpec h2{font: 12px;}
  .dtlCont .dtlDiv .dtlGoods .titleSpec{margin: 30px 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec{margin: 0 10px 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p{width: 140px; height: 140px;}
  .sGoods{width: 140px; height: 140px; margin: -70px 0 0 -70px;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum{font-size: 14px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul{padding: 10px 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul li input{height:27px; width:50px; font-size:16px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsNum ul p{width:27px; height:27px; line-height:27px; font-size:18px;}

  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul li{height: 40px; line-height: 40px; border-radius: 40px; padding: 0 20px; margin: 0 0 0 20px; font-size: 16px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul a{height: 40px; line-height: 40px; border-radius: 40px; padding: 0 20px; margin: 0 0 0 20px; font-size: 16px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p{font-size: 16px; line-height: 40px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p s{font-size: 14px;}

  .specDtl .specTitle{font-size:40px; padding:50px 0 50px 0;}
  .specDtl .specList{max-width: 1000px;}
  .specDtl .specList div ul{width:110%;}
  .specDtl .specList div ul li{float: left; width: 15%; margin: 0 10% 20px 0;}
  .specDtl .specList div ul li h1{font-size: 14px;}

  .contDiv{font-size:14px;}

  .viewAuto .viewDiv .viewUnit{max-width: 900px; max-height: 506px;}

  .paramTab table, th, td {font-size: 14px;}
  .paramTab td{ padding: 10px 5px 5px 10px;}
  .paramTab table{width: 100%;}
  .paramTab .tab1{width: 140px;}

  .downDtl .downDiv .downList{width: 102%;}
  .downDtl .downDiv .downList div{width: 23%; margin: 0 2% 15px 0;}
  .downDtl .downDiv .downList div ul h6{width: 35px; height: 35px; padding: 30px 30px;}
  .downDtl .downDiv .downList div ul li{padding: 10px 10px 10px 0;}
  .downDtl .downDiv .downList div ul li h1{width: 100%; height: 36px; line-height: 18px; font-size:14px;}
  .downDtl .downDiv .downList div ul li p{margin: 8px 0 0 0;}
  .downDtl .downDiv .downList div ul li p{width: 25px; height: 25px; line-height: 25px;}
  .downDtl .downDiv .downList div ul li p:hover img{margin: -25px 0 0 0;}

  .pageLR .pageListTitle{font-size: 24px;}

  .jobTitle{padding: 20px 0;}

  .searchResults .resultsDiv .resultsList div p{width: 70px; height: 70px; margin: 0 20px 0 0;}
  .searchResults .resultsDiv .resultsList div ul h1{width: 100%; height: 20px; line-height: 20px; font-size: 16px; margin: 0 0 6px 0;}
  .searchResults .resultsDiv .resultsList div ul h2{width: 100%; height: 40px; line-height: 20px; font-size: 14px;}

  .shoppingBag{max-width: 1300px; padding:140px 50px 50px 50px;}

  .orderCont .orderInfo .orderInfoDtl{padding:80px 0 20px 0;}

  .modularList .itemDiv{width: 103.33333%;}
  .modularList .item{width: 30%; margin: 0 3.33333% 50px 0;}


}


@media screen and (max-width: 1280px) {

  .iModule div p{max-width:1100px;}
  .iNeko div{max-width: 1100px;}
  .pageBottom .pageBDiv{max-width: 1100px;}
  .productsDiv{max-width: 1100px;}
  .modularDiv{max-width: 1100px;}
  .diyBaseDiv{max-width: 1100px;}
  .diyMetMain{max-width: 1100px;}
  .dtlCont{max-width: 1100px;}
  .specDtl{max-width: 1100px;}
  .contDiv{max-width: 1100px;}
  .dimDtl{max-width: 1100px;}
  .downDtl{max-width: 1100px;}
  .newsList{max-width: 1130px;}
  .pageList{max-width: 1100px;}
  .pageListNext{max-width: 1100px;}
  .searchResults{max-width: 1100px;}
  .pageTop{max-width: 1100px;}
  .shoppingBag{max-width: 1100px;}
  .notice{max-width: 1100px;}
  .acctDiv{max-width: 1100px;}
  .orderList{max-width: 1100px;}
  .addressList{max-width: 1100px;}
  .setList{max-width: 1100px;}
  .article{max-width: 1100px;}

  .topLogoText{height: 22px;}
  .topLogoText img{height: 44px;}
  .topLogoText.hover img{margin:-22px 0 0 0;}
  .logoLeft{top: 38px;}
  .logoCenter{top: 38px; left: 50%; display: none;}

  .topIcon{top: 35px;}
  .topIcon div ul{width: 30px; height: 30px;}
  .topIcon div ul p{width: 7px; height: 7px; top: 4px; right: 0px;}
  .topIcon div ul li{width: 20px; height: 20px; margin: 5px 5px;}
  .topIcon div ul li img{width: 20px;}
  .topIcon.hover div ul li img{width: 20px; margin: -20px 0 0 0;}

  .pageBack{top: 35px;}
  .pageBack .btnA:hover img{margin: -30px 0 0 0;}
  .pageBack .btnB:hover img{margin: -30px 0 0 0;}

  .diyMetMain .diyList .diyListTitle{font-size: 16px;}

  .diyMetMain .diyList .diyListItem div{width: auto; height: 60px; padding: 5px 0;  border-bottom: 1px solid #ddd;}
  .diyMetMain .diyList .diyListItem div p{width: 50px; height: 50px; margin: 5px 20px 5px 0;  font-size: 0;}
  .diyMetMain .diyList .diyListItem div ul h1{font-size: 14px; height: 18px;}
  .diyMetMain .diyList .diyListItem div ul li h2{font-size: 12px;}
  .diyMetMain .diyList .diyListItem div ul li h3{font-size: 12px;}
  .diyMetMain .diyList .diyListItem div ul li h4{font-size: 12px;}
  .diyMetMain .diyImg{width: 50%;}
  .diyMetMain .diyList{width: 50%;}
  .diyMetMain .diyList .diyListITotal div ul{font-size: 16px;}

  .menuBtn {width: 140px; height: 140px;}
  .menuBtn div {margin: 30px 30px;}
  .menuBtn div p {font-size: 13px;}
  .menuBtn:hover div{margin: 32px 32px;}
  .menuBtn.hover div{margin: 32px 32px;}

  .menuArea .Left-M {width: 140px; height: 140px; margin-top: -70px;}
  .menuArea .Left-B {width: 140px; height: 140px;}
  .menuArea .Right-M {width: 140px; height: 140px; margin-top: -70px;}
  .menuArea .Right-B {width: 140px; height: 140px;}
  .menuArea .Bottom-M {width: 140px; height: 140px; margin-left: -70px;}

  .menuList-Left-M {top: 50%; left: 140px;}
  .menuList-Right-M {top: 50%; right: 140px;}
  .menuList-Left-B {bottom: 140px; left: 265px;}
  .menuList-Right-B {bottom: 140px; right: 15px;}
  .menuList-Bottom-M {bottom: 140px; left: 50%;}

  .topMenu{height: 80px;}

  .topLogo{width: 56px; height: 56px; top: 30px; margin: 0 0 0 -28px;}
  .topLogo img{width:56px; }
  .topLogo.hover img{margin:-56px 0 0 0;}

  #TSD .swText p{font-size: 48px;}
  #TSD .swText h6{font-size: 14px;}

  .dtlCont .dtlDiv .dtlInfo{padding: 0 10% 0 0;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec{margin: 0 10px 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p{width: 110px; height: 110px;}
  .sGoods{width: 110px; height: 110px; margin: -55px 0 0 -55px;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec{padding: 0 0 30px 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec{padding: 0 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li{font-size: 14px; margin: 0 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li span{padding: 3px 0; margin: 5px 10px 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li p{margin:5px 10px 0 0; padding:3px 8px;}

  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p{width: 110px; height: 110px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy{padding: 30px 0;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p{line-height:36px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul li{height:36px; line-height:36px; border-radius:36px; font-size: 14px; padding: 0 20px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul a{height:36px; line-height:36px; border-radius:36px; font-size: 14px; padding: 0 20px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div li{width: 22px; height: 22px; margin: 7px 7px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div p{width: 7px; height: 7px; top: 0; right: 0;}

  .jobType{padding: 20px 0 10px 0;}
  .jobTitle{padding: 15px 0;}

  .contactNow{padding: 20px 0 10px 0;}

  .shoppingBag .bagDiv .bagSummary .gSummary ul{font-size: 14px;}
  .shoppingBag .bagDiv .bagSummary .sSummary .sShipping{font-size: 14px;}

  .formInput li input{height: 18px; line-height: 18px; font-size:14px;}

  .formLogin{max-width: 360px;}
  .formLogin .logoWith p{height: 24px; line-height: 24px;}
  .formLogin .logoWith ul li{width: 24px; height: 20px; margin: 0 10px 0 0;}

  .formTab .formDiv .formMain h1{font-size: 20px; margin: 0 0 20px 0;}
  .formTab .formDiv .formMain .formList button{height: 40px;  border-radius: 40px; font-size: 14px;}

  .formAgreement ul p{margin: -1px 0 0 0}
  .formLogin .logoWith p{font-size: 14px;}

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

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

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

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

  .notice .noticeDiv .noticeList {width: 103.33%;}
  .notice .noticeDiv .noticeList div{width: 30%; margin: 0 3.33% 10px 0;}
  .notice .noticeDiv .noticeList div li p{width: 30px; height: 30px;}
  .notice .noticeDiv .noticeList div li p img{width: 100%; height: auto;}
  .notice .noticeDiv .noticeList div ul h1{font-size: 16px; margin: 2px 0 2px 0;}
  .notice .noticeDiv .noticeList div ul h2{font-size: 14px;}

  .messList .noticeMess .messImg p{width: 30px; height:30px;}
  .messList .noticeMess .messCont h1{font-size: 16px;}
  .messList .noticeMess .messCont h2{font-size: 14px;}

  .messGoods div ul li{width: 50px; height: 50px;}
  .messGoods div ul li h6{line-height: 50px;}
  .messGoods div p{width: 50px; height: 50px; line-height: 50px;}
  .messGoods div p i{font-size: 18px;}


  .orderCont .orderDiv .orderTotal{font-size: 14px;}
  .orderCont .orderDiv .orderTotal .oBtn p{height: 32px; line-height: 32px; border-radius: 32px; font-size: 14px;}



}

@media screen and (max-width: 1024px) {

  .menuList .menuListBg .menuListDiv .menuLinks div ul a{font-size: 21px; margin: 0 0 5px 0;}

  .pageMessage h1{font-size: 20px;}
  .pageMessage button{width: 100px; height: 36px; border-radius: 36px; font-size: 14px;}

  .addressAdd{max-width: 220px; margin:0 auto 50px auto;}

  .add h1{font-size:20px;}
  .add h1 span{font-size:14px;}
  .add ul li h2{font-size:14px;}
  .add ul li input{font-size:14px;}
  .add ul li h3{font-size:14px;}
  .add div button{height:36px; border-radius: 36px; padding: 0 40px; font-size:14px;}
  .add div p{width: 34px; height: 34px; line-height: 34px; border-radius: 34px;}
  .add div p i{font-size: 18px;}

  .js-area-tips{font-size:16px;}
  .js-area-select-tips{display: inline-block; margin:0 0 2px 0;}
  .js-area-select-label{font-size:16px;}
  .js-area-select-tips i{font-size: 16px;}

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

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

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

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

  .tabs {margin:0 auto 0 auto;}
  .tabs ul li a{padding: 0 20px;}

  .tabRows{margin:0 10px 0 10px;}

  .diyMetMain .diyList .diyListITotal{height: 35px; line-height: 35px;}
  .diyMetMain .diyList .diyListITotal p{padding: 0 15px; margin: 0 0 0 15px;}
  .diyMetMain .diyImg p{margin: 100px 50px 30px 0;}

  .diyMetMain .diyImg{width: 40%;}
  .diyMetMain .diyList{width: 60%;}

  #TSD .swText{width: 80%;}
  #TSD .swText p{font-size: 36px;}
  #TSD .swText h6{font-size: 12px;}

  .browse .bTitle{font-size: 16px; margin: 60px 0 40px 0;}
  .browse .locaLinks{padding:100px 0 40px 0; font-size: 14px;}

  .pinList{margin: 0 0 0 0;}
  .pinList .swiper-slide ul{padding: 0 0; margin: 0 0 0 0;}

  .award{height: 400px; padding:0 0 60px 0;}
  .award div p{width: 200px;}
  .award div ul li{max-width: 60%;}
  .award div ul li h2{font-size: 12px; line-height: 140%;}

  .iModule div{padding: 0 0 80px 0;}
  .iModule div ul li{max-width: 60%;}
  .iModule div ul li h2{font-size: 12px; line-height: 140%;}

  .iNeko div ul p{width: 10px;}
  .iNeko div ul li h1 span i{font-size: 32px;}

  .pageBottom .pageBDiv .pageBLinks div{padding: 0 0 0 0;}
  .pageBottom .pageBDiv .pageBLinks div ul{width:100%;}
  .pageBottom .pageBDiv .pageBLinks div ul li{width: 20%; margin: 0 5% 20px 0;}
  .pageBottom .pageBDiv .pageBLinks div ul p{display: none;}
  .pageBottom .pageBDiv .pageBLinks div h6 b a img{height: 30px; margin: 25px 0 0 0;}

  .pageBottom .pageBDiv .pageBSns div ul li{margin: 0 15px 0 0;}
  .pageBottom .pageBDiv .pageBInfo{display: block;}
  .pageBottom .pageBDiv .pageBInfo p{display: none;}

  .pageMenu .pageTitle{width: 80%;}
  .pageMenu .pageTitle h1{font-size: 36px; padding: 100px 0 0 0;}
  .pageMenu .pageTitle h2{font-size: 12px;}

  .pageMenu .pageIcon ul{padding: 100px 0 0 0;}
  .pageMenu .pageIcon h1{font-size: 36px; padding: 10px 0 40px 0;}

  .loading img{width:40px; height:40px;}

  .productsList .item .itemInfo li h1{font-size: 14px;}
  .productsList .item .itemInfo li h2{font-size: 12px;}
  .productsList .item .itemInfo ul h2{font-size: 12px;}
  .productsList .item .itemInfo li{font-size: 14px;}
  .productsList .item .itemBuy{width: 24px; height: 24px;}
  .productsList .item .itemBuy:hover img{margin: -24px 0 0 0;}

  .modularList .itemDiv{width: 105%;}
  .modularList .item{width: 45%; margin: 0 5% 50px 0;}
  .modularList .item .itemBuy{width: 20px; height: 20px;}
  .modularList .item .itemBuy:hover img{margin: -20px 0 0 0;}

  .viewAuto .viewDiv{padding:30px 0 0 0;}

  .dtlCont .dtlDiv .dtlInfo{padding: 0 6% 0 0;}
  .dtlCont .dtlDiv .dtlInfo ul h1{font-size: 24px;}

  .specDtl .specTitle{font-size:32px; padding:40px 0 40px 0;}
  .specDtl .specList{margin: 0 auto 50px auto;}
  .specDtl .specList div ul{width:103.33%;}
  .specDtl .specList div ul li{width: 30%; margin: 0 3.33% 10px 0;}
  .specDtl .specList div ul li h1{font-size: 12px; margin: 10px 0 0 0;}

  .iDiyMet div{padding: 30px 0;}
  .iDiyMet div li{top: 10px;}
  .iDiyMet div li h1{font-size: 36px; margin: 0 0 10px 0;}
  .iDiyMet div li h2{font-size: 18px;}
  .iDiyMet div ul h6{font-size: 14px;}

  .diyMetTips div ul{top: 45%; left: 50%;}
  .diyMetTips div ul li h1{font-size: 36px;}
  .diyMetTips div ul li h2{font-size: 18px;}
  .diyMetTips div ul h6{font-size: 14px;}
  .diyMetTips div ul h5{height: 300px;}

  .dimDtl{padding: 50px 0 0 0;}
  .paramTab{padding: 50px 0 0 0;}
  .paramTab table, th, td {font-size: 12px;}
  .paramTab td{ padding: 10px 5px 5px 10px;}
  .paramTab table{width: 100%;}
  .paramTab .tab1{width: 120px;}

  .downDtl{padding: 50px 0 0 0;}
  .downDtl .downDiv .downList{width: 103.33%;}
  .downDtl .downDiv .downList div{width: 30%; margin: 0 3.33% 15px 0;}

  .newsList .newsData .newsCont div h1{font-size: 24px; padding: 0 0 20px 0;}
  .newsList .newsData .newsCont div ul{font-size: 12px;}
  .newsList .newsData .newsCont div li{font-size: 12px; padding: 50px 0 0 0;}
  .newsList .newsData .newsCont div li p{line-height: 24px;}
  .newsList .newsData .newsCont div li a{ height: 24px; line-height: 24px; border-radius: 24px; padding: 0 15px; font-size: 12px;}
  .newsList .newsData .newsCont div li a:hover{font-size: 12px;}

  .dtlNews{padding: 0 30px;}
  .dtlNotice{padding: 0 30px;}
  .contTitle{padding: 0 0 30px 0;}
  .contTitle h1{font-size: 32px;}
  .contTitle h2{font-size: 12px; padding: 10px 0 0 0;}

  .pageLR{display: block;}
  .pageLR .pageListArea{width: 100%;}
  .pageLR .pageListCont{width: 100%;}
  .pageLR .pageListTitle{font-size: 20px;}
  .pLTitle{font-size: 20px;}
  .pageCont-A div ul{font-size: 12px;}
  .pageCont-D div ul li h1{font-size: 14px;}
  .pageCont-D div ul li h2{line-height: 140%;}

  .jobType{padding: 10px 0 10px 0;}
  .jobTitle{padding: 15px 0; font-size: 12px; }
  .jobTab-D i{font-size: 14px;}

  .contactNow{padding: 10px 0 10px 0;}

  .contactNow div ul{padding: 5px 12px 5px 10px; margin: 0 10px 0 0;}
  .contactNow div ul p{width: 24px; height: 24px; margin:0 5px 0 0;}
  .contactNow div ul li{line-height: 24px;}

  .contactNow div span{width: 20px; height: 20px; padding: 8px 8px; margin: 0 10px 0 0;}
  .contactNow div ul b{line-height: 26px; display: block; font-family: HOS-C-Black; font-size: 12px;}

  .pageHide{display: none;}

  .dtlCont .dtlDiv{ display: block;}
  .dtlCont .dtlDiv .dtlInfo{padding: 0 0 0 0;}

  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gSelect{padding: 0 10px 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gImg{margin: 0 10px 0 0;}

  .shoppingBag .bagDiv .bagTitle{display: none;}
  .shoppingBag .bagDiv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; display: block}
  .shoppingBag .bagDiv .bagListDiv{width: 100%; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec ul span b{margin: 0 3px;}
  .shoppingBag .bagDiv .bagSummary{width:100%; margin: 0 0 0 0;}
  .shoppingBag .bagDiv .bagSummary .sSummary{padding: 50px 0 0 0; margin: 0 0 0 0; border-top:8px  #eee;}
  .shoppingBag .bagDiv .bagSummary .sSummary .sShipping{padding: 0 0 12px 0;}
  .shoppingBag .bagDiv .bagSummary .gCheckout{display: inline-block}
  .shoppingBag .bagDiv .bagSummary .gCheckout a{float: left; padding: 0 40px;}
  .shoppingBag .bagDiv .bagSummary .gCheckout button{float: left; padding: 0 40px;}

  .notice .noticeDiv .noticeList {width: 105%;}
  .notice .noticeDiv .noticeList div{width: 45%; margin: 0 5% 10px 0;}
  .notice .noticeDiv .noticeList div li p{width: 24px; height: 24px;}
  .notice .noticeDiv .noticeList div li i{font-size: 26px; top: -11px; right: -11px;}
  .notice .noticeDiv .noticeList div ul h1{height: 18px; line-height: 18px; font-size: 16px; margin: 1px 0 1px 0}
  .notice .noticeDiv .noticeList div ul h1{padding: 0 0 0 0;}

  .messList .noticeMess .messImg p{width: 24px; height:24px;}

  .formLogin{max-width: 400px; height: auto; margin: 0 auto; top: 50%; position: relative; z-index: 1;}

  .acctBgimg{padding: 0 0 10px 0;}

  .acctList{margin: 30px auto;}

  .orderCont .orderInfo .orderInfoList h1{font-size: 14px;}
  .orderCont .orderInfo .orderInfoList h2{font-size: 14px;}
  .orderCont .orderDiv{display: block; padding: 10px 0 30px 0;}
  .orderCont .orderDiv .orderGoods ul p{margin: 0 5px 0 0;}
  .orderCont .orderDiv .orderTotal{width: auto; border-top: 1px dashed #b2b2b2; padding: 20px 0 0 0; font-size: 14px;}
  .orderCont .orderDiv .orderTotal .oBtn ul{float:inherit;}
  .orderCont .orderDiv .orderTotal .oBtn p{margin: 0 10px 0 0;}
  .orderCont .orderDiv .orderTotal .oBtnBig{display: inline-block; padding: 20px 0 0 0;}
  .orderCont .orderDiv .orderTotal .oBtnBig p{width:auto; float: left; padding: 0 40px; margin: 0 10px 0 0; height: 36px; line-height: 36px; border-radius: 36px;}
  .orderCont .orderInfo .orderInfoDtl h1{font-size: 20px;}
  .orderCont .orderInfo .orderInfoDtl h2{font-size: 14px;}

  .orderCont .orderDiv .orderGoods .orderMore{margin: 0 0 10px 0;}

  .payWin{max-width:360px;}
  .payType .amount{font-size: 32px;  margin: 0 0 30px 0;}
  .payType h1{font-size: 12px;}
  .payType button{height: 38px; border-radius: 38px; line-height: 38px; font-size: 14px; margin: 30px 0 0 0;}

  .salesWin{max-width:360px;}
  .salesDiv ul h1{font-size: 18px; }
  .salesDiv ul li h2{font-size: 14px;}
  .salesDiv ul li{padding: 6px 0;  cursor: pointer;}
  .salesDiv button{height: 38px; border-radius: 38px; line-height: 38px; font-size: 14px; margin: 30px 0 0 0;}

  .nextWin{max-width:360px;}
  .nextDiv ul h1{font-size: 18px; }
  .nextDiv ul li h2{font-size: 14px;}
  .nextDiv ul li{padding: 6px 0;  cursor: pointer;}
  .nextDiv button{height: 38px; border-radius: 38px; line-height: 38px; font-size: 14px; margin: 30px 0 0 0;}

  .fillWin{max-width:360px;}
  .fillDiv h1{font-size: 18px;}
  .fillDiv ul h2{font-size: 14px; margin: 0 0 10px 0;  color: #999;}
  .fillDiv ul h3{font-size: 14px; margin: 0 0 5px 0; color: #999;}
  .fillDiv ul h3 span{color: #333;}
  .fillDiv li{border: 1px solid #ddd; padding: 10px 15px; margin: 0 0 10px 0;}
  .fillDiv li h6{font-size: 16px;}
  .fillDiv button{height: 38px; border-radius: 38px; line-height: 38px; font-size: 14px; margin: 30px 0 0 0;}

  .logWin{max-width:360px;}
  .logDiv h1{font-size: 18px;}
  .logDiv ul{height: 220px; margin: 0 0 10px 0;}
  .logDiv ul li{padding: 0 0 8px 0; margin: 0 0 8px 0;}
  .logDiv ul li h2{font-size: 14px;}
  .logDiv button{height: 38px; border-radius: 38px; line-height: 38px; font-size: 14px; margin: 30px 0 0 0;}

  .acctList .acctDiv .acctItem div li{width: 90px; height: 90px; margin: 10px 10px 10px 10px;}
  .acctList .acctDiv .acctItem div ul h1{font-size: 15px; margin: 10px 0 8px 0;}
  .acctList .acctDiv .acctItem div ul h2{font-size: 13px; margin: 0 0 2px 0;}
  .acctList .acctDiv .acctItem div ul h2 strong{margin: 0 5px 0 0;}
  .acctList .acctDiv .acctItem div ul h3{font-size: 13px; margin: 8px 0 0 0;}
  .acctList .acctDiv .acctItem div ul h3 strong{margin: 0 5px 0 0;}

}

@media screen and (max-width: 800px) {

  .award div p{width: 180px;}

  .tipsNone div p i{font-size: 36px;}
  .tipsNone div ul{font-size: 14px;}

  .topMenu{height: 60px;}

  .topLogo{width: 30px; height: 30px; top: 20px; left:30px; margin: 0 0 0 0;}
  .topLogo img{width:30px;}
  .topLogo.hover img{margin:-30px 0 0 0;}

  .topLogoText{width: auto; height: 20px;}
  .topLogoText img{width:auto; height: 40px;}
  .topLogoText.hover img{margin:-20px 0 0 0;}
  .logoLeft{top: 25px; left: 30px;}
  .logoCenter{top: 25px; left: 50%;}

  .topIcon{top: 20px; right: 27px;}
  .topIcon div ul{margin: 0 0 0 10px;}

  .pageBack{top: 20px; left: 30px;}

  .diyMetMain{display: block;}

  .diyMetMain .diyImg{width: 100%;}
  .diyMetMain .diyImg p{max-width: 300px; margin: 70px auto  0 auto; text-align: center;}
  .diyMetMain .diyImg p{border: 0;}
  .diyMetMain .diyList{width: 100%;}
  .diyMetMain .diyList .diyListTitle{margin: 50px 0 20px 0; font-size: 14px;}
  .diyMetMain .diyImg div a{height: 32px; line-height: 32px; border-radius: 32px;}
  .diyMetMain .diyImg div a i{margin: 0 5px 0 0;}

  .menuBtn {width: 120px; height: 120px;}
  .menuBtn div {margin: 26px 26px;}
  .menuBtn div p {font-size: 12px;}
  .menuBtn:hover div{margin: 28px 28px;}
  .menuBtn.hover div{margin: 28px 28px;}

  .menuArea .Left-M {width: 120px; height: 120px; margin-top: -60px;}
  .menuArea .Left-B {width: 120px; height: 120px;}
  .menuArea .Right-M {width: 120px; height: 120px; margin-top: -60px;}
  .menuArea .Right-B {width: 120px; height: 120px;}
  .menuArea .Bottom-M {width: 120px; height: 120px; margin-left: -60px;}

  .menuList-Left-M {top: 50%; left: 120px;}
  .menuList-Right-M {top: 50%; right: 120px;}
  .menuList-Left-B {bottom: 120px; left: 245px;}
  .menuList-Right-B {bottom: 120px; right: -5px;}
  .menuList-Bottom-M {bottom: 120px; left: 50%;}

  .menuList .menuListBg .menuListDiv .keyList div{height: 3d; padding: 0 22px 0 22px;}

  .mainDiv .title{height:30px;}
  .pageMessage{width:auto; height:auto; padding:0 0 0 0;}
  .pageMessage div ul li input{height: 32px; padding: 0 0; font-size: 14px;}

  .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;}

  #TSD .swText p{font-size: 32px;}

  .specDtl .specTitle{font-size:24px;}

  .paramTab{padding: 50px 0 0 0;}

  .dimDtl{padding: 50px 0 0 0;}

  .iDiyMet div{padding: 80px 0;}
  .iDiyMet div li{top: 40px;}
  .iDiyMet div li h1{font-size: 28px; margin: 0 0 5px 0;}
  .iDiyMet div li h2{font-size: 16px;}
  .iDiyMet div ul{bottom: 70px;}
  .iDiyMet div ul h6{font-size: 12px;}
  .iDiyMet div p{max-width: 95%;}

  .pageMenu .pageTitle h1{font-size: 32px;}

  .pageMenu .pageIcon ul li{width: 100px; height: 100px;}

  .pageMenu .pageIcon h1{font-size: 32px;}

  .downDtl{padding: 50px 0 0 0;}
  .downDtl .downDiv .downList{width: 105%;}
  .downDtl .downDiv .downList div{width: 45%; margin: 0 5% 15px 0;}

  .newsList .newsData {margin: 0 0 80px 0; display: block;}
  .newsList .newsData .newsImg{width: 100%; height:200px; position: relative;}
  .newsList .newsData .newsCont{width: 100%;}
  .newsList .newsData .newsCont div{margin:0 15px;}
  .newsList .newsData .newsCont div h1{font-size: 18px; padding: 30px 0 15px 0;}
  .newsList .newsData .newsCont div ul{font-size: 12px;}
  .newsList .newsData .newsCont div li{font-size: 12px; padding: 20px 0 0 0;}
  .newsList .newsLeft .newsImg{left: 0;}
  .newsList .newsLeft .newsCont{float:none;}
  .newsList .newsRight .newsImg{right: 0;}
  .newsList .newsRight .newsCont{float:none;}

  .dtlNews{padding: 0 0;}
  .dtlNotice{padding: 0 0;}

  .pageLR .pageListTitle{font-size: 18px;}
  .pLTitle{font-size: 18px; padding: 50px 0 0 0;}
  .pageList{padding: 0 30px 0 30px;}
  .pageCont-B h1{font-size: 18px;}
  .pageCont-C div p{width: 20px;}

  .pageCont-D div ul{width: 105%;}
  .pageCont-D div ul li{width: 45%; margin: 0 5% 30px 0;}

  .pageCont-E div h1{font-size: 18px;}
  .pageCont-E div ul{width: 100%; height: auto; position: relative; display: inline-block;}
  .pageCont-E div ul p{width: 100%; height:200px; position:relative; top: auto; margin: 0 0 30px 0;}
  .pageCont-E div ul li{width: 100%; height: auto; float:none;}

  .searchResults .resultsDiv .resultsList{width:100%; margin: 0 0 50px 0; padding: 30px 0 0 0;}
  .searchResults .resultsDiv .resultsList div{width:100%; margin: 0 0 0 0; float:none;}
  .searchResults .resultsDiv .resultsList div p{width: 55px; height: 55px; margin: 0 20px 0 0;}
  .searchResults .resultsDiv .resultsList div ul h1{width: 100%; height: 18px; line-height: 18px; font-size: 14px; margin: 0 0 3px 0;}
  .searchResults .resultsDiv .resultsList div ul h2{width: 100%; height: 30px; line-height: 15px; font-size: 12px;}
  .searchResults .resultsDiv .resultsList div ul li{height:24px; line-height: 24px; padding: 0 15px;}

  .iModule div p{padding: 30px 30px 80px 30px;}
  .iNeko div{padding: 0 30px;}
  .pageBottom .pageBDiv{padding: 30px 30px 0 30px;}
  .productsDiv{padding: 0 30px;}
  .modularDiv{padding: 0 30px;}
  .diyBaseDiv{padding: 0 30px;}
  .diyMetMain{padding: 0 30px;}
  .dtlCont{padding: 100px 30px 0 30px;}
  .newsList{padding: 0 15px;}
  .pageList{padding: 50px 30px 0 30px;}
  .pageListNext{padding: 0 30px 0 30px;}
  .searchResults{padding: 0 30px 0 30px;}
  .shoppingBag{padding:100px 30px 50px 30px;}
  .browse{padding: 0 30px 60px 30px;}
  .notice{padding: 30px 30px 0 30px;}
  .acctDiv{padding: 0 30px 0 30px;}
  .orderList{padding: 0 30px 0 30px;}
  .addressList{padding: 0 30px 0 30px;}
  .setList{padding: 0 30px 0 30px;}
  .article{padding: 30px 30px 0 30px;}

  .articleDiv {font-size: 14px;}

  .mainDiv .SPEC{padding:0 20px 20px 20px;}

  .goodsWin{max-width:420px;}

  .goodsData .titleSpec h1{font-size: 14px;}
  .goodsData .titleSpec h2{font-size: 14px;}

  .goodsData .contSpec .imgSpec p{width:58px; height: 58px;}
  .sGoodsW{width: 58px; height: 58px; margin: -29px 0 0 -29px;}

  .goodsData .contSpec .divSpec{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; padding: 0 0 20px 0;}
  .goodsData .contSpec .divSpec .goodsSpec{padding: 0 0 0 0;}
  .goodsData .contSpec .divSpec .goodsSpec ul li{font-size: 12px; margin: 0 0 0 0;}
  .goodsData .contSpec .divSpec .goodsSpec ul li span{padding: 3px 0; margin: 3px 10px 0 0;}
  .goodsData .contSpec .divSpec .goodsSpec ul li p{margin:3px 5px 0 0; padding:3px 10px;}

  .selectInfo .metTitle{font-size: 12px;}
  .selectInfo .metSpec ul li{font-size: 12px; margin: 0 0 0 0;}
  .selectInfo .metSpec ul li span{padding: 3px 0; margin: 3px 10px 0 0;}
  .selectInfo .metSpec ul li p{margin:3px 5px 0 0; padding:3px 10px;}

  .addMetInfo .metTitle{font-size: 12px;}
  .addMetInfo .metSpec ul li{font-size: 12px; margin: 0 0 0 0;}
  .addMetInfo .metSpec ul li span{padding: 3px 0; margin: 3px 10px 0 0;}
  .addMetInfo .metSpec ul li p{margin:3px 5px 0 0; padding:3px 10px;}

  .goodsData .contSpec .divSpec .goodsNum{width: 100%; display: inline-block; font-size: 14px;}
  .goodsData .contSpec .divSpec .goodsNum ul{padding: 10px 0 0 0;}
  .goodsData .contSpec .divSpec .goodsNum ul li input{height:24px; width:40px; font-size:14px;}
  .goodsData .contSpec .divSpec .goodsNum ul p{width:24px; height:24px; line-height:24px; font-size:16px;}

  .goodsData .goodsBuy{padding: 20px 0 5px 0;}
  .goodsData .goodsBuy ul li{height: 30px; line-height: 30px; border-radius: 30px; padding: 0 18px; margin: 0 0 0 10px; font-size: 14px;}
  .goodsData .goodsBuy ul a{height: 30px; line-height: 30px; border-radius: 30px; padding: 0 18px; margin: 0 0 0 10px; font-size: 14px;}
  .goodsData .goodsBuy ul p{color:#a57c52; font-size: 16px; line-height: 30px;}

  .goodsData .goodsBuy div{margin: 0 0 0 10px;}
  .goodsData .goodsBuy div li{width: 16px; height: 16px; margin: 7px 7px;}
  .goodsData .goodsBuy div p{width: 7px; height: 7px; top: 0px; right: 0px;}

  .notice .noticeDiv .noticeList {width: 100%;}
  .notice .noticeDiv .noticeList div{width: 100%; margin: 0 0 10px 0;}
  .notice .noticeDiv .noticeList div li p{width: 24px; height: 24px;}
  .notice .noticeDiv .noticeList div li i{font-size: 26px; top: -11px; right: -11px;}
  .notice .noticeDiv .noticeList div ul{border-bottom: 0;}
  .notice .noticeDiv .noticeList div ul h1{height: 20px; line-height: 20px; font-size: 16px; margin: 2px 0 1px 0}
  .notice .noticeDiv .noticeList div:hover ul{border-bottom: 0;}

  .orderCont .orderInfo .orderInfoDtl{padding:60px 0 20px 0;}

  .addressList div li h1{font-size: 16px;}
  .addressList div li h2{font-size: 14px;}
  .addressList div p{font-size: 14px;}

  .setList .setDiv div {width: 100%;}
  .setList .setDiv div ul{width: 100%; float: inherit;}
  .setList .setDiv div ul h1{font-size: 16px;}
  .setList .setDiv div ul h2{font-size: 16px;}
  .setList .setDiv div ul p{font-size: 16px;}
  .setList .setDiv div ul li{font-size: 16px;}

  .pageBottom .pageBDiv .pageBLinks div h6 b a img{height: 25px; margin: 25px 0 0 0;}

  .modularList .itemDiv{width: 100%;}
  .modularList .item{width: 100%; margin: 0 0 50px 0;}

  .metDiyCtrlPrev{width: auto; height: 32px; line-height: 32px;}
  .metDiyCtrlPrev ul{border-radius: 32px; font-size: 14px;}
  .metDiyCtrlPrev ul p i{font-size: 14px;}
  .metDiyCtrlPrev ul p{padding:0 0 0 3px;}
  .metDiyCtrlNext{width: auto; height: 32px; line-height: 32px;}
  .metDiyCtrlNext ul{border-radius: 32px; font-size: 14px;}
  .metDiyCtrlNext ul p i{font-size: 14px;}
  .metDiyCtrlNext ul p{padding: 0 3px 0 0;}

  .metDiyCtrlList{width: auto; height: 32px; line-height: 32px;}
  .metDiyCtrlList ul{border-radius: 32px; font-size: 14px;}
  .metDiyCtrlList ul p i{font-size: 14px;}
  .metDiyCtrlList ul p{padding: 0 3px 0 0;}

  .metDiyListDiv{width: 240px;  right: 96px;}
  .metDiyListDiv .metDiyList div{width: auto; height: 55px; border-bottom: 1px solid #ddd;}
  .metDiyListDiv .metDiyList div:hover{background-color: #f9f9f9;}
  .metDiyListDiv .metDiyList div.hover{background-color: #f9f9f9;}
  .metDiyListDiv .metDiyList div li{width: 55px; height: 55px; margin: 0 5px;  font-size: 0;}
  .metDiyListDiv .metDiyList div li img{width: 100%; height: auto;}
  .metDiyListDiv .metDiyList div ul h1{font-size: 12px; margin:5px 0 1px 0; height: 14px;  width: 100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
  .metDiyListDiv .metDiyList div ul h2{font-size: 12px; color: #999; margin: 0 0 2px 0;}
  .metDiyListDiv .metDiyList div ul h3{font-size: 12px; color: #a57c52;}
  .metDiyListDiv .metDiyList div p{padding: 0 12px; line-height: 55px; border-left: 1px solid #ddd;}
  .metDiyListDiv .metDiyList div p i{font-size: 16px;}

  .metDiyListDiv .metDiyTotal div p{padding: 0 12.5px;}

  .acctList .acctDiv .acctItem div{width: 100%;  margin: 0 0 0 0;}
  .acctList .acctDiv .acctItem div li{width: 85px; height: 85px;}
  .acctList .acctDiv .acctItem div ul h1{font-size: 14px; margin: 12px 0 8px 0;}
  .acctList .acctDiv .acctItem div ul h2{font-size: 12px; margin: 0 0 2px 0;}
  .acctList .acctDiv .acctItem div ul h2 strong{margin: 0 5px 0 0;}
  .acctList .acctDiv .acctItem div ul h3{font-size: 12px; margin: 6px 0 0 0;}
  .acctList .acctDiv .acctItem div ul h3 strong{margin: 0 5px 0 0;}
  .acctList .acctDiv .acctItem div p{line-height: 28px; padding: 6px 0 0 0;}
}

@media screen and (max-width: 600px) {

  .topLogo{top: 23px; left:20px;}
  .logoLeft{top: 25px; left: 20px;}
  .topIcon{top: 20px; right: 17px;}
  .pageBack{top: 20px; left: 20px;}

  .iNeko div{padding: 0 20px;}

  .award div ul{width: 100%; bottom: 30px;}
  .award div ul li{max-width: 80%;}

  .iModule div ul li{max-width: 80%;}
  .iModule div p{padding: 30px 20px 40px 20px;}

  .menuAcct ul li a{padding:0 15px; margin:0 10px; height:26px; border-radius:26px; line-height:26px;}

  .diyMetTips div ul{width: 100%; height: auto; top: 50%; left: 50%; text-shadow: 0 0 10px #FFF,0 0 20px #FFF,0 0 30px #FFF,0 0 40px #FFF;}
  .diyMetTips div ul li h1{font-size: 34px;}
  .diyMetTips div ul li h2{font-size: 20px;}
  .diyMetTips div ul h6{max-width:60%; margin: 0 auto; font-size: 16px; z-index: 2;}
  .diyMetTips div ul h5{width: auto; height: 60px;}
  .diyMetTips div p{background-size: auto 85%;}

  .diyMetTips div .PC{display: none;}
  .diyMetTips div .Mobile{display:inherit;}

  .pageBottom .pageBDiv .pageBLinks div{padding: 0 0 0 0;}
  .pageBottom .pageBDiv .pageBLinks div ul{width:100%;}
  .pageBottom .pageBDiv .pageBLinks div ul li{width: 45%; margin: 0 5% 20px 0;}
  .pageBottom .pageBDiv .pageBLinks div ul p{display: none;}
  .pageBottom .pageBDiv .pageBLinks div h6{padding: 0 0 0 10px;}
  .pageBottom .pageBDiv .pageBLinks div h6 b a img{height: 20px;}

  .paramTab{padding: 50px 20px 0 20px;}

  .productsDiv{padding: 0 20px;}
  .modularDiv{padding: 0 20px;}
  .diyBaseDiv{padding: 0 20px;}
  .diyMetMain{padding: 0 20px;}

  .dimDtl{padding: 50px 20px 0 20px;}
  .downDtl{padding: 50px 20px 0 20px;}
  .downDtl .downDiv .downList{width: 100%;}
  .downDtl .downDiv .downList div{width: 100%; margin: 0 0 15px 0;}

  .contTitle{padding: 0 0 30px 0;}
  .contTitle h1{font-size: 24px;}

  .dtlCont{padding: 100px 20px 0 20px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li span{margin: 5px 6px 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li p{margin:5px 5px 0 0; padding:3px 6px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec{padding: 0 0 30px 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec{padding: 0 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li{font-size: 14px; margin: 0 0 0 0;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .imgSpec p{width: 110px; height: 110px;}
  .dtlCont .dtlDiv .dtlGoods .contSpec .divSpec .goodsSpec ul li{font-size: 12px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy{padding: 30px 0;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul li{height: 34px; line-height: 34px; margin: 0 0 0 12px; padding: 0 15px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul a{height: 34px; line-height: 34px; margin: 0 0 0 12px; padding: 0 15px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p{line-height:34px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div{margin: 0 0 0 14px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div li{width: 20px; height: 20px; margin: 7px 7px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div p{width: 7px; height: 7px; top: 0; right: 0;}

  .browse{padding: 0 0 60px 0}
  .specDtl{padding: 0 20px 0 20px;}

  .viewAuto .viewDiv{padding:30px 20px 0 20px;}

  .newsList{padding: 0 05px;}
  .dtlNews{padding: 0 20px;}
  .dtlNotice{padding: 0 20px;}

  .pageList{padding: 0 20px 0 20px;}
  .pageListNext{padding: 0 20px 0 20px;}

  .pageBottom .pageBDiv{padding: 30px 20px 0 20px;}

  .searchResults{padding: 0 20px 0 20px;}

  .shoppingBag{padding:80px 20px 50px 20px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gSelect{padding:0 5px 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gImg{width: 83px; margin: 0 5px 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo h1{margin: 3px 0 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gSpec{margin: 3px 0 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl{margin: 3px 0 0 0;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul p{margin: 0 8px 0 0; padding: 0 10px; font-size: 12px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul p b{margin: 0 0 0 5px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl li span{font-size: 14px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl li b{font-size: 14px;}
  .shoppingBag .bagDiv .bagListDiv .bagList .goods .gInfo .gCtrl ul b{font-size: 12px;}
  .shoppingBag .bagDiv .bagSummary .sSummary .sShipping{font-size: 14px;}
  .shoppingBag .bagDiv .bagSummary .sSummary .sPaytype h1{font-size: 12px;}
  .shoppingBag .bagDiv .bagSummary .gCheckout{display:inherit;}
  .shoppingBag .bagDiv .bagSummary .gCheckout a{width: 100%; float:inherit; padding: 0 0;}
  .shoppingBag .bagDiv .bagSummary .gCheckout button{width: 100%; float:inherit; padding: 0 0;}

  .formTab .formDiv{padding: 20px 20px;}
  .formTab .formDiv .formMain{padding: 25px 25px;}

  .notice{padding: 0px 20px 0 20px;}
  .acctDiv{padding: 0px 20px 0 20px;}
  .orderList{padding: 0px 20px 0 20px;}
  .addressList{padding: 0 20px 0 20px;}
  .setList{padding: 0 20px 0 20px;}
  .article{padding: 0px 20px 0 20px;}

  .orderCont .orderDiv .orderTotal .oBtnBig p{padding: 0 30px;}

  .addressAdd{max-width: 180px;}

  .diyMetMain .diyList .diyListITotal{height: auto; line-height: normal; margin: 20px 0 50px 0;}
  .diyMetMain .diyList .diyListITotal div{display: block;}
  .diyMetMain .diyList .diyListITotal div ul{padding: 0 0 20px 0;}
  .diyMetMain .diyList .diyListITotal p{margin: 0 15px 0 0; line-height: 35px; line-height: 35px;}


}

@media screen and (max-width: 500px) {

  .dtlCont .dtlDiv .dtlGoods .goodsBuy{padding: 30px 0; display: block;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul{display: block;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul li{height: 34px; line-height: 34px; margin: 0 0 8px 0; padding: 0 0; display: block; text-align: center;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul a{height: 34px; line-height: 34px; margin: 0 0 8px 0; padding: 0 0; display: block; text-align: center;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy ul p{line-height:34px; margin: 0 0 10px 0;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div{margin: 0 0 0 0; display: block; border-radius: 34px; text-align: center; width: 80px;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div li{width: 100%; height: 20px; margin: 7px auto;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div li img{height: 200%; width: auto;}
  .dtlCont .dtlDiv .dtlGoods .goodsBuy div p{width: 7px; height: 7px; top: 0; right: 0;}

}