/* 
    Created on : 2018-1-5, 13:43:38
    Author     : huanghe
*/

/* --------------------------布局------------------------------- */
.width_w10{width:100%}
.width_w8{width:80%}
.width_w7{width:70%}
.width_w6{width:60%}
.width_w5{width:50%}
.width_w4{width:40%}
.width_w3{width:30%}
.width_w2{width:20%}
.width_w1{width:10%}
.width_r8{width:8rem;}


.float_l{float:left;}
.float_r{float:right;}

.padding_t05{padding-top: 0.5rem;}
.padding_lr1{padding-left: 10px;padding-right: 10px;}
.padding_lr15{padding-left: 15px;padding-right: 15px;}
.padding_lr2{padding-left: 2rem;padding-right: 2rem;}
.padding_lr3{padding-left: 3rem;padding-right: 3rem;}
.padding_b1{padding-bottom: 1rem;}
.margin_lr2{margin-left: 2rem;margin-right: 2rem;}
.margin_tb1{margin-top: 1rem;margin-bottom: 1rem;}
.margin_t5px{margin-top: 5px}
.margin_t1{margin-top: 1rem}
.margin_t5{margin-top: 5rem}
.margin_l1{margin-left: 1rem;}
.margin_l2{margin-left: 2rem;}
.margin_r1{margin-right: 1rem;}
.margin_b05{margin-bottom: 0.5rem;}
.margin_b1{margin-bottom: 1rem;}
.margin_b2{margin-bottom: 2rem;}

.p_r{position: relative;}
.clearfix{clear: both;}
/* 优化滚动 */
.scrollT{-webkit-overflow-scrolling: touch;}
/* 弹性盒子居中 */
.flex_jz{display: flex;justify-content: center;align-items: center;}
/* --------------------------边框------------------------------- */
.border_grey{border: 1px solid #929292;}
.border_gray{border: 1px solid #e1dede;}
.border_t_grey{border-top: 1px solid #dedede;}
.border_t_grey1{border-top: 1px dashed #dedede;}
.border_b_grey{border-bottom: 1px solid #e7e7e7;}
.border_b_gray{border-bottom: 1px solid #d5d5d5;}
.border_b_light_grey{border-bottom: 1px solid #eee;}
.border_r_light_grey{border-right: 1px solid #eee;}
.border_b_grey1{border-bottom: 1px dashed #929292;}
.border_red{border: 1px solid #f13a3d;}
.border_white{border: 1px solid #fff;}

.weui-grid:before{border: 0px;}
.weui-grid:after{border: 0px;}


/* --------------------------文字------------------------------- */
.font13{font-size: 1.6rem;}
.font15{font-size: 1.5rem;}
.font_white{color:#fff;}
.font_black{color:black;}
.font_light_black{color:#464646;}
.font_red{color:#f13a3d;}
.font_red1{color:#ff3c3c;}
.font_dark_grey{color:#5c5c5c;}
.font_grey{color:#929292;}
.font_gray{color:#ccc;}
.font_light_grey{color:#b1b0b0;}
.font_blue{color: #68b6f9;}
.font_orang{color:#8185ba}
/*.font_blod{font-weight: bold;}*/
.font_normal{font-weight:normal}

.font_del{text-decoration:line-through;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 20em;}
.first_sj{text-indent: 2em;}
.lr_dq{text-justify:auto;text-align:justify;}
.zdhh{white-space: normal;word-break: break-all;word-wrap: break-word;}

#marquee_demo {overflow:hidden;}
#marquee_indemo {float: left;width: 800%;}
#marquee_demo1 {float: left;min-width:17%}
#marquee_demo2 {float: left;min-width:17%}

@font-face{
    font-family: 'qxybksj';
    src:url('fonts/qxybksj.eot');
    src:url('fonts/qxybksj.eot?#iefix')format('embedded-opentype'),
    url('fonts/qxybksj.woff')format('woff'),
    url('fonts/qxybksj.ttf')format('truetype'),
    url('fonts/qxybksj.svg#qxybksj')format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: ultra-expanded;
}
@font-face{
    font-family: 'aagothic';
    src:url('fonts/aagothic.eot');
    src:url('fonts/aagothic.eot?#iefix')format('embedded-opentype'),
    url('fonts/aagothic.woff')format('woff'),
    url('fonts/aagothic.ttf')format('truetype'),
    url('fonts/aagothic.svg#qxybksj')format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: ultra-expanded;
}

/* --------------------------背景------------------------------- */
.bg_white{background-color: #fff;}
.bg_red{background-color: #f13a3d;}
.bg_grey{background-color: gainsboro;}
.bg_gray{background-color:#e1dede;}
.bg_lightgray{background-color: #f5f5f5;}
.bg_tmWhite{background-image:-webkit-linear-gradient(90deg,transparent,#fff 95%);background-image:-webkit-linear-gradient(left,transparent,#fff 95%);background-image:-moz-linear-gradient(left,transparent,#fff 95%);background-image:linear-gradient(90deg,transparent,#fff 95%);}
.bg_jz1{background: no-repeat 50%;background-size: cover;}
.bg_jz2{background: no-repeat 50%;background-size: contain;}
/* --------------------------标签------------------------------- */
a:hover{color:#f1343d;}

/* --------------------------底部类别------------------------------- */
.foot_menu{left:0px;}
.foot_menu li{width:25%;}
.foot_menu a{position: relative;}
.foot_menu li a.on{color:#f13a3d;}
.foot_menu li a:hover{color:#f13a3d;}
.foot_menu li a span{display:block;width:2rem;height:2rem;margin-bottom: 3px;margin-top: 3px;}
.foot_menu li a .foot_home{/*background:url(../images/home1.png) no-repeat;*/background-size: contain;margin-left: 1px;background-repeat: no-repeat;}
.foot_menu li a .foot_book{/*background:url(../images/book1.png) no-repeat;*/background-size: contain;margin-left: 3px;background-repeat: no-repeat;}
.foot_menu li a .foot_news{/*background:url(../images/news1.png) no-repeat;*/background-size: contain;margin-left: 1px;background-repeat: no-repeat;}
.foot_menu li a .foot_me{/*background:url(../images/me1.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a:hover .foot_home{/*background:url(../images/home.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a:hover .foot_book{/*background:url(../images/book.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a:hover .foot_news{/*background:url(../images/news.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a:hover .foot_me{/*background:url(../images/me.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a.on .foot_home{/*background:url(../images/home.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a.on .foot_book{/*background:url(../images/book.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a.on .foot_news{/*background:url(../images/news.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}
.foot_menu li a.on .foot_me{/*background:url(../images/me.png) no-repeat;*/background-size: contain;background-repeat: no-repeat;}

.foot_menu li a span.news_n{position:absolute;background-color: #f13a3d;top:-5px;right:-12px;width: 1.6rem;height: 1.6rem;border-radius: 1.6rem;color:#fff;text-align: center;line-height: 1.6rem;font-size: 1rem;}

.foot_menu1{width:100%;position:fixed;bottom:0px;left:0px;overflow-x:hidden;box-shadow:0 0 10px 0 rgba(177,177,177,0.6);-moz-box-shadow:0 0 10px 0 rgba(177,177,177,0.6);z-index: 999;max-width: 640px;right:0;margin: auto;}
.foot_menu1:after{display: block;content: "";clear: both;}
.foot_menu1 li{padding: 0;}
.foot_menu1 li a{color:#fff;font-size: 1.5rem;display: block;width: 100%;height: 100%;text-align: center;vertical-align: middle;border-right: 1px solid #fff;}
.foot_menu1 li:last-child a{border-right: none;}
.foot_menu1 li a:hover,.foot_menu1 li a:focus{color:#fff;}
.foot_menu1 li a{background-color: #b5b4b4;height: 48px;line-height: 48px;}
.foot_menu1 li a:hover,.foot_menu1 li a:focus,.foot_menu1 li a.on{background-color: #f13a3d;}
.foot_menu1.foot_menu_green li a{background-color: #b5b4b4;height: 48px;line-height: 48px;}
.foot_menu1.foot_menu_green li a:hover,.foot_menu1.foot_menu_green li a:focus,.foot_menu1.foot_menu_green li a.on{background-color: #6caf1d;}

.other_foot{width:100%;position:fixed;bottom:0px;left:0px;overflow-x:hidden;background-color:#fff;box-shadow:0 0 10px 0 rgba(177,177,177,0.6);-moz-box-shadow:0 0 10px 0 rgba(177,177,177,0.6);z-index: 999;background-color: #FE87B2;height: 5rem;}
.other_foot li{float:left;text-align: center;vertical-align: middle;font-size:1.8rem;line-height: 5rem;}
.other_foot li a{color:#fff;display: inline-block;width: 100%;height: 100%;}
.other_foot li button{color:#fff;display: inline-block;width: 100%;height: 100%;border: none;outline: none;background-color: transparent;}
.other_foot li a.on{color:orange;}
.other_foot li a:hover{color:orange;}

.other_foot1{width:100%;position:fixed;bottom:0px;left:0px;/*overflow-x:hidden;*/background-color:#fff;/*box-shadow:0 0 10px 0 rgba(155,143,143,0.6);-moz-box-shadow:0 0 10px 0 rgba(155,143,143,0.6);*/z-index: 99999;background-color: #fff;height: 5.3rem}
.other_foot1 li{float:left;text-align: center;vertical-align: middle;font-size:3rem;line-height: 5rem; }
.other_foot1 li a{color:black;display: inline-block;width: 100%;height: 100%;}
.other_foot1 li a.on{color:orange;}
.other_foot1 li a:hover{color:orange;}

/* --------------------------提示框------------------------------- */
.zhezhao{position: fixed;width: 100%;height: 100%;top:0px;left: 0px;background-color: black;opacity: 0.5;z-index: 997;display: none}
.tishi{position: fixed;width: 80%;left:10%;top:33%;height: 20rem;background-color: #fff;z-index: 999;display: none}
.tishi1{position: fixed;width: 80%;left:10%;top:33%;height: 8rem;background-color: #fff;z-index: 999;display: none}
.tishi_title{margin-top: 2rem;margin-bottom: 2rem;}
.tishi_title1{height:20%;line-height: 4rem;text-align: center;border-bottom:1px solid #eee;font-size: 1.8rem; }
.tishi_div{width: 70%;margin: 1rem auto;}
.tishi_btn{margin-top: 1rem;width: 70%;}
.form_box .tishi_phone{padding-left: 1.6rem;}
.tishi_foot{border-top: 1px solid #eee;height:20%;line-height: 4rem;text-align: center;font-size: 1.4rem;}
.tishi_body{height:60%;}
.tishi_input{border: 1px solid #dcdcdc;border-radius: 1rem;width: 58%;display: inline-block;padding: 1rem;}
.tishi_text{width: 100%;font-size: 1.4rem;border: none;}
.tishi_div1{height: 4rem;font-size: 1.8rem;line-height: 4rem;padding: 0 1rem;}
/* 显示大图 */
#bigIMG{position: fixed;width: 100%;height: 100%;top:0px;left: 0px;text-align: center;z-index: 998;display: none;}
#bigIMG>img{width: 100%;max-width: 640px;display: block;margin: auto;}
#bigIMG>video{width:100%;max-width: 640px;margin: auto;}
.weui-icon_warn{float:left;width: 17%;height:36px;background: url(../images/toast_warn.png) no-repeat;background-size: contain;background-position: right top;}
.weui-icon_success{background: url(../images/toast_success.png) no-repeat;background-size: contain;background-position: left top;width: 36px;height: 36px;float:left;}
.weui-icon_cancel{background: url(../images/toast_cancel.png) no-repeat;background-size: contain;background-position: left top;width: 36px;height: 36px;float:left;}
.weui-toast_content_warn{float:left;width: 83%;color:#777;font-size: 1.7rem;text-align: left;}
.weui-toast_content_success{float:left;font-size: 2rem;text-align: left;white-space: normal;word-break: break-all;word-wrap: break-word;margin-left: 19px;max-width: 75%;color:#fd6984;padding-top: 5px;}
.weui-toast_content_cancel{float:left;font-size: 2rem;text-align: left;white-space: normal;word-break: break-all;word-wrap: break-word;margin-left: 19px;max-width: 75%;color:#30761d;padding-top: 5px;}
.weui-toast_content_chucuo{font-size: 2rem;color:#f1333d;padding-bottom: 2px;}
.weui_toast_jz{width:100%;display: flex;justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;align-items: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;margin-top: 10px;margin-bottom: 8px;}
@media (min-width:375px){
    .weui-toast{width:17em;}
    .weui-toast_content_success{max-width: 80%;}
    .weui-toast_content_cancel{max-width: 80%;}
}

/* --------------------------图片------------------------------- */
.tab_img1{display:block;width:100%;height:200px;}
.tab_img2{display:block;width:49%;height:100px;}
.tab_img3{display:block;width:32%;height:100px;}
.tab_imgd1{width: 100%;display: flex;justify-content: space-between}
.tab_imgd2{width: 100%;display: flex;justify-content: space-between}
.tab_imgd3{width: 100%;display: flex;justify-content: space-between}
/* 一般 */
.dowebok { width: 100%; list-style-type: none; zoom: 1;display: flex;justify-content: space-between}
.dowebok:after { content: ''; display: table; clear: both;}
.dowebok1{width: 100%}
.dowebok2{width: 48%}
.dowebok3{width: 32%}

.dowebok_other { width: 100%; list-style-type: none; zoom: 1;display: flex;justify-content: space-between}
.dowebok1_other{width: 100%;background: no-repeat 50%;background-size: cover;height: 100px;}
.dowebok3_other{width: 31%;background: no-repeat 50%;background-size: cover;height: 100px;}
.dowebok3_other1{width: 32%;background: no-repeat 50%;background-size: cover;height: 100px;}
@media (min-width:960px){
    .dowebok3_other{width: 32%;background: no-repeat 50%;background-size: cover;height: 100px;}
}
/* 课程 */
.dowebokkc { width: 30%; list-style-type: none; zoom: 1;display: flex;}
.dowebokkc:after { content: ''; display: table; clear: both;}
.dowebok4{width: 100%;}
/*.dowebok4>div{box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5); border:1px solid rgba(98,199, 219, 0.1);}*/
/* 首页 */
.dowebokindex { width: 100%; list-style-type: none; zoom: 1;display: flex;}
.dowebokindex:after { content: ''; display: table; clear: both;}
.dowebok5{width: 100%;}
/* 教材收藏 */
.dowebokcollect { width: 100%; list-style-type: none; zoom: 1;display: flex;}
.dowebokcollect:after { content: ''; display: table; clear: both;}
.dowebok6{width: 100%;}
/* 轮播图片 */
.banner{width: 100%;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.swiper-slide img{width: 100%;}
/* 添加图片 */
.add_imgs{width: 100%;/*display: flex;justify-content: space-between;*/}
.add_imgs>.add_img{float: left;}
.add_imgs>.add_img:nth-child(2){margin-left: 2%;margin-right: 2%;}
.add_img{width: 32%;height: 9rem;/*border: 1px solid #b1b0b0;*/position: relative;/*padding: 0.4rem 0.5rem 0.5rem 0.5rem;*/}
.add_img img{width: 100%;height:9rem;}
@media (min-width:375px){
    .add_img{height: 10rem;}
    .add_img img{height:10rem;}
}
@media (min-width:414px){
    .add_img{height: 11rem;}
    .add_img img{height:11rem;}
}
@media (min-width:960px){
    .add_img{height: 14rem;}
    .add_img img{height:14rem;}
}

.add_img_a{position: absolute;width: 100%;height: 100%;opacity: 0;z-index: 998;top:0;left: 0;}
.add_img_p{position: absolute;top:0px;right:0px;font-size:24px;color:#333;z-index: 999;width: 28px;height: 32px;text-align: center;line-height: 30px;background-color: #fff;display:none;}
.img_upload{position: relative;}
/* 图片查看器 */
.thumb{margin:1em 0;}
#origin-img{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;}
#origin-img .swiper-slide img{width:100%;vertical-align:middle;}
/* 多图上传 */
.imgFileUploade{width: 100%;padding: 10px;}
.imgFileUploade:after{ visibility: hidden;  display: block; font-size: 0; content: ".";  clear: both; height: 0}
.imgClick{width: 32%;height:9rem;cursor: pointer;background: url(../images/no_img1.png) no-repeat center center;background-size:cover; display: block;float:left;}
.imgAll{width: 100%;}
/*.imgAll:after{ visibility: hidden;  display: block; font-size: 0; content: ".";  clear: both; height: 0} */
.imgAll li{width: 32%;height:9rem;/*border:solid 1px #ccc;*/float: left;/*position: relative;*/margin-bottom: 10px;background: no-repeat 50%;background-size: cover;}
/*.imgAll li img{position: absolute;top:0;left:0;width: 100%;height: 100%;display: block;}*/
.imgAll li:nth-child(1),.imgAll li:nth-child(2),.imgAll li:nth-child(4),.imgAll li:nth-child(5),.imgAll li:nth-child(7),.imgAll li:nth-child(8){margin-right: 2%;}
.delImg{position: absolute;top:-10px;right:-7px;width: 22px;height: 22px;background: #000;border-radius: 50%;display: block;text-align:  center;line-height: 22px;color:#fff;font-weight: 700;font-style:normal;cursor: pointer;}
.swiper_headnav{position: absolute;top:0;left: 0;background-color: #2a2a2a;opacity: 1;display: block;width: 100%;padding: 15px 15px;z-index: 990;}
.swiper_headnav:before{content: "";clear: both;}
a.swiper_headnav_back{font-size: 2.4rem;color:#fff;float: left;}
a.swiper_headnav_del{font-size: 2.4rem;color:#fff;float: right;}
.swiper_headnav_del:hover,.swiper_headnav_back:hover{color:#fff}
@media (min-width:375px){
    .imgClick{height: 11rem;}
    .imgAll li{height: 11rem;}
}
@media (min-width:414px){
    .imgClick{height: 12rem;}
    .imgAll li{height: 12rem;}
}
@media (min-width:960px){
    .imgClick{height: 19rem;}
    .imgAll li{height: 19rem;}
}
/* --------------------------导航------------------------------- */
.page_title .lf{left: 20px;font-size: 3.4rem;}
/*.navbar_a{text-align: center;height:4.4rem;}*/
.navbar_a{text-align: center;height:4.4rem;border-bottom: 1px solid #e7e7e7;}
.navbar_a1{text-align: center;height:4.4rem;width: 100%;position:absolute; left:0;cursor:pointer;}
/*.navbar_a td{background-color: #fff;font-size: 1.6rem;color:#686868;}*/
.navbar_a td{background-color: #fff;font-size: 1.6rem;color:#000;}
/*.navbar_a1 td{background-color: #f7f7f7;font-size: 1.6rem;color:#686868;border-left: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}*/
.navbar_a1 td{background-color: #fff;font-size: 1.6rem;color:#000;border-bottom: 1px solid #e7e7e7;}
/*.navbar_a td.navbar_xz{color: #ff3c3c;font-size: 1.8rem;}*/
.navbar_a td.navbar_xz{color: #ff4d4c;font-size: 1.8rem;/*font-weight: bold;*/}
/*.navbar_a1 td.navbar_xz{color: #ff3c3c;font-size: 1.8rem;background-color: #fff;border-bottom: 1px solid #fff;}*/
.navbar_a1 td.navbar_xz{color: #ff4d4c;font-size: 1.8rem;/*font-weight: bold;*/}
.navbar_d{}
.tabnavbar{display: none}
.tabnavbar.tabnavbar_xz{display: block;}
.nav_box{overflow:hidden;height:4.4rem;position:relative;}
.line{ position:absolute; left:0;cursor:pointer;}
.nav_line{display:block;position:absolute;bottom:0;height:2px;background-color:#ff4d4c;width: 30px;}
.nav_div{width: 100%;display: flex;background-color: #fff;color:#000;font-size: 1.6rem;border-bottom: 1px solid #e7e7e7;position: relative;}
.nav_div>a{color:#000;text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
.nav_div>a:hover,.nav_div>a:active,.nav_div>a:focus{color:#ff4d4c;font-size: 1.8rem;/*font-weight: bold;*/}
.nav_div>a.nav_a_xz{color:#ff4d4c;font-size: 1.8rem;/*font-weight: bold;*/}
.nav_w1{flex:1;}
.swiper-slide.nav_navslide{width: auto;padding: 10px 0px 5px 0px;position: relative;white-space: nowrap;}
.nav_navbox{padding: 0 15px;background-color: #fff;border-bottom: 1px solid #dedede;}
.nav_navline{position: absolute;bottom: 0;left:0;opacity: 0;width: 100%;}
.nav_navline span{background-color:  #ff0000;display: block;width: 100%;height: 2px;margin: 0 auto;}
.nav_navslide_xz{color:#f13535;}
.nav_navslide_xz .nav_navline{opacity: 1;}

/* --------------------------时间线------------------------------- */
.timeline_content{font-size: 1.6rem;font-weight: normal;color: black;text-justify:auto;text-align:justify;}
.timeline_othercontent{color:#888;font-size: 1.4rem;height: 2rem;}
/*.timeline_othercontent div{float: left;width: 40%;}*/

.tline {position:relative;padding-bottom:20px;background-color:#fff;color:#758697}
.tline:before,.tline:after {background-color:#6e6e6e;bottom:20px;content:"";display:block;position:absolute}
.tline:before {left:50%;top:30px;width:1px}
.tline:after {left:49.2%;width:7px;height:7px;border-radius:50%;border:1px solid #6e6e6e;background-color:#ecf0f5}
.tline-header {border-radius:0;clear:both;margin-bottom:50px;margin-top:50px;position:relative;font-size:1.2rem;}
.tline-header .tline-header-title {text-align:center;padding:7px 15px;min-width:80px;font-size:1.4rem;}
.tline .tline-header:first-child {margin-bottom:0px;margin-top:0px}
.tline-stat {width:10%;text-align:center;padding-bottom:15px;position: absolute;left: 45%;}
.tline-entry {position:relative;clear:both;font-size: 1.2rem;height: 130px;}
.tline-icon {border-radius:50%;display:block;margin:0 auto;height:40px;line-height:40px;text-align:center;width:40px;margin-top:5px;background-color:#fff}
.tline-icon:empty {height:12px;width:12px;margin-top:80px;border:2px solid #f55d2e;}
.tline-icon1:empty{background: url('../images/reddot1.png') 50% 50% no-repeat;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.tline-label_img {border-radius:0;padding:15px;position:absolute;min-height:175px;width: 40%;}
.tline-label_p {border-radius:0;padding-top:46px;position:absolute;min-height:100px;width: 40%;}
.tline_left{left: 5%;}
.tline_right{right: 5%;}
.tline-label_p.tline_left{text-align: right;/*padding-left: 30px;*/}
.tline-label_p.tline_right{text-align: left;/*padding-right: 30px;*/}
.tline-label_img.tline_left{text-align: right;}
.tline-label_img.tline_right{text-align: left;}
.tline_title{font-size: 1.8rem;color:#5f5d5d;width: 100%;word-break:break-all;}
.tline_time{font-size: 1.3rem;color:#b3aaae;}
.tline_right .tline_btn{position: absolute;top:5px;left:0;background-color: transparent;width: 100%;text-align: right;padding-right: 25px;}
.tline_left .tline_btn{position: absolute;top:5px;left:0;background-color: transparent;width: 100%;text-align: left;padding-left: 25px;}
.tline_btn i{font-size: 1.5rem;font-weight: lighter;}
@media (min-width:650px){
    .tline_right .tline_btn{padding-right: 115px;}
    .tline_left .tline_btn{padding-left: 115px;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~特殊页面修改~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* --------------------------登录页面------------------------------- */
/* .page_title{background:linear-gradient(to right,#f1333d,#f06440);} */
.page_title{background:linear-gradient(to right,#FE87B2,#FE87B2);}
.page_title.page_title2{background: #fff;color:#e73528;border-bottom: 1px solid #bfbfbf;}
.page_title.page_title2 .rf,.page_title.page_title2 .lf{color:#e73528;}
.login_title{font-size: 1.6rem;color:#878686;margin-top: 2rem;margin-bottom: 2rem;}
.page_logo{padding-top:4rem;padding-bottom: 4rem;}
/*.main>form{padding: 0 2rem;}*/
.form_box{border: 1px solid #dcdcdc;border-radius: 4rem;}
.form_box .form_txt{left:2.5rem;top:-0.3rem;}
.form_box .form_ico{font-size:2.3rem;right:1.5rem;top:0.2rem;}
.form_box input{padding-left: 6rem;}
.form_box .form_eye{width: 2rem;height: 2rem;}
.form_box .form_eye.eye0{position:absolute;right:1.5rem;top:2rem;background: url('../images/login_eye.png') 0 0 no-repeat;background-size: contain;}
.form_box .form_eye.eye1{position:absolute;right:1.5rem;top:1.5rem;background: url('../images/login_eye1.png') 0 0 no-repeat;background-size: contain;}
.login_box{border-bottom: 1px solid #c8c8c8;padding: 5px 0px;margin: 0px 20px;position: relative;}
.login_box input{border: none;background: none;outline: none;color: #000;font-size: 1.4rem;height: 34px;font-size: 1.8rem;}
.login_btn{margin: 20px 20px;}
.login_btn .btn{background-color: #c8c8c8;color:#fff;width: 100%;font-size: 1.8rem;height: 50px;}
.btn.btn_red{background-color: #FE87B2;}
.login_logo{padding: 25px 20px 0px 20px;vertical-align: middle;}
.login_logofont{margin-bottom: 3px;}
.login_user{position: relative;padding-top: 20px;}
.login_user_img{width: 50px;height: 50px;background-color: #e6e6e6;border-radius: 50%;text-align: center;line-height: 66px;position: absolute;bottom: 3px;right: 30px;}
.login_user_line{width: 100%;background-color: #eee;color:#373737;font-size: 1.5rem;padding: 5px 90px 5px 0;text-align: right;}
.login_title1{font-size: 1.8rem;padding: 20px;color: #313030;}
.login_box1{padding: 0 20px 15px 20px;font-size: 1.5rem;}
.login_input{width: 100%;height: 40px;font-size: 1.5rem;color:#313030;border:1px solid #313030;padding: 10px;border-radius: 6px;}
.login_btn1{color:#000;width: 49%;height: 50px;font-size: 1.8rem;background-color: #ccc;float: left}
.login_btn2{color:#fff;width: 49%;height: 50px;font-size: 1.8rem;background-color: #FE87B2;float: right}
.login_baochi{color:#313030;font-size: 1.5rem;}
.login_tishi{font-size: 1.6rem;color:#f1343d;padding: 0 30px 20px 30px;}
.login_yanzheng{position:absolute;right:28px;top:6px;padding: 4px 12px;color:#fff;background-color: #FE87B2;font-size:1.4rem;border-radius:5px;text-align: center;outline: none;border: none;}
.login_yanzheng:active{color:#bbb;background-color: #e8e8e8;}
.login_result{margin-top: 16rem;width: 100%;text-align: center;}
.login_resultp{color:#3f3f3f;font-size: 2rem;}
.login_gologin{color:#f1343d;font-size: 1.6rem;}
.login_underline{border-bottom: 1px solid #f1343d;width: 64px;margin: 10px auto 0 auto;}
.form_btn .btn{background:#f13a3d;border-radius: 4rem;box-shadow: 0 0.5rem 0.5rem 0.3rem #fde3e4;}
.login_ul{width: 150px;height: 100px;margin: 0 auto;}
.login_we{width:40px;height: 40px;border-radius: 50%;background-color: #31c27c;position: relative;margin-bottom:8px;}
.login_we>img{position: absolute;top:9px;;left:6px;width: 26px;}
.login_ty{width:40px;height: 40px;position: relative;margin-bottom:8px;}
.login_ty>img{position: absolute;top:0;;left: 0; width: 100%; }
.login_wangji{margin-left: 3rem;margin-top: 2rem;}
.login_tiyan{margin-right: 3rem;margin-top: 2rem;}
.juese{padding-left: 0.6rem;font-size:1.4rem;height: 34px;letter-spacing: 3px;}
.choose_juese{border: 1px solid #dcdcdc;border-radius: 4rem;width: 48%;height: 46px;line-height: 46px;text-align: center;color:#767676;}
.juese_img{opacity: 0;}
.choose_juese.choose_xz{border-color: #f13a3d;color: #f13a3d}
.choose_juese.choose_xz .juese_img{opacity: 1;}
/* --------------------------注册页面------------------------------- */
.form_box.border_white{border: 1px solid #fff;padding-right:6rem;}
.form_box input.border_b_grey{border-bottom: 1px solid #929292;padding-left: 0rem;margin-left: 5rem;width: 100%;}
.form_box .form_txt1{left:1.5rem;top:-0.3rem;color:#333;position: absolute;line-height: 44px; display: inline-block;font-size:1.4rem;}
.form_box .form_yzm{position:absolute;right:10px;top:3px;font-size:1.2rem;padding: 4px 12px;border-radius:5px;border:1px solid #f13a3d;color: #f13a3d;;background: none;display: inline-block;outline:none;text-align: center;height: 30px;width:auto;}
.form_box .form_yzm:active{background:#f7b733;border:1px solid #f13a3d;}
.login_box .form_yzm{position:absolute;right:0px;top:6px;font-size:1.4rem;padding: 0px 10px;border-radius:5px;border:1px solid #f13a3d;color: #f13a3d;;background: none;text-align: center;}
.login_box .form_yzm:active{background:#f7b733;border:1px solid #f13a3d;}
.register_pact{border: 1px solid #ccc;font-size: 1.5rem;padding: 10px;height: 20rem;overflow-y: scroll;border-radius: 4px;}
.register_pact h3{font-weight: bold;font-size: 1.5rem;margin: 3px 0;}
/* --------------------------首页------------------------------- */
.index_banner{max-height:126px;}
.logo{background-image:-webkit-linear-gradient(90deg,#f1333d,#f06340);background-image:-webkit-linear-gradient(left,#f1333d,#f06340);background-image:-moz-linear-gradient(left,#f1333d,#f06340);background-image:linear-gradient(90deg,#f1333d,#f06340);height:40px;display: flex;justify-content: center;align-items: center;}
.form_box1{padding:0px 0px;margin:10px 15px;position: relative;border-radius: 4rem;width:75%;background-color: #f8f8f8;display: inline-block}
.form_box1 .form_txt1{color:#989898;position: absolute;line-height: 44px; display: inline-block;font-size:1.4rem;left:1.5rem;top:-0.3rem;}
.form_box1 input{border:none;background: none;width:100%;padding:5px 5px 5px 5rem; outline: none;color:#000;font-size:1.4rem;height: 34px;}
.main1{margin-bottom: 10px;}
.index_news li{list-style-type: none;}
.index_news{opacity: 0;padding-top: 1rem;padding-bottom: 1rem;height: 200px;overflow-y: hidden;}
.index_news1{width: 60%;position: absolute;left:76px;}
.index_laba{margin: 2rem 0.5rem 2rem 1.2rem;}
.index_newss.ellipsis1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;line-height: 1.6rem;}
.index_newss img{height: 18px;vertical-align:text-bottom;}
.index_img1{/*box-shadow: 0 0 5px 2px #fef3ed;*/border-radius: 50%;}
.index_img2{/*box-shadow: 0 0 5px 2px #e5f6ff;*/border-radius: 50%;}
.index_img3{/*box-shadow: 0 0 5px 2px #fee7f1;*/border-radius: 50%;}
.index_img4{/*box-shadow: 0 0 5px 2px #e7ffe3;*/border-radius: 50%;}
.index_img5{/*box-shadow: 0 0 5px 2px #fbe7f3;*/border-radius: 50%;}
.index_img6{/*box-shadow: 0 0 5px 2px #fff1e8;*/border-radius: 50%;}

.index_time{display: inline-block;float: right;}
.index_news2{position: relative}
.index_jiantou{position: absolute;top:3rem;right:2rem;}
.index_book{padding:10px 0 5px 0;}
.index_jrkc1{padding-bottom: 1.3rem;position: relative;padding-top: 30px;}
.index_jrkc{width: 100%;text-align: center;position: absolute;top:0;left: 0;}
.index_coursepushline{position: absolute;top:0;left: 4%;width: 92%;height: 14px;border-bottom: 1px solid #f1393e;}
.index_coursepushbox{background-color: #fff;width: auto;display: inline-block;padding: 0 10px;}
.index_coursepush{background-color: #f1393e;text-align: center;height: 28px;color:#fff;line-height: 28px;font-size: 1.6rem;float:left;width: auto;padding: 0 10px;}
.index_jrkc img{height: 28px;float:left}
.index_td1{width: 40%;}
.index_td2{padding:0 0 0 1rem;vertical-align: top;}
.index_teacher{margin-top: 1.5rem;}
.index_kc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 100%;}

.swiper-slide.index_navslide{width: auto;padding: 10px 0px 5px 0px;position: relative;white-space: nowrap;}
.index_navboxs{padding: 0 15px;background-color: #fff;border-bottom: 1px solid #dedede;}
.index_navbox{position: relative;width: 100%;}
.index_nav{width: 100%;overflow: hidden;}
.index_nav li{float: left;font-size: 1.8rem;padding: 10px 0px 5px 0px;color:#333;cursor:pointer;margin-right: 20px;position: relative;}
.index_nav li.indexnav_xz{color:#f13535;}
.indexnav_line{display:block;position:absolute;bottom:0;height:2px;background-color:#ff0000;text-align: center;/*width: 30px;*/}

.index_navline{position: absolute;bottom: 0;left:0;opacity: 0;width: 100%;}
.index_navline span{background-color:  #ff0000;display: block;width: 100%;height: 2px;margin: 0 auto;}
.index_navslide_xz{color:#f13535;}
.index_navslide_xz .index_navline{opacity: 1;}
.index_jjimg{width: 100%;background: no-repeat 50%;background-size: cover;height: 160px;}
.swiper-slide.index_jjslide{background: no-repeat 50%;background-size: cover;height: 160px}
.index_jianjie{padding: 10px 15px;}
.index_jjcontent{font-size: 1.4rem;margin-top: 10px;line-height: 23px;}
.index_navbar{display: none;}
.index_navbar.index_navbar_xz{display: block;}
.index_coursebox{position: relative;width: 100%;padding: 15px 8px 0px 8px;margin-bottom: 20px;}
.index_coursed{position: absolute;width: 16%;height: 118px;top:0;left: 14px;}
.index_coursenr{width: 100%;min-height: 120px;border-radius: 6px;box-shadow: 0 0 5px 3px #f1f1f1; padding-left: 21%;position: relative;}
.gradient-wrap{padding:2px 1px 2px 2px;}
.index_coursenr_title{font-size: 1.6rem;font-weight: 600;color:#010101;padding-top: 13px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 85%;}
.index_coursenr_department{font-size: 1.2rem;font-weight: 300;border-radius: 2px;display: inline-block;padding: 2px 2px 2px 2px;line-height: 1rem;vertical-align: top;margin-right: 5px;margin-top: 3px;}
.index_department_red .index_coursenr_department{color:#ff4546;border: 1px solid #ff4546;}
.index_department_green .index_coursenr_department{color:#22832b;border: 1px solid #22832b;}
.index_coursenr_date{color:#6a6767;font-size: 1.2rem;margin-top: 3px;}
.index_coursenr_nums{float: right;margin-right: 34px;}
.index_coursenr_time{color:#6a6767;font-size: 1.2rem;margin-top: 10px;padding-bottom: 25px;}
.index_coursenr_time1 li{width: 100%}
.index_coursenr_time2 li{width: 50%;float:left;}
.index_coursenr_time2:after{content: "";clear: both;display: block;}
.index_coursenr_teacher{position: absolute;bottom: 6px;right: 14px;color:#6a6767;font-size: 1.2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 30%;text-align: right;}
.index_coursenr_children{position: absolute;bottom: 6px;left: 21%;color:#6a6767;font-size: 1.2rem;}
.index_class{font-size: 1.2rem;line-height: 12px;background: no-repeat;background-size: contain;color:#fff;position: absolute;top:15px;right: 13px;padding: 5px 5px 11px 7px;display: flex;width: 26px;height: 52px;justify-content: center;align-items: flex-start;}
.index_class_green .index_class{background-image:url(../images/index_flag1.png);}
.index_class_yellow .index_class{background-image:url(../images/index_flag2.png);}
.index_class_brown .index_class{background-image:url(../images/index_flag3.png);}
@media (min-width:320px){
    .index_news{opacity: 0;padding-top: 10px;padding-bottom: 10px;}
    .index_news1{width: 65%;left:76px;}
    .index_coursebox{padding: 15px 8px 0px 8px;}
    .index_coursenr{padding-left: 29%;}
    .index_coursenr_nums{margin-right: 37px;}
    .index_class{right: 15px;}
    .index_coursenr_teacher{right: 16px;}
    .index_coursenr_children{left:29%;}
    .index_coursed{left: 17px;width: 22%;}
}
@media (min-width:375px){
    .index_news1{width: 70%;}
    .index_banner{max-height:147px;}
    .index_coursebox{padding: 15px 15px 0px 10px;}
    .index_coursenr{padding-left: 30%;}
    .index_coursenr_nums{margin-right: 46px;}
    .index_class{right: 26px;}
    .index_coursenr_teacher{right: 25px;}
    .index_coursenr_children{left:30%;}
    .index_coursed{left: 23px;height: 124px;}
    .index_coursenr_date{font-size: 1.3rem;}
    .index_coursenr_time{font-size: 1.3rem;}
}
@media (min-width:414px){
    .index_news1{left:80px;}
    .index_banner{max-height:162px;}
    .index_coursenr_date{font-size: 1.4rem;}
    .index_coursenr_time{font-size: 1.4rem;}
    .index_coursenr_teacher{font-size: 1.3rem;}
    .index_coursenr_children{font-size: 1.3rem;}
    .index_coursed{height: 128px;}
}
@media (min-width:640px){
    /*    .main1{width: 60%;margin:0 auto 10px auto;}*/
    .index_teacher{margin-top: 4rem;}
    .index_kctime{margin-top: 1.5rem;}
    .index_kc{font-size: 2rem;}
    .form_box1{margin-left: 5rem;}
    .index_laba{margin-left: 4rem;}
    .index_news1{left:12rem;}
    .index_jiantou{right:4rem;}
    .index_td2{padding: 0 3rem;}
    .index_td1>img{height: 14rem;}
    .index_banner{max-height:254px;}
    .index_jjimg{height: 300px;}
    .swiper-slide.index_jjslide{height: 300px}
    .index_coursenr{min-height: 125px;}
    .index_coursed{left: 27px;width: 24%;height: 132px;}
    .index_coursenr_teacher{right:30px;}
    .index_class{right:31px;}
    .index_coursenr{padding-left: 33%;}
    .index_coursenr_children{left:33%;}
    .index_coursenr_nums{margin-right:66px;}
}
@media (min-width:960px){
    .index_banner{max-height:375px;}
    .index_jjimg{height: 435px;}
    .swiper-slide.index_jjslide{height: 435px}
    .index_jjcontent{font-size: 1.6rem;}
    .index_coursenr_title{font-size: 1.8rem;}
    .index_coursenr_department{font-size: 1.2rem;padding: 2px 3px 2.5px 3px;}
    .index_coursenr_date{font-size: 1.4rem;}
    .index_coursenr_date{font-size: 1.4rem;}
    .index_coursenr_teacher{font-size: 1.4rem;right:30px;}
    .index_coursenr_children{font-size: 1.4rem;}
    .index_class{right:31px;}
    .index_coursenr_nums{margin-right:66px;}
}
@media (min-width:1024px){
    .index_banner{max-height:400px;}
}

/* --------------------------我（个人中心）------------------------------- */
.user_tbox{height:14rem;}
/* .user_tbox_bg{background:linear-gradient(to right,#f1343d,#f06340);min-height:14rem;max-height: 17rem;width:100%;position: relative } */
.user_tbox_bg{background:linear-gradient(to right,#FE87B2,#FE87B2);min-height:14rem;max-height: 17rem;width:100%;position: relative }
.tbox_ul li{line-height:2.6rem;}
.tbox_ul{margin-top: 1.8rem;}
.user_shuru{}
.user_shuru_input{border: none;color: black;font-size: 1.4rem;display: none;}
.snow-canvas {display: block;width: 100%;height: 800px;top: -20px;left: 0;position: absolute;pointer-events: none;}
.bbox_i img{margin-top: -5px;}
.bbox a{height: 50px;line-height: 50px;}
.user_xian{width: 100%;height: 1px;background-color: #e7e7e7;}
/*头像*/
.headimg_a{display: flex;justify-content: center;align-items: center;width: 100%;}
.headimg_a div{max-width: 85%;}
/* 我的报名 */
.myapply_box{padding:14px 10px 0 10px;}
.myapply_box li{background-color: #fff;margin-bottom: 14px;position: relative;box-shadow: -1px 2px 2px 1px #e0e0e0;}
.myapply_title{font-size: 1.6rem;font-weight: bold;padding: 7px 14px 7px 14px;}
.myapply_title:after{content: "";display: block;clear: both;}
.myapply_tishi{font-weight: normal;float: right;font-size: 1.5rem}
.myapply_tishi1{font-weight: normal;/*margin-left: 10px;*/font-size: 1.3rem;display: inline-block;border-radius: 2px;padding: 0px 6px;height: 16px;line-height: 13px;vertical-align: text-top;margin-top: 3px;float: right;}
.myapply_wm .myapply_title{background-color: #ffd9d9;color:#f1383d;}
.myapply_wm .myapply_tishi{color:#f85252;}
.myapply_wm .myapply_tishi1{color:#f8323b;border:1px solid #e60012;}
.myapply_ym .myapply_title{background-color: #ffd9d9;color:#1f1f1f;}
.myapply_ym .myapply_tishi{color:#f85252;}
.myapply_ym .myapply_tishi1{color:#3a3a3a;border:1px solid #000;}
.myapply_yzf .myapply_title{background-color: #f14640;color:#fff;}
.myapply_yzf .myapply_tishi{color:#fff;}
.myapply_yzf .myapply_tishi1{display: none}
.myapply_ysx .myapply_title{background-color: #dadada;color:#505050;}
.myapply_ysx .myapply_tishi{color:#4b4a4a;}
.myapply_ysx .myapply_tishi1{display: none}
.myapply_body{padding: 7px 8px 7px 14px;border-bottom: 1px solid #d6d6d6;}
.myapply_time{color:#4b4a4a;font-size: 1.5rem;width: 100%;margin-bottom: 5px;}
.myapply_time:after{content: "";display: block;clear: both;}
.myapply_timet{float: left;}
.myapply_timec{float: left;/*width: 260px;*/max-width: 206px;}
.myapply_timec:after{content: "";display: block;clear: both;}
.myapply_timec p{float: left;/*width: 50%;*/width: auto;}
.myapply_douhao{opacity: 0;}
.myapply_name{width: 100%;color:#4b4a4a;font-size: 1.5rem;}
.myapply_name:after{content: "";display: block;clear: both;}
.myapply_name p{float: left;/*width: 50%;*/width: 100%;}
.myapply_name p.myapply_bmtime{width: 100%;}
.myapply_foot{padding: 7px 14px;}
.myapply_close{float: right;color:#575757;border: 1px solid #b5b5b5;border-radius: 12px;font-size: 1.4rem;background-color: #fff;padding: 2px 8px;margin-left: 7px;}
.myapply_pay{float: right;color:#ff5a17;border: 1px solid #e60012;border-radius: 12px;font-size: 1.4rem;background-color: #fff;padding: 2px 8px;margin-left: 7px;}
.myapply_changeclass{float: right;border-radius: 12px;font-size: 1.4rem;background-color: #fff;padding: 2px 8px;position: relative;}
.myapply_changeclass select{position: absolute;width: 100%;left: 0;top: 0;height: 26px;opacity: 0;}
.myapply_see{float: right;color:#fff;background:linear-gradient(to right,#ef623f,#f13b3e);border-radius: 12px;font-size: 1.4rem;padding: 3px 8px;margin-left: 7px;}
.myapply_p1{float: left;font-size: 1.4rem;color:#e75229;/*width: 100%;*/width: auto;padding-bottom: 5px;}
.myapply_p2{float: left;font-size: 1.5rem;color:#575757;padding-top: 3px;}
.myapply_wm .myapply_close,.myapply_wm .myapply_pay{display: block;}
.myapply_wm .myapply_see,.myapply_wm .myapply_p1,.myapply_wm .myapply_p2{display: none;}
.myapply_wm .myapply_changeclass{display: block;color:#575757;border: 1px solid #b5b5b5;}
.myapply_ym .myapply_close{display: block;}
.myapply_ym .myapply_pay,.myapply_ym .myapply_see,.myapply_ym .myapply_p1,.myapply_ym .myapply_p2{display: none;}
.myapply_ym .myapply_changeclass{display: block;color:#ff5a17;border: 1px solid #e60012;}
.myapply_yzf .myapply_see,.myapply_yzf .myapply_p1{display: block;}
.myapply_yzf .myapply_close,.myapply_yzf .myapply_pay,.myapply_yzf .myapply_changeclass,.myapply_yzf .myapply_p2{display: none;}
.myapply_ysx .myapply_close,.myapply_ysx .myapply_p2{display: block;}
.myapply_ysx .myapply_see,.myapply_ysx .myapply_pay,.myapply_ysx .myapply_changeclass,.myapply_ysx .myapply_p1{display: none;}

/* 我的课程 */
.mycourse_box{padding:14px 10px 0 10px;}
.mycourse_box li{background-color: #fff;margin-bottom: 14px;position: relative;box-shadow: 0px 1px 2px 1px #e0e0e0;}
.mycourse_body{padding: 40px 15px 0px 15px;width: 100%;position: relative;}
.mycourse_content{width: 100%;font-size: 1.5rem;color:#393939;border-bottom: 1px solid #e5e5e5;}
.mycourse_title{font-size: 1.5rem;color:#fff;position: absolute;top:-5px;left: 0;width: 100%;display: flex;justify-content: center;height: 30px;line-height: 30px;}
.mycourse_title img{height: 100%;}
.mycourse_title p{background: linear-gradient(to right,#fe6c04,#f2363b);height: 100%;padding: 0 6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 81%;text-align: center;}
.mycourse_name{width: 85px;padding-bottom: 5px;padding-left: 8px;vertical-align: top;}
.mycourse_time{vertical-align: top;width: 85px;padding-left: 8px;}
.mycourse_foot{padding: 9px 14px;position: relative;}
.mycourse_foot p{position: absolute;left: -3px;top:10px;}
.mycourse_foot img{height: 23px;vertical-align: bottom;}
.mycourse_tishi{padding: 3px 5px;/*background-color: #ffe7e7;*/color: #f24448;font-size: 1.2rem;position: absolute;top:40px;right: 20px;}
.course_admin{background-color: #f13e3e;color:#fff;height: 20px;display: inline-block;font-size: 1.2rem;line-height: 20px;margin-left: -1px;}
.mycourse_bgr{float: right;color:#fff;background:linear-gradient(to right,#ef623f,#f13b3e);border-radius: 12px;font-size: 1.5rem;background-color: #fff;padding: 3px 8px;margin-left: 7px;}
.mycourse_bgw{float: right;color:#ff5a17;border: 1px solid #e60012;border-radius: 12px;font-size: 1.5rem;background-color: #fff;padding: 2px 8px;margin-left: 7px;}

.mycourse_pay{position: absolute;top:16px;right: 20px;text-align: right;font-size: 1.5rem;}
.mycourse_pay1{color:#f85252;margin-bottom: 18px;}
.mycourse_pay2{color:#e7a22f;border:1px solid #e7a22f;padding:0px 4px;border-radius: 2px;}
/* 我的到课 */
.mydaoke_box{padding:14px 6px 0 8px;}
.mydaoke_box li{background-color: #fff;margin-bottom: 14px;position: relative;box-shadow: -1px 2px 2px 1px #e0e0e0;border-radius: 2px;padding: 14px 6px;}
.mydaoke_kehsi{color:#323232;font-size: 1.5rem;width: 115px;float: left;padding-top: 3px;}
.mydaoke_qingkuang{color:#323232;font-size: 1.5rem;width: 100px;float: left;padding-top: 3px;}
.mydaoke_tishi{float:right;color:#949494;font-size: 1.5rem;display: none;}
.mydaoke_btn{float: right;color:#ff5a17;border: 1px solid #e60012;border-radius: 12px;font-size: 1.4rem;background-color: #fff;padding: 2px 3px;display: none;}
.mydaoke_banji{color:#323232;font-size: 1.4rem;width: 100%;margin-top: 6px;display: none;}
.mydaoke_dk{border-left: 3px solid #f1383e;}
/* 列表状态 */
.mydaoke_li{border-left: 3px solid red;}
.mydaoke_box li.mydaoke_li{padding: 14px 14px 6px 14px;}
.mydaoke_li .mydaoke_btn{display: block;margin-top: 5px;color: #fff;;background-color: #ff5a17;}
.mydaoke_li .mydaoke_btn:hover,.mydaoke_li .mydaoke_btn:active{color:#fff;}
.mydaoke_kc{font-size: 1.8rem;border-bottom: 1px dashed #b6b6b6;padding-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.mydaoke_childrenname{font-size: 1.5rem;color:#888;padding-top: 8px;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 70%;}
/* 其他状态 */
.mydaoke_qj{border-left: 3px solid #519e1d;}
.mydaoke_qj .mydaoke_btn{display: block;}
.mydaoke_qjybk{border-left: 3px solid #f1383e;}
.mydaoke_qjybk .mydaoke_tishi,.mydaoke_qjybk .mydaoke_banji{display: block;}
.mydaoke_qjdbk{border-left: 3px solid #f1383e;}
.mydaoke_qjdbk .mydaoke_tishi,.mydaoke_qjdbk .mydaoke_banji{display: block;}
.mydaoke_qjbkkk{border-left: 3px solid #a435ce;}
.mydaoke_qjbkkk .mydaoke_tishi,.mydaoke_qjbkkk .mydaoke_banji{display: block;}
.mydaoke_kk{border-left: 3px solid #a435ce;}
.mydaoke_shenqingbox{width: 100%;position: fixed;bottom: 0;left: 0;z-index:998;padding-bottom: 50px;display: none; }
.mydaoke_shenqing{font-size: 1.7rem;color:#4d4d4d;background-color: #fff;padding: 10px 14px;border-top: 1px solid #d2d2d2;position: relative;}
.mydaoke_shenqing1{float: right;color:#808080;}
.mydaoke_bktishi{font-size: 1.3rem;color:#bf4a4f;border-top: 1px solid #d2d2d2;padding: 4px 14px;background-color: #f5f5f5;}
.mydaoke_xing{color:#f1383d;}
.mydaoke_i{float:right;color:#868686;display: block;padding-top: 5px;margin-left: 10px;margin-right: 3px;}
.mydaoke_select{position: absolute;right: 0;top:1px;height: 41px;width: 50%;opacity: 0;}
.mydaoke_no{text-align:center;font-size: 1.2rem;}
.mydaoke_no>p{font-size: 1.7rem;margin-bottom: 10px;}

/* 关联账户 */
.connected_btn{height:2.5rem;line-height: 1rem;}
.connected_div{height:8rem;}
.connected_img{border-radius:100%;background:gainsboro;width:6rem;height:6rem;display: flex;justify-content:center;align-items:center;color:#fff;float:left;margin-right: 15px;}
.connected_name{display: inline-block;margin-top: 1rem;}
/* 账户详情 */
.account_div{padding: 1rem 1.6rem;position: relative;vertical-align: middle;}
.account_div1{padding: 1rem 1.6rem;position: relative;}
.account_img{box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border:1px solid rgba(98,199, 219, 0.1);border-radius:50%;width:5rem;height:5rem;margin-right: 2rem;}
.account_tx{margin-top: 1.6rem;}
.account_jt{vertical-align: middle;}
.account_input{width: 15rem;display: inline-block}
.children_phones{position: relative;}
.children_tsname{float:left;width: 40%;min-width: 80px;padding-top: 9px;text-align: center;}
.children_tsinput{float:left;width: 60%;}
.children_age{color:#999797;display: inline-block;padding-top: 16px;vertical-align: top;}
.children_phonesbox{font-size: 1.7rem;}
.children_phones_lxdh{width: 100px;display: inline-block;}
.children_date{position: absolute;right:0px;top:0px;width: 200px;height: 40px;opacity: 0;}
/* 关联新账户 */
.account_div2{position: relative;height:13rem;padding: 4.4rem 2.5rem 1rem 2.5rem;}
.account_div3{height:10rem;line-height: 10rem;border: 1px solid black;width: 80%;margin: 0 auto;}
.account_input2{width: 60%;display: inline-block}
.account_div4{height:6rem;line-height: 6rem;width: 80%;margin: 0 auto;}
.account_input4{width: 60%;display: inline-block}
.account_span{width: 8rem;display: inline-block;margin-right: 1rem;text-align: right;}
.account_tab{height: 50rem}
.account_jiange{height: 1rem;width: 80%;margin: 0.5rem auto 1.2rem auto;}
.account_div5{height:20rem;width: 20rem;margin: 0 auto;border: 1px solid black;}
@media (min-width:375px){
    .myapply_p1{font-size: 1.4rem;padding-top: 3px;width: auto;padding-bottom: 0px;}
    .myapply_p2{font-size: 1.4rem;}
    .mydaoke_box{padding:14px 14px 0 14px;}
    .mydaoke_box li{padding: 14px 14px;}
    .mydaoke_kehsi{width: 120px;}
    .mydaoke_qingkuang{width: 120px;}
    .mydaoke_btn{padding: 2px 8px;}
    .mydaoke_banji{font-size: 1.5rem;}
    .mydaoke_no{font-size: 1.3rem;}
    .myapply_timec{max-width: 261px;}
    .course_admin{padding: 0 5px;font-size: 1.3rem;line-height: 19px;}
}
@media (min-width:414px){
    .myapply_timec{max-width: 300px;}
    .myapply_p1{font-size: 1.5rem;}
    .myapply_p2{font-size: 1.5rem;}
    .mycourse_img{width: 35%;}
    .myapply_douhao{opacity: 1;}
}
@media (min-width:640px){
    .myapply_timec{max-width: 526px;}
    /*    .myapply_timec p{width: 33%;}*/
}
/* --------------------------消息------------------------------- */
.weidu{display: inline-block;width: 6px;height:6px;background-color:#f13a3d; vertical-align: middle;margin-top: -2px; }
.yidu{display: inline-block;width: 5px;height:5px;background-color:transparent; vertical-align: middle;margin-top: -2px; }
.mynews_time1{position: absolute;right:0;top:1.3rem;line-height: 35px;font-size:1.4rem;}
/*.news_time{margin: 0.6rem auto 0.6rem auto;font-size: 1.4rem;text-align: center;}*/
.news_time{position: absolute;top:3px;right:0;color: #6e6e6e;font-size: 1.4rem;}
.mynews_title{font-size: 1.6rem;overflow:hidden; text-overflow:ellipsis;white-space: nowrap; height: 6rem;line-height: 6rem;width: 12em;}
.mynews_title1{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;width: 10em;}

.news_a{display: block;width: 100%;height: 100%;position: relative;color:#929292;}
.news_d{background-color: transparent;}
.news_title,.news_content{white-space: normal;word-break: break-all;word-wrap: break-word;}
.news_title{width: 70%;height: 1.8rem;line-height: 1.7rem;padding-left: 8px;border-left: 4px solid #f13a3d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#464646;font-size: 1.6rem;font-weight: bold;margin-top: 3px;}
.news_content{margin-top: 10px;color:#6d6c6c;font-size: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 228px;min-height: 22px;}
.news_content img{height: 18px;vertical-align: text-bottom;}
.news_look{position: absolute;bottom: 0;right: 0;display:block;border: 1px solid #ff3c3c;border-radius: 4rem;padding: 0px 10px;font-size: 1.4rem;}
.line-wrapper { width: 100%; height:6rem; overflow: hidden; font-size: 1.6rem; border-bottom: 1px solid #e7e7e7; }
.line-scroll-wrapper { white-space: nowrap; clear: both; }
.line-btn-delete { float: left; width: 10rem; height: 6rem; }
.line-btn-delete button { width: 100%; height: 100%; background: red; font-size: 1.6rem; color: #fff;border: none; }
.line-normal-wrapper { display: inline-block; float: left; }
.line-normal-left-wrapper { float: left; overflow: hidden;width: 100%; }
.line-normal-info-wrapper { float: left; margin-left: 10px;color: #4e4e4e;width: 92%; }
@media (min-width:375px){
    .mynews_title1{width: 14em;}
    .news_content{max-width: 284px;}
}
@media (min-width:414px){
    .news_content{max-width: 320px;}
}
@media (min-width:640px){
    .news_content{max-width: 540px;}
}
@media (min-width:960px){
    .mynews_title1{width: 28em;}
}

/* --------------------------成长记录------------------------------- */
.account_growth{padding: 0 1.6rem;position: relative;}
.account_growth1{padding: 1rem 0;position: relative;}
.account_input3{margin-left: 2rem;border: none; }
.account_textarea{border: 1px solid #ddd;height: 15rem;padding: 1rem;}
.account_textarea textarea{width: 100%;height: 100%;font-size: 1.4rem;border: none;}
.tab_body{display: flex;justify-content:space-between;}
.tab_title.ellipsis1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 100%;line-height: 2rem;}
.tbox_img1{/*box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5);*/border-radius:50%;width:3rem;height:3rem;border: 1px solid #c2c2c2;}
.tbox_img2{border-radius:50%;width:4rem;height:4rem;border: 1px solid #c2c2c2;}
.growup_tx{position: absolute;left: 5px;top:0;}
.apply_promulgator{width: 100%;}
.apply_promulgator1{margin-left: 1rem;margin-top: 0.5rem;}
.apply_observer{padding-left: 5rem;width: 100%;padding-right: 0.5rem;}
.apply_observer1{/*padding-top: 0.6rem;*/width: 100%;font-size: 1.6rem;color:#2a2a2a;}
.apply_observer2{min-width: 4rem;vertical-align: text-top;width:4rem;}
.apply_observer3{width: 100%;}
.apply_observer3 td{padding-top: 2rem;}
.apply_comment{width: 100%;}
.apply_comment1{margin-left:5rem;white-space: normal;word-break: break-all;word-wrap: break-word;text-justify:auto;text-align:justify;/*margin-bottom: 5px;*/color:#2a2a2a;padding-right: 5px;}
.apply_comment2{margin-left: 6rem;background-color: gainsboro;}
.reply-list{margin-left: 5rem;margin-right: 5px;font-size: 1.4rem;/*padding-top: 5px;background-color: #f7f7f7;*/ }
.reply-list .reply:nth-child(1){padding-top: 5px;}
.reply{padding: 0px 5px 5px 5px;background-color:#f8f8f8;position: relative;color:#4e4e4e;}
.reply1{padding: 5px;}
.reply_time{font-size: 1.2rem;}
.reply_content{width: 100%;white-space: normal;word-break: break-all;word-wrap: break-word;/*line-height: 16px;*/font-size: 1.4rem;}
.form_box2{position: relative;/*border: 1px solid #dcdcdc;*/border-radius: 1rem;width:100%;display: inline-block;/*height: 3rem;margin-top: 1rem;*/background-color: #fff;}
.form_box2 input{border:none;background: none;width:95%; outline: none;color:#000;position: absolute;top:0.2rem;left:5px;height:2.6rem;line-height: 2.6rem; }
.growup_img{width: 100%;}
.foot_pl{display: block;}
.foot_hf{display: block;}
.see_hf{background-color:#f8f8f8;padding:0px 5px 5px 5px;color:#4e7a9d;margin-left: 5rem;margin-right: 5px;font-size: 1.4rem;}
.growth_select{width: 10rem;height: 4rem;position: absolute;top:0;right:0;font-size:2rem;z-index: 99;opacity: 0;}
.growup_huifubtn{position: absolute;right: 5px;top:5px;}
.growup_line{background-color:#dbdbdb;height:1px;margin-left: 5rem;margin-top: 9px;}
.apply_comment1 img,.growth_content img{width: 19px;vertical-align: bottom;}
.reply_content img{width: 19px;vertical-align: bottom;}
.growth_content{color:#363636;}
/* 选择班级 */
.choose_class{color:#fff;position: absolute;right:10px;font-size: 1.5rem;/*padding-top: 0.2rem;*/display: inline-block;top:0;}
.choose_class>span{display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 6em;text-align: right;}
.choose_class>i{display: inline-block;vertical-align: top;margin-top: 13px;}
.choose_class_div{padding: 0 1rem;position: relative;}
.choose_class_div.choose_class_div1{justify-content: left;}
.choose_class_div a{position:absolute;top:0;left:0;padding-left:1rem;font-size: 1.6rem;color:#636262;width: 100%;height: 100%;border-bottom: 1px solid gainsboro;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;/*word-wrap:break-word;*/}
.choose_class_div a.choose_class_a{max-width:62%;width: auto;border-bottom: 0px solid gainsboro;position: relative;padding-left: 0;float: left;}
.choose_class_div:hover a{color:black;}
.choose_class_div.class_xz{border-left: 4px solid #f1393d;background-color: #fff;box-shadow: 0 1px 4px 1px #908f8f;}
.choose_class_div.class_xz a{border-bottom-color: transparent;}
.choose_class_box{width: 100%;height: auto;}
.choose_class_box a{width: 50%;display:block;height: 100px;font-size: 1.4rem;color: black;float: left;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.choose_class_box a img{width: 50px;height: 50px;}
.classa{padding: 5px 8px;position: relative;}
.gou{position: absolute;top:20%;left:0;display: none;text-align: center;width: 100%;}
.classa_xz>.gou{display: block;}
.choose_class_div .classbuy{position: absolute;top:1rem;right: 2rem;height: 3rem;width: 4rem;display: none;}
.choose_class_div.class_buy .classbuy{display: block;}
.growup_foot{display:none;}
.growup_nothing{font-size: 1.7rem;text-align: center;width: 100%;margin-top: 150px;position: absolute;color:#464646;}
.renke{color:#f32d2d;border: 1px solid #f32d2d;border-radius: 2px;font-size: 1.2rem;display: block;width: 34px;height: 17px;line-height: 15px;text-align: center;float: left;margin-left: 3px;position: absolute;right: 10px;}
/* 评论页面 */
.growup_username{font-size: 1.6rem;color:#e7401f;}
.growup_usertime{font-size: 1.2rem;color: #414040;}
.growup_content{font-size: 1.6rem;padding-left: 5rem;margin-top: 5px;margin-bottom: 10px;color: #2a2a2a;font-weight: bold;}
.growup_tubox{padding-left: 5rem;}
.replyname{color:#4e7a9d;}
.replytoname{color:#4e7a9d;}
.growup_time{color:#c1c1c1;font-size: 1.2rem;float: left;}
.growup_other{padding-left: 5rem;width: 100%;padding-right: 5px;margin-top: 6px;}
.growup_other:after{content: "";display: block;clear: both;}
.reply-btn{float: right;}
.reply-btn img{/*padding-top: 3px;*/}
.growup_commentinfo{margin-bottom: 10px;}
@media (min-width:375px){
    .choose_class_div a.choose_class_a{max-width:74%;}
}
@media (min-width:414px){
    .choose_class_div a.choose_class_a{max-width:76%;}
}
@media (min-width:640px){
    .choose_class_div a.choose_class_a{max-width:83%;}
}
/* --------------------------分享------------------------------- */
.share_bg{background: url(../images/beijing.png) repeat-y;background-size: contain;}
.share_box{width: 100%;padding: 22px 0px 20px 0px;position: relative;}
.share_huabian1{width: 100%;background: url(../images/huabian1.png) no-repeat;background-size: cover;min-height: 19px;}
.share_huabian2{width: 100%;background: url(../images/huabian2.png) repeat-y;background-size: contain;min-height: 16px;padding: 0 23px;}
.share_huabian3{width: 100%;background: url(../images/huabian3.png) no-repeat;background-size: cover;min-height: 20px;}
.share_xr{position: absolute;width: 32%;top:10px;right: 16px;}
.share_jl{width: 40%;padding: 2px 0 3px 0;}
.share_title{width: 65%;font-size: 1.6rem;color:#ec1273;}
.share_time{width: 66%;font-size: 1.1rem;color:#757575;border-bottom: 1px solid #959595;margin-top: 6px;}
.share_nameb{padding: 12px 0 9px 3px;}
.share_tx{display: inline-block;width: 36px;height: 36px;border: 1px solid #ec707e;border-radius: 50%;vertical-align: top;background: no-repeat 50%;background-size: cover;margin-right: 13px;}
.share_name{font-size: 1.6rem;color:#000;padding-top: 7px;display: inline-block;}
.share_content{padding: 0 0 0 3px;font-size: 1.6rem;color: #555}
.share_imgbox{width: 100%;padding: 15px 3px;}
.share_imgb{width: 100%;height: auto;box-shadow: 0px 2px 3px 3px #e1e0e0;padding: 13px;}
.share_img{width: 100%;height:252px;background: no-repeat 50%;background-size: cover;}
.share_pltable{width: 100%;margin-top: 10px;}
.share_plname{font-size: 1.6rem;color:#f06059;width: 80px;font-family: "qxybksj";vertical-align: top;}
.share_plcontent{font-size: 1.6rem;color:#555;font-family: "qxybksj";}
.share_plcontent img{height: 21px;vertical-align: top;}
.share_codebox{width: 100%;padding: 10px;text-align: center;}
.share_code{width: 50%;}
.share_logo{width: 10%;vertical-align: top;}
.share_logop{font-size: 1.6rem;color:#000;}
.share_logospan{margin-left: 5px;display: inline-block;}
.share_more{font-size: 1.2rem;color: #515151;}
.share_conceptbox{width: 100%;padding: 13px 13px 0px 13px;}
.share_concept{width: 100%;}
@media (min-width:360px){
    .share_huabian1{min-height: 21px;}
    .share_huabian2{min-height: 18px;}
    .share_huabian3{min-height: 23px;}
    .share_title{font-size: 2rem;}
    .share_time{font-size: 1.2rem;}
    .share_nameb{padding: 20px 0 16px 3px;}
    .share_content{padding: 0 3px 0 5px;}
    .share_img{height:346px;}
    .share_logospan{padding-top: 3px;}
}
@media (min-width:375px){
    .share_huabian1{min-height: 22px;}
    .share_huabian2{min-height: 19px;}
    .share_huabian3{min-height: 24px;}

}
@media (min-width:414px){
    .share_huabian1{min-height: 25px;}
    .share_huabian2{min-height: 21px;}
    .share_huabian3{min-height: 27px;}
    .share_title{font-size: 2.2rem;}
    .share_tx{width: 45px;height: 45px;}
    .share_name{font-size: 1.8rem;padding-top: 10px;}
    .share_nameb{padding: 22px 0 18px 3px;}
    .share_content{font-size: 1.8rem;padding: 0 4px 0 8px;}
    .share_img{height:382px;}
    .share_logospan{padding-top: 5px;}
}
@media (min-width:640px){
    .share_huabian1{min-height: 40px;}
    .share_huabian2{min-height: 34px;padding: 0 39px;}
    .share_huabian3{min-height: 42px;}
    .share_xr{right: 30px;width: 31%;}
    .share_jl{padding: 5px 0 5px 0;}
    .share_title{font-size: 3.5rem;}
    .share_time{font-size: 1.5rem;margin-top: 14px;padding-bottom: 5px;}
    .share_tx{width: 60px;height: 60px;}
    .share_name{font-size: 2.4rem;padding-top: 14px;}
    .share_nameb{padding: 36px 0 30px 5px;}
    .share_content{font-size: 2.4rem;padding: 0 5px 0 12px;}
    .share_img{height:634px;}
    .share_plname{font-size: 2rem;width: 100px;}
    .share_plcontent{font-size: 2rem;}
    .share_logop{font-size: 2.1rem;}
    .share_logospan{padding-top: 13px;margin-left: 13px;}
    .share_more{font-size: 1.6rem;}
}
/* --------------------------签到------------------------------- */
.qiandao_div{padding: 1.5rem 1.8rem;line-height: 5rem;position: relative}
.qiandao_img{box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5); border:1px solid rgba(98,199, 219, 0.1);border-radius:50%;float:left;width:5rem;height:5rem;}
.qiandao_span{margin:0 1rem 0 2rem;}
.qiandao_btn{top:10rem;right:2rem;position: absolute;width: 13rem;}
.qiandao_month{margin:1.5rem 1.5rem 2rem 1.5rem;}
.qiandao_table{width: 100%;}
.qiandao_table tr{height: 3rem;}
.qiandao_table td,.qiandao_table th{border: 1px solid grey;text-align: center;}
.qiandao_jifen{/*margin-top: 0.5rem;*/padding:0 1rem;}
.qiandao_jifen>img{width: 99%;}
.qiandao_div1{/*min-height: 350px;*/margin-bottom: 10px;}

/* --------------------------公告------------------------------- */
.notice_content{text-justify:auto;text-align:justify;color:#6d6c6c;font-size: 1.5rem;}
.notice_content>p{display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: auto;}
.notice_content>span{opacity: 0;display: inline-block;vertical-align: top;}
.notice_title{height: 1.9rem;line-height: 1.8rem;padding-left: 8px;border-left: 4px solid #f13a3d;font-size: 1.6rem;color:#464646;font-weight: bold;margin-top: 3px;margin-bottom: 10px;}
.notice_title.ellipsis1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 55%;}
.notice_img{display: flex;justify-content: space-between;}
.notice_table1{padding: 0 1rem;}
.notice_table{width: 100%;margin-bottom: 1.5rem;}
.notice_table th,.notice_table td{text-align: center;color:black;font-size: 1.4rem;}
.notice_detail{position: relative;padding-right: 0.5rem;white-space: normal;word-break: break-all;word-wrap: break-word;}
.notice_detail_title{width: 88%;display: block;margin: 0 auto;font-size: 1.6rem;color:#464646;font-weight: bold;}
.notice_detail_time{margin-right: 1rem;color: #6e6e6e;font-size: 1.4rem;}
.notice{padding: 10px;border-radius: 4px;}
.notice_box{padding: 10px 1.4rem 0 1.4rem;}

/* --------------------------报名------------------------------- */
/* 报名资料 */
.apply_fbox1{background-color: #fff;padding: 10px;width: 100%;margin-bottom: 12px;}
.apply_fbox2{padding: 0 10px;margin-bottom: 12px;}
.apply_fbox3{padding: 0 10px;}
.apply_fbox4{padding: 0 10px;}
.apply_fimg{float:left;width: 30%;background: no-repeat 50%;background-size: cover;height: 100px;}
.apply_fcontent1{float:left;width: 70%;padding: 8px 0px 5px 10px;}
.apply_fclass{color:#000;font-size: 1.6rem;margin-bottom: 8px;}
.apply_fdate{font-size: 1.2rem;color:#454545;margin-bottom: 5px;}
.apply_ftime{width: 100%;font-size: 1.2rem;color:#696969;}
.apply_ftime:after{content: "";display: block;clear: both;}
.apply_ftime li{float:left;width: 50%;}
.apply_ftitle{font-size: 1.7rem;color:#b4161d;margin-bottom: 10px;}
.apply_fzubie{background-color: #fff;border-radius: 2px;width: 100%;}
.apply_fzubiep{font-size: 1.6rem;color:#2d292b;padding: 12px 10px;}
.apply_fzubiep:nth-child(1),.apply_fzubiep:nth-child(2),.apply_fzubiep:nth-child(3){border-bottom:1px solid #f6f3f7;}
.apply_fxinxi{width: 100%;}
.apply_fxinxi li{font-size: 1.6rem;color:#6d6e6d;padding: 12px 10px;background-color: #fff;border-radius: 2px;width: 100%;margin-bottom: 5px;}
.apply_fxing{color:#b4161d;margin-right: 5px;}
.apply_input{border: none;font-size: 1.6rem;color:#6d6e6d;width:60%;}
.apply_input1{border: none;font-size: 1.6rem;color:#6d6e6d;width:50%;}
.apply_i{float: right;font-size: 1.8rem;color:#b1b0b0;position: relative;margin-right: 3px;line-height: 1.8rem;}
.apply_r_h{position: absolute;right:-15px;top:-9px;width: 270px;height: 40px;opacity: 0;}
.apply_r_h1{position: absolute;right:-15px;top:-9px;width: 50px;height: 40px;opacity: 0;}
.apply_span1{font-size: 1.6rem;color:#6d6e6d}
.apply_fkong{margin-right: 5px;display: inline-block;width: 7.5px;}
.apply_phone{width: 100%;}
.apply_phonenums{font-size: 1.6rem;color:#6d6e6d;padding: 12px 10px;background-color: #fff;border-radius: 2px;width: 100%;margin-bottom: 5px;}
.apply_jia,.apply_jian{width: 2rem;height:2.4rem;display: inline-block;text-align: center;}
.apply_ftishi{font-size: 1.3rem;color:#bf4a4f;position:relative;line-height: 20px;margin-bottom: 5px;margin-top: 5px;}
.apply_tishi{color:#bf4a4f;font-size: 1.6rem;position: relative;padding-left: 25px;}
.apply_tishi img{position: absolute;left: 2px;top: 3px;}
.apply_agreement{font-size: 1.5rem; padding:15px 0;}
.apply_agreement a{color:#bf4a4f}

.apply_pay{background-color: #fff;z-index: 998;width:100%;position:fixed;bottom:0px;left:0px;height: 1px;overflow-y:auto;}
.apply_pay_table{width: 96%}
.apply_pay_table td{padding: 1rem;}
.state1 .apply_pay_td1 input{display: block;}
.state1 .apply_pay_td2{border: 1px solid #929292;color:black;}
.state2 .apply_pay_td1 input{display: none}
.state2 .apply_pay_td2{border: 1px solid gainsboro;color:gainsboro; }
.closepay{position: relative;}
.closepay a{position: absolute;display: block;width: 3rem;height: 3rem;line-height: 3rem;text-align: center;top:1rem;right: -1rem;}
.apply_pay2>div{height: 4rem;line-height: 4rem;}
.apply_pay2 a{width: 100%;height: auto;display: block;}
.apply_img{}
.apply_kc{padding:1rem 0;}
.apply_xq{}
.form_box3{position: relative;border: 1px solid #dcdcdc;width:90%;display: inline-block;height: 3rem;margin-top: 0.5rem;}
.form_box3 input{border:none;background: none;width:100%; outline: none;color:#000;position: absolute;top:0;left:0;height:3rem;padding: 0 1rem; }
.applylist_title>a{color:#464646;}
.applylist_title{padding-right: 3px;}
.apply_content{font-size: 1.5rem;text-justify:auto;text-align:justify;color:black;width: 100%;}
.apply_td1{width: 30%;}
.apply_td2{width: 60%;position: relative;}
.apply_student0{width: 50%;height: 3.6rem;border: none;opacity: 0;position: absolute;top:0;left: 0;}
.apply_student1{width: 50%;display: inline-block;height: 3.6rem;font-size: 1.6rem;line-height: 3.6rem;}
.apply_tr{height: 4rem;}

.apply_datetimebox{color:#6d6c6c;display: inline-block;width:60%;}
.apply_condition{padding: 0 0 0 15px;}
.apply_condition_title{color:#3c3c3c;font-size: 1.5rem;margin-top: 5px;margin-bottom: 5px;}
.apply_condition_ul{width: 100%;}
.apply_condition_ul:after{content: "";display: block;clear: both;}
.apply_condition_ul li{float: left;/*min-width: 86.66px;*/font-size: 1.5rem;border-radius: 4px;text-align: center;padding: 5px 10px;margin-bottom: 10px;margin-right: 15px;}
.apply_condition_li1,.apply_condition_li2{color:#000;background-color: #ededed; moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;webkit-user-select:none;-ms-user-select:none;user-select:none;}
.apply_condition_li1 img,.apply_condition_li2 img{margin-right: 5px;display: none;}
.apply_condition_li1.apply_condition_lixz,.apply_condition_li2.apply_condition_lixz{color:#f1343d;background-color: #ffe5e5;}
.apply_condition_li1.apply_condition_lixz img,.apply_condition_li2.apply_condition_lixz img{display: inline-block;}
.apply_lcondition{padding: 0 15px 0 0;}
/* 报名详情 */
.apply_dtitle{padding: 15px;}
.apply_dtitle h1{font-size: 1.4rem;margin-bottom: 10px;}
.apply_dtitle h2{font-size: 1.4rem;}
.apply_dtitle h2 span{color:#f22e0d;}
.apply_dul{width: 100%;margin-bottom: 54px;}
.apply_dul>li{margin-bottom: 10px;box-shadow: 0 0 3px 1px #e4e4e4;background-color: #fff;padding: 5px 0;position: relative;}
.apply_dtable{width: 100%;}
.apply_dtd1{width: 20%;border-right: 1px solid #d0d0d0;text-align: center;padding: 0 5px;}
.apply_dtd2{width: 80%;padding: 3px 8px;color:#696969;font-size: 1.4rem;}
.apply_dtd2 img{vertical-align: top;margin-right: 5px;padding-top: 4px;}
.apply_dptitle{font-size: 1.5rem;font-weight: 600;width: 100%;}
.apply_dpnums{font-size: 1.4rem;width: 100%;}
.apply_ddate{margin-bottom: 5px;}
.apply_ddate span{font-size: 1.3rem;}
.apply_dtimeimg{float:left;display: block;}
.apply_dol{float: left;display: block;width: 150px;min-height: 40px;}
.apply_dteacher{margin-top: 5px;}
.apply_goto{position: absolute;right: 15px;bottom: 12px;padding: 3px 10px;border-radius: 2px;background-color: #14b472;color:#fff;font-size: 1.2rem;min-width: 74px;text-align: center;}
.apply_goto:hover,.apply_goto:active,.apply_goto.active{color:#fff;}
.apply_notStarted{position: absolute;right: 15px;bottom: 12px;padding: 3px 10px;border-radius: 2px;background-color: #14b472;color:#fff;font-size: 1.2rem;min-width: 74px;text-align: center;}
.apply_notStarted:hover,.apply_notStarted:active,.apply_notStarted.active{color:#fff;}
.apply_full{position: absolute;right: 15px;bottom: 12px;padding: 3px 10px;border-radius: 2px;background-color: #aeaeae;color:#fff;font-size: 1.2rem;min-width: 74px;text-align: center;}
.apply_full:hover,.apply_full:active{color:#fff;}
.apply_stop{position: absolute;right: 15px;bottom: 12px;padding: 3px 10px;border-radius: 2px;background-color: #f13a3d;color:#fff;font-size: 1.2rem;min-width: 74px;text-align: center;}
.apply_stop:hover,.apply_stop:active,.apply_stop.active{color:#fff;}
.apply_dimgs{padding: 10px 15px 10px 15px;}
.apply_dxqtitlebox{width: 100%;display: flex;justify-content: center;}
.apply_dxqtitle{color:#fff;font-size: 1.6rem;background-color: #f1393e;padding: 0px 15px;height: 28px;line-height: 28px;display: block;float: left;}
.apply_dxqimg{display: block;height: 28px;float: left;}
.apply_dbmbc{font-size: 1.5rem;vertical-align: bottom;color:#f1363d;display: block;border-bottom: 1px solid #f1363d;float: right;height: 20px;margin-top: 7px;}
.apply_dxqcontent{color:#4e4e4e;font-size: 1.5rem;padding: 15px;text-justify:auto;text-align:justify;}
.apply_dxqbox{padding: 0 15px 0 10px;}
.apply_dxqbox1{border-radius: 4px;font-size: 1.5rem;padding: 10px;color:#1e1e1e;}
.apply_dxqsee{color:#db4d4d;border-bottom: 1px solid #db4d4d;display: inline-block;height: 20px;width: 62px;}
.apply_dxqkcxq{width: 162px;margin: 0 auto 10px auto;}
.apply_dxqkcxq:after{content: "";display: block;clear: both;}
.apply_dxqkcxq span{float:left;}
.apply_dxqline{border-bottom: 1px solid #5f5f5f;height: 11px;width: 40px;}
.apply_money{position: absolute;bottom: 37px;right: 5px;font-weight: bold;}
/* 报名列表 */
.apply_coursebox{position: relative;width: 100%;padding: 10px;border-radius: 2px;box-shadow: 0 0 3px 1px #dbdbdb;margin-bottom: 15px;}
.apply_coursenr_title{font-size: 1.5rem;font-weight: 600;color:#010101;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 85%;}
.apply_coursenr_department{font-size: 1.2rem;font-weight: 300;border-radius: 2px;display: inline-block;padding: 3px 3px 3.5px 3px;line-height: 1.2rem;vertical-align: top;margin-right: 5px;margin-top: 2px;}
.apply_department_red .apply_coursenr_department{color:#fff;background-color: #f1363d;}
.apply_department_green .apply_coursenr_department{color:#fff;background-color: #14b472;}
.apply_coursenr_date{color:#635e5e;font-size: 1.3rem;margin-top: 3px;}
.apply_coursenr_money{position: absolute;bottom: 10px;right: 10px;color:#f1343d;font-size: 1.6rem;}
.apply_class{font-size: 1.2rem;color:#fff;position: absolute;top:0px;right: 10px;padding: 0px 5px 1px 5px;}
.apply_class_green .apply_class{background-color: #1c9533;}
.apply_class_yellow .apply_class{background-color: #f59e58;}
.apply_class_brown .apply_class{background-color: #ab5e0b;}
.apply_share{color:#fff;position: absolute;right:10px;font-size: 1.6rem;padding-top: 0.2rem;}
.apply_bg{background: url(../images/apply_bg.png) no-repeat;background-size: cover;}
.apply_sbox{width: 100%;padding: 0 10px 0 10px;margin-top: 30px;}
.apply_sd{position: relative;width: 100%;padding: 10px 2px 10px 3px;}
.apply_sl1{width: 100%;top: 0;left: 0;position: absolute;padding-left: 1px;}
.apply_sl2{width: 100%;bottom: 0;left: 0.5px;position: absolute;}
.apply_topcontent{width: 100%;background-color: #fff7ef;box-shadow: 2px -1px 5px 1px #b6b6ac;padding: 25px 20px 22px 20px;position: relative;}
.apply_bottomcontent{width: 100%;background-color: #fff;box-shadow: 2px 3px 4px 1px #b6b6ac;position: relative;padding: 22px 5px 25px 7px;}
.apply_stitle{font-size: 2.7rem;color:#f1383c;width: 100%;letter-spacing: 2px;margin-bottom: 20px;}
.apply_sclass,.apply_snums{font-size: 1.8rem;color:#9d9b99;width: 100%;}
.apply_sclass{margin-bottom: 12px;}
.apply_simg{position: absolute;right: 20px;top:30px;width: 30%;}
.apply_stable{width: 100%;}
.apply_stable td{vertical-align: top;padding-bottom: 10px;}
.apply_stable img{margin-right: 5px;}
.apply_stitles,.apply_scontents{font-size: 1.6rem;color:#3f423f;}
.apply_stitles{min-width: 70px;}
.apply_foot{width: 100%;position: fixed;bottom: 0;left: 0;padding: 20px 20px 14px 18px;}
.apply_sback{width: 100%;padding-top: 10px;padding-bottom: 10px;text-align: center;color: #fff;font-size: 1.8rem;border-radius: 2px;background-color: #f1423e;display: block;}
.apply_footbg{width: 100%;position: fixed;bottom: 0;left: 0;background-color: #fff;opacity: 0.4;height: 80px;}
.apply_weixin{width: 100%;text-align: center;margin-top: 140px;margin-bottom: 220px;}
.apply_weixin>img{width: 70%;}
.share_zhezhao{position: fixed;width: 100%;height: 100%;top:0px;left: 0px;background-color: black;opacity: 0.7;z-index: 997;display: none;text-align: center;}
.share_zhezhao .share1{float:right;margin-right: 18px;margin-top: 10px;width: 50%}
.share_zhezhao .share2{margin: 20px auto;width: 80%;}
/* 支付 */
.pay_div{color:#484848;font-size: 1.8rem;width: 100%;text-align: center;padding: 40px 0;}
.pay_div img{width: 120px;}
.pay_div p{font-size: 2.2rem;}
.pay_linebox{width: 100%;padding: 0 15px;}
.pay_line{width: 100%;height: 1px;background-color: #e9e9e9;}
@media (min-width:375px){
    .apply_baoming{font-size: 1.8rem;}
    .apply_input{width: 70%;}
    .apply_input1{width: 60%;}
    .apply_i{margin-right: 5px;}
    .apply_r_h{right:-17px;}
    .apply_r_h1{right:-17px;}
    .pay_div{padding: 55px 0;}
    .pay_div img{width: 150px;}
    .pay_div p{padding-left: 8px;}
    .apply_datetimebox{width:70%;}
    .apply_coursenr_date{font-size: 1.5rem;}
    .apply_coursenr_money{font-size: 1.8rem;}
    .apply_topcontent{padding: 25px 20px 22px 25px;}
    .apply_simg{right: 25px;top:20px;}
    .apply_sbox{margin-top: 65px;padding: 0 20px 0 15px;}
    .apply_bottomcontent{padding: 22px 18px 25px 18px;}
    .apply_stable img{margin-right: 10px;}
    .apply_stable td{padding-bottom: 20px;}
    .apply_dol{width: 260px;}
    .apply_dol:after{content: "";display: block;clear: both;}
    .apply_dol li{width: 130px;float: left;}
    .apply_ddate span{font-size: 1.4rem;}
    .apply_fimg{;width: 35%;}
    .apply_fcontent1{width: 65%;}
    .apply_condition_ul li{/*min-width: 105px;*/padding: 5px 15px;}
    .apply_weixin{margin-top: 160px;margin-bottom: 300px;}
}
@media (min-width:414px){
    .apply_simg{top:15px;}
/*    .apply_condition_ul li{min-width: 118px;padding: 5px 20px;}*/
    .apply_weixin{margin-top: 220px;}
}
@media (min-width:640px){
    .apply_sd{padding: 16px 4px 17px 5px;}
    .apply_simg{width: 20%;top:10px;}
/*    .apply_condition_ul li{min-width: 193.33px;padding: 5px 15px;}*/
}
@media (min-width:960px){
    .apply_input{width: 80%;}
    .apply_input1{width: 70%;}
    .apply_sbox{margin-top: 18px;}
    .apply_weixin{margin-top: 160px;margin-bottom: 110px;}
}
@media (min-width:960px){
    .apply_sbox{margin-top: 65px;}
    .apply_weixin{margin-top: 240px;margin-bottom: 220px;}
}
/* --------------------------今日课程------------------------------- */
.course{width: 100%;position: relative;}
.course_img{box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5); border:1px solid rgba(98,199, 219, 0.1);}
.course_class{display: inline-block;float: right;border: 1px solid #f13a3d;width:4rem;height: 2rem;font-size: 1.4rem;border-radius: 0.3rem;line-height: 1.6rem;text-align: center;margin-right: 2rem;}
.course_jiantou{position: absolute;top:2.6rem;right: 1.5rem;color: #929292;}
.lessons_date{background-color: #fff;z-index: 999;width:100%;position:fixed;bottom:0px;left:0px;opacity: 0;}
.course_title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 100%;line-height: 2rem;}
/*.course_title1{margin-top: 0.3rem;margin-bottom: 0.7rem;font-size: 1.7rem;color:#333;font-weight: bold;}
@media (max-width:320px){
    .course_title1{margin-top:0;margin-bottom: 0;}
    
}*/
.course_goto{position: absolute;right: 10px;bottom: 8px;padding: 1px 6px;border-radius: 2px;background-color: #f13a3d;color:#fff;font-size: 1.2rem;}
.course_goto:hover,.course_goto:active,.course_goto.active{color:#fff;}
.todaycourse_title{font-size: 1.8rem;color:#272727;min-width: 80px;float:left}
.todaycourse_content{font-size: 1.8rem;color:#6d6c6c;float:left;}
.todaycourse_i{position: absolute;right: 25px;top:5px;color:#b1b0b0;font-size: 1.8rem;}
.todaycourse_select{position: absolute;opacity: 0;right: 0px;top: -5px;width: 80%;height: 35px;}
.todaycourse_tishi{font-size: 1.6rem;color:#f1343d;width: 100%;background-color: #fff4f4;padding:5px 1.5rem;}
.course_conditionbox{padding: 0 0 0 15px;width: 100%;}
.course_cbox{padding: 15px 0 15px 5px;}
.course_baoming{width: 46px;height: 46px;background: url(../images/course_ybm.png) no-repeat;background-size: contain;position: absolute;top:67px;right: 14px;display: none;}
.course_ybm .course_baoming{display: block;}
.course_jjimg{width: 100%;background: no-repeat 50%;background-size: cover;height: 174px;}
.swiper-slide.course_jjslide{background: no-repeat 50%;background-size: cover;height: 174px}
.course_navbox{position:relative;width: 100%;background-color: #fff;}
.course_nav{width: 100%;overflow:hidden;border-bottom:1px solid #ededed;}
.course_nav li{float: left;font-size: 1.6rem;padding: 10px 0px;color:#595858;cursor:pointer;width: 50%;text-align: center;}
.course_nav li.course_xz{color:#f1343d;}
.coursenav_line{display:block;position:absolute;bottom:0;height:2px;background-color:#ff0000;text-align: center;}
.coursenav_line>span{position: relative;}
.coursenav_line .coursenav_lines1{font-size:0; border-width:6px; border-style:solid; border-color:transparent transparent #ff0000 transparent;position: absolute;bottom: 0px;left: -6px;}
.coursenav_line .coursenav_lines2{font-size:0; border-width:6px; border-style:solid; border-color:transparent transparent #fff transparent;position: absolute;bottom: -2px;left:-6px;}
.course_navbar{display: none;}
.course_navbar.course_navbar_xz{display: block;}
.course_kcxxbox{background-color: #fff;width: 100%;padding: 18px 15px 10px 15px;}
.course_kcxxtitle{font-size: 1.7rem;color:#1e1e1e;margin-bottom: 14px;}
.course_kcxxtitle1{font-weight: bold;}
.course_kcxxul{width: 100%;}
.course_kcxxul:after{display: block;content: "";clear: both;}
.course_kcxxul li{float: left;width: 50%;font-size: 1.5rem;color:#1e1e1e;margin-bottom: 6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.course_kong{display: inline-block;width: 2em;}
.course_see{border-bottom: 1px solid #cf1313;color:#cf1313;display: inline-block;height: 20px;}
.course_kcxxdiv{padding: 15px 0;width: 100%;}
.course_kcxx{width: 162px;margin: 0 auto 10px auto;}
.course_kcxx:after{content: "";display: block;clear: both;}
.course_kcxx span{float:left;font-size: 1.5rem;color:#4f4f4f;}
.course_kcxxline{border-bottom: 1px solid #5f5f5f;height: 11px;width: 40px;}
.course_kcxxnr{background-color: #fff;padding: 15px;color:#4f4f4f;font-size: 1.6rem;text-justify:auto;text-align:justify;}
.course_kcxxnr:after{display: block;content: "";clear: both;}
.course_button{padding: 10px 10px;}
.course_button button{background-color: #f5f5f5;font-size: 1.5rem;color:#2b2a2a;padding: 0px 5px;}
.course_dul{width: 100%;padding: 0 7px;}
.course_dul0{width: 100%;padding: 10px 7px 0px 7px;}
.course_dul1{width: 100%;padding: 0px 7px 5px 7px;}
.course_dul0,.course_dul1{display: none;}
.course_dul>li,.course_dul0>li,.course_dul1>li{margin-bottom: 8px;box-shadow: -2px 0 4px 1px #b9b9b9;background-color: #fff;position: relative;border-radius: 2px;}
.course_dtable{width: 100%;}
.course_dtd1{width: 18%;text-align: center;background-color: #ff6262;border-radius: 2px 0 0 2px;font-size: 1.7rem;color:#fff;}
.course_dtd2{width: 82%;padding: 10px 6px 0px 6px;color:#2a2929;font-size: 1.3rem;}
.course_dtd2 p{margin-bottom: 10px;}
.course_pstate2{color:#a3a3a3;}
.course_pstate3{color:#ff6262;}
.course_pstate4{color:#a3a3a3;}
.course_pstate1,.course_pstate2,.course_pstate3,.course_pstate4{display: none;}
.course_btn{color:#eb2a2a;border: 1px solid #ff0000;border-radius: 2px;font-size: 1.4rem;background-color: #fff;height: 19px;line-height: 13px;}
.course_btnqj{float: right;padding: 0px 9px;display: none;}
.course_btnqx{float: right;padding: 0px 5px;display: none;}
.course_btnbk{padding: 0px 5px;display: block;}
.course_pstate{width: 100%;}
.course_pstate:after{display: block;content: "";clear: both;}
.course_pbk2{width: 100%;}
.course_pbk2:after{display: block;content: "";clear: both;}
.course_pdbk,.course_pybk{float:right;color:#8e8e8e;display: none;}
.course_pbkkk{float:right;color:#ff6262;display: none;}
.course_pbk1,.course_pbk2,.course_pbk3{display: none;}
.courseli_wkk .course_pstate1{display: inline-block;}
.courseli_wkk .course_btnqj{display: block;}
.courseli_dk .course_pstate2{display: inline-block;}
.courseli_kk .course_pstate3{display: inline-block;}
.courseli_qjk .course_pstate4{display: inline-block;}
.courseli_qjk .course_btnqx,.courseli_qjk .course_pbk1{display: block;}
.courseli_qjbk .course_pstate4{display: inline-block;}
.courseli_qjbk .course_pbk1{display: block;}
.courseli_dbk .course_pstate4{display: inline-block;}
.courseli_dbk .course_pbk2,.courseli_dbk .course_pbk3,.courseli_dbk .course_pdbk{display: block;}
.courseli_ybk .course_pstate4{display: inline-block;}
.courseli_ybk .course_pbk2,.courseli_ybk .course_pbk3,.courseli_ybk .course_pybk{display: block;}
.courseli_bkkk .course_pstate4{display: inline-block;}
.courseli_bkkk .course_pbk2,.courseli_bkkk .course_pbk3,.courseli_bkkk .course_pbkkk{display: block;}

/* 教材收藏 */
.video_box{width: 100%;height: auto;position: relative;}
.video_zhezhao{position: absolute;width: 100%;background-color: black;opacity: 0.5;top:0;left: 0;}
.video_btn{position: absolute;top:35%;left: 0;width: 100%;text-align: center;height: 16rem;}
.video_button{position: absolute;width: 100%;z-index: 99;top:0;left: 0;opacity: 0}
.video_btn.playvideo>div{width: 100px;height: 100px;background: url(../images/play.png) no-repeat;border: none;outline: none;background-size: cover;margin: 0 auto;}
.video_btn.pausevideo>div{width: 100px;height: 100px;background: url(../images/pause.png) no-repeat;border: none;outline: none;background-size: cover;margin: 0 auto;}

.redline{border-left: 5px solid #e70d55;height: 19px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.swiper-container.swiper-container_video{width: 100%;height: 10rem;}
.swiper-slide.swiper-slide_video{text-align: center;font-size: 1.5rem;background: #fff;width: 118px; }
/*视频部分*/
.collect_videobox{padding: 12px 0px 0px 0px;}
.collect_title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:70%;display: inline-block;height: 40px;position: absolute;top:0;left: 15%;}
.collect_biaoti{width: 100%;font-size: 1.6rem;color:black;line-height: 16px;padding-left: 15px;margin-bottom: 12px;}
.video_rotatel{float: right;border: none;display: block;background-color: #f0553f;border-radius: 4px;margin-right: 10px;color:#fff;width: 20px;height: 20px;font-size: 1.3rem;}
.video_rotater{float: right;border: none;display: block;background-color: #f0553f;border-radius: 4px;margin-right: 15px;color:#fff;width: 20px;height: 20px;font-size: 1.3rem;}
.video_rotatel i{transform: rotate(60deg);}
.video_rotater i{transform: rotate(-60deg);}
.video_box1{width: 100%;padding: 5px 5px 15px 5px;background-color: #f3780f;}
.video_ul{width: 100%;padding: 0 10px;}
.video_ul:after{display: block;content: "";clear: both;}
.video_ul li{float: left;width: 33.33%;padding:0px 5px;margin-bottom: 10px;}
.video_img1{height: 70px;background: no-repeat 50%;background-size: cover;/*border:2px solid #fff;*/display: flex;justify-content: center;align-items: center;}
.video_name{width: 100%;text-align: center;overflow: hidden;white-space: nowrap;font-size: 1.5rem;color:#4c4c4c;display: block;text-overflow:ellipsis;}
.video_playbtn{width: 50px;height: 50px;}
.my_video{height: 222px;width: 100%;}
/*音频部分*/
.collect_audio{padding: 12px 0px 0px 0px;}
.audio_ul{width:100%;/*border-top: 1px solid #e7e7e7;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;*/margin-top: 10px;}
.audio_ul li{width: 100%;font-size: 1.6rem;color: #464646;border-bottom: 1px solid #a6a6a6;padding: 9px 15px 5px 15px;position: relative;}
.audio_name{overflow: hidden;white-space: nowrap;display: inline-block;text-overflow:ellipsis;}
.audio_btnbox{position: absolute;right: 20px;top:12px;width: 78px;}
.audio_btn{background-color: transparent;border:none;outline: none;display: inline-block;width: 34px;text-align: center;vertical-align: middle;}
.audio_play{display: inline-block;width: 17px;height: 17px;background: url(../images/audio_play.png) no-repeat;background-size: contain;}
.audio_pause{display: inline-block;width: 17px;height: 17px;background: url(../images/audio_pause.png) no-repeat;background-size: contain;}
.audio_noloop{display: inline-block;width: 23px;height: 13px;background: url(../images/audio_noloop.png) no-repeat;background-size: contain;}
.audio_loop{display: inline-block;width: 17px;height: 21px;background: url(../images/audio_loop.png) no-repeat;background-size: contain;}
.mydownload_cbox{display: inline-block}
.mydownload_i{margin-left: 0.5rem;margin-right: 0.5rem;}
.mynews_time{;position: absolute;right:0.5rem;top:-0.7rem;line-height: 4.6rem;font-size:1.4rem;color: #888;}

.collect_td1{width: 30%;}
.collect_td2{padding: 1.3rem 1rem;position: relative;}
.collect_a{width:70%;position: relative;display: block;}
.collect_kc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;/*display: inline-block;*/width: 100%;color: #141414;font-size: 1.6rem;}
.collect_teacher{color: #9c9c9c;font-size: 1.5rem;/*margin-top: 5px;*/overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
/*.collect_time{color: #6d6c6c;margin-top: 3px;}*/
.collect_collect{position: absolute;right: 5px;top: 8px;color:#ff3c3c;/*display: flex;*/width: 100px;height: 50px;text-align: right;/*justify-content: flex-end;align-items: flex-end;*/padding-top: 17px;padding-right: 5px;}
.collect_shoucang{border:1px solid #ff3c3c;padding:2px 6px;border-radius:4px;}
.collect_imgbox{padding:0px 5px 10px 5rem;height: auto;}
.collect_imgbox .collect_video{/*float: left;*/margin-bottom: 3px;}
.collect_coursetitle{padding: 1rem 15px;font-size: 1.6rem;color: #464646;font-weight: bold;/*border-top: 1px solid #e7e7e7;*/}
.collect_coursecontent{padding: 0 1rem;font-size: 1.6rem;color: #6d6c6c;}
.collect_bofang{position: absolute;width: 50%;height: 50%;display: block;top:25%;left: 25%;background:url(../images/bofang.png) no-repeat; z-index: 99;background-size: contain}
.growup_videobox{width: 100%;}
.growup_videobox:after{content: "";display: block;clear: both;}
.growup_video{float:left;width: auto;margin-right: 15px;margin-bottom: 10px;text-align: center;}
.collect_videoname{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:80%;display: inline-block;color:#141414;font-size: 1.4rem;}


.collect_audios{margin-bottom: 5px;}
.collect_body{padding:1rem 0.5rem 0 0.5rem ;}
.collect_body table{background-color: #fff;border-radius: 4px;box-shadow: 0 1px 2px 2px #e4e5e8;}
.addcourse_box{padding: 1rem 0.5rem 0 0.5rem;}
.addcourse_div{width: 100%;position: relative;padding: 1rem 10px 1.2rem 10px;background-color: #fff;border-radius: 4px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.addcourse_l{color:#141414;font-size: 1.6rem;width: 85%;}
.addcourse_l p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.addcourse_r{font-size: 1.5rem;position: absolute;right: 10px;top:8px;}
.addcourse_p{color:#7f7b7b;font-size: 1.3rem;margin-top: 5px;}
.addcourse_gray .addcourse_div{border-right: 2px solid #a8a8a8;}
.addcourse_green .addcourse_div{border-right: 2px solid #27aa27;}
.addcourse_orange .addcourse_div{border-right: 2px solid #f5592f;}
.addcourse_gray .addcourse_r{color:#a8a8a8;}
.addcourse_green .addcourse_r{color:#27aa27;}
.addcourse_orange .addcourse_r{color:#f5592f;}
.addcourse_d{padding:1.5rem;}
.addcourse_p1{color:#141414;font-size: 1.6rem;}
.addcourse_p2{color:#7f7b7b;font-size: 1.5rem;margin-top: 5px;}
.addcourse_children{padding: 0 1.5rem 0 1.1rem;}
.addcourse_ul{width: 100%;}
.addcourse_ul>li{float: left;width:25%;height: auto;margin: 10px 0;text-align: center;font-size: 1.5rem;color:#272827}
.addcourse_tx{width:100%;height:100%;border-radius: 50%;}
.addcourse_name{margin-top: 4px;}
.addcourse_imgs{position: relative;width:6rem;height:6rem;margin: 0 auto;border-radius: 50%;}

@media (min-width:375px){
    .collect_a{width:75%;}
    .collect_kc{font-size: 1.8rem;}
    .addcourse_p{font-size: 1.5rem;}
    .addcourse_p1{font-size: 1.8rem;}
    .addcourse_p2{font-size: 1.6rem;}
    .course_baoming{right: 25px;}
    .course_dtd2{padding: 10px 10px 0px 10px;font-size: 1.4rem;}
    .my_video{height: 258px;}
}
@media (min-width:414px){
    .addcourse_imgs{width:7rem;height:7rem;}
    .my_video{height: 288px;}
    .video_img1{height: 60px;}
}
@media (min-width:640px){
    .course_baoming{right: 30px;}
    .course_jjimg{height: 300px;}
    .swiper-slide.course_jjslide{height: 300px}
    .my_video{height: 456px;}
    .video_ul li{width: 20%}
}
@media (min-width:960px){
    .addcourse_ul>li{width:20%;}
    .addcourse_imgs{width:8rem;height:8rem;}
    .my_video{height: 700px;}

}
@media (min-width:1024px){
    .my_video{height: 746px;}
    .video_ul li{width: 12.5%}
}
@media (min-width:1400px){
    .video_ul li{width: 10%}
}


/* --------------------------互动------------------------------- */
.hudong{width: 100%;position: relative;padding: 1rem;}
.hudong_div{position: relative;}
.hudong_img{box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5); border:1px solid rgba(98,199, 219, 0.1);width:6rem;height:6rem;}
.hudong_title.ellipsis1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 55%;line-height: 2.6rem;}
.hudong_time{position: absolute;right:1rem;top:1rem;line-height: 35px;font-size:1.2rem;}
.hungdong_xx{position: absolute;border-radius: 50%;background-color: #f13a3d;border: none;width: 3rem;height: 3rem;color: #fff;top:-0.5rem;right:-1rem;line-height: 3rem;text-align: center;font-size: 1.4rem;}
/* 互动聊天 */
#msglog{border:none;width:100%;height: 60rem;overflow-y: auto;font-size: 1.4rem;}
#sendBtn{height: 2.8rem;width: 4.4rem;vertical-align: middle;text-align: center;padding: 0;margin: 0}
.hudong_li{height:5rem;}
.message {line-height: 22px;}
.message .user {padding-right: 5px;padding-left: 5px;color: brown;}
.sysMsg {color: #c1bfbf;padding-right: 5px;padding-left: 5px;font-size: 12px;}
#users {width: 490px;padding: 0 5px 5px;}
.wrapper {width: 500px;height: 640px;padding: 5px;margin: 0 auto;background-color: #ddd;}
#loginWrapper {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(5, 5, 5, .6);text-align: center;color: #fff;display: block;padding-top: 200px;}
#nickWrapper {display: none;}

.banner p {float: left;display: inline-block;}
.controls {height: 100px;margin: 5px 0px;position: relative;}
#historyMsg {height: 400px;background-color: #fff;overflow: auto;padding: 2px;}
#historyMsg img {max-width: 99%;}
.timespan {color: #ddd;}
.items {height: 30px;}
#colorStyle {width: 50px;border: none;padding: 0;}
.imageLable {position: relative;}
#sendImage {position: absolute;width: 52px;left: 0;opacity: 0;overflow: hidden;}
#emojiWrapper {display: none;width: 100%;bottom: 5.4rem;left:0;position:fixed;background-color: #aaa;box-shadow: 0 0 5px #555;z-index: 998;}
#emojiWrapper img {margin: 2px 1.6px;padding: 2px;width: 25px;height: 25px;}
#emojiWrapper img:hover {background-color: blue;}
.emoji{display: inline;}
footer {text-align: center;}
.user{display: inline-block;color:#fff;vertical-align: top;position: relative;}
.user img{border-radius:100%;width:4rem;height:4rem;background:gainsboro;}
.username{position: absolute;left:6rem;}
.org_box{display: inline-block;height:auto;min-height: 3rem;line-height: 3rem;position:relative;border-radius:5px;border: 2px solid #f3961c;max-width: 76%;white-space: normal;word-break: break-all;word-wrap: break-word;}
.org_box.right{margin-right: 1rem;padding:0 10px 0 5px;}
.org_box.left{margin-left: 1rem;margin-top: 2rem;padding:0 5px 0 10px;}
.org_bot_cor{width:0; height:0;font-size:1.4rem; border-width:10px; border-style:solid; overflow:hidden; position:absolute; top:5px;}
.org_bot_cor.right{border-color:transparent transparent transparent #f3961c; right:-2rem;}
.org_bot_cor.left{border-color:transparent #f3961c  transparent transparent; left:-2rem; }
.org_bot_cor1{width:0; height:0; font-size:0; border-width:10px; border-style:solid; overflow:hidden; position:absolute; top:5px;}
.org_bot_cor1.right{border-color:transparent transparent transparent white; right:-1.7rem;}
.org_bot_cor1.left{border-color:transparent white  transparent transparent; left:-1.7rem; }

/* --------------------------微直播------------------------------- */
.video_div{position: relative;}
.video_img{box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5); border:1px solid rgba(98,199, 219, 0.1);width:100%;}
.video_xx{position: absolute;background-color: #f13a3d;border: none;width:6rem;height: 3rem;color: #fff;top:0rem;left:0rem;line-height: 3rem;text-align: center;font-size: 1.4rem;}
.video_title.ellipsis1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 55%;line-height: 2.6rem;margin-top: 1rem;}
.video_title1.ellipsis1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;width: 33%;line-height: 2.6rem;margin-top: 1rem;}
.video_time{margin-top: 1.6rem;}
video{/*max-width: 1200px;*/width: 100%;}




/* --------------------------搜索------------------------------- */
.sousuo{padding: 1.5rem 1.5rem 0.5rem 1.5rem;}
.sousuo_title{border-left: 3px solid #ff0000}
.hudong_p{margin-left: 1rem;}
.sousuo_ul{width: 100%;overflow: hidden;}
.sousuo_ul a{color:#666666;width: 100%;height: 100%; display: inline-block;padding: 0 1.4rem;}
.sousuo_ul li{border: 1px solid #d1cfcf;float: left;width: auto;height: 3rem;border-radius: 1.4rem;line-height: 3rem;text-align: center;margin: 0 1rem 1rem 0;}
.sousuo_ss{width: 100%;}
.sousuo_ss>form{width: 100%;margin:0;padding: 1rem 1.5rem;}
/* 搜索结果 */
.search_a{width: 100%;display: block;border-bottom: 1px solid #d5d5d5;overflow: hidden;white-space: normal;word-break: break-all;word-wrap: break-word;margin-bottom: 10px;padding-bottom: 10px;}
.search_a,.search_a p,.search_a div,.search_a h1,.search_a h2,.search_a h3,.search_a h4,.search_a h5,.search_a h6{color: black;font-size: 1.6rem;}
.search_a div{white-space: normal;word-break: break-all;word-wrap: break-word;width: 100%;}
.search_a:hover{color: black}



/* --------------------------语音------------------------------- */
.yuyin{width: 30px;height:34px;background-image: url(../images/yuyin1.png);background-repeat: no-repeat;}

/* --------------------------我的会员卡------------------------------- */
.mycard_body{margin-top: 2rem;padding: 0 2rem;}
.mycard{width: 100%;height: auto;border-radius: 4px;box-shadow: 0 6px 5px 1px #fcf0f2;}
.card_num{position: absolute;bottom: 8px;color: #fea4b5;font-size: 2.2rem;text-align: center;width: 100%;font-weight:500;}
.card_numh{position: relative;width: 100%;height: 0;}
.card_a{width: 100%;text-align: center;margin-top: 1rem;font-size: 1.6rem;text-decoration: underline;color:#3377f5}
.card_list p{font-size: 1.6rem;}
.card_middle{width: 100%;display: flex;margin-top: 1.4rem;margin-bottom: 1rem;padding: 1.8rem 2rem;background-color: #fff;justify-content: center;font-size: 1.6rem;}
.card_middlea{flex:1;display: inline-block;vertical-align: middle;text-align: left;}
.card_middlea img{width:3.4rem;height: 3.4rem;float:left;margin-left: 1.2rem;margin-right: 1rem;margin-top: 0.8rem;}
.card_middlea1{border-right: 1px solid #b7b7b7;}
.card_middlep{float:left;}
.card_middlep1{color:#838383;}
.card_middlep2{color:#000;}
@media (min-width:375px){
    .card_num{font-size: 2.6rem}
    .card_a{font-size: 2rem}
    .card_middlea img{margin-left: 2rem;}
}
@media (min-width:414px){
    .card_num{font-size: 3rem}
    .card_a{font-size: 2.4rem}
    .card_middlea img{margin-left: 2.6rem;}
}
@media (min-width:960px){
    .card_num{font-size: 5rem}
    .card_a{font-size: 2.6rem}
    .card_middlea img{margin-left: 4.4rem;}
}
@media (min-width:1024px){
    .card_num{font-size: 5.6rem}
    .card_a{font-size: 3rem}
    .card_middlea img{margin-left: 5rem;}
}

/* --------------------------我的项目------------------------------- */
.myproject_img{border-radius: 50%;width: 6rem;height: 6rem;position: absolute;left: 1.4rem;top:1rem;}
.myproject_num{display: flex;width: 5.2rem;height: 5.2rem;border-radius: 50%;border: 1px solid #fff;color:#fff;font-size: 2.8rem;margin: 0.4rem auto;justify-content: center;align-items: center;}
.myproject_imgd{padding: 1rem 0rem 0rem 1.4rem;position: relative;}
.myproject_div{width: 100%;height: 7rem;padding-top: 0.8rem;border-bottom: 1px solid #dcdcdc;padding-right: 1.4rem;position: relative;padding-left: 7.2rem;}
.myproject_p{color:#7f7b7b;font-size: 1.5rem;}
.myproject_div_l{float:left;color:#141414;font-size: 1.6rem;}
.myproject_div_r{float:right;color:#ff6c6c;font-size: 1.5rem;margin-top: 1rem;}
.myproject_div_r.shiyongwan{color:black;}
.mybill_green .myproject_img{background: -webkit-linear-gradient(right top,#48b919,#84e455);background: -o-linear-gradient(top right,#48b919,#84e455);background: -moz-linear-gradient(top right,#48b919,#84e455);background: linear-gradient(to top right,#48b919,#84e455);}
.mybill_green .myproject_num{text-shadow:#3fa51a 0px 3px 3px;}
.mybill_blue .myproject_img{background: -webkit-linear-gradient(right top,#0193fb,#06aefe);background: -o-linear-gradient(top right,#0193fb,#06aefe);background: -moz-linear-gradient(top right,#0193fb,#06aefe);background: linear-gradient(to top right,#0193fb,#06aefe);}
.mybill_blue .myproject_num{text-shadow:#027cdc 0px 3px 3px;}
.mybill_red .myproject_img{background: -webkit-linear-gradient(right top,#ff2631,#fe5c60);background: -o-linear-gradient(top right,#ff2631,#fe5c60);background: -moz-linear-gradient(top right,#ff2631,#fe5c60);background: linear-gradient(to top right,#ff2631,#fe5c60);}
.mybill_red .myproject_num{text-shadow:#e12127 0px 3px 3px;}



/* --------------------------我的账单------------------------------- */
.mybill_head{padding:1rem 2rem;font-size: 1.6rem;}
.mybill_p{color:#aeaeae;}
.mybill_body{padding: 0rem 0rem 0rem 1.4rem;position: relative;background-color: #fff;}
.mybill_img{border-radius: 50%;width: 5rem;height: 5rem;position: absolute;left: 1.4rem;top:1.5rem;}
.mybill_div{width: 100%;height: 8rem;padding-top: 1.4rem;border-bottom: 1px solid #dcdcdc;padding-right: 1.4rem;padding-left: 6rem;}
.mybill_p1{color:#7f7b7b;font-size: 1.4rem;margin-top: 1rem;}
.mybill_div_l{float:left;color:black;font-size: 1.6rem;}
.mybill_div_r{float:right;color:black;font-size: 1.6rem;}
.mybill_num{display: flex;width: 4.2rem;height: 4.2rem;border-radius: 50%;border: 1px solid #fff;color:#fff;font-size: 2rem;margin: 0.4rem auto;justify-content: center;align-items: center;}
.mybill_green .mybill_img{background: -webkit-linear-gradient(right top,#48b919,#84e455);background: -o-linear-gradient(top right,#48b919,#84e455);background: -moz-linear-gradient(top right,#48b919,#84e455);background: linear-gradient(to top right,#48b919,#84e455);}
.mybill_green .mybill_num{text-shadow:#3fa51a 0px 3px 3px;}
.mybill_blue .mybill_img{background: -webkit-linear-gradient(right top,#0193fb,#06aefe);background: -o-linear-gradient(top right,#0193fb,#06aefe);background: -moz-linear-gradient(top right,#0193fb,#06aefe);background: linear-gradient(to top right,#0193fb,#06aefe);}
.mybill_blue .mybill_num{text-shadow:#027cdc 0px 3px 3px;}
.mybill_red .mybill_img{background: -webkit-linear-gradient(right top,#ff2631,#fe5c60);background: -o-linear-gradient(top right,#ff2631,#fe5c60);background: -moz-linear-gradient(top right,#ff2631,#fe5c60);background: linear-gradient(to top right,#ff2631,#fe5c60);}
.mybill_red .mybill_num{text-shadow:#e12127 0px 3px 3px;}


/* --------------------------在线充值------------------------------- */
.online_head{padding: 2rem 2rem;border-bottom: 1px solid #eee;}
.online_img{border-radius: 50%;width: 8rem;height: 8rem;display: block;float:left;}
.online_user{float:left;font-size: 1.8rem;margin-left: 1rem;vertical-align: middle;padding-top: 10px;}
.online_name{font-weight: bold;}
.online_yue{color:#595959;}
.online_money{color:#fe1e1e;}
.online_box{width: 100%;margin-top: 1rem;}
.online_boxs{width: 50%;height: 10rem;float: left;display: flex;justify-content: center;align-items: center;}
.online_boxss{padding: 5px;width: 90%;height: 9rem;}
.online_box1{
    background: -webkit-linear-gradient(right top,#95dafe 40%,#34c3ff);
    background: -o-linear-gradient(top right,#95dafe 40%,#34c3ff);
    background: -moz-linear-gradient(top right,#95dafe 40%,#34c3ff);
    background: linear-gradient(to top right,#95dafe 40%,#34c3ff);
}
.online_box2{
    background: -webkit-linear-gradient(right top,#97bcff 40%,#8a95fb);
    background: -o-linear-gradient(top right,#97bcff 40%,#8a95fb);
    background: -moz-linear-gradient(top right,#97bcff 40%,#8a95fb);
    background: linear-gradient(to top right,#97bcff 40%,#8a95fb);
}
.online_box3{
    background: -webkit-linear-gradient(right top,#fe99a9 40%,#ff8483);
    background: -o-linear-gradient(top right,#fe99a9 40%,#ff8483);
    background: -moz-linear-gradient(top right,#fe99a9 40%,#ff8483);
    background: linear-gradient(to top right,#fe99a9 40%,#ff8483);
}
.online_box4{
    background: -webkit-linear-gradient(right top,#f588f1 40%,#c683ec);
    background: -o-linear-gradient(top right,#f588f1 40%,#c683ec);
    background: -moz-linear-gradient(top right,#f588f1 40%,#c683ec);
    background: linear-gradient(to top right,#f588f1 40%,#c683ec);
}
.online_box5{
    background: -webkit-linear-gradient(right top,#67d590 40%,#1edc89);
    background: -o-linear-gradient(top right,#67d590 40%,#1edc89);
    background: -moz-linear-gradient(top right,#67d590 40%,#1edc89);
    background: linear-gradient(to top right,#67d590 40%,#1edc89);
}
.online_box6{
    background: -webkit-linear-gradient(right top,#ffcf7a 40%,#ff9865);
    background: -o-linear-gradient(top right,#ffcf7a 40%,#ff9865);
    background: -moz-linear-gradient(top right,#ffcf7a 40%,#ff9865);
    background: linear-gradient(to top right,#ffcf7a 40%,#ff9865);
}
.online_card{width: 100%;height: 100%;border: 1px solid #fff;font-size: 1.8rem;text-align: center;color: #fff;font-weight: bold;vertical-align: middle;padding-top: 1.2rem;text-shadow:#999a9a 0px 2px 3px;}
.online_cardp{font-size: 1.4rem;font-weight: normal;margin-top: 6px;}
@media (max-width:320px){
    .online_cardp{font-size: 1.2rem;}
}
/* --------------------------家庭作业------------------------------- */
.homework_name{font-size: 1.4rem;color:#929292;overflow: hidden;width: 55%;text-overflow:ellipsis;white-space: nowrap;float:right;text-align: right;}
.homeworkname1{font-size: 1.4rem;color:#929292;overflow: hidden;width: 45%;text-overflow:ellipsis;white-space: nowrap;float:right;text-align: right;margin-top: 5px;}
.homeworkTime{float: left;width: auto;}
/*.homework_name span{display: block;float: left;min-width: 130px;}*/
@media (min-width:375px){
    .homeworkname1{width: 50%;}
}

/* --------------------------家长说------------------------------- */
.parentsay_edit{color:#fff;position: absolute;right:10px;font-size: 1.6rem;top:3px;}
.page_title1{height: 40px;}
.parentsay_list{width: 100%;padding-left: 1.5rem;padding-right: 1.5rem;margin-top: 1rem; }
.parentsay_say{width: 100%;padding-left: 1.5rem;padding-right: 1.5rem;padding-top:1rem;font-size: 1.5rem;}
.parentsay_say textarea{font-size: 1.5rem;}
.parentsay_box{margin-bottom: 1.5rem;}
.parentsay_imgbox{position: relative;margin-top: 1rem;margin-bottom: 1rem;}
.parentsay_imgs{width: 100%;}
.parentsay_imgs>.add_img{float: left;margin-bottom: 1rem;}
.parentsay_imgs>.add_img:nth-child(2){margin-left: 2%;margin-right: 2%;}
.parentsay_imgs>.add_img:nth-child(5){margin-left: 2%;margin-right: 2%;}
.parentsay_imgs>.add_img:nth-child(8){margin-left: 2%;margin-right: 2%;}
.parentsay_colorp{color:#747474;font-size: 1.6rem;}
.parentsay_color{margin: 1rem auto;}
.parentsay_colorbox{width: 5rem;height: 5rem;display: inline-block;text-align: center;vertical-align: middle;margin-right: 1.4rem;margin-bottom: 1.6rem;}
.parentsay_colorbox_xz{border: 2px solid #fff;border-radius: 2px;}
.parentsay_colorbox>img{width: 50%;height: 50%;margin-top: 24%;opacity: 0;}
.parentsay_colorbox_xz>img{opacity: 1;}
.parentsay_color_red{background-color: #f3cdc7;}
.parentsay_color_red.parentsay_colorbox_xz{box-shadow:0 0 10px 4px #ffe0dc;}
.parentsay_color_yellow{background-color: #ffdea4;}
.parentsay_color_yellow.parentsay_colorbox_xz{box-shadow:0 0 10px 4px #feefd5;}
.parentsay_color_green{background-color: #c2dfd3;}
.parentsay_color_green.parentsay_colorbox_xz{box-shadow:0 0 10px 4px #d7e5df;}
.parentsay_color_blue{background-color: #addcf1;}
.parentsay_color_blue.parentsay_colorbox_xz{box-shadow:0 0 10px 4px #d9f0fa;}
.parentsay_head{position: relative;width: 100%;height:auto;border-radius:1rem 1rem 0 0;padding: 6px 20px 4px 20px;}
.parentsay_body{position: relative;width: 100%;height: auto;border-radius:0 0 1rem 1rem;}
.parentsay_line{border-bottom: 2px dashed #002e73;width: 100%;position: absolute;bottom: 0;left: 0;}
.parentsay_angle1{ width:1rem;height:1rem;border-radius:0 1rem 0 0;background-color: #fff;position: absolute;bottom:0;left: 0;}
.parentsay_angle2{ width:1rem;height:1rem;border-radius:1rem 0 0 0;background-color: #fff;position: absolute;bottom:0;right: 0;}
.parentsay_angle3{ width:1rem;height:1rem;border-radius:0 0 1rem 0;background-color: #fff;position: absolute;top:0;left: 0;}
.parentsay_angle4{ width:1rem;height:1rem;border-radius:0 0 0 1rem;background-color: #fff;position: absolute;top:0;right: 0;}
.parentsay_imgd{position: relative;display: inline-block;}
.parentsay_img{width: 40px;height:40px;border-radius: 50%;}
.parentsay_del{position: absolute;right:6px;top:6px;}
.teachersay1{width:16px;height:16px;position: absolute;background-color: #e71f19;border-radius: 50%;bottom: 0;right: 0;border: 1px solid #fff;text-align: center;display: flex;justify-content: center;align-items: center;opacity: 0;}
.teachersay1 img{width: 10px;}
.teachersay2{position: absolute;top:0;right:2rem;background: url("../images/teachersay2.png") no-repeat;width: 21px;height: 60px;background-size: contain;opacity: 0;}
.teachersay2 p{color:#fff;writing-mode: vertical-lr;font-size: 1.2rem;width: 18px;text-align: center;margin: 1px auto 0 auto;border-top: 1px solid #fff;padding-top: 2px;padding-left: 1px;}
.teachersay .teachersay1{opacity: 1}
.teachersay .teachersay2{opacity: 1}
.parentsay_name{display: inline-block;margin-left: 1rem;font-size: 1.5rem;color:#046485;position: relative;top:-1.2rem;}
.parentsay_fuhao1{display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;}
.parentsay_fuhao2{display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;}
.parentsay_content{font-size: 1.5rem;padding: 15px 2rem 12px 2rem;text-justify:auto;text-align:justify;word-wrap:break-word;color: #393939;}
.parentsay_other{font-size: 1.4rem;padding: 0 2rem 12px 2rem;}
.parentsay_time{color:#92908a;}
.parentsay_zan{color:#92908a;position: relative;float: right;}
.parentsay_zan:hover{color:#92908a;}
.zan_jia1{position:absolute;top:-15px;left: 5px;color:#f13a3d;opacity: 0}
.parentsay_yellow .parentsay_head{background-color: #f6daa9;box-shadow:0px -3px 3px 0.5px #fef2dd;}
.parentsay_yellow .parentsay_body{background-color: #f8eedb;box-shadow:0px 5px 4px 0.5px #feefd5;}
.parentsay_yellow .parentsay_angle1{box-shadow: inset -2px 2px 2px 0px #fef2dd;}
.parentsay_yellow .parentsay_angle2{box-shadow: inset 2px 2px 2px 0px #fef2dd;}
.parentsay_yellow .parentsay_angle3{box-shadow: inset -2px -2px 2px 0px #feefd5;}
.parentsay_yellow .parentsay_angle4{box-shadow: inset 2px -2px 2px 0px #feefd5;}
.parentsay_yellow .parentsay_img{box-shadow:1px 1px 2px 1px #e4b876;}
.parentsay_yellow .parentsay_fuhao1{background: url("../images/yinhao01.png") no-repeat;background-size: contain;}
.parentsay_yellow .parentsay_fuhao2{background: url("../images/yinhao02.png") no-repeat;background-size: contain;}
.parentsay_blue .parentsay_head{background-color: #addcf1;box-shadow:0px -3px 3px 0.5px #e2f4fc;}
.parentsay_blue .parentsay_body{background-color: #edf7fd;box-shadow:0px 5px 4px 0.5px #d9f0fa;}
.parentsay_blue .parentsay_angle1{box-shadow: inset -2px 2px 2px 0px #e2f4fc;}
.parentsay_blue .parentsay_angle2{box-shadow: inset 2px 2px 2px 0px #e2f4fc;}
.parentsay_blue .parentsay_angle3{box-shadow: inset -2px -2px 2px 0px #d9f0fa;}
.parentsay_blue .parentsay_angle4{box-shadow: inset 2px -2px 2px 0px #d9f0fa;}
.parentsay_blue .parentsay_img{box-shadow:1px 1px 2px 1px #70b3d6;}
.parentsay_blue .parentsay_fuhao1{background: url("../images/yinhao11.png") no-repeat;background-size: contain;}
.parentsay_blue .parentsay_fuhao2{background: url("../images/yinhao12.png") no-repeat;background-size: contain;}
.parentsay_red .parentsay_head{background-color: #f3cdc7;box-shadow:0px -3px 3px 0.5px #ffe2de;}
.parentsay_red .parentsay_body{background-color: #fbe9e9;box-shadow:0px 5px 4px 0.5px #ffe0dc;}
.parentsay_red .parentsay_angle1{box-shadow: inset -2px 2px 2px 0px #ffe2de;}
.parentsay_red .parentsay_angle2{box-shadow: inset 2px 2px 2px 0px #ffe2de;}
.parentsay_red .parentsay_angle3{box-shadow: inset -2px -2px 2px 0px #ffe0dc;}
.parentsay_red .parentsay_angle4{box-shadow: inset 2px -2px 2px 0px #ffe0dc;}
.parentsay_red .parentsay_img{box-shadow:1px 1px 2px 1px #eaa89f;}
.parentsay_red .parentsay_fuhao1{background: url("../images/yinhao21.png") no-repeat;background-size: contain;}
.parentsay_red .parentsay_fuhao2{background: url("../images/yinhao22.png") no-repeat;background-size: contain;}
.parentsay_green .parentsay_head{background-color: #c2dfd3;box-shadow:0px -3px 3px 0.5px #e4eeea;}
.parentsay_green .parentsay_body{background-color: #f4feef;box-shadow:0px 5px 4px 0.5px #d7e5df;}
.parentsay_green .parentsay_angle1{box-shadow: inset -2px 2px 2px 0px #e4eeea;}
.parentsay_green .parentsay_angle2{box-shadow: inset 2px 2px 2px 0px #e4eeea;}
.parentsay_green .parentsay_angle3{box-shadow: inset -2px -2px 2px 0px #d7e5df;}
.parentsay_green .parentsay_angle4{box-shadow: inset 2px -2px 2px 0px #d7e5df;}
.parentsay_green .parentsay_img{box-shadow:1px 1px 2px 1px #8ab6a3;}
.parentsay_green .parentsay_fuhao1{background: url("../images/yinhao31.png") no-repeat;background-size: contain;}
.parentsay_green .parentsay_fuhao2{background: url("../images/yinhao32.png") no-repeat;background-size: contain;}
/*.parentsay_mb{margin-bottom: 10px;}
@media (min-width:375px){
    .parentsay_mb{margin-bottom: 12px;}
}
@media (min-width:414px){
    .parentsay_mb{margin-bottom: 14px;}
}
@media (min-width:960px){
    .parentsay_mb{margin-bottom: 12px;}
}*/


/* --------------------------静轩军团------------------------------- */
.team_imgs {vertical-align: middle;margin: 0 auto;}
.clip-svg {width: 0;height: 0;}
.clip-polygon {-webkit-clip-path: polygon(50% 0%, 50% 0%, 100% 25%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);clip-path: polygon(50% 0%, 50% 0%, 100% 25%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);-webkit-clip-path: url("#clip-svg-demo");clip-path: url("#clip-svg-demo");}
.team_a{width: auto;height: auto;}
.team_title{font-size: 1.6rem;color: #464646;float: left;}
.team_title1{font-size: 1.6rem;color: #6d6c6c;float: left;}
.team_title2{font-size: 1.8rem;font-weight: bold;padding-left: 5rem;}
.team_leibie{font-size: 1.6rem;color:#464646;float: left;}
.team_leibie1{margin-left: 2rem;font-size: 1.6rem;color:#6d6c6c;display: block;float: left;}
.team_select{position: absolute;right: -5px;top: -8px;width: 240px;height: 4rem;opacity: 0;}
.team_i{float: right;font-size: 1.8rem;color: #b1b0b0;position: relative;}
@media (min-width:375px){
    .team_select{width: 290px;}
}
@media (min-width:414px){
    .team_select{width: 330px;}
}
@media (min-width:960px){
    .team_select{width: 550px;}
}
/* --------------------------幸福树------------------------------- */
.treebox{width: 100%;margin-bottom: 10px;-webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px; }
.tree{position: relative;width: 100%}
.tree_bgimg{width: 100%;}
.tree_action{position: absolute;bottom:10px;left: 0px;width: 100%;}
.tree_weeding,.tree_insecticide,.tree_watering{margin-left: 10px;}
.tree_weeding img,.tree_insecticide img,.tree_watering img{width: 10%;}
.tree_share img{width: 100%;}
.tree_share{position: absolute;bottom: 10px;right: 10px;width: 10%;}
.trees{position: absolute;width: 100%;bottom:65px;left: 0px;text-align: center;}
.tree_user{position: absolute;top:20px;right: 0px;height: 40px;background-color: #f7fff7;border-radius: 20px 0 0 20px;line-height: 40px;}
.tree_usertx{width: 36px;height: 36px; background: no-repeat 50%;background-size: cover;border-radius: 50%;border: 1px solid #299418;margin-top: 2px;margin-left: 2px;display: inline-block;margin-right: 5px;}
.tree_score{color:#299418;font-size: 1.7rem;display: inline-block;margin-right: 10px;vertical-align: top;}
.tree_drop{position: absolute;color:#00a3e8;font-size: 1.2rem;max-height: 65px;max-width: 65px;}
.tree_drops{background: url("/static/mobile/images/tree_drop.png") no-repeat;background-size: contain;text-align: center;margin: 0 auto;}
.tree_drops1{width: 35px;height: 46px;padding-top: 20px;}
.tree_drops2{width: 40px;height: 53px;padding-top: 26px;}
.tree_droptitle{width: 10px;margin-right: 3px;}
.tree_drop1{left: 7px;top: 40px;}
.tree_drop2{left: 70px;top: 64px;}
.tree_drop3{left: 132px;top: 30px;}
.tree_drop4{top: 63px;right: 75px;}
.tree_drop5{top: 62px;right: 7px;}
.tree_drop1{-webkit-animation: dropsMove1 1.3s infinite alternate;-moz-animation: dropsMove1 1.3s infinite alternate;animation: dropsMove1 1.3s infinite alternate;}
.tree_drop2{-webkit-animation: dropsMove2 1.4s infinite alternate;-moz-animation: dropsMove2 1.4s infinite alternate;animation: dropsMove2 1.4s infinite alternate;}
.tree_drop3{-webkit-animation: dropsMove2 1.6s  infinite alternate;-moz-animation: dropsMove2 1.6s infinite alternate;animation: dropsMove2 1.6s infinite alternate;}
.tree_drop4{-webkit-animation: dropsMove1 1.3s  infinite alternate;-moz-animation: dropsMove1 1.3s infinite alternate;animation: dropsMove1 1.3s infinite alternate;}
.tree_drop5{-webkit-animation: dropsMove1 1.5s  infinite alternate;-moz-animation: dropsMove1 1.5s infinite alternate;animation: dropsMove1 1.5s infinite alternate;}
.tree_waterimg,.tree_congimg,.tree_weedimg{position: absolute;opacity: 0;}
.tree_waterimg img{width: 120px;}
.tree_waterimg0{top:51%;left: 50%;}
.tree_waterimg1{top:40%;left: 59%;}
.tree_waterimg2{top:30%;left: 65%;}
.tree_congimg img{width: 110px;}
.tree_congimg0{top:53%;left: 17%;}
.tree_congimg1{top:45%;left: 10%;}
.tree_congimg2{top:39%;left: 11%;}
.tree_weedimg{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.tree_weedimg img{width: 70px;}
.tree_weedimg0{top:72%;right: 20%;}
.tree_weedimg1{top:74%;right: 26%;}
.tree_weedimg0 img{-webkit-animation: toWeeding 4s forwards;-moz-animation: toWeeding 4s forwards;animation: toWeeding 4s forwards; }
.tree_weedimg1 img{-webkit-animation: toWeeding1 4s forwards;-moz-animation: toWeeding1 4s forwards;animation: toWeeding1 4s forwards; }
@-webkit-keyframes dropsMove1 {
    from {-webkit-transform: translate(0px,0px);}
    to {-webkit-transform: translate(0px,6px);}
}
@-moz-keyframes dropsMove1 {
    from {-moz-transform: translate(0px,0px);}
    to {-moz-transform: translate(0px,6px);}
}
@keyframes dropsMove1 {
    from {transform: translate(0px,0px);}
    to {transform: translate(0px,6px);}
}
@-webkit-keyframes dropsMove2 {
    from {-webkit-transform: translate(0px,0px);}
    to {-webkit-transform: translate(0px,-8px);}
}
@-moz-keyframes dropsMove2 {
    from {-moz-transform: translate(0px,0px);}
    to {-moz-transform: translate(0px,-8px);}
}
@keyframes dropsMove2 {
    from {transform: translate(0px,0px);}
    to {transform: translate(0px,-8px);}
}
@-webkit-keyframes toWeeding {
    0% {opacity: 1;-webkit-transform: rotate(-35deg);}
    49% {opacity: 1;-webkit-transform: rotate(-35deg);}
    50% {opacity: 0;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px) ;}
    51% {opacity: 1;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    96% {opacity: 1;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    100% {opacity: 0;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
}
@-moz-keyframes toWeeding {
    0% {opacity: 1;-moz-transform: rotate(-35deg);}
    49% {opacity: 1;-moz-transform: rotate(-35deg);}
    50% {opacity: 0;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px) ;}
    51% {opacity: 1;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    96% {opacity: 1;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    100% {opacity: 0;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
}
@keyframes toWeeding {
    0% {opacity: 1;transform: rotate(-35deg);}
    49% {opacity: 1;transform: rotate(-35deg);}
    50% {opacity: 0;transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    51% {opacity: 1;transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    96% {opacity: 1;transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
    100% {opacity: 0;transform:rotate3d(-0.35,1,0,180deg) translate(100px,60px);}
}
@-webkit-keyframes toWeeding1 {
    0% {opacity: 1;-webkit-transform: rotate(-35deg);}
    49% {opacity: 1;-webkit-transform: rotate(-35deg);}
    50% {opacity: 0;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px) ;}
    51% {opacity: 1;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    96% {opacity: 1;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    100% {opacity: 0;-webkit-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
}
@-moz-keyframes toWeeding1 {
    0% {opacity: 1;-moz-transform: rotate(-35deg);}
    49% {opacity: 1;-moz-transform: rotate(-35deg);}
    50% {opacity: 0;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px) ;}
    51% {opacity: 1;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    96% {opacity: 1;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    100% {opacity: 0;-moz-transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
}
@keyframes toWeeding1 {
    0% {opacity: 1;transform: rotate(-35deg);}
    49% {opacity: 1;transform: rotate(-35deg);}
    50% {opacity: 0;transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    51% {opacity: 1;transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    96% {opacity: 1;transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
    100% {opacity: 0;transform:rotate3d(-0.35,1,0,180deg) translate(160px,100px);}
}

.tree_content{background-color: #fff;width: 100%;padding-top: 10px;}
.tree_p{margin-bottom: 10px;padding: 0 10px;}
.tree_name{font-size: 1.5rem;color:#2b2b2b;font-weight: bold;display: block;width: 70px;float:left;}
.tree_contents{font-size: 1.4rem;color:#2b2b2b;display: block;width: 60%;float:left}
.tree_time{font-size: 1.2rem;color:#6c6c6c;display: block;float: right;}
.tree_more{display: block;color:#000;text-align: center;width: 100%;font-size: 1.6rem;padding: 8px 0px;}
.tree_saybox{background-color: #fff;width: 100%;margin-bottom: 10px;}
.tree_saytitle{font-size: 1.7rem;color:#4a4a49;padding: 20px 10px 15px 10px;border-bottom:1px solid #eee;}
.tree_sayul{padding: 0 10px;}
.tree_sayul li{border-bottom: 1px solid #d3d3d3;}
.tree_saytx{background: no-repeat 50%;background-size: cover;border-radius: 50%;width: 30px;height: 30px;float:left}
.tree_syaname{float: left;font-size: 1.4rem;color:#2b2b2b;margin: 0 5px;padding-top: 5px;}
.tree_flag{float:left;width: 49px;height: 20px;margin-top: 6px;/*text-align: right;font-size: 1rem;padding-right: 9px;padding-top: 1px;*/}
.tree_parent .tree_flag{background: url("/static/mobile/images/tree_parent1.png") no-repeat;background-size:contain;/*color:#009944;*/}
.tree_teacher .tree_flag{background: url("/static/mobile/images/tree_teacher1.png") no-repeat;background-size:contain;/*color:#f1353d;*/}
.tree_saydiv{margin-bottom: 13px;margin-top: 13px;}
.tree_sayp{font-size: 1.5rem;margin-bottom: 13px;}
.tree_saymoreimgs{padding: 0px 5px;font-size: 1.2rem;display: inline-block;border-radius: 3px;}
.tree_parent .tree_saymoreimgs{color:#3eb672;border: 1px solid #22ac38;}
.tree_teacher .tree_saymoreimgs{color:#dd3428;border: 1px solid #e5004f;}
.tree_saytime{font-size:1.3rem;color:#a2a2a2;margin-bottom: 10px;}
.tree_rankbox{background-color: #fff;width: 100%;margin-bottom: 10px;}
.tree_navbox{position:relative;width: 100%;}
.tree_nav{width: 100%;padding: 0 10px;overflow:hidden;border-bottom:1px solid #eee;}
.tree_nav li{float: left;font-size: 1.6rem;padding: 10px 0px;margin-right: 10px;color:#929090;cursor:pointer;}
.tree_nav li.tree_xz{color:#000;}
.treenav_line{display:block;position:absolute;bottom:0;height:2px;background-color:#009944;}
.tree_navbar{display: none;}
.tree_navbar.tree_navbar_xz{display: block;}
.tree_rankul{padding-left: 40px;}
.tree_rankul li{position: relative;border-bottom: 1px solid #eee;padding: 10px 10px 10px 0px;}
.tree_rankimg{position: absolute;top:18px;left: -30px;}
.tree_ranknum{position: absolute;top:22px;left: -25px;font-size: 1.5rem;color:#484646;font-weight: bold;}
.tree_ranktx{float:left;background: no-repeat 50%;background-size: cover;border-radius: 50%;width: 42px;height: 42px;margin-right: 10px;}
.tree_rankcontent{float:left;padding-top: 3px;}
.tree_rankcontent.tree_rank_nonews{padding-top: 10px;}
.tree_rankname{font-size: 1.5rem;color:#000;}
.tree_ranknews{font-size: 1.3rem;color:#959595;}
.tree_rankscore{font-size: 1.5rem;color:#000;float:right;padding-top: 10px;}
@media (min-width:375px){
    .trees{bottom:72px;}
    .tree_drop1{left: 16px;top: 48px;}
    .tree_drop2{left: 87px;top: 93px;}
    .tree_drop3{left: 156px;top: 38px;}
    .tree_drop4{top: 80px;right: 90px;}
    .tree_drop5{top: 62px;right: 15px;}
    .tree_congimg0{top:57%;left: 21%;}
    .tree_weedimg0{top:75%;right: 26%;}
}
@media (min-width:414px){
    .trees{bottom:80px;}
    .tree_user{height: 50px;line-height: 50px;border-radius: 25px 0 0 25px;}
    .tree_usertx{width: 46px;height: 46px;}
    .tree_score{font-size: 1.9rem;}
    .tree_drop{font-size: 1.4rem;top:40px;max-height: 75px;max-width: 75px;}
    .tree_drops1{width: 38px;height: 51px;padding-top: 22px;}
    .tree_drops2{width: 48px;height: 63px;padding-top: 30px;}
    .tree_drop1{left: 16px;top: 48px;}
    .tree_drop2{left: 92px;top: 93px;}
    .tree_drop3{left: 171px;top: 38px;}
    .tree_drop4{top: 90px;right: 106px;}
    .tree_drop5{top: 70px;right: 15px;}
    .tree_waterimg img{width: 150px;}
    .tree_waterimg0{top:48%;left: 50%;}
    .tree_waterimg1{top:36%;left: 59%;}
    .tree_congimg img{width: 140px;}
    .tree_congimg2{top:36%;left: 9%;}
    .tree_congimg1{top:44%;left: 9%;}
    .tree_congimg0{top:54%;left: 18%;}
    .tree_weedimg img{width: 80px;}
    .tree_weedimg0{top:74%;right: 27%;}
    .tree_contents{width: 65%;}
}
@media (min-width:960px){
    .trees{bottom:125px;}
    .tree_drop{font-size: 1.7rem;top:60px;max-height: 90px;max-width: 90px;}
    .tree_droptitle{width: 13px;}
    .tree_drops1{width: 48px;height: 64px;padding-top: 29px;}
    .tree_drops2{width: 62px;height: 83px;padding-top: 42px;}
    .tree_drop1{left: 32px;top: 80px;}
    .tree_drop2{left: 157px;top: 159px;}
    .tree_drop3{left: 279px;top: 64px;}
    .tree_drop4{top: 134px;right: 156px;}
    .tree_drop5{top: 84px;right: 30px;}
    .tree_waterimg img{width: 220px;}
    .tree_congimg img{width: 210px;}
    .tree_weedimg img{width: 120px;}
    .tree_contents{width: 75%;}
}
@media (min-width:1024px){
    .trees{bottom:130px;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~老师端~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* --------------------------首页------------------------------- */
.pcindex_td1{width: 40%;background: no-repeat 50%;background-size: cover;}
.pcindex_td2{width: 60%;padding-left: 1rem;max-width: 174px;}
.pcindex_jiaoshi{float: right;color:#ff0000;border:1px solid #ff0000;padding: 0px 6px;}
@media (min-width:375px){
    .pcindex_td2{max-width:207px;}
}
@media (min-width:414px){
    .pcindex_td2{max-width:230px;}
}
@media (min-width:960px){
    .pcindex_td2{max-width:558px;}
}
@media (min-width:1024px){
    .pcindex_td2{max-width:586px;}
}

/* --------------------------考勤打卡------------------------------- */
.teacher_w2{flex:2;}
.teacher_w1{flex:1.2;}
.teacher_tishi{background-color: #eff0f4;font-size: 1.5rem;padding: 5px 15px;color:#818181;margin-bottom: 10px;}
.teacher_box{padding: 0 15px;}
.teacher_box:after{display: block;content: "";clear: both;}
.teacher_ul{width: 100%;}
.teacher_ul>li{float: left;width:25%;height: auto;text-align: center;font-size: 1.5rem;color:#272827;min-height: 118px;}
.teacher_tx{width:100%;height:100%;border-radius: 50%;}
.children_name{margin-top: 4px;}
.children_name span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 90%;display: block;margin: 0 auto;}
.children_push{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;opacity: 0.6;height: 85px;}
.children_push1{text-align: center;position: fixed;bottom: 0;left: 0;width: 100%;padding-bottom: 20px;}
.children_push1 .btn{background-color: #f9d5d9;width: 80%;font-size: 1.8rem;padding: 10px 12px;}
.children_push2{text-align: center;position: fixed;bottom: 0;left: 0;width: 100%;padding-bottom: 20px;}
.children_push2 .btn{background-color: #f2e8a0;width: 80%;font-size: 1.8rem;padding: 10px 12px;}
.children_push3{text-align: center;position: fixed;bottom: 0;left: 0;width: 100%;padding-bottom: 20px;}
.children_push3 .btn{background-color: #c7e1ab;width: 80%;font-size: 1.8rem;padding: 10px 12px;}
.children_push4{text-align: center;position: fixed;bottom: 0;left: 0;width: 100%;padding-bottom: 20px;}
.children_push4 .btn{background-color: #d2e1f4;width: 80%;font-size: 1.8rem;padding: 10px 12px;}
.teacher_imgs{position: relative;width:6rem;height:6rem;margin: 0 auto;border-radius: 50%;}
.teacher_a{display: flex;justify-content:center;align-items:center;position: absolute;width:100%;height:100%;border-radius: 50%;color:#fff;font-size: 1.5rem;top:0;left: 0;line-height: 1.6rem;opacity: 0;}
.teacher_a:hover{color:#fff;}
.teacher_span{display: block;width: 90%;color:#fff;font-size: 1.5rem;position: absolute;top:30%;left: 4.6%;border-radius: 12%;opacity: 0;}
.daoke{border: 4px solid #f9d5d9;}
.daoke.daoke_xz{border: 4px solid #f9d5d9;}
.daoke .teacher_a{background-color: #e65a55;}
.daoke .teacher_span{background-color: #b03432;box-shadow: 0 0 1.5px 1px #b03432;}
.daoke_xz .teacher_a{opacity: 0.9}
.daoke_xz .teacher_span{opacity: 1}
.chidao{border: 4px solid #f2e8a0;}
.chidao.chidao_xz{border: 4px solid #f5ea9c;}
.chidao .teacher_a{background-color: #ecba56;}
.chidao .teacher_span{background-color: #e38a18;box-shadow: 0 0 1.5px 1px #e38a18;}
.chidao_xz .teacher_a{opacity: 0.9}
.chidao_xz .teacher_span{opacity: 1}
.qingjia{border: 4px solid #c7e1ab;}
.qingjia .teacher_a{background-color: #66ae48;}
.qingjia .teacher_span{background-color: #46b13c;box-shadow: 0 0 1.5px 1px #46b13c;}
.qingjia_xz .teacher_a{opacity: 0.9}
.qingjia_xz .teacher_span{opacity: 1}
.kuangke{border: 4px solid #d2e1f4;}
.kuangke .teacher_a{background-color: #2e78c8;}
.kuangke .teacher_span{background-color: #2e78c8;box-shadow: 0 0 1.5px 1px #2e78c8;}
.kuangke_xz .teacher_a{opacity: 0.8}
.kuangke_xz .teacher_span{opacity: 1}
.buke{border: 4px solid #e0d3fc;}
.buke .teacher_a{background-color: #672cdbde;}
.buke .teacher_span{background-color: #7c44f8;box-shadow: 0 0 1.5px 1px #672cdbde;}
.buke_xz .teacher_a{opacity: 0.8}
.buke_xz .teacher_span{opacity: 1}
@media (min-width:414px){
    .teacher_imgs{width:7rem;height:7rem;}
    .teacher_a{font-size: 1.8rem;line-height: 2rem;}
    .teacher_span{font-size: 1.8rem;width: 91%;left: 4.2%;}
    .daoke .teacher_span{box-shadow: 0 0 1.7px 1.1px #b03432;}
    .chidao .teacher_span{box-shadow: 0 0 1.7px 1.1px #e38a18;}
    .qingjia .teacher_span{box-shadow: 0 0 1.7px 1.1px #46b13c;}
    .kuangke .teacher_span{box-shadow: 0 0 1.7px 1.1px #2e78c8;}
    .buke .teacher_span{box-shadow: 0 0 1.7px 1.1px #672cdbde;}
}
@media (min-width:960px){
    .teacher_ul>li{width:20%;}
    .teacher_imgs{width:8rem;height:8rem;}
    .teacher_a{font-size: 2rem;line-height: 2.2rem;}
    .teacher_span{font-size: 2rem;width: 91%;left: 4.2%;border-radius: 10%;}
}
@media (min-width:1024px){
    .teacher_ul>li{width:12.5%;}

}
.attendance_tishi{font-size: 1.5rem;padding: 6px 2rem;color:#ff3c3c;}
.attendance_week{color:#797979;}
.attendance_tbox{height:9rem;position: relative;background-color: #fff}
.attendance_content{width:90%;margin-left:5%;margin-right:5%;color:black;font-size:1.4rem;z-index: 3;}
.attendance_himg img{/*box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.5);*/ border:1px solid rgba(98,199, 219, 0.1);border-radius:50%;float:left;width:65px;height:65px;margin-top: 10px;}
.attendance_ul{margin-top: 2rem;float:left;margin-left:2rem;width:50%;}
.attendance_ul li{line-height:2.6rem;text-overflow: ellipsis;white-space:nowrap;word-break: keep-all;overflow: hidden;}
.attendance_btn{position:absolute;right:1rem;top:2.6rem;}
.attendance_date{border: none;background-color: transparent;position: absolute;top:0;right:0;opacity: 0;}
.attendance_body{background:#fff;overflow: hidden;}
.attendance_body>ul>li{display:block;width:100%;line-height: 50px;height:51px;color:#333;position: relative;font-size: 1.6rem;}
.attendance_body>ul>li>div{padding:0px 0px 0px 20px;}
.attendance_body_font{border-bottom:1px solid #e7e7e7;position: relative;}
.attendance_a{padding: 1rem 1.4rem;width: 100%;}
.attendance_a>div{width: 14rem;height: 14rem;border-radius: 50%;background:linear-gradient(to top,#e92b31,#fa775d);margin: 0 auto;padding: 0.5rem;box-shadow: 0 0 10px 5px #e4bdba;margin-top: 2rem;}
.attendance_a a{display: block;width: 13rem;height: 13rem;line-height: 3.4rem;padding-top: 3.3rem;padding-bottom: 0;color:#fff;background:linear-gradient(to top,#f1353e,#ff8367);border-color: #f13a3d;text-align: center;font-size: 2.8rem;border-radius: 50%;}
.attendance_a a:hover,.attendance_a a:active,.attendance_a a:focus{color:#fff;background-color: #f13a3d;border-color: #f13a3d;}
.attendance_searchbox{height: 6rem;width: 100%;padding: 1rem 1.4rem;}
.attendance_search{background-color: #fff;height: 40px;border-radius: 5px;padding: 10px 1rem;}
.attendance_search_input{font-size: 1.6rem;border: none;width: 90%;}
@media (max-width:320px){
    .attendance_search_input{width: 85%;}
    .attendance_ul{width:40%;}
}
.attendance_select{position: absolute;top:0;right: 5px;width:100%;height: 50px;opacity: 0;font-size: 2rem;}
.attendance_warn{color:#ff3c3c;}
a.weui-swiped-btn:hover,a.weui-swiped-btn:active,a.weui-swiped-btn:focus{color: #fff;}
.attendance_phone{color: #7e7e7e;}

/*倒计时*/
.djs li { font-size:1rem; float:left; }

/* ----------投票---------- */
.vote_tj{width: 90%;background-color: #fff;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 54px;text-align: center;box-shadow: 0px 1px 2px 1px #d4d4d4;border-radius: 4px;padding: 10px 0;opacity: 0.97;}
.vote_tj label{font-size: 1.5rem;font-weight: normal;color:#385b0d;margin-bottom: 0;}
.vote_tj p{font-size: 1.2rem;color:#8b8b8b;display: flex;justify-content: center;align-items: center;height: 17px;}
.vote_tj p>img{width: 10px;margin-right: 3px;display: inline-block;}
.vote_tj>div:last-child p>img{width: 12px;}
.vote_content{width: 90%;margin: 15px auto 0px auto;background-color: #fff;border-radius: 4px;font-size: 1.5rem;}
.vote_phb li{padding: 0px 15px 0px 10px;height:70px;line-height: 70px;border-bottom: 1px solid #d2d2d2;color:#343434;}
.vote_phb li:last-child{border-bottom: none;}
.vote_phb img{width: 100%;}
.vote_phb li>span{display: flex;height: 100%;width: 30px;align-items: center;justify-content: center;float: left;margin-right: 10px;font-weight: bold;}
.vote_phb li>div{color:#d11818;}
.vote_rule{padding: 10px 5px;} 
.vote_rule>h3{color:#9c9c9c;font-size: 1.6rem;border-bottom: 1px solid #9e9e9e;padding-bottom: 8px;}
.vote_rule>h3>img{vertical-align: middle;width: 16px;display: inline-block;margin-right: 8px;margin-left: 3px;}
.vote_rule>p{padding: 10px 5px 0px 5px;color: #747373;font-size: 1.4rem;line-height: 18px;}
.vote_search{box-shadow: 0px 1px 2px 1px #d4d4d4;background-color: #fff;border-radius: 20px;margin-bottom: 15px;}
.vote_search img{width: 16px;vertical-align: sub;}
.vote_search input{font-size: 1.6rem;border: none;background-color: transparent;float: left;width: 82%;height:34px;padding: 0 15px;line-height: 34px;}
.vote_search .btn{background-color: #82c82f;border-radius: 0px 20px 20px 0px;float: left;width: 18%;height: 34px;}
#voteA{position: fixed;width: 100%;height: 100%;top:0px;left: 0px;text-align: center;z-index: 998;display: none;}
#voteA>div{overflow-y:scroll;width:100%;height:100%;}
#voteA iframe{height: 100%;width: 100%;}
#voteA button{position: fixed;top: 0;left: 0;background-color: #fff;opacity: 0.8;font-size: 3rem;color: #333;padding: 0px 18px 9px 7px;border-radius: 0 0px 100% 0;}
#vote_no{width: 100%;font-size: 1.8rem;text-align: center;color:#656565;padding: 15px 0 270px 0;}
@media (min-width:375px){
    .vote_tj label{font-size: 1.7rem;}
    .vote_tj p{font-size: 1.3rem;height: 19px;}
    .vote_tj p>img{width: 12px;}
    .vote_tj>div:last-child p>img{width: 14px;}
    #vote_no{padding: 15px 0 360px 0;}
}
@media (min-width:414px){
    .vote_tj label{font-size: 1.9rem;}
    .vote_tj p{font-size: 1.4rem}
    #vote_no{padding: 15px 0 420px 0;}
}
@media (min-width:640px){
    .vote_tj{bottom: 72px;}
    .vote_tj label{font-size: 3.3rem;}
    .vote_tj p{font-size: 1.9rem;height: 28px;}
    .vote_tj p>img{width: 18px;}
    .vote_tj>div:last-child p>img{width: 20px;}
    .vote_content{font-size: 1.8rem;}
    .vote_phb li{padding: 0px 20px 0px 15px;}
    .vote_phb li>span{margin-right: 15px;}
    .vote_content{margin: 25px auto 0px auto;}
    .vote_rule>h3{font-size: 2rem;}
    .vote_rule>h3>img{width: 20px;}
    .vote_rule>p{font-size: 1.6rem;line-height: 23px;}
    #vote_no{padding: 15px 0 580px 0;}
}
/* ----------特效---------- */
/* 上下翻转 */
.fanzhuanBox{animation: fanzhuan 0.5s forwards;-webkit-animation: fanzhuan 0.5s forwards;-moz-animation: fanzhuan 0.5s forwards;}
@keyframs fanzhuan{
    to{transform:translate(0,5px) rotateX(180deg);}
}
@-webkit-keyframes fanzhuan{
    to{-webkit-transform:translate(0,5px) rotateX(180deg);}
}
@-moz-keyframes fanzhuan{
    to{-moz-transform:translate(0,5px) rotateX(180deg);}
}
/* 左右翻转 */
.fanzhuanBox1{animation: fanzhuan1 0.5s forwards;-webkit-animation: fanzhuan1 0.5s forwards;-moz-animation: fanzhuan1 0.5s forwards;}
@keyframs fanzhuan1{
    to{transform:rotateY(180deg);}
}
@-webkit-keyframes fanzhuan1{
    to{-webkit-transform:rotateY(180deg);}
}
@-moz-keyframes fanzhuan1{
    to{-moz-transform:rotateY(180deg);}
}
/* ----------生成海报---------- */
.posterTitle{font-family: "aagothic";font-size: 2.2rem;color: #e70d55;}

/*.posterQrcode>img{height: 75px;}*/
/*.posterP{padding-top: 25px;font-size: 1.2rem;margin-right: 5px;}*/
#zhezhaoPosterBox{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999998;display: none;background-color: #f5f5f5;}
#posterBox{position: fixed;width: 100%;height: 100%;margin: 0 auto;top: 0;left: 0;bottom: 0;right: 0;z-index: 999999;overflow-y: auto;display: none;}
#closePosterBox{position: fixed;width: 50px;height: 50px;top: 20px;right: 20px;z-index: 1000000;background: no-repeat 50% url(../images/del5.png);background-size: cover;cursor: pointer;display: none;}
#posterClone{position: fixed;top: 0;left: 0;z-index:-99;width: 100%;height: auto;max-width: 640px;margin: 0 auto;background-color: #f5f5f5;}
#zhezhaoPosterClone{background-color: #f5f5f5;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -98;}
#posterWait{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999998;display: none;background-color: #000;opacity: 0.8;}
#posterWait>div{font-size: 2.6rem;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;color: #fff;width: 215px;height: 76px;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;}
/*.posterQrcode>img{height: 100px;}*/
.qrcodeBox{position: relative;height: 124px;}
.posterLogo{/*padding-top: 17px;*/position: absolute;top: 26px;left: 10px;}
.posterLogo>img{height:65px;}
.posterQrcode{position: absolute;top: 10px;right: 10px;}
.posterP{/*padding-top: 25px;*/font-size: 1.2rem;/*margin-right: 5px;*/position: absolute;top: 42px;right: 115px;}
@media (min-width:375px){
    .posterTitle{font-size: 2.4rem;}
    .posterLogo{/*padding-top: 13px;*/left: 15px;}
    .posterLogo>img{height:70px;}
    .posterQrcode{right: 15px;}
    .posterP{font-size: 1.4rem;/*margin-right: 10px;*/right: 120px;}
}
@media (min-width:414px){
    .posterTitle{font-size: 2.6rem;}
    .posterP{font-size: 1.5rem;right: 125px;}
}
@media (min-width:640px){
    .posterTitle{font-size: 2.8rem;}
    .posterLogo>img{height:75px;}
    .posterP{font-size: 1.6rem;/*margin-right: 15px;*/}
}
/* ----------转码层---------- */
.zhuanma1{width: 100%;height: 100%;background-color: #000;opacity: 0.9;font-size: 2.2rem;position: absolute;top: 0;left: 0;color: #fff;z-index: 99999;justify-content: center;align-items: center;display: none;}
.zhuanma1.xs{display: flex;}
.zhuanma2{width: 100%;height: 100%;background-color: #000;opacity: 0.9;font-size: 1.6rem;position: absolute;top: 0;left: 0;color: #fff;display: none;}
.zhuanma2.xs{display: block;}
/* ----------loading---------- */
.loadingContent{float: left;margin-right: 8px;}
.loadingDD {float: left;}
.loadingDD > div {width: 10px;height: 10px;background-color: #fff;border-radius: 100%;display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.loadingDD .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.loadingDD .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
    0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);} 
    40% {transform: scale(1.0);-webkit-transform: scale(1.0);}
}
/* ----------下拉刷新---------- */
.refreshOpacity{
    -webkit-animation: refreshOpacity 0.3s linear;
    animation: refreshOpacity 0.3s linear;
}
@-webkit-keyframes refreshOpacity {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes refreshOpacity {
    0% {opacity:0;}
    100% {opacity:1;}
}