.header{
	position: relative;
	width:100%;
	height: 9.5rem;
	background: url(../images/header-bg.png) no-repeat;
	background-size: 100%;
}
.header .logo{
	position: absolute;
	left:.5rem;
	top:1rem;
	width: 1.52rem;
}
.header .txt02{
	position: absolute;
	left:1.5rem;
	top:5rem;
	width:6.58rem;
	width: 4.4rem;
	height:.73rem;
	line-height:.73rem;
	text-align:center;
	font-size:.28rem;
	color:#fff;
	background: linear-gradient(135deg, #1C1E20 0%, #0C0D0D 100%);
	border-radius: .32rem;
}
.header .header-txt{
	position: absolute;
	left:.5rem;
	top:2.4rem;
	width:6.58rem;
}

.header .experience-enter{
	position: absolute;
	top:6rem;
	left:0;
	width: 100%;
	text-align: center;
}
.header .experience-enter .btn01 {
	transition: .3s;
	display: inline-block;
	margin-right: .2rem;
	width: 3rem;
	height: .95rem;
	line-height:.95rem;
	background-color: #fff;
	border-radius: 60px;
	text-align: center;
	font-size: .36rem;
	font-weight: bold;
	color: #020242;
}

.header .experience-enter .btn02 {
	transition: .3s;
	display: inline-block;
	vertical-align: top;
	width: 3.7rem;
	height: .95rem;
	background-color: #3be8f5;
	border-radius: 60px;
	text-align: center;
}
.header .experience-enter .btn02 .p01 {
	margin-top: .05rem;
	font-size: .36rem;
	font-weight: bold;
	color: #032f32;
}

.header .experience-enter .btn02 .p02 {
	font-size: .24rem;
	color: #032f32;
}

.header .experience-enter a {
	text-decoration: none;
}
.header .experience-introduce {
	position: absolute;
	top: 7.4rem;
	left: 0;
	width:100%;
}
.header .experience-introduce p{
	padding: 0 .4rem;
	line-height: .4rem;
	font-size:.24rem;
	color: #fff;
}
.menu {
	padding: 0 .2rem;
	height: .9rem;
	line-height: .9rem;
	background-color: #3321ef;
	font-size: .3rem;
	display: flex;
}

.menu a {
	display: inline-block;
	flex: 1;
	text-align: center;
	color: #d1cdfa;
	text-decoration: none;
}

.menu a:last-child {
	margin-right: 0px;
}

.menu .active {
	background-color: #2b1bd5;
	font-weight: bold;
}
.van-tabs__nav--card{
	margin: 0;
	height: .9rem;
	line-height: .9rem;
	border:0;
}
.van-tabs__nav--card .van-tab{
	border-right: 0;
}
.van-tabs__nav--card .van-tab.van-tab--active{
	background-color: #2B1BD5;
}
.experience-intro {
	padding: .6rem .3rem;
}

.experience-hd {
	width: 100%;
	text-align: center;
	margin-bottom: .5rem;
}



.experience-intro .experience-intro-bd .experience-intro-item .hd {
	width: 2rem;
	height: .68rem;
	font-size: .26rem;
	color: #fff;
	line-height: .68rem;
	text-align: center;
	background: url(../images/short-nav.png) no-repeat;
	background-size:100%;
}

.experience-intro .experience-intro-bd .item-a .bd {
	padding: .5rem .1rem;
	font-size: .28rem;
	color: #fff;
	line-height: .5rem;
}

.experience-intro .experience-intro-bd .item-b .bd {
	overflow: hidden;
	padding: .5rem 0;
}

.experience-intro .experience-intro-bd .item-b .item {
	display: inline-block;
	width:50%;
	height: 2.4rem;
	float: left;
	text-align: center;
}
.experience-intro .experience-intro-bd .item-b .item .icon{
	display: inline-block;
	height: .97rem;
	overflow: hidden;
}
.experience-intro .experience-intro-bd .item-b .item .icon01{
	display: inline-block;
	width:.77rem;
	height: .97rem;
}
.experience-intro .experience-intro-bd .item-b .item .icon02{
	display: inline-block;
	width:.96rem;
	height: .97rem;
}
.experience-intro .experience-intro-bd .item-b .item .icon03{
	display: inline-block;
	width:.89rem;
	height: .97rem;
}
.experience-intro .experience-intro-bd .item-b .item .icon04{
	display: inline-block;
	width:.91rem;
	height: .97rem;
}

.experience-intro .experience-intro-bd .item-b .item .txt {
	margin-top: .2rem;
	font-size: .28rem;
	color: #fff;
}

.experience-intro .experience-intro-bd .item-c .bd {
	padding: .5rem 0 0 .2rem;
	overflow: hidden;
	width:100%;
}

.experience-intro .experience-intro-bd .item-c .bd .item {
	float: left;
	margin:0 .1rem .6rem 0;
	height: 1.42rem;
	position: relative;
}

.experience-intro .experience-intro-bd .item-c .bd .item:last-child {
	margin-right: 0;
}

.experience-intro .experience-intro-bd .item-c .bd .item01 {
	width: 3.1rem;
	background: url(../images/baozhang01.png) no-repeat;
	background-size: 100%;
}

.experience-intro .experience-intro-bd .item-c .bd .item02 {
	width: 3.2rem;
	background: url(../images/baozhang02.png) no-repeat;
	background-size: 100%;
}

.experience-intro .experience-intro-bd .item-c .bd .item03 {
	margin: 0 auto;
	width: 4.62rem;
	background: url(../images/baozhang03.png) no-repeat;
	background-size: 100%;
	margin-left: 1rem;
}

.experience-intro .experience-intro-bd .item-c .bd .item .txt {
	position: absolute;
	left: 0;
	bottom: .28rem;
	font-size: .3rem;
	color: #fff
}

.experience-intro .experience-intro-bd .item-c .bd .item01 .txt {
	left: .8rem;
}

.experience-intro .experience-intro-bd .item-c .bd .item02 .txt {
	left: .96rem;
}

.experience-intro .experience-intro-bd .item-c .bd .item03 .txt {
	left: 1.2rem;
	bottom:.2rem;
}

/*体验感受*/
.experience-feel {
	padding: .3rem;
}
.experience-feel .experience-feel-items {
	position: relative;
	margin-bottom: .8rem;
	
}
.experience-feel .experience-feel-items .experience-feel-top{
	width:2.27rem;
	height:.67rem;
}

.experience-feel-items .experience-cars {
	position: absolute;
	top: -.03rem;
    right: 0;
	padding: 0 .2rem;
	width: 3.6rem;
	height: .7rem;
	line-height: .7rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:normal;
	font-size: .24rem;
	text-align: center;
	color: #fff;
	background: url(../images/cars-name.png) no-repeat;
	background-size:100% :100%;
}
.experience-feel .experience-feel-items .experience-feel-hd {
	padding-top: .1rem;
	
}

.experience-feel .experience-feel-items .experience-feel-bd {

}

.experience-feel-hd .left{
	padding: .2rem;
	margin-bottom: .1rem;
	height: 3.77rem;
	background: url(../images/ganshou-hd.png) no-repeat;
	background-size:100% 100%;
}
.experience-feel-hd .left .echarts-box{
	display: flex;
	padding: .1rem .2rem .1rem .1rem;
	height: 2.06rem;
	background: #fff;
	border-radius: .08rem;
}
.experience-feel-hd .left .echarts-box .behavior{
	width:2.6rem;
	height:1.9rem;
}
.experience-feel-hd .left .echarts-box .info{
	flex:1;
}
.experience-feel-hd .personal-box {
	display: flex;
	margin-bottom: .2rem;
	padding: 0 .12rem 0 0;
	overflow: hidden;
}
.experience-feel-hd .left .echarts-box .info h3{
	margin-bottom: .1rem;
}
.experience-feel-hd .left .echarts-box .info p{
	padding: .1rem;
	height: 1.4rem;
	background: #F2F2F2;
	border-radius:.08rem;
	font-size:.20rem;
	line-height: .38rem;
	color:#333;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
}
.experience-feel-hd .personal-box .personal-avatar {
	margin-right: .1rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	text-align: center;
	background: url(../images/avatr-bg.png) no-repeat;
	background-size: 100%;
}

.experience-feel-hd .personal-box .personal-avatar img {
	margin: 2px 0 0 1px;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
}

.experience-feel-hd .personal-box .personal-info {
	flex:1;
}

.experience-feel-hd .personal-box .personal-info li {
	float:left;
	width:50%;
	font-size: .16rem;
	font-weight: 400;
	color: #fff;
	height:.36rem;
	line-height: .36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.experience-feel-hd .personal-box .personal-info .long{
	width:80%;
}

.experience-feel-hd .top-box {
	display: -webkit-flex; /* Safari */
	display: flex;
	padding: 0px .2rem .2rem .2rem;
}

.experience-feel-hd .top-box .personal-avatar {
	position:relative;
	margin-right: .2rem;
	width: .9rem;
	height: .9rem;
	border-radius: 50%;
	text-align: center;
	background: url(../images/avatr-bg.png) no-repeat;
	background-size: 100% 100%;
}

.experience-feel-hd .top-box .personal-avatar img {
	position:absolute;
	top:.05rem;
	left:.05rem;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
}

.experience-feel-hd .top-box .personal-info {
	flex: 1;
}

.experience-feel-hd .top-box .personal-info li {
	font-size: .22rem;
	font-weight: 400;
	color: #fff;
	line-height: .36rem;
}
.experience-feel-hd .top-box .cars {
	vertical-align: top;
	width:3.1rem;
	height:1.42rem;
	align-self: flex-end;
}
.experience-feel-hd .bottom-box {
	display: flex;
}

.experience-feel-hd  .bottom-box .name {
	margin-right: .3rem;
	padding: .1rem .2rem 0;
	width: .29rem;
	height: 1.3rem;
	background: linear-gradient(0deg, #3321EF 0%, rgba(1, 1, 57, 0) 100%);
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
	line-height:.3rem;
}

.experience-feel-hd  .bottom-box .txt {
	padding:.1rem .3rem 0 0;
	flex: 1;
	font-size: .18rem;
	font-weight: 400;
	color: #fff;
	line-height: .32rem;
}

.experience-feel-bd {
  padding: .2rem 0;
}

.experience-feel-bd .bd-a,
.experience-feel-bd .bd-b {
	margin-bottom: .2rem;
	display: flex;
	background: linear-gradient(360deg, rgba(1, 1, 57, 0), rgba(28, 96, 231, 0), rgba(41, 206, 235, 0.1));
}
.experience-feel-bd .name{
	padding: .2rem .2rem 0;
	width: .29rem;
	height: 1.84rem;
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(0deg, #3321EF 0%, rgba(1, 1, 57, 0) 100%);
}
.experience-feel-bd .info01 {
	padding-top: .2rem;
	flex: 1;
	text-align: center;
}

.experience-feel-bd .info01 li {
	padding: .15rem 0;
	width: 25%;
	float: left;
	font-size: .22rem;
}
.experience-feel-bd .info01 li .p01,
.experience-feel-bd .info02 li .p01
{
	height: .34rem;
	font-size:.18rem;
	color: #fff;
}

.experience-feel-bd .info01 li .p02,
.experience-feel-bd .info02 li .p02{
	height: .28rem;
	font-size:.2rem;
	color: #2BE6F7
}

.experience-feel-bd .info02 {
	flex: 1;
	text-align: center;
}

.experience-feel-bd .info02 li {
	padding: 15px 0;
	width: 33.33%;
	float: left;
	font-size: 16px;
}
.experience-feel-bd .total-score {
	width: 1.5rem;
	height: 1.84rem;
	padding-top: .3rem;
	text-align: center;
	background: linear-gradient(190deg, #3321EF 0%, rgba(1, 1, 57, 0) 100%);
	color: #fff;
}


.experience-feel-bd .total-score .f16 {
	font-size: .2rem;
}
.experience-feel-bd .total-score .p01 {
	margin-bottom: .2rem;
}

.experience-feel-bd .total-score .p02 {
	font-size: .36rem;
}
.experience-feel-hd .right{
	    padding: .2rem .1rem;
	    height: 5rem;
	    background: url(../images/ganshou-hd.png) no-repeat;
	    background-size: 100% 100%;
}
.experience-feel-hd .right .tabbox{
	
}
.experience-feel-hd .right .tab-hd{
	margin-bottom: .2rem;
	overflow: hidden;
	display: flex;
}
.experience-feel-hd .right .tab-hd .item{
	display: inline-block;
	flex:1;
	margin: 0 .05rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	background: #1E23C7;
	border-radius: .04rem;
	font-size:.2rem;
	color:#fff;
	cursor: pointer;
}
.experience-feel-hd .right .tab-hd .active{
	background: linear-gradient(0deg, #FD6F71 0%, #F44091 15%, #201892 59%, #201892 100%);
}
.experience-feel-hd .right .tab-bd{
	padding: 10px 0;
}
.experience-feel-hd .right .tab-bd .item{
	display:none
}
.experience-feel-hd .right .tab-bd .active{
	display:block
}
.experience-feel-hd .right .tab-bd .img{
	margin: 0 auto .1rem;
	width:3.6rem;
	height:2.4rem;
	border-radius: .01rem;
	text-align: center;
	overflow: hidden;
}
.experience-feel-hd .right .tab-bd .txt{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
		padding:0 .2rem;
	font-size:.2rem;
	line-height: 20px;
	color:#fff;
}



/*口碑排行*/

.experience-ranking{
	padding: .3rem;
	margin-bottom: .2rem;
	overflow: hidden;
}
.experience-ranking-bd .ranking-left,
.experience-ranking-bd .ranking-right {
	width:100%;
	margin-bottom: .5rem;
}
.experience-ranking-bd .ranking-left .hd{
	margin: 0 auto .3rem;
	width: 3.5rem;
	height:.68rem;
	line-height: .68rem;
	text-align: center;
	font-size:.3rem;
	color:#fff;
	background: url(../images/long-tit.png) no-repeat;
	background-size: 100%;
}

.sideMenu h3 {
	vertical-align: top;
	height: .8rem;
	line-height: .8rem;
	margin-bottom: .1rem;
	font-weight: normal;
	padding-left: .1rem;
	background:url(../images/koubei-bd.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
	color:#fff;
}
.sideMenu h3.on{

	margin-bottom: 0;
	background:url(../images/koubei-hd.png) no-repeat;
	background-size: 100%;
}
.sideMenu h3 .label {
	display:inline-block;
	vertical-align: top;
	margin-right: .1rem;
	width:.2rem;
	height: .8rem;
	line-height: .8rem;
	font-size:.3rem;
}
.sideMenu h3 .tit{
	display: inline-block;
	width:3.4rem;
	height: .8rem;
	line-height: .8rem;
	margin-right: .2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.sideMenu h3 .tit,
.sideMenu h3 .name
{
	display:inline-block;
	vertical-align: top;
	height: .8rem;
	line-height: .8rem;
	font-size:.26rem;
	color:#fff;
}

.sideMenu .info {
	padding: .2rem .2rem;
	margin-bottom: .1rem;
	color: #999;
	display: none;
	overflow: hidden;
	background-color: #fff;
}
.sideMenu .info .info-left{
	margin: .2rem .2rem 0 0;
	position: relative;
	width:2.4rem
}
.sideMenu .info .info-left .p01{
	padding-left: .2rem;
	font-size:.6rem;
	font-weight: bold;
	z-index: 10;
	height:.7rem;
	position: relative;
	color:#010139
	
}
.sideMenu .info .info-left .line-bg{
	display: inline-block;
	position: absolute;
	left:0;
	top:.5rem;
	width: 1.04rem;
	height: .16rem;
	background: linear-gradient(90deg, #5650FF 0%, #3BE8F5 50%, rgba(255, 255, 255, 0) 100%);
}
.sideMenu .info .info-left .img{
	width:2.2rem;
	height:1rem;
}
.sideMenu .info .info-left .p01 .unit{
	font-size:.2rem;
}
.sideMenu .info .info-left .p02{
	margin-bottom:.2rem;
	font-size: .24rem;
	font-weight: 400;
	color: #1F2129;
}
.sideMenu .info .info-right{
	width:3.8rem;
}
.sideMenu .info .info-right span{
	display: block;
}
.sideMenu h3 .stars{
	display: inline-block;
	vertical-align: top;
	margin-top: .24rem;
	width:1.2rem;
	height: .2rem;
	background: url(../images/stars.png) no-repeat;
	background-size:100%;
}
.sideMenu h3 .stars1{
    background-position: 0 -.21rem;
}
.sideMenu h3 .stars2{
    background-position: 0 -.44rem;
}
.sideMenu h3 .stars3{
    background-position: 0 -.66rem;
}
.sideMenu h3 .stars4{
    background-position: 0 -.88rem;
}
.sideMenu h3 .stars5{
    background-position: 0 -1.10rem;
}

.sideMenu .info .info-right .tit{
	display: inline-block;
	margin-bottom: .1rem;
	width:3.8rem;
	font-size: .24rem;
	font-weight: bold;
	color: #1F2129;
	height:.3rem;
	line-height: .3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sideMenu .info .info-right .score{
	margin-bottom: .1rem;
	height:.3rem;
	line-height: .3rem;
	font-size:.22rem;
	font-weight: bold;
	color: #1F2129;
}
.sideMenu .info .info-right .score-space{
	letter-spacing: .07rem;
    width:1.4rem;
}
.sideMenu .info .info-right .score label{
	display: inline-block;
	margin-right: .1rem;
	width:1.4rem;
	vertical-align: top;
}
.sideMenu .info .info-right .stars{
	display: inline-block;
	width:1.2rem;
	height: .2rem;
	background: url(../images/stars2.png) no-repeat;
	background-size:100%;
}
.sideMenu .info .info-right .stars1{
    background-position: 0 -.21rem;
}
.sideMenu .info .info-right .stars2{
    background-position: 0 -.41rem;
}
.sideMenu .info .info-right .stars3{
    background-position: 0 -.62rem;
}
.sideMenu .info .info-right .stars4{
    background-position: 0 -.81rem;
}
.sideMenu .info .info-right .stars5{
    background-position: 0 -1rem;
}
.sideMenu .info .info-right .price{
	margin-bottom: .1rem;
	font-size: .2rem;
	font-weight: 400;
	color: #1F2129;
}
.sideMenu .info .info-right .already{
	margin-bottom: .1rem;
	font-size: .22rem;
	font-weight: 400;
	color: #1F2129;
}
.sideMenu .info .info-right .already i{
	font-size:.2rem;
	font-style: normal;
	font-weight: bold;
	color:#3321EC;
}
.sideMenu .info .info-right .see{
	display:block;
	width: 1.6rem;
	height: .4rem;
	line-height: .4rem;
	background: #FFFFFF;
	text-align: center;
	border: 1px solid #181092;
	border-radius: 4px;
	font-size: .24rem;
	font-weight: 400;
	color: #181092;
}

/*论坛*/
.experience-discussion-bd{
	margin-bottom: .3rem;
	padding:.3rem;
}
.experience-discussion-bd .bd{
	padding:.3rem;
	height:8rem;
	background:url(../images/disc-bg.png)  repeat-y;
	border: .rem solid;
	border-image: linear-gradient(0deg, #3321EF, #2BE6F7) 2 2;
	box-shadow: 0px 9px 92px 0px rgba(51, 33, 239, 0.63);
	overflow-y:auto;
}
.experience-discussion-bd .bd .item{
	display: flex;
    overflow: hidden;
	border-bottom:1px solid #0D2FA8;
	width: 6rem;
}
.experience-discussion-bd .bd .item .dis-left{
	float:left;
	margin-right: .2rem;
	width: .7rem;
	height: .7rem;
	border: 2px solid #2BE6F7;
	background-color: #2BE6F7;
	border-radius: 50%;
	text-align: center;
}
.experience-discussion-bd .bd .item .dis-left .avatr{
	margin-top: 1px;
	width: .68rem;
	height: .68rem;
	border-radius: 50%;
}
.experience-discussion-bd .bd .item .dis-right{
	margin-top: .1rem;
	position: relative;
	padding-bottom: .5rem;
	flex: 1;
}
.experience-discussion-bd .bd .item .dis-right .tit{
	margin-bottom: .2rem;
	overflow: hidden;
	font-size: .24rem;
	color: #E1E1FA;
}
.experience-discussion-bd .bd .item .dis-right .tit span{
	display: inline-block;
}
.experience-discussion-bd .bd .item .dis-right .info{
	line-height: .34rem;
	height: .64rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size: .22rem;
	font-weight: 400;
	color: #E1E1FA;
}
.experience-discussion-bd .bd .item .dis-right .thumbs-up{
	display: inline-block;
	position: absolute;
	bottom:.2rem;
	right:.1rem;
	height:.25rem;
	line-height:.25rem;
	font-size: .2rem;
	font-weight: 400;
	color: #E1E1FA;
}
.experience-discussion-bd .bd .item .dis-right .thumbs-up .fabulous{
	display: inline-block;
	margin-left: 10px;
	height:25px;
	line-height:25px;
}
.experience-discussion-bd .bd .item .dis-right .thumbs-up .fabulous i{
	display: inline-block;
	margin: .1rem .1rem 0 0;
	vertical-align: top;
	width:.24rem;
	height:.25rem;
	background:url(../images/zan.png) no-repeat;
	background-size:100%;
}
.experience-discussion-bd .hd{
	margin-bottom:.2rem;
	font-size: .3rem;
	font-weight: 400;
	color:#fff;
	overflow:hidden;
}

.experience-discussion-bd .hd .enter{
	width:2.5rem;
	height:.64rem;
	line-height: .64rem;
	text-align: center;
	background: url(../images/btn.png) no-repeat;
	background-size:100%;
}
.experience-discussion-bd .hd .enter a{color:#fff}

/*css主要部分的样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
 
       .experience-discussion-bd .bd::-webkit-scrollbar {
            width: 8px; /*对垂直流动条有效*/
            height: 10px; /*对水平流动条有效*/
        }
 
        /*定义滚动条的轨道颜色、内阴影及圆角*/
        .experience-discussion-bd .bd::-webkit-scrollbar-track{
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #17108E;
            border-radius: 3px;
        }
 
 
       /*定义滑块颜色、内阴影及圆角*/
        .experience-discussion-bd .bd::-webkit-scrollbar-thumb{
            border-radius: 7px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background: linear-gradient(0deg, #0BF0FC 1%, #01E9BD 54%, #0820A3 100%);
        }
 
    
        /*定义右下角汇合处的样式*/
       .experience-discussion-bd .bd::-webkit-scrollbar-corner {
            background:khaki;
        }
		
		.footer-txt{
			padding:.2rem 0;
			margin-bottom: .3rem;
			text-align: center;
			font-size:.28rem;
			color:#fff;
		}
		.transparent-layer{
			display:none;
			z-index: 100;
			position: fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background: rgba(0,0,0, .8);
		}
		.popup .poster-box{
			z-index: 101;
			position: fixed;
			top:0;
			left:-100%;
			/* margin-left:-3.75rem; */
			width:7.5rem;
			height:13.3rem;
			background: url(../images/poster_bg.png) #0D2FA8;
			background-size: 100%;
		}
		.popup .poster-box .avatr{
			position:absolute;
			top:6.5rem;
			left:50%;
			margin-left: -.75rem;
			width:1.5rem;
			height:1.5rem;
			line-height:1.5rem;
			border-radius: 50%;
			background-color:#fff;
		}
		.popup .poster-box .avatr img{
			border-radius: 50%;
			vertical-align:middle;
		}
		.popup .poster-box .name{
			position:absolute;
			top:8.2rem;
			left:0;
			width:100%;
			text-align: center;
			font-size:.24rem;
			color:#f4f0f8;
		}
		.popup .poster-box .info{
			position:absolute;
			top:8.7rem;
			left:0;
			width:100%;
			text-align: center;
			font-size:.28rem;
			color:#f4f0f8;
		}
		.popup .poster-img{
			z-index: 101;
			position: fixed;
			top:10%;
			left:50%;
			margin-left:-2.7rem;
			width:5.4rem;
			height:7rem;
		}