@charset "utf-8";
/* CSS Document */

/*基本设定*/
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;}
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:"Microsoft Yahei",simSun,Arial;font-size:inherit;font-weight:inherit;}
input,textarea,button{outline:none;box-sizing: border-box;}
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;}

div{box-sizing:border-box;}
body{color:#666;font: 0.42667rem/1.5 "Microsoft Yahei",simSun,Arial;background:#FFF;min-height: 100vh;height: auto !important;position: relative;padding-bottom: 1.6rem;box-sizing: border-box;}
table{font-size:inherit;font:100%;width: 100%;}
pre,code,kbd,samp,tt{font-family:"Microsoft Yahei",simSun,Arial;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
select{font-size:0.32rem;}
dt{float:left;}
html{overflow-y:scroll;max-width: 780px;margin: 0 auto !important;background:#f0f0f0;min-height: 100vh;}
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;}

/* --------------------------------

 布局

-------------------------------- */
/*整体布局*/
.section{margin: 0.4rem 0 !important;overflow: hidden;width: 100%;display: inline-block;}
.header,.main,.footer{width:100%;}
.header_con,.main_con,.footer_con{padding:0 0.4rem;margin:auto;background:#fff;overflow: hidden;}

/*行列布局*/
.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: 35%;margin-right: 1%;}
.col_12 .col_right{width: 59%;}

/*2-1*/
.col_21 .col_left{width: 5.9rem;margin-right: 0.4rem;}
.col_21 .col_right{width: 2.647rem;}

.ind-title{overflow:hidden;margin: 0 0.4rem;}
.ind-title h5{float: left;color: #333;}
.ind-title .ind-titRight{float:right;margin-top: 0.2rem;margin-right: -5px;}
.ind-title .ind-titRight a{color:#999;padding: 0 0.15rem;border-right: 1px #ccc solid;font-size: 0.32rem;height: 0.3733rem;overflow: hidden;display: block;float: left;line-height: 0.3733rem;}
.ind-title .ind-titRight a:last-chlid{border:none;}

/*font*/
.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 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;}


/* --------------------------------

 Header

-------------------------------- */
.header{height:1.3333rem;padding: 0.3333rem 0.4rem;box-sizing: border-box;position: relative;z-index: 99;background: #ffff;}
.header .ind-logo{}
.header .ind-logo img{height: 0.6667rem !important;}
.header .col_middle{position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;line-height:1.3333rem;display: inline-block;width: 70%;text-align: center;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .head-icon{}
.header .head-icon a{margin-left: 0.3rem;display: block;float: left;}
.header .head-icon img{height: 0.6667rem !important;}
.header .return img{transform:rotate(90deg);width:0.46rem;margin-right:0.25rem;margin-top:0.25rem;}

#nav ul{font-size:0.4rem;overflow:hidden;}
.wrapper:after{transform: rotate(-90deg);background: url(../ztw2020_img/news-white.png) no-repeat top left;content:"";display:inline-block;height: 0.5rem;width: 1rem;position: absolute;right: -0.3rem;bottom: 0.35rem;z-index: 9999;background-size: 5rem;background-position-y: -0.5rem;}
#wrapper-brand:after{opacity: 0.7;height: 0.9rem;width: 0.9rem;bottom: 0rem;right: -0.2rem;background-position-y: -0.25rem;}
#nav ul li{/* width:16.6667%; */display:block;float:left;text-align:center;height:1.2333rem;line-height:1.2333rem;position: relative;}


/* --------------------------------

 Footer

-------------------------------- */
.footer{background:#9b0101;text-align:center;padding: 0.32rem 0;/* margin-top: 0.48rem; */position: absolute;bottom: 0;}
.footer_con{line-height:0.5rem;background: none;}
.footer a{color:#efcaca;}
.footer p{font-size: 0.32rem !important;color:#efcaca;}

/*button*/
.fixedbtn{width: 1.5rem !important;height: 1.5rem !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.5rem !important;padding: 0;}
.likebtn11{margin: 0.2rem 0 1.3rem;overflow: hidden;}
.likebtn11 a{width: 44%;float:left;margin: 0 3%;}

button#retopbtn {}
.gl-gohaibao-show{bottom: 4.5rem !important;right: 5vw !important;}
#retopbtn.fixedbtn{bottom: 1rem;right: 5vw;}
#retopbtn img{width: 0.45rem;margin: auto;}
.fixedbtn.Fill{}
.fixedbtn.appdownload{bottom: 2.8rem;right: 5vw;}
.fixedbtn.appdownload a{display:block;width:100%;height:100%;}
.fixedbtn.appdownload img{width: 45%;}

.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;}
.btn-s{color:#ffffff;height:0.6667rem;width:1.95rem;text-align:center;font-size:0.32rem;}
.loadmore{font-size:0.4267rem;text-align:center;width: 5.5rem;display:block;line-height:1.0833rem;height:1.0833rem;background:#f4f2f2;margin: 0.64rem auto 0;border: 1px #e4e4e4 solid;border-radius: 1.083rem;color: #666;}

/*like*/
.likebtn,.nlikebtn{height:1.3333rem;text-align:center;border-radius:5px;font-size:0.42667rem;margin:0 0.3667rem;display: block;line-height: 1.3333rem;}
.likebtn{color:#ffffff;background-image: linear-gradient(to top left,#f34225, #e10019);}
.likebtn:before,.nlikebtn:before{padding-right:0.32rem;background-size: 0.52rem !important;padding-left: 0.64rem;}
.likebtn:before{content:"赞TA";background: url(../ztw2020_img/icon-dianzan.png) no-repeat left center;}
.nlikebtn{color: #999;/* border:1px #d7d7d7 solid; */box-sizing:border-box;background: #f5f5f5;}
.nlikebtn:before{content:"打TA";background: url(../ztw2020_img/icon-data.png) no-repeat left center;}

/*adv*/
.adv{position:relative;margin-bottom: 0.5rem;display: inline-block;text-align: center;width: 100%;}
.adv:before{content: "广告";position: absolute;right: 0.1rem;bottom: 0.1rem;color: #ffffff;width: 0.8rem;height: 0.48rem;text-align: center;line-height: 0.48rem;z-index: 999;font-size: 0.32rem;opacity: 0.5;}
.adv img{max-width:100%;}
.covera{width:100%;height:100%;display: block !important;position: absolute;z-index: 990;left: 0;top: 0;}

/**/
#mask_shadow{display: none;opacity: 0;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
#navBox {display: none;opacity: 0;position: fixed;z-index: 99999;width: 100vw;height: 100vh;background: #fafafa;overflow-y: scroll;left: -100vw;top: 0;max-width: 780px;right: 0;margin: auto;}
#navBox .title{margin: 0.6333rem 0.6333rem 0 0;float:right;}
#navBox .close{width: 1.0833rem;}
#navBox .cont{margin-top:1.7166rem;}
#navBox .list{padding: 0.68rem 0rem;overflow: hidden;border-bottom: 1px #e5e5e5 solid;margin: 0 0.6667rem;position: relative;}
#navBox .list:first-child{padding-top: 0.48rem;}
#navBox .list h4{margin-bottom:0.48rem;}
#navBox .list a{font-size:0.4267rem;margin: 0rem 1.1667rem 0.2667rem 0;float: left;}
#navBox input{border:none;font-size: 0.4267rem;background: url(../ztw2020_img/showmore.png) no-repeat center right;background-size: 0.3167rem;padding-right: 0.5rem;color: #333;}
#navBox .list.brand a{width:36%;}
#navBox #detail{display:none;padding-bottom: 0.2rem;margin-top: -0.1rem;overflow: hidden;width: 100%;}
#navBox #detail a{/* font-size: 0.3778rem; */width: 36%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/* pinglun */
.pinglun{margin: 0.5rem 0 0.8rem;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;}

.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.64rem 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;}
.pllist .content{margin: 0.1333rem 0 0.32rem;}
.pllist .plTime{font-size:0.32rem;color:#ccc;}

.showbtn{line-height:0.72rem;float: right;}
.showbtn i{background: url(../ztw2020_img/icon-arrow-down.png) no-repeat center right;background-size: 0.25rem;width: 0.35rem;height: 0.72rem;display: block;float: right;}

/* 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(../ztw2020_img/nav-bottom.png) no-repeat center bottom;background-size: 0.7333rem;}
#wrapper-brand{font-size:0.32rem;background: #eeeeee;line-height:0.9rem;height:0.9rem;}
#wrapper-brand a{color:#999;}

@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{font-size:45px;}
}

@media screen and (min-width:768px){
	html{font-size:76.8px;}
}