@charset "utf-8";
/* battle 2018-09 */
body{background: #F3F2F3;}
ul,li{list-style: none;}
i{font-style: normal;}
.tc{text-align: center;}
.tr{text-align: right;}
.fr{ float: right;}
.fl{float: left;}
.img{width: 100%;}
a{color: #333;} 
.font_size12{ font-size: 12px;}
.font_size13{ font-size: 13px;}
.font_size14{ font-size: 14px;}
.font_size15{ font-size: 15px;}
.font_size16{ font-size: 16px;}
.color33{ color: #333333;}
.color99{ color: #999999;}
.color66{ color: #666666;}
.color00{ color: #000000;}
.colorFF{ color: #FFFFFF;}
.uni-flex-row {display: flex;flex-direction: row;}
.uni-flex-c {display: flex;flex-direction: column;}
.line44{ line-height: 44px;}
/* *{ line-height: 1;} */
/* 不换行 */
.nowraps { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bgfff{ background: #fff;}
.wraper{margin-left: 15px; margin-right: 15px;}
.color-orange{ color: #eb483f;}  
.weui-footer{bottom:0; background: #fff; border-top: 1px solid #DADADA;display: -webkit-box;    display: -webkit-flex;    display: flex;}
.weui-footer .nav-item{position: relative; display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;  height: 2.4rem;text-align: center; vertical-align: middle;  color: #999;}
.weui-footer .nav-item .icon{font-size: .8rem; padding: 0; display: inline-block; width: 1rem; height: 1rem; background-size: 100%;margin-top: 5px; }
.weui-footer .nav-item .label{display: block; font-size: 0.65rem; position: relative; top: -0.2rem; font-weight:100; color:#666;}
.weui-footer .nav-item.current,.weui-footer .nav-item.current .label{ color:#eb483f}
.icon-home{background: url(../images/ico/school.png) center no-repeat;}
.icon-person{background: url(../images/ico/my.png) center no-repeat;}
.icon-vip{background: url(../images/ico/classes.png) center no-repeat;}
.current .icon-home{background: url(../images/ico/schoolred.png) center no-repeat;}
.current .icon-person{background: url(../images/ico/myred.png) center no-repeat;}
.current .icon-vip{background: url(../images/ico/classesred.png) center no-repeat;}

/*我的*/
.my-wrap{ background: #fff; border-radius: 8px; position: relative; margin: 60px 15px; padding-top: 4rem; padding-bottom: 1rem; text-align: center;}
.my-wraps{margin: 30px auto; text-align: center;}
.my-wraps .avater{ width:3.4rem; height: 2em; position: absolute; top:-1.7rem; left: 50%; margin-left: -1.7rem;}
.my-wraps .avater img{ border-radius: 50%; box-shadow: rgba(0,0,0,.4); width: 100%;}
.my-wraps .ico-user {display: inline-block; width: 2rem; height: 2rem; }
.my-wraps .ico-yet{background: url(../images/Record.png) center no-repeat;background-size: 100%;}
.my-wraps .ico-buy{background: url(../images/buy.svg) center no-repeat;background-size: 100%;}
.my-wraps .ico-order{background: url(../images/order.png) center no-repeat;background-size: 100%;}
.my-wraps a{ color: #000;}

/*课程详情*/
.course-wraper{ background: #fff; padding: 20px 15px; margin-bottom: 15px;}
.course-wraper h2,.course-wraper h3{ font-weight: normal; margin-bottom: 0px;}
.course-content img{width:100%} 
.course-info{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; font-size: 12px; color: #666;margin-bottom: 5px; }
.course-info .date,.course-info .nums{-webkit-box-flex: 1;    -webkit-flex: 1;    flex: 1;}
.course-info .nums{color: #eb483f;}
.btn-buy{border:1px solid #eb483f; color: #eb483f;}
.btn-buy:active{background: #eb483f; color: #fff;}
.btn-new-default{}
.new_cells__title{border-bottom: 1px solid #DADADA; font-size: 20px; padding-left: 25px; margin-bottom: 10px;}
.icon-kcjs{ background: url(../images/course.svg) left center no-repeat #fff; background-size:auto  60%;}
.icon-jbjs{ background: url(../images/guest.svg) left center no-repeat; background-size:auto  60%;}
.icon-weidu{ background: url(../images/ico/weidu.png) left 4px no-repeat; background-size:auto 20px;}
.icon-cj{ background: url(../images/ico/Contrast.png) left center no-repeat; background-size:auto  80%;}
.icon-pj{ background: url(../images/ico/evaluate.png) left center no-repeat; background-size:auto  80%;}
.icon-front{ background: url(../images/icontwo.png) left center no-repeat #fff; background-size:auto  80%;}
.icon-back2{ background: url(../images/iconone.png) left center no-repeat #fff; background-size:auto  80%;}
.btn-join{ position: fixed;border: none; height: 50px;display: block; background: rgba(0,0,0,.8); bottom: 0; left: 0;width: 100%; color: #fff; line-height: 50px;font-size: 16px; z-index: 10; text-align: center;}
.btn-enter{position: fixed;border-radius: 5px; height: 50px; border: 1px solid #2D2E34;line-height: 50px;font-size: 16px; text-align: center;bottom:20px;left:10%; right:10%}
.btn-enter a{ display: block;height: 50px;line-height: 50px;}
.btn-enter a.a-l{ background: #2D2E34; color: #fff; border-radius: 5px 0 0 5px;}
.btn-enter a.a-r{ background: #fff; color: #2D2E34;border-radius:  0 5px  5px 0 ;}

.swiper-container {        width: 100%;      } 
.swiper-container img {        display: block;        width: 100%;      }

.new-article{background:url(../images/bg.jpg) center bottom no-repeat #fff; background-size:100% auto; padding: 15px;overflow: auto;}
.new-btn-primary{background-color: #404146;}
.new-btn-primary:active{background-color: #000;}

hr{display: block; height: 0;border:none; border-bottom: 1px solid #F1F0F1; margin: 10px 0; background: none;}
.leibie{border:1px solid #eb483f; color: #eb483f;display: inline-block; border-radius: 5px;
    padding: 0 .6em;vertical-align: middle; margin-right: 5px;
    line-height: 1.6;
    font-size: 12px;}
.btn-change{border:1px solid #eb483f;background: #fff; color: #eb483f;display: inline-block; border-radius: 25px;padding: 0 .6em;line-height: 1.6;font-size: 13px;}

.weui-media-box__thumb{border-radius: 50%; width: 100%; height: 100%;}

/* 单选复选 */
.r-checkbox,.r-radio{ padding-top: 0 !important; display: inline-block; }
.r-checkbox input[type='checkbox'],.r-radio input[type='radio']{ display: none;}
.r-checkbox label, .r-radio label {position: relative; line-height: 1.1rem; min-height:1.1rem;padding: 0 0 0 1.2rem; background-repeat: no-repeat;color:#666;font-weight: normal; display: inline-block;     margin-right: .5rem;}
.r-checkbox label { background: url("../images/ico-qiandao1.png") no-repeat left center; background-size: 1.6rem 1.6rem;}
.r-checkbox input[type='checkbox']:checked + label {background: url("../images/ico-qiandao2.png") no-repeat left center; background-size: .9rem;}
.r-checkbox span{ float:left;color:red;margin-right:.4rem;vertical-align:middle;}
.r-radio label { background: url("../images/ico-qiandao1.png") no-repeat left center; background-size: .9rem ;}
.r-radio input[type='radio']:checked + label {background: url("../images/ico-qiandao2.png") no-repeat left center; background-size: .9rem;}

/*孩子列表*/
.kids-item{ float: left; width: 50%; box-sizing: border-box; padding: 10px;  text-align: center;}
.kids-item>div{background: #fff; padding: 15px;}
.kids-item img.avater{ border-radius: 50%; width: 4rem; height: 4rem;}
.my-default{ background: #fff; margin-top: 10px;}
.my-default:after{border: none;}

.my-table{ width: 100%; text-align: center; border-collapse: collapse;border:1px solid #949494}
.my-table th,.my-table td{ padding: 5px 10px;}
.my-table th{ background: #F4F4F4; color: #333; font-weight: 100;border:1px solid #949494;}
.my-table td{ color: #666;width: auto;border:1px solid #949494; 
    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    word-wrap: normal;    word-wrap: break-word;
    word-break: break-all;}
.weui-bar__item--on{color: #eb483f;    background-color: #f1f1f1;    border-bottom: 2px solid #eb483f;}
.news-content{font-size: 13px; line-height: 1.8; color: #666;}
.news-content img{width: 100%;}

/*2018-12*/
/*教师端*/
.sys-items{ margin-left: 15px; overflow: hidden; margin-right: 15px; margin-bottom: 15px; max-height:129px; background: url(../images/bg-list.png) center no-repeat; background-size: 100% 100%;}
.sys-items:first-child{margin-top: 5px;}
.sys-items a{ display: block; margin: 20px; vertical-align: middle;}
.sys-items a.sys-class{ background: url(../images/ico2/class@2x.png) left center no-repeat; background-size: auto 100%; padding-left: 40px;}
.sys-items a.sys-study{ background: url(../images/ico2/study@2x.png) left center no-repeat; background-size: auto 100%; padding-left: 40px;}
.sys-items a.sys-test{ background: url(../images/ico2/test@2x.png) left center no-repeat; background-size: auto 100%; padding-left: 40px;}
.sys-items a.sys-star{ background: url(../images/ico2/start@2x.png) left center no-repeat; background-size: auto 100%; padding-left: 40px;}
.sys-items a.sys-text{ background: url(../images/ico2/text@2x.png) left center no-repeat; background-size: auto 100%; padding-left: 40px;}
.sys-items a.sys-text-on{background: url(../images/ico2/texton@2x.png) left center no-repeat;background-size: auto 100%; padding-left: 40px; color: #eb483f; }
.sys-items a .status{ float: right; font-size: 14px; color: #999999; display: none;}
.sys-items a.sys-text-on .status{display: block;}
.star-body-bg{ background: url(../images/fan.png) bottom no-repeat; background-size: 100% auto; position: fixed;z-index: -1;top:0;bottom: 0;left: 0;right: 0;}
.my-table2{ border: 1px solid #D9D9D9; margin-top: 5px; border-collapse: collapse; border-radius: 5px 5px 0 0;}
.my-table2 td,.my-table2 th{border: 1px solid #D9D9D9; text-align: center; padding:8px 5px; background: #fff;}
.my-table2 th{ background: #FA4C3F; color: #fff; font-weight: normal;}
.no-data{text-align: center; padding-top: 40%;}
img.img-no-data{width: 50%;}

/*家长端*/
.record-list{-webkit-box-align: start;   /* -webkit-align-items: baseline; */    align-items:  start;}
.record-list .weui-media-box__hd{ width: 40px; height: 40px;}
.record-list .upload-pic{ margin-right: 10px; max-height: 4.5rem;overflow: hidden;}
.record-list .upload-pic img{width: 100%;}
.up-bg{background: url(../images/up-bg.jpg) bottom center no-repeat; background-size: cover; position: absolute;top:0; bottom: 0; left: 0;right:0;}
.result-bg{ background: #A9CCC9;position: absolute;top:0; bottom: 0; left: 0;right:0;}
.result-box{background: #fff; border-radius: 6px; margin: 0 15px 15px 15px;}
.result-box:first-child{ margin-top: 15px;}
.new_cells__title2{border-bottom: 1px solid #DADADA; font-size: 18px; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; }
.new_cells__title2 p{ padding-left: 25px;}
.result-box .result-content{padding: 15px; color: #333;}
.result-box .result-content label{ color: #ff3333;}
.result-box .ico-sorry{background: url(../images/sorry.png) center 20px no-repeat; text-align: center; background-size: 40% auto; padding-top: 8em;}
.result-box .ico-success{background: url(../images/success.png) center top no-repeat;text-align: center; background-size:  auto 90%; padding-top: 4em;}
.result-box .ico-sorry h2,.result-box .ico-success h2{ font-weight: normal;font-size: 16px;}
.result-box .ico-sorry h3,.result-box .ico-success h3{ font-weight: normal; color: #666; font-size: 14px;}
.stars{ color: #999;}
.stars .icon{ font-size: 13px;}
.stars1 .icon:first-child{ color:#EB483F;}
.stars2 .icon:nth-child(-n+2){ color:#EB483F;}
.stars3 .icon:nth-child(-n+3){ color:#EB483F;}
.stars4 .icon:nth-child(-n+4){ color:#EB483F;}
.stars5 .icon:nth-child(-n+5){ color:#EB483F;}
.test-way{ background: url(../images/web/bg.jpg) top center no-repeat; background-size: cover; position: absolute;top: 0; bottom: 0;left: 0;right: 0;}

/* 201905介绍 */
.jieshao{ width: 100%;}
.jieshao-title{ width: 100%; margin-top: 0; margin-bottom: 0;}
.jieshao-zhu{ background: #F6E6E4; border-radius: 5px; padding: 10px; position: relative; margin-top: 15px;}
.jieshao-zhu .flower{ position: absolute;right: -10px; bottom: -10px; width: auto; width: 40%;}
.jieshao-zhu strong{color: #eb483f;}
/* 201906修改样式 */
.index_top{ width: 100%;position: relative;}
.index_top_img{ width: 100%; height: auto;}
.school_top{ position: absolute; left: 0;top: 70px; width: 100%;}
.school_top_bg{ width: 92%; background: #FFFFFF; margin: 10px auto; border-radius: 5px; position: relative; }
.change_school{ position: absolute; top: 10px; right: 10px;}
.totop{margin: 35px auto 10px;}
.toleft{flex: 1;margin:10px 0 0 15px;}
.class_totop{ margin: 50px auto 45px;}
.ceping_squ{background: #FFFFFF; border-radius: 5px;width: 49%;}
/* .ceping_img{width:53px;height: 8px;margin: 18px 11px;} */
.ceping_img{width:53px;height: 53px;margin: 8px 11px;}
.change_school img{ width: 16px; height: 16px;}
.school_img_box{ width: 108px; position: absolute; top: -35px; left: calc(50% - 54px);}
.school_img_borderbox{ width: 100px ; height: 100px;border-radius: 50%; border: 4px solid #FFFFFF; box-shadow: 0px 0px 5px #888888;}
.class_name{ width: 100px; font-size: 12px; color: #FFFFFF;background: #e3495b; text-align: center; position: absolute; left: 4px; bottom: 0; border-radius: 12px;line-height: 20px;}
.class_img{ margin-right: 5px; vertical-align: middle; margin-top: -2px;}
.child_name{position: absolute;left: 30%; top: 20px; font-size: 17px; font-weight: bold;}
.school_name{ width: 100%; text-align: center; margin-top: 15px;padding-bottom: 24px; font-size: 13px; color: #666;}
/*.weui-cell:before { border:none !important;}*/
.public_btn{ background: #e3495b;display:inline-block; border-radius:10px;color: #FFFFFF;padding:0 0.6em; margin-right: 5px;line-height: 1.6;font-size: 12px;width: 1.2rem;text-align: center;}
/* 听课按钮 */
.lisen_btn{ color: #E3495B;border: 1px solid #E3495B; border-radius: 4px; text-align: center;background: #FFFFFF;line-height:1.125rem;padding:0 10px;font-size: 12px;}
.class_img_box{ width: 85px;height: 85px; position: absolute; top: -50px; left: 10px;border-radius: 50%; border: 4px solid #FFFFFF; box-shadow: 0px 0px 5px #888888;box-sizing: border-box;}
/* .class_img_borderbox{ width: 80px ; height: 80px;border-radius: 50%; border: 4px solid #FFFFFF; box-shadow: 0px 0px 5px #888888;} */
.class_class_name{ position: absolute;left: 105px; top: -23px; color: #FFFFFF;font-size: 15px;line-height: 23px;}
.class_name_img{ margin-top: -3px;width: 15px;height: auto;vertical-align: middle;}
.school_class_a{ width: 100%; border-bottom: 1px solid #d8d8d8;padding: 10px 0px;}
.tabbox ul{border-bottom: 1px solid #D8D8D8;margin: 0 10px; box-sizing: border-box;}
.tabbox ul li{width:50%;text-align: center;}
.tabbox ul li.active{color:#e3495b;}
.class_tab{ height:40px;line-height: 38px; margin: 0 auto;}
.border_boo{ width: 40px;height:3px;background: transparent ;margin:0 auto;border-radius: 4px;}
.border_boo_active{ background: #e3495b;}
.tabbox .content{ padding:0 10px;}
.tabbox .content>div{display:none;}
.tabbox .content>div.active{display:contents;}
.topimg{ position: absolute;right: 92px;top: 5px;width: 45px;height: auto;}
.class_colock_content{ margin: 10px auto;line-height: 22px;}
/* 九宫格图片 */
.jiugongge_square{ width: 100%;padding-bottom: 100%;padding-left: 0.5%;padding-top: 0.5%;}
.jiugongge_square_item{ width: 31%;padding-bottom: 31%;  float: left; margin: 1%;position: relative;}
.jiugongge_item_img{ position: absolute;top: 0;left: 0;border-radius: 5px; width: 100%;height: 100%;}
.zan_good{ width: 12px;height: auto; margin-right: 5px;vertical-align: middle;margin-top: -7px;}
/* dianzan  */
.zan_name_square{ padding: 10px; border-radius: 4px;background: #F4F4F4;position: relative;}
.gray_triangle{position: absolute;left: 20px;top: -5px;width: 10px;height: 10px;background: #F4F4F4;transform:rotate(45deg);}
.zan_blackgood{ width: 12px;height:13px;margin-right: 10px;}
.class_clock_img{ width:21px;height: 19px;vertical-align: middle;margin-top: -3px;}
/* 个人中心 */
.my_top_bg{ position: fixed; left: 0;top: 70px;right: 0;bottom:2.8rem; width: 100%;}
/* 在线教学考勤 */
.top_fixed{ position: fixed; top: 20px;left: 0;right: 0;width: 100%;text-align: center;}
.top_title{ margin: 0 auto;line-height: 35px;}
.arrowwhite{ width: 15px;height: 13px;vertical-align: middle;margin-left: 10px;}
/* 班级荣誉 */
.half_op{opacity: 0.5;}
.tabbox ul li.actives{opacity: 1!important;}
.border_bottom_active{background: #FFFFFF;}
.content div.none{display:none;}
.content .actives{display:block !important;}
.starwidth{ width: 14px;height: 14px;}
.star_out{ position: relative;display: inline-block;margin: 0 auto;}
.star_in{ position: absolute;top: 0;left: 0;width: 100%;text-align: left;}
.habitstar{ width: 51px;height: 31px;vertical-align: middle;margin-top: -7px;}
/* 班主任管理系统 */
.bottom_btn{ position: fixed;bottom: 20px;left: 0;width: 100%;}
.manager_btn{ width: 92%;margin: 0 auto;text-align: center;background: #FFFFFF;padding: 20px 0 25px 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.btn_style{ width: 47%;height: 35px;line-height: 35px;margin: 0 auto;background: #e4495b;border-radius: 10px;}
.checkcenter{display: block;margin: 0 auto;}
.weui-cells{ position: static;}
.cell_tian{ padding: 0 !important;}
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before{ color:#e3495b;}
.weui-cells_checkbox .weui-icon-checked:before{	font-size: 18px;}
.bg_red{ background: #e3495b;}
.bg_pink{ background: #fee9da;}
.center_tiao{ width: 80px;border-radius: 15px;margin: 0 auto;line-height: 20px;text-align: center;}
/* 底部下划线*/
.solid_bottom{ height: 44px;width: 100%;border-bottom: 1px solid #F4F4F4;}
/**iPhone5**/

@media screen and (max-width: 320px) {
.totop{margin: 65px auto 10px;}
.class_totop{ margin: 90px auto 45px;}
/* .ceping_img{width:53px;height: 52px;margin: 15px 5px 16px 0;}*/
.ceping_img{width:53px;height: 53px;margin: 8px 11px;}
.toleft{flex: 1;margin:10px 0 0 15px;}
.font_size12{font-size: 11px;}
}
@media screen and (min-width: 376px) {
.totop{margin: 15px auto 10px;}
.class_totop{ margin: 30px auto 45px;}
}