/*
 * @name style.css
 * @time 2018.08.15
 * @author Fyz
 * @QQ 530272318
*/

/* reset */
a{color:#707070;}
a:hover,a:focus{color:#707070; text-decoration: none;}
img{max-width: 100%;}
ul,ol{margin:0; padding:0;}
li{list-style: none;}
input{outline: none;}
textarea{outline: none; resize: none;}
em,strong{font-style: normal;}
::-moz-placeholder { color: #2b2b2b; }
::-webkit-input-placeholder { color:#2b2b2b; }
:-ms-input-placeholder { color:#2b2b2b; }
body{color:#707070; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.page .relative{position: relative;}
.page .min-height{min-height: 320px;}
.page .form-control{border-radius: 0;}
.page .form .btn{background-color:#a07936; color:#fff; border-radius:0; border:0;  padding: 10px 25px;}
.page input.form-control,textarea.form-control{ background-color: #f6f6f6;}
.page input[type=checkbox], input[type=radio]{margin-top:0;}
@media (max-width: 768px){
    /* reset */
    .page h2{font-size: 18px;}
    .page h3{font-size: 16px;}
    .page h4{font-size: 14px;}
    .page h5{font-size: 12px;}

}



/* logo */
@media (max-width: 768px){
    .logo{height: auto; margin-top: 15px; left:0;}
    .logo img{height: 35px;}
}
@media (min-width: 768px) {
    .logo{height: auto; float: none; position: static; display: block; margin: 15px 0 5px;}
}


/* passport */
.passport .tabBar a{display: inline-block; padding: 3px 15px; color: #000; text-transform: uppercase;}
.passport .tabBar a.active{ background-color: #a07936; color: #fff;}


/* hd */
.topBar{border-bottom: 1px solid #bfbfbf; color: #8d8d8d;}
.topBar .row{padding: 10px 50px;}
.topBar .t-right{text-align: right; text-transform: uppercase;word-break:break-all;}
.topBar a{color: #8d8d8d; padding: 0 5px;}

.cartBar{position: relative; z-index: 2; padding-right: 40px;}
.cartBar .item{float: left; margin-left: 20px;}
.cartBar .icon{display: inline-block; background: url("../images/s_icon.png") no-repeat center 5px; width: 30px; height: 40px; cursor: pointer;vertical-align: top;}

.search .form{margin-bottom:0;}
.search .form.in{background-color: #f6f6f6;}
.search .form-control{border: 0; vertical-align: top; box-shadow: none;}

/* ft */
.ft .info{background-color: #f9f9f9; padding: 20px 0;}
.ftNav{margin-top:5px;}
.ftNav a{display: inline-block; margin:10px 20px 0 0; text-transform: uppercase;}
.ft .share{text-align: right;}
.copyright{background-color: #252525; font-size: 12px; color: #8b8b8b; padding: 5px 15px; text-align: center;}
.copyright p{ margin-bottom: 0;}

@media(max-width: 767px){
    .topBar{font-size:12px;}
    .topBar .row{padding:0;}
    .topBar .welcome,
    .topBar .t-right .s{display: none;}
    .navWarp{position: relative;}
    .cartBar{position: absolute; right: 90px; top: 15px; padding-right: 0; z-index: 16;}
}
@media(max-width: 320px){
    .topBar a{padding: 0 3px;}
    .cartBar{right: 90px;}
}



/* page */
.page{margin: 70px 0; position: relative;}
/* product */
.same-category .t{font-size: 22px; color: #000; text-transform: uppercase; position: relative; border-bottom: 1px solid #000; margin:50px 0 30px;}
.same-category .t span{padding-right:5px;background-color: #fff;}
@media (max-width: 767px){
    .same-category .t{font-size:16px; margin:30px 0 10px;}
}

/* multi-tablist */
.multi-tablist .title{color: #000; text-transform: uppercase; border-bottom: 1px solid #a0a0a0; padding-bottom: 10px; margin-top:0;}
.multi-tablist .tab-pane .title{color: #a07936;}
.multi-tablist .nav-tabs{border-bottom: 0;}
.multi-tablist .nav-tabs>li{float: none; margin-bottom: 3px;}
.multi-tablist .nav-tabs>li>a{ border-radius: 0; border: 0; padding: 0; cursor: pointer; text-transform: uppercase;}
.multi-tablist .nav-tabs>li>a:hover{background:none; color: #a07936;}
.multi-tablist .nav-tabs>li.active>a,
.multi-tablist .nav-tabs>li.active>a:focus,
.multi-tablist .nav-tabs>li.active>a:hover{border: 0; color: #a07936;}


/* index */
.i-module{margin: 40px 0;}
.i-module .title{color: #000; text-align: center; text-transform: uppercase; margin:0 0 30px;}
.i-module .title span{display:inline-block; padding: 0 110px; position: relative;}
.i-module .title em{display: inline-block; background-color: #fff; position: relative; padding: 0 20px;}
.i-module .title .line{ width: 100%; height: 2px; background-color: #919191; position: absolute; left: 0; top: 50%;}
.i-module .title .line strong{width:20px; height: 20px; background-color: #d5d5d5; position: absolute; left: 50%; top: -10px; margin-left: -10px;}
.i-module .title .line strong:before{content: '';width: 10px; height: 10px; background-color: #957961; position: absolute; left: 5px; top: 5px;}

.i-new{background-color: #f9f9f9; padding-top: 40px;}
.i-new .title em{background-color: #f9f9f9;}

@media (max-width: 767px){
    .i-module .title span{padding: 0 50px;}
    .i-module .title em{padding: 0 10px;}

    .page{margin: 35px 0;}
}