@charset "utf-8";
/* 
* @Author: liangxuelian
* @Date:   2016-10-31 15:41:49
* @Last Modified by:   zsgen
* @Last Modified time: 2018-09-26 12:04:50
*/
body{background:#f5f5f5;}

/*标题栏*/

/*棣栭〉瀛︽牎鑺傜偣寮�濮�**********************************/
.school{min-height: 700px; }
.school .inner{}
.schoolIn{height:625px; }
.schoolList{width:220px; height:55px; margin:10px 4px 0; padding:5px;  float:left; display:block; border:1px #bababa solid;}
.schoolList:hover{box-shadow:0 0 5px #2a5889;}
.schoolList img{width:220px; height:55px;}


/*个人主页做题反馈*/
.feedback_list{height: 155px;background-color: #f6f7f8;}
.feedback_list ul li img{margin-top: 5px;}
.feedback_list a.look{width:auto;color:#418bca;float: right;text-decoration: underline;display:inline; font-size: 14px;margin-top: -2px;}

/*单个做题反馈*/
.personal_feedback{}
.personal_feedback h4{font-size: 14px;}
.personal_feedback .sp1{text-decoration: underline;cursor:pointer;}
.personal_feedback .sp2{color:#418bca;}
.personal_feedback .total{font-size: 16px;padding: 10px 0;}
.personal_feedback ul{width: 100%;height: 40px;line-height: 40px;min-height:40px;font-size: 14px;text-align: center;}
.personal_feedback ul:nth-child(even){background-color:#f6f7f8;}
.personal_feedback ul:nth-child(odd){background-color:#e6e9eb;}
.personal_feedback ul.result_head{height: 30px;line-height: 30px;min-height:30px;background-color: #418bca;color:white;}
.personal_feedback ul li{float: left;padding: 0 1%;border-right: 1px solid white;}
.personal_feedback ul li:nth-child(1){width: 8%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.personal_feedback ul li:nth-child(2){width: 28%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.personal_feedback ul li:nth-child(3){width: 28%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.personal_feedback ul li:nth-child(4){width: 8%;}
.personal_feedback ul li:nth-child(5){width: 8%;}
.personal_feedback ul li:nth-child(6){width: 7%;border-right:none;}

/*个人中心开始*/
.personal, .personalIn{margin-top:20px; min-height: 600px;}
.personalIn{position:relative; }
.personalInto{display:none;}
.means{background:#fff; padding:20px; position:relative;}
.perHead{width:96px; height:96px; float:left; border-radius:50px; border:2px solid #418bca; overflow:hidden;}
.perHead img{width:96px; height:96px; margin:0 auto;}
.meansIn{width:840px; margin-left:20px; float:left;}
.meansIn h3{width:100%; height:40px; line-height:40px; font-size:20px; margin-top:10px;}
.meansIn p{}
.meansIn i{margin-right:15px;}
.information{/*border-top:1px solid #bababa;*/}
.information span{width:80px; height:30px; line-height:30px; float:left;position:relative; color:#418bca; cursor:pointer;}
.information span i{width:0; height:0; margin-top:14px; margin-left:4px; position:absolute; top:0; right:4px; border-color:#000 transparent transparent transparent; border-width:3px; border-style:solid dashed dashed dashed;  overflow:hidden;}
.information span i.on{-webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
        transform:rotate(180deg); right:30px; top:-4px;}
.information div{width:100%; float:left; display:none;}
.information div.show{display:block;}
.information div dl{width:50%; float:left; line-height:20px; margin-bottom:10px;}
.information div dl dt{width:15%; float:left;}
.information div dl dd{width:85%; float:left;}
.personSet{width:90px; height:24px; position:absolute; top:15px; right:15px;}
.passWordSet{width:90px; height:24px; position:absolute; top:55px; right:15px;}
.accountSet{width:90px; height:24px; position:absolute; top:95px; right:15px;}
.personQuit{display:none; position:absolute; top:15px; left:15px;}
.personQuit.show{width:30px; height:30px; display:block;}
.personQuit img{width:30px; height:30px;}

.perToMatch{color: #a6a6a6; margin-left:5px;}
.perToMatch a{color: #418bca;}
.perToMatch a.on{color: #a6a6a6;}

.personMod{background:#fff; display:none; margin-top:20px;}
.personMod dl{width:96%; float:left; margin:5px 2%;}
.personMod dt{width:85px; line-height:30px; float:left; text-align:right; margin-right:20px; font-size:14px;}
.personMod dd{float:left;}
.personMod dd .emailName{float:left;}
.personMod dd a{float:left; font-size:14px;}
.eBinding{float:left; color:#418bca; margin-left:10px;}
.QQWX{height:30px; font-size:14px; line-height:40px; margin:10px 0;}
.QQWX li{float:left; line-height: ;}
.QQWX li img{margin-right:5px;}
.QQWX li img,.QQWX li p{float:left;}
.QQWX li p{line-height:30px;}
.QQWXbtn a{color:#418bca; line-height:30px; margin-left:20px; margin-right:50px;}
.personMod dd i{color:red; margin:0 3px 0 5px;}
.myerror{color:red;}
.error{color:red;}
.personMod dd textarea{width:500px; height:130px; padding:10px; border:1px solid #bababa; font-size:13px;}
.personMod dd input[type="text"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.personMod dd input[type="password"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.personMod dd input.text{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.personMod dd input.short{width:310px;}
.personMod dd input{float:left;}
#hearderImageDiv img{width:100px; height:100px;}
.personBox .close{width:37px; height:37px; position:absolute; top:-16px; right:-20px;}
.personMod h5{height:45px; width:100%; background:#418bca; margin-bottom:20px;}
.personMod h5 span{line-height:45px; margin-left:20px; font-size:16px; color:#fff;}
.personMod .btnS{margin-right:10px; margin-top:10px; cursor:pointer;font-size: 14px;}
#personfinish{display:block;margin:10px auto; cursor:pointer;}


.passWordMod{background:#fff; margin-top:20px; display:none;}
.passWordMod dl{width:94%; float:left; margin:5px 3%;}
.passWordMod dt{width:90px; line-height:30px; float:left; text-align:right; margin-right:20px; font-size:14px;}
.passWordMod dd{float:left;}
.passWordMod dd i{color:red; margin:0 3px 0 5px;}
.myerror{color:red;}
.error{color:red;}
.passWordMod dd textarea{width:500px; height:130px; padding:10px; border:1px solid #bababa; font-size:13px;}
.passWordMod dd input{float:left;}
.passWordMod dd input[type="text"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.passWordMod dd input[type="password"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.passWordMod dd input.text{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.passWordMod dd input.short{width:310px;}
#hearderImageDiv img{width:100px; height:100px;}
.passWordBox .close{width:37px; height:37px; position:absolute; top:-16px; right:-20px;}
.passWordMod h5{height:45px; width:100%; background:#418bca; margin-bottom:20px;}
.passWordMod h5 span{line-height:45px; margin-left:20px; font-size:16px; color:#fff;}
.passWordMod .btnS{margin-right:10px; margin-top:10px; cursor:pointer;font-size: 14px;}
.passWordMod #passWordfinish{margin:10px auto 0; display:block; cursor:pointer;}


.emailMod{display:none;}
.emailMod{background:#fff; margin-top:20px; display:none;}
.emailMod dl{width:94%; float:left; margin:5px 3%;}
.emailMod dt{width:56px; line-height:30px; float:left; text-align:right; font-size:14px;}
.emailMod dd{width:390px;float:left;}
.emailMod dd i{color:red; margin:0 3px 0 5px;}
.emailMod dd textarea{width:500px; height:130px; padding:10px; border:1px solid #bababa; font-size:13px;}
.emailMod dd input{float:left;}
.emailMod dd input[type="text"]{width:300px;height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.emailMod dd input.short{width:210px;}
.emailMod #emailfinish{margin:10px auto 0; display:block; cursor:pointer;}
.emailMod .hint-s{margin-left:50px;}



.accountBox{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:999; display:none;}
.accountBox.show{display:block;}
.accountMod{width:640px; height:270px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-238px;}
.accountMod dl{width:90%; float:left; margin:5px 5%;}
.accountMod dt{width:115px; line-height:30px; float:left; text-align:right; margin-right:20px; font-size:14px;}
.accountMod dd{float:left;}
.accountMod dd i{color:red; margin:0 3px 0 5px;}
.myerror{color:red;}
.error{color:red;}
.accountMod dd textarea{width:500px; height:130px; padding:10px; border:1px solid #bababa; font-size:13px;}
.accountMod dd input[type="text"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.accountMod dd input[type="password"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.accountMod dd input.text{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.accountMod dd input.short{width:310px;}
#hearderImageDiv img{width:100px; height:100px;}
.accountBox .close{width:37px; height:37px; position:absolute; top:-16px; right:-20px;}
.accountMod h5{height:45px; width:100%; background:#418bca; margin-bottom:20px;}
.accountMod h5 span{line-height:45px; margin-left:20px; font-size:16px; color:#fff;}
.accountMod .btnS{margin-right:10px; margin-top:10px; cursor:pointer;font-size: 14px;}
.accountMod .gray{margin-left:175px;}


/*参赛资源*/
.personalIntoIn{margin-top:20px;}
.toMatchHead{width:100%; font-size:14px; height:40px; line-height:40px; min-height: 40px; background:#418bca;}
.toMatchHead li{border-right:1px solid white; float:left; padding:0 1%; color:#fff; }
.toMatch ul li{float:left; width:260px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.toMatch ul li.toMatchHeadL{width:310px;}
.toMatch ul li.toMatchHeadS{width:57px;}
.toMatch ul li.toMatchHeadM{width:97px;border:none;}
.toMatchInto{width:100%;height:38px; font-size:14px; background:#eff3f6; color:#000;}
.toMatchInto li{float:left; line-height:38px; padding:0 1%;border-right:1px solid white;}
.toMatchInto:nth-child(2n){ background:#dae0e5;}
.toMatcDel{color:#f00; margin-left:10px;text-decoration:underline;}
.toMatcOff{text-decoration:underline;}



/*参赛*/.competitionBox{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:999; display:none;}
.competitionBox.show{display:block;}
.competitionMod{width:900px; height:545px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-450px; margin-top:-300px;}
.competitionMod .hide{color:#ff7c52; font-size:16px; margin-left:30px;}
.competitionMod dl{width:46%; float:left; margin:6px 0; position:relative;}
.competitionMod dl.long{height:75px;}
.competitionMod dl.Mtr20px{margin-right:20px;}
.competitionMod dl.cotitle{width:100%;}
.competitionMod dt{width:89px; line-height:30px; float:left; text-align:right; margin-right:20px; font-size:14px;}
.competitionMod dd{float:left; position:relative;}
.competitionMod dd i{color:red; margin:0 3px 0 5px;}
.myerror{color:red;}
.error{color:red;}
.competitionMod dd textarea{width:500px; height:130px; padding:10px; border:1px solid #bababa; font-size:13px;}
.competitionMod dd input[type="text"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.competitionMod dd input[type="password"]{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.competitionMod dd input.text{height:30px; line-height:30px; border:1px solid #bababa; padding:0 10px;}
.competitionMod dd input.short{width:160px;}
#hearderImageDiv img{width:100px; height:100px;}
.competitionBox .close{width:37px; height:37px; position:absolute; top:-16px; right:-20px;}
.competitionMod h5{height:45px; width:100%; background:#418bca; margin-bottom:20px;}
.competitionMod h5 span{line-height:45px; margin-left:20px; font-size:16px; color:#fff;}
.competitionMod .btnS{margin-right:10px; margin-top:10px; cursor:pointer;font-size: 14px;}
.competitionMod .gray{margin-left:350px;}


.competitionInto{display:none;}
.competitionInto.show{display:block;}

.competitionMod .comtitle label{font-size:14px; font-weight:700; line-height:40px;}

.competitionMod .regionRe{width:280px;}
.competitionMod .regionRe .regionIn p{width:auto;}
.competitionMod .hintError{width:280px; left:0; bottom:-45px;}
.competitionMod .comSchool .hintError{float:left; position:static; width:195px; height:20px; display:none;}
.competitionMod .comSchool label{float:left; line-height:36px;}
.competitionMod .comSchool .hintError p{line-height:20px; width:180px;}
.competitionMod .comSchool .hintError i{float: left; margin: 5px 3px 0 0px;}
.competitionMod .conAdd input[type="text"]{width:300px; height:40px; line-height:40px;}
.competInput{width:100%; height:50px; float:left; margin-top:20px;}
#competitionFinish, #competitionOff{display:block; float:left;}
.comError{border-color:red !important;}


.competitionBox .competitionListMod{width:800px; height:400px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-200px; overflow-y:scroll; display:none;}
.competitionListMod.show{display:block;}
.competitionListMod h5{height:45px; width:100%; background:#418bca; margin-bottom:20px;}
.competitionListMod h5 span{line-height:45px; margin-left:20px; font-size:16px; color:#fff;}
.competitionListMod .competitionList{width:728px; height:120px; padding:10px; margin:10px auto; border:1px solid #bababa; position:relative;}
.competitionListMod .competitionList img{width:148px; height:118px; float:left; margin-right:10px; border:1px solid #bababa;}
.competitionListMod .competitionList h4{width:568px; float:left; font-size:14px;}
.competitionListMod .competitionList p{width:568px; float:left; color:#a6a6a6;}
.competitionListMod .competitionList .matchOn{width:80px; height:30px; line-height:30px; color:#fff; text-align:center; background:#418bca; display:block; position:absolute; bottom:10px; left:170px;}






/*个人中心知元共享开始**********************************/
.layui-tab-card > .layui-tab-title .layui-this::after{border-left-color:#bababa;border-right-color:#bababa;}
.inpersonal .title span,.inpersonal .title p{background:#f6f7f8;}
.personalIn{height:auto; padding:50px 19px 0px; background:#fff; border:1px solid #bababa;}
.personalIn .layui-tab-content{padding:0px;}
.personalInt{width:100%; height:625px;}
.personalInList{width:160px; height:175px; float:left; position:relative; margin:10px 8px 0px 0px; padding:10px; border:1px #bababa solid; background:#fff;}
/*.personalInList:hover{box-shadow:0 0 5px #2a5889; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}} */
/*.personalInList:first-child{margin-left:0;}*/
.personalFilter{margin-top:3px;}
.personalThumbnail{width:160px; height:100px; margin:0 auto;}
.personalThumbnail img{margin:0 auto; width:100%; height:100%;}
.personalIntro{width:100%;} 
.personalIntro a{width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.personalIntro a:hover{text-decoration:underline;}
.personalIntro p{width:100%; height:28px; line-height:28px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*.personalIntro a:hover{text-decoration:underline;}*/
.personalIntro p i{width:14px; height:28px; display:block; padding-right:10px; background:url(../images/person.png) no-repeat center; float:left;}
.personalIntro p span{float:left; color:#a6a6a6;}
.personalIntro ul li{width:60%; float:right;}
.personalIntro ul li:first-child{width:40%; float:left;}
.personalIntro ul li img{float:left; margin-top:7px;}
.personalIntro ul li span{float:left; color:#a6a6a6;margin-left: 5px;}
.personalIntro ol{width:100%;overflow:hidden;}
.personalIntro ol li{float:left; }
.personalIntro ol li a{text-decoration:underline; color:#418bca; font-size:14px;}
.personalIntro ol li a:hover{text-shadow:0 1px 1px #bababa;}
.personalIntro ol li.perCompile {margin-right:6px;}
.personalIntro ol li.perRelease {}
.personalIntro ol li.perRelease{float:right;}
.personalIntro ol li.perDel a{color:red;}
.personalIntro ol li.perCompile a{color:#418bca;}
.personalIntro ol li.perRelease a{color:#418bca;margin-left:5px;}
.personalIntro ol li.perRelease a.no{color:#a6a6a6; cursor:default; text-decoration:none;}
.personalIntro ol li.perRelease a.no:hover{text-shadow:none;}
span.publish{width:55px; height:25px; line-height:25px; display:block; text-align:center; position:absolute; top:0; right:0; color:#fff; border-bottom-left-radius:6px;}
.personalInList.yes{border-color:#418bca;}
.personalInList.no{border-color:#bababa;}
.personalInList.yes span.publish{background:#418bca;}
.personalInList.no span.publish{background:#bababa;}

.personalTitle{width:100%; height:40px; margin-bottom:20px;  position:absolute; top:-1px; left:-1px; border:1px solid #bababa; background:#ebebeb;}
.personalTitle ol{width:100%; height:60px; line-height:60px; }
.personalTitle ol li{height:60px; line-height:60px; font-size:14px;  display:inline; cursor:pointer;}
.personalTitle ol li a{height:60px; line-height:60px; font-size:16px;}
.personalTitle ol li.on{font-weight:700; border-left:1px solid #bababa; border-right:1px solid #bababa;  background:#fff; border-top:3px solid #418bca; margin-left:-1px; cursor:default;}
.classIntro a.collect{width:auto; color:#418bca; float:right; text-decoration:underline; display:inline;}



/*新闻详情页*/
.detailsIn{width:958px; padding:40px 20px 20px; position:relative; background:#fff;min-height: 700px;}
.detailsIn.into{margin:0;}
.detailsIn h2{text-align: center; height:40px; padding-left:20px; line-height:40px; border-bottom:1px solid #bababa; font-size:20px;}
.detailsIn h2 p{width:785px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.detailsInto{padding: 0 20px;}
.detailsInto p{line-height:20px; text-indent:2em; margin-bottom:20px;}
.detailsInto img{max-width:800px; margin:20px auto;}
.detailsIn .bdsharebuttonbox{width:140px;height:40px; position:absolute; top:25px; right:10px; z-index:5;}
.detailsIn .bdsharebuttonbox a{display:block; float:left;}
.detailsIn .bdsharebuttonbox span{width:24px; height:24px; display:block; float:left; background:url(../images/fx.jpg) no-repeat center; margin: 6px 6px 6px 0;}
.detailsBack{padding:20px 0;}
.detailsBack a{float:right; font-size:14px; color:#999999;}
.detailsBack a:hover{color:#418bca;}
.detailPages{padding:15px 20px 20px;}
.detailPages a{font-size:14px;}
.detailPages a span{float:left;}
.detailPages a p{width:300px;float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#999999;}
.detailPages a:hover p{color:#418bca;}
.detailPages a.detailsPrev{float:left;}
.detailPages a.detailsNext{float:right;}



/*新闻列表*/
.massage{width:100%;min-height: 300px;}
.massage .inner{width:960px; padding:0 20px; background:#fff;}
.massage .inner li{webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.massage .inner li{padding:0 5px;height:50px; line-height:50px; border-bottom:1px dashed #bababa; text-align:right;}
.massage .inner li:hover{box-shadow:1px 1px 3px #a8cdf5; padding-left:15px;}
.massage .inner h3{width:90%;text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.massage .inner ul span{width:10%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}


/*注册页面*/
.register{width:100%;}
.registerInto{width:1000px; margin:60px auto; background:#fff; padding-bottom:20px;}
.registerTitle{width:100%; height:50px;}
/*.registerInto dl{width:94%; float:left; margin:0 3%; position:relative; padding-bottom:43px;}*/
.registerInto dt{width:90px; line-height:30px; float:left; text-align:right; font-size:14px;}
.registerInto dt label{line-height:30px;}
/*.registerInto dd{float:left;}*/
.registerInto dd input{width:410px; height:30px; line-height:30px; float:left;}
.registerInto dd label{float:left; line-height:30px; margin-left:5px; cursor:pointer;}
.registerInto dd label i{margin-right:2px;}
.registerBtn{width:90px; margin:0 auto;}
.registerInto dl #regionMgr{width:100%;}
.registerInto dl select{width:90px; float:left; margin-top:0; height:30px; margin-right:6px;}
.registerInto dl #street{display:none;}
.registerInto dl #schoolName{margin-right:0;}
.getSchoolName{width:90%;}
.getSchoolName label{height:30px; line-height:30px; text-align:center; padding:0 20px; font-size:14px; color:#fff; border-radius:20px; background:#418bca;}




/*学校选择*/
.vitiligoInto{margin:20px; display:none;}
.vitiligoInto .Cschool{width:600px; margin:10px 20px 0; float:left;}
.vitiligoInto .Cschool dt,.vitiligoInto .Cschool dd{float:left; line-height:16px;}
.vitiligoInto .Cschool dd{font-size:16px; color:#418bca; font-weight:700;}
.vitiligoInto .schoolP{width:680px; float:left; padding:0 0 20px; border-bottom:1px solid #e6e9eb; margin:0 20px 20px; color:#f00;}
.vitiligoInto h3{font-size:14px; line-height:40px; float: left; margin:0 5px 0 20px;}
.vitiligoInto #classCatalog{width:260px; height:38px;margin-left:-1px; margin-top:1px;}
.vitiligoInto .catalogList{    background: #f6f7f8 none repeat scroll 0 0;
    display: block;
    float: left;
    margin-top: 10px;
    position: static;
    width: 600px;}
.schoolOn{width:90px !important; height:30px; line-height:30px; margin:10px 0 0 315px; text-align:center; float:left; border-radius:4px; color:#fff; background:#418bca; cursor:pointer;}
.CschoolSel{float:left;}
.CschoolSel .layui-unselect{width:120px; float:left;}
.catalogList p:hover{background:#ccc;cursor:pointer;}
.catalogList{position: absolute;background: #fff;width: 220px;height: 210px;left: 367px;z-index: 2;top: 80px; border:1px solid #ccc;overflow-y:scroll;padding:5px;display:none;margin-top: -1px;}
/*课题信息*/
.unitInfo{width:100%;}
.unitInfo .inner{width:960px; padding:0 20px 20px; background:#fff;}
.unitInfo dl{width:100%; height:auto; margin-top:20px; overflow-y:hidden;}
.InfoTitle{width:90px; float:left; color:#418bca; font-size:16px; text-align:right;}
.InfoName{width:800px; float:left;}
.InfoDetails{width:100%; float:left; text-indent:2em; display:inline; background:none; margin-top:10px;}


/*课题节点*/
.unit{min-height: 700px;}
.unit .inner{width:960px; padding:0 20px; background:#fff;}
.unitINto{width:100%;}
.unitNodeIn{width:98%;}
.unitNodeIn a{width:100%; padding:0 5px; height:50px; line-height:50px; border-bottom:1px dashed #bababa; display:block; }
.unitNodeIn a:hover{box-shadow:1px 1px 3px #a8cdf5; padding-left:15px;}
.unitNodeIn a p{width:35%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.unitNodeIn a span.xzImg img.meeting{height:28px; display:inline; height:28px; margin-bottom:-6px;}
.unitNodeIn a span.xz{width: 12%; padding-left:3%;}
.unitNodeIn a span{width:17%; height:50px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.unitNodeIn a span.xzImg{width:15%; float:left; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.unitNodeIn a span.num{text-overflow:ellipsis; text-align:left;}
#certificate{width:870px; height:1100px; margin:40px auto 0; position:relative;font-family: "simsun";}
#certificate h2{font-size:21px; left:120px; position:absolute; top:386px;}
#certificate .certificateIn{font-size:21px; left:120px; line-height:45px; position:absolute; text-indent:2em; top:420px; width:630px;}


.unitTitle{width:100%;}
.unitTitle ul{width:98%; height:40px; line-height:40px; padding:0 1%; background:#bababa; font-size:14px;}
.unitTitle ul li.dt{width:35%; height:40px; float:left;}
.unitTitle ul li.dd{width:17%; height:40px; float:left;}
.unitTitle ul li.xz{width:15%; float:left;}


/*优秀案例*/
.excIn{height:950px;}
.excINto{margin-bottom:20px;}
.exc .inner{background:#fff;}

/*关于课题*/
.about .inner{width:960px; background:#fff; padding: 0 20px;}
.aboutIn{font-size:14px; line-height:25px; padding-bottom:30px;}
.aboutIn h2{margin:40px 0 20px; font-size:20px; font-weight:700; color:#000; text-align:center;}
.aboutIn p{text-indent:2em; margin:5px 0;}
.aboutIn h3{font-size:16px; font-weight:700; margin:15px 0 0 0; color:#418BCA;}
.aboutIn ul{margin:10px 0;}
.aboutIn li{text-indent:4em; font-size:14px; line-height:30px;}
/*.aboutIn li{}*/

/*研发支撑*/
.support a{float:left; margin-right:7px;}


/*支撑研发*/
.trainHead{width:100%; height:220px; margin-top:35px; background:url(../images/train.jpg) no-repeat center;}
.train{width:100%; margin-bottom:20px;min-height: 700px;}
.train .inner{}
.train ol{width:170px; height:175px; padding:10px; margin-right:20px; float:left; background:#fff;}
.train ol li{width:100%; height:50px; line-height:50px; background:#f5f5f5; margin-bottom:10px; text-align:center; font-size:14px; cursor:pointer;}
.train ol li.on{background:#418bca; color:#fff;}
.train .trainIn{width:750px; float:left; padding:0 20px 0 20px; background:#fff; position:relative;}
.train .trainIn .crumbs{height:35px; line-height:35px; border-bottom:1px solid #f5f5f5; color:#a6a6a6;}
.train .trainIn .crumbs i{width:16px; height:14px; display:block; background:url(../images/crumbs.jpg) center no-repeat; float:left; margin:10px 3px 0 0 ;}
.train .trainIn .crumbs p{float:right;}
.train .trainIn .crumbs p:first-child{float:left;}
.train .trainIn .crumbs p a{color:#a6a6a6;}
.train .trainIn .crumbs p em{margin:0 3px;}
.train .trainIn .crumbs p a.on{color:#418bca;}
.train .trainIn .crumbs p a.name{cursor:default;}

.train .trainIn .traininto{}
.train .trainIn .traininto .classIn{}
.train .trainIn .traininto .trainToolList{padding:30px 0; overflow:hidden; border-bottom:1px solid #bababa;}
.train .trainIn .traininto .trainToolList img{float:left; width:110px; height:100px; border:1px solid #bababa;}
.train .trainIn .traininto .trainToolList dl{width:618px;float:left; margin-left:20px;}
.train .trainIn .traininto .trainToolList dl dt{font-size:16px; color:#418bca; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.train .trainIn .traininto .trainToolList dl dd{}
.train .trainIn .traininto .trainToolList dl dd p{width:90%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.train .trainIn .traininto .trainToolList dl dd a{width:28px; height:0; padding-top:16px; display:block; float:right; border-radius:4px; background:#418bca url(../images/trainimgDown.jpg) no-repeat center; overflow:hidden; margin-top:7px;}
.train .trainIn .traininto .trainToolList dl dd ul li{height:30px; line-height:30px; border-bottom:1px dashed #f5f5f5;}


.train .trainIn .traininto .trainPPTList{padding:30px 0; overflow:hidden; border-bottom:1px solid #bababa;}
.train .trainIn .traininto .trainPPTList img{float:left; width:160px; height:100px; border:1px solid #bababa;}
.train .trainIn .traininto .trainPPTList dl{width:568px;float:left; margin-left:20px;}
.train .trainIn .traininto .trainPPTList dl dt{font-size:16px; color:#418bca; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.train .trainIn .traininto .trainPPTList dl dd{}
.train .trainIn .traininto .trainPPTList dl dd p{width:90%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.train .trainIn .traininto .trainPPTList dl dd a{width:32px; line-height:24px; height:24px; padding-left:20px; display:block; float:right; border-radius:4px; background:#418bca url(../images/trainimgDown.jpg) no-repeat 5px center; overflow:hidden; margin-top:7px; color:#fff;}
.train .trainIn .traininto .trainPPTList dl dd ul li{height:30px; line-height:30px; border-bottom:1px dashed #f5f5f5;}
.traininto .classIn{height:910px; padding:20px 0px 0 0;}
.traininto .classInList{width:155px; height:195px; float:left; margin:10px 5px 0px; padding:10px; border:1px #bababa solid; background:#fff;}
.traininto .classInList:hover{box-shadow:0 0 5px #2a5889; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}} 
/*.classInList:first-child{margin-left:0;}*/
.traininto .classFilter{margin-top:3px;}
.traininto .classThumbnail{width:155px; height:91px; margin:0 auto;}
.traininto .classThumbnail img{width:155px; height:91px; }
.traininto .classIntro{width:100%;} 
.traininto .classIntro a{width:100%;}
.traininto .classIntro p{width:100%; height:28px; line-height:28px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.traininto .classIntro a:hover{text-decoration:underline;}
.traininto .classIntro p i{width:14px; height:28px; display:block; padding-right:10px; background:url(../images/person.png) no-repeat center; float:left;}
.traininto .classIntro p span{float:left; color:#a6a6a6;}
.traininto .classIntro li{width:60%; float:right;}
.traininto .classIntro li:first-child{width:40%; float:left;}
.traininto .classIntro li img{float:left; margin-top:7px;}
.traininto .classIntro li span{float:left; color:#a6a6a6;}
/*注册提示*/
.hint-s{display:none;}
#emailbtn{cursor:pointer;}
.hintError{width:auto; padding:0 10px; margin-left:25px; border-radius:2px; left:75px; bottom:6px; cursor:default; position:absolute; padding:5px; margin-left: 5px; }
.hintError span{width:8px; height:6px; background:url(../images/course.png) -181px 0 no-repeat; position:absolute; top:-6px; left:5px;}
.hintError i{width:12px; height:0; padding-top:12px; display:block; float:left; margin:4px 2px 0; background:url(../images/course.png) -117px 0 no-repeat;color:red; margin-right:3px; float:left; overflow:hidden;}
.hintError p{float:left;}
.hintError em{color:#FF7C52; font-size:14px; float:left;}

.hintError.on{border:1px solid #ff7c52; background:#ffeae3;}
.hintError.on span{background:url(../images/course.png) -181px 0 no-repeat;}
.hintError.on i{background:url(../images/course.png) -117px 0 no-repeat;}
.hintError p{float:left;}
.hintError em{color:#FF7C52; font-size:14px; float:left;}

.hintError.no{border:1px solid red; background:#ffe6e6;}
.hintError.no span{background:url(../images/course.png) -161px 0 no-repeat;}
.hintError.no i{background:url(../images/course.png) -143px 0 no-repeat;}
.hintError p{float:left;}
.hintError em{color:#FF7C52; font-size:14px; float:left;}

.hintError.yes{border:1px solid #418bca; background:#e4f2ff;}
.hintError.yes span{background:url(../images/course.png) -171px 0 no-repeat;}
.hintError.yes i{background:url(../images/course.png) -130px 0 no-repeat;}
.hintError p{float:left;}
.hintError em{color:#FF7C52; font-size:14px; float:left;}
.regHint{margin-left:104px; margin-bottom:10px;}
.regHint i{color:#ff7c52; margin-right:10px;}
.regHint {}



/*网络课程*/
.courseHead{width:100%; height:220px; margin-top:36px; background:url(../images/courseHead.jpg) no-repeat center;}
.course{width:100%; margin-bottom:20px;}
.course .inner{}
.course ol{width:180px; margin-right:20px; float:left; background:#fff; border-radius:10px;}
.course ol h3{width:158px; height:44px; line-height:44px; padding-left:22px; position:relative; text-align:center; color:#fff; background:#418bca; font-size:16px; border-top-left-radius:10px; border-top-right-radius:10px; margin:0;}
.course ol h3 i{width:12px; height:12px; display:block; position:absolute; top:17px; left:49px; background:url(../images/course.png) no-repeat -253px 0;}
.course ol li.coursetitle{width:100%; margin-bottom:10px; text-align:center; font-size:14px; cursor:pointer;}
.course ol li.coursetitle.on{}
.course ol li.coursetitle h4{width:100%; line-height:38px; height:38px; background:#f5f5f5; font-size:12px; margin:0;}
.course ol li.coursetitle.on h4{background:#6cb4f1;}
.course ol li.coursetitle h4 i{width:13px; height:9px; margin:14px 5px 0 10px; display:block; background:url(../images/course.png) no-repeat -239px 0; float:left;}
.course ol li.coursetitle.on h4 i{background:url(../images/course.png) no-repeat -225px 0; float:left;}
.course ol li.coursetitle h4 p{width:130px; text-align:left; overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap;}
.course ol li.coursetitle.on h4 p{color:#fff;}
.course ol li.coursetitle h4 span{width:9px; height:8px; display:block; margin:14px 5px 0 5px; background:url(../images/course.png) no-repeat -206px 0; float:left;}
.course ol li.coursetitle.on h4 span{background:url(../images/course.png) no-repeat -216px 0; float:left;}
.course ol li.coursetitle .courseList{width:100%; text-align:left; display:none;}
.course ol li.coursetitle .courseList.show{display:block;}
.course ol li.coursetitle .courseList li{padding:5px 10px 5px 20px; line-height:18px; background:url(../images/course2.jpg) no-repeat 8px 10px; border-bottom:1px solid #f5f5f5;}
.course ol li.coursetitle .courseList li.on{background:url(../images/course1.jpg) no-repeat 8px 10px; color:#418bca;}
.course .courseIn{width:750px; float:left; padding:0 20px  20px; background:#fff; position:relative;}
.course .courseIn .crumbs{height:35px; line-height:35px; border-bottom:1px solid #f5f5f5; color:#a6a6a6;}
.course .courseIn .crumbs i{width:16px; height:14px; display:block; background:url(../images/crumbs.jpg) center no-repeat; float:left; margin:10px 3px 0 0 ;}
.course .courseIn .crumbs p{float:right;}
.course .courseIn .crumbs p:first-child{float:left;}
.course .courseIn .crumbs p a{color:#a6a6a6;}
.course .courseIn .crumbs p em{margin:0 3px;}
.course .courseIn .crumbs p a.on{color:#418bca;}
.courseinto{width:100%;}
.courseInTitle{border-bottom:1px dashed #bababa; line-height:20px; overflow:hidden; padding:30px 0 10px 0; margin-bottom:20px;}
.courseInTitle span{float:left; color:#a6a6a6; font-size:14px; margin-right:10px;}
.courseInTitle h5{float:left; color:#404040; font-size:14px;}
.courseInBottom{padding:3px 0 0 10px;border-top:1px dashed #bababa; font-size:16px;}
.courseInBottom p{float:left; margin-left:5px;}
.courseInBottom img{float:left; margin:3px 0 0 5px;}
.courseUnit{margin-top:20px;}
.courseUnit, .courseinto{display:none;}
.courseUnit.show, .courseinto.show{display:block;}

.comItemIn{width:267px; height:40px; float:left; background:#fff; margin-top:1px; box-sizing:border-box; position:relative; z-index:9;}
.comItemIn{width:120px; height:38px; float:left; margin-left:-1px; border:1px solid #bababa; position:relative;}
.comItemIn.on{border-top:3px #ff7c52 solid; margin-top:-3px; height:42px;}
.comItemIn p{width:100px; padding:0 10px; line-height:40px; text-align:center; display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px; position:relative; cursor:pointer;}
.comItemIn p span{width:84px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.comItemIn p span.on{width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.comItemIn p em{width:0; height:0; line-height:0; display:inline-block; margin-left:4px; border-color:#000 transparent transparent transparent; border-width:3px; border-style:solid dashed dashed dashed;  overflow:hidden;}
.comItemList{width:120px; height:160px; background:#fff; position:absolute; top:38px; left:-1px; border:1px solid #bababa; border-top:none; border-bottom:2px solid #ff7c52; display:none; cursor:pointer;  overflow-y:scroll;}
.comItemList.show{display:block;}
.comItemList li{line-height:28px; font-size:14px; padding:5px 5px; text-align:center;}
.comItemList li.on{background:#f6f7f8;}
.sSearch{width:154px; height:22px; position:absolute; top:7px; right:10px;}
.sSearch input[type="text"]{width:117px; height:20px; border:1px solid #bababa; padding:0 25px 0 10px; font-size:12px;}
.sSearch input[type="button"]{width:30px; height:20px; position:absolute; top:2px; right:0; background:url(../images/searchS.png) no-repeat center; cursor:pointer;}



/*示范学校*/
.resultIn{width:100%; height:950px;}
.example{width:100%;}
.example .inner{background:#fff;}
.exampleIn{width:98%;}
.exampleIn a{width:100%; padding:0 5px; height:50px; line-height:50px; border-bottom:1px dashed #bababa; display:block; }
.exampleIn a:hover{box-shadow:1px 1px 3px #a8cdf5; padding-left:15px;}
.exampleIn a p{width:51%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exampleIn a span.xzImg img.meeting{height:28px; display:inline; height:28px; margin-bottom:-6px;}
.exampleIn a span{width:17%; height:50px; display:block; text-align:left; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exampleIn a span.xzImg{width:15%; text-align:left; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exampleIn a span.num{text-overflow:ellipsis; text-align:left;}

/*区域首页*/
.areaClass .inner{background:#fff;}
.joinClass .inner{background:#fff;}
.school .inner{background:#fff;}
.class .inner{background:#fff;}



/*学校节点*/
.schoolIn{height:600px;}
.schoolList{width:220px; height:55px; padding:5px 5px; margin:4px 4px; float:left; display:block; border:1px #bababa solid;}
.schoolList:hover{box-shadow:0 0 5px #2a5889;}
.schoolList img{width:220px; height:55px;}
.schoolList dl{width:220px;}
.schoolList dt{width:55px; float:left;}
.schoolList dt img{width:45px; height:45px; margin:5px; float:left;}
.schoolList dd{width:160px; height:55px; float:left; margin-left:5px; line-height:55px; font-size:16px;color:#1673c1; text-align:center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.schoolList p{width:100%; height:55px; line-height:55px; float:left; font-size:16px;color:#1673c1; text-align:center;}
.schoolList p.schoollong{width:100%; height:55px; float:left; margin-left:5px; line-height:22px; margin-top:6px; font-size:16px;color:#1673c1; text-align:center;}
.schoolList dd.schoolLess{line-height:55px; margin-top:0; font-size:16px; text-align:left;}
/*.schoolList:nth-child(2n) dd,.schoolList:nth-child(2n) p{color:#c57a1b;}
.schoolList:nth-child(3n) dd,.schoolList:nth-child(3n) p{color:#359916;}
.schoolList:nth-child(4n) dd,.schoolList:nth-child(4n) p{color:#bf3ac4;}
.schoolList:nth-child(5n) dd,.schoolList:nth-child(5n) p{color:#c2bc1b;}
.schoolList:nth-child(6n) dd,.schoolList:nth-child(6n) p{color:#10c9be;}
.schoolList:nth-child(7n) dd,.schoolList:nth-child(7n) p{color:#dd3c10;}
.schoolList:nth-child(23n) dd,.schoolList:nth-child(23n) p,.schoolList:nth-child(13n) dd,.schoolList:nth-child(13n) p{color:#f36d00;}*/




/*搜索页面*/
.searchIn{width:auto;}
.searchIn .inner{ background:#fff;}
.searchIn .inner .classIn{padding-top:0;}
.searchResultIn{margin-bottom:24px;}
.searchResultIn h3 {height:30px; margin-bottom:5px;}
.searchResultIn h3 span.searchResultType{display:block; padding:6px 8px; margin:6px 10px 0 0; background:#FF7C52; float:left; border-radius:6px; font-size:12px; line-height:12px; color:#fff;}
.searchResultIn h3 p{max-width:580px; line-height:30px; float:left; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.searchResultIn h3 p a{color:#418bca; text-decoration:underline; }
.searchResultIn h3 p a i{color:#ef0a0a;}
.searchResultIn h3 .searchResultTrainDown{background:#418bca url("../images/trainimgDown.jpg") no-repeat scroll 5px center; border-radius:4px; color:#fff; display:block; float:left; margin-left:5px; height:24px; line-height:24px; margin-top:7px; overflow:hidden; padding-left:20px; width:32px;}
.searchResultIn h3 .searchResultTrain{font-size:12px; line-height:40px; margin-left:3px;}
.searchResultIn h3 .searchResultTrain a{color:#418bca;}

.searchResultIn .searchResultInto{height:75px;}
.searchResultIn .searchResultInto .searchResultIntoimg{width:120px; height:75px; float:left; border:1px solid #ebebeb;}
.searchResultIn .searchResultInto ul{width:200px; height:75px; float:left; font-size:14px; margin-left:10px; position:relative;}
.searchResultIn .searchResultInto ul li{margin-bottom:5px;}
.searchResultIn .searchResultInto ul p{line-height:14px;}
.searchResultIn .searchResultInto ul li img{float:left; margin-right:2px; margin-top:8px;}
.searchResultIn .searchResultInto ul li span{margin-right:8px;}
.searchResultIn .searchResultInto ul li a{color:#418bca;}
.searchResultIn .searchResultInto ul li.searchSource{position:absolute; font-size:12px; line-height:auto; bottom:0; left:0; margin-bottom:0;}

ul.searchResultUnit li{font-size:14px;}
ul.searchResultUnit li a{color:#418bca;}

.searchResultIntoT{height:100px; position:relative;}
.searchResultIntoT img{width:160px; height:100px; float:left; margin-right:10px; border:1px solid #ebebeb;}
.searchResultIntoT p{float:left; font-size:14px;}
.searchResultIntoT .searchSource{position:absolute; line-height:auto; bottom:0; left:170px; margin-bottom:0;}
.searchResultIntoT .searchSource a{color:#418bca;}

.searchResultIntoT ul{float:left;}
.searchResultIntoT ul li{line-height:30px; height:30px; border-bottom:1px dashed #ebebeb;}
.searchResultIntoT ul li a{width:28px; height:0; padding-top:16px; display:block; float:left; margin-left:15px; border-radius:4px; background:#418bca url(../images/trainimgDown.jpg) no-repeat center; overflow:hidden; margin-top:7px;}