/*
 * @name style.css
 * @time 2019.04.11
 * @company Topkee Media
 * @author Fyz
*/

/* reset */
a{color: #333;}
a:hover,a:focus{color: #333; 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 !important; }
::-webkit-input-placeholder { color:#2b2b2b !important; }
:-ms-input-placeholder { color:#2b2b2b !important; }
body{color: #333;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
.min-height{min-height: 500px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: normal;}
@media (max-width: 767px) {
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}

    .min-height{min-height: 300px;}
}



/* hd */
.topBar{border-bottom: 1px solid #F17A31; padding: 5px 0; text-align: right; font-size: 12px; position:relative; z-index:1;}
.topBar p{margin-bottom: 0;}
.toolbar{display: flex; display: table\9; align-items: center; justify-content: center; height: 100px; margin-left:20px; position: relative; z-index: 1;}
.toolbar .icon-search{display: inline-block; width: 24px; height: 24px; background: url(https://tabccc.oss-cn-hongkong.aliyuncs.com/u_8/201905141625727.png?x-oss-process=style/TMTP) no-repeat center; background-size: auto 16px; cursor: pointer; vertical-align: middle; margin-left: 10px;}
.hd .share .icon{width:32px; height:32px;}
@media(max-width: 767px){
    .hd .share{margin-top: 15px;}
    .topBar p img{height: 15px;}
}

.modal-backdrop{background-color: rgba(0,0,0,0.6);}
.modal-backdrop.in{opacity: 1;}
.modal .modal-header{ border-bottom: 0; padding: 0; margin-bottom: 20px;}
.modal .close{float: none; position: absolute; top: 0; right: 0; width: 40px; height: 40px; opacity: 1; margin-top: 0; font-weight: normal; font-size: 32px; color: #aaa; text-shadow: none;}
.modal-member .modal-dialog{margin: 180px auto 0; width: 800px;}
.modal-member .modal-content{box-shadow: none; border-radius: 0; padding: 100px 200px;}
.modal-member .modal-title{font-size:26px; color: #C6A55D;}
.modal-member .modal-body{padding: 0;}
.modal-member a{text-decoration: underline; cursor: pointer;}

.modal-search .modal-dialog{width: 100%;}
.modal-search .modal-content{background: none; box-shadow: none; border-radius: none; border: 0;}
.modal-search .modal-header{margin-bottom: 200px;}
.modal-search .close{right: 50%; margin-right: -20px;}
.search .form{border-bottom: 1px solid #fff;}
.search .inner{margin-right: 20px;}
.search input{background: none; border: 0; width: 100%; padding: 5px 0; font-size: 16px; color: #fff;}
.search .submit{background: url("https://tabccc.oss-cn-hongkong.aliyuncs.com/u_123/201904151032971.png?x-oss-process=style/TMTP") no-repeat center; background-size: cover; width: 15px; height: 15px; float: right; margin-top: 7px;}
@media(max-width: 992px) and (min-width: 768px){
    .modal-member .modal-dialog{width: 80%; margin-top: 150px;}
    .modal-member .modal-content{padding: 60px 20%;}
}
@media(max-width: 767px){
    .modal-member .modal-dialog{width: 90%; margin-top: 80px;}
    .modal-member .modal-content{padding: 50px 20px;}
    .modal-search .modal-dialog{width: auto;}
}



/* ft */
.ft{border-top:1px solid #D8D8D8; padding: 25px 0; margin-top: 30px;}
.ftNav a{display: inline-block; margin:0 30px 5px 0; font-size: 12px;}
.copyright{text-transform: uppercase; color: #565555; font-size: 12px;}
@media(max-width: 767px){

}



/* index */
.hot-product{padding: 30px 0; background-color: #F8F8F8;}
.module-title{text-transform: uppercase; font-size:12px;}
.module-title .t{font-weight: normal; margin: 0 0 5px 0;}
.module-title .t:before,
.module-title .t:after{display: inline-block; content: ''; width: 4px; height: 25px; background-color: #EF7337; vertical-align: top; margin: 0 15px;}
@media(max-width: 767px){
    .module-title .t:before,
    .module-title .t:after{height: 18px;}
}



/* page */
.page-con{margin-top: 30px;}


/* product */
.page-con{margin-top: 30px;}