@charset "utf-8";
/*
@author: he
@update: he (2017-12-15)
*/
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1000px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/**************公共部分***************/
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.clear{ clear: both;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=70);opacity:0.7;_position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));}
.in-an{ background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in-an.png) no-repeat; _background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in-an.gif) no-repeat;}
.adm-an{ background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/admin/adm-an.png) no-repeat; _background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/admin/adm-an.gif) no-repeat;}
.tea-an{ background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/teacher/tea-an.png) no-repeat; _background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/teacher/tea-an.gif) no-repeat;}
.ggintit{ line-height: 140px; text-align: center; font-size: 30px;}
.bginhui{ background: #f7f7f7;}
.bginhui2{ background: #f1f1f1;}
.foothui .ggfootbg{ background: #e6e6e6;}

/*首页公用1000头*/
.gginheadbg{ background: #fff;}
.gginhead{ height: 84px;}
.gginhead .logo{ display: inline-block;float:left;  margin: 18px 0 0 0;}
.gginhead .sublogo{ display: block; height: 41px; padding-left: 21px; line-height: 41px; font-size: 24px; color: #19aeb7; margin: 22px 0 0 20px; background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/teacher/tea_18.png) no-repeat;}
.gginhead .hright{ line-height: 84px; font-size: 18px;}
.gginhead .hright .cju{ color: #ff8821;}

/*公用1000尾*/
.ggfootbg{ background: #fff;}
.ggfoot{ height: 70px; line-height: 70px; font-size: 14px; color: #666;}
.ggfoot a{ color: #666;}

/*jquery-select.tipxw固定样式请勿动*/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}

/*下拉菜单模拟*/
.areaSelect{width:250px;height:38px; background:#fff; font-size: 14px; margin-right: 10px;}
.areaSelect input{border:1px solid #dfe6e6; width:238px; overflow:hidden; height:36px;line-height:36px;padding:0 0 0 10px; color: #92a0a1; border-radius: 3px;}
.areaSelect input.on{ color: #455a65;}
.areaSelect i{display:block; width:12px;height:8px; background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/admin/adm-an.png) no-repeat 0 -100px; _background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/admin/adm-an.gif) no-repeat 0 -100px; top:15px; right:10px; z-index: 0; transition:all .3s linear}
.areaSelect i.on{transform:rotateZ(180deg);}
.areaSelect ul { width:248px; border:1px solid #dfe6e6; background:#fff; overflow-x: hidden;}
.areaSelect ul li {overflow:hidden;width:238px;cursor:pointer;line-height:36px;height:36px;padding:0 0 0 10px;}
.areaSelect ul li.hover {background:#f3f3f3;}

/*公共弹框*/
.ggTk{ display: none; width:800px; background:#fff; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); top:50%; left:50%; margin:0 0 0 -400px; z-index:1000; border-radius: 3px;}
.ggTk .tit{ height: 50px; border-bottom: 1px solid #dfe6e6;}
.ggTk .tit-l{ line-height: 50px; font-size: 16px; margin-left: 18px; padding-left: 12px;}
.ggTk .tit-l i{ display: block; overflow: hidden; width: 3px; height: 14px; background: #19aeb7; left: 0; top: 50%; margin-top: -7px;}
.ggTk .tit-r{ display: block; width: 12px; height: 12px; margin: 19px 18px 0 0; background-position: 0 -550px; cursor: pointer;}
.ggTk .tbox{ padding: 20px; overflow: auto; overflow-x: hidden; *position: relative;}
/*表单*/
.ggTk .tbox .bdcen{ margin-bottom: 10px; clear: both; font-size: 14px;}
.ggTk .tbox .bdcen .ltxt240{ width: 232px; line-height: 38px; text-align: right; padding-right: 8px;}
.ggTk .tbox .bdcen .inptxt{ width: 228px; height: 36px; border: 1px solid #dfe6e6; border-radius: 3px; padding: 0 10px; line-height: 36px; font-size: 14px; color: #455a65; margin-right: 10px;}
.ggTk .tbox .bdcen .inptxt100{ width: 78px;}
.ggTk .tbox .bdcen .inptxt.on{ border: 1px solid #ff8821;}
.ggTk .tbox .bdcen .rtxt{ line-height: 38px; padding-left: 28px; font-size: 14px; color: #ff8821; background-position: 0 -3690px;}
.ggTk .tbox .bdcen .ryzm{ display: block; width: 140px; height: 38px; line-height: 38px; font-size: 14px; text-align: center; background: #dfe6e6; border-radius: 3px; cursor: pointer;}
.ggTk .tbox .bdhan{ padding: 20px 0 30px; height: 38px; text-align: center;}
.ggTk .tbox .bdhan .han{ float: left; margin-left: 240px; display: block; width: 250px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #ff8821; border-radius: 3px;}
.ggTk .tbox .bdhan .han:hover{ text-decoration: none; opacity: 0.9;}
.ggTk .tbox .bdhan2{ height: 38px; text-align: center;}
.ggTk .tbox .bdhan2 .han{ display: inline-block; padding: 0 34px; line-height: 36px; font-size: 14px; color: #fff; border: 1px solid #ff8821; background: #ff8821; border-radius: 3px; margin: 0 15px;}
.ggTk .tbox .bdhan2 .han:hover{ text-decoration: none; opacity: 0.9;}
.ggTk .tbox .cgts{ line-height: 38px; font-size: 14px; text-align: center; margin-bottom: 30px;}
.ggTk .tbox .cgts .cju{ color: #ff8821;}
.ggTk .tbox .cgts-t{ font-size: 18px; color: #ff8821;}
.ggTk .tbox .sbts{ line-height: 24px; font-size: 14px; text-align: center;}
.ggTk .tbox .sbts-t{ font-size: 18px; line-height: 46px; color: #ff8821;}
.ggTk .tbox .sbts-b{ font-size: 18px; line-height: 70px; color: #ff8821;}
.ggTkS{ width:500px; margin:0 0 0 -250px;}

/*首页-登录*/
.inloginbg{ background:url(https://chinapenyc.edu.chinaacc.com/resources/images/nj_banner.png) no-repeat center top;}
.inlogin{ height: 500px;}
/*账号密码短息登录*/
.inlogin .login,.inlogin .smLogin,.inlogin .sdLogin,.inlogin .regbox{ width: 280px; height: 400px; padding: 0 40px; border-radius: 5px; top: 50px; right: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);}
.inlogin .login .ltit{ height: 16px; line-height: 16px; padding-top: 21px; text-align: center; font-size: 16px; margin-bottom: 9px;}
.inlogin .login .ltit li{ display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; cursor: pointer;}
.inlogin .login .ltit li.on{ color: #19aeb7;}
.inlogin .login .ltit li.xx{ border-right: 1px solid #666;}
.inlogin .login .xbot{ display: none;}
.inlogin .login .lts{ height: 38px; line-height: 38px; padding-left: 28px; font-size: 14px; color: #ff8821; background-position: 0 -3690px;}
.inlogin .login .lcbox{ clear: both; height: 40px; background: #eeeae7; border-radius: 5px; margin-bottom: 20px;}
.inlogin .login .lcbox .ltxt{ width: 35px; height: 40px; background-position: 11px -3737px;}
.inlogin .login .lcbox .ltxt2{ background-position: 11px -3788px;}
.inlogin .login .lcbox .ltxt3{ background-position: 11px -4438px;}
.inlogin .login .lcbox .mmts{ display: block; width: 230px; height: 40px; background: #eeeae7; line-height: 40px; font-size: 14px; color: #b2a9a3; top: 0; left: 35px; cursor: text;}
.inlogin .login .lcbox.mb0{ margin-bottom: 0;}
.inlogin .login .inptxt{ width: 230px; height: 40px; line-height: 40px; border: 0; background: none; font-size: 14px; color: #b2a9a3;}
.inlogin .login .inptxt190{ width: 190px;}
.inlogin .login .inptxt115{ width: 115px;}
.inlogin .login .lyzm{ clear: both; height: 40px;}
.inlogin .login .lyzm-l{ width: 190px; padding: 0 10px; background: #eeeae7; border-radius: 5px;}
.inlogin .login .lyzm-r{ display: block; width: 56px; height: 20px; margin-top: 10px; cursor: pointer;}
.inlogin .login .plyzm{ clear: both; height: 40px;}
.inlogin .login .plyzm-l{ width: 160px; background: #eeeae7; border-radius: 5px;}
.inlogin .login .plyzm-l .pltxt{ width: 35px; height: 40px; background-position: 10px -4488px;}
.inlogin .login .plyzm-r{ display: block; width: 115px; height: 40px; background: #19aeb7; text-align: center; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; border-radius: 5px;}
.inlogin .login .plyzm-r.on{ background: #c4d9db;}
.inlogin .login .ljzmm{ height: 54px;}
.inlogin .login .ljzmm .jz{ display: inline-block; line-height: 54px; padding-left: 26px; font-size: 14px; background-position: 0 -3829px; cursor: pointer;}
.inlogin .login .ljzmm .jz.on{ background-position: 0 -3879px;}
.inlogin .login .lhan{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #19aeb7; border-radius: 5px; cursor: pointer;}
.inlogin .login .lzcwj{ line-height: 52px; text-align: center; font-size: 14px;}
.inlogin .login .clan{ color: #19aeb7;}
.inlogin .login .wxfd{ display: block; width: 70px; height: 70px; top: 0; right: 0; background: url(/resources/images/wx_01.png) no-repeat; cursor: pointer;}
/*扫码登录/锁定登录*/
.inlogin .smLogin,.inlogin .sdLogin{ display: none;}
.inlogin .smLogin .sltit,.inlogin .sdLogin .sltit{ height: 58px; line-height: 58px; text-align: center; font-size: 18px; color: #19aeb7; margin-bottom: 29px;}
.inlogin .smLogin .slEwm,.inlogin .sdLogin .slEwm{ display: block; width: 185px; height: 185px; margin: 0 auto 17px;}
.inlogin .smLogin .slEwm img,.inlogin .sdLogin .slEwm img{ width: 185px; height: 185px;}
.inlogin .smLogin .slbtxt,.inlogin .sdLogin .slbtxt{ line-height: 24px; text-align: center; font-size: 14px; color: #666;}
.inlogin .smLogin .chei,.inlogin .sdLogin .chei{ color: #333;}
.inlogin .smLogin .clan,.inlogin .sdLogin .clan{ color: #19aeb7;}
.inlogin .smLogin .wxfd,.inlogin .sdLogin .wxfd{ display: block; width: 70px; height: 70px; top: 0; right: 0; background: url(/resources/images/wx_03.png) no-repeat; cursor: pointer;}
.inlogin .smLogin .smYesLogin,.inlogin .sdLogin .smYesLogin{ display: none;}
.inlogin .smLogin .smYesLogin .smYes,.inlogin .sdLogin .smYesLogin .smYes{ padding-top: 30px; margin-bottom: 28px;}
.inlogin .smLogin .smYesLogin .smYes-pic,.inlogin .sdLogin .smYesLogin .smYes-pic{ display: block; width: 64px; height: 64px; margin: 0 auto;}
.inlogin .smLogin .smYesLogin .smYes-pic.yesIcon,.inlogin .sdLogin .smYesLogin .smYes-pic.yesIcon{ background: url(http://lan.www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/wx_03.png) no-repeat;}
.inlogin .smLogin .smYesLogin .smYes-txt,.inlogin .sdLogin .smYesLogin .smYes-txt{ line-height: 84px; text-align: center; font-size: 24px;}
/*账号注册*/
.inlogin .regbox{ display: none;}
.inlogin .regbox .regcen01,.inlogin .regbox .regcen02,.inlogin .regbox .regcen03{ display: none;}
.inlogin .regbox .rFlow{ padding-top: 14px; width: 280px; height: 60px; margin: 0 auto 20px;}
.inlogin .regbox .rFlow .rfList{ float: left; display: block; width: 70px; padding-top: 28px; line-height: 32px; font-size: 14px; color: #666; text-align: center; margin-right: 35px;}
.inlogin .regbox .rFlow .rfList03{ margin-right: 0;}
.inlogin .regbox .rFlow.f01{ background: url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in_19.png) no-repeat left 14px;}
.inlogin .regbox .rFlow.f02{ background: url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in_20.png) no-repeat left 14px;}
.inlogin .regbox .rFlow.f03{ background: url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in_21.png) no-repeat left 14px;}
.inlogin .regbox .rFlow.f01 .rfList01{ color: #19aeb7;}
.inlogin .regbox .rFlow.f02 .rfList01,.inlogin .regbox .rFlow.f02 .rfList02{ color: #19aeb7;}
.inlogin .regbox .rFlow.f03 .rfList{ color: #19aeb7;}
.inlogin .regbox .lts{ line-height: 38px; padding-left: 28px; font-size: 14px; color: #ff8821; background-position: 0 -3690px;}
.inlogin .regbox .lcbox{ clear: both; height: 40px; background: #eeeae7; border-radius: 5px; margin-bottom: 20px;}
.inlogin .regbox .lcbox .ltxt{ width: 35px; height: 40px; background-position: 11px -4438px;}
.inlogin .regbox .lcbox .ltxt2{ background-position: 11px -3788px;}
.inlogin .regbox .lcbox .mmts{ display: block; width: 230px; height: 40px; background: #eeeae7; line-height: 40px; font-size: 14px; color: #b2a9a3; top: 0; left: 35px; cursor: text;}
.inlogin .regbox .lcbox.mb0{ margin-bottom: 0;}
.inlogin .regbox .inptxt{ width: 230px; height: 40px; line-height: 40px; border: 0; background: none; font-size: 14px; color: #b2a9a3;}
.inlogin .regbox .inptxt115{ width: 115px;}
.inlogin .regbox .ljzmm{ height: 54px;}
.inlogin .regbox .ljzmm .jz{ display: inline-block; line-height: 54px; padding-left: 26px; font-size: 14px; background-position: 0 -3829px; cursor: pointer;}
.inlogin .regbox .ljzmm .jz.on{ background-position: 0 -3879px;}
.inlogin .regbox .ljzmm .clan{ display: block; font-weight: 700; color: #19aeb7; line-height: 54px;}
.inlogin .regbox .plyzm{ clear: both; height: 40px; margin-bottom: 20px;}
.inlogin .regbox .plyzm-l{ width: 160px; background: #eeeae7; border-radius: 5px;}
.inlogin .regbox .plyzm-l .pltxt{ width: 35px; height: 40px; background-position: 10px -4488px;}
.inlogin .regbox .plyzm-r{ display: block; width: 115px; height: 40px; background: #19aeb7; text-align: center; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; border-radius: 5px;}
.inlogin .regbox .plyzm-r.on{ background: #c4d9db;}
.inlogin .regbox .lhan{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #19aeb7; border-radius: 5px; cursor: pointer;}
.inlogin .regbox .lzcwj{ line-height: 52px; text-align: center; font-size: 14px;}
.inlogin .regbox .lzcwj .clan{ font-weight: 700; color: #19aeb7;}
.inlogin .regbox .regYes{ padding-top: 27px;}
.inlogin .regbox .regYes-pic{ display: block; width: 64px; height: 64px; margin: 0 auto;}
.inlogin .regbox .regYes-pic.yesIcon{ background: url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/wx_03.png) no-repeat;}
.inlogin .regbox .regYes-txt{ line-height: 84px; text-align: center; font-size: 24px;}

/*首页-介绍*/
.inmain{ padding: 38px 0 50px;}
.inmain .inslideBox{ width:346px; height:700px; padding-bottom: 45px; position:relative;}
.inmain .inslideBox .hd{ width: 100%; height:14px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1; }
.inmain .inslideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; height: 14px; text-align: center;}
.inmain .inslideBox .hd li{ display: inline-block; *display: inline; *zoom: 1; margin:0 5px; width:14px; height:14px; background-position: 0 -2900px; cursor:pointer; }
.inmain .inslideBox .hd li.on{ background-position: -34px -2900px;}
.inmain .inslideBox .bd{ position:relative; height:100%; z-index:0;}
.inmain .inslideBox .bd li{ zoom:1; vertical-align:middle; }
.inmain .inslideBox .bd img{ width:346px; height:700px; display:block;}
.inmain .rbox{ width: 520px;}
.inmain .rbox .list{ height: 84px; line-height: 84px; font-size: 24px; background: #ebf8f9; margin-bottom: 20px; border-radius: 5px;}
.inmain .rbox .list .lleft{ margin-left: 40px; width: 146px; padding-left: 50px; background-position: 0 -3922px;}
.inmain .rbox .list .lleft2{ background-position: 0 -4022px;}
.inmain .rbox .list .lleft3{ background-position: 0 -4122px;}
.inmain .rbox .list .lleft4{ background-position: 0 -4222px;}
.inmain .rbox .list .lcen{ color: #666;}
.inmain .rbox .ewm-tit{ line-height: 70px; text-align: center; font-size: 18px;}
.inmain .rbox .ewm-cen{ width: 288px; height: 202px; padding-top: 45px; margin: 0 auto; background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in_10.jpg) no-repeat;}
.inmain .rbox .ewm-cen .pic{ display: block; width: 140px; height: 140px; margin:0 auto 20px;}
.inmain .rbox .ewm-cen .txt{ line-height: 42px; font-size: 24px; color: #fff; text-align: center;}

/*平台介绍-老师学生切换*/
.teastuqhbg{ background: #ebf8f9;}
.teastuqh{ height: 150px; background:url(http://www.chinaacc.com/OtherItem/images/gaoxiaoyitihua/index/in_01.png) no-repeat;}
.teastuqh ul{ padding-top: 40px; text-align: center;}
.teastuqh li{ display: inline-block; *display: inline; *zoom: 1; position: relative; width: 240px; height: 70px; text-align: center; line-height: 70px; font-size: 24px; color: #19adb7; background-position: 0 -100px; margin: 0 50px; cursor: pointer; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teastuqh li i{ display: none;}
.teastuqh li.on{ color: #fff; background-position: 0 0;}
.teastuqh li.on i{ display: block; position: absolute; width: 20px; height: 15px; top: 110px; left: 50%; margin-left: -10px; background-position: 0 -2950px;}
.inxbot{ display: none;}

/*平台介绍-老师-丰富内容*/
.teaffnr{ padding: 20px 0 30px 0;}
.teaffnr .list{ width: 180px; margin:0 93px 20px 0;}
.teaffnr .list .pic{ width: 180px; height: 180px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teaffnr .list:hover .pic{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.teaffnr .list .pic01{ background-position: 0 -200px;}
.teaffnr .list .pic02{ background-position: 0 -400px;}
.teaffnr .list .pic03{ background-position: 0 -600px;}
.teaffnr .list .pic04{ background-position: 0 -800px;}
.teaffnr .list .pic05{ background-position: 0 -1000px;}
.teaffnr .list .pic06{ background-position: 0 -1200px;}
.teaffnr .list .pic07{ background-position: 0 -1400px;}
.teaffnr .list .pic08{ background-position: 0 -1600px;}
.teaffnr .list .txt{ text-align: center; font-size: 24px; line-height: 60px; color: #666; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teaffnr .list:hover .txt{ color: #19adb7;}
.teaffnr .list.mr0{ margin-right: 0;}

/*平台介绍-老师-轻松课堂*/
.teaqskt{ padding: 20px 0 60px 0;}
.teaqskt .cbox{ margin-bottom: 50px;}
.teaqskt .cbox .list{ width: 220px; height: 130px; padding-top: 24px; background: #fff; border-radius: 5px; margin-right: 40px;}
.teaqskt .cbox .list .pic{ width: 60px; height: 60px; margin: 0 auto 20px;}
.teaqskt .cbox .list.on .pic{ -webkit-animation:bounce 0.5s 0s 1 both; animation:bounce 0.5s 0s 1 both;}
.teaqskt .cbox .list .pic01{ background-position: 8px -1800px;}
.teaqskt .cbox .list .pic02{ background-position: 8px -1950px;}
.teaqskt .cbox .list .pic03{ background-position: 0 -2091px;}
.teaqskt .cbox .list .pic04{ background-position: 3px -2250px;}
.teaqskt .cbox .list .txt{ text-align: center; color: #666; font-size: 24px; line-height: 36px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teaqskt .cbox .list.on .txt{ color: #19adb7;}
.teaqskt .cbox .list.mr0{ margin-right: 0;}
.teaqskt .btxt{ text-align: center; line-height: 40px; font-size: 24px; color: #666;}

/*平台介绍-老师-发布任务*/
.teafbrw{ padding: 20px 0 60px 0;}
.teafbrw .cbox{ margin-bottom: 30px;}
.teafbrw .cbox .list{ width: 300px; margin-right: 50px;}
.teafbrw .cbox .list .top{ height: 160px; padding-top: 40px; background: #ebf8f9; border-radius: 5px;}
.teafbrw .cbox .list .top .pic{ display: block; width: 120px; height: 120px; margin: 0 auto; background-position: 0 -2400px; -webkit-animation:flipOut 0.3s 0s 1 both; animation:flipOut 0.3s 0s 1 both;}
.teafbrw .cbox .list .bot{ line-height: 62px; text-align: center; font-size: 24px; color: #666; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teafbrw .cbox .list.on .top .pic{ -webkit-animation:flipIn 0.3s 0s 1 both; animation:flipIn 0.3s 0s 1 both;}
.teafbrw .cbox .list.on .bot{ color: #19adb7;}
.teafbrw .cbox .list02 .top{ background: #feeeee;}
.teafbrw .cbox .list02 .top .pic{ background-position: 0 -2550px;}
.teafbrw .cbox .list03{ margin-right: 0;}
.teafbrw .cbox .list03 .top{ background: #fff6df;}
.teafbrw .cbox .list03 .top .pic{ background-position: 0 -2700px;}
.teafbrw .btxt{ text-align: center; line-height: 40px; font-size: 24px; color: #666;}

/*平台介绍-老师-过程考核*/
.teagckh{ padding: 20px 0 60px 0;}
.teagckh .slideBox{ width:1000px; height:360px; position:relative; margin-bottom: 20px;}
.teagckh .slideBox .hd{ width: 100%; height:14px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1; }
.teagckh .slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; height: 14px; text-align: center;}
.teagckh .slideBox .hd li{ display: inline-block; *display: inline; *zoom: 1; margin:0 10px; width:14px; height:14px; background-position: 0 -2900px; cursor:pointer; }
.teagckh .slideBox .hd li.on{ background-position: -34px -2900px;}
.teagckh .slideBox .bd{ position:relative; height:100%; z-index:0;}
.teagckh .slideBox .bd li{ zoom:1; vertical-align:middle; }
.teagckh .slideBox .bd img{ width:1000px; height:360px; display:block;}
.teagckh .cbox{ margin-bottom: 20px;}
.teagckh .btxt{ text-align: center; line-height: 40px; font-size: 24px; color: #666;}

/*平台介绍-学生-丰富多彩*/
.stuffdc{ padding: 20px 0; background:url(/OtherItem/images/gaoxiaoyitihua/index/in_03.jpg) no-repeat left bottom;}
.stuffdc .tbox{ padding-left: 400px;}
.stuffdc .tbox .tlist{ height: 24px; line-height: 24px; padding-left: 30px; font-size: 24px; color: #666; margin-bottom: 30px; background-position: 0 -2993px;}
.stuffdc .cbox{ padding-left: 400px;}
.stuffdc .cbox .list{ width: 260px; height: 130px; padding-top: 24px; background: #ebf8f9; border-radius: 5px; margin:0 80px 40px 0;}
.stuffdc .cbox .list .pic{ width: 60px; height: 60px; margin: 0 auto 20px;}
.stuffdc .cbox .list.on .pic{ -webkit-animation:bounce 0.5s 0s 1 both; animation:bounce 0.5s 0s 1 both;}
.stuffdc .cbox .list .pic01{ background-position: 8px -1800px;}
.stuffdc .cbox .list .pic02{ background-position: 8px -1950px;}
.stuffdc .cbox .list .pic03{ background-position: 0 -2091px;}
.stuffdc .cbox .list .pic04{ background-position: 3px -2250px;}
.stuffdc .cbox .list .txt{ text-align: center; color: #666; font-size: 24px; line-height: 36px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.stuffdc .cbox .list.on .txt{ color: #19adb7;}
.stuffdc .cbox .list.mr0{ margin-right: 0;}

/*平台介绍-学生-课后学习*/
.stukhxx{ padding: 20px 0 100px 0; background:url(/OtherItem/images/gaoxiaoyitihua/index/in_04.jpg) no-repeat left bottom;}
.stukhxx .tbox{ padding-left: 400px; margin-bottom: 50px;}
.stukhxx .tbox .tlist{ height: 24px; line-height: 24px; padding-left: 30px; font-size: 24px; color: #666; margin-bottom: 30px; background-position: 0 -2993px;}
.stukhxx .cbox{ padding-left: 400px;}
.stukhxx .cbox .clist{ width: 180px; margin:0 30px 0 0;}
.stukhxx .cbox .clist .pic{ width: 180px; height: 180px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.stukhxx .cbox .clist:hover .pic{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.stukhxx .cbox .clist .pic01{ background-position: 0 -3050px;}
.stukhxx .cbox .clist .pic02{ background-position: 0 -3250px;}
.stukhxx .cbox .clist .pic03{ background-position: 0 -3450px;}
.stukhxx .cbox .clist .txt{ text-align: center; font-size: 24px; line-height: 60px; color: #666; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.stukhxx .cbox .clist:hover .txt{ color: #19adb7;}
.stukhxx .cbox .clist.mr0{ margin-right: 0;}

/*平台介绍-学生-视频资源*/
.stuspzy{ padding: 20px 0 60px 0;}
.stuspzy .cbox{ margin-bottom: 50px;}
.stuspzy .cbox .left{ width: 480px;}
.stuspzy .cbox .left .pic{ overflow: hidden; width: 480px; height: 280px; border-radius: 5px;}
.stuspzy .cbox .left .pic img{ width: 480px; height: 280px; transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.stuspzy .cbox .left .pic img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.stuspzy .cbox .left .txt{ height: 84px; padding: 10px 0; line-height: 42px; font-size: 24px;}
.stuspzy .cbox .left .txt .clan{ color: #19adb7;}
.stuspzy .cbox .left .han{ display: block; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; background: #19aeb7; border-radius: 5px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.stuspzy .cbox .left .han:hover{ text-decoration: none; opacity: 0.9;}
.stuspzy .cbox .left .hanhui{ display: block; height: 60px; line-height: 60px; text-align: center; font-size: 24px; background: #ccc; color: #fff; border-radius: 5px;}
.stuspzy .btxt{ text-align: center; line-height: 40px; font-size: 24px; color: #666;}

/*平台介绍-学生-有问必答*/
.stuywbd{ padding: 20px 0 60px 0;}
.stuywbd .cbox{ text-align: center; margin-bottom: 50px;}
.stuywbd .btxt{ text-align: center; line-height: 40px; font-size: 24px; color: #666;}

/*找回密码*/
.inzhmmbg{ border-top: 1px solid #dfe6e6;}
.inzhmm{ padding: 32px 98px 0; color: #455a65;}
.inzhmm a{ color: #455a65;}
.inzhmm .ztit{ line-height: 80px; font-size: 24px;}
.inzhmm .zlc{ width: 804px; height: 50px; line-height: 50px; font-size: 18px; background:url(/OtherItem/images/gaoxiaoyitihua/index/in_13.png) no-repeat; margin-bottom: 60px;}
.inzhmm .zlc .l01{ display: block; width: 182px; padding-left: 96px;}
.inzhmm .zlc .l02{ display: block; width: 167px; padding-left: 96px;}
.inzhmm .zlc .l03{ display: block; width: 167px; padding-left: 96px;}
.inzhmm .zlc .on{ color: #fff;}
.inzhmm .zlc2{ background:url(/OtherItem/images/gaoxiaoyitihua/index/in_14.png) no-repeat;}
.inzhmm .zlc3{ background:url(/OtherItem/images/gaoxiaoyitihua/index/in_15.png) no-repeat;}
.inzhmm .bdcen{ margin-bottom: 20px; clear: both; font-size: 14px;}
.inzhmm .bdcen .ltxt300{ width: 292px; line-height: 38px; text-align: right; padding-right: 8px;}
.inzhmm .bdcen .inptxt{ width: 228px; height: 36px; border: 1px solid #dfe6e6; border-radius: 3px; padding: 0 10px; line-height: 36px; font-size: 14px; color: #455a65; margin-right: 10px;}
.inzhmm .bdcen .inptxt100{ width: 78px;}
.inzhmm .bdcen .inptxt.on{ border: 1px solid #ff8821;}
.inzhmm .bdcen .rtxt{ line-height: 38px; padding-left: 28px; font-size: 14px; color: #ff8821; background-position: 0 -3690px;}
.inzhmm .bdcen .ryzm{ height: 20px; padding-top: 9px;}
.inzhmm .bdcen .ryzm img{ display: inline-block; width: 56px; height: 20px; cursor: pointer; margin-right: 10px; vertical-align: middle;}
.inzhmm .bdcen .ryzm-txt{ line-height: 20px; font-size: 14px; color: #19adb7; vertical-align: middle;}
.inzhmm .bdcen .ryzmhan{ display: block; width: 140px; height: 38px; line-height: 38px; font-size: 14px; text-align: center; color: #92a0a1; background: #dfe6e6; border-radius: 3px; cursor: pointer;}
.inzhmm .bdcen .raqx{ overflow: hidden; width: 252px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; border-radius: 3px;}
.inzhmm .bdcen .raqx span{ display: block; float: left; width: 84px; height: 38px;}
.inzhmm .bdcen .raqx .r{ background: #ef9292;}
.inzhmm .bdcen .raqx .r.on{ background: #eb0303;}
.inzhmm .bdcen .raqx .z{ background: #f5b57d;}
.inzhmm .bdcen .raqx .z.on{ background: #f47201;}
.inzhmm .bdcen .raqx .q{ background: #80c4c9;}
.inzhmm .bdcen .raqx .q.on{ background: #19adb7;}
.inzhmm .bdhan{ padding: 0 0 30px; height: 38px; text-align: center;}
.inzhmm .bdhan .han{ float: left; margin-left: 300px; display: block; width: 250px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #ff8821; border-radius: 3px;}
.inzhmm .bdhan .han:hover{ text-decoration: none; opacity: 0.9;}
.inzhmm .zdm{ font-size: 14px; line-height: 14px; text-align: center; color: #92a0a1; margin-bottom: 20px;}
.inzhmm .zts{ line-height: 24px; padding-left: 300px; font-size: 14px;}
.inzhmm .zts em{ color: #ff8821;}
.inzhmm .zcg{ padding-top: 20px;}
.inzhmm .zcg .pic{ width: 50px; height: 50px; background-position: 0 -4350px; margin: 0 auto;}
.inzhmm .zcg .txt{ text-align: center; line-height: 58px; font-size: 18px;}
.inzhmm .zcg .txt a{ color: #19adb7; text-decoration: underline;}

/*关于我们*/
.tutorial{ border:1px solid #e6e6e6; padding:20px 10px; background:#fff; margin-bottom: 20px;}
.tutorial .tit{font-size: 20px;text-align: center;font-weight: bold;}
.tutorial .box{margin-top: 42px;}
.tutorial .box p{font-size: 18px;line-height: 36px;text-indent: 40px;}
.tutorial .box .pic{width: 581px;height: 387px;margin: 0 auto;padding-top: 32px;}
.tutorial .box .pic img{width: 581px;height: 387px;}
.tutorial .box .con{margin-top: 32px;}

/*404报错页面*/
.tutorial .error{width: 410px;margin: 138px auto;}
.tutorial .error h2{font-size: 26px;color: #1e1e1e;}
.tutorial .error h2 span{font-size: 48px;color: #0066ff;padding-right: 40px;}
.tutorial .error ul{margin-top: 80px;}
.tutorial .error ul li{font-size: 20px;color: #1e1e1e;line-height: 48px;}
.tutorial .error ul li i{padding-right: 15px;}
.tutorial .error ul .yixia{margin-top: 30px;}
.tutorial .error ul li a{color: #0066ff;}

/*微信绑定*/
.wxbdbg{ border-top: 1px solid #dfe6e6;}
.wxbd{ padding: 80px 200px 0;}
.wxbd .wtbox{ height: 90px; margin-bottom: 40px;}
.wxbd .wtbox-pic{ width: 90px; height: 90px;}
.wxbd .wtbox-pic img{ width: 90px; height: 90px; border-radius: 50%;}
.wxbd .wtbox-txt{ width: 490px; padding-top: 9px;}
.wxbd .wtbox-txt-t{ line-height: 38px; font-size: 24px;}
.wxbd .wtbox-txt-t em{ color: #19adb7;}
.wxbd .wtbox-txt-b{ line-height: 38px; font-size: 14px; color: #666;}
.wxbd .bdcen{ margin-bottom: 20px; clear: both; font-size: 14px;}
.wxbd .bdcen .ltxt190{ width: 182px; line-height: 38px; text-align: right; padding-right: 8px;}
.wxbd .bdcen .inptxt{ width: 228px; height: 36px; border: 1px solid #dfe6e6; border-radius: 3px; padding: 0 10px; line-height: 36px; font-size: 14px; color: #455a65; margin-right: 10px;}
.wxbd .bdcen .inptxt100{ width: 78px;}
.wxbd .bdcen .inptxt.on{ border: 1px solid #ff8821;}
.wxbd .bdcen .ryzm{ height: 20px; padding-top: 9px;}
.wxbd .bdcen .ryzm img{ display: inline-block; width: 56px; height: 20px; cursor: pointer; margin-right: 10px; vertical-align: middle;}
.wxbd .bdcen .ryzm-txt{ line-height: 20px; font-size: 14px; color: #19adb7; vertical-align: middle;}
.wxbd .bdcen .ryzmhan{ display: block; width: 140px; height: 38px; line-height: 38px; font-size: 14px; text-align: center; color: #fff; background: #19aeb7; border-radius: 3px; cursor: pointer;}
.wxbd .bdhan{ padding: 0 0 30px; height: 38px; text-align: center;}
.wxbd .bdhan .han{ float: left; margin-left: 190px; display: block; width: 250px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #ff8821; border-radius: 3px;}
.wxbd .bdhan .han:hover{ text-decoration: none; opacity: 0.9;}

/*服务条款*/
.fwtkbg{ border-top: 1px solid #dfe6e6; padding: 40px 0;}
.fwtk{ border-top: 6px solid #19aeb7; background: #f7ffff; padding: 14px 0;}
.fwtk .ftit{ line-height: 96px; text-align: center; font-size: 24px;}
.fwtk .fsubtit{ line-height: 46px; font-size: 18px; font-weight: 700; margin: 0 30px;}
.fwtk .ftxt{ line-height: 24px; font-size: 14px; margin: 0 30px 14px;}




@-webkit-keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flipIn {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipIn;
    animation-name: flipIn;
}

@-webkit-keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes flipOut {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.animated.flipOut {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipOut;
    animation-name: flipOut;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}