<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*缁冧範鍜屽涔犳悳绱㈡*/
@media (min-width: 1200px){
    .room-list.container {
        width: 1170px;
    }
}
.room-sort{
	float: left;
}

.room-sort .sort-item{
    font-size: 14px;
    color: #666666;
    display: inline-block;
    cursor: pointer;
    margin-right: 40px;
}
.room-sort .active{
	color: #5AAFEE;
    border-bottom: 2px solid #5AAFEE;
}
.img-center{
    vertical-align: -5%;
}
.top-list{
    margin-top: 30px;
    line-height: 40px;
}
.room-list{
	/*padding:0 15px;
	width:92%;
	max-width: 1280px;*/
	margin:0 auto;
}
.room-list .top-list a{
	color:#fff;
	float:right;
	height: 30px;
    padding: 3px 12px;
    border-radius: 15px;
    width: 124px;
    font-size: 14px;
    margin-left: 12px;
}

.room-list .bottom-list{
	margin-top:30px;
}
.room-list .bottom-list .thumbnail{
	/*display:inline-block;
	width:100%;
	position: relative;*/
	margin: 0px auto 30px;
    padding: 20px 20px 0px;
    width: 262.5px;
    box-shadow: 0 1px 10px 0 rgba(153,153,153,0.25);
    position: relative;
    height: 370px;
    border-radius: 0px;
}
.room-list .bottom-list .thumbnail .img-rounded{
	margin-bottom:10px;
}
.room-list .thumbnail{
	padding:10px;
	margin-bottom: 0;
}
.room-list a{
	text-decoration: none;
}
.bottom-list .room-out{
	margin-bottom: 20px;
}
.bottom-list .room-1{
	border:0px;
}
.bottom-list .room-1:hover{
	/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
	box-shadow: 0 4px 20px 4px #ddd;
	-moz-transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}
/*
.bottom-list .room-1:hover p.rom-li span{
	color:#5AAFEE;
}*/
.bottom-list a.btn{
	text-decoration: none;
	width:100%;
}
.bottom-list .no-room{

}
.bottom-list .no-room .bar{
	text-align: center;
    color: #8ABAE7;
}
.bottom-list .no-room .bar:before{
	content: "";
    background-image: url(../img/classroom.jpg);
    background-size: 100% auto;
    background-repeat:no-repeat ;
    /*background-position: -796px -734px;*/
    display: block;
    width: 180px;
    height: 220px;
    margin: 0 auto;
}
.bottom-list .join-step{
    /*margin: 40px auto 60px;*/
    /*width: 700px;*/
    background-color:rgba(236,245,255,0.50);
    margin: 110px auto 60px;
    /*width: 700px;*/
    height:306px;
    text-align:center;
    /*line-height:306px;*/
    /*position: relative;*/
}
.bottom-list .join-step .how-join{
    margin-top:50px;
    font-size: 16px;
    color: #8ABAE7;
}
.bottom-list .join-step .juzhong{
    margin:50px auto;
    width:710px;

}
.bottom-list .join-step .step{
	display: inline-block;
	float: left;
	width: 90px;
    text-align: center;
    /*position:absolute;*/
    /*top:150px;*/
}
.bottom-list .join-step .step .number{
	color: #5AAFEE;
    font-size: 24px;
}
.bottom-list .join-step .step .font{
	color: #7d7a7a;
    font-size: 14px;
    margin-top: 10px
}
.bottom-list .join-step .line{
	display: inline-block;
    float: left;
    color: #7d7a7a;
    font-size: 16px;
    margin-top: 6px;
    /*position:absolute;*/
    /*top:150px;*/
}
.bottom-list .find-room{
    padding: 6px 40px;
    margin: 19px auto;
    display: block;
    background: #FFFFFF;
    border: 1px solid #5AAFEE;
    border-radius: 100px;
    width:156px;
    heigth:40px;
    color: #5AAFEE;

}

.bottom-list .find-room:hover{
    background: #5AAFEE;;
    color: #FFFFFF;
}

.room-list .room-child{
	display:inline-block;
	width:100%;
}
.room-list .room-child .rom-li{
	/*color:#4f4d4d;
	font-weight:bold;
	font-size:16px;*/
	text-align:left;
	margin-top: 20px;
	margin-bottom: 17px;
	font-size: 18px;
    color: #333333;
}
.room-list .room-child .rom-li .room-title{
	display:inline-block;
	width:100%;
	height:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	word-wrap: normal;/*鍏煎IE*/
}
.room-child img{
	width:100%;
	height: 125px;
}
.room-list .room-child .roomDesc{
	text-align:left;
	margin-bottom:15px;
	color:#9c9a9a;
}
.room-list .room-child .roomDesc .tooltip-sp{
    /*
	display:inline-block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height:20px;
	width:100%;
	word-wrap: normal;/*鍏煎IE*/
	width: 222.5px;
    height: 75px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    line-height: 25px;
}
.room-list .room-child .roomDesc .tooltip .tooltip-inner{
	text-align: left;
	max-width: 260px;
}
.room-list .room-child .teacher{
	text-align:left;
	color:#9c9a9a;
	height:25px;
	margin-bottom:6px;
}
.room-list .teacher span.teacher-list{
	display: inline-block;
    width: 15px;
    height: 14px;
    background: url(/static/image/teacher-avatar-default.png) center center no-repeat;
    background-size: 15px 14px;
    float: left;
}
.room-list .teacher span.teacher-list1{
	float:left;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    padding-left: 5px;
    font-size: 12px;
    color: #999999;
    width: 207.5px
}
.room-list span.user-list{
	display: inline-block;
	width:10px;
	height:14px;
    background: url(/static/image/user-avatar-default.png) center center no-repeat;
    background-size: 10px 14px;
	float:left;
}
.room-list .room-child .teacher .userNum{
	text-align:left;
	float:left;
	padding-left: 5px;
	font-size: 12px;
    color: #999999;
}
.room-list .room-type{
	width: 34px;
    height: 24px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #5AAFEE;
    position: absolute;
    top: 0px;
    right: 0px;
}
.room-list .room-type:after{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(../image/table.png);
	background-position: -206px -715px;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{
	border-color:rgb(255,255,255);
}
.apply-student .apply-student-content{
	left: 50%;
    width: 340px;
    margin-left: -170px;
}
.apply-student .apply-student-content .popup-bar{
	padding-left: 20px;
}
.apply-student .notice-content{
	width: 300px;
    height: 74px;
    display: block;
    margin: 14px 20px 10px;
    resize: none;
    border: 1px solid #ccc;
    color: #999;
    padding: 4px;
}
.apply-student .apply-student-content .controlNum{
	color: #b1b1b1;
    display: block;
    text-align: right;
    margin-right: 20px;
    margin-top: -8px;
}
.apply-student .apply-student-btn{
	text-align: center;
	margin: 8px 0px 15px;
}
.apply-student .apply-student-ok{
    padding: 2px 12px;
    display: inline-block;
}
.apply-student .apply-student-no{
	padding: 2px 12px;
	margin-left: 25px;
    display: inline-block;
}
/*room-list end*/


/*浜戞暀瀹ゆ牱寮忔渶鏂颁慨鏀�*/
.room-list .bottom-list .thumbnail{
    height: 230px;
    width: 261px;
    border-radius: 10px;
    padding:0 !important;
    line-height: 14px;
}
.room-child img{
    border-radius: 10px 10px 0 0 ;
    height: 153px;
}
.room-list .room-child .rom-li{
    margin-left: 12px;
    margin-top: 14px;
    margin-bottom:0px;
    font-size: 14px;
    color: #333333;
}
.room-list .room-child .rom-li .room-title{
}
.room-list .room-child .teacher{
    margin-left: 12px;
    height: 35px;
    margin-top: 12px;
    float: left;
    line-height: normal;
}
.room-list .room-child .teacher.student{
    float: right;
    margin-right:12px;
}
.room-list .teacher span.teacher-list1{
    width: 130px;
}
.room-list .room-type{
    background:none;
    width: 36px;
}
.room-list .room-type:after{
    background: url(/static/image/cloud-lock.png) 0px 0 no-repeat;
    background-size: 36px 24px;
}
/*浜戞暀瀹ゆ牱寮忔渶鏂颁慨鏀筫nd*/
</pre></body></html>