@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;}
body {
    font-family: CXChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -webkit-font-variant-ligatures: no-common-ligatures;
    font-variant-ligatures: no-common-ligatures;
    color: #131B26;
    background: #FFFFFF;
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 300;
    src: local("PingFangSC-Light");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 400;
    src: local("PingFangSC-Regular");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 500;
    src: local("PingFangSC-Medium");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXChineseQuote;
    font-weight: 600;
    src: local("PingFangSC-Semibold");
    unicode-range: U+2018,U+2019,U+201c,U+201d
}

@font-face {
    font-family: CXEmojiFont;
    src: local("Apple Color Emoji"),local("Noto Color Emoji");
    unicode-range: U+1f21a,U+1f250,U+1f237
}

@font-face {
    font-family: CXHackSafariFont;
    src: local("Helvetica Neue");
    unicode-range: U+0000
}
ul{list-style-type:none;}
input,select,textarea{vertical-align:middle; font:14px 'fzlantingheis-el-gbregular'; color:#333;-webkit-appearance:none;outline:0;border-radius:0;box-shadow: none;-webkit-tap-highlight-color: transparent;border:0;}
input:focus, textarea:focus {outline:none;}
a:link,a:hover,a:active,a:visited{text-decoration:none;color:#333;}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;margin:0;padding:0;}
img{border:0px;}
em{font-style:normal;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}


/****字体****/
.msoft{font-family: "微软雅黑";}
.fz{font-family:'fzlantingheis-el-gbregular';}
.font15{font-size:1.5em}

.main{max-width:640px;margin:0 auto;}
.topTitle{border-bottom:solid 1px #e1e1e1;background:#efefef;padding:10px;color:#666;}
/******邀请码******/
.inviteCode{width:100%;padding:8px 10px 10px;background:#efefef;border-top:1px solid #e1e1e1;}
.inviteCode h3{font-size:14px;color:#333;font-weight:100;}
.inviteCode p{font-size:12px;color:#666;}
/******邀请码******/
/***左右滑动效果***/
.zlist{background:#fff;}
.zli_row { width:100%;height:65px; overflow: hidden; border-bottom: 1px #eee solid; }
.zli_record { display: -webkit-box; height: 100%; -webkit-box-align:center; }
.zli_txt,.stu { width: 100%; box-sizing: border-box;padding:10px}
.zli_row dt{ font-size: 1.6em; color: #000; line-height:1.6em;}
.zli_row dd{font-size:1.3em;color:#999;-webkit-box-flex:1;}
.zli_row dd span{margin-right:40px}
.zli_row dt a { color: #000;font-family: "微软雅黑";}
.zli_manage { display: -webkit-box; display: box; width: 100px; height: 100%; }
.zli_manage a { display: block; font-family:'fzlantingheis-el-gbregular';-webkit-box-flex: 1; height: 100%; line-height:64px; text-align: center;; color: #fff; font-size: 1.6em;}
.zli_manage a.zli_edit { background: #fb0006; }
.zli_manage a.zli_move { background: #fd8609; }
.zli_look {display:block;font-size:12px;color:#0099ff;margin:0 10px;}
.zli_record a:hover{color: #0099ff;}
.zli_record a:link{color: #0099ff;}
.zli_record a:visited{color: #0099ff;}
.zli_record a:active{color: #0099ff;}
/***左右滑动效果***/

.className{position:relative;}
.nameInp{height:52px;line-height:26px;width:100%;border-bottom:1px solid #e1e1e1;outline:none;font-size:1.7em;padding:0 10px;}
.colosed{position:absolute;width:20px;height:20px;background:url(../images/closed.png) no-repeat;background-size:100%;top:15px;right:15px}
.newBtn{display:block;border:none;width:90%;height:40px;line-height:40px;text-align:center;background:#0099ff;color:#fff;border-radius:5px;margin:0 auto;font-size:1.8em;outline:none}
.marTop40{margin-top:40px;}
.stu {-webkit-box-flex:1; display:-webkit-box;}
.stu dt{width:45px;height:45px;border-radius:5px;overflow:hidden}
.stu dd{margin-left:10px;}
.stu dd h3{font-size:16px;color:#333;font-weight:400}
.stu dd h3 span{float:right;color:#999;font-size:0.8em;margin-left:10px;margin-right:0;line-height:24px;}
.stu dd p{color:#999;}
.search{height:50px;padding:10px;background:#e5e5e5;position:relative}
.search input{width:100%;border:none;height:100%;outline:none;border-radius:5px;text-align:left;font-size:1.4em;padding-left:30px}
.search i{position:absolute;width:20px;height:20px;background:url(../images/search.png) no-repeat;background-size:100%;top:15px;left:15px}
.bk{height:30px;line-height:30px;background:#ccc;padding:0 10px;font-size:1.5em;color:#666}
.intro{ background-color: white; min-height: 65px; color: #999; padding: 10px; font-size: 14px;text-indent: 28px; }

/***************弹层样式****************/
.alertBg{position:fixed;width:100%;height:100%;background:#000;top:0;left:0;filter:alpha(opacity=50);opacity:0.5;display:none}
.alert{background:#f5f5f5;width:100%;left:0;position:fixed;z-index:99;padding:20px 0;display:none;}
.alert p{font-size:1.6em}
.reset{display:block;width:90%;height:40px;line-height:40px;text-align:center;background:#fff;border-radius:5px;margin:0 auto;font-size:1.8em;border:solid 1px #ccc;outline:none}
.marTop20{margin-top:20px}
/***************弹层样式****************/

.chooseGroup li{border-bottom:solid 1px #eee;height:49px;line-height:49px;font-size:1.7em;padding:0 10px;-webkit-tap-highlight-color: transparent;color:#444;}
.chooseGroup li i{width:20px;height:20px;background:url(../images/noneChoose.png) no-repeat;float:left;background-size:100%;margin-top:14px;margin-right:15px}
.chooseGroup li i.cur{background:url(../images/choosed.png) no-repeat;background-size:100%;}
.chooseGroup li.add{padding-top:10px}
.chooseGroup li.add span{display:block;width:30px;height:30px;background:url(../images/add.png) no-repeat;background-size:100%;margin-left:35px}
.blue{color:#0000ff}
.stuImg{float: left;width: 45px;height: 45px;border: solid 1px #d9d9d9; border-radius: 5px; overflow: hidden;margin-top:5px;margin-right:10px}
.stuFont{line-height:1.6}
.stuFont h3 { font-size: 15px; color: #333;font-weight: 400;margin-top:3px}
.stuFont  p{  font-size: 13px; color: #999;}
.addTeacher{height:49px;background:#efefef;border-top:solid 0px #e1e1e1;border-bottom:solid 1px #e1e1e1;line-height:49px;font-size:15px;color:#666;font-weight:400;padding:0 10px}
.addTeacher span{color:#0099ff}
.marTop10{margin-top:10px}


.chooseGroupList dt{border-bottom:solid 1px #eee;height:49px;line-height:49px;font-size:1.8em;padding:0 10px;display:block;color:#666;}
.chooseGroupList dt b.off{width:20px;height:20px;background:url(../images/noneChoose.png) no-repeat;float:left;background-size:100%;margin-top:14px;margin-right:15px;margin-left:5px;}
.chooseGroupList dt b.curb{background:url(../images/choosed.png) no-repeat;background-size:100%;}
.chooseGroupList dt.add{padding-top:10px}
.chooseGroupList dt.add span{display:block;width:30px;height:30px;background:url(../images/add.png) no-repeat;background-size:100%;margin-left:35px}

.bottom{text-align: center;height:50px;line-height:50px;margin:-6px auto;font-size:14px;position: absolute;bottom: -40px;color:#414141;width: 100%;}

/*************** 邀请码弹层 *****************/
.codeLayer,.applyLayer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background: rgba(0,0,0,0.8);display:none;}
.invCode,.applyCode{position:relative;width:90%;margin:15% auto 0;background: #fff;border-radius:10px;padding:10% 5% 6%;}
.invCode{margin-top:5%;}
.closeBtn{position:absolute;right:2%;top:2%;display:block;width:16px;height:16px;background:url(../images/closeIcon.png) no-repeat left center;background-size:100% 100%;-webkit-tap-highlight-color: transparent;}
.invCode img{display:block;width:96%;margin:0 auto;}
.invCode p,.applyCode p{font-size:14px;color:#333;line-height:22px;padding:5px 0;}
.invCode p span{color:#0099ff;}
.codeTime{width:100%;}
.codeTime span{display:inline-block;font-size:14px;color:#333;line-height:20px;}
.codeTime span.validity{width:70%;}
.codeTime span.changeCode{width:30%;text-align:right;color:#0099ff;}
.applyCode a{display:block;width:80%;height:40px;margin:0 auto;background:#0099ff;border-radius:5px;color:#fff;text-align:center;line-height:40px;font-size:16px;margin-top:15px;}
/*************** 邀请码弹层 *****************/
/******邮箱********/
.zli_mail{width:100%;background: #fff;}
.zli_mail p{font-size:16px;color:#333;line-height: 58px;padding-left:10px;border-bottom:1px solid #eee;}
.zli_mail p span{padding-left:20px;color:#666;}
/******邮箱********/

.inviCode{position:relative;width:90%;margin:20px auto;border:1px solid #e1e1e1;border-radius:4px;background:#fff;}
.closeBtn{position:absolute;right:2%;top:2%;display:block;width:16px;height:16px;background:url(../images/closeIcon.png) no-repeat left center;background-size:100% 100%;-webkit-tap-highlight-color: transparent;}
.inviCode img{display:block;width:70.3264%;margin:30px auto 10px;}
.inviCode p{padding:0 12px 20px;font-size:14px;color:#333;line-height:32px;}
.inviCon{width:100%;height:32px;background:#fff;}
.inviCon span,.inviCon p{padding-left:14px;padding-right:20px;font-size:14px;color:#333;line-height:32px;}
.inviCon span{color:#0099ff;}
.inviCon .col{color:#333;padding-right:0;display:inline-block;height:32px;line-height:32px;}
#endTime{width:54%;color:#0099ff;font-size:14px;vertical-align: middle;height:32px;line-height:32px;}
#endTime::-webkit-input-placeholder{
    color: #0099ff;
}
.inviCodeLayer{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1;}
.warningArea{position:absolute;bottom:74px;left:3.125%;width:93.75%;margin:0 auto;background:#fff;border-radius:4px;}
.warningArea p{line-height:28px;border-bottom:1px solid #e1e1e1;font-size:14px;color:#666;padding:10px 34px;}
.confirmBtn,.cancleBtn{display:block;height:56px;line-height:56px;text-align:center;font-size:19px;color:#333;outline:none;}
.cancleBtn{position:absolute;bottom:0;left:3.125%;width:93.75%;margin:8px auto 10px;text-align:center;font-size:19px;color:#0099ff;background:#fff;border-radius:4px;}

.hintBox{position:absolute;width:250px;display:none;}
.hintBox p{width:218px;background:#424244;border-radius:6px;color:#dedede;text-align:center;line-height:26px;font-size:16px;padding:10px;}