@charset "utf-8";
/*end*/
/*zt_head-star*/
.zt_head_box {border-bottom: .3rem solid #eee;background: #fff;position: relative;}
.zt_tit { background: #d5f2ff; display: block; text-align: center; color: #0da6ed; font-size: .8rem; height: 2.1rem; line-height: 2.1rem; }
.zt_head { overflow: hidden; border-radius: 5px; padding-bottom: 1rem; margin-bottom: 1rem; box-shadow: 0px 0px 15px 0px #E6E6E6; }
.zt_cont { font-size: .6rem; color: #999; display: block; line-height: 1.2rem; margin-top: .5rem; padding: 0 .75rem; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height:5rem; }
.zt_head_list { display: block; margin-top: 1rem; overflow: hidden; padding: 0 .2rem; }
.zt_head_list li { float: left; width: 29%; padding: 0 2%; }
.h_list_t span { display: block; text-align: center; color: #333; font-size: .7rem; line-height: 1.65rem; height: 1.65rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.zt_label { display: block; color: #0da6ed; text-align: center; font-size: .6rem; }
.h_list_t img { width: 3.1rem; height: 3.1rem; display: block; margin: 0 auto; border-radius: 50%; position: relative; z-index: 2; }
.zt_down { background: #0da7ed; color: #fff; text-align: center; margin: .6rem auto 0; display: block; width: 3rem; height: 1.3rem; line-height: 1.3rem; border-radius: 30px; font-size: .6rem; background: -webkit-linear-gradient(left, #0da6ed, #5ac7fa); background: -moz-linear-gradient(left, #0da6ed, #5ac7fa); }
#warp { background: #fff; }
.zt_down_list { border-top: 1px solid #e1e1e1; margin-top: .4rem; background: #fff; }

/*new-head*/
.zt-head-box-top{overflow:hidden;}
.zt-head-box-top h5 {float: left;font-size: .6rem;height: 1.35rem;line-height: 1.35rem;color: #fff;font-weight: bold;background: #5146c1;position: relative;padding: 0 .2rem 0 .45rem;}
.zt-head-box-top h5:after{content:"";position:absolute;top:0;right:0;border: .5rem solid #5146c1;border-color: #5146c1 transparent transparent #5146c1;transform: translateX(100%);border-width: .7rem .35rem;}
.zt-head-box-top img { display:  block; width:  100%; max-height: 8rem; }
.zt-head-top-tit { position:  absolute; bottom: 0; left:  0; width: 90%; height: 1.5rem; background: rgba(0,0,0,.5); color:  #fff; font-size: .7rem; line-height: 1.5rem; padding: 0 5%; text-overflow:  ellipsis; white-space:  nowrap; overflow:  hidden; }
.desc-scroll {color: #fff;font-size: .6rem;height: 2rem;line-height: 1rem;overflow: hidden;position: absolute;bottom: .65rem;left: .75rem;padding: 0 2.5rem 0 .5rem;border-left: .1rem solid #45ec90;}
.desc-scroll:before{content:"";position:absolute;top:0;left:0;background-image: linear-gradient(90deg, #45ec903d, transparent);width: 1.6rem;height: 100%;}
.fixbox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,.3);}
.top-change-btn {position: absolute;bottom: .75rem;right: .75rem;width: 0.95rem;height: 0.95rem;border: solid 0.05rem #45ec90;border-radius: 50%;cursor: pointer;}
.top-change-btn:after,.top-change-btn:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.55rem;height: 0.05rem;background: #45ec90;}
.top-change-btn:after {width: .05rem;height: .55rem;}
.top-change-btn.active:after {display: none;}
.zt-head-top-cont{display:block;padding-top:.5rem;}
.desc-scroll.active{height:auto;}
/*end*/
/*end*/
.l-img-box { width: 2.9rem; height: 2.9rem; border-radius: 5px; display: block; float: left; }
.ztdown_type b { margin: 0 0.2rem .5rem 0; font-size: 0.4rem; position: relative; display: inline-block; padding: 0rem 0.2rem; color: #ffffff; height: .8rem; line-height: .8rem; background: #399afd; }
.ztdown_b em {position:  relative;/* padding: 0 .4rem; *//* margin-left: -.25rem; */color: #a5a8a8;}
.ztdown_b em:before { content:  ""; position: absolute; left: 0; top: .18rem; width: .05rem; background: #d4d4d4; height: .6rem; }
.ztdown_b b{color: #399afd;font-weight: normal;}
.zt-img-box img { display: block; width: 100%; min-height: 100%; }
.zt-img-box {height: 8rem;display:  block;overflow:  hidden;}
.score-box { position:  relative; display:  block; width:  4rem; height:  .6rem; background:  url(../images/hide-star.png) 0 0 no-repeat; background-size:  100% 100%; float:  left; }
.score-box i { position:  absolute; top: 0; left: 0; height: 100%; background:  url(../images/show-star.png) 0 0 no-repeat; background-size: auto 100%; }
.zt-info-box { overflow:  hidden; margin-top: .6rem; }
.zt-data {font-size: .6rem;color: #fff;height: 1.35rem;line-height: 1.35rem;float: right;width: 3rem;overflow: hidden;}
.label-txt { border-radius: 2px; border: solid 1px #1c70e3; color:  #1c70e3; font-size:  .6rem; height:  1rem; line-height:  1rem; padding: 0 .15rem; float:  left; margin-left: .4rem; margin-top: .7rem; }
.label-box {overflow:  hidden;margin: .5rem .75rem 2rem .35rem;max-height: 3.7rem;display: block;}
.label-more { float:  left; font-size:  .6rem; height:  1rem; line-height:  1rem; color:  #999; position:  relative; }


.ztdown_fl{ float: left;position:relative;}
.zt_d_box li:nth-of-type(-n+3){background:#fff url(../images/zt-top3-bgicon.png) top right no-repeat;background-size:auto 100%;}
.zt_d_box li:nth-of-type(-n+3) .ztdown_fl:after{content:"";position:absolute;top: -.1rem;left: -.1rem;background:url(../images/zt-jlt.png) 0 0 no-repeat;background-size:2.5rem 8rem;width: 2rem;height: 2rem;}
.zt_d_box li:nth-of-type(2) .ztdown_fl:after{background-position-y:-2.55rem;}
.zt_d_box li:nth-of-type(3) .ztdown_fl:after{background-position-y:-5.4rem;}
.ztdown_l img {width: 3.25rem;height: 3.25rem;border-radius: 1rem;display: block;float: left;}
.ztdown_c { color: #999; float: left; margin-left: .7rem; width: 10rem; }
.ztdown_l {/* overflow:  hidden; */float: left;}
.pingbi-list li,.zt_d_box li {padding: .55rem .75rem;border-bottom: .3rem solid #eee;overflow: hidden;position: relative;}
.zt_d_box {overflow: hidden;}
.zt_d_box li:nth-of-type(1) h5{color:#de3838;font-weight:bold;}
.zt_d_box li:nth-of-type(2) h5{color:#ff783d;font-weight:bold;}
.zt_d_box li:nth-of-type(3) h5{color:#a557fc;font-weight:bold;}
.ztdown_c h5 {font-size: .75rem;color: #333;height: .75rem;line-height: .75rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: .1rem;font-weight: normal;}
.ztdown_c .ztdown_time{color: #999;margin-top: .65rem;display: block;font-size: .6rem;height: .6rem;line-height: .6rem;}
.ztdown_type b { color: #0da6ed; font-weight: normal; }
.ztdown_type { display:  block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .6rem; height: .6rem; line-height: .6rem; margin-top: .45rem; }
.ztdown_b {color: #999;overflow: hidden;font-size: .6rem;height: 0.6rem;line-height: .6rem;margin-top: .45rem;}
.down_nub { font-weight: normal; }
.ztdown_r {color: #fff;text-align: center;line-height: 1.45rem;font-size: .6rem;float: right;margin-top: .95rem;width: 2.65rem;height: 1.45rem;background-color: #56bdff;border-radius: 0.5rem;}

.label-box a:nth-of-type(3n+2) { color: #e74f4f; border-color: #e74f4f; }
.label-box a:nth-of-type(3n+3) { color: #ffc03a; border-color: #ffc03a; }

.g-modal-tit h4 { float: left; color: #333; font-size: .75rem; font-weight: bold; position: relative; height: .8rem; line-height: .8rem; text-indent: .45rem; }
.g-modal-tit {overflow: hidden;padding: 0 .75rem;margin-top: 1rem;}
.g-modal-tit h4:before {content: "";width: 0.2rem;height: 0.8rem;background: #0079c7;position: absolute;left: 0;top: 0;}