.fl{ float: left;  }
.fr{ float: right;  } a{ color: #323232;}
/*导航*/
.zjh-miannav{ width: 100%; height: 70px; line-height: 70px; background: #000;color: #fff;  font-size: 14px;}
.zjh-nav{ width: 1200px; margin: 0px auto;}
.zjh-logo{ margin-right: 60px;}
.zjh-tele{ font-size: 16px; font-style: italic; margin-right: 60px;}
.zjh-navlist li{ float: left; padding: 0px 22px;}
.zjh-navlist li a{color: #fff;}
.zjh-login a{ color: #fff;}
.zjh-login span{ padding: 0px 10px;}
/*导航下拉框*/
.navxiala{ background: #101019; position: absolute; z-index: 3; display: none; padding-bottom: 30px; margin-left: -22px;}
.fistceng,.scondceng{ width: 180px;}
.scondceng{ margin-top: 20px; display: none;}
.fistceng li,.scondceng li{ float: none; line-height: 52px;}
.scondceng li{ line-height: 30px; padding: 0; text-align: center;}
.fistceng li a,.scondceng li a{ color: #4d4d4d;}
.fistceng{ border-right: 1px solid #35353d;}
.fistceng .curr a{ color: #0972ff;}
.jiaokuoh{ float: right;}
.zjh-backimgs{ background-image: url("../images/zjh-ioc.png"); display: inline-block; vertical-align: middle;}
.tell{ background-position: -4px -446px; width: 23px; height: 23px; margin-right: 10px;}
.login{ background-position: -63px -447px; width: 23px; height: 23px; margin-right: 10px;}
.regin{ background-position: -125px -446px; width: 23px; height: 23px; margin-right: 10px;}
.login-cha{background-position: 0px 0px; width: 14px; height: 14px; margin-right: 10px;}
.kechelisthover .timer{background-position: -47px -1px; width: 16px; height: 16px; margin-right: 10px;}
.kechelist .timer{background-position: -26px -1px; width: 16px; height: 16px;}
.appp,.xiaoche,.webb,.shouji,.gongzhong{ width: 64px; height: 64px;}
.appp{background-position: -2px -209px;}
.xiaoche{background-position: -82px -209px;}
.webb{background-position: -167px -209px;}
.shouji{background-position: -237px -209px;}
.gongzhong{background-position: -313px -209px;}
.morechangjing li.hover i.appp{background-position: -2px -118px;}
.morechangjing li.hover i.xiaoche{background-position: -82px -118px;}
.morechangjing li.hover i.webb{background-position: -167px -118px;}
.morechangjing li.hover i.shouji{background-position: -237px -118px;}
.morechangjing li.hover i.gongzhong{background-position: -313px -118px;}
.onefirst,.twofirst,.freefirst{ width: 36px; height: 36px;}
.onefirst{background-position: -8px -298px;}
.twofirst{background-position: -87px -298px; }
.freefirst{background-position: -167px -298px; }
.fourone,.fourtwo,.fourthree{ width: 64px; height: 64px;}
.fourone{ background-position: 0px -363px;}
.fourtwo{ background-position: -78px -363px;}
.fourthree{ background-position: -151px -363px;}
.zhione{ background-position: 0px -90px;}
.zhitwo{ background-position: 0px -90px;}
.fistceng .zhione{ background-position: -1px -90px; width: 15px; height: 15px; margin-right: 5px;}
.fistceng .curr .zhione{background-position: -1px -59px; }
.fistceng .zhitwo{ background-position: -66px -90px; width: 15px; height: 16px; margin-right: 5px;}
.fistceng .curr .zhitwo{background-position: -66px -59px; }
.fistceng .zhithree{ background-position: -131px -89px; width: 15px; height: 16px; margin-right: 5px;}
.fistceng .curr .zhithree{background-position: -131px -58px; }
/*已登录*/
.zjh-login-ok {
    position: relative;}
.hnav-a {
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 27px;
    color: #fff;
    font-size: 14px;
    font-family: Microsoft Yahei;
    position: relative;
    display: inline-block;

}
.name {
    float: left;
    height: 70px;
    line-height: 70px;
    padding: 0 20px 0 0;
    color: #fff;
    font-size: 14px;
    font-family: Microsoft Yahei;
    position: relative;
}
.face {
    float: left;
    display: inline;
    margin: 19px 2px 0 0;
    width: 25px;
    height: 27px;
    line-height: 30px;
    overflow: hidden;
    border-radius: 3px;
}
.drop-ico {
    float: left;
    display: inline-block;
    width: 15px;
    height: 7px;
    margin: 31px 0 0 5px;
    vertical-align: middle;
    background: url(../images/mcsb_buttons.png) no-repeat scroll -15px -27px;
    overflow: hidden;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    -o-transition: all .25s ease 0;
    transition: all .25s ease 0;
}
.sdrop-box {
    right: 0;
    width: 160px;
    font-size: 14px;
    background: #000;
    position: relative;
    top: -30px;
    z-index: 10;
    zoom: 1;
}
.sdrop-list li {
    border-bottom: 1px solid #999;
    background: 0;
    margin: 0;
}
.sdrop-list li a {
    width: 160px;
    display: block;
    height: 38px;
    line-height: 38px;
    text-indent: 38px;
    margin: 0 auto;
    color: #fff;
    background: url(../images/hd-icon.png) no-repeat;
}

.sdrop-list li.sdrop-home a {background:url(../images/icon-user.png) 15px center no-repeat;vertical-align:middle}
.sdrop-list li.sdrop-set a {background-position:15px 12px}
.sdrop-list li.sdrop-message a {background-position:15px -146px}
.sdrop-list li.sdrop-feedback a {background-position:15px -68px}
.sdrop-list li.sdrop-help a {background-position:15px -108px}
.sdrop-list li.sdrop-quit a {background-position:15px -188px}

/*焦点图*/
.container {width: 100%; position: relative; }
.swiper-container {height: 100%; text-align: center; }
.banner{  height: 533px;}

.banner-slide-00{
    background-repeat:no-repeat;
    background-position: center;
    background-size: 1920px 533px;
}
.banner-slide-01{
    background-repeat:no-repeat;
    background-position: center;
    background-size: 1920px 533px;
}
.banner-slide-02{
    background-repeat:no-repeat;
    background-position: center;
    background-size: 1920px 533px;
}
.banner-slide-03{
    background-repeat:no-repeat;
    background-position: center;
    background-size: 1920px 533px;
}
.banner-slide-04{
    background-repeat:no-repeat;
    background-position: center;
    background-size: 1920px 533px;
}
.zjh-nav{ overflow: hidden;}
.slide-pagination span {width:28px;height:4px;border-radius:20%;}
.banner_main {width:1100px;height:100%;position:absolute;top:0;left:50%;margin-left:-550px;z-index:2;font-size:14px;}
.banner_main .login_wrap {width:350px;height:410px;float:right;margin-top:45px;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);}
.banner_main .login_wrap .menu_login {overflow:hidden;width:100%;color:#333;height:50px;line-height:50px;background:#006ff6;}
.banner_main .login_wrap .menu_login .scan_login {float:left;text-align:center;width:49%;cursor:pointer;font-size:16px; color: #c2c2c2}
.banner_main .login_wrap .menu_login .account_login {float:left;text-align:center;width:49%;cursor:pointer;font-size:16px;color:#c2c2c2;}
.banner_main .login_wrap .menu_login .check {color:#fff;}
.banner_main .login_wrap .scan_wrap {margin-top:-40px;}
.banner_main .login_wrap .scan_wrap .scan_img {width:250px;height:250px;margin:60px auto 0 auto;}
.banner_main .login_wrap .scan_wrap .scan_img img {width:100%;height:100%;}
.banner_main .login_wrap .scan_wrap .scan_qr {height:36px;text-align:center;margin:0px 0 20px;}
.banner_main .login_wrap .scan_wrap .scan_qr p {line-height:14px;font-size:14px;color:#707070;margin-bottom:10px;}
.banner_main .login_wrap .scan_wrap .scan_qr p span {display:inline;line-height:14px;color:#35d48f;height:14px;margin-left:4px;}
.zjh-register{ float: right; margin-right: 20px;}
.banner_main .login_wrap .scan_wrap .registerSubmit {display:block;text-align:right;color:#696969;font-size:12px;}
.zjh-layui-form{ text-align: center;}
.zjh-input_item{ width: 263px; border-bottom: 1px solid #e4e4e4; margin: 0px auto; margin-top: 45px;}
.zjh-input_item input{ border: none;width: 230px;outline:none; font-size: 14px; line-height: 30px; }
#zjh-Submit{ width: 262px; height: 44px; line-height: 44px; text-align: center; background: #006ff6; font-size: 20px; display: block; color: #fff; margin: 0px auto;}
.row_item{ width: 263px;margin: 20px auto 30px auto;}
.left label{ color: #666; font-size: 14px;}
.forget{ float: right; color: #006ff6;}
#loginSubmit,.registerSubmit{ width: 262px; height: 35px; line-height: 35px; text-align: center; color: #006ff6; border: 1px solid #006ff6; display: block; margin: 13px auto;}
#loginSubmit:hover,.registerSubmit:hover,#loginSubmit.hover{ background: #006ff6; color: #fff;}
/*课程直播*/
.zjh-wrap{ width: 1200px; margin: 0px auto; color: #333;}
.zjh-title{ font-size: 36px; font-weight: lighter; text-align: center; color: #323232; margin: .67em 0 .23em 0;}
.zjh-titlexq{ text-align: center; color: #323232; font-size: 14px;}
.kecheng{ margin: 0px auto; width: 475px; text-align: center;}
.kecheng li{ width: 120px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #9f9f9f; float: left; margin: 0px 16px; font-size: 18px;}
.kecheng li a{ font-size: 18px; font-weight: lighter;}
.kecheng .hover{ background: #e8e8e8; border: none;}
.kechelist{ border: 1px solid #b5b5b5; border-right: none; width: 179px; padding: 20px 15px; text-align: center;}
.kechengzong:last-child .kechelist{border-right: 1px solid #b5b5b5;}
.kechelist .zjh-zhibozhong{ width: 126px; height: 34px; line-height: 34px;  color: #fff; display: block; background: url("../images/zjh-zhibosmall.gif") no-repeat 18px center #23b2ff; text-indent: 35px; margin: 0px auto}
.kechelist .zjh-title1{ font-size:18px; line-height: 35px;font-weight: lighter; margin-top: 10px; }
.kechelist .zjh-title2{ font-size: 14px; font-weight: lighter; }
.kechelist .hengxian{ width: 56px; height: 2px;  background: #bbbbbb; display: block; margin: 30px auto;}
.kechelist .zjg-time{ font-size: 14px; color: #b5b5b5; line-height: 45px;  font-weight: lighter; }
.kechelisthover{ width: 481px; -webkit-box-shadow: 0 .1px 18px 0 rgba(8, 116, 255, 0.5);  moz-box-shadow: 0 .1px 18px 0 rgba(8, 116, 255, 0.5);  box-shadow: 0 .1px 18px 0 rgba(8, 116, 255, 0.5); position: relative; top:0px; }
.kechelisthover .zjh-zhibozhong{ width: 126px; height: 34px; line-height: 34px; background: #23b2ff; color: #fff; display: block; text-align: center; margin: 40px 30px;}
.kechelisthover .zjh-title1{ font-size:24px; line-height: 45px; margin-left: 30px; margin-top: 40px;font-weight: lighter;  }
.kechelisthover .zjh-title2{ font-size: 16px;line-height: 45px; margin-left: 30px;font-weight: lighter;   }
.kechelisblue{ width: 480px; height: 210px; background: #0390ff; position: relative; }
.kechelisblue h3{ font-size: 24px; color: #fff; margin-left: 30px; padding-top: 40px;}
.kechelisblue p{ color: #fff; font-size: 12px; width: 270px; line-height: 25px; margin-left: 30px; margin-top: 20px;}
.kechelisblue img{ position: absolute; right: 34px; top: -10px;}
.kechelisthover .hengxian{ margin: 30px 0px 30px 30px; vertical-align: middle; line-height: 52px;}
.lib_Menubox{ margin: 30px auto 100px auto;}
.kechelisthover .hengxian span{ vertical-align: bottom; display: inline-block; margin: 20px 0px 0px 0px;font-weight: lighter; color: #333;}
.kechelisthover .zjg-time{ font-size: 18px; color: #b5b5b5; line-height: 45px; margin-top: 40px; font-weight: lighter; margin-right: 35px;}
.show-done{top:-50px;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}
/*与多场景建站服务完美搭配*/
.background{ background: #f6f8fc; width: 100%; padding: 50px 0; overflow: auto; font-size: 14px;}
.morechangjing li{ float: left; padding: 0px 63px; text-align: center;font-size: 24px; font-weight: lighter; line-height: 52px;}
.morechangjing{ width: 980px; margin: 0px auto;}
.morechangjing li i{ display: block; }
.morechangjing li.hover{ color: #94c3ff;}
.lib_Menubox2{ margin: 20px 0px;}
.lib_Contentbox2{ width: 1200px; background: #fff; overflow: auto; padding: 70px;}
.morechangtu{ margin-right: 65px;}
.morechangwen{ width: 625px;}
.morechangwen h1{ font-size: 22px; line-height: 40px; color: #323232; font-weight: lighter;}
.morechangwen p{ line-height: 30px; color: #323232;}
.fivemin{ border-top: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; overflow: auto; padding: 18px 0; margin-top: 20px;}
.fivemin li{ float: left; margin-right: 47px;}
.fivemin li:last-child{ margin-right:0px;}
.fivemin li span{ display: inline-block; width: 130px; vertical-align: middle; margin-left: 10px;}
/*精品题库*/
.jingpintiku li{ width: 395px; height: 159px; background: #141414; text-align: center; padding: 50px 0px;}
.jingpintiku li:nth-child(2){ background: #212121;}
.jingpintiku li span{ vertical-align: middle; display: inline-block; color: #fff; font-size: 24px; font-weight: lighter; margin-left: 10px;}
.jingpintiku li.hover{ background: #077bff;}
.jingpintiku li span strong{ font-size: 18px;font-weight: lighter; display: block; text-align: left;}
.lib_Contentbox4{ background: #f6f8fc; width: 800px; height: 477px;}
.fivelist li{ float: left; font-size: 20px; margin: 0px 27px; line-height: 35px;}
.fivelist li i{ color: #ffa801;}
.fivelist li.hover{ color: #0777ff; border-bottom: 3px solid #0777ff;line-height: 35px;}
.tikulist li{ border-bottom: 1px solid #e6e7e9; position: relative;}
.tikulist li:last-child{ border: none;}
.tikulist li span{ font-size: 20px; font-weight: lighter; display: inline-block; margin: 20px 0px; vertical-align: middle;}
.lib_Menubox5{ margin: 55px auto 30px auto; width: 716px;}
.tikulist li span i{ display: block; font-size: 16px; color: #777;}
.starlianxi{ width: 100px; height: 30px; line-height: 30px; text-align: center; background: #2a3344; color: #fff; display: inline-block; position: absolute; right: 0px; top:26px; vertical-align: middle;}
.lib_Contentbox5{ width: 665px; margin: 0px auto;}
.footer a {font-size:12px;color:#666;}
.footer {width:100%;min-width:1230px;padding:20px;margin-top:50px;background-color:#fff;border-top:1px solid #e2e2e2;}
.footer em {text-align:center;padding-top:21px;display:block;}
.footer b {margin-left:18px;font-size:12px;color:#666;font-weight:inherit;cursor:pointer;}
.footer_bq div a {list-style:none;width:188px;line-height:40px;text-align:center;height:40px;float:left;margin-left:12px;border:1px solid #f0f0f0;}
.footer span {display:block;text-align:center;}
.footer_bq div {width:1200px;margin:0 auto;padding-top:15px;overflow:hidden;}
.footer_cen ul p {width:90px;cursor:pointer;margin-top:-25px;display:inline-block;height:30px;background-color:#47c88a;color:#fff;text-align:center;line-height:30px;border-radius:6px;margin-left:40px;}
.footer_bq div a:hover>.footer-bottom-icon1 {background-position:-20px -286px;}
.footer-bottom-icon {display:block;background:url(../images/gzz-gaiban-icon.png);float:left;}
.footer-bottom-icon1 {height:28px;width:28px;background-position:-20px -252px;margin:6px 0 0 47px;}
.footer_bq div a:hover>.footer-bottom-icon2 {background-position:-68px -289px;}
.footer-bottom-icon2 {height:22px;width:19px;background-position:-68px -255px;margin:9px 0 0 24px;}
.footer_bq div a:hover>.footer-bottom-icon3 {background-position:-107px -287px;}
.footer-bottom-icon3 {height:26px;width:26px;background-position:-107px -253px;margin:7px 0 0 11px;}
.footer_bq div a:hover>.footer-bottom-icon4 {background-position:-153px -287px;}
.footer-bottom-icon4 {height:26px;width:30px;background-position:-153px -253px;margin:7px 0 0 32px;}
.footer_bq div a:hover>.footer-bottom-icon5 {background-position:-202px -287px;}
.footer-bottom-icon5 {height:26px;width:26px;background-position:-202px -253px;margin:7px 0 0 48px;}
.footer-bottom-icon6 {height:25px;width:28px;background-position:-248px -253px;margin:7px 0 0 47px;}
.footer_bq div a:hover>.footer-bottom-icon6 {background-position:-248px -287px;}
.footer img {vertical-align:top;}

/*弹框*/
.alertkuang{ width: 100%; height: 100%; background: #000000; opacity: .6; position: fixed; top: 0px; overflow: hidden; z-index: 4;}
#alertkuang{ width: 100%; height: 100%; position: fixed; top: 0px; overflow: hidden; z-index: 4;}
.alertclose{ position: relative; right: -303px; top: 25px;}
.alertcontain{ text-align: center; width: 700px; height: 500px; background: #fff; opacity: 1; margin: 0px auto; z-index: 5; position: absolute; top:50%; left: 50%; margin-left: -350px; margin-top: -250px;}
.alertcontain h1{ font-size: 48px; line-height: 130px; height: 130px;}
.alertcontain p{ font-size: 24px; line-height: 50px; color: #666;}
.alertlogin{ display: block; width: 325px; height: 75px; line-height: 75px; text-align: center; font-size: 24px; color: #fff; background: #0972ff; margin: 70px auto;}