@charset "utf-8";
/* CSS Document */
html {width: 100%; font-size: 14px;}
body {width: 100%;font-size: 14px;background: #fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 500; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
* {margin: 0px;padding: 0px;}
img {height: auto;border: 0;}
ul, li, dl, dd, dt, ol {list-style: none;}
em {font-style: normal;}
a:link, a:visited, a:focus {text-decoration: none;outline: none;}
.clear {clear: both;overflow: hidden;}
p {word-wrap: break-word;}
h1,h2,h3{font-style:normal; font-weight:500;}
a,div,p,span,input{ -webkit-tap-highlight-color:rgba(255,0,0,0);tap-highlight-color:rgba(255,0,0,0); -moz-tap-highlight-color:rgba(255,0,0,0); -ms-tap-highlight-color:rgba(255,0,0,0); -o-tap-highlight-color:rgba(255,0,0,0);}
textarea, input{background-color: #FFFFFF;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;border: 0px solid #E3E3E3;	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;color: #DDD}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
	border-color: rgba(21, 104, 240, 0);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0) inset, 0 0 6px rgba(21, 104, 240, 0);
	outline: 0 none;
	border-bottom: 1px solid #FFF;
}
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.8);  
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.8);  
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: rgba(255,255,255,0.8);  
  }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color:rgba(255,255,255,0.8);  
  }

 /*滚动条垂直方向的宽度*/
::-webkit-scrollbar
{
	width: 0px;
}
/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
	border-radius:0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color:rgba(129,129,129,0.5);
}
.botleftbox{text-align: center; height: 50px; width: 50%; float: left; background:#F2F2F2; line-height: 50px;}
.botleftbox a{margin: 0px auto; font-size: 0.4rem; position:relative; color: #585858; }
.botleftbox span:nth-child(1){font-size: 0.4rem; color:#FF682C;}
.botleftbox span:nth-child(2){font-size: 0.3rem; color:#CACACA; text-decoration:line-through;}

.botrightbox{height: 50px; width: 50%; text-align:center; line-height: 50px; float: left; background:#FF682C;}
.botrightbox span{margin: 0px auto; font-size: 0.4rem; color: #FFF; position:relative;}
.botrightbox span em{position: absolute; display: block; top: -10px; right: -35px; width: 30px; text-align:left; height: 14px; line-height: 14px; font-size: 0.3rem; color:#FFF94C;}

.botrightboxa{height: 50px; width: 50%; text-align:center; line-height: 50px; float: left; background:#FF682C;}
.botrightboxa span{margin: 0px auto; font-size: 0.4rem; color: #FFF; position:relative;}
.botrightboxa span em{position: absolute; display: block; top: -10px; right: -35px; width: 30px; text-align:left; height: 14px; line-height: 14px; font-size: 0.3rem; color:#FFF94C;}


.mainboxbot{height: 50px; position:fixed; bottom: 0px; overflow: hidden; left: 0px;z-index:1000;  background: #FF682C; width: 100%; cursor: pointer;line-height: 50px;
    color: #fff;
    text-align: center;font-size:0.4rem; }
.jpklistbox{width: 100%; padding: 4% 0%; background: #FFF;}
.jpklisttop{width: 92%; padding: 0% 4%;}
.jpklisttop h1{font-size: 0.4rem; color:#272727; line-height: 150%; padding:0% 0%; font-weight: bold;}
.jpklisttop li{width: 100%; padding: 15px 0%; border-bottom: 1px solid #ECECEC; position: relative;}
.jpklisttop li .jpklistleftbox{width: 40%; float: left; position: relative; cursor: pointer;}
.jpklisttop li:last-child{border-bottom: 0px; padding-bottom: 30px;}

.jpklistleftbox .vediobotpic{display: block;width: 100%;}
.jpklistleftbox span{width: 96%; left: 0px; height: 20px; color: #FFF; font-size:0.3rem;  position: absolute; bottom: 0px; text-align: right;}
.jpklistleftbox em{width: 35px; height: 35px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin:auto;}
.jpklistleftbox em img{width: 100%; display: block; }

.maodianbox{position: relative;width: 100%; border-bottom: 1px solid #ECECEC; margin: 4% 0%; height: 40px; line-height: 40px;top: 0px; left: 0px; background: #FFF; z-index: 100}
.maodianbox a{top:-2px; position: relative; border-radius: 1px; cursor: pointer; }
.maodianbox3 a{display: block;width:15%; float: left; text-align: center;margin: 0% 9.16%; color:#585858; font-size: 0.4rem; height: 40px; line-height: 40px; font-weight: bold;}
.maodianbox2 a{display: block;width:15%; float: left; text-align: center;margin: 0% 17.5%; color:#585858; font-size: 0.4rem; height: 40px; line-height: 40px;   font-weight: bold;}
.maodianbox4 a{display: block;width:15%; float: left; text-align: center;margin: 0% 5%; color:#585858; font-size: 0.4rem; height: 40px; line-height: 40px;   font-weight: bold;}


.maodianbox5 a{display: block;width:15%; float: left; text-align: center;margin: 0% 2.5%; color:#585858; font-size: 0.4rem; height: 40px; line-height: 40px;   font-weight: bold;}


.maodianbox .nowspan{color:#1F9FFF; border-bottom:3px solid #1F9FFF;}



.somecountsbox{width:99%; border:1px solid #E3E3E3; border-radius: 5px; padding: 4% 0%;    box-shadow: 0px 1px 0px #EEE;}

.sconboxa{width: 30%; float: left;height:34px; border-right: 1px solid #ECECEC;}
.sconboxa p:nth-child(1){font-size: 0.35rem; color:#272727; text-align: center;height: 20px; line-height: 20px;}
.sconboxa p:nth-child(2){font-size: 0.3rem; color:#999;height: 14px; text-align: center; line-height: 14px;}
.sconboxb{width: 39.3%; float: left;height:34px; border-right: 1px solid #ECECEC;  }
.starbox{ height: 14px; margin: 3px auto 0px auto; width:90px;}
.sconboxb span{display:block;width:14px;height: 14px; background: url(../images/destart.svg); background-size: 100%; float: left;  margin: 0px 2px; }
.sconboxb p{font-size: 0.3rem; color:#999; height: 20px; text-align: center; line-height: 20px;}
.sconboxb span img{display:block; width: 100%;}
.sconboxc{width: 30%; float: left;height:34px; }
.sconboxc p:nth-child(1){font-size: 0.35rem; color:#272727; text-align: center;height: 20px; line-height: 20px;}
.sconboxc p:nth-child(2){font-size: 0.3rem; color:#999;height: af14px; text-align: center; line-height: 14px;}

.pijia li{ width: 92%; padding:3% 0%; margin: 0% 4%; border-bottom: 1px solid #ECECEC; }
.pjbottext{font-size: 0.36rem; line-height: 150%; color:#262626; margin-top: 2%; font-weight:400;}
.pjtopbox{width: 100%; height: 50px;}
.pjtopbox .usernamepic{width: 50px; height: 50px; float: left; margin-right:10px; border-radius: 100%; overflow: hidden;}
.usernamepic img{width: 100%; display: block; border-radius: 100%;}
.namesomes{height: 50px; float: left;}
.namesomes p{height: 30px; line-height: 30px; font-size: 0.4rem; color: #272727;}
.starlistpj span{display: block;height: 14px;width: 14px; float: left;  margin-right:5px; background: url(../images/destart.svg);}
.starlistpj span img{display: block;width: 100%;}
.starlistpj em{display: block;height: 14px;width:40px; float: left; margin-left: 3px; line-height: 16px; color:#999999; font-size:12px; }
.fbtime{float: right;height: 30px; line-height: 30px; font-size: 0.30rem; color:#999; }
.lookmorepl{padding: 4% 0%; text-align: center; font-size: 0.35rem; color:#999999;}

.pjcounts{ color:#616161;padding: 2% 4%; background: #F8F8F8; font-size: 0.32rem;margin-top: 10px;}
.pjcounts span{ margin-right: 5px; }

.jpklisttop li .jpklistrightbox{width: 56%; float:right;  cursor: pointer;}
.jpklistrightbox h2{font-size: 0.35rem; color:#272727; line-height: 150%; font-weight:500;  width: 100%; overflow: hidden;}
.jpklisttop ul{margin-bottom: 4%;}
.allblackbox{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.7); z-index: 10000; left: 0px; top: 0px; display: none;}

.alertallkuan{width: 60%; position: absolute; top: 40%; left:20%;background:rgba(255,255,255,0.95); border-radius:5px; z-index: 1000000;display: none;}

.tipstexts{width: 92%;padding: 6% 4%; text-align: center;font-size:0.4rem;}
.tipstexts p{ color: #333; font-size:0.4rem; height: 40px;line-height: 40px;}
.tipstexts a{ color: #222; margin-left: 2px; }
  .iknow {
    padding:4% 0%;
    width: 50%;
      float: left;
      text-align: center;
      font-size: 0.4rem;
      color: #999;
      cursor: pointer;
      border-top: 1px solid #ECECEC;
      border-bottom-left-radius: 5px;
  }
  .letgo{
    padding:4% 0%;
    width: 50%;
      float: left;
      text-align: center;
      font-size: 0.4rem;
      color: #1F9FFF;
      cursor: pointer;
      border-top: 1px solid #ECECEC;
      border-bottom-left-radius: 5px;
  }


.loadpage{width: 100%; height: 100%; position: absolute; z-index: 100000; left: 0px; top: 0px; background:rgba(255,255,255,1);}

.load3 {
  width: 60px;
  height: 60px;
  position:absolute;
  left: 0px; right: 0px; bottom: 0px; top: 0px;
  margin: auto;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color:#1F9FFF;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
 -webkit-animation: bounce 1.8s infinite ease-in-out;
  animation: bounce 1.8s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.alertallkuanb{
	width: 60%;
	 position: fixed;
	  top: 40%; left:20%;
	  background:rgba(0,0,0,0.5);
	   border-radius:5px; 
	   z-index: 1000000;
	   display: none;
}

.subscription{
	width: 92%;
	padding: 6% 4%; 
	text-align: center;
	font-size: 13px;
	color:#fff;
	line-height:1.75;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

#showb{display: none;}
.xqtextbox{width: 92%; margin:20px 4%;}
.xqtextbox p{font-size: 0.38rem; color:#262626; line-height: 175%; padding: 2% 0%;}
.xqtextbox p strong{font-weight:bold;font-size:0.42rem;}
.xqtextbox p img{max-width: 100%; display: block; margin: 0% auto; margin-bottom:2%;}
.replace{height:41px; margin: 4% 0%;  }



.payforbox{ width: 84%; padding:5% 4%; border-radius: 10px; background: #FFF; position: absolute; left: 4%; bottom: 4%; z-index: 10002; display: none;}
.payfortitle{width: 100%; font-size:0.4rem; color: #272727;line-height:1.75; }
.payforcounts{width: 100%; font-size: 0.3rem; color:#999; padding: 2% 0% 3% 0; border-bottom:1px solid #ECECEC;}
.payfortol{height: 30px; line-height: 30px; padding:3% 0%; border-bottom: 1px solid #ECECEC;}
.payfortol span:nth-child(1){ display: block; height: 30px; float: left; font-size: 0.4rem; color: #272727; width: 50%;}
.payfortol span:nth-child(2){ display: block; height: 30px; float:right; text-align: right; font-size: 0.42rem; color:#FF682C; width: 50%;}
.payforfs{height: 30px; line-height: 30px; padding: 3% 0%; border-bottom: 1px solid #ECECEC;}
.payforfs span:nth-child(1){display: block; height: 30px; float: left; font-size: 0.4rem; color: #272727; width: 50%;}
.payforfs span:nth-child(2){ display: block; height: 30px; float:right; text-align: right; font-size: 0.42rem; color:#35C620; width: 50%;}
.padyforbtn{cursor: pointer; width: 100%;padding: 3% 0%; border-radius:5px; background:#35C620; margin-top: 6%; text-align: center; font-size: 0.4rem; color: #FFF;}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  display: block;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
   -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.closebtn{position:absolute;    
    display: block;
    right: -10px; top: -10px;
    width: 30px;
    height: 30px;
    border-radius:100%;
    background: #FFF;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0px 0px 1px #CCC;
    
   }

.closebtn span{
	display: block;
	height: 12px;width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    margin: auto;
    background-color: #FF682C;
    -webkit-transition: all 0.3s ease-in 0.6s;
    -moz-transition: all 0.3s ease-in 0.6s;
    transition: all 0.3s ease-in 0.6s;
}
.closebtn .fristspan{
	-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}

.closebtn .secendspan{
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
 .closebtn .closebtns{
 	-webkit-transform: rotate(45deg) ;
    -moz-transform: rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:  rotate(45deg);
    transform: rotate(45deg);
}
.closebtn .closebtnss{
 	-webkit-transform:rotate(-45deg) ;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.xiqingbox{width: 100%; border-bottom: 5px solid #F2F2F2}
.alerttips{width:70%; position: absolute; z-index: 10000;left: 15%;top:20%; border-radius: 30px; height: 30px; line-height: 30px; background:rgba(31,159,255,0.8); font-weight: 300; color: #FFF; font-size: 0.34rem; text-align: center;}
/*登录注册*/
.mainbox_re{
	width: 100%;
	position: relative;
	 /* background:url(../images/registerbg.png) no-repeat  center;  */
	background:#fff;
	overflow: hidden;
}
.registerbox{width: 70%; margin-top:10%; margin-left: 15%; position: relative;}
.iphonemeber{display: block;padding: 10px 2%; width: 96%; background:rgba(255,255,255,0); border:0px; border-radius: 0px; border-bottom: 1px solid #F0f0f0; font-size: 0.4rem; color: #282828;margin-top:3rem;}
.yanzhengma{ margin-top: 5%;position: relative;width: 100%;}
.yanzhengma input{display: block;padding: 10px 2%; width: 96%; background:rgba(255,255,255,0); border:0px;  border-radius: 0px;  border-bottom: 1px solid #f0f0f0; font-size: 0.4rem; color: #282828;}
.yanzhengma span{font-size: 0.3rem; height: 20px; color: #568eff; top: 50%; margin-top:-10px; line-height: 20px; display: block; right: 0px; position: absolute; cursor: pointer;}

.loginbtn{width: 99%;  text-align: center; padding: 4% 0%; font-size: 0.4rem; color: #FFF; margin-top:40px; border-radius: 3px;background:#568EFF;}

.rebottext{height: 20px;width: 100%;text-align: center; font-size: 0.3rem;margin-top:0.5rem;}
.rebottext span{color:#999;}
.rebottext a{ color: #568eff; }

.wChatcont{
	width: 1.6rem;
	text-align: center;
	position: absolute;
	bottom: 4%;
	left: 50%;
	margin-left: -0.8rem;
}
.wchatlogo{width: 1rem;height: 1rem;display:block;margin-left:0.3rem;}
.wxlogin{font-size: 0.3rem;color: #3EB135;line-height:1.75;}

.errortips{position: absolute;  left: 0px ;right:0px; margin:auto; top:-40px; height: 20px; line-height: 20px; padding: 2% 0%; border-radius: 5px; background: rgba(0,0,0,0.7); color: #FFF; font-size: 0.35rem; text-align: center;}
.vvediozhlan{width: 100%; margin-top:0%;border: 0px solid #E3E3E3;border-radius: 0px;padding: 2.5% 0%;}

.vediozlanbox{height: 50px;width: 92%; padding: 0% 4%;}
.vedlanleft{ height: 50px; width: 50px; overflow: hidden; float: left;border-radius: 100%;}
.vedlanleft img{display: block; width: 100%;}
.vedlancenter{ float: left; height: 50px; margin-left:4%; }
.vedlancenter p:nth-child(1){height: 30px; line-height:30px; font-size: 0.32rem;color: #272727;}
.vedlancenter p:nth-child(2){height: 16px; line-height: 16px; font-size: 0.3rem; color: #999;}
.letisgo{height:50px; line-height: 50px; max-width:20%;  float: right;font-size: 0.3rem; color: #999; text-align:right;}

.letisgos{height:16px;  width:16px; float: right;text-align:right;margin-top:17px;}
.letisgos img{display: block; width: 100%;}

.vedioboxs{width: 100%; position: relative; z-index:10001;}
.replacepic{width: 100%; display: block; cursor: pointer;}
.vedioiconbtn{width: 50px; height: 50px; display: block;cursor: pointer; position: absolute; left: 0px; right: 0px; top: 30%;   margin: auto; z-index: 1000000;}
.vedioiconbtn img{display: block; width: 100%;}
.vedioshikan{margin-bottom: 4%; width: 100%;}
.vediotitle {width: 100%;font-size: 0.4rem; color:#272727; font-weight:bold; line-height: 150%; margin-top: 2%; }
.fujian{width: 92%; border-bottom: 5px solid #F2F2F2; padding: 0% 4%; position: relative; cursor: pointer;}
.fujian li{padding: 2% 0%; border-bottom: 1px solid #ECECEC; height: 30px; line-height: 30px; overflow: hidden; font-size: 0.35rem; color:#272727; font-weight: 300;}
.fujian li .words{height:20px; width: 20px; background: url(../images/wordicon.svg); background-size: 100%; margin-top: 5px; float: left;}
.textlists{float: left;height: 30px; line-height: 30px; margin-left: 10px;width: 80%; display: block; overflow: hidden;}
.fujian li .vedios{height:20px; width: 20px; background: url(../images/vediosicon.png); background-size: 100%; margin-top: 5px; float: left;}
.fujian li:last-child{border-bottom: 0px;}
#zlnextfujian{ padding-bottom: 2%; border: 0px; }

.status{position: absolute;padding:0.5% 2.5%; left: 2%; top: 3%; text-align: center; color:#FFF; font-size: 0.28rem; border-radius: 20px; z-index: 100;}
.no_vedio{background:rgba(255,77,77,0.8);}
.na_vedio{background:rgba(31,159,255,0.8);}
.ns_vedio{background:rgba(153,153,153,0.8);}

.anlixqbox{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10000; background: #FFF; display: none;}
.anlixqnei{height: 96%;width: 100%; overflow-y: scroll; padding-top: 4%;  overflow-scrolling: touch;  -webkit-overflow-scrolling: touch;}

.anlixqnei div:last-child{margin-bottom: 100px;}
.topclose{position:absolute;    
    display: block;
    bottom: 2%;
    width: 50px;
    height: 50px;
    left: 0px ;right:0px;
    border:1px solid #FF682C;
    border-radius:100%;
    background: #FFF;
    margin: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0px 0px 1px #CCC;
    
   }

.topclose span{
  display: block;
  height: 20px;width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    margin: auto;
    background-color: #FF682C;
    -webkit-transition: all 0.3s ease-in 0.6s;
    -moz-transition: all 0.3s ease-in 0.6s;
    transition: all 0.3s ease-in 0.6s;
}

.topclose .fristspan{

  -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}

.topclose .secendspan{

  -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}


 .topclose .closebtns{
  -webkit-transform: rotate(45deg) ;
    -moz-transform: rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:  rotate(45deg);
    transform: rotate(45deg);
}
.topclose .closebtnss{
  -webkit-transform:rotate(-45deg) ;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tipstime{ display: block; width: 100%; bottom: 0px; position: absolute;height: 20px; line-height: 20px; font-size: 0.4rem; color: #FFF; top: 0px;  text-align: center; margin: auto; }

.vvediozhlans{width:100%;   background: #F6F6F6;}
.vedioboxszhlan{ margin-top:40px; width: 92%; margin-left: 4%; margin-bottom: 4%;}

.zhlanbotplbox{height: 60px; width: 92%;padding:0% 4%; position: absolute; bottom: 0px; z-index: 10000; background: #FFF; border-top: 1px solid #ECECEC}
.zhlanbotplbox .needinput{display: block;height: 36px; line-height: 36px; width: 75%; float: left; padding-left: 4%; background:#F2F2F2; font-size: 0.38rem; color:#CACACA; margin-top: 12px; border-radius:20px; cursor: pointer;}

.zhlplzan{width: 20%; float: right;height:40px; margin-top:10px; cursor: pointer;}
.zhlplzan p{width: 18px; height: 18px; margin: 0px auto;}
.zhlplzan p img{display:block; width: 100%;}
.zhlplzan span{color: #999; font-size: 0.3rem;  height: 22px; line-height: 22px; display: block;text-align: center;}

.vedioboxszhlan audio{ width: 100%; }
.tipsnotext{padding: 20% 0%; text-align: center; font-size: 0.5em; color: #999;}
.shijian{width: 100%;font-size: 0.3rem; color: #999;padding: 1% 0%;}
#videoPlay{position: relative;z-index: 100000;}


#publicAlertDiv{    position: absolute;
    top: 40%;
    left: 20%;
    width: 60%;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    z-index: 1000;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    background: rgba(0,0,0,0.8);
 /*    display: none; */
}

.pclook{height: 20px; line-height: 20px;display: inline-block;position: relative; top: -3px;}
.pclook span:nth-child(1){width: 20px;height: 20px; display: block; float: left;}
.pclook span:nth-child(1) img{width: 20px; height: 20px; display: block;}
.pclook span:nth-child(2){ margin-left:10px; font-size: 0.3rem;color:#999; display: block; float: left;}

.zhehzoabox{position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.6); z-index: 100000; width: 100%; height: 100%;}
.alertpclook{width:80%; left: 10%; bottom:3%; position: absolute; background: #FFF; border-radius: 20px; padding-top: 2%;}
.closepclook{    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #666;
    font-size: 18px;
    position: absolute;
    top: -10px;
    right: -4px;
    background: #FFF;
    margin: auto;
    border-radius: 30px;
    cursor: pointer;}
.pclooktitle{font-size: 0.4rem; color: #333; text-align: center; padding-top: 4%;}
.pclookaddress,.pclookdtm{ text-align: center; padding:4% 0%; width: 80%; border-radius: 20px; background: #EEEEEF; font-size: 0.38rem; font-weight: 600; margin: 7% 10%; }
#vediostitles{height: 40px; line-height: 40px; padding:0 4%;text-align: center;background:#F6F6F6;}

.vedlancenter .marginb{margin-top:10px;}

/* 红包弹出框  */
.boxout{width: 100%; height: 100%; position: relative;display: none;}
.hbalertbox{width: 100%; height:100%; position: fixed; z-index:99999; left: 0px; top: 0px; background: rgba(0,0,0,0.9);}
.hongbaobox{width: 96%; margin-left:2%; height:90%; margin-top: 10%; background: #F0F0F2; border-radius: 8px;}
.noneed{ border-top: 1px solid #DDD;  width: 100%;  text-align: center; padding: 2% 0;  font-size: 0.35em; color: #999;}
.hblistbox{width: 96%; padding: 3% 2%; height:90%; overflow-y:scroll;}
.hb-tips{text-align: center; font-size: 0.35em; color:#999; padding: 2% 0;}
.hongbaoout{width: 100%; background: #FFF; border-radius:3px; margin-top: 4%;}
.botboxchose{width:94%; padding:2% 3%; background:#FAFAFA; border-top: 1px solid #EFEFEF;}
.topboxtitle{width:94%; padding: 2% 3%; position: relative;}
.hb-title{width: 80%;font-size: 0.38em; color: #282828;}
.hb-time{width: 80%;font-size: 0.3em; color: #777; margin-top:2%;}
.topboxtitle span{position: absolute; right:4%;top:30%; color:#FF4D4D; font-size: 0.4em;}
.zhanghaoleft{width:70%; height: 20px;line-height: 20px; float: left; font-size:0.3em;color: #999;}
.rightchose{width:20px; height:20px; border: 1px solid #EEE; float: right; border-radius:3px; background: #FFF;}
.rightchose img{display: block; width: 20px; height: 20px;}

/* 红包弹出框  */
.chosehongbao{height:30px; float:right;width:50%;line-height:30px;}
.chosehongbao em{display:block; color:#FF682C; font-size:0.35em;float:right;}
.chosehongbao p{height:14px; width:14px; margin-top:8px; float:right; margin-left:5px; margin-right:-5px;}
.chosehongbao p img{display:block;width:100%;}

.logintitle{font-size: 0.53rem;color: #282828;font-weight: 900;text-align: center;margin-top:1rem; }

/* 侧边栏 */
.aside {
    position: fixed;
    bottom: 20%;
    right: 3%;
    color: #111111;
    font-size: 0.22rem;
    background: #fff;
    box-shadow: 0rem 0rem 0.2rem 0rem rgba(0, 0, 0, 0.1);
    border-radius: 2em;
    padding: 0.2rem 0.1rem 0;
    text-align: center;
    z-index: 9999; 
    padding: 3% 1% 0;
}
.aside li {
    margin-bottom: 0.26rem;
}
.aside li p {
    margin-top: 0.05rem;
    color: #111111;
    font-weight: 600;
}
.appdown_mask{
    width:100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position:fixed;
    left: 0;
    top: 0;
    z-index: 999999999;
    text-align: center;
    display: none;                                        
}
.appdown_cont{
    width: 75%;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    margin: 40% auto 0;
    padding: 12% 0 5%;
}
.appdown_cont p{
    font-size: 0.3rem;
}
.down_btn{
    margin: 10% auto 0;
    width: 4rem;
    height: 0.7rem;
    font-size: 0.28rem;
    border-radius: 2em;
    color: #fff;
    background: #1E69FF;
    text-align: center;
    line-height: 0.7rem;
    
}
.close_app{
   margin-top: 10%;
}

.baiyigundongbox {
            width: 100%;
            margin-top: 6%;
            margin-bottom: 6%;
        }
        
        .byleftbox {
            font-size: 0.4rem;
            color: #000;
            font-weight: bold;
            float: left;
            width: 50%;
        }
        
        .byrightbox {
            float: right;
            color: #999;
            font-size: 0.26rem;
            width: 50%;
            text-align: right;
            margin-top: 1.5%;
        }
        
        .byrightbox span {
            color: #1E69FF;
        }
        
        .bydtbotbox {
            width: 94%;
            padding: 3%;
            box-shadow: 0px 0px 4px #EFEFEF;
            margin-top: 4%;
        }
        
        .bydtbrightbox {
            float: right;
            color: #FFF;
            background: #1E69FF;
            border-radius: 20px;
            font-size: 0.24rem;
            padding: 0% 2.5%;
            box-shadow: 0px 0px 2px #1E69ff;
            cursor: pointer;
            height: 24px;
            line-height: 24px;
            width: 16%;
            text-align: center;
        }
        
        .bydtbleft {
            font-size: 0.3rem;
            height: 24px;
            width: 79%;
            float: left;
            line-height: 24px;
            overflow: hidden;
            color: #000;
        }
        
        .bydtbleft p{
            width:100%;
            overflow:hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow:ellipsis;
        }
        
        .bydtbleft span {
            color: #666;
            margin-right: 1%;
        }
        
        .alertzikeshi {
            position: fixed;
            width: 100%;
            z-index: 1000000;
            height: 100%;
            background: rgba(0, 0, 0, 1);
            left: 0;
            top: 0;
            display:none;
        }
        
        .payalertbox {
            position: absolute;
            top: 10%;
            width: 80%;
            left: 10%;
        }
        
        .payfottopbox {
            background: #FFF;
            border-radius: 5px;
            padding: 8%;
        }
        
        .payfottopbox p:nth-child(1) {
            width: 13%;
            margin: 2% auto;
        }
        
        .payfottopbox p:nth-child(1) img {
            display: block;
            width: 100%;
        }
        
        .payfottopbox p:nth-child(2) {
            text-align: center;
            font-size: 0.36rem;
            color: #333;
        }
        
        .payfottopbox p:nth-child(3) {
            background: #FF6A15;
            margin-top: 4%;
            padding: 4% 0;
            text-align: center;
            color: #FFF;
            border-radius: 20px;
            font-size: 0.3rem;
        }
        
        .payforcolose {
            margin-top: 12%;
            height: 50px;
            width: 50px;
            margin: 4% auto;
            border: 2px solid #FFF;
            line-height: 45px;
            font-size: 30px;
            color: #FFF;
            text-align: center;
            border-radius: 100px;
        }