html,body{
	width:100%;
	height:100%;
}
.wrap{
	width:100%;
	height:100%;
}
.xueyuan_app{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	width:100%;
	height:100%;
	background:#FFFFFF;
}
.header_all{
	height:.82rem;
}
.xueyuan_bg{
	background:url(../images/xy1.png) no-repeat top center;
	background-size:100% 100%;
	height:.82rem;
}
.xy_body{
	flex:1;
	overflow-y:scroll;
	/* border-top:1px solid #EEEEEE; */
}
.xy_index{
	position:relative;
}
.first_bg{
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	height:1.93rem;
	background:url(../images/xy35.png) no-repeat top center;
	background-size:100% 100%;
}
.first_look{
	padding:.1rem .15rem;
}
.first_look .look_cover{
	height:1.94rem;
	position:relative;
	width:100%;
}
.first_look .look_cover .xgplayer{
	border-radius:.075rem .075rem 0 0;
}
.first_look .look_cover .shipin_player{
	height:1.94rem;
	width:100%;
}
.first_look .look_cover img{
	display:block;
	width:100%;
	height:1.94rem;
}
.xgplayer .btn-text span{
	position:inherit!important;
}
.xgplayer .xgplayer-time span{
	position:inherit!important;
}
.look_cover span{
	display:block;
	width:.30rem;
	height:.17rem;
	color:#FFFFFF;
	position:absolute;
	left:0;
	top:0;
	font-size:.10rem;
	text-align:center;
	line-height:.17rem;
	z-index:99;
}
.look_cover .label2, .look_cover .label3, .look_cover .label4, .look_cover .label5{
	border-radius:.075rem 0 .075rem 0;
}
.look_cover .label1{
	left:inherit;
	right:0;
	border-radius:0 .075rem 0 .075rem;
}
.look_cover .label1{/*上新*/
	background: linear-gradient(-90deg, #007BF2 0%, #51A9FF 100%);
}
.look_cover .label2{/*付费*/
	background:linear-gradient(-40deg, #E4C48B 0%, #FBEAC4 100%);
	color:#5A3216;
}
.look_cover .label3{/*限免*/
	background: linear-gradient(-90deg, #007BF2 0%, #51A9FF 100%);	
}
.look_cover .label4{/*重磅*/
	background:linear-gradient(90deg, #FF2E5C 0%, #E02A52 100%);
}
.look_cover .label5{/*已购*/
	background: linear-gradient(-90deg, #FF8A3D 0%, #FFAF3D 100%);
}
.first_look .look_cover .pay_img img{
	height:inherit;
}
.look_info{
	background:#FFFFFF;
	padding:.125rem .15rem;
	box-shadow: 0px 10px 30px 0px rgba(0,53,104,0.1);
	border-radius:0 0 .075rem .075rem;
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}
.look_name{
	font-size:.15rem;
	color:#1F1F1F;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:80%;
}
.color_red{
	color:#DF2A52;
}
.look_label{
	display:flex;
	margin-top:.05rem;
}
.look_label span{
	display:block;
	border-radius:.04rem;
	height:.2rem;
	line-height:.2rem;
	font-size:12px;
	margin-right:.05rem;
	color:#999999;
}
.look_info .look_label span{
	/* background:rgba(0, 123, 241, .1);
	color:#007BF1;
	cursor:pointer; */
	background:#F8F9FB;
	color:#666666;
	padding:0 .045rem;
}
.info_btn{
	position:absolute;
	right:.222rem;
}
.info_btn a{
	display:block;
	width:.625rem;
	height:.325rem;
	background: linear-gradient(90deg, #FF2E5C 0%, #E02A52 100%);
	line-height:.325rem;
	text-align:center;
	font-size:.14rem;
	color:#FFFFFF;
	font-weight:bold;
	border-radius:.165rem;
}
.info_btn a:hover{
	color:#FFFFFF;
}
.school_list{
	padding:.05rem 0 .2rem .15rem;
	display:flex;
	overflow-x:scroll;
}
.school_list .item{
	margin-right:.1rem;
	flex-shrink:0;
	width:42.3%;
}
.school_list a{
	display:block;
}
.school_list .item:last-child a{
	margin-right:.15rem;
}
.look_cover, .look_more{
	position:relative;
	height:.845rem;
}
.look_more{
	font-size:.13rem;
	color:#666666;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#F8F8F8;
	border-radius:.075rem;
}
.look_cover img{
	position:relative;
	width:100%;
	height:.845rem;
	border-radius:.075rem;
}
.look_cover .guan_mark{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:linear-gradient( 
	to bottom, 
	rgba(0,0,0,0) 0%,   
	rgba(0,0,0,.4) 50%,  
	rgba(0,0,0,.6) 100%);
	display:flex;
	justify-content:space-between;
	border-radius:0 0 .075rem .075rem;
	padding:0 .07rem .05rem;
	height:.3rem;
	align-items:flex-end;
}
.look_cover .guankan{
	background:url(../images/xy11.png) no-repeat left center;
	background-size:.11rem .08rem;
	padding-left:.16rem;
	font-size:.10rem;
	color:#FFFFFF;
	position:absolute;
	right:.05rem;
}
.look_cover .player{
	background:url(../images/xy10.png) no-repeat left center;
	background-size:.09rem .08rem;
	padding-left:.14rem;
	font-size:.10rem;
	color:#FFFFFF;
}
.look_cover .zongshichang{
	font-size:.10rem;
	color:#FFFFFF;
	position:absolute;
	right:.05rem;
}
.guan_mark .live{
	position:absolute;
	right:.05rem;
	background:url(../images/xy24.gif) no-repeat left center;
	background-size:.075rem .08rem;
	padding-left:.125rem;
	font-size:.10rem;
	color:#FFFFFF;
}
.banner_all{
	background:#F8F9FB;
	padding:.1rem 0;
}
.banner_box{
	padding:0 .15rem;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.school_list .look_name{
	font-size:.14rem;
	width:95%;
	margin-top:.1rem;
}
.school_list .look_label{
	margin-top:.02rem;
}
.small_banner{
	position:relative;
	height:.55rem;
	width:100%;
}
.small_banner a{
	display:block;
	width:100%;
	height:100%;
}
.small_banner .swiper{
	height:.55rem;
	width: 100%;
	overflow:inherit;
}
.small_banner .swiper .swiper-slide{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.small_banner .swiper .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius:.035rem;
}
.small_banner .swiper-pagination-vertical.swiper-pagination-bullets, .small_banner .swiper-vertical>.swiper-pagination-bullets{
	right:-.1rem;
}
.small_banner .swiper-pagination-bullet{
	width:.025rem;
	height:.165rem;
	background:rgba(0, 0, 0, .1);
}
.small_banner .swiper-pagination-bullet-active{
	background:rgba(224, 42, 82, 1)
}
.column_look{
	padding:.125rem .15rem;
}
.column_look .column_child .title{
	padding:.125rem 0;
	font-size:.17rem;
	color:#1F1F1F;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.column_look .column_child .title a{
	display:block;
	background:url(../images/xy36.png) no-repeat right center;
	background-size:.05rem .09rem;
	font-size:.12rem;
	color:#999999;
	padding-right:.1rem;
	font-weight:normal;
}
.column_look .school_list{
	overflow:inherit;
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
.column_look .column_class .item{
	margin-bottom:.125rem;
	width:48.3%;
}
.column_look .column_class .item:nth-child(2n){
	margin-right:0;
}
.column_look .column_class .item:last-child a{
	margin:0;
}
.column_look .column_class .look_cover{
	height:.94rem;
	width:100%;
}
.column_look .column_class img{
	width:100%;
	height:.94rem;
}
/* 分享 */
.share_con{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	display:flex;
	justify-content:center;
	align-items:flex-end;
	z-index:1003;
}
.share_box{
	max-width:750px;
	margin:0 auto;
	background:#fff;
	border-radius:.15rem .15rem 0 0;
	padding: .225rem 0;
	width:100%;
}
.href_head{
	text-align:center;
	font-size:.15rem;
	color:#1F1F1F;
	font-weight:bold;
}
.share_list{
	display:flex;
	align-items:center;
	justify-content:space-around;
	padding:.25rem 0;
	border-bottom:1px solid #EEEEEE;
}
.share_list a{
	display:block;
    text-align:center;
	flex:1;
}
.share_list a span, .share_list a i{
	display:block;
}
.share_list a span img{
	display:block;
	width:.44rem;
	height:.44rem;
	margin:0 auto;
}
.share_list a i{
	font-size:.12rem;
	color:#999999;
	margin-top:.08rem;
}
.share_btn{
	padding-top:.2rem;
	text-align:center;
}
.share_btn a{
	display:inline-block;
	font-size:.14rem;
	color:#666;
}
/* 海报 */
.hb_box{
	padding:.15rem;
}
.hb_bg{
	background: linear-gradient(135deg, #D2C2FD 0%, #007BF2 100%);
	border-radius:.1rem .1rem 0 0;
}
.bg_img img{
	display:block;
	width:100%;
	height:1.37rem;
}
.shipin_cover{
	margin:0 .15rem;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:-.46rem;
	border-radius:.075rem;
}
.shipin_cover img{
	display:block;
	width:100%;
	height:1.775rem;
	border-radius:.075rem;
}
.shipin_cover a{
	display:block;
	width:.45rem;
	height:.45rem;
	background:url(../images/xy38.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
}
.hb_class{
	margin-top:.15rem;
}
.hb_head{
	background:url(../images/xy28.png) no-repeat left top;
	background-size:100% 100%;
	height:.46rem;
	line-height:.46rem;
	padding-left:.15rem;
	color:#FFFFFF;
	font-size:.18rem;
	font-weight:bold;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
}
.hb_text{
	padding:.15rem .155rem .2rem;
	font-size:.13rem;
	color:#FFFFFF;
	line-height:.2rem;
}
.hb_ma{
	background:url(../images/xy29.png) no-repeat;
	background-size:100% 100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	width:100%;
	height:1.815rem;
}
.hb_ma img{
	display:block;
	width:1.2rem;
	height:1.2rem;
	margin-top:.2rem;
}
.hb_ma span{
	display:block;
	font-size:.12rem;
	color:#666666;
	margin-top:.05rem;
}
.hb_foot{
	background:#FFFFFF;
	box-shadow: 0px -4px 20px 0px rgba(0,0,0,0.05);
	border-radius:.15rem .15rem 0 0;
}
.hb_foot .share_list{
	padding:.15rem .25rem .435rem;
	border:none;
}
.meiyou{
	text-align: center;
	font-size: .10rem;
	color: #999999;
	margin-top: .1rem;
}
/* 动画 ****从右弹入 */
@-webkit-keyframes bounceInRight{
	0%,100%,60%,75%,90%{
		-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1);
	}
	0%{
		opacity:0;
		-webkit-transform:translate3d(3000px,0,0);
		transform:translate3d(3000px,0,0);
	}
	60%{
		opacity:1;
		-webkit-transform:translate3d(-25px,0,0);
		ransform:translate3d(-25px,0,0);
	}
	75%{
		-webkit-transform:translate3d(10px,0,0);
		transform:translate3d(10px,0,0);
	}
	90%{
		-webkit-transform:translate3d(-5px,0,0);
		transform:translate3d(-5px,0,0);
	}
	100%{-webkit-transform:none;transform:none;
	}
}
@keyframes bounceInRight{
	0%,100%,60%,75%,90%{
		-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1);
	}
	0%{
		opacity:0;
		-webkit-transform:translate3d(3000px,0,0);
		-ms-transform:translate3d(3000px,0,0);
		transform:translate3d(3000px,0,0);
	}
	60%{
		opacity:1;
		-webkit-transform:translate3d(-25px,0,0);
		-ms-transform:translate3d(-25px,0,0);
		transform:translate3d(-25px,0,0);
	}
	75%{
		-webkit-transform:translate3d(10px,0,0);
		-ms-transform:translate3d(10px,0,0);
		transform:translate3d(10px,0,0);
	}
	90%{
		-webkit-transform:translate3d(-5px,0,0);
		-ms-transform:translate3d(-5px,0,0);
		transform:translate3d(-5px,0,0);
	}
	100%{
		-webkit-transform:none;
		-ms-transform:none;transform:none;
	}
}
.bounceInRight{
	-webkit-animation-name:bounceInRight;
	animation-name:bounceInRight; 
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.float_btn{
	position:fixed;
	right:5%;
	bottom:10%;
	z-index:1000;
}
.float_btn a{
	width:.50rem;
	height:.50rem;
	display:flex;	
	/* background:linear-gradient(-45deg, #E02A52 0%, #FF4B50 100%); */
	box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1000);
	border-radius:50%;
	font-size:.14rem;
	background:#FFFFFF;
	color:#DF2951;
	justify-content:center;
	align-items:center;
	margin:.05rem 0;
	line-height:.15rem;
	font-weight:500;
	border:1px solid #EDEDED;
}
.float_btn a.line{
	background:linear-gradient( #007BF2 0%, #51A9FF 100%);
	box-shadow:0px 10px 20px 0px rgba(0, 107, 223, 0.3000);
	border:none;
}
.float_btn a.line img {
    display: block;
    width: .42rem;
    height: .39rem;
}
@-webkit-keyframes fadeLeft{
	0%{
		opacity:.5;
		right:-10%;
	}	
	100%{
		opacity:1;
		right:5%;
	}
}
@keyframes fadeLeft{	
	0%{
		opacity:.5;
		right:-10%;
	}	
	100%{
		opacity:1;
		right:5%;
	}
}
.fadeLeft{
	-webkit-animation-name:fadeLeft;
	animation-name:fadeLeft;	
    -webkit-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 风险提示 */
.dialog-box{
    position: fixed;
   /* max-width: 750px; */
    margin: 0 auto;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(0,0,0,.7);
    z-index: 999999;
}
.login-error{
    width:2.95rem;
    border-radius:.1rem;
    background: #FFFFFF;
    margin: 0 auto;
    box-sizing: border-box;
    padding:.15rem;
}
.login-error .title{
    font-size:.16rem;
    color:#1F1F1F;
    font-weight: bold;
    text-align: center;
}
.login-error .content{
    text-align: center;
    font-size: .15rem;
    color: #1F1F1F;
    box-sizing: border-box;
    line-height: .25rem;
    padding:.3rem 0;
}
.login-error .confom{
    font-size: .13rem;
    margin: 0 auto;
    width:60%;
    height:.4rem;
    border-radius: .05rem;
    background: #D03B53;
    color: #FFFFFF;
    text-align: center;
    line-height: .4rem;
    cursor: pointer;
}
.xgplayer-sdk-toast .toast-container .toast-close-bt{
	position:inherit;
	line-height:inherit;
}
@media screen and (min-width:750px){
	.first_look .look_cover{
		height:388px;
	}
	.first_look .look_cover img{
		height:388px;
	}
	.first_look .look_cover .shipin_player{
		height:388px;
	}
	.school_list .look_cover{
		height:169px;
	}
	.school_list .look_cover img{
		height:169px;
	}
	.look_more{
		height:169px;
	}
	.school_list .item{
		width:42.2%;
	}
	.column_look .column_class .item{
		width:49.2%;
	}
	.column_look .column_class .look_cover{
		height:196px;
	}
	.column_look .column_class img{
		height:196px;
	}
	.small_banner{
		height:110px;
	}
	.small_banner .swiper{
		height:110px;
	} 
	.school_list::-webkit-scrollbar {
		width: 5px; 
		height: 5px;
		display:block;
	}
	.school_list::-webkit-scrollbar-thumb {
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		background:#adadad;
	}
	.school_list::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.2);
		border-radius: 0;
		background: #f2f2f2;
	}
	.bg_img img{
		height:275px;
	}
	.shipin_cover img{
		height:355px;
	}
	.shipin_cover{
		margin-top:-.95rem;
	}
	.hb_ma{
		height:363px;
	}
	.hb_ma img{
		width:240px;
		height:240px;
	}
}