/*reset*/
html{
	background: #fff;
	color: #000;
	font-size: 62.5%;
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,a {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei",arial,simsun,sans-serif;
    word-wrap: break-word;
    word-break: break-all;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
body{
	min-height: 100%;
}
[v-cloak] {
  display: none;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
}
input{
	outline: none;
}
.swiper-wrapper .swiper-slide img{
	width: 100%;
}
.swiper-pagination-bullet-active {
	background: #FFFFFF;
}
.ic{
	background: url(../images/icon_mobile.png) no-repeat;
	background-size: 200px 400px;
}
.ovhide{
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
	/* display: flex; */
}
.top_title > .fr{
	float: right;
	display: flex;
}
.fr-more{
	display: flex;
    align-items: center;
}
.width_30{
	width: 30%;
}
.width_60{
	width: 60%;
}
.pad6{
	padding: 0.625rem;
}
.padbtm5{
	padding-bottom: 5rem;
}
.padbtm10{
	padding-bottom: 10rem;
}
.padtop5{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.martop4{
	margin-top: 4rem;
}
.marri7{
	margin-right: 7.7rem;
}
.marri5{
	margin-right: 5.5rem;
}
.white_bg{
	background: #FFFFFF;
}
.bgColor_gary{
	background: #F6F6F6;
}
.pos_Btn{
	width: 100%;
	margin: 3rem 0;
}
.largeBtn{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	text-align: center;
	border-radius: 6px;
	font-size: 1.6rem;
	color: #FFFFFF;
}
.red{
	background: #e5342b;
}
.green{
	background: #47c88a;
}
.top_title{
	margin-bottom: 0.4rem;
	margin-top: 0.4rem;
}
.top_title .live_ic{
	background-position: -83px 0;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 0.2rem;
}
.top_title .yg_ic{
	background-position: -83px -27px;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 0.2rem;
}
.top_title .hg_ic{
	background-position: -83px -55px;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 0.2rem;
}
.top_title .title{
	font-size: 1.6rem;
	color: #333333;
	margin-left: 0.6rem;
	line-height: 2rem;
}
.top_title .more_jt{
	background-position: -110px 0;
	width: 1.8rem;
	height: 1.4rem;
	margin-top: 0.3rem;
}
.expression_area{
	background: #F6F6F6;
	width: 100%;
	height: 20rem;
}
.upPic_area{
	background: #F6F6F6;
	width: 100%;
	height: 20rem;
}
.upPic_area .upCont_ul{
	height: auto;
	overflow: hidden;
	display: block;
}
.upPic_area .upCont_ul li{
	float: left;
	margin: 14px;
}
.upPic_area .upCont_ul li .pic_show{
	width: 8rem;
	height: 8rem;
	background: #FFFFFF;
	position: relative;
}
.upPic_area .upCont_ul li .pic_show .close_red{
	position: absolute;
	top: -8px;
	right: -8px;
	background-position: -171px -182px;
	width: 20px;
	height: 20px;
}
.upPic_area .upCont_ul li .pic_show .add_bg_link{
	width: 100%;
	height: 100%;
	position: relative;
}
.upPic_area .upCont_ul li .pic_show .add_ic{
	background: url(../images/addpic.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;
}
.upPic_area .upCont_ul li .pic_show img{
	margin: auto;
	vertical-align: middle;
}
.foot-comment {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 999;
}
.foot-comment #publish {
	background-color: #FFFFFF;
	text-align: center;
}
.nav_bottom{
	left: 0;
	right: 0;
	width: 100%;
	min-height: 5rem;
	background: #FFFFFF;
	box-shadow: 4px 3px 8px rgba(0,0,0,0.4);
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
}
.operation_bar{
	overflow: hidden;
	height: 5rem;
}
.nav_bottom ul{
	width: 100%;
	overflow: hidden;
	display: flex;
}
.nav_bottom li{
	float: left;
	/*width: 20%;*/
	height: 100%;
	flex: 1;
}
.nav_bottom li a{
	display: block;
	/*width: 100%;*/
	height: 5rem;
	padding: 0.7rem;
	position: relative;
}
.nav_bottom li p{
	text-align: center;
	color: #899096;
	margin-top: 24px;
	font-size: 1.1rem;
}
.nav_bottom li.active p{
	color: #47c88a;
}
.nav_bottom li .indexpic,
.nav_bottom li .livepic,
.nav_bottom li .yugaopic,
.nav_bottom li .reviewpic,
.nav_bottom li .minepic{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
}
.nav_bottom li .indexpic{
	background-position: 0 -86px;
}
.nav_bottom li.active .indexpic{
	background-position: 0 -119px;
}
.nav_bottom li .livepic{
	background-position: -37px -86px;
}
.nav_bottom li.active .livepic{
	background-position: -37px -119px;
}
.nav_bottom li .yugaopic{
	background-position: -73px -86px;
}
.nav_bottom li.active .yugaopic{
	background-position: -73px -119px;
}
.nav_bottom li .reviewpic{
	background-position: -108px -86px;
}
.nav_bottom li.active .reviewpic{
	background-position: -108px -119px;
}
.nav_bottom li .minepic{
	background-position: -143px -86px;
}
.nav_bottom li.active .minepic{
	background-position: -143px -119px;
}
.top_search_bar{
	width: 100%;
	height: 5rem;
	padding: 0.7rem 0.625rem;
	background: #FFFFFF;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	box-shadow: 4px 3px 8px rgba(0,0,0,0.1);
	z-index: 222;
}
.Search_box{
	width: 78%;
	height: 3.6rem;
	background: #F5F5F5;
	border-radius: 4px;
}
.search_btn{
	display: block;
	height: 3.6rem;
	background: #47c88a;
	color: #FFFFFF;
	font-size: 1.5rem;
	line-height: 3.6rem;
	width: 20%;
	text-align: center;
	border-radius: 4px;
}
.Search_box .tg_classify{
	margin-left: 2%;
	height: 2.6rem;
	margin: 0.5rem 0;
	width: 20%;
	background: #F5F5F5;
	border: 0;
	font-size: 1.4rem;
	appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
  	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
  	padding-right: 14px;
  	padding-left: 10px;
}
.Search_box .search_test{
	height: 2.6rem;
	margin: 0.5rem 0;
	width: 69%;
	margin-left: 2%;
	padding-left: 2%;
	border: 0;
	background: #F5F5F5;
	font-size: 1.4rem;
  	border-left: 1px solid #E5E5E5;
}
.Search_box .close_wz{
	background-position: -186px 0px;
	width: 20px;
	height: 24px;
	margin-top: 1.2rem;
}

.section{
	background: #FFFFFF;
	margin-bottom: 0.625rem;
}
.wrap-index .picgo{
	width: 100%;
	height: 16.2rem;
}
.wrap-index .live_yg{
	position: relative;
}
.wrap-index .live_yg .livetip{
	width: 7rem;
	height: 41px;
	border-right: 1px solid #EEEEEE;
}
.wrap-index .live_yg .livetip .livetip_pic{
	background-position: 0 0;
	width: 6.5rem;
	height: 2rem;
	margin-top: 1.2rem;
}
.wrap-index .live_yg .livetitle{
	margin: 0 5rem 0 8rem;
	/*height: 3.6rem;*/
	height: 41px;
	overflow: hidden;
	position: relative;
}
.livetitle_ul{
    display: inline-block;
    position: absolute;
    top: 0;
}
.wrap-index .live_yg .livetitle ul{
	height: auto;
}
/* .wrap-index .live_yg .livetitle li{
	margin: 3px 0;
} */
.wrap-index .live_yg .livetitle li a{
	display: block;
}
.wrap-index .live_yg .livetitle li .title{
	font-size: 1.3rem;
	color: #666666;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.wrap-index .live_yg .livetitle li .begin{
	font-size: 1rem;
	color: #aaaaaa;
	margin-top: 0.4rem;
}
.wrap-index .live_yg .search-ic{
	width: 4rem;
	height: 41px;
	border-left: 1px solid #EEEEEE;
}
.wrap-index .live_yg .search-ic .search_pic{
	display: block;
	background-position: 0 -24px;
	width: 2rem;
	height: 2rem;
	margin: 1rem 0 0 1rem;
}
.Course_ul li{
	border-bottom: 1px solid #F6F6F6;
	padding: 0.8rem 0;
	overflow: hidden;
	position: relative;
}
.bor0 li:last-child{
	border: 0;
}
.Course_ul li .cover_pic{
	width: 10.5rem;
	height: 7rem;
	position: relative;
	margin-right: 0.7rem;
}
.mask_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.mask_bg .playing{
	background: url(../images/play.png) no-repeat;
	background-size: 27px 27px;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
}
.Course_ul li .course_info{
	display: block;
	overflow: hidden;
}
.Course_ul li .course_info h3{
	font-size: 1.4rem;
	color: #003333;
	line-height: 1.6rem;
	height: 3.2rem;
	overflow: hidden;
	margin-bottom: 0.2rem;
}
.Course_ul li .course_info .gary_er{
	font-size: 1.2rem;
	color: #9c9c9c;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.collect{
	background-position: 0 -60px;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 5px;
	right: 5px;
}
.collect.active{
	background-position: -35px -60px;
}
.tip_info{
	background: #FFFFFF;
	height: 3.25rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 222;
}
.tip_info p{
	font-size: 1.4rem;
	color: #666666;
	line-height: 2rem;
	padding: 0.625rem 0.625rem 0.625rem 2.5rem;
	position: relative;
	margin-bottom: 0.625rem;
}
.tip_info p:before{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ff794c;
	left: 1rem;
	top: 1.4rem;
}
.trailer_ul{
	margin-left: 80px;
}
.trailer_ul li{
	position: relative;
	padding-bottom: 3rem;
}
.trailer_ul .start_time{
	font-size: 1.4rem;
	color: #666666;
}
.trailer_ul .trailer_info{
	background: #FFFFFF;
	padding: 1rem;
	margin-top: 0.4rem;
	border-radius: 6px;
}
.trailer_ul .trailer_info .cover{
	width: 100%;
	height: 16rem;
	position: relative;
}
.trailer_ul .trailer_info .cover .play_time{
	position: absolute;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 3rem;
	left: 0;
	bottom: 0;
}
.trailer_ul .trailer_info .cover .play_time p{
	color: #FFFFFF;
	font-size: 1.3rem;
	line-height: 3rem;
	margin: 0 0.6rem;
}
.trailer_ul .trailer_info .title{
	font-size: 1.4rem;
	color: #333333;
	line-height: 2.2rem;
	padding: 0.5rem;
	border-bottom: 1px solid #e5e5e5;
}
.trailer_ul .trailer_info .btn_area{
	width: 100%;
	overflow: hidden;
}
.trailer_ul .trailer_info .btn_area .col{
	display: block;
	width: 8rem;
	color: #FFFFFF;
	height: 3.4rem;
	line-height: 3.4rem;
	text-align: center;
	background: #47c88a;
	border-radius: 6px;
	font-size: 1.4rem;
	margin-top: 1rem;
}
.trailer_ul .trailer_info .btn_area .col.qxcol{
	background: #959595;
}
.sort-s{
	width:0; 
	height:0; 
	border-width:8px 8px; 
	border-style:solid; 
	border-color:#FFFFFF #FFFFFF #F6F6F6 #F6F6F6;
	position: absolute;
	top: 34px;
	left: -16px;
}
.dot-green{
	background: #47c88a;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 3px solid #F6F6F6;
	position: absolute;
	top: 0px;
	left: -56px;
}
.green_line_bg{
	width: 3px;
	background: #47c88a;
	float: left;
	margin-left: 31px;
	height: 100%;
}
.green_line{
	width: 3px;
	background: #47c88a;
	float: left;
	margin-left: 31px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -80px;
}
.first-dot{
	background: #47c88a;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	border: 3px solid #F6F6F6;
	position: absolute;
	top: 0px;
	left: -61px;
}
.first-dot .dot_clock{
	background-position: -35px -26px;
	width: 15px;
	height: 15px;
	margin: 2px;
}
.wrap-user .userpic_area{
	width: 100%;
	height: 18rem;
	background: #47c88a;
	margin-bottom: 0.625rem;
}
.wrap-user .userpic_area .user_info{
	padding-top: 3rem;
}
.wrap-user .userpic_area .user_info .avatar_pic{
	width: 8rem;
	height: 8rem;
	margin: 0 auto;
}
.wrap-user .userpic_area .user_info .avatar_pic img{
	border-radius: 50%;
}
.wrap-user .userpic_area .user_info p{
	font-size: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 1.5rem;
}
.wrap-user .listCard li{
	min-height: 4rem;
	border-bottom: 1px solid #f2f2f2;
	padding: 0.5rem 0;
	min-height: 5rem;
}
.wrap-user .listCard li a{
	display: block;
	height: 100%;
}
.wrap-user .listCard li .card{
	overflow: hidden;
	margin-left: 5.5rem;
	height: 100%;
	font-size: 1.4rem;
	color: #333333;
	line-height: 4rem;
	position: relative;
}
.le_pos{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2rem;
}
.wrap-user .listCard li .card .work_info .xg.ri_pos{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.7rem;
}
.wrap-user .listCard li:last-child{
	border: 0;
}
.wrap-user .listCard li .card .work_info{
	color: #9e9e9e;
	overflow: hidden;
	width: 100%;
	line-height: 1.4rem;
	min-height: 3.4rem;
}
.wrap-user .section .listCard li .card .work_info {
    color: #9e9e9e;
    overflow: hidden;
    width: inherit;
    line-height: 1.4rem;
    min-height: 3.4rem;
}
.wrap-user .listCard li .card .work_info p{
	padding: 0 2rem 0 8rem;
	margin: 1.2rem 0 1rem;
	text-align: right;
	width: 100%;
}
.wrap-user .section .listCard li .card .work_info p{
	padding: 0;
	text-align: right;
	width: inherit;
}
.wrap-user .listCard li .card .work_info .work_more{
	background-position: -110px 0;
	width: 1.8rem;
	height: 1.4rem;
	margin: 1.4rem 0.625rem 0 0.625rem;
}
.wrap-user .listCard li .card .work_info .xg{
	width: 1.4rem;
	height: 1.4rem;
	margin: 1.4rem 0rem 0 0.625rem;
}
.wrap-user .listCard li .card .work_info .recharge{
	margin-right: 1rem;
	color: #333333;
	line-height: 4rem;
}
.wrap-user .listCard li .card .work_info .recharge a{
	display: inline-block;
	color: #4799c8;
}
.wrap-user .listCard li .card .work_info .recharge span{
	color: #c8161d;
}
.wrap-user .fillInfo li{
	padding: 0 0.625rem;
	overflow: hidden;
}
.wrap-user .fillInfo li .card_name{
	line-height: 5rem;
	width: 24%;
	font-size: 1.4rem;
	color: #333333;
}
.wrap-user .fillInfo li .fill_in{
	height: 5rem;
	padding: 1rem 0;
	line-height: 3rem;
	color: #333333;
	font-size: 1.4rem;
	border: 0;
	width: 76%;
}
.wrap-user .fillInfo li .add_infopic{
	width: 8rem;
	height: 8rem;
	background: #f2f5f7;
	margin: 0.8rem 0;
}
.wrap-user .fillInfo li .add_infopic .addtip{
	width: 100%;
	height: 100%;
}
.wrap-user .fillInfo li .add_infopic .addtip .addpic{
	background: url(../images/addpic.png) no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	margin: 1.7rem auto 0.8rem;
}
.wrap-user .fillInfo li .add_infopic .addtip .addwz{
	font-size: 1.2rem;
	color: #828282;
	margin: 0.5rem 0;
	text-align: center;
}
.my_coll{
	background-position: 0 -153px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.view_record{
	background-position: -172px -153px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.real_name{
	background-position: -33px -153px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.live_msg{
	background-position: -67px -153px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.my_account{
	background-position: -101px -153px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.my_msg{
	background-position: -136px -153px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.identity{
	background-position: 0 -285px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.my_course{
	background-position: -106px -286px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.give_review{
	background-position: -33px -287px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.share_pay{
	background-position: -67px -287px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.my_comment{
	background-position: -143px -286px;
	width: 18px;
	height: 18px;
	margin: 1.1rem 0 0 2rem;
}
.fix_pos{
	position: relative;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
}
.play_area{
	width: 100%;
	height: 22rem;
	background: #000000;
}
.play_area .play-cover{
	width: 100%;
	height: 100%;
	position: relative;
}
.play_area .play-cover .float_layer{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7rem;
	background: rgba(0,0,0,0.6);
	color: #FFFFFF;
	padding: 0.6rem 0;
}
.play_area .play-cover .float_layer p{
	text-align: center;
	font-size: 1.4rem;
	margin-top: 0.6rem;
	line-height: 2rem;
}
.play_area .play-cover .float_layer p span{
	width: 2rem;
	height: 2rem;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	text-align: center;
}
.padgary{
	padding: 0.625rem;
	background: #F6F6F6;
}
 .adsense{
	width: 100%;
	background: #FFFFFF;
	height: 4.4rem;
}
 .adsense .notice{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #666666;
	padding: 1.2rem 0;
	font-size: 1.4rem;
	text-align: center;
}
.adsense .notice p{
	line-height: 2.2rem;
	height: 2.2rem;
	vertical-align: middle;
}
.adsense .notice .newsPic{
	display: inline-block;
	background-position: -115px -27px;
	width: 12px;
	height: 16px;
	/* vertical-align: middle; */
}
.adsense .Adve{
	width: 100%;
	height: 100%;
}
.contentWrapper{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
.nav-bar{
	height: 4rem;
	border-bottom: 1px solid #F4F4F4;
	line-height: 4rem;
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
	display: flex;
}
.nav-bar li{
	float: left;
	flex: 1;
	text-align: center;
	color: #434343;
	font-size: 1.4rem;
	float: left;
}
.nav-bar li.active{
	color: #47c88a;
	position: relative;
}
.nav-bar li.active:before{
	content: "";
	position: absolute;
	width: 18px;
	height: 4px;
	background: #47c88a;
	left: 50%;
	bottom: 0;
	margin-left: -9px;
}
.mar_play{ 
	/*  overflow-y: scroll; */
}
.detailBody .teacher_info{
	margin: 1rem 0;
}
.detailBody .title_tip{
	font-size: 1.5rem;
	color: #333333;
	line-height: 1.8rem;
	position: relative;
	padding-left: 1.2rem;
}
.detailBody .title_tip:before{
	content: "";
	position: absolute;
	width: 3px;
	height: 1.8rem;
	border-radius: 4px;
	background: #47c88a;
	left: 0;
}
.detailBody .cont_area{
	padding: 1.2rem;
	overflow: hidden;
}
.briefLive p{
	color: #666666;
	line-height: 2rem;
	font-size: 1.4rem;
	/* text-indent: 2em; */
	margin-bottom: 1rem;
}
.detailBody .cont_area .tea_time{
	width: 80%;
	border-right: 1px solid #F6F6F6;
}
.detailBody .cont_area .tea_time p{
	font-size: 1.4rem;
	color: #666666;
	line-height: 2rem;
	margin-bottom: 0.6rem;
}
.detailBody .cont_area .right_coll{
	width: 20%;
	margin-left: 80%;
	padding: 0.9rem 0;
}
.detailBody .cont_area .right_coll .coll{
	display: block;
	background-position: -112px -60px;
	width: 17px;
	height: 16px;
	margin: 0 auto;
}
.detailBody .cont_area .right_coll .coll.active{
	background-position: -35px -60px;
}
.detailBody .cont_area .right_coll p{
	color: #8e8e8e;
	font-size: 1.2rem;
	text-align: center;
	margin-top: 0.3rem;
}
.detailBody .liveScene{
	margin-left: 80px;
}
.detailBody .liveScene li {
    position: relative;
    padding-bottom: 3rem;
}
.detailBody .liveScene li .time {
    font-size: 1.2rem;
    color: #8e8e8e;
    margin-bottom: 0.4rem;
}
.detailBody .liveScene li .newscont{
	background: #F6F6F6;
	padding: 0.8rem;
	border-radius: 6px;
	display: inline-block;
}
.detailBody .liveScene li .newscont p{
	font-size: 1.4rem;
	color: #454545;
	line-height: 2.2rem;
}
.detailBody .liveScene li .newscont img{
	max-width: 100%;
}
.detailBody .liveScene li .sort-s-gary{
    width: 0;
    height: 0;
    border-width: 6px 6px;
    border-style: solid;
    border-color: #F6F6F6 #F6F6F6 #FFFFFF #FFFFFF;
    position: absolute;
    top: 28px;
    left: -12px;
}
.detailBody .liveScene li .dot-g{
    background: #47c88a;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    position: absolute;
    top: 0px;
    left: -56px;
}
.detailBody .liveScene li .first-dot-g{
    background: #FFFFFF;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 4px solid #47c88a;
    position: absolute;
    top: 0px;
    left: -56px;
}
.chat_ul>li{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #f6f6f6;
	padding: 1.2rem 0;
}
.chat_ul li .avatar_pic{
	width: 4rem;
	height: 4rem;
	margin: 0.5rem;
}
.chat_ul li .avatar_pic img{
	border-radius: 50%;
	height: 100%;
	width: 100%;
}
.chat_ul li .chat_cont{
	margin-left: 6rem;
}
.chat_ul li .mar75{
	margin-left: 7.5rem;
}
.chat_ul li .chat_cont .state{
	width: 100%;
	overflow: hidden;
}
.chat_ul li .chat_cont .state .alchecked{
	color: #f09013;
}
.chat_ul li .chat_cont .state .nonechecked{
	color: #1997e7;
}
.chat_ul li .chat_cont p{
	font-size: 1.4rem;
	color: #454545;
}
.chat_ul li .chat_cont .time{
	font-size: 1.2rem;
	color: #8e8e8e;
	margin-bottom: 0.2rem;
}
.chat_ul li .chat_cont .voice_time{
	display: inline-block;
	width: 8rem;
	height: 2.6rem;
	border: 1px solid #e5e5e5;
	background: #eef3ef;
	border-radius: 4px;
	vertical-align: middle;
	margin: 0 4px;
}
.chat_ul li .chat_cont .voice_time .vioce_pic{
	display: block;
	background-position: -62px -311px;
	width: 20px;
	height: 20px;
}
.chat_ul li .reply_cont{
	margin-top: 18px;
	background: #f5f5f5;
	padding: 0.5rem;
	border-radius: 4px;
	position: relative;
}
.chat_ul li .reply_cont .tir_gary{
	width: 0;
    height: 0;
    border-top: 8px solid #FFFFFF;
    border-right: 8px solid #FFFFFF;
    border-bottom: 8px solid #F5F5F5;
    border-left: 8px solid #FFFFFF;
    position: absolute;
    top: -16px;
    left: 8px;
}
.chat_ul li .reply_cont .reply_cont_other{
	padding: 0.5rem 0;
	border-bottom: 1px solid #EEEEEE;
}
.chat_ul li .reply_cont li:last-child{
	border: 0;
}
.chat_ul li .reply_cont .reply_cont_other .avatar_pic{
	width: 3rem;
	height: 3rem;
}
.chat_ul li .reply_cont .reply_cont_other .chat_cont{
	margin-left: 4rem;
}
.chat_none{
	width: 100%;
}
.chat_none .noChat_pic{
	background: url(../images/chat_none.png) no-repeat;
	background-size: 43px 34px;
	width: 43px;
	height: 34px;
	margin: 4rem auto 2rem;
}
.chat_none p{
	font-size: 1.4rem;
	color: #9c9c9c;
	text-align: center;
}
.Wechat p{
	text-align: center;
	font-size: 1.4rem;
	color: #333333;
	margin: 2rem 0;
}
.clear {
	clear: both;
}
.Wechat .code_pic{
	width: 20rem;
	height: 20rem;
	padding: 1rem;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	margin: 0 auto;
}
.reply .send{
	height: 3.6rem;
	width: 90%;
	text-align: center;
	line-height: 3.6rem;
	color: #FFFFFF;
	background: #47c88a;
	/* margin: 0.7rem 2%; */
	border-radius: 4px;
	font-size: 1.5rem;
	margin: 10px auto;
	display: block;
}
.reply .ex{
	width: 10%;
	margin: 12px 0 0 2%;
} 
.reply .expression{
	background-position: -143px 0;
	width: 30px;
	height: 29px;
}
.reply .addpic{
	background-position: -143px -37px;
	width: 30px;
	height: 29px;
}
.reply .chat_box{
	margin: 0.7rem 0 0.7rem 0;
	background: #f5f5f5;
	min-height: 3.6rem;
	border-radius: 4px;
	width: 68%;
}
.reply .chat_box input{
	border: 0;
	width: 96%;
	height: 2.4rem;
	background: #f5f5f5;
	line-height: 2.4rem;
	margin: 0.6rem 2%;
	font-size: 1.5rem;
}
.reply .chat_box .voice{
	background-position: -108px -346px;
	width: 21px;
	height: 28px;
	margin: 3px 3px 0 0;
}
.noneResult{
	width: 100%;
	margin-top: 14rem;
}
.noneResult p{
	font-size: 1.4rem;
	color: #454545;
	text-align: center;
}
.matop_gary{
	/* padding-top: 4.625rem; */
	background: #F5F5F5;
}
.wrap-user .listCard li .card.marle0{
	margin-left: 0;
}
.wrap-user .listCard li .card .Default_pic{
	line-height: 2rem;
	margin-top: 1.2rem;
}
.wrap-user .listCard li .card .suggest{
	font-size: 1.2rem;
	color: #9e9e9e;
	display: block;
}
.wrap-user .listCard li .card .work_info .Def_cover{
	height: 6rem;
}
.wrap-user .listCard li .card .work_info .xg.preveiw_btn{
	display: block;
	font-size: 1.4rem;
	color: #454545;
	height: 3rem;
	line-height: 3rem;
	border: 1px solid #c9c9c9;
	width: 6rem;
	text-align: center;
	border-radius: 4px;
	margin: 0.4rem 1rem 0;
}
.wrap-user .listCard li .lock_two{
	width: 100%;
	overflow: hidden;
	margin: 2rem 0;
}
.wrap-user .listCard li .unlock{
	width: 50%;
}
.wrap-user .listCard li .unlock p{
	text-align: center;
	font-size: 1.4rem;
	color: #454545;
}
.wrap-user .listCard li .unlock .unlock_n{
	display: inline-block;
	background-position: 0 -182px;
	width: 32px;
	height: 20px;
	margin-left: 10px;
	vertical-align: bottom;
}
.wrap-user .listCard li .unlock .lock_n{
	display: inline-block;
	background-position: -55px -182px;
	width: 32px;
	height: 20px;
	margin-left: 10px;
	vertical-align: bottom;
}
.filterbar{
	width: 100%;
	overflow: hidden;
}
.filterbar ul{
	width: 70%;
	margin: 1rem 0;
}
.filterbar ul li{
	float: left;
	width: 33.3%;
	font-size: 1.4rem;
	color: #454545;
	padding-left: 1rem;
}
.filterbar ul li.active{
	color: #47c88a;
}
.selectBtn{
	width: 20%;
	height: 3.6rem;
	background: #47c88a;
	color: #FFFFFF;
	font-size: 1.4rem;
	line-height: 3.6rem;
	text-align: center;
	border-radius: 4px;
}
.check_box{
	background-position: -184px -88px;
	width: 16px;
	height: 16px;
	margin: 1.6rem 0.7rem 0 0;
}
.check_box.active{
	background-position: -184px -119px;
}
.bot_edit{
	width: 100%;
	overflow: hidden;
}
.bot_edit{
	display:flex;
}
.bot_edit li{
	float: left;
    flex: 1;
    text-align: center;
    color: #454545;
}
.bot_edit li a{
	color: #454545;
	line-height: 3.6rem;
	font-size: 1.4rem;
}
.bot_edit li a.passBtn{
	height: 3.6rem;
	width: 70%;
	background: #47c88a;
	color: #FFFFFF;
	margin: 0.7rem;
	border-radius: 4px;
	padding: 0;
	margin-left: 15%;
}
.Loading{
	width: 100%;
	text-align: center;
	color: #9c9c9c;
	padding: 2rem 0;
	font-size: 1.4rem;
}
.Loading .loadpic{
	display: inline-block;
	background: url(../images/5-121204193936.gif);
	width: 16px;
	height: 16px;
    vertical-align: middle;
    margin-right: 10px;
}
.live_haeder,
.yugao_haeder,
.review_haeder{
	position: absolute;
	left: 0;
	top: 0;
	width: 4rem;
	height: 2rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 2rem;
	font-size: 1.2rem;
}
.live_haeder{
	background: #ec6941;
}
.yugao_haeder{
	background: #32b16c;
}
.review_haeder{
	background: #00b7ee;
}
.cancel_coll{
	position: absolute;
	right: 0;
	top: 2.8rem;
	width: 7rem;
	height: 3rem;
	text-align: center;
	line-height: 3rem;
	background: #e5342b;
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 1.4rem;
}
.cancel_coll.con_coll{
	background: #47c88a;
}
.news_one{
	background: #FFFFFF;
	width: 100%;
	padding: 1rem;
	border-radius: 4px;
	margin-bottom: 1rem;
}
.news_one a{
	display: block;
}
.news_one h3{
	font-size: 1.5rem;
	color: #000000;
}
.news_one .news_content{
	font-size: 1.4rem;
	color: #797979;
	margin: 0.625rem 0;
}
.news_one .contForm{
	font-size: 1.3rem;
	color: #797979;
	text-align: right;
}
.news_one .contForm span{
	color: #ec9333;
}
.pages_title{
	padding: 1rem 0.625rem;
	border-bottom: 1px solid #f6f6f6;
	margin-bottom: 0.6rem;
}
.pages_title h3{
	font-size: 1.5rem;
	color: #000000;
	margin: 0.5rem 0 0.7rem;
}
.pages_title .contForm{
	font-size: 1.3rem;
	color: #797979;
}
.pages_title .contForm a{
	color: #ec9333;
}
.page_content{
	padding: 0.625rem;
}
.page_content p{
	color: #757575;
	font-size: 1.4rem;
	text-indent: 2em;
	margin-bottom: 0.5rem;
}
.btn_pos{
	position: absolute;
	right: 0;
	top: 1.5rem;
}
.btn_pos .clone,
.btn_pos .pushUp{
	display: block;
	font-size: 1.4rem;
	width: 7rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border-radius: 4px;
}
.btn_pos .clone{
	color: #47c88a;
	border: 1px solid #47c88a;
	margin-bottom: 1.2rem;
}
.pushUp{
	color: #666666;
	border: 1px solid #666666;
}
.add_live{
	width: 100%;
	text-align: center;
	z-index: 999;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 5rem;
	line-height: 5rem;
	background: #f19149;
	color: #FFFFFF;
	font-size: 1.5rem;
}
.write_area{
	width: 100%;
	height: 24rem;
	background: #FFFFFF;
	padding: 0.6rem;
	border-radius: 4px;
	border: 1px solid #EEEEEE;
}
.write_area textarea{
	width: 100%;
	height: 100%;
	border: 0;
	resize: none;
	font-size: 1.4rem;
	color: #666666;
	box-shadow: none;
	outline: none;
}
.login_ul{
	width: 100%;
	margin-top: 2rem;
}
.login_ul li{
	border: 1px solid #E5E5E5;
	line-height: 3rem;
	padding: 0.6rem 0;
	margin-bottom: 1rem;
	border-radius: 4px;
	background: #F6F6F6;
}
.login_ul li input{
	border: 0;
	resize: none;
	outline: none;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #454545;
	padding: 0 0.6rem;
	background: #F6F6F6;
	text-align: right;
	width: 50%;
}
.edit{
	resize: none;
	outline: none;
	border: 0;
	font-size: 1.4rem;
    color: #9e9e9e;
    width: 100%;
}
.edittext,
.edittext_onlyread{
	display: inline-block;
	text-align: right;
	width: 100%;
}

.textarea{
	font-size: 1.4rem;
	color: #9C9C9C;
	line-height: 2rem;
	min-height: 2rem;
	border: 1px solid #EEEEEE;
	outline: none;
	resize: none;
	width: 100%;
	border-radius: 4px;
	height: 3rem;
}

.ul_select{
	text-align: right;
}
.ul_select select{
	position: absolute;
	top: 0;
	right: 2rem;
	height: 3rem;
	opacity: 0;
}

/*弹窗*/
.pop-window{
	width: 100%;
	height: 100%;
}
.mask_Black{
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.pop-window .pop-box{
	position: absolute;
	top: 35%;
	left: 7%;
	z-index: 1001;
	width: 86%;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 6px;
	padding: 2rem 1rem;
}
.pop-window .main{
	width: 100%;
	padding: 1rem 0;
}
.pop-window .main .cont_wz{
	font-size: 1.4rem;
	color: #666666;
	text-align: center;
	line-height: 1.8rem;
	margin: 1rem;
}
.pop-window .btns_bottom{
	width: 100%;
	overflow: hidden;
	padding: 2rem 0 1rem;
}
.pop-window .btns_bottom .pop-btn{
	float: right;
	width: 30%;
	height: 4rem;
	margin: 0 10%;
	border-radius: 4px;
	line-height: 4rem;
	text-align: center;
	font-size: 1.4rem;
	color: #FFFFFF;
}
.yes{
	background: #47c88a;
}
.no{
	background: #a0a3a7;
}
.tip_box{
	position: absolute;
	top: 35%;
	left: 20%;
	z-index: 1001;
	width: 60%;
	border-radius: 6px;
	padding: 3rem 1rem;
	border: 1px solid #cbefde;
	background: #F9F9F9;
	box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
}
.page_load{
	font-size: 1.4rem;
	color: #666666;
	text-align: center;
	margin-top: 60%;
	
}
.page_load .loading_ic{
	display: inline-block;
	background: url(../images/5-121204194035-50.gif) no-repeat;
	background-size: 24px 24px;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.show-picture {
	height: 200px;
}
.show-picture .picture ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
}
.show-picture .picture ul li img {
	width: 50px;
	height: 50px;
	margin: 10px;
	position: relative;
}
.show-picture .picture ul li:after{
   position: relative;
	
}
.reply {
	position: static;
}
.weui-uploader__files li{
	position: relative;
}
.weui-uploader__files li .weui-icon-cancle{
	position: absolute;
	content: "";
    display: block;
    height: 20px;
    width: 20px;
    top: 0px;
    right: 0;
    background: url(../images/cancel.png) no-repeat;
    background-size: cover;
}
#face {
	padding: 0 1rem;
}

#face img{
	margin: 3px;
}

.weui-popup__overlay, .weui-popup__container {
  z-index: 999;
}
.edit-content {
	position: absolute;
	width: 100%;
	padding: 10px;
}
.publish_container {
	height: 100%;
	width: 100%;
	position: relative;
}
.publish_container .input_conta{
	height: 40%;
    padding: 10px;
    margin: 10px auto;
    background-color: #ffffff;
    overflow-y: auto;
    width: 90%;
    display: block;
    border-radius: 5px;
}
.edit-cancel {
	width: 1.5rem;
    height: 1.5rem;
    background-position: -185px 0;
    /* background-size: auto; */
    position: absolute;
    right: 10px;
    top: 12px;
}
.repaly-content {
	left: 0;
    right: 0;
    width: 100%;
    min-height: 5rem;
}
.close-buttom {
	left: 0;
    right: 0;
    position: absolute;
    margin: 10px auto;
    padding-bottom: 20px;
}
.mint-main-button {
		position: absolute;
		top: -6.5rem;
		right: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: blue;
		font-size: 2em;
		box-shadow: 1px 1px 8px #888888;
		text-align: center;
	}
	.pb {
		width: 60px;
		height: 60px;
		line-height: 60px;
		color: #fff;
		position: fixed;
		bottom: 5.5rem;
	}
	.modal-open{
		overflow:hidden!important;
		position: fixed!important;
    } 
    .gary_er > span{
    	display: inline-block;
    }
    .swiper-slide-notice {
    	background-color: #ffffff;
    	color: #aaaaaa;
    }
    .picker-button-left {
		position: absolute;
	    left: 0;
	    box-sizing: border-box;
	    height: 4.4rem;
	    line-height: 4.4rem;
	    color: #04BE02;
	    z-index: 1;
	    padding: 0 .5rem;

    } 	
	/* 直播二维码分享图片 */
	.poster{
		width: 34.5rem;
		height: 50rem;
		margin: auto;
	}
	.poster .poster-main{
		width: 34.5rem;
		height: 50rem;
		/* padding: 2rem 1.5rem; */
		margin: auto;
		position: relative;
	}
	.poster .poster-main .poster-center-content{
		position: absolute;
		left: 4.1rem;
		top: 6.1rem;
		right: 4.1rem;
	}
	.poster .poster-main .p-tit{
		color: #222222;
		font-size: 1.5rem;
		text-align: left;
		padding-bottom: 1.5rem;
	}
	.poster .poster-main .p-lname{
		/* position: absolute;
		top: 25%;
		left: 4.1rem; */
	}
	.poster .poster-main .p-lname .lname{
		text-align: left;
		margin-top: -2.4rem;
		padding-left: 2.3rem;
		color: #587df9;
		font-weight: 700;
		font-size: 1.4rem;
	}
	.poster .poster-main .p-time{
		margin-top: 2rem;
	}
	.poster .poster-main .p-time .time-tit{
		width: 7rem;
		height: 2.4rem;
		line-height: 2.4rem;
		font-size: 1.4rem;
		font-weight: 500;
		color: #fff;
		text-align: center;
		background: #587df9;
		border-radius: 0.4rem;
	}
	.poster .poster-main .p-time .time{
		padding-top: 1rem;
		font-size: 1.4rem;
		font-weight: 700;
		color: #587df9;
		text-align: left;
	}
	.poster .poster-main .p-bot{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 2rem
	}
	.poster .poster-main .p-bot .bot-lf{
		flex: 1;
		padding-right: 1.9rem;
	}
	.poster .poster-main .p-bot .bot-lf p{
		color: #222222;
		font-size: 1.5rem;
		font-weight: 700;
		padding-bottom: 1.5rem;
	}
	.poster .poster-main .qrCode{
		width: 11.2rem;
		height: 11.2rem;
		margin: auto;
		padding: 0.2rem;
		border: 2px solid #3396ff;
		box-sizing: border-box;
	}
    .p-tip{
		padding: 1.5rem 0;
		font-size: 1.2rem;
		color: #666;
	}
	.showImg {
		width: 34.5rem;
		height: 50rem;
		margin: auto;
	}
	.cff{
		color: #fff;
	}
	.c22{
		color: #222;
	}
	.c99{
		color: #999;
	}
	.c66{
		color: #666;
	}
	.c3b{
		color: #3B9FDF;
	}
	.cff8{
		color: #FF8827 !important;
	}
	/* 字体大小 */
	.f12{
		font-size: 1.2rem;
	}
	.f13{
		font-size: 1.3rem;
	}
	.f14{
		font-size: 1.4rem;
	}
	.f15{
		font-size: 1.5rem;
	}
	.f16{
		font-size: 1.6rem;
	}
	.normal{
		font-weight: normal;
	}
	.relative{
		position: relative;
	}
	.absolute{
		position: absolute;
	}
/* 弹出框 */
.pop-bg{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
}
.pop-main{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    padding: 2rem;
    background: #ffffff;
    border-radius: 1.2rem;
}
.pop-main .cancel-icon{
    position: absolute;
    right: 0px;
    top: -2.8rem;
}
.pop-main .weui-icon-cancel{
    color: #fff;
}
.pop-main .tit,.pop-main .center-content{
    text-align: center;
}
.pop-main .center-content{
    padding: 3rem 0;
}
.pop-main .center-content .passwordInp{
	width: 22rem;
	margin: auto;
	height: 4.4rem;
	line-height: 4.4rem;
	padding: 0 1.5rem;
	background: #fafafa;
	border: 0.5px solid #dddddd;
	border-radius: 0.8rem;
	box-sizing: border-box;
}
.pop-main .center-content .rg{
    color: #D60201;
    font-weight: 500;
}
.pop-main .pop-btn{
    width: 14rem;
    height: 3.3rem;
    line-height: 3.3rem;
    font-weight: 700;
    text-align: center;
    margin: auto;
    border-radius: 0.4rem;
}
.pop-main .green-btn{
    background: #46cd53;
}
.pop-main .red-btn{
    background: #d80005;
}
.pop-main .pop-inp input{
    width: 100%;
    padding: 0 1.5rem;
    height: 4.4rem;
    line-height: 4.4rem;
    background: #fafafa;
    border: 0.5px solid #dddddd;
    border-radius: 0.8rem;
    box-sizing: border-box;
}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}