/*
 * @Author: Renjingjing
 * @Date: 2022-04-18 10:38:03
 * @LastEditTime: 2022-07-26 12:19:15
 * @LastEditors: Renjingjing
 * @Description: 
 * @FilePath: \com.hinewsCms.admin\xhn\css\mobile.css
 */

@charset "utf-8";

.b_body {
  max-width: 400px;
  margin: auto;
}

.img_page {
  white-space: pre-line;
  float: left;
  margin-bottom: 0.8rem;
}

.pagezx .btn_box {
  border-bottom: none !important;
}

.tvbg {
  background-color: #474747;
  height: 100%;
}

/* 仅限一期 */
.page_common #source_img,
.page_common #s_link {
  display: none;
}

.page_common .dy_brief {
  width: 100%;
  margin-bottom: 0.8rem;
}

.page_common .dy_brief span {
  width: auto;
}

.attachment_icon,
.attachment_icon img {
  width: auto !important;
}

.grey_img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.img_con_bg {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  max-height: 8rem;
}

.dy_h {
  padding-top: 0.8rem;
}

.dy_h .brief {
  text-indent: 1.7rem;
}

.dy_h .dy_brief {
  width: 14.95rem;
}

.dy_h .dy_brief p {
  margin-top: 0.4rem;
}

.fhtime {
  font-size: 0.7rem;
  color: #999;
  position: absolute;
  top: 2.8rem;
  left: 5.8rem;
}

.bgimg {
  filter: blur(11px);
  z-index: 1;
  transform: scale(1.5, 1.5);
  position: relative;
  top: 0;
  -webkit-transform:;
  -moz-transform:;
  -ms-transform:;
  -o-transform:;
}

.topdy .dyl {
  color: #fff;
  font-size: 12px;
}

.top_img {
  z-index: 2;
  position: absolute;
  top: 30%;
  display: block;
  width: 24%;
  left: 4%;
  height: 4.5rem;
  /* object-fit: cover; */
  border-radius: 5px;
}

.toph2 {
  z-index: 2;
  /* position: absolute; */
  /* top: 35%; */
  /* left: 40%; */
  color: #fff;
  font-size: 18px;
  max-height: 42px;
  font-weight: bold;
  line-height: 21px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 94%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.topdesc {
  z-index: 2;
  /* position: absolute; */
  /* top: 44%; */
  color: #fff;
  font-size: 12px;
  /* left: 40%; */
  /* right: 10%; */
  line-height: 18px;
  margin: 0.2rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 94%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.topdy {
  z-index: 2;
  /* position: absolute; */
  /* top: 64%; */
  /* left: 40%; */
  width: 96%;
  margin-top: 10px;
}

.img_con,
.img_con img {
  position: relative;
  display: block;
  width: 100%;
}

.w_box {
  background: #f3f3f3;
  padding: 0.8rem;
}

.w_box h2 {
  font-size: 0.9rem;
}

.w_box p {
  font-size: 0.6rem;
  color: #aaaaaa;
  margin-top: 8px;
  /* max-height: 2.2rem; */
  line-height: 1.1rem;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
  white-space: pre-wrap;
}

.con_list {
  padding: 0 2%;
}

.ztbox .con_list {
  padding: 0 0.4rem;
}

.con_list li {
  width: 50%;
  float: left;
  padding: 0 2%;
  margin-bottom: 0.8rem;
}

.ztbox .con_list li {
  padding: 0 0.4rem;
  border-bottom: 0;
}

.con_list p {
  font-size: 0.75rem;
  height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  float: left;
}

.con_list img {
  border-radius: 8px;
  width: 100%;
  float: inherit;
  height: 4.7rem;
}

.con_list .v_logo {
  position: relative;
}

.con_list .v_logo:after {
  display: block;
  content: " ";
  position: absolute;
  top: 34%;
  bottom: 0;
  left: auto;
  right: 40%;
  width: 21%;
  background: url(../images/bf.png;vpn_img) no-repeat;
  background-size: contain;
}

.con_box {}

.titlebar {
  font-size: 0.9rem;
  padding-left: 0.6rem;
  padding-bottom: 0.8rem;
  font-weight: bold;
  position: relative;
  padding-top: 0.3rem;
  margin-top: 0.5rem;
}

.lb:before {
  display: block;
  border-left: 4px solid #d51f1a;
  content: " ";
  width: 4px;
  height: 1rem;
  float: left;
  top: 0.35rem;
  left: 0;
  position: absolute;
}

.con_ul {}

.con_li {
  position: relative;
  width: 100%;
  float: left;
  min-height: 5rem;
  border-bottom: 1px solid #eee;
  padding: 0.8rem 0;
}

.con_li a {
  display: block;
  width: 100%;
  float: left;
}

.con_li h3 {
  width: 65%;
  float: left;
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ztbox .con_li h3 {
  width: 100%;
  float: inherit;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

.con_li img {
  width: 5.5555rem;
  float: right;
  border-radius: 0.2rem;
  display: block;
  height: 3.2rem;
}

.ztbox .con_li img {
  width: 100%;
  float: inherit;
  height: 4.7rem;
}

.con_li p {
  font-size: 0.6rem;
  color: #aaaaaa;
  /* position: absolute;
      bottom: 0.8rem; */
  line-height: 1rem;
  width: 66%;
}

.con_li p font {
  float: left;
  width: 62%;
}

.con_li p i {
  max-width: 36%;
  margin-right: 2%;
  float: left;
  display: inline-block;
  height: 1rem;
  vertical-align: bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.ztbox .con_li p {
  font-size: 0.6rem;
  color: #aaaaaa;
  bottom: 0.8rem;
  position: initial;
}

.con_li p span {
  margin-right: 5px
}

.more {
  text-align: center;
  padding: 0.8rem 0;
  color: #aaa;
  width: 100%;
  display: block;
}

.con_video {
  height: auto;
}

.con_video h3 {
  width: 100%;
  float: initial;
}

.con_video img {
  width: 100%;
  float: inherit;
  margin-bottom: 10px;
  height: 9.6rem;
}

.con_video p {
  position: static;
  margin-top: 10px;
}

.timebox {
  overflow: hidden;
}

.zfimg2 {
  width: 1rem;
  position: absolute;
  right: 0;
}

.timeli::before {
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 1px;
  top: 24px;
  left: 12px;
  margin-top: 5px;
  background: #e7e7e7;
}

.timeul {
  overflow: hidden;
}

.timeli {
  padding: 10px;
  position: relative;
}

.timeli p {
  color: #aaa;
  font-size: 0.64rem;
}

.timeli p:before {
  content: " ";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #D02626;
  border-radius: 50%;
  margin-right: 15px;
  vertical-align: middle;
}

.timeli h2 {
  margin-left: 20px;
  font-size: 15px;
  margin-top: 5px;
}

.vbf:after {
  display: block;
  content: " ";
  position: absolute;
  top: 37%;
  bottom: 0;
  left: auto;
  right: 11%;
  width: 12%;
  background: url(../images/bf.png;vpn_img) no-repeat;
  background-size: contain;
}

.vbf:first-child:after {
  display: block;
  content: " ";
  position: absolute;
  top: 44%;
  bottom: 0;
  left: 44%;
  right: 0;
  width: 12%;
  background: url(../images/bf.png;vpn_img) no-repeat;
  background-size: contain;
}

.v1bf:after {
  display: block;
  content: " ";
  position: absolute;
  top: 26%;
  bottom: 0;
  left: auto;
  right: 41%;
  width: 22%;
  background: url(../images/bf.png;vpn_img) no-repeat;
  background-size: contain;
}

.v2bf:after {
  display: block;
  content: " ";
  position: absolute;
  top: 37%;
  bottom: 0;
  left: auto;
  right: 4%;
  width: 9%;
  background: url(../images/ypbf.png;vpn_img) no-repeat;
  background-size: 100%;
}

/************************************热榜***********************/

.topimg {}

.rpli li {
  width: 100%;
  border-bottom: #f3f3f3 1px solid;
  padding: 0.8rem 0;
  position: relative;
}

.rpli li>a {}

.rpli li a mark {
  width: 0.8rem;
  color: #e93037;
  font-weight: bold;
  float: left;
  height: 1rem;
  margin-right: 0.3rem;
  text-align: center;
}

.rpli li:first-child a mark {
  background: url(../images/b1.png;vpn_img) no-repeat center 0.15rem;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}

.rpli li:nth-child(2) a mark {
  background: url(../images/b2.png;vpn_img) no-repeat center 0.15rem;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}

.rpli li:nth-child(3) a mark {
  background: url(../images/b3.png;vpn_img) no-repeat center 0.15rem;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}

.rpli li a p {
  font-size: 0.85rem;
  width: 9.3rem;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.rpli li a p span {
  background: red;
  color: #fff;
  display: inline-block;
  font-size: 0.6rem;
  width: 1.172rem;
  height: 1.172re;
  display: inline-block;
  text-align: center;
  margin-left: 0.3rem;
  border-radius: 0.2rem;
}

.rpli li a img {
  float: right;
  width: 6rem;
  height: 3.376rem;
  border-radius: 0.2rem;
}

.rule_bd {
  position: absolute;
  top: 2rem;
  right: 3.1rem;
  color: #fff;
  font-size: 0.8rem;
}

.rb_special {
  float: left;
  width: 16.15rem;
  margin-top: 0.5rem;
  margin-left: 1rem;
  padding: 0.2rem;
  background: #f6f2e3;
}

.rb_special span {
  font-size: 0.7rem;
  color: #e93037;
  font-weight: bold;
  margin-right: 0.3rem;
}

.rb_special a {
  font-size: 0.7rem;
}

/*********图文详情**********/

#page {}

.title {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.8rem;
  padding: 0.8rem 0;
}

.dy {}

.dy iframe {
  /* width: 100%; */
  /* height: auto; */
  max-width: 100%;
}

.dy_img {
  width: 1.7rem;
  float: left;
  height: 1.7rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.dy_brief {
  float: left;
  /* margin-left: 0.5rem; */
  width: 57%;
  margin-bottom: 0.8rem;
}

.dy_brief p {
  font-size: 0.6rem;
  color: #aaaaaa;
  float: left;

  display: inline;
}

.dy_brief i {
  color: rgb(153, 153, 153);
  font-size: 0.67rem;
  /* float: left; */
  margin-right: 10px;
  display: inline;
}

.dy_brief span {
  color: rgb(153, 153, 153);
  font-size: 0.67rem;
  display: inline-block;
  /* float: left; */
  width: 100%;
}

.normal_btn {
  color: #d51f1a;
  border: 1px solid #d51f1a;
  border-radius: 1rem;
  float: right;
}

.brief {
  float: left;
  margin: 0 0 0.8rem 0;
  width: 100%;
  text-align: justify;
  overflow: hidden;
  line-height: 1.3rem;
  max-width: 100%;
  /* white-space: pre-wrap !important; */
}

.brief p,
.brief div,
.brief section {
  max-width: 100%;
}

.brief img {
  width: auto;
  margin: auto;
  height: auto;
  display: block;
}

.brief video {
  background-color: #000;
  width: 100% !important;
  height: auto !important;
  max-height: unset !important;
}

.brief p {
  font-size: 0.87rem;
  line-height: 1.5rem;
  margin-bottom: 0.7rem;
  /* white-space: pre-wrap; */
  text-align: justify;
  word-break: break-all;
}

.brief span {
  /* font-size: 0.6rem; */
  /* line-height: 1.3rem; */
  /* margin-bottom: 0.8rem; */
  /* white-space: pre-wrap !important; */
}

.b_adbox {
  float: left;
  width: 100%;
  padding: 0.8rem 0;
  border-bottom: 1px solid #eee;
}

.ad_bg {
  background: #eee;
  padding: 0.8rem;
}

.b_adbox h2 {
  margin-bottom: 10px;
}

.b_adbox p {
  color: #999;
  font-size: 0.6rem;
}

.advert {
  float: left;
  width: 100%;
  position: relative;
}

.advert span {
  position: absolute;
  bottom: 19px;
  right: 5px;
  color: #fff;
  border: 1px solid #fff;
  padding: 0 3px;
  border-radius: 3px;
  font-size: 0.6rem;
}

.advert .corner {
  position: static;
  color: #999;
  padding-left: 0;
  border: 0;
}

.advert4 .corner {
  display: none;
}

.tldiv {
  position: relative
}

.advert img {
  margin: 0 0 10px 0;
  border-radius: 0.2rem;
}

.advert1 {
  position: relative
}

.advert1 img {
  width: 33%;
  float: right;
  border-radius: 0.2rem;
  display: block;
  height: 3.3rem;
  margin: 0;
}

.advert1 p {
  font-size: 0.6rem;
  color: #aaaaaa;
  position: absolute;
  bottom: 0;
}

.advert1 h2 {
  width: 65%;
  float: left;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.advert3 img {
  display: none;
}

.advert2 .show0 {
  display: none;
}

#des span {
  /* font-size: 0.8rem; */
  /* line-height: 1.3rem; */
  /* white-space: pre-wrap !important; */
  /* word-break: break-all; */
}


.author {
  border-top: 1px solid #f7f7f7;
  padding: 0.8rem 0;
  border-bottom: 1px solid #f7f7f7;
}
#report_list i,#author_list i{margin-right: 12px;
  display: inline-block;}
.author p {
  color: #aaaaaa;
  font-size: 0.7rem;
  line-height: 1.3rem;
}

/* 阅读数一期不做 */
/* .author p:last-child {
    display: none
  } */

.author span {
  margin-right: 5px;
}

.tips {
  color: #aaaaaa;
  font-size: 0.7rem;
  line-height: 1.3rem;
  padding: 0.8rem 0;
}

.tips p {}

.z_box {
  text-align: center;
  position: relative;
  height: 5rem;
  padding-top: 1rem;
}

#zan {
  width: 20%;
  cursor: pointer;
  position: absolute;
  left: 40%;
  z-index: 10;
}

.btn_box {
  position: relative;
  padding: 0.8rem 0;
  margin-top: 1rem;
  border-top: 1px solid #f7f7f7;
}

.btn_box a {
  width: 33.3333%;
  display: inline-block;
  float: left;
  text-align: center;
  color: #999;
  /* padding-left: 1rem; */
}

.btn_box a img {
  width: auto;
  height: 1.5rem;
  margin: 0 auto 0.3rem;
  display: block;
}

.btn_box a:nth-child(2) {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

.bl_fx {
  position: relative;
  height: 2rem;
  width: 33.3333%;
  display: inline-block;
  float: left;
  text-align: left;
  color: #999;
}

.bl_fx .dl_bl {}

.pl_box {
  padding-bottom: 0.8rem;
}

.ztbox {
  border-bottom: 0.3rem #e7e7e7 solid;
}

.zttitle {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.zttitle a {
  color: #999;
  font-weight: normal;
  font-size: 0.7rem;
  float: right;
  background: url(../images/r.png;vpn_img) right center no-repeat;
  padding-right: 0.8rem;
  background-size: 0.4rem;
}

.t_pl {
  background: url(../images/icon_pl.png;vpn_img) left 0.35rem no-repeat;
  padding-left: 1.2rem;
  background-size: 0.9rem;
}

.pl_list {}

.pl_list .pl_con {
  width: 100%;
}

.pl_list li {
  width: 100%;
  padding: 0.8rem 0;
  border-bottom: 1px solid #f7f7f7;
}

.photo_pl {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  float: left;
}

.pl_b {
  float: left;
  margin: 0 0.3rem;
  max-width: 66%;
}

.pl_b p {
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pl_b span {
  color: #aaaaaa;
  font-size: 0.6rem;
}

.z_xbox {
  color: #aaa;
  font-size: 0.6rem;
  display: none;
}

.z_xbox img {
  width: 1rem;
  vertical-align: bottom;
}

.tj_box {}

.morelink {
  float: right;
  color: #aaa;
  font-size: 0.6rem;
  font-weight: normal;
}

.more_btn_b {
  width: 100%;
}

.pl_con {
  float: left;
  padding-left: 2rem;
  margin-top: 0.3rem;
}

.t_tj {
  padding-left: 1.2rem;
  background: url(../images/icon_tj.png;vpn_img) left 0.35rem no-repeat;
  background-size: 0.9rem;
}

.topicimg {
  filter: blur(42px);
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
  -webkit-filter: blur(42px);
}

.mc {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.video,
.audio {
  width: 100%;
  max-width: 750px;
}

.audio {
  position: absolute;
  top: 10.7rem;
  left: 0;
  height: 2.8rem;
  z-index: 99;
}

.apage {
  position: fixed;
  width: 100%;
  top: 0;
  height: 13.5rem;
  background: #fff;
  z-index: 100;
  max-width: 750px;
}

.audiobox {
  text-align: center;
  overflow: hidden;
  height: 13.5rem;

}

.bfbg {
  width: 9rem;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 5.35rem;
}

.a_img {
  position: absolute;
  top: 3.64rem;
  left: 6.85rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.bg_img {
  filter: blur(11px);
  z-index: 1;
  transform: scale(1.5, 1.5);
  /* position: relative; */
  top: 0;
  left: 0;
  width: 100%;
  max-height: 10rem;
}

/***海南号认证****/

.hnh_con {
  font-size: 0.8rem;
  line-height: 1.3rem;
  margin-top: 0.8rem;
  text-indent: 1.7rem;
}

.vip_tips {}

.vip_tips li {
  color: #474747;
  line-height: 2rem;
  font-size: 0.7rem;
  padding-left: 1.1rem;
  background: url(../images/rz.png;vpn_img) no-repeat center left;
  background-size: 1rem;
}

/****直播预约*****/
.px {
  font-size: 0.7rem;
  float: right;
  /* z-index: 100; */
  /* position: fixed; */
  /* width: 100%; */
  /* text-align: right; */
  /* max-width: 750px; */
  /* background: #fff; */
  /* top: 12.5rem; */
  /* padding-right: 2rem; */
  /* height: 2.3rem; */
}

.px span {
  color: #aaa;
}

.px img {
  width: 0.8rem;
  vertical-align: sub;
  margin-top: 1rem;
  margin-right: 0.1rem;
}

.zbyy {
  margin: 0.8rem 0;
}

.zbyy .left {}

.zbyy .left p {
  font-size: 0.8rem;
}

.zbyy .left h4 {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.7rem;
}

.zbyy .right {}

.zbyy .right span {
  color: #fff;
  font-size: 0.6rem;
  display: none;
  margin-bottom: 0.2rem;
}

.wxbtn3 {
  position: relative;
  float: right;
}

.normal_btn {
  font-size: 0.7rem;
  text-align: center;
  display: block;
  border-radius: 1rem;
  padding: 0 0.6rem;
  height: 1.5rem;
  color: #fff;
  background: #d51f1a;
  margin-top: 0.2rem;
  padding: 0 0.9rem;
  position: relative;
  line-height: 1.5rem;
}

.tabs {
  width: 100%;
  padding: 0.4rem 24%;
  font-size: 0.9rem;
  float: left;
  position: relative;
  background: #fff;
  text-align: center;
}

#p_page .tabs,
.topic_con .tabs {
  width: 100%;
  padding: 0.6rem;
  font-size: 0.9rem;
  float: left;
  position: relative;
  background: #fff;
  text-align: center;
}

.tabs p {
  position: absolute;
  width: 1.8rem;
  bottom: 0.5rem;
  left: 0.7rem;
  border-top: 2px solid #217af0;
  overflow: hidden;
  text-align: center;
}

.tabs .thistab span {
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: bold;
}

.tabs .thistab :after {
  content: "";
  display: block;
  background: #d51f1a;
  position: relative;
  width: 0.85rem;
  bottom: -0.15rem;
  margin: auto;
  border-radius: 10px;
  height: 4px;
}

.tabs li {
  width: 50%;
  text-align: center;
  margin: auto;
  color: #474747;
  /* border-right: 1px solid #e9e9e9; */
}

.tabs .v_life,
.tabs .v_zx,
.tabs .t_zx,
.tabs .t_xg {
  text-align: left;
  width: auto;
  margin-right: 1rem;
}

.tabs li span {
  font-size: 0.8rem;
  position: relative;
}

.tab_conbox {
  width: 100%;
  position: relative;
}

.title_zb {
  font-size: 0.9rem;
  margin: 0.8rem 0;
  line-height: 1.35rem;
  /* font-weight: bold; */
}

.zb_time {
  font-size: 0.8rem;
  /* font-weight: bold; */
  margin-bottom: 0.8rem;
  color: #999;
}

.zb_con {
  font-size: 0.8rem;
  line-height: 1.3rem;
  float: left;
  width: 100%;
  white-space: pre-line;
}

.zbt:before {
  display: block;
  content: " ";
  border-left: 0.05rem solid #eee;
  height: 100%;
  float: left;
  position: absolute;
  left: 0.185rem;
}

.zbt,
.zbt1 {
  padding: 1rem 0;
  position: relative;
}

.zbt li {
  width: 100%;
  margin-bottom: 0.6rem;
}

.zbt_time {
  font-size: 0.65rem;
  color: #aaa;
  position: relative;
  padding-left: 0.8rem;
  margin-bottom: 0.2rem;
}

.zbt_time:before {
  content: " ";
  display: inline-block;
  border: 0.05rem solid #D51F1A;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  margin-right: 0.3rem;
  position: absolute;
  left: 0rem;
  top: 0.25rem;
  background: #fff;
}

.nwx_btn {
  float: left;
  width: 100%;
  position: relative;
}

.zbtab {
  position: fixed;
  z-index: 100;
  max-width: 750px;
  padding: 0.4rem 4.5rem;
}

.vh_live {
  height: 1.8rem;
  background: #fff;
}

.zbt li p {
  font-size: 0.75rem !important;
  /* white-space: pre-wrap !important; */
  /* margin-bottom: 0.6rem; */
}

.zbt li p a {
  color: blue
}

.zbt li img {
  border-radius: 0.2rem;
  margin-bottom: 1rem;
}

.zb_box {
  padding-left: 0.8rem;
}

.zb_box p,
.zb_box span,
.zb_box h1,
.zb_box h2,
.zb_box h3,
.zb_box h4 {
  font-size: 0.8rem !important;
  color: #474747 !important;
  padding: 0 !important;
  line-height: 1.3rem !important;
  font-family: Microsoft Yahei !important;
  text-align: left !important;
  word-wrap: break-word;
}

.lts_box {
  padding: 0.5rem 0;
}

.lts_box time {
  color: #aaa;
  font-size: 0.6rem;
  text-align: center;
}

.lts {
  padding: 0.3rem 0;
}

.lts li {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0 0 0.3rem;
}

.lts_nc {
  margin-left: 0.4rem;
  margin-top: 0.3rem;
  display: inline-block;
  font-size: 0.65rem;
}

.lts_con {
  background: #fff;
  padding: 0.2rem 0.5rem;
  margin: 0rem 0.2rem;
  border-radius: 0.3rem;
  font-size: 0.75rem;
  float: left;
  position: relative;
  left: 0;
  max-width: 15rem;
}

.lts_con img {
  border-radius: 0.3rem;
}

.lts_con:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: -0.3rem;
  background: url(../images/lt_icon.png;vpn_img) no-repeat;
  width: 0.3rem;
  height: 1rem;
}

.gray_b {
  background-color: #f3f3f3;
}

/***个人主页*****/

.person {
  padding: 1.5rem 0;
  position: relative;
  overflow: hidden;
}

.person_img {
  width: 3rem;
  float: left;
  border-radius: 50%;
  height: 3rem;
}

.person_brief {
  float: left;
  margin-left: 0.5rem;
  color: #fff;
}

.person_brief p {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.7rem;
  max-width: 10rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.person_brief span {
  color: #aaaaaa;
  font-size: 0.6rem;
}

.person_brief span icon img {
  width: 0.65rem;
  display: inline-block;
  margin-right: 0.3rem;
  vertical-align: sub;
}

.p_brief {
  float: left;
  margin: 0.3rem 0 0 3.5rem;
  line-height: 1rem;
  font-size: 0.6rem;
  width: 80%;
  color: #999;
  color: #fff;
}

.v_img,
.adli {
  position: relative;
}

.v_img:after {
  content: " ";
  display: block;
  background: url(../images/v.png;vpn_img) no-repeat;
  position: absolute;
  width: 0.8rem;
  height: 1rem;
  background-size: contain;
  left: 2.2rem;
  top: 2.2rem;
}

.adli:after {
  content: " ";
  display: block;
  background: url(../images/v.png;vpn_img) no-repeat;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background-size: contain;
  left: 1.2rem;
  top: 1.2rem;
}

.pl_con_left {
  float: left;
  margin-top: 0.3rem;
  width: 100%;
  line-height: 1.2rem;
  font-size: 0.8rem;
  white-space: pre-line;
}

.person_data {
  float: left;
  width: 80%;
  margin-left: 0.2rem;
  color: #fff;
}

.person_data ul {}

.person_data ul li {
  text-align: center;
  margin: 0 0.3rem;
}

.person_data li a {}

.person_data li p {
  float: left;
}

.person_data li span {
  font-size: 0.6rem;
  float: left;
}

.con_video a:after {
  display: block;
  content: " ";
  position: absolute;
  bottom: 5.5rem;
  left: 7rem;
  height: 3rem;
  width: 3rem;
  background: url(../images/bf.png;vpn_img) no-repeat;
  background-size: contain;
}

.imgbox {
  margin-top: 0.6rem;
  float: left;
  width: 100%;
}

.zbt .imgbox {
  margin-top: 0.3rem;
}

.big_img {
  position: fixed;
  z-index: -1;
  opacity: 0;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.big_img .swiper-container2 {
  position: relative;
  width: 100%;
  height: 100%;
}

.big_img .swiper-container2 .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.big_img .swiper-slide {
  width: 100%;
  height: 100%;
  display: table;
}

.big_img .swiper-slide .cell {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.big_img .swiper-slide img {
  width: auto;
  max-height: 100%;
  margin: 0 auto;
  position: absolute;
  /* width: 100%; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.big_img .swiper-pagination2 {
  position: absolute;
  bottom: 4rem;
  text-align: center;
  width: 100%;
  color: #fff;
  z-index: 99;
}

.big_img .swiper-pagination2 span {
  margin: 0 0.05rem;
}

div.swiper-slide,
div.swiper-slide img {
  width: 100%;
  -webkit-user-drag: none;
}

.close {
  font-size: 21px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
  color: #fff;
}

.one_pic img {
  width: 66%;
  border-radius: 0.2rem;
}

.two_pic img {
  border-radius: 0.3rem;
  width: 32%;
  height: 5.5rem;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.4rem;
  object-fit: cover;
}

.three_pic img {
  width: 32%;
  height: 5.5rem;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.4rem;
  object-fit: cover;
  border-radius: 0.3rem;
}

.three_pic img:nth-child(3n) {
  margin-right: 0;
}

.b_box {
  float: left;
  width: 100%;
  margin-top: 0.8rem;
  position: relative;

}

.b_box a {
  width: 33.33%;
  display: inline-block;
  float: left;
  color: #666;
  font-size: 0.7rem;
}

.b_box img {
  width: 0.8rem;
  vertical-align: sub;
  margin-right: 0.2rem;
}

.zf_btn {}

.pl_btn {
  text-align: center;
}

.dz_btn {
  text-align: right;
}

/**********话题*******/

.topic {
  padding: 2rem 0 1.5rem;
  position: relative;
  float: left;
}

.topic_title {
  font-size: 1rem;
  color: #fff;
  margin-bottom: 0.5rem;
  width: 13rem;
  float: left;
}

.topic_brief {
  color: #fff;
  font-size: 0.6rem;
  float: left;
  width: 80%;
}

.topicdy {
  color: #fff;
  font-size: 0.6rem;
  float: left;
}

.topic_brief span {
  margin-right: 0.3rem;
  font-size: 0.6rem;
  line-height: 1.3rem;
}

.topic_con {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  top: -0.5rem;
  background: #fff;
}

.tab_main {
  padding: 0.8rem 0;
}

.ptb {
  padding-top: 0.8rem;
}

/************专题菜单栏*******************/

.wrapper03 {
  position: relative;
  height: 2.5rem;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  border-bottom: 1px solid #ededed;
  flex-shrink: 0;
}

.wrapper03 .scroller {
  position: absolute;
  width: 100%;
  flex-shrink: 0;
}

.wrapper03 .scroller ul {
  float: left;
  width: 100%;
  flex-shrink: 0;
}

.wrapper03 .scroller li {
  height: 2.5rem;
  color: #474747;
  float: left;
  line-height: 2.5rem;
  font-size: 15px;
  text-align: center;
  flex-shrink: 0;
}

.wrapper03 .scroller li a {
  color: #777;
  display: block;
  /* margin: 0 .3rem;  */
  padding: 0 10px;
  font-size: 15px;
  position: relative;
  height: 2rem;
}

.wrapper03 .scroller li.cur a {
  font-weight: bold;
  color: #474747;
}

.wrapper03 .scroller li.cur a:after {
  content: " ";
  display: block;
  height: 3px;
  background: #d51f1a;
  width: 35%;
  margin: -0.4rem auto;
}

/********专题改造**********/
.thematic .wrapper03 {
  position: relative;
  height: 1.8rem;
  width: 100%;
  overflow: hidden;
  margin: 0;
  border-bottom: 0;
  flex-shrink: 0;
  padding: 0.5rem 0;
  box-sizing: content-box;
  background: #fff;
  z-index: 99;
}

.thematic .wrapper03 .scroller {
  position: absolute;
  width: 100%;
  flex-shrink: 0;
}

.thematic .wrapper03 .scroller ul {
  float: left;
  width: 100%;
  flex-shrink: 0;
}

.thematic .wrapper03 .scroller li {
  height: 1.8rem;
  color: #474747;
  float: left;
  line-height: 1.8rem;
  font-size: 15px;
  text-align: center;
  flex-shrink: 0;
}

.thematic .wrapper03 .scroller li a {
  color: #333;
  display: block;
  margin: 0 .3rem;
  padding: 0 10px;
  font-size: 15px;
  position: relative;
  background: #f3f3f3;
  border-radius: 5px;
  height: auto;
}

.thematic .wrapper03 .scroller li.cur a {
  font-weight: bold;
  color: #fff;
  background: #d51f1a;
}

.thematic .wrapper03 .scroller li.cur a:after {

  display: none;

}

@media only screen and (min-width: 750px) {
  .con_list img {
    height: 6.85rem;
  }

  .brief video {
    width: 100% !important;
    height: 422px !important;
    max-height: unset !important;
  }

  .imgbox video {
    height: 13.8rem !important;
  }

  #zan {
    width: 4rem;
    cursor: pointer;
    position: absolute;
    left: 11.4rem;
    z-index: 10;
  }

  .ani_zan {
    position: absolute;
    width: 85%;
    width: 21rem !important;
    left: 1.85rem !important;
    top: -3.3rem;
    z-index: 1;
  }

  video,
  .video-js,
  .vpage,
  .vh {
    height: 15.07rem !important;
  }

  .wrapper03 {
    position: relative;
    height: 2.5rem;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    flex-shrink: 0;
  }

  .wrapper03 .scroller {
    position: absolute;
    width: 100%;
    flex-shrink: 0;
  }

  .wrapper03 .scroller ul {
    float: left;
    width: 100%;
    flex-shrink: 0;
  }

  .wrapper03 .scroller li {
    height: 2.5rem;
    color: #474747;
    float: left;
    line-height: 2.5rem;
    font-size: 23px;
    text-align: center;
    flex-shrink: 0;
  }

  .wrapper03 .scroller li a {
    color: #777;
    display: block;
    /* margin: 0 .3rem;  */
    padding: 0 10px;
    font-size: 23px;
    position: relative;
    height: 2rem;
  }

  .wrapper03 .scroller li.cur a {
    font-weight: bold;
    color: #474747;
  }

  .wrapper03 .scroller li.cur a:after {
    content: " ";
    display: block;
    height: 3px;
    background: #d51f1a;
    width: 35%;
    margin: -0.4rem auto;
  }
}

.top {
  padding: 0.8rem;
  text-align: center;
  width: 100%;
  position: relative;
}

.top a {
  width: 1rem;
  position: absolute;
  left: 1rem;
}

.top h2 {
  /* float: left; */
  font-size: 0.9rem;
  padding: 0 1rem;
}
.v_inc,.big-img {
  height: auto;
  position: relative;
}

.v_inc h3,.big-img h3 {
  width: 100%;
  float: initial;
}

.v_inc img,.big-img img {
  width: 100%;
  height: auto;
}

.v_inc p,.big-img p {
  position: static;
  margin-top: 0.5rem;
  float: left;
  width: 100%;
}

.v_inc .v_logo,.big-img .v_logo{
  position: relative;
  width: 100%;
  float: left;
}
.v_inc .v_logo:after {
  display: block;
  content: " ";
  position: absolute;
  top: 42%;
  bottom: 0;
  left: auto;
  right: 45%;
  width: 12%;
  background: url(../images/bf.png;vpn_img) no-repeat;
  background-size: contain;
}
.three-small-img img {
  width: 5.5555rem;
  height: 3.2rem;
  float: left;
  margin-right: 0.2rem;

  object-fit: cover;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
}
.three-small-img h3{width: 100%;}
.three-small-img .v_logo:last-child img {
  margin-right: 0;
}

/***专栏****/

.con_music {}

.con_music li {
  padding: 20px 0 0;
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 15px;
  min-height: 4rem;
}

.con_music li h3 {
  width: 85%;
  float: left;
  margin-bottom: 0.3rem;
  font-size: 0.75rem;
}

.con_music li p {
  font-size: 0.6rem;
  color: #aaaaaa;
  width: 85%;
}

.dyl {
  font-size: 14px;
  color: #aaaaaa;
  display: inline-block;
  margin-top: 0.4rem;
}

.img_page a {
  margin: 0.5rem 0 0 0;
  display: block;
}

.img_page img {
  border-radius: 3px;
  width: 100%;
}

.img_page p {
  font-size: 0.8rem;
  line-height: 1.3rem;
  margin-top: 0.3rem;
}

.np {
  font-size: 0.7rem;
  text-align: center;
  margin: 20px;
  color: #555;
}

.ani_zan {
  position: absolute;
  width: 85% !important;
  left: 0.6rem !important;
  top: -1.9rem;
  z-index: 1;
}

.imgbox video,
.imgbox audio {
  width: 100%;
}

.imgbox video {
  width: 100%;
  height: 9.67rem;
  object-fit: contain;
  background-color: #000;
}

.lifepage video {
  background-color: #fff;
}

/**积分商城**/

.mall_top {
  padding: 0.8rem;
  text-align: center;
  width: 100%;
  color: #fff;
  position: relative;
  background: url(../images/j_bg.png;vpn_img) no-repeat;
  background-size: cover;
  height: 6rem;
}

.mall_c {
  color: #474747;
  background: none;
  padding: 0.5rem;
}

.link_box {
  margin-bottom: 1rem;
}

.back_a {
  width: 1rem;
  position: absolute;
  left: 1rem;
}

.mall_top h2 {
  font-size: 0.9rem;
  max-width: 80%;
  margin: auto;
  height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.my_order {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  color: #fff;
  font-size: 0.75rem;
}

.my_point {
  width: 100%;
}

.my_point p {
  float: left;
  color: #fff;
  width: 100%;
  text-align: left;
  font-size: 0.6rem;
}

.my_point h3 {
  float: left;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0.3rem 0;
}

.my_point a {
  color: #8a2417;
  background: #fff;
  padding: 0.3rem 0.5rem;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  font-size: 0.7rem;
  right: 0;
  position: absolute;
  bottom: 1.2rem;
  width: 4rem;
  height: 1.5rem;
}

.hot_list {
  padding: 0.8rem 0;
}

.hot_title {
  text-align: center;
  background: url(../images/j_rm.png;vpn_img) center no-repeat;
  background-size: contain;
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0.1rem 0;
}

.good_list {
  padding: 0 0.3rem;
}

.good_list li {
  padding: 0.7rem 0.5rem 0;
  width: 9rem;
  float: left;
}

.good_list a {}

.g_img {
  overflow: hidden;
  border-radius: 0.6rem;
  height: 5.8rem;
  width: 100%;
  position: relative;
}

.g_img img {}

.g_title {
  font-size: 0.75rem;
  margin: 0.3rem 0;
  height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.g_jf {
  color: #e7473d;
  font-size: 0.6rem;
}

.g_jf i {
  font-weight: bold;
  font-size: 0.8rem;
  margin-right: 0.2rem;
}

.g_price {
  text-decoration: line-through;
  color: #999;
  font-size: 0.6rem;
}

.order_list {}

.order_list li {
  border-bottom: 0.3rem #e9e9e9 solid;
  padding: 0.7rem;
  width: 100%;
  float: left;
}

.box1 {
  margin-bottom: 0.7rem;
}

.o_tx {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.2rem;
  float: left;
  margin-right: 0.4rem;
}

.o_nc {
  font-size: 0.75rem;
  float: left;
  line-height: 1.2rem;
}

.o_status {
  float: right;
  color: #df4541;
}

.box2 {
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #e7e7e7;
}

.o_img {
  border-radius: 0.5rem;
  height: 4.5rem;
  overflow: hidden;
  width: 34%;
  float: left;
  margin-right: 0.5rem;
}

.o_img img {
  width: 100%;
  height: 100%;
}

.box2 h2 {
  font-size: 0.8rem;
  -webkit-line-clamp: 3;
  /*用来限制在一个块元素显示的文本的行数*/
  display: -webkit-box;
  /*必须结合的属性，将对象作为弹性伸缩盒子模型显示*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式*/
  overflow: hidden;
  /*必要*/
  height: 3rem;
  margin-bottom: 0.5rem;
}

.box2_1 {}

.box2_1 p {
  float: left;
  font-size: 0.6rem;
}

.box2_1 p span {
  font-size: 0.8rem;
  margin-right: 0.2rem;
}

.box2_1>span {
  float: right;
  color: #999;
  font-size: 0.6rem;
}

.box3 {
  padding: 0.7rem 0 0;
}

.box3 span {
  color: #999;
  font-size: 0.6rem;
  float: left;
}

.box3 h3 {
  color: #999;
  font-size: 0.75rem;
  float: left;
}

.box3 p {
  float: right;
  font-size: 0.75rem;
}

.box4 {
  padding: 0.7rem 0 0;
}

.box4 h3 {
  color: #999;
  font-size: 0.75rem;
  float: left;
}

.box4 p {
  float: right;
  font-size: 0.75rem;
  color: #df4541;
  font-weight: bo padding: 0.7rem 0 0;
  ld;
}

.mpage_t {}

.mpage_i {
  width: 100%;
}

.mpage_t h2 {
  font-size: 0.8rem;
  padding: 0.5rem 0.8rem;
  line-height: 1.3rem;
}

.p_price {
  margin: 0 0.8rem;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 0.5rem;
}

.p_jf {
  float: left;
}

.p_jfw i {
  font-weight: bold;
  color: #e7473d;
  font-size: 1rem;
  margin-right: 0.3rem;
  /* float: left; */
}

.p_jfw {
  font-size: 0.6rem;
}

.p_pri {
  /* float: left; */
  margin-top: 0.14rem;
}

.d_time {
  padding: 0.5rem 0.8rem;
  color: #999;
  font-size: 0.6rem;
}

.g_box {}

.g_h2 {
  font-size: 0.75rem;
  text-align: center;
  padding: 0.5rem;
  border-bottom: 1px solid #e7e7e7;
}

.g_brief {
  padding: 0.8rem;
}

.g_brief img {
  display: block;
  margin: auto;
  width: 100%;
  margin-bottom: 0.8rem;
}

.g_brief p {
  text-indent: 2rem;
  font-size: 0.75rem;
  line-height: 1.2rem;
  white-space: pre-wrap;
}

.fix_b {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  height: 2.5rem;
}

.sc {
  text-align: center;
  height: 100%;
  line-height: 2.5rem;
  width: 30%;
  float: left;
  background-color: #f5f5f5;
}

.sc img {
  width: 0.9rem;
  margin-right: 0.2rem;
  vertical-align: sub;
}

.zf {
  text-align: center;
  height: 100%;
  line-height: 2.5rem;
  width: 30%;
  float: left;
  background-color: #f5f5f5;
}

.zf img {
  width: 0.9rem;
  margin-right: 0.2rem;
  vertical-align: sub;
}

.ljdh {
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #fff;
  line-height: 2.5rem;


}

.dh_red {
  background-color: #d51f1a;
}

.noimg {
  width: 70%;
  margin: 40% auto;
  display: block;
}

.dh_grey {
  background-color: #D2D1D1;
}

.addform {
  background-color: #fff;
  padding: 0 0.7rem;
}

.f_l {
  border-bottom: #e9e9e9 1px solid;
  padding: 0.7rem 0;
  float: left;
  width: 100%;
}

.f_l:last-child {
  border: 0
}

.addform:after {
  content: " ";
  display: block;
  clear: both
}

.f_l label {
  color: #474747;
  font-size: 0.8rem;
  margin-right: 0.5rem;
  float: left;
}

.f_l input {
  color: #474747;
  border: 0;
  font-size: 0.8rem;
  width: 13rem;
  float: left;
}

.grey_bg {
  background-color: #e9e9e9;
}

.ljdh img {}

.jf_tips {
  padding: 0.8rem;
}

.jf_tips p {
  text-indent: 2rem;
  line-height: 1.2rem;
  margin-bottom: 0.8rem;
}

.t_b {
  font-weight: bold;
}

.opdiv1 {
  padding: 0.8rem 0.5rem;
}

.opdiv1-1 {
  float: left;
  font-size: 0.8rem;
  font-weight: bold;
  margin-right: 0.7rem;
}

.opdiv1-2 {
  float: left;
}

.opdiv1-2 h3 {
  font-weight: bold;
  font-size: 0.8rem;
  float: left;
  margin-right: 0.8rem;
}

.opdiv1-2 span {
  font-size: 0.75rem;
}

.opdiv1-2 p {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}

.opdiv1-3 {
  float: right;
  width: 1rem;
  margin-top: 0.8rem;
}

.op_brief {
  padding: 0.7rem;
}

.op_brief li {
  padding: 0 0 0.7rem 0;
  width: 100%;
  float: left;
}

.op_brief li h3 {
  color: #999;
  float: left;
}

.op_brief li span {
  float: right;
}

.top_head {
  top: 0;
}

.top_head .now_download {
  width: 34%;
}

.top_head .test_head_box {
  width: 38%;
}

.mall_c {
  display: none;
}

.pic_null .v_logo {
  display: none;
}

.pic_null {
  min-height: auto;
}

.pic_null h3,
.pic_null p {
  width: 100%;
}

.pull-loading {
  text-align: center;
  line-height: 3rem;
  display: flex;
  align-items: center;
  color: #999;
  font-size: 0.7rem;
  justify-content: center;
}

.end:after {
  display: block;
  content: " ";
  position: absolute;
  background: url(../images/yjs.png;vpn_img) bottom right no-repeat;
  background-size: 100%;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
}

.exed:after {
  display: block;
  content: " ";
  position: absolute;
  background: url(../images/ydh.png;vpn_img) bottom right no-repeat;
  background-size: 100%;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
}

.adrbox {
  padding: 0.8rem;
  width: 100%;
}

.adrul {}

.adrul li {
  margin-bottom: 0.8rem;
  float: left;
  width: 100%;
  background: #fff;
  border-radius: 0.3rem;
  padding: 0.8rem;
  border-left: 5px solid #FF7928;
}

.adrmsg {
  width: 90%;
}

.btn_adr a {
  width: 0.6rem;
  display: block;
  text-align: right;
  margin: auto;
}

.btn_adr {
  text-align: center;
  float: right;
  width: 10%;
}

.btn_adr img {}

.btn_adr .gb {
  margin-bottom: 0.6rem;
}

.btn_adr .bj {}

.order_list .nobor {
  border: 0;
}

.btn_t {
  text-align: center;
  float: left;
  width: 100%;
  padding-left: 9%;
}

.btn_t a {
  font-size: 0.75rem;
  display: block;
  color: #fff;
  background: #df4541;
  padding: 0.3rem 0.5rem;
  margin: 2rem 0.5rem;
  border-radius: 0.3rem;
  width: 39%;
  float: left;
}

.tvvideo {
  position: absolute;
  top: 50%;
  width: 100%;
  ransform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.audio_btn {}

.audio_btn img {
  width: 76px;
  margin: auto;
  display: block;
}

.bcvideo {
  display: none;
}

.abox {
  background: url(../images/bcbg.png;vpn_img) center no-repeat;
  width: 28rem;
  height: 11rem;
  background-size: contain;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  top: 2rem;
}

.abox img {
  /* position: absolute; */
  width: 28%;
  /* left: 28%; */
  height: 5rem;
  /* top: 1.3rem; */
  border-radius: 50%;
}

.atitle {
  font-size: 0.9rem;
  text-align: center;
  margin: 1rem;
}

.bcdiv {
  background-color: #f1f0ed;
}

.select-value {
  background: url(../images/x.png;vpn_img) right no-repeat;
  background-size: 0.8rem;
}

.detail_a {
  color: #474747;
  border: 0;
  font-size: 0.8rem;
  width: 13rem;
  float: left;
  height: 2.5rem;
}

.save_adr {
  font-size: 0.85rem;
  background-color: #d51f1a;
  width: 17.2rem;
  color: #fff;
  padding: 0.5rem;
  border-radius: 1.3rem;
  letter-spacing: 2px;
  margin: 1rem 0.7rem;
  box-sizing: border-box;
}

.video-js {
  height: 10.55555rem;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) video {
  height: 100% !important;
}

/* 邀请码 */
.content {
  background-color: #fff
}

.content,
img {
  width: 100%;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in
}

#page_invite_code {
  width: 100%;
  overflow-x: hidden;
  font-size: 0
}

#page_invite_code,
#page_invite_code .tc-foot-download {
  max-width: 500px;
  margin: 0 auto
}

.invite-text {
  color: #5d5d5d;
  font-size: .8rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.5;
  padding: .634921rem 0
}

#clickable {
  background: url("../images/invite_code_bg.png;vpn_img") no-repeat 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 6.58rem;
  color: #fff;
  text-align: center;
  width: 60.789%;
  margin: 0 auto;
  position: relative
}

#clickable .name {
  font-size: .7685rem;
  line-height: 1.4;
  padding: .5185rem .1852rem;
  display: block
}

#clickable .name i {
  font-style: normal
}

.info-link {
  text-align: center;
  line-height: 1;
  margin-top: .3rem
}

.info-link a {
  font-size: .8rem;
  line-height: 2;
  text-decoration: underline;
  color: #0863d5
}

#clickable .notice {
  font-size: .5rem;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.2rem;
  text-align: center
}

#code {
  z-index: 10;
  display: inline-block;
  font-size: 1.3204rem;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 46%;
  margin-top: -.660225rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: .57971rem
}

#code::selection {
  color: #fff;
  background-color: #e43119
}

#clickable p {
  position: absolute;
  left: 0;
  font-weight: 700;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: .8
}

#code.selection,
#code::selection {
  background-color: #00008b;
  color: #fff
}

.invite-bottom {
  background-color: #fff;
  padding: 1.269841rem 0 1.904762rem
}

.invite-bottom-title {
  font-size: .8rem;
  color: #606060;
  text-align: center;
  width: 6rem;
  margin: 0 auto .7rem;
  position: relative;
  line-height: 1.2
}

.invite-bottom-title:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #606060;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  border-right: .4rem solid #fff;
  border-left: .4rem solid #fff;
  box-sizing: border-box
}

.invite-bottom-title:after {
  content: "";
  width: 20rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 -10rem;
  border-bottom: 1px dashed #ccc
}

.invite-bottom-title span {
  background-color: #fff;
  position: relative;
  padding: 0 .4rem;
  z-index: 2
}

.invite-bottom-btn {
  font-size: .8rem;
  width: 5.5rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  color: #fff;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  line-height: 1.6rem;
  border-radius: .2rem;
  letter-spacing: .15rem;
  background: #fc5657;
  box-shadow: 0 0 .3rem #fc5657
}

.invite-bottom-text {
  color: #5d5d5d;
  font-size: .8rem;
  text-align: center;
  line-height: 1.5;
  padding: .634921rem 0
}

.invite-bottom-ercode {
  width: 6rem;
  margin: 0 auto
}

/* 使用协议 */
header,
#content {
  width: 92%;
  margin: 0 auto;
  display: table;
  text-align: justify;
}

h1 {
  text-align: center;
}

#content p {
  font-size: 19px;
  line-height: 150%;
  margin: 1rem 0;
  font-family: '宋体';
}

#content p strong {
  font-weight: bold;
}

.pydocx-caps {
  text-transform: uppercase
}

.pydocx-center {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  margin: 2rem 0;
}

.pydocx-comment {
  color: blue
}

.pydocx-delete {
  color: red;
  text-decoration: line-through
}

.pydocx-hidden {
  visibility: hidden
}

.pydocx-insert {
  color: green
}

.pydocx-left {
  text-align: left
}

.pydocx-list-style-type-cardinalText {
  list-style-type: decimal
}

.pydocx-list-style-type-decimal {
  list-style-type: decimal
}

.pydocx-list-style-type-decimalEnclosedCircle {
  list-style-type: decimal
}

.pydocx-list-style-type-decimalEnclosedFullstop {
  list-style-type: decimal
}

.pydocx-list-style-type-decimalEnclosedParen {
  list-style-type: decimal
}

.pydocx-list-style-type-decimalZero {
  list-style-type: decimal-leading-zero
}

.pydocx-list-style-type-lowerLetter {
  list-style-type: lower-alpha
}

.pydocx-list-style-type-lowerRoman {
  list-style-type: lower-roman
}

.pydocx-list-style-type-none {
  list-style-type: none
}

.pydocx-list-style-type-ordinalText {
  list-style-type: decimal
}

.pydocx-list-style-type-upperLetter {
  list-style-type: upper-alpha
}

.pydocx-list-style-type-upperRoman {
  list-style-type: upper-roman
}

.pydocx-right {
  text-align: right
}

.pydocx-small-caps {
  font-variant: small-caps
}

.pydocx-strike {
  text-decoration: line-through
}

.pydocx-tab {
  display: inline-block;
  width: 4em
}

.pydocx-underline {
  text-decoration: underline
}

.pydocx-indent {
  text-indent: 37px;
  display: block;
}


#footer {
  color: black;
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
  line-height: 20px;
  width: 100%;
  padding: 0px 0 50px 0;
}

#footer a {
  color: black;
  text-decoration: none;
}

.txt_bold {
  font-weight: bold;
}

.pa {

  z-index: 2;

  position: absolute;

  width: 67%;

  top: 31%;

  left: 32%;
}

.mrule {
  padding: 0.8rem;
}

.mrule p {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}

.mrule h2 {
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.hankbox {
  background-color: #d51f1a;
  padding: 0.4725rem;
  border-radius: 0.5rem;
  height: 100%;
}

.hankbox h2 {
  margin: 0 0.3rem;
  color: #f1df96;
  font-weight: bold;
  font-size: 0.8rem;
  padding-left: 1.5rem;
  background: url(../images/wz.png;vpn_img) no-repeat;
  background-size: contain;
  height: 0.906rem;
}

.hankbox h2 a {
  color: #e1ad96;
  font-weight: normal;
  font-size: 0.75rem;
  float: right;
}

.hankbox .table {

  background: #fff;

  width: 100%;

  margin: 0.7rem 0 0;

  border-radius: 0.3rem;

  padding: 0.4rem 0.5rem;
}

.hankbox .ht {
  color: #aaa;
  border-bottom: 0.05rem solid #f3f3f3;
  display: block;
  width: 100%;
  float: left;
  padding: 0 0 0.5rem;
}

.ht h3 {
  float: left;
}

.ht h3:last-child {
  float: right;
  width: 3rem;
  text-align: center;
}

.mt {
  float: left;
  width: 100%;
}

.mt>div {
  width: 100%;
  float: left;
  border-bottom: 0.05rem solid #f3f3f3;
  padding: 0.17rem;
}

.mt span {
  padding: 0.3rem 0;
  float: left;
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.mt span:last-child {
  float: right;
  width: 2.7rem;
  text-align: center;
}

.mt i {
  width: 1.2rem;
  display: inline-block;
  padding-left: 0.15rem;
}

.mt>div:first-child i {
  background: url(../images/h1.png;vpn_img) no-repeat top left;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}

.mt>div:nth-child(2) i {
  background: url(../images/h2.png;vpn_img) no-repeat top left;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}

.mt>div:nth-child(3) i {
  background: url(../images/h3.png;vpn_img) no-repeat top left;
  background-size: contain;
  color: rgba(0, 0, 0, 0);
}

.vpage {
  height: 10.5rem;
  z-index: 100;
  position: fixed;
  background: #fff;
  width: 100%;
  max-width: 750px;
}

.vpage video {
  position: fixed;
  height: 10.5rem;
  background: #000;
}

.vjs-big-play-button {
  position: absolute;
  top: 10rem;
  left: 2.4rem;
}

.vh {
  display: none;
  height: 10.5rem;
}

.ah {
  display: none;
  height: 13.5rem;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  BACKGROUND: #FFF;
  Z-INDEX: 101;
}

.loading img {
  position: absolute;
  width: 50px;
  top: 50%;
  LEFT: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);
}

.opdiv1-4 {
  float: right;
  font-size: 0.75rem;
  color: blue;
}

.vicon:after {
  content: " ";
  display: block;
  background: url(../images/bf.png;vpn_img) no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  position: absolute;
  right: 1.8rem;
  top: 1.5rem;
}

.aicon:after {
  content: " ";
  display: block;
  background: url(../images/bcb.png;vpn_img) no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  position: absolute;
  right: 1.8rem;
  top: 1.5rem;
}

.topic_c {
  float: left;
  background: #f2f2f2;
  color: red;
  padding: 0.2rem 0.3rem;
  font-size: 0.7rem;
  border-radius: 1.3rem;
  margin: 0.2rem 0 0;
}

.topic_c span {
  font-size: 0.6rem;
  color: #999;
  display: inline-block;
  margin-left: 0.2rem;
}

.dy_v {
  float: left;
  position: relative;
}

.dy_v:after {
  display: block;
  content: " ";
  background: url(../images/v.png;vpn_img);
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  background-size: contain;
  bottom: 0;
  right: 0.5rem;
}

.dy_brief div {
  float: left;
  display: inline-block;
  color: #fff;
  background: #F06A67;
  font-size: 0.6rem;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  margin-top: -0.1rem;
  margin-left: 0.4rem;
}

.yc {
  font-size: 0.6rem;
  text-align: center;
}

.ycline {

  display: block;

  content: " ";

  border-top: 1px solid #eaeaea;

  z-index: 1;
}

.yc h2 {
  text-align: center;
  color: #999;
  z-index: 2;
  position: relative;
  top: -0.5rem;
  display: inline-block;
  background: #fff;
  margin: auto;
}

.adv {
  position: relative;
  height: 3rem;
  width: 3rem;
  float: left;
}

.ilist {
  text-align: center;
  padding: 0.3rem 0 1rem;
  border-bottom: 1px solid #eaeaea;
}

.ilist a {
  text-align: center;
  display: inline-block;
  margin: 0 0.3rem;
  pointer-events: none;
  /*一期不可点击*/
}

.ilist a img {
  width: 2rem;
  border-radius: 50%;
  display: block;
  height: 2rem;
  margin: 0 auto 0.2rem;
}

.m1 {
  width: 5.8rem;
  margin-right: 0.5rem;
}

.m2 {
  width: 4.5rem;
}

.pt10 {
  padding-top: 1rem;
}

.pl_con_left span {
  color: rgb(7, 106, 255);
}

.zb_sta {
  background: #d51f1a;
  float: left;
  color: #fff;
  padding: 0.1rem 0.4rem;
  margin-bottom: 0.5rem;
}

.vpage img {
  height: 10.5rem;
}

.Related_News {
  background: url(../images/icon_tj.png;vpn_img) left 0.35rem no-repeat;
  padding-left: 1.2rem;
  background-size: 0.9rem;
}

.pl0 {
  padding-left: 0;
}

.thematic {}

#J-call-app {
  width: 6.5rem
}

#__vconsole .vc-switch {
  bottom: 5rem !important
}

.topic:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}

.notopic {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  Z-INDEX: 100;
  max-width: 750px;
}

.nozbt {
  max-width: 750px;
}

.noperson_con {}

.noperson_con p {
  text-align: center;
  color: #999;
  font-size: 0.7rem;
}

.zb_live {
  margin-top: 1rem;
}

.nolts {
  max-width: 750px;
}

.lts_gray {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  left: 0;
  max-width: 750px;
  right: 0;
  margin: auto;
}

.notopic img,
.nozbt img,
.nolts img {
  margin: 15%;
  width: 70%;
}

.notopic p,
.nozbt p,
.nolts p {
  text-align: center;
  color: #999;
}

table {
  width: 100%
}

table p {
  font-size: 16px;
  line-height: 20px;
}
.desContent{
  position: relative;
}
.readall_box {
  position: absolute;
  z-index: 9;
  padding: 0 0 1rem;
  width: 100%;
  border: 0;
  text-align: center;
  display: none;
  bottom: -1rem;
}
.readall_box .read_more_mask {
	height: 6rem;
  position: relative;
  top: 1rem;
	background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0));
	background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));
	background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0))
}
.read_more_btn_box{
  position: relative;
}
.read_more_btn_img {
	cursor: pointer;
    width: 32px;
    height: auto;
    position: relative;
}
.read_more_btn{
  color: #d51f1a;
  border: 1px solid #d51f1a;
  display: block;
  width: 80%;
  height: 40px;
  font-size: 17px; 
  margin: 0 auto;
  position: relative;
  border-radius: 50px;
}
.wx_guide_button{
  position: relative;
}

@media only screen and (min-width: 750px) {
  .con_list img {
    height: 6.85rem !important;
  }

  .con_video img {
    height: 15rem !important;
  }

  .con_video a:after {
    left: 11rem;
    bottom: 8rem
  }

  .imgbox video {
    height: 13.8rem !important;
  }

  #zan {
    width: 4rem;
    cursor: pointer;
    position: absolute;
    left: 11.4rem;
    z-index: 10;
  }

  .ani_zan {
    position: absolute;
    width: 85%;
    width: 21rem !important;
    left: 1.85rem !important;
    top: -3.3rem;
    z-index: 1;
  }

  video,
  .video-js,
  .vpage,
  .vh {
    height: 15.07rem !important;
  }

  #brief .livei img {
    height: 100%;
  }

  .bfbg {
    left: 9.35rem;
  }

  .a_img {
    left: 10.85rem;
  }
}

/**中文**/