html{height: 100%;}
body{position: absolute;width: 100%;min-height: 100%;background-color: #f3f5f8;}
button,input,select,textarea {font-size: 100%;border: none;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;}

.radius_4{border-radius: 4px;}
.radius_6{border-radius: 6px;}
::-webkit-input-placeholder{color: #A6B2C1;font-size: 13px;}
::-moz-placeholder{color: #A6B2C1;font-size: 13px;}
.down_arrow,.up_arrow{position: relative;}
.down_arrow:after,.up_arrow:after{position: absolute;top: 50%;right: -10px;margin-top: -2px;display: block;content: '\200B';width: 0;height: 0;border-right: 3px solid transparent;border-left: 3px solid transparent;}
.down_arrow:after{border-top: 5px solid #708498;border-bottom: 1px solid transparent;}
.up_arrow:after{border-top: 1px solid transparent;border-bottom: 5px solid #708498;}

/*-- header --*/
#sim_head{background: #1473FF;min-width: 1210px;width: 100%;box-shadow: 0 2px 2px #EBEDF0;}
#sim_head .head,#sim_head .head_logo,#sim_head .head_nav{height: 80px;line-height:80px;}
#sim_head .head_logo a{font-size: 15px;color: #fff;}
#sim_head .head_logo .head_tag{background: orange;font-size: 12px;padding: 1px 3px;border-radius: 5px;margin-right: 5px;}
#sim_head .head_logo img{margin-right: 10px;width: 100px;height: 27px;vertical-align: text-bottom;}
#sim_head .head_nav {margin-right: 60px;}
#sim_head .head_nav a{font-size: 15px;color: #fff;margin-left: 40px;padding-bottom: 17px;position: relative;}
#sim_head .head_nav a.active:after{display: block;content: '';width: 20px;height: 6px;border-radius: 4px;background: #fff;position: absolute; bottom: 0;left: 50%;margin-left: -10px;}
#sim_head .td-top-user{margin-top: 25px;display: none;}
#sim_head .td-top-user a{color: #fff;}
#sim_head .td-top-user a:hover{color: #0da8ff;}
#sim_head .td-top-ucenter{margin-top: 20px;display: none;}
#passportCheck{width: 65px;}

#class_head{background: #fff;min-width: 1210px;width: 100%;height: 50px;line-height: 50px;}
#class_head .class_nav{font-size: 0;height: 50px;line-height: 50px;}
#class_head .class_nav a{margin-left: 58px;padding-bottom: 13px;font-size: 16px;color: #708498;}
#class_head .class_nav a:first-child{margin-left: 0;}
#class_head .class_nav a:hover{color: #1473FF;}
#class_head .class_nav a.active{border-bottom: 2px solid #1473FF;color: #1473FF;}
#class_head .task{display: inline-block;width: 28px;height: 28px;background: url('../../images/school/SIM2/icon_task.png') no-repeat center;position: relative;vertical-align: middle;cursor: pointer;}
#class_head .task i{display: inline-block;width: 13px;height: 13px;background: #f94b6c;border-radius: 50%;position: absolute;bottom: 0;right: -5px;}
#class_head .class_user img{width: 30px;height: 30px;border-radius: 50%;}

.class_task{width:70px;text-align:center;}

.search{position: relative;width: 262px;height: 34px;border: 1px solid #EBEDF0;border-radius: 4px;background: #F3F5F8;}
.search input{float: left;padding:7px 0 7px 10px;width: 207px;height: 20px;color: #A6B2C1;background: #F3F5F8;font-size: 14px;}
.search button{float: right;width: 44px;line-height: 34px;height: 34px;font-size: 14px;color: #A6B2C1;background: #fff;border-radius: 4px;border-left: 1px solid #EBEDF0;cursor: pointer;}
.search button:hover{color: #1473FF;}
.search em{display: none;position: absolute;top: 8px;right: 45px;width: 20px;height: 20px;background: url('../../images/school/SIM2/clear.png') no-repeat center;cursor: pointer;}

.icon_checkbox{display: inline-block;width: 16px;height: 16px;vertical-align: middle;background-image: url('../../images/school/SIM2/cart_icon.png');background-repeat: no-repeat;background-position: 0 0;cursor: pointer;}
.icon_checkbox.selected{background-position: 0 -29px;}

.modal_cover{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;background: #000;opacity: 0.6;}
.edit_modal{display: none;position: fixed;top: 30%;left: 50%;margin-left: -244px;width: 368px;padding: 60px;background: #fff;border-radius: 4px;box-shadow: 0 2px 2px #EBEDF0;z-index: 12;}
.edit_modal .modal_title{margin-bottom: 30px;color: #708498;text-align: center;}
.edit_modal .modal_act a{display: inline-block;width: 115px;height: 40px;line-height: 40px;text-align: center;border-radius: 4px;box-sizing: border-box !important;}
.edit_modal .modal_act .sure{color: #fff;background: #1473FF;}
.edit_modal .modal_act .sure:hover{box-shadow: 0 5px 5px rgba(20, 115, 255, 0.2);}
.edit_modal .modal_act .cancel{margin-left: 30px;color: #708498;border: 1px solid #EBEDF0;}
.edit_modal .modal_act .cancel:hover{box-shadow: 0 5px 5px #EBEDF0;}
.edit_modal .modal_close{position: absolute;top: 10px;right: 10px;width: 25px;height: 25px;cursor: pointer;}

/*pages new css*/
.pages{color: #A6B2C1;text-align: center;padding: 10px 0;clear: both;}
.pages a,.pages span{color: #A6B2C1;min-width: 23px;height: 23px;line-height: 23px;text-align: center;border-radius: 36px;padding:5px;display: inline-block;margin: 0 5px;}
.pages a{border: 1px solid #e7e7e7;}
.pages a:hover,.pages span:hover{color:#1473FF;}
.pages a:hover{border-color: #1473FF;}
.pages span.current{color: #fff;border-color: #1473FF;background-color: #1473FF;padding: 5px;height: 23px;}
.pages i{margin: 10px;}
.pages .all{color: #A6B2C1;border: none;}
.pages span.all:hover{color: #A6B2C1;}
/*-- pages end --*/

.radius_sha{box-shadow: 0 2px 2px #EBEDF0;border-radius: 4px;}
.fff3{background: -webkit-linear-gradient(top,#ffff,#F3F5F8);
background: -moz-linear-gradient(top,#ffff,#F3F5F8);
background: -o-linear-gradient(top,#ffff,#F3F5F8);
background: linear-gradient(180deg,#ffff,#F3F5F8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffff, endColorstr = #F3F5F8);}
.last_item{margin-right: 0 !important;}
.mCSB_inside > .mCSB_container{margin-right: 0 !important;}

/* 班级头部 */
#classroom_top{min-width: 1210px;width: 100%;height: 265px;position: relative;}
#classroom_top .class_banner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
#classroom_top .class_banner img{display: block; width: 100%;height: 290px;background: #CBD5E0;position: absolute;top: 0;left: 0;
filter: url(blur.svg#blur);-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}
#classroom_top .class_top{width: 100%;position: absolute;top: 0;left: 0; z-index: 2;}
#classroom_top .top_container{height: 60px;line-height: 60px;}
#classroom_top .menu{position: relative;height: 60px;}
#classroom_top .menu i{display:block;width: 40px;height: 40px;cursor: pointer;position: relative;}
#classroom_top .menu .avart img{width: 40px;height: 40px;border-radius: 4px;}
#classroom_top .menu em{border-top: 4px solid #999;border-right: 7px solid transparent;border-bottom: 1px solid transparent;border-left: 7px solid transparent;position: absolute;bottom: -20px;left: 13px;}
#classroom_top .menu em.active{border-bottom: 4px solid #999;border-right: 7px solid transparent;border-top: 1px solid transparent;border-left: 7px solid transparent;}
#classroom_top .menu_list{display: none;position:absolute;top: 80px;left: 0;padding: 40px 0;width: 280px;line-height: 60px;text-align: center;background: #fff;z-index: 10;}
#classroom_top .menu_list img{display: block;width: 60px;height: 60px;margin: auto;}
#classroom_top .menu_list_nav a{display: block;color: #93A1B2;border-left: 5px solid #fff;}
#classroom_top .menu_list_nav a:hover{color: #1473FF;background: #F8FAFB;border-color: #1473FF;}
#classroom_top .class_nav a{margin-left: 58px;padding-bottom: 28px;font-size: 16px;color: #fff;}
#classroom_top .class_nav a.active{border-bottom: 2px solid #fff;}
#classroom_top .task{display: inline-block;width: 28px;height: 28px;background: url('../../images/school/SIM2/icon_task.png') no-repeat center;position: relative;vertical-align: middle;cursor: pointer;}
#classroom_top .task i{display: inline-block;width: 13px;height: 13px;background: #f94b6c;border-radius: 50%;position: absolute;bottom: 0;right: -5px;}
#classroom_top .class_user img{width: 30px;height: 30px;border-radius: 50%;}
#classroom_top .class_info{padding-top: 25px;text-align: center;}
#classroom_top .class_info .class_name{font-size: 28px;color: #2D3C4E;}
#classroom_top .class_info p{margin: 15px 0 10px;color: #708498;}
#classroom_top .class_edit .edit_inner{width: auto;margin: 0 auto;}
#classroom_top .class_edit .class_code{position: relative; display: inline-block;padding: 0 30px 0 10px;height: 30px;line-height: 30px;border: 1px solid #708498;cursor: pointer;color: #2D3C4E;}
#classroom_top .class_code.down_arrow:after{right: 10px;}
#classroom_top .class_edit ul{width: 82px;margin: 0 auto;display: none;}
#classroom_top .class_edit li{margin-top: 2px;width: 80px;height: 30px;line-height: 30px;border: 1px solid #fff;color: #2D3C4E;background-color: rgba(255, 255, 255, 0.6);cursor: pointer;}
#classroom_top .td-top-ucenter{margin-top: 15px;}

.classroom_subnav{width: 100%;min-width: 1210px;height: 70px;line-height: 70px;text-align: center;background-color: #1473FF;}
.classroom_subnav .subnav_list a{margin-left: 80px;padding-bottom: 23px;font-size: 16px;color: #fff;}
.classroom_subnav .subnav_list a:first-child{margin-left: 0;}
.classroom_subnav .subnav_list a.on{border-bottom: 2px solid #fff;}
.classroom_subnav .wa{position: relative;}
.classroom_subnav .check_in{padding: 0 5px 0 27px;width: 66px;height: 32px;line-height: 32px;color: #00CCFF;position: absolute;top: 18px;right: 0;border: 1px solid #00CCFF;border-radius: 48px;cursor: pointer;background-image: url('../../images/school/SIM2/smile.png');background-repeat: no-repeat;background-position: left 5px center;}
.classroom_subnav .check_in:hover{color: #00FFFF;border-color: #00FFFF;background-image: url('../../images/school/SIM2/smile_h.png');}
.classroom_subnav .check_in.alreadyCheck{background-image: url('../../images/school/SIM2/r_check.png');color: #00FFFF;border-color: #00FFFF;}

/* 文件图标 */
.icon_thumb{background-image: url('../../images/fileIcons.png');background-repeat: no-repeat;background-position: 0 -420px;}
.icon_doc,.icon_docx{background-position: 0 0;}
.icon_ppt,.icon_pptx{background-position: 0 -47px;}
.icon_xls,.icon_xlsx{background-position: 0 -93px;}
.icon_z1,.icon_z1a,.icon_z1d,.icon_z1n,.icon_z1ai{background-position: 0 -140px;}
.icon_rar,.icon_zip{background-position: 0 -187px;}
.icon_mp4,.icon_avi,.icon_flv,.icon_mpg,.icon_wmv,.icon_webm,.icon_m4v,.icon_mov{background-position: 0 -233px;}
.icon_radio{background-position: 0 -280px;}
.icon_pdf{background-position: 0 -327px;}
.icon_txt{background-position: 0 -373px;}
.icon_undefined{background-position: 0 -420px;}
.icon_png,.icon_jpg,.icon_jpeg,.icon_gif,.icon_bmp{background-position: 0 -467px;}
.icon_folder{background-position: 0 -513px;}
.icon_folders{background-position: 0 -840px;}

.icon_big_doc,.icon_big_docx{background-position: 0 0;}
.icon_big_ppt,.icon_big_pptx{background-position: 0 -70px;}
.icon_big_xls,.icon_big_xlsx{background-position: 0 -140px;}
.icon_big_z1{background-position: 0 -210px;}
.icon_big_rar,.icon_big_zip{background-position: 0 -280px;}
.icon_big_mp4,.icon_big_avi,.icon_big_flv,.icon_big_mpg,.icon_big_wmv,.icon_big_webm{background-position: 0 -350px;}
.icon_big_radio{background-position: 0 -420px;}
.icon_big_pdf{background-position: 0 -490px;}
.icon_big_txt{background-position: 0 -560px;}
.icon_big_undefined{background-position: 0 -630px;}
.icon_big_png,.icon_big_jpg,.icon_big_jpeg,.icon_big_gif,.icon_big_bmp{background-position: 0 -700px;}
.icon_big_folder{background-position: 0 -770px;}

/*学校认证提示*/
.flex-box{display: flex;display: -webkit-flex;display: -ms-flexbox;}

.y-head-logo{align-items: center;}
.y-head-logo .img{margin-left: 8px; width: 16px;height: 16px;border-radius: 50%;}
.y-head-logo.certificate-ed-con .img{background: #3FB7F9;}
.y-head-logo.certificate-not-con .img{background: #DFDFDF;}

.y-banner-left{z-index: 5;position: relative}
.y-banner-school-name{margin-bottom: 15px; position: relative; display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content: center;align-items: center;}
.certificate-con{margin-left: 4px; position: relative; }
.certificate-con .img{margin-bottom:0;margin-left: 0; width: 16px;height: 16px;border: 0;border-radius: 50%;color: #fff;cursor: pointer;}
.certificate-hide-con{display: none; padding-top: 20px;position: absolute;left: 50%;transform: translateX(-50%);top: 5px; }
.certificate-con .certificate-hide{padding: 6px 12px; border-radius: 4px;background: #424242;color: #FFFFFF;font-size: 12px;white-space: nowrap;text-align: center;}
.certificate-con .certificate-hide::after{position: absolute;content: '';left: 50%;transform: translateX(-50%);top: 16px; border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #424242;}
.certificate-con:hover .certificate-hide-con{display: block;}
.certificate-con .certificate-hide .to{padding: 0;line-height: initial; color: #fff;text-decoration: underline;background: none;font-size: 12px !important;display: inline-block;}
.certificate-con .certificate-hide .icon-d-arrow{vertical-align: middle; width: 14px !important;height: 14px !important;}
.certificate-con.certificate-ed-con .img{background: #3FB7F9;}
.certificate-con.certificate-not-con .img{background: #DFDFDF;}
.certificate-con.certificate-not-con .tip{line-height: 18px;}
.y-banner-scholl h1{margin-bottom: 0;}
.certificate-con .certificate-hide .wenhao-a{background: none;padding-left: 0;line-height: initial;display: inline-block;font-size: initial;}
.certificate-con .certificate-hide .wenhao-a .img-a{width: 18px !important;height: 18px !important;}