@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,em,img,b,u,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,footer,header,menu,section,summary,time,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html,body{min-height:100%;font:12px/1.4 Arial,Helvetica,'Hiragino Sans GB','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;background:#fff;}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#4f5157;text-decoration:none}a:link{color:#4f5157;text-decoration:none;}a:visited{color:#4f5157;text-decoration:none;}a:hover{color:#ffae12;;text-decoration:none;}a:active{color:#4f5157;text-decoration:none;}
@-webkit-keyframes popUp{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes popUp{from{transform:scale(0)}to{transform:scale(1)}}
input::-webkit-input-placeholder{color:#9e9e9e}
input::-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder{color:#9e9e9e}
strong{font-weight:700}
/* NEW flex 布局 来自 bootstrap 4.6.1 */
/* .flex_box{ */
    /* display: -webkit-flex;  新版本语法: Chrome 21+ */
    /* display: -webkit-box;   老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    /* display: -moz-box;      老版本语法: Firefox (buggy) */
    /* display: -ms-flexbox;   混合版本语法: IE 10   */
    /* display: flex;          新版本语法: Opera 12.1, Firefox 22+ */
/* } */
.d-flex,
.flex_box {
display: -ms-flexbox !important;
display: flex !important;
}

.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
/* //主轴为水平方向，起点在左边 */
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}

.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}

.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}

.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}

.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}

.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}

.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}

.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}

.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}

.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}

.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}

.justify-content-start,
.jc_start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}

.justify-content-end,
.jc_end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}

.justify-content-center,
.jc_center {
-ms-flex-pack: center !important;
justify-content: center !important;
}

.justify-content-between,
.jc_between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}

.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}

.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}

.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}

.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}

.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}

.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}

.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}

.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}

.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}

.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}

.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}

.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}

.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}

.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}

.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}

.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}

.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}

.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
/* NEW COMMON */
.wrapper{margin: 0 auto;width: 1180px;}
.clearfix:after{content:'\0020'; display:block; width:100%; height:0; clear:both;overflow:hidden}
.clearfix{*zoom:1}
.clear{clear:both;width:100%;height:0px;padding:0;margin:0;overflow:hidden}
.psr{position: relative;}
.pab{position: absolute;}
.bw100{display:block !important;width:100% !important;}
.w100{width:100% !important}
.blockc{display:block;margin:0 auto;}
.txtl{text-align:left !important;}
.txtc{text-align:center !important;}
.txtr{text-align:right !important;}
.txtj{text-align:justify !important;word-break: break-all;}
.nowrap_row{word-break: break-all;text-align:justify;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
/* NEW SPACES */
.space_xs,.space_xxs,
.space_sm,
.space_md,
.space_lg,
.space_xl,
.space_xxl{clear:both;display:block;width:100%;overflow:hidden;}
.space_xs{height:10px;}
.space_xxs{height:15px;;}
.space_sm{height:20px;}
.space_md{height:30px;}
.space_lg{height:40px;}
.space_xl{height:50px;}
.space_xxl{height:60px;}
.space_3xl{height:70px;}

/*header-logo*/
.header {position: relative;z-index: 11;border-bottom: 1px solid #f1f1f1;}
.header .container {position: relative;z-index: 2;}
.container {margin: 0 auto;width:1180px;}
.glyphicon{top: 0 !important;}
.header-wrapper {display: flex;justify-content: space-between;align-items: flex-end;font-size: 15px;padding:16px 0 12px 0;}
.logo {}
.logo a{display:block;text-align:center;}
.logo a img {display:block;padding-bottom:3px;}
.logo a span{font-size: 14px;color: #ffae12;letter-spacing: 8px;}
/*header-tool-box*/
.tools-box {display: flex;}
.channel-link {display: flex;font-weight: 400;overflow: hidden;}
.channel-link a {margin-right: 25px;position: relative;display: flex;align-items: center;color: #101010;}
.channel-link a:hover i{color:#ffae12;transition: opacity 1s linear;}
.channel-link a:hover span{color:#ffae12;transition: opacity 1s linear;}
.channel-link a i {-webkit-transition: color 2s;transition: color 2s;-o-transition: color 2s;-moz-transition: color 2s;flex: none;display: inline-block;margin-right: 2px;}
.channel-link a span{-webkit-transition: color 2s;transition: color 2s;-o-transition: color 2s;-moz-transition: color 2s;padding-left:2px;}
.tools-box__items {display: flex;color: #101010;}
.cart-button, .menu-toggler {display: flex;align-items: center;cursor: pointer;}
.cart-button>*, .menu-toggler>* {pointer-events: none;display: inline-block;padding: 0 4px;}
.member-button {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-left: 10px;width: 70px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 30px;letter-spacing: 0;border-radius: 3px;cursor: pointer;}
.btn-red {color: #fff;background: #d64937;}
.member-button i:before {margin-left: 0;margin-right: 4px;font-size: 14px;}
.member-button span {height: 30px;font-size: 13px;display: inline-block;line-height: 32px;}
/*导航栏*/
.navigation-wrapper {display: -webkit-flex;display:-ms-flexbox;display: flex;justify-content: space-between;width:600px;}
.navigation-list{display:block;font-size: 18px;line-height: 1.6;position: relative;border-bottom:1px solid transparent;}
.navigation-list:hover{color:#ffae12;font-weight:600;}
.navigation-list:hover::after{width:100%;left:50%;}
.navigation-list:hover + .navigation-list::after{left:50%;}
.navigation-list:after {content: "";position: absolute;border-bottom:1px solid #ffae12;bottom: -1px;height: 1px;width: 0;-webkit-transition: all .3s linear;transition: all .3s linear;left: 50%;-webkit-transform: translate(-50%);transform: translate(-50%);}
.navigation .list_active{color: #ffae12;border-bottom: 1px solid;}
/* .search_cont {float: right;width: 280px;display: block;}
.search_cont .q {background-color: #fff;color: #666;border: 1px solid #d64937;line-height: 24px;height: 28px;width: 238px;padding: 0 5px;float: left;border-top-left-radius: 4px;border-bottom-left-radius: 4px;outline: none;}
.search_cont .submit { background-color:#d64937; color: #fff;border:0; line-height: 28px; height: 28px; width:40px; text-align: center; float: left;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} */
/* 顶部右侧 */
.so_user{display: -webkit-flex;display:-ms-flexbox;display: flex;align-items: center;justify-content: flex-end;}
.so_user .so{padding-left:20px;}
.so_user .so a{font-size:18px;color: #ffae12;}
.so_user .so .search_cont{position: relative;border-radius:20px;height:32px;line-height:32px;border:1px solid #ffae12;padding:0 30px 0 12px;}
.so_user .so .search_cont form{display:block;height:100%;}
.so_user .so .search_cont .q{display:block;height:100%;width:100%;border:none;}
.so_user .so .search_cont button{display:block;padding:3px 10px;position: absolute;right:0;top:0;height:100%;border:none;background-color: transparent;color:#eb9a04;}
.so_user .user_wraper{font-size:18px;line-height: 1.6;}
.so_user .user_wraper a{color: #ffae12;}
.so_user .log_out{display: -webkit-flex;display:-ms-flexbox;display: flex;justify-content: flex-end;align-items: center;}
.so_user .log_out .user{border-right:1px solid #f1f1f1;padding-right:10px;}
.so_user .log_out .out{padding-left:10px;}
/*导航栏标签*/
@keyframes mylogo{from  {top: 5px;}to  {top: -5px;}}
@-moz-keyframes mylogo /* Firefox */
{from  {top: 5px;}to  {top: -5px;}}
@-webkit-keyframes mylogo /* Safari 和 Chrome */
{from  {top: 5px;}to  {top: -5px;}}
@-o-keyframes mylogo /* Opera */
{from  {top: 5px;}to  {top: -5px;}}
/*导航栏隐藏标签*/
.xiala_wrap{display:none;margin: 0 auto;width: 1180px;text-align: center;background: #f1f1f1;padding:12px 10px;}
.xiala_list{color: #000;line-height: 25px;display: -webkit-flex;display:-ms-flexbox;display: flex;justify-content: space-between;flex-wrap: wrap;}
.xiala_list a{font-size: 15px;}
.xiala_list a:hover{color: #ffae12;}

/* NEW 左侧模块标题 */
.mod_tit{padding-top:30px;}
.mod_tit h2{font-size: 18px;border-bottom: 2px solid #ffae12;display: inline;padding-bottom: 3px;font-weight: bolder;}
/*NEW 右侧模块标题 */
.rg_mod_tit{position:relative;border-top:3px solid #ffae12;}
.rg_mod_tit::before{display:block;content:' ';position: absolute;left:50%;width:0;height:0;border:8px solid transparent;border-top-color:#ffae12;transform: translate(-50%);-webkit-transform:translate(-50%);-ms-transform: translate(-50%);}
.rg_mod_tit h2{font-size:18px;padding-top:12px;font-weight:600;}
.rg_mod_tit .more{display:block;position: absolute;right:0;top:0;color: #9e9e9e;font-size:16px;padding-top:12px;}

/*footer*/
.company{margin: 0 auto;width: 1180px;position:relative;padding:0 0 30px;background-color:#fff;text-align:center}
.company a,.company p,.company span{color:#9e9e9e;font-size:12px;line-height:24px}
.company a,.company span{margin:0 3px}

/* NEW chw_foot */
.chw_foot{background-color:#373737;color:#f1f1f1;padding:30px 0;font-size:14px;}
.chw_foot a{color:#f1f1f1;}
.chw_foot .frid_lnks{line-height:1.6;}
.chw_foot .frid_lnks .lnk_lb{flex: 1;-webkit-flex:1;}
.chw_foot .frid_lnks .lnk_lb ul{width:100%;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.chw_foot .frid_lnks .lnk_lb li{width:80px;border-bottom:1px dotted #4f5157;margin-bottom:10px;line-height:1.6;}
.chw_foot .cpq p{padding:20px 20px 0;border-top:1px solid #4f5157;}

/* DETAIL PAGES */
.detail_pages{margin-top:30px;text-align:center;line-height:30px;font-size:16px;}
.detail_pages span,
.detail_pages a{display:inline-block;height:30px;padding:0 10px;margin:0 2px;border:solid 1px #ffae12;border-radius:15px;}
.detail_pages span.curPage,
.detail_pages a:hover{color:#fff;background-color:#ffae12;}