@charset "utf-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  font-size: 100%;
}
a {
  text-decoration: none;
  outline: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body {
  height: 100%;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  clear: both;
}
* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  width: 100%;
}
html,
body {
  min-height: 100%;
  position: relative;
  font-size: 0.2rem;
  background: #fff;
}
input,
textarea {
  -webkit-appearance: none;
}
/**
 * border1px手机端解决方法    
 */
.wrapper {
  width: 7.5rem;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  min-height: 19.56rem;
  padding-top: 0.25rem;
  box-sizing: border-box;
  background: url(../img/bg.jpg) no-repeat #000000;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.tou_num{
	width: 7.5rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 0.44rem;
	margin-bottom: 0.44rem;
}
.tou_num .tou_nums{
	width: 2.5rem;
	text-align: center;
	color: #FFFFFF;
}
.tou_nums p{
	font-weight: bold;
	font-size: 0.4rem;
	line-height: 0.4rem;
  margin-bottom: 0.16rem;
}
.tou_nums span{
	font-size: 0.3rem;
	line-height: 0.3rem;
}
.dao{
	width: 6.8rem;
	height: 3.4rem;
	background: #FFFFFF;
	border-radius: 0.5rem;
	margin: 0 auto;
	padding: 0.4rem 0.54rem;
	box-sizing: border-box;
}
.dao-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #818181;
	font-size: 0.3rem;
}
.dao-top .dao-tl{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.dao-top .dao-tl img{
	width: 0.37rem;
	height: 0.39rem;
	margin-right: 0.1rem;
}
.dao-top .dao-tr a{
	color: #818181;
}
.dao-time{
	color: #4b4b4b;
	font-size: 0.46rem;
	text-align: center;
	margin-top: 0.5rem;
}
a.dao-btn{
	display: block;
	width: auto;
	height: auto;
	margin: 0.4rem auto 0;
}
a.dao-btn img{
	width: 100%;
	height: 100%;
}
p.end-time{
	text-align: center;
	font-size: 0.5rem;
	color: #4b4b4b;
	margin: 0.4rem auto 0;
}
.news-ul{
	width:7.04rem;
	height: 0.38rem;
	margin: 0.46rem auto 0.38rem;
	font-size: 0.32rem;
}
.news-ul .on {
	color: #ec3a50;
	font-weight: bold;
}
.news-ul a{
	float: left;
	display: block;
	width: 2.34rem;
	height: 0.38rem;
	line-height: 0.38rem;
	text-align: center;
	color: #fff;
}
.news-con{
	text-align: center;
}
.news-con ul{
	overflow: hidden;
	width: 6.8rem;
	margin: 0 auto;
	
}
.news-con ul li{
	width: 3.32rem;
	float: left;
	height: 5.37rem;
	background: #FFFFFF;
	color: #4B4B4B;
	position: relative;
	margin-bottom: 0.3rem;
}
.news-con ul li:nth-child(2n){
	float: right;
}
.news-con ul li img{
	width: 3.32rem;
	height: 2.27rem;
}
.news-con ul li .con-name{
	font-size: 0.36rem;
	line-height: 0.36rem;
	margin-top: 0.21rem;
	height: 0.36rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap; 
}
.news-con ul li .con-nick{
	font-size: 0.32rem;
	line-height: 0.32rem;
	margin-top: 0.18rem;
}
.news-con ul li .con-num{
	font-size: 0.36rem;
	line-height: 0.36rem;
	margin-top: 0.17rem;
}
.news-con ul li a.con-btn{
	display: block;
	margin: 0.3rem auto 0rem;
	width: 2.57rem;
	height: 0.72rem;
	background: url(../img/btn_tou.png) no-repeat;
	-webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.news-con ul li a.con-btned{
	display: block;
	margin: 0.3rem auto 0rem;
	width: 2.57rem;
	height: 0.72rem;
	background: url(../img/tou_ed.png) no-repeat;
	-webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
/*.news-con ul li a.con-btn img{
	width: 2.57rem;
	height: 0.72rem;
}*/
.news-con ul li .con-pai{
	width: 0.61rem;
	height: 0.56rem;
	line-height: 0.56rem;
	position: absolute;
	top: 0;
	left: 0.12rem;
	color: #FFFFFF;
	font-size: 0.3rem;
	text-align: center;
	background: url(../img/tou_libg.png) no-repeat;
	-webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.news_page{
  text-align: center;
  font-size: 0;
  width: 100%;
  overflow: hidden;
  margin: 0.2rem auto;
}
.news_page a {
  background: #d1d2d4;
  font-size: 0.14rem;
  height: 0.3rem;
  line-height: 0.3rem;
  margin-right: 0.05rem;
  text-align: center;
  text-decoration: none;
  padding: 0 0.1rem;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
}
.news_page a.active {
  background: #f34854;
  color: #fff;
}
.nav{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 7.5rem;
	height: 1.08rem;
	background: url(../img/navbg.png) no-repeat;
	-webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: fixed;
  bottom: 0;
  text-align: center;
  color: #FFFFFF;
}
.nav .nav-li{
	display: block;
	width: 1.875rem;
	height: 1.08rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
    color: #fff;
}
.nav .nav-li img{
	width: 0.45rem;
	height: 0.45rem;
}
.nav .nav-li:nth-child(1) img{
	height: 0.44rem;
}
.nav .nav-li:nth-child(2) img{
	width: 0.42rem;
	height: 0.41rem;
}
.nav .nav-li:nth-child(4) img{
	width: 0.37rem;
	height: 0.4rem;
}
/*投票详情页*/
.xx{
	width: 6.8rem;
	margin: 0.7rem auto 0;
}
.xx img{
	width: 6.8rem;
	height: 6.1rem;
}
.xx .xx-con{
	background: #FFFFFF;
	border-radius: 0.4rem;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 0.48rem;
	margin-top: -0.12rem;
	padding-bottom: 0.6rem;
}
.xx .xx-con .xx-top{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.94rem;
}
.xx .xx-con .xx-top .xx-tli{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 2.66rem;
	height: 0.96rem;
	color: #4b4b4b;
	text-align: center;
}
.xx-tli .xx-num{
	font-size: 0.4rem;
	font-weight: bold;
	line-height: 0.4rem;
}
.xx-tli .xx-numwz{
	font-size: 0.3rem;
	line-height: 0.3rem;
}
.xx .xx-des{
	width: 5.96rem;
	/*height: 1.71rem;*/
	border-radius: 0.4rem;
	background: #f0f2f2;
	margin: 0 auto 0.3rem;
  overflow: hidden;
  padding-bottom: 0.34rem;
}
.xx .xx-name{
	color: #4B4B4B;
	font-size: 0.36rem;
	margin-left: 0.36rem;
	margin-bottom: 0.14rem;
	box-sizing: border-box;
	padding-top: 0.34rem;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}
.xx .xx-nick{
	color: #9fa0a0;
	font-size: 0.32rem;
	margin-left: 0.36rem;
	margin-bottom: 0.14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.xx .xx-wz{
	color: #9fa0a0;
	font-size: 0.32rem;
	margin-left: 0.36rem;
	margin-bottom: 0.14rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 0.14rem;
}
.xx .xx-xxbg{
	width: 5.49rem;
	height: 1.29rem;
	margin: 0.24rem auto 0;
	background: url(../img/nick_bg.png) no-repeat;
	-webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.62rem;
  padding-left: 0.5rem;
  color: #9fa0a0;
  font-size: 0.32rem;
}
.mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 33;
}
a.play-video{width: 5.96rem;height: 4.07rem;display: block;position: relative;margin: 0.6rem auto 0;}
a.play-video i{width: 0.88rem;height: 0.88rem;background: url(../img/video_btn.png) no-repeat;position: absolute;top: 1.6rem;left: 50%;-webkit-background-size: 100% 100%;background-size: 100% 100%;transform: translate(-50%,0);}
a.play-video img{display: block;width: 5.96rem;height: 4.07rem;}
a.play-video p{text-align: justify;display: block;margin-top: 0.66rem;margin-left: 0.44rem;float: left; width: 3rem; color: #333333; font-size: 0.28rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
a.play-video p em{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2;font-size: 22px;display: block;color: #000;text-align: left;}
a.play-video .tab-tc{width: 5.96rem;height: 4.07rem;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;}
/* 视频 */
.pu-video-box{position: relative;}
.video-play{width: 7rem;height: 3.94rem;border: 0px solid #999999;}
.btn-close-public{font-size:0;display:block;width:52px;height:52px;background:url(//game.gtimg.cn/images/yrzx/m/m202003/m/dia-close.png) no-repeat;background-size:100%;position:absolute;right:0px;top:-52px;}
.winpop-video{width: 7rem;height: 3.94rem;border: 0px solid #999999;margin: -2rem 0 0 -3.5rem;}
.winpop-video video{width: 7rem;height: 3.94rem;}
.winpop_close.winpop_closevideo{position: absolute;top: -0.54rem;}
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-3.5rem; margin-top: -2.1rem; z-index:100; width:7rem; height:3.64rem; }
.videos video{width: 7rem;height: 3.64rem;}
.vclose { position:absolute;right:-0.26rem; top:-0.54rem; cursor: pointer;width: 0.54rem;height: 0.54rem;}

.xx-bottom{
	width: 6.8rem;
	height: 1.59rem;
	background: url(../img/xx_bbg.png) no-repeat;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	margin-top: 0.5rem;
}
.xx-bottom a{
	display: block;
	width: 3.4rem;
	height: 1.59rem;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 0.36rem;
}
.xx-bottom a img{
	width: 0.29rem;
	height: 0.31rem;
	margin-right: 0.14rem;
}
.xx-bottom a:nth-child(2) img{
	width: 0.32rem;
	height: 0.32rem;
}
/*规则*/
.gz-img{
	width: 6.8rem;
	height: 4.45rem;
	margin: 0 auto 0.78rem;
}
.gz-con{
	color: #4b4b4b;
	font-size: 0.24rem;
	background: #FFFFFF;
	width: 6.8rem;
	height: auto;
	padding: 0.42rem 0.26rem;
	margin: 0 auto;
	border-radius: 0.4rem;
}
.gz-con-des{
	margin-bottom: 0.64rem;
	text-align: justify;
	line-height: 0.42rem;
}
.gz-con-des .gz-title{
	text-align: center;
	font-size: 0.36rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.3rem;
}
.gz-con-des .gz-title img{
	width: 0.52rem;
	height: 0.4rem;
	margin: 0 0.2rem;
}
.gz-nei{
	color: #4B4B4B;
	font-size: 0.28rem;
	font-weight: bold;
	line-height: 0.44rem;
	text-align: left;
	margin-left: 0.44rem;
}
/*排行榜*/
.paihang{
	overflow: hidden;
}
.paihang .ph-title{
	text-align: center;
	font-size: 0.36rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.2rem;
	color: #FFFFFF;
}
.paihang .ph-title img{
	width: 0.52rem;
	height: 0.4rem;
	margin: 0 0.2rem;
}
/*排行下拉*/
.position-rel {
	position: relative;
	width: 6.8rem;
	height: 0.96rem;
	line-height: 0.96rem;
	margin: 0 auto 0.3rem;
}
.position-rel input{
	background: #FFFFFF;
	color: #292929;
	font-size: 0.36rem;
	text-align: center;
	border: none;
	border-radius: 0.2rem;
	width: 6.8rem;
	height: 0.96rem;
}
.bank_xljt1 {
	height: 0.96rem;
	position: absolute;
	width: 100%;
	top: 0
}
.bank_xljt {
	position: absolute;
	right: 0;
	top: 0;
	width: 0.96rem;
	height: 0.96rem;
	line-height: 0.96rem;
	text-align: center;
	text-align: center;
	transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.bank_xljt img{
	width: 0.32rem;
	height: 0.17rem;
}
.jt_xz {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}
.bank_xl {
	width: 6.8rem;
	z-index: 1;
	background: #fff;
	margin: 0 auto;
	border-radius: 0.2rem;
	text-align: center;
	font-size: 0.3rem;
	position: absolute;
	left: 0.35rem;    
	margin-top: -0.3rem;
}
.bank_xl>ul>li {
	width: 6.8rem;
	color: #292929;
	height: 0.7rem;
	line-height: 0.7rem;
	border-bottom: 0.01rem solid #e5e5e5;
}
.bank_xl>ul>li:last-child{border: none;}
.bank_xl>ul>li>a {
	display: block;
	width: 6.8rem;
	color: #4B4B4B;
	height: 0.7rem;
	line-height: 0.7rem
}
.pai-ul{
	width: 6.8rem;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.pai-ul li{
	width: 100%;
	height: 1.14rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
	margin-bottom: 0.08rem;
	justify-content: flex-start;
	padding: 0 0.3rem;
	box-sizing: border-box;
	overflow: hidden;
}
.pai-ul li .paiul-pai{
	width: 0.52rem;
	height: 0.52rem;
	line-height: 0.52rem;
	background: url(../img/jiangbg.png) no-repeat;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
	font-size: 0.3rem;
	text-align: center;
	color: #FFFFFF;
	margin-right: 0.26rem;
}
.pai-ul li:nth-child(1) .paiul-pai{
	background: url(../img/jiang1.png) no-repeat;
	line-height: 0.4rem;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
}
.pai-ul li:nth-child(2) .paiul-pai{
	background: url(../img/jiang2.png) no-repeat;
	line-height: 0.4rem;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
}
.pai-ul li:nth-child(3) .paiul-pai{
	background: url(../img/jiang3.png) no-repeat;
	line-height: 0.4rem;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
}
.pai-ul li img{
	width: 0.68rem;
	height: 0.68rem;
	margin-right: 0.2rem;
	border-radius: 50%;
}
.pai-ul li .paiul-num{
	text-align: left;
	width: 1.2rem;
	color: #292929;
	font-size: 0.36rem;
	margin-right: 0.1rem;
}
.pai-ul li .paiul-name{
	text-align: left;
	width: 2rem;
	color: #292929;
	font-size: 0.36rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap; 
}
.pai-ul li .paiul-code{
	text-align: right;
	width: 1.6rem;
	color: #292929;
	font-size: 0.36rem;
	font-weight: bold;
	float: right;
}
.pai-ul li .paiul-code span{
	color: #ec3a50;
}
.bao{
	width: 6.8rem;
	padding: 0.34rem;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 0.4rem;
	margin: 0.5rem auto 0;
	height: auto;
}
.bao-title{
	color: #292929;
	font-size: 0.32rem;
	line-height: 0.32rem;
	
}
.bao-line{
	width: 100%;
	height: 0.02rem;
	background: #b0b0b0;
	margin: 0.3rem auto 0;
}
.item-group{
	height: 1.2rem;
	/*border-bottom: 0.02rem solid #bfc0c0;*/
}
.item-group label{
	color: #ed091f;
	font-size: 0.32rem;
	display: block;
	line-height: 0.32rem;
  margin-bottom: 0.3rem;
  margin-top: 0.3rem;
}
.item-group select{
	height: 0.5rem;
	line-height: 0.5rem;
	color: #b0b0b0;
	font-size: 0.24rem;
	width: 2.6rem;
	border: 0.01rem solid #b0b0b0;
}
.item-group input{
	color: #b0b0b0;
	font-size: 0.24rem;
	border: none;
  height: 0.5rem;
	line-height: 0.5rem;
	width: 2.6rem;
	border: 0.01rem solid #b0b0b0;
}
.item-group textarea{
	width: 100%;
	height: 2rem;
	border: 0.01rem solid #b0b0b0;
}
.item-group-desc label{
	color: #bcbcbc;
}
.item-group-desc{
	height: auto;
}
input[type='checkbox']{
	width: 0.3rem;
	height: 0.3rem;
	vertical-align:middle;
	opacity: 0;

}
.input_style{
	background: url(../img/check.png) no-repeat;
	width: 0.3rem;
	height: 0.3rem;
	display: inline-block;
}
.checkbox_bg{
	background: url(../img/check.png) no-repeat;
	-webkit-background-size: 100% 100%; background-size: 100% 100%;
}
.checkbox_bg_check{
	background: url(../img/checked.png) no-repeat;
	-webkit-background-size: 100% 100%; background-size: 100% 100%;
}
.check{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 0.3rem;
	line-height: 0.3rem;
	margin-bottom: 0.6rem;
}
.check p{
	margin-left: 0.12rem;
	font-size: 0.24rem;
	color: #373737;
}
.check p a{
	color: #EC3A50;
}



.img_box ul{
	overflow:hidden;
}

.img_box ul li{
	float: left;
	width: 1.5rem;
	height: 1.5rem;
	position:relative;
	cursor: pointer;
}
.img_box ul li img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
}
button.submit_btn{
	width: 5.72rem;
	height: 0.68rem;
	background: url(../img/tijiao.png) no-repeat;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
	border: none;
}
.img_box ul .add_btn{
	border: 0.01rem solid #b0b0b0;
	background: url(../img/add.png) no-repeat;
	cursor: pointer;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
}
.upload-file {
	position: relative;
	background: url('../img/add.png') no-repeat;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
	height: 120px;
	order: 9;
	width: 1.5rem;
	height: 1.5rem;
}
.upload-piclist {
	padding: 0 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(3, 1.5rem);
	justify-content: space-between;
	grid-gap: 14px
}
#file {
	width: 100%;
	height: 100%;
	opacity: 0
}
.upload-Picitem {
	width: 1.5rem;
	height: 1.5rem;
}
.upload-Picitem>img {
	width: 1.5rem;
	height: 1.5rem;
	object-fit: cover
}
.center{
	width: 6.78rem;
	height: 0.56rem;
	margin: 0 auto;
	border: 0.01rem solid #FFFFFF;
	border-radius: 0.4rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.center input{
	width: 6rem;
	height: 0.54rem;
	line-height: 0.54rem;
	border: none;
	color: #FFFFFF;
	background: none;
	font-size: 0.24rem;
}
.center img{
	width: 0.33rem;
	height: 0.33rem;
}
.center a.btn_clear{
	display: block;
	width: 0.33rem;
	height: 0.33rem;
}
.center input::-webkit-input-placeholder {
	color: #fff;
}

.center input::-moz-placeholder {
	color: #fff;
}

.center input:-moz-placeholder {
	color: #fff;
}

.center input:-ms-input-placeholder {
	color: #fff;
}
.auto_hidden {
	width:6rem;
	border: 1px solid #333;
	border-top: 0;
	position:absolute;
	display:none;
}
.auto_show {
	width: 6rem;
	border: 1px solid #333;
	border-top: 0;
	position:absolute;
	z-index:9999; /* 设置对象的层叠顺序 */
	display:block;
}
.auto_onmouseover{
	color:#ffffff;
	background-color:highlight;
	width:100%;
}
.auto_onmouseout{
	color:#000000;
	width:100%;
	background-color:#ffffff;
}
.auto_onmouseout a{
	color: #212121;
}
/*侧面导航样式*/
.scrollsidebar {
	position: absolute;
	z-index: 33;
	top: 50%;
	right: 0;
	width: 2.21rem;
	height: 0.85rem;
}

.side_content {
	width: 2.21rem;
	height: 0.85rem;
	overflow: hidden;
	float: left;
}
.side_content ul{
	overflow: hidden;
	width: 2.21rem;
	height: 0.85rem;
}
.side_content ul li{
	width: 2.21rem;
	height: 0.85rem;
	background: url(../img/srcollbg.png) no-repeat;
	-webkit-background-size: 100% 100%;background-size: 100% 100%;
	
}
.side_content ul li #load img{
	width: 1.12rem;
	height: 0.42rem;
}
.side_content ul li a{
	line-height: 0.85rem;
	color: #e1432f;
	font-size: 0.32rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.21rem;
	height: 0.85rem;
}
.side_content ul li .scroll_div{
	line-height: 0.85rem;
	color: #e1432f;
	font-size: 0.32rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.21rem;
	height: 0.85rem;
}
.dis-n{
	display: none;
}
.winpop {
  width: 6.69rem;
  height: 4.36rem;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -1.96rem 0 0 -3.35rem;
  background: url(../img/winpop-bg.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: 6666;
  /*display: none;*/
}
.winpop .winpop-wrap {
  box-sizing: border-box;
  padding: 0rem 0 0 0;
  overflow: hidden;
  position: relative;
}
.winpop .winpop_close{
	width: 0.47rem;
  height: 0.47rem;
  position: absolute;
  right: 0.12rem;
  top: 0.12rem;
  background: url("../img/close.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.code_form {
  padding: 1.25rem 0.87rem 0 1.66rem;
}
.code_form li {
  margin-bottom: 0.27rem;
  position: relative;
}
.code_form li input {
  width: 100%;
  height: 0.67rem;
  line-height: 0.67rem;
  padding: 0;
  outline: none;
  border: none;
  color: #a1a1a1;
  font-size: 0.28rem;
}
.code_form li .code {
  width: 2.12rem;
  height: 0.67rem;
  position: absolute;
  right: 0;
  top: 0;
}
.code_form li .code{
  color: #6255d6;
  font-size: 0.28rem;
  width: 1.6rem;
  height: 0.56rem;
  text-align: center;
  line-height: 0.56rem;
  margin-top: 0.13rem;
  border: 0.01rem solid #6255d6;
}
.winpop-btn{
  width: 2.24rem;
  height: 0.86rem;
  margin: 0.4rem auto 0;
}
.winpop-btn a.btn {
  width: 2.24rem;
  height: 0.86rem;
  display: block;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
  animation-duration: 0.3s;
  -webkit-animation-name: fadeInUpSmall;
  -webkit-animation-duration: 0.3s;
}
.mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 33;
}
.side_content ul li div span{
    width: 1.69rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-left: 0.1rem;
}
.side_content ul li div a.scroll_img{
	width: 0.42rem;
  height: 0.36rem;
}
.side_content ul li a.scroll_a{
	display: block;
	width: 1.69rem;
	height: 0.85rem;
}
a.replace{
    display: inline-block;
    width: 0.42rem;
    height: 0.36rem;
}
.side_content ul li div img{
    width: 0.42rem;
    height: 0.36rem;
}
.side_content ul li a p{
    width: 2.21rem;
    height: 0.85rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-left: 0.1rem;
    display: flex;
    align-items: center;
}
/*个人中心内容*/
.wrapper2{
    width: 7.5rem;
    margin: 0 auto;
    position: relative;
    padding-top: 1.9946rem;
    box-sizing: border-box;
    height: 13.34rem;
    background: url(../img/bg2.jpg) no-repeat #addcec;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.list{
    width: 6.14rem;
    height: auto;
    margin: 0rem auto 0;
}
.list ul{
    background: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 0.01rem solid #142c8e;
    border-top: none;
}
.list ul li{
    text-align: center;
    font-size: 0.16rem;
    color: #141d7a;
}
.heji{
    height: 0.24rem;
    line-height: 0.24rem;
    color: #FFFFFF;
    font-size: 0.22rem;
    font-weight: bold;
    margin-bottom: 0.52rem;
    margin-left: 5.78rem;
}