img{max-width:100%}
.resourse-main-box { padding: 30px 19%; margin: auto; *zoom: 1;max-width: 1200px;box-sizing: content-box !important;}
.resourse-main-box:before, .resourse-main-box:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}


.login-btn {
    height: 42px;
    line-height: 42px;
    margin:36px 0 22px;
    border-radius:3px;
    overflow: hidden;
    float: right;
    display: inline-block;
    /* *display: inline; */
    width: 28%;
    zoom: 1;
    vertical-align: middle;
    /* padding: 0 132px; */
    text-align: center;
    background: #0699ed;
    background-size: 16px auto;
    cursor: pointer;
}
.login-btn span {padding-left: 6px;color: #fff;cursor: pointer;vertical-align: top;}
.login-icon img {vertical-align: middle; }


.school-name{height:185px;background:url(../school-name.jpg) center center no-repeat;}
.school-name .main-box{height:100%;position:relative;}
.school-name p{font-size:38px;height:100px; bottom:0;margin:auto;top:0; position:absolute;left: 0; color:#fff;font-weight:bold;}

.school-main{padding:28px;background:#f7f7f7;}
.resourse-school-local {
    border: none;
    color: #616161;
    line-height: 22px;
}
.resourse-school-local a {
    color: #616161;
}
.course-more {position: absolute;right: 0px;bottom: 12px;cursor: pointer;color: #929292}
.fl-row3 { overflow: hidden;position: relative;padding-right: 10px;}
.s-l{width:70%;float: left;}
.s-r{width:28%;float: right;}

.fenlei{background:#fff; padding:25px;border:1px solid #e4e4e4;border-top:2px solid #309aeb}
.fl-row dt{font-weight:bold; float: left;margin-right:-70px;  width: 70px;height:32px;  line-height:32px;display: inline-block;zoom:1;*display:inline;zoom:1;vertical-align: top;}
.fl-row dd{margin-left:80px;}
.fl-row a{cursor:pointer; border-radius:4px; color:#454545;font-size:14px;margin:0 10px 6px 0;height:32px;line-height:32px; padding:0 6px;display:inline-block;*display:inline;zoom:1;vertical-align: middle;}
.fl-row a.on,.fl-row a:hover{background:#4fafed;color: #fff;}

.sr-list{padding:25px;background:#fff;margin-top:10px;border:1px solid #e4e4e4}
.sr-list li{border-bottom:1px dashed #c2c2c2;padding:20px 0;}
.sr-list li img{float: left;margin-right:-126px;margin-left:10px;}
.sr-list .wrap{margin-left:136px;width:auto !important}
.sr-list li .tit{margin:12px 0;position:relative;height:24px;}
.sr-list li .tit p{font-size:18px;color:#000000; width:470px; display:inline-block;*display:inline;zoom:1;vertical-align: top;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sr-list li .stars{position:absolute; right: 0;top:0;text-align:right;}
.sr-list li .stars .point{color:#feba1b;font-size:14px; margin-left:10px; }
.site_grade .star{background: url(../qjf_star_h.gif) repeat;width: 70px;height: 12px;position: relative;display: inline-block;overflow: hidden;}
.site_grade .star i{background: url(../qjf_star_r.gif) repeat;display: inline-block;height: 12px;overflow: hidden;position: absolute;left: 0;top: 0;}
.sr-list li span{margin-right:12px;color:#7f7f7f;line-height:30px;}
.sr-list li span em{display:inline-block;}
.sr-list li .con{position:relative;padding-right:40px;}
.sr-list li .down{cursor:pointer; position:absolute;right:0;bottom:6px;color:#3d95d5;font-size:14px;}

.fenye{text-align:right; margin-top:34px;}
.fenye a,.fenye span{background:#f8f8f8;border:1px solid #cecece;padding:0 6px; margin:0 2px;}
.fenye .active,.fenye a:hover,.fenye span:hover{background:#3d95d5; color:#fff;border-color:transparent}
.jump-ipt{width:20px;}

.bb{background:#fff;border:1px solid #e4e4e4; border-top:2px solid #309aeb;}
.bb .tit{font-size:16px;color:#474747; height:46px;line-height:46px;border-bottom:1px solid #e4e4e4;padding-left:18px;}
.bb .tit img{width:23px;vertical-align: middle;margin-right:6px;}

.r-total .num{ margin:20px 0; color: #888;font-size: 20px;line-height: 29px;text-align: center;}
.r-total .num span{display: inline-block;width: 20px;height: 29px;background: url(../nums.png) no-repeat center;margin-right: 2px;}
.r-total .sum{padding:20px;border-top:1px solid #e4e4e4;color:#818181;font-size:16px;}
.r-total .sum p{line-height:26px;}
.r-total .sum span{ width:106px;display:inline-block;*display:inline;zoom:1;vertical-align: top; color:#252424}

.r-rank{margin-top:18px;}
.r-rank ul{padding:0 15px 28px 0;}
.r-rank li{cursor:pointer; padding-left:40px; margin-top:28px;background-position:10px center;background-repeat:no-repeat;background-size:23px auto;-webkit-background-size:23px auto;}
.r-rank li h4{font-size:14px;color:#474747;margin:0;height:24px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.r-rank li p{font-size:14px;color:#3d95d5;height:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.r-rank2 li img{float: left;margin-right:-60px;width: 42px;}
.r-rank2 li h4 ,.r-rank2 li p{margin-left:55px;}
.r-rank2 li p {font-size:0}
.r-rank2 li p span{width: 50%;font-size:14px;display:inline-block;*display:inline;zoom:1;vertical-align: top;}

.r-rank li.r0{background-image:url(../1.png)}
.r-rank li.r1{background-image:url(../2.png)}
.r-rank li.r2{background-image:url(../3.png)}
.r-rank li.r3{background-image:url(../4.png)}
.r-rank li.r4{background-image:url(../5.png)}


/* .r-rank li.r0{background-image:url(../ie1.png)\0/; }
.r-rank li.r1{background-image:url(../ie2.png)\0/;}
.r-rank li.r2{background-image:url(../ie3.png)\0/;}
.r-rank li.r3{background-image:url(../ie4.png)\0/;}
.r-rank li.r4{background-image:url(../ie5.png)\0/;} */

.loading{margin:auto;display:block; }
.loading3,.loading4,.loading5{margin-top:20px}

.login-main{float: right;width:538px;padding:90px 78px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.login-main h2{font-size:28px;color:#292929;text-align:center;font-weight:bold;margin-bottom:40px;}
.login-main input{font-size:18px;margin-bottom:15px; border:none;text-indent:70px; display:block;width: 100%; height:60px;line-height:60px;border-radius:20px; }
.login-main input.usename{background:#f0f0f2 url(../l1.png) 30px center no-repeat}
.login-main input.password{background:#f0f0f2 url(../l2.png) 30px center no-repeat}

.login-mask{background:url(../mask.png); position: fixed; z-index:1000;left: 0; right:0; top:0;bottom:0;margin:auto;}
.login-form {background:#fff;z-index:1001; position: fixed; left: 0; right:0; width: 1000px;height:570px;top:0;bottom:0;margin:auto;}
.login-form img{height:570px;width:462px;}
.login-submit{cursor:pointer; margin-top:40px;border-radius:32px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#40afee;}
.login-form .close{cursor:pointer; position: absolute;right:22px;top:22px;background:url(../close.png);width:26px;height:26px;}
.down-mes {color: red;text-align: center;font-size: 18px;display: none; margin-top: 10px}
.return-school {float: right;font-size: 14px;color: #fff;margin-right: 20px;}

.fl-row3 { overflow: hidden;position: relative;padding-right: 10px;}
.course-more {position: absolute;right: 0px;bottom: 12px;cursor: pointer;color: #929292}
.resourse-school-local>img{top:1px !important}

@media screen and (max-width: 1199px){
     .side-fix{display:none;}
     .resourse-main-box {
         /* width: 1002px; */
     }
    /* .s-l{width: 640px;} */
    .sr-list li .tit p{width: 310px;}
}

@media screen and (max-width: 1001px){

    .s-l,.s-r{width: 100%;}
    .s-r{margin-top:15px;}
    .m-side{width: 49%;float: left;}
    .m-side2{width: 49%;float: right;}
    .r-rank2{margin-top:0; margin-bottom:15px;}
    .sr-list li .tit p{width:380px;}
    .resourse-school-local img{display:inline-block}
    .login-form {width:768px;height:400px;top:0;bottom:0;margin:auto;}
    .login-form img{height:100%;width:auto;}
    .login-submit{cursor:pointer; margin-top:40px;border-radius:32px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#40afee;}
    .login-main{float: right;width:440px;padding:58px 30px;}
    .login-submit{margin-top:15px;}
}
@media screen and (max-width: 767px){
    .sr-list .wrap{margin-left:0;}
    .sr-list li{position:relative;}
    .sr-list li img{position:absolute;left: 0;margin:0;width: 24px;top:30px;}
    .sr-list li .tit p{width: ; padding-left:35px;width: 250px;}
    .m-side{width: 100%;float: left;}
    .m-side2{width: 100%;float: right;margin-top:15px;}
    .login-form {width:540px;height:450px;top:10%;bottom:10%;margin:auto;}
    .login-form img{ display:none;}
    .login-submit{cursor:pointer; margin-top:40px;border-radius:32px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#40afee;}
    .login-main{float: none;width:100%;}
 }

 @media screen and (max-width: 540px){
    .resourse-main-box{ width:100%;}
    .zt-list li a{padding:20px 10px}
    .fl-row dt{font-size:14px; }
    .sr-list li .tit{height:auto;margin-bottom:0}
    .sr-list li .tit p{width: 100%;padding-left:40px;box-sizing:border-box;}
    .sr-list li .stars{position:relative; margin-left:-40px; float: none;text-align:left;margin-top:10px;}
    .school-wel{padding:10px;}
    .login-btn {
        border: none;
        /* padding: 5px 10px; */
        padding: 0;
    }
    .resourse-school-local{line-height: 32px;}
    .school-main,.sr-list{padding:15px;padding-top:0}
    .fl-row dt{display:block;float: none;}
    .fl-row dd{margin-left:0}
    .school-name p{font-size:26px;left: 10px;right: 10px;height:68px;}
    .login-form {width:90%}
}

@media screen and (max-width: 410px){
     .zt-ico{width: 80px;height:80px;}
     .zt-ico img{max-width:36px;}
     .zt-list li{height:auto;}
}
@media screen and (max-width: 375px){
     .zt-list li{width: 100%;margin:0 0 10px 0}
     .zt-list li p{height:auto;}
}

@media screen and (max-width: 1680px) {
    .resourse-main-box { padding: 30px 14%; margin: auto; *zoom: 1;}
}
@media screen and (max-width: 1440px) {
    .resourse-main-box { padding: 30 10%; margin: auto; *zoom: 1;}
}
@media screen and (max-width: 1366px) {
    .resourse-main-box { padding: 25 8%; margin: auto; *zoom: 1;}
}
@media screen and (max-width: 1280px) {
    .resourse-main-box { padding: 20 6%; margin: auto; *zoom: 1;}
}
@media screen and (max-width: 1001px) {
    .resourse-main-box{ width:768px;padding: 20px 0;}
}
@media screen and (max-width: 767px) {
    .resourse-main-box{ width:540px;}
}
 @media screen and (max-width: 540px) {
     .resourse-main-box{ width:100%;}
     .school-main, .sr-list{padding: 2.5%}
 }