*{ margin:0; padding:0; border:0; border:none;font-family:'FZLTHJW',"Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l,.left{float: left;}
.common{width: 1200px;margin: 0 auto;}
.con{ display:none;}
html {

      overflow-y: scroll;

}
.container{
	background: #f0f0f2;
	padding-bottom: 50px;
}
.header{
	width: 100%;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0px 10px #55a6a8;
	margin-bottom: 21px;
	background: -webkit-linear-gradient(left,#61c9a9,#4982a5); /* Safari 5.1 - 6 */
    background: -o-linear-gradient(right,#61c9a9,#4982a5); /* Opera 11.1 - 12*/
    background: -moz-linear-gradient(right,#61c9a9,#4982a5); /* Firefox 3.6 - 15*/
    background: linear-gradient(to right,#61c9a9,#4982a5); /* 标准的语法 */
}
.header .common{
	position: relative;
}
.header .common .logo{
	position: absolute;
	left: 0;
	top: 12px;
	width: 257px;
	height: 30px;
	background: url(../img/OnlineSchoolLogo.png) top center no-repeat;
}
.header .common .topnav{
	padding-left: 294px;
}
.header .common .topnav .pg_nav>a{
	color: #fff;
	font-size: 16px;
	margin:0 21px;
}
.header .common .topnav .font>a{
	font-weight: bold;
}
.header .common .topnav .pg_nav{
	position: relative;
}
.header .common .topnav .pg_nav .bottom_line{
	position: absolute;
	bottom: 0;
	left: 35px;
	width: 38px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
}
.header .common .login{
	cursor: pointer;
	display: block;
	width:168px;
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
}
.learn_record{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 195px;
	color: #ffffff;
}
.learn_record a{
	color: #ffffff!important;
}
.record_icon{
	margin-right: 10px;
}
.header .common .connection{
	width: 168px;
	height: 15px;
	position: absolute;
	right: -2px;
	top: 60px;
	z-index: 10;
}
.header .common .login .hide{
	display: none;
}
.header .common .Personal_information{
	right: 0;
	top: 70px;
	z-index: 10;
	position: absolute;
	padding: 15px 5px 20px 5px;
	width: 156px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px #d9d9d9;
}
.Learning_records{
	left: 0;
	top: 70px;
	z-index: 10;
	position: absolute;
	padding: 15px 5px 30px 5px;
	width: 265px;
	font-size: 12px;
	line-height: normal;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px #d9d9d9;
}
.header .common .Personal_information>a{
	display: inline-block;
	margin: 5px 15px;
	width: 48px;
	font-size: 12px;
	line-height: 12px;
	color: #b9c2c8;
}
.header .common .Personal_information>a:hover{
	color: #343c49;
}
.header .common .Personal_information .top_round{
	position: absolute;
	top: -7px;
	right: 18px;
	width: 16px;
	height: 7px;
	background: url(../img/top_round.png) top center no-repeat;
}
.Learning_records .top_round{
	position: absolute;
	top: -7px;
	left: 18px;
	width: 16px;
	height: 7px;
	background: url(../img/top_round.png) top center no-repeat;
}
.header .common .Personal_information .exit{
	cursor: pointer;
	width:126px;
	height: 24px;
	line-height: 24px;
	text-align:center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 12px;
	margin:10px auto 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.header .common .login .login_img{
	width:40px;
	height: 40px;
	margin-top: 10px;
	background: url(../img/avatars.png) top center no-repeat; 
	background-size: 100% 100%;
	border-radius: 50%;
	display: block;
}
.header .common .login .login_num{
	font-size: 14px;
	color: #fff;
	text-indent: 10px;
}
.header .common .login .login_open{
	width: 12px;
	height: 6px;
	margin-top: 27px;
	background: url(../img/open.png) top center no-repeat;
}
.content .leftsidebar{
	width: 160px;
	padding-top: 18px;
	padding-bottom: 18px;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 30px;
}
.content .leftsidebar>a{
	display: block;
	margin-left: 38px;
}
.content .leftsidebar .mine .content1{
	text-indent: 14px;
	font-size: 14px;
	color: #b9c2c8;
}
.content .leftsidebar .mine{
	position: relative;
}
.content .leftsidebar .mine .down_line{
	top: -5px;
	left: -38px;
	position: absolute;
	width: 4px;
	height: 30px;
	border-radius: 2px;
	background: #59b2a8;
	box-shadow: 4px 0 6px rgba(56,188,164,0.4);
}
.content .leftsidebar .mine .content1:hover{
	color: #343c49;
	font-weight: bold;
}
.content .common .leftsidebar .down .content1{
	color: #343c49;
	font-weight: bold;
}
.content .common .leftsidebar .mine .content2{
	text-indent: 16px;
}
.content .leftsidebar .my_class_logo{
	width: 11px;
	height: 14px;
	margin-top:3px;
	background: url(../img/my_class_logo.png) top center no-repeat;
}
.content .leftsidebar .agreement_logo{
	width: 14px;
	height: 14px;
	margin-top:3px;
	background: url(../img/agreement_logo.png) top center no-repeat;
}
.content .leftsidebar .mail_logo{
	width: 14px;
	height: 11px;
	margin-top:3px;
	background: url(../img/mail_logo.png) top center no-repeat;
}
.content .leftsidebar .order_logo{
	width: 13px;
	height: 14px;
	margin-top:3px;
	background: url(../img/order_logo.png) top center no-repeat;
}
.content .leftsidebar .juan_logo{
	width: 14px;
	height: 10px;
	margin-top:5px;
	background: url(../img/juan_logo.png) top center no-repeat;
}
.content .leftsidebar .record_logo{
	width: 14px;
	height: 11px;
	margin-top:5px;
	background: url(../img/record_logo.png) top center no-repeat;
}
.content .leftsidebar .server_logo{
	width: 14px;
	height: 14px;
	margin-top:3px;
	background: url(../img/server_logo.png) top center no-repeat;
}
.content .leftsidebar>a{
	width: 88px;
}
.content .leftsidebar>a:nth-child(2),
.content .leftsidebar>a:nth-child(4),
.content .leftsidebar>a:nth-child(6){
	margin-top: 18px;
	margin-bottom: 18px;
}
.content .leftsidebar>a:nth-child(1),
.content .leftsidebar>a:nth-child(3),
.content .leftsidebar>a:nth-child(5){
	padding-bottom: 18px;
	border-bottom: 1px solid #f0f0f2
}
.leftsidebar_app{
	display: block;
	position: relative;
	width: 160px;
	height: 50px;
	line-height: 50px;
	border-radius: 8px;
	background: #fff;
	margin: 10px 0;
	font-size: 14px;
	color: #353c49;
	text-indent: 43px;
}
.leftsidebar_app>div{
	position: absolute;
	top: 16px;
	left: 19px;
	width: 18px;
	height: 18px;
}
.leftsidebar_app .app_logo{
	background: url(../img/app_logo.png) top center no-repeat;
}
.leftsidebar_app .app_show{
	z-index: 10;
	display: none;
	text-align:center;
	position: absolute;
	top: -27px;
    left: 173px;
	width: 265px;
	height: 143px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 12px #d9d9d9;
}
.leftsidebar_app .bank,
.leftsidebar_app .assistant{
	width: 110px;
}
.leftsidebar_app .round{
	display: none;
	position: absolute;
	top: 6px;
	left: 165px;
	width: 8px;
	height: 20px;
	background: url(../img/round_left.png) top center no-repeat;
}
.leftsidebar_app .connection{
	width: 14px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 160px;
} 
.leftsidebar_app .app_show .app_img{
	text-indent: 0;
	width: 90px;
	height: 90px;
	margin:10px 10px 6px 10px;
}
.leftsidebar_app .app_show .app_img>img{
	width: 100%;
	height: 100%;
}
.leftsidebar_app .app_show .left_app>p{
	text-indent: 0px;
	text-align: center;
	line-height: 14px;
	font-size:12px;
	color: #1b2026; 
}
.leftsidebar_app .app_show .right_introduce{
	text-indent: 20px;
	font-size: 12px;
	line-height: 12px;
	text-align:left;
	margin-top: 2px;
}
.leftsidebar_app .app_show .right_introduce .p1{
	position: relative;
	margin: 10px 0;
	color: #1b2026;
}
.leftsidebar_app .app_show .right_introduce .p1>img{
	position: absolute;
	width: 12px;
	height: 14px;
	top: -2px;
	left: 0;
}
.leftsidebar_app .app_show .right_introduce .p2{
	margin-bottom: 6px;
	color: #898d92
}
.leftsidebar_app .app_show .right_introduce .instructions{
	color: #68c0df;
	line-height: 12px;
}
.leftsidebar_app .download_logo{
	background: url(../img/download_logo.png) top center no-repeat;
}
.leftsidebar_app .assistant_logo{
	background: url(../img/assistant_logo.png) top center no-repeat;
}
.leftsidebar_app .bank_logo{
	background: url(../img/bank_logo.png) top center no-repeat;
}
.content .content_center{
	margin: 0 20px;
}
#nwntop_container{
	padding: 0 10px;
}
.record_date_s{
	height: 12px;
	color: #343c49;
}
.record_time{
	font-size: 12px;
	color: #8e929d;
}
.record_date_s i{
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #59b2a8;
	border-radius: 50%;
	margin-right: 10px;
}
.record_detail_s{
	margin-left: 5px;
	padding: 5px 0 5px 20px;
	line-height: 26px;
	border-left: 1px solid #d7d9e3;
}
.record_lessonname_s:hover{
	color: #239173;
}
.record_once_count .record_detail_s:nth-of-type(1){
	padding-top: 15px;
}
.record_once_count .record_detail_s:last-child{
	padding-bottom: 15px;
}
.record_once_count:last-child .record_detail_s{
	border-left: none;
}
.record_type_s{
	display: flex;
	align-items: center;
	position: relative;
}
.record_type_s img{
	height: 13px;
}
.ei-hudong{
	color: #33c1ef;
}
.record_lessonname_s{
	margin-left: 10px;
	color: #353c49;
	width: 193px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.double_lessonname{
	position: absolute;
	min-width: 200px;
	bottom: 25px;
	left: 14px;
	font-size: 12px;
	padding: 0 10px;
	background: #000000;
	border-radius: 5px;
	opacity: 0.7;
	display: none;
}
.double_lessonname img{
	position: absolute;
	left: 30px;
	bottom: -7px;
}
.back_play{
	width: 32px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background: #68c0df;
	border-radius: 2px;
}
.appear_more{
	width: 150px;
	height: 24px;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	background: #68c0df;
	border-radius: 4px;
	box-shadow: 0px 2px 6px 0px rgba(104, 192, 223, 0.5);
}
.toast{
	padding: 0 25px;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0 0px 16px -3px #ccc;
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 36px;
	display: none;
	z-index: 10;
	font-size: 14px;
}
.learn_yet_s{
	display: none;
	margin: 30px;
}
.toast p{
	display: flex;
	align-items: center;
}
.toast p img{
	margin-right: 5px;
}
.is_living{
	color: orange;
	margin-left: 10px;
}
.is_living img{
	margin-right: 5px;
}
.content .content_center .content_center1{
	overflow: hidden;
	margin:20px auto;
	position: relative;
	width: 660px;
	padding: 30px;
	background: #fff;
	line-height:32px;
	border-radius: 8px;
	font-size: 16px;
	color: #353c49;
	font-weight: bold;
}
.content .content_center .content_center1:hover{
	box-shadow: 0 4px 12px #d9d9d9;
}

	

.content .content_center .content_center1 .title_line{
	width: 720px;
    height: 3px;
    background: #59b2a8;
    position: absolute;
    top: 0px;
    left: 2px;
}
.content .content_center .content_center1 .class_title{
	line-height: 32px;
	position: relative;
	width: 100%;
	height: 100%;
}
.content .content_center .content_center1 .go_study{
    position: absolute;
	display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 14px;
	top: 50%;
	margin-top: -16px;
	right: 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.content .content_center .content_center1 .open,
.content .content_center .content_center1 .close{
	font-size: 14px;
	color: #59b2a8;
	position: relative;
	margin-right: 42px;
}
.content .content_center .content_center1 .open>img,
.content .content_center .content_center1 .close>img{
	position: absolute;
	top: 8px;
	right: -24px;

}
.content_center1 .spread_content{
	display: none;
}
.content_center1 .spread_content .open_content{
	padding-right: 18px;
	padding-top:30px;
/*	padding-bottom: 30px;*/
	border-top:1px solid #f0f0f2;
/*	border-bottom:1px solid #f0f0f2;*/
	margin-top: 30px;
}
.content_center1 .spread_content .open_content .open_title{
	font-size: 12px;
	color: #898d92;
	margin-bottom: 30px;
}
.content_center1 .spread_content .open_content .class_title{
	line-height: 28px;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #353c49;
	margin: 10px auto;
	padding-left: 18px;
}
.content_center1 .spread_content .open_content .class_title .open_class{
	position: absolute;
	text-indent: 0;
	display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 12px;
	top: 50%;
	margin-top: -14px;
	right: 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.content_center1 .spread_content .open_content2{
	padding-top:0;
	padding-bottom: 0;
	border:none;
	margin-top: 30px;
}
.rightsidebar_all{
	width: 280px;
}
.rightsidebar_all .rightsidebar{
	padding: 20px 0px 40px 20px;
	background: #fff;
	border-radius: 8px;
}
.rightsidebar_all .rightsidebar .title{
	display: block;
	width: 240px;
	line-height: 16px;
	font-size: 14px;
	color: #353c49;
	font-weight: bold;
	position: relative;
	text-indent: 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f2;
	margin-bottom: 20px;
}
.rightsidebar_all .rightsidebar .title .line_prve{
	width: 4px;
	height: 16px;
	background: #59b2a8;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0;
}
.rightsidebar_all .rightsidebar .title .look_more{
	display: inline-block;
	width: 6px;
	height: 12px;
	background: url(../img/look_more.png) top center no-repeat;
}
.rightsidebar_all .rightsidebar .content1{
	font-size: 12px;
	color: #898d92;
	margin:16px 0;
	display: block;
}
.rightsidebar_all .rightsidebar .content1>span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
	margin-right: 4px;
}
.rightsidebar_all .rightsidebar .content1 .frist{
	background: #ffe0e4;
	color:#f26085;
}
.rightsidebar_all .rightsidebar .content1 .second{
	background: #fdecd7;
	color: #f6b760;
}
.rightsidebar_all .rightsidebar .content1 .thired{
	background: #e2f7f5;
	color: #50c6ad;
}
.rightsidebar_all .rightsidebar_center{
	margin:20px 0;
}
.rightsidebar_all .rightsidebar .content2{
    position: relative;
    text-indent: 22px;
    cursor: pointer;
}
.rightsidebar_all .rightsidebar .content2>div{
	position: absolute;
	left: 0;
	top: 2px;
	display: inline-block;
	line-height: 14px;
	height: 14px;
	font-size: 14px;
	color: #898d92;
}
.rightsidebar_all .rightsidebar .content1 .qq{
	width: 12px;
	background: url(../img/qq.png) top center no-repeat;
}
.rightsidebar_all .rightsidebar .content1 .server{
	width: 14px;
	background: url(../img/server.png) top center no-repeat;
}
.footer{
	height: 200px;
	width: 100%;
	background: #1d2b3f;
}
.footer .common{
	padding-top: 62px;
}
.footer .common .school{
	width: 699px;
	margin-left: 180px;
}
.footer .common .school .p1>a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.footer .common .school .p2{
	margin:26px auto 10px; 
}
.footer .common .school .p2>a{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding-right: 4px;
	padding-left: 4px;
	border-right: 2px solid #a8abb0
}
.footer .common .school .p2>a:hover{
	color:#e00;
}
.footer .common .school .p2>a:nth-child(1){
	padding-left: 0px;
}
.footer .common .school .p2>a:nth-child(6){
	border:none;
}
.footer .common .school .p3{
	font-size: 12px;
	color: #fff;
}
.footer .common .follow_me .p4{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.footer .common .follow_me>div{
	cursor: pointer;
}
.footer .common .follow_me .weibo{
	position: relative;
	width: 40px;
	height: 40px;
	margin-right: 60px;
	background: url(../img/weibo.png) top center no-repeat;
}
.footer .common .follow_me .public{
	position: relative;
	width: 40px;
	height: 40px;
	background: url(../img/public_logo.png) top center no-repeat;
}
.footer .common .follow_me .public .weixin_logo{
	display: none;
	position: absolute;
	padding: 10px 10px;
	width: 90px;
	height: 90px;
	border-radius: 8px;
	background: #fff;
	top: -129px;
    right: -34px;
}
.footer .common .follow_me .public .weixin_logo>img{
	width: 100%;
	height: 100%;
}
.footer .common .follow_me .public .bottom_round{
	display: none;
	width: 20px;
	height: 10px;
	position: absolute;
	top: -26px;
    right: 10px;
}
.footer .common .follow_me .public .connection{
	display: none;
	position: absolute;
    width: 110px;
    height: 20px;
    top: -19px;
    right: -35px;
}



.container{
	padding-bottom: 0px;
}
.header{
	margin-bottom: 0;
}
.header .common .on{
	font-weight: bold;
}
.header .common .directory{
	cursor: pointer;
}
.header .common .directory_logo{
    position: absolute;
    left: 0;
    top: 21px;
    width: 24px;
    height: 18px;
    background: url(../img/directory_logo.png) top center no-repeat;
}
.header .common .directory_text{
	position: absolute;
	left: 24px;
	top: 21px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding-left: 11px;
}
.header .common .top_title{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.header .common .top_title p{
	width: 576px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.video{
	position: relative;
	width: 1200px;
	/*padding-bottom: 1px;*/
	margin:0 auto;
}

.video.deleted{
	background: url(../img/deleted.png) no-repeat center center;
	background-color: #1b2026;
}

.container .spread_directory{
	z-index: 10;
	display: none;
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 350px;
	height: 675px;
	background: #2e2e2e;
}
.container .spread_directory .content{
	width: 298px;
	margin:0 auto;
	padding-top: 15px;
}
.container .box1 .title1,
.container .box1 .title2{
	cursor: pointer;
	font-size: 14px;
	color: #898d92;
	position: relative;
	line-height: 44px;
}
.level_name_ell{
	width: 218px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.container .box1 .title2.up{
	color: #fff;
}

.container .box1 .title2.down{
	color: #898d92;
}



.container .box1 .title3{
	color: #fff;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	/* position: relative; */
	display: block;
}




.container .box1 .title3 .title3_text{
	position: relative;
	/* z-index: 10; */
	padding-left: 48px;
}
.container .box1 .title3 .title3_text .play_logo{
	left: -47px;
    position: absolute;
}
.container .box1 .title3 .title3_text .play_logo>img{
	position: absolute;
    left: 41px;
    top: 9px;
}
.container .box1 .title3 .title3_text .play_logo p{
	padding-left: 62px;
    color: #898d92;
}
.assembly_name{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.container .box1 .title3 .title3_text .double_assembly_name{
	position: absolute;
	min-width: 200px;
	top: 35px;
	left: 0;
	padding: 0 10px;
	background: #ffffff;
	color: #505763;
	border-radius: 5px;
	display: none;
	z-index: 20;
	line-height: 20px;
}
.double_assembly_name img{
	position: absolute;
	left: 53px;
	top: -7px;
}
.container .box1 .title3 .bg1{
	position: absolute;
    top: 0;
    right: -10%;
    height: 36px;
    width: 350px;
    background: #202020;
    z-index: -1;
}
.container .box1 .title3 .bg2{
	position: absolute;
    top: 0;
    right: -10%;
    height: 36px;
    width: 350px;
    background: #202020;
    z-index: -1;
}
.container .box1 .title3 .bg>img{
	display: none;
	position: absolute;
	left: 12px;
	top: 11px;
}
.container .box .font{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 6px;
	cursor: pointer;
}
.container .box .font>img{
	width: 100%;
	height: 100%;
}
.container .box .title1_content{
	padding-left: 18px;
	display: none;			
}
/*滚动条*/
.mCustomScrollbar .mCSB_inside > .mCSB_container{
	margin-right: 0px;
}
#mCSB_1 .mCSB_1_scrollbar{
	z-index: 10
}
#mCSB_1 .mCSB_dragger_bar{
	width: 6px;
}
.mCSB_draggerRail{
	display: none;
}

 .wbtc{
 	position: absolute;
 	left: -70px;
 	top: -99px;
 	border-radius: 8px;
 	width: auto;
 	height: 83px;
 	overflow: hidden;
 	background-color: rgb(255, 255, 255);
 	z-index: 999;
 	border-bottom-color: rgb(204, 204, 204);
 	border-bottom-width: 1px;
 	border-bottom-style: solid;
 	display: none;
 	background-position: initial initial;
 	background-repeat: initial initial;
 }
 .weibo .connection1{
 	display: none;
 	position: absolute;
 	left: -70px;
 	top: -19px;
 	width: 170px;
 	height: 19px;
 }
 .weibo .v_bottom_round{
 	display: none;
 	width: 31px;
 	height: 14px;
 	position: absolute;
 	left: 4px;
 	top: -20px;
 	z-index: 1000;
 }
  .weibo .v_bottom_round>img{
  	width: 100%;
  	height: 100%;
  }


  /*滚动条*/

::-webkit-scrollbar {
  width: 18px;
  height: 14px;
}
 
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}
 
::-webkit-scrollbar-track {
 /* box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;*/
}
 
::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(174,174,174,1) inset;
}
 
::-webkit-scrollbar-corner {
  background: transparent;

}


.dl_box{
	width: 1120px;
	padding: 0 40px;
	min-height: 672px;
	background: #fff;
	margin: 0 auto;
}
.dl_box .top_ctrl{
	height: 32px;
	padding-top: 25px;
	line-height: 32px;
}
.dl_box .top_ctrl .left{
	float: left;

}
.dl_box .top_ctrl .right{
	float: right;
}

.dl_box .top_ctrl .right .box1{
	cursor: pointer;

}

.dl_box .top_ctrl .right .box1 .btn{
	width: 100px;
	height: 32px;
	background: #68c0df;
	border-radius: 4px;
	text-align: center;
	color: #fff;font-size: 14px;
	line-height: 32px;
}

.dl_box .top_ctrl .right .box1 .btn .ei-download{
	margin-right: 5px;


}
.dl_box .top_ctrl .right .box2{
	display: none;
}
.dl_box .top_ctrl .right .box2 div{
	width: 100px;
	height: 32px;
	background: #68c0df;
	border-radius: 4px;
	text-align: center;
	color: #fff;font-size: 14px;
	line-height: 32px;
	margin-left: 20px;
	float: left;
	cursor: pointer;
}

.dl_box .top_ctrl .right .box2 div i{
	margin-right: 5px;
}

.dl_box .top_ctrl .right .box2 div.btn1{
	background: #fff;
	border:1px solid #b6becd;
	color: #29303b;
	width: 98px;
	height: 30px;
}

.dl_box .mid_con .pdfs{
	height: 76px;
	border-bottom: 1px solid #efefef;
	line-height: 76px;
	overflow: hidden;
	position: relative;
}
.dl_box .mid_con .pdfs .mask{
	position: absolute;
	top: 0;
	left:28px;
	width: 92%;
	height: 100%;
	display: none;
}


.dl_box .mid_con .pdfs .left{
	float: left;
}
.dl_box .mid_con .pdfs .left.cb{
	width: 18px;
	height: 18px;
	margin-top: 30px;
	margin-right: 10px;
	line-height: 18px;
}
.dl_box .mid_con .pdfs .name-box{
	float: left;
	width: 92%;
	cursor: pointer;
}
.dl_box .btns{
	margin: 0 auto;
	text-align: center;
}
.dl_box .btns a{
	width: 98px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	display: inline-block;
	margin: 0 15px;
}
.dl_box .btns a.a1{
	background: #68c0df;
	color: #fff;
	border:1px solid #68c0df;
	border-radius: 4px;
	font-size: 14px;
}
.dl_box .btns a.a2{
	color: #29303b;
	font-size: 14px;
	border:1px solid #b6becd;
	border-radius: 4px;
}
.dl_box .mid_con .pdfs .download-btn{
	float: right;
	color: #62c1ae;
	width: 5%;
	text-align: center;
		cursor: pointer;
}

.dl_box .mid_con .pdfs .type{
	margin-right: 12px;
	line-height: 80px;
}

.dl_box .mid_con .pdfs .type .ei-wenjian{
	color: #62c1ae;
}
.dl_box .mid_con .pdfs .type span{
	color: #898d92;
}


.dl_box .mid_con .pdfs .p1{
	font-size: 14px;
	color:#353c49;
	line-height: 80px;

}

.pdfs .layui-form-item  .layui-form-checkbox[lay-skin=primary]{
	padding-left: 32px;

}

.dl_box .layui-form-item .layui-form-checkbox[lay-skin=primary]{
	margin-top: 0px;
}
.top_ctrl .layui-form-checked[lay-skin=primary] i{
	border-color: #62c1ae;
    background-color: #62c1ae;
    color: #fff;
}

.pdfs .layui-form-checked[lay-skin=primary] i{
	border-color: #62c1ae;
    background-color: #62c1ae;
    color: #fff;
}

body .layui-form-item{
	margin-bottom: 0;
}
/* 练习组件二维码 */
.practiceQrcode{
	text-align: center;
	display: none;
}
.practiceQrcode > img {
	margin: 100px auto 30px;
	width: 120px;
	height: 120px;
	border: 5px solid #3ac4a9;
	border-radius: 4px;
}
.practiceName{
	font-size: 14px;
	color: #353c49;
	text-align: center;
	margin-bottom: 10px;
	display: none;
}
.practiceName p{
	width: 294px;
	margin: 0 auto;
}
.practiceTip{
	font-size: 12px;
	color: #898d92;
	text-align: center;
	display: none;
}
.fileimg{
	border: 0!important;
}
#live_iframe{
	width: 100%;
	height: 100%;
	position: absolute;
}