@charset "utf-8";
/* CSS Document */

/*基本设定*/
html{font-size:37.5px;background: #bdbdbd;}
html{overflow-y:scroll;max-width: 780px;margin: 0 auto !important;background:#f0f0f0;min-height: 100vh;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
div{box-sizing:border-box;}
body{background: #f5f5f5;font-size: 0.32rem;}
body{color:#666;font: 0.32rem/1.5 Verdana, Arial, Helvetica, sans-serif;min-height: 100vh;height: auto !important;position: relative;box-sizing: border-box;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;max-height: 100%;height: auto !important;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{}
h2{font-size:0.8533rem;}
h3{font-size: 0.64rem !important;}
h4{font-size: 0.48rem !important;}
h5{font-size: 0.4267rem !important;}
h6{font-size:0.32rem;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;}
input,textarea,button{outline:none;box-sizing: border-box;}
textarea{resize:none;}
input,textarea,button{outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #999;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color: #999;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #fff inset !important;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display:none;}
input:focus,textarea:focus{outline : none ;border : 1px solid #f60 ;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
textarea{resize: none ;-webkit-appearance: none;}

table{font-size:inherit;font:100%;width: 100%;}
pre,code,kbd,samp,tt{font-family:Verdana, Arial, Helvetica, sans-serif;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
select{font-size:0.32rem;}
dt{float:left;}

a{outline:none;cursor:pointer;color:#333;_colot:#000;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;color:#e6040e;_colot:#000;}
hr{height:1px;border:solid #bbb;border-width:1px 0 0;}

.float_left{ float:left;}
.float_right{float:right;}

/* --------------------------------

 布局

-------------------------------- */
/*整体布局*/
.header{background:#fff;}
.header,.main,.footer{width:100%;}
.header_con,.main_con,.footer_con{margin:auto;overflow: hidden;background-color: inherit;}
.header_con,.main_con,.footer_con{padding:0 0.4rem;margin:auto;overflow: hidden;}

.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.section{margin-bottom: 0.4rem;overflow: hidden;width: 100%;}

/*行列布局*/
.col_left,.col_middle,.col_right{float: left;}
.col_full{clear:both;width:100%;display: block;margin-top: 0.68rem;overflow: hidden;}/*--行--*/

/*1-1*/
.col_11 .col_left,.col_11 li:nth-child(2n+1){width: 48.5%;margin-right: 4.5%;float: left;}
.col_11 .col_right,.col_11 li:nth-child(2n){width: 47%;float: left;}


/*1-2*/
.col_12 .col_left{width: 3.2583rem;margin-right: 0.4rem;}
.col_12 .col_right{width: 5.54rem;}

/*2-1*/
.col_21 .col_left{width: 5.9rem;margin-right: 0.4rem;}
.col_21 .col_right{width: 2.647rem;}

/*行列布局*/
.col_full{clear:both;width:100%;display: block;margin-bottom: 0.68rem;margin-top: 0;overflow: hidden;}/*--行--*/
.col_left,.col_middle,.col_right{float: left;}
.col_two{overflow: hidden;}
.col_two li{width: 47.5%;margin-right: 5%;float: left;}
.col_two li:nth-child(2n){margin-right: 0;}

/*字体颜色*/
.t_red{color: #ee3535;}
.t-org{color:#f98f68;}
.t-blue{color: #5392e7 !important;}
.text-center{text-align: center;}
.text-right{text-align:right;}
.text_red{color: #e42d35 !important;}
.text-org{color:#f98f68;}
.text-white{color:#ffffff;}

/*background color*/
.gradient{background-color: #e10019; /* 浏览器不支持的时候显示 */background-image: linear-gradient(to bottom right, #e10019, #f34225); }
.gray{background:#f8f8f8;}

/*imgbox*/
.imgbox,.brandbox{text-align:center;position: relative;overflow: hidden;}
.imgbox{/*min-height: 2.5rem;*/}
.imgbox img,.brandbox img{width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;max-height: inherit;}
.brandbox{width: 3.2583rem;height: 1.3667rem;}
.brandbox img{border-radius:0 !important;}
.vip-icon i{position:absolute;left:0;top:0;}
.vip-icon i img{width:0.8167rem;position: initial;border-radius: 0;margin: 0;}

/* btns */
.fixedbtn{width: 1.35rem !important;height: 1.35rem !important;/* box-shadow: 4px 4px 30px rgba(0,0,0,0.15); */display: block;border: none;border-radius: 1.5rem;/* position: fixed; */text-align: center;z-index: 999;background: rgba(239, 239, 239, 0.9);line-height: 1.35rem !important;padding: 0;}
#retopbtn.fixedbtn img{width:0.42rem;}
#retopbtn img{width: 1rem;}

.btns,.btnss{text-align: center;color: #ffffff;display: block;border-radius: 0.08rem;float: left;box-sizing: border-box;cursor: pointer;border: none;}
.btns:hover,.btnss:hover{color: #ffffff !important;}
.btns{background: #f14f56;line-height: 0.85rem;padding: 0 0.4rem;font-size: 0.37rem;width: 2.4rem;}
.btnss{background: #f53232;line-height: 0.75rem;padding: 0 0.27rem;font-size: 0.32rem;/* width: 1.87rem; */}
.btns:hover{background: #fb444c;}
.btnss:hover{background: #fb444c;}

/* table */
.inp_txt{width: 100%;height: 0.93rem;line-height: 0.93rem;border-radius: 0.08rem;border: 1px #c5c5c5 solid;padding: 0 0.27rem;color: #666;font-size: 0.32rem;margin: 0.05rem 0;box-sizing: border-box;}
.inp_txt.left21{width: 48%;float: left;}
.inp_txt.right21{width: 47%;margin-left: 0.2667rem;float: left;}
.inp_txt.left41{width: 1.92rem;margin-right: 0.13rem;}
select.inp_txt{/*取消默认箭头开始*/appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(/content/imgs/icon-arrow-down.png) right center #fff no-repeat;padding-right: 0.8rem;padding-right: 0px\9;background-size: 0.42rem;}
select::-ms-expand{display:none;}

/*广告*/
.gg{position:relative;border-radius: 0.08rem;overflow:hidden;}
.gg:before{content:"";width: 0.85rem;height: 0.42rem;background: url(/content/imgs/gg.png) no-repeat;display: block;bottom: 0;left: 0;position: absolute;z-index: 99;background-size: 0.85rem;}

.adv{position:relative;margin-bottom: 0.5rem;display: inline-block;text-align: center;width: 100%;}
.adv:before{content: "广告";position: absolute;right: 0;bottom: 0;color: #ffffff;background: rgba(0, 0, 0, 0.64);width: 0.9rem;height: 0.48rem;text-align: center;line-height: 0.48rem;z-index: 999;font-size: 0.32rem;opacity: 0.5;border-radius: 0.15rem 0 0 0;}
.adv img{max-width:100%;}
.covera{width:100%;height:100%;display: block !important;position: absolute;z-index: 990;left: 0;top: 0;}

/* --------------------------------

 标题

-------------------------------- */
.tit-con{position:relative;margin: 2em 0 1em;}


/* --------------------------------

 Header

-------------------------------- */
/* head */
.header{background: #fff;    padding: 0.3rem 0.2rem 0.3rem; border-bottom: 1px #f3f2f3 solid;  }
.head{padding: 0;overflow: hidden;}
.ztw_logo img{width: 2.4rem;}
.head .col_right{float:right;margin-top: 0.10rem;}
.head .col_right img{/*width:0.55rem;*/}
.head .col_right .nav__link{padding:0 0.15rem;display: inline-block;float: left;}
.head .col_right>a{float:left;margin-left:0.2rem;}

.header_ztw{height: 1.0667rem;background:#f8f8f8;padding: 0rem 0.4rem;}
.top_box{margin:0 auto;overflow: hidden;}
.top_box .icon_shouye{background: url(/content/imgs/ztw_shouye.png) no-repeat center left;padding-left: 0.42667rem;}
.top_box .float_left a{margin-right: 0.1667rem;padding-right: 0.4rem;font-size: 0.32rem;border-right: 1px #eee solid;line-height: 1.1rem;}

.head{margin:0 auto;/* padding: 0.2667rem 0 0.1667rem; */}

.header-s{position:relative;}
.header-s .ztw_logo{position:absolute;left:0;right:0;margin:auto;width: 5.4rem;text-align: center;}
.header-s .ztw_logo>*{
    display: inline-block;
    vertical-align: middle;
}
.header-s .head-t{margin-top: 0.10rem;width: 3.2rem;float: left;padding-left: 0.4rem;}
.header-s .return{display:block;width: 1rem;height: 100%;margin-right: 0.1rem;padding-top: 0.35rem;font-size: 0;float:left;background-image: url(/content/imgs/icon-arrow-left.png);background-size: 0.18rem;background-repeat: no-repeat;background-position: 0.32rem center;position: absolute;left: 0;top: 0;}

.header .head .nav__trigger{background-image: url(/content/imgs/navlist.png);background-size: 0.55rem;}

.head-view{background:#c00;color: #fff;padding: 0.30rem 0.4rem 0.32rem;min-height: 1.2rem;}
.head-view .return{background-image: url(/content/imgs/icon-arrow-left-w.png);padding-top: 0;}
.head-view h5{color:#fff;}
.header .head .hy,.header .head .nav__trigger{width:0.55rem;height:0.55rem;background-repeat: no-repeat;background-size: 0.5rem;background-position: center;}
.head-view .head .nav__trigger{background-image: url(/content/imgs/navlist-w.png);background-size: 0.55rem;}
.head-view .head .hy{background-image: url(/content/imgs/huiyuan-w.png);}
.header .nav--active .nav__trigger{background: none;}
.head-view .head .hy img,.head-view .head .nav__trigger img{display:none;}

.TenB-head .head-t{width:60%;}

.ind-search{width: 43%;position:relative;margin-left: 0.4rem;line-height: 0.7rem;height: 0.7rem;border-radius: 2rem;overflow: hidden;float: left;margin-top: 0.06rem;}
.ind-search .search-keyword{width: 100%;height: 0.7rem;padding: 0 0.7rem 0 0.25rem;border: 1px #f3f2f3 solid;border-radius: 0.13rem;margin: auto;background: #f3f2f3;color: #999;font-size: 0.32rem;}
.ind-search .search-submit{position:absolute;right: 8px;top:0;width: 0.7rem;height: 0.7rem;}
.ind-search .search-submit input{width:100%;height: 0.7rem;font-size: 0px;position: absolute;top: 0;background: none;border: none;cursor: pointer;background-image: url(/content/imgs/ztw_sousuo_top.png);background-repeat: no-repeat;background-size: 0.3rem;background-position: 0.3rem center;z-index: 9;}
.ind-search .search-submit input:hover{/* background-color: #a9191e; */}
.ind-search input::-webkit-input-placeholder{color: #ccc;}
.ind-search input::-moz-input-placeholder{color: #ccc;}
.ind-search input::-ms-input-placeholder{color: #ccc;}

/* nav */
.wrapper{position:relative;width: 100%;height: 1.2333rem;overflow: hidden;margin: 0 auto;padding: 0 0.15rem;}
.wrapper .scroller{position:absolute;}
.wrapper .scroller ul li{float:left;}
.wrapper .scroller a{/* padding:0 0.3rem; */}
#nav li a{color:#333;display:block;margin: 0 .2rem;padding: 0 .1rem;}
#nav .scroller li.cur a{color: #cc0000;height: 1.1rem;/* border-bottom: .1rem solid #cc0000; */background: url(/content/imgs/nav-bottom.png) no-repeat center bottom;background-size: 0.7333rem;}
#wrapper-brand{font-size:0.32rem;background: #f5f5f5;line-height:0.9rem;height:0.9rem;/* border-bottom: 1px #f3f2f3 solid; */}
#wrapper-brand a{color: #b5b5b5;font-size: 0.32rem !important;}
#wrapper-brand:after{box-shadow: inset -0.3rem 0rem 0.6rem rgba(0, 0, 0, 0.05) !important;}

/* newslist */
.n_list{}
.n_list li{line-height: 0.88rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;height: 0.93rem;}
.n_list li a{white-space:nowrap;font-size: 0.43rem;}

/* floor right */
.Floor-r{right: 0.48rem;bottom: 16%;position: fixed;z-index: 999;}
.suspension{}
.suspension .a.a-service-qq{background: #fc5151;}
.suspension .a.a-service-qq:hover{background: #f34646;}
.suspension .a{display:block;width: 1.35rem;height: 1.35rem;background-color: rgba(226, 226, 226, 0.85);cursor:pointer;outline:none;border: none;border-radius: 1.25rem;text-align: center;color: #fff;line-height: 1.25rem;margin-bottom: 0.3rem;position: relative;font-size: 0.32rem;}
.suspension .a img{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width: 0.68rem;}

/* footer */
.footer{background:none;text-align: center;position: absolute;bottom: 0;/* padding-bottom: 2.32rem; */}
.footer p{color:#999;font-size: 0.32rem;}
.footer_con{line-height: 0.5rem;padding: 0.68rem 0.4rem;}

@media screen and (min-width:800px){
    .col_12 .col_right{width: 5.1rem;}
}

@media screen and (max-width:480px){
    html{font-size:37.5px;}
}

@media screen and (min-width:480px){
    html{}
}

@media screen and (min-width:768px){
    html{font-size:45px;}
}

.loading{text-align:center;margin-top: 0.32rem;}
.loading img{margin-top: 0.27rem;width:1rem;}
.nomore{text-align:center;font-size:0.32rem;color:#999;margin-top: 0.27rem !important;}


.layui-layer-iframe{/* margin-top: -3vh !important; */max-width: 500px;/* height: 12.8rem !important; */max-height: 600px;overflow: hidden !important;background: none;}
.layui-layer-iframe .layui-layer-title{text-align: center;padding: 0px;font-weight: bold;font-size: 0.43rem;background: #ec2830;color: #fff;line-height: 1.12rem;height: 1.12rem;width: 100%;}
.layui-layer-iframe .layui-layer-btn{text-align: center;}

/* pinglun */
.pinglun{margin: 0.5rem 0 0.3rem;overflow: hidden;}
.pinglun .plbox{background:#f6f6f6;border: 1px #e5e5e5 solid;border-radius: 0.1rem;padding: 0.4rem;}
.pinglun .pl_t{border-bottom: 1px #e5e5e5 solid;padding-bottom: 0.32rem;}
.pinglun textarea{resize:none;width:100%;background: none;border: none;height: 1.5rem;font-size: 0.32rem;line-height: 0.54rem;color: #666;}
.pinglun .pl_b{text-align:right;margin-top:0.32rem;}
.sub-btn input{width:100%;height:1.1667rem;font-size:0.48rem;}
.send,.empty{font-size:0.32rem;text-align:center;width:1.625rem;height:0.7917rem;border-radius: 0.1rem;border: none;}
.send{color:#ffffff;background-image: linear-gradient(to top left,#f34225, #e10019);}
.empty{background:#f6f6f6;color:#999999;}

.pllist{margin-top:0.48rem;}
.pllist h5{font-weight:normal;color:#333;border-bottom: 1px #e5e5e5 solid;padding: 0.32rem;}
.pllist h5 span{margin-right:0.2rem;}
.pllist .list-con{border-bottom:1px #eee solid;padding: 0.43rem 0;overflow:hidden;}
.pllist .list-con .left{width: 14%;font-size: 0.42667rem;margin-right:3%;float:left;font-style: italic;color: #ccc;padding-left: 0.2rem;}
.pllist .list-con .con{width: 83%;float:left;font-size: 0.4267rem;}
.pllist .plName{color: #2c7eca;font-size: 0.37rem;line-height: 0.64rem;}
.pllist .content{margin: 0.1333rem 0 0.2rem;padding: 0;font-size: 0.37rem;}
.pllist .plTime{font-size:0.32rem;color:#ccc;}
.checkmore{text-align:center;}
.ind_btn{float:none;padding: 0 0.45rem;color: #f53232 !important;width: auto;background: #fff;border: 1px #f53232 solid;border-radius: 3rem;margin: 0.5rem auto 0.2rem;display: inline-block;}

/* f_brands */
.f_brands{
    padding: 0.32rem 0.32rem 0;
    text-align: center;
}
.f_brands>ul{
    border-bottom: 1px #d5d5d5 dotted;
    padding-bottom: 0.32rem;
}
.f_brands li{
    display: inline-block;
    padding: 0.1rem 0rem;
    width: 32.33%;
    box-sizing: border-box;
}
.f_brands a{
    color: #8d8d8d;
}

/*======== 红色底部备案栏 ========*/
.red-footer{
    width:100%;
    background:linear-gradient(180deg,#c40000 0%,#a70000 100%);
    color:#fff;
    font-size:13px;
    padding:20px 0;
    text-align:center;
    line-height:1.8
}
.red-foot-inner{max-width:1200px;margin:0 auto;padding:0 15px}
.red-foot-line{margin:8px 0}
.red-foot-line a{color:#fff;}
.red-foot-line a:hover{color:#fff;}
.red-foot-line .split{margin:0 10px;opacity:.6}
.red-foot-icons{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.red-foot-icons img{height:38px;width:auto;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}

