*{margin: 0;padding: 0;text-decoration: none;font-family: "微软雅黑", "microsoft yahei"!important;outline: none;}
body{/*background: #061034;*/padding: 0;margin: 0;min-width:1200px;}
a{text-decoration: none;cursor: pointer;}
img {border:none;}
ul,li{list-style: none;}
.width1400{width:1400px;margin: auto;overflow: hidden;}
.height100{height:100%;}
.left{float: left;}
.right{float: right;}
.clear{clear:both;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.top{height: 80px;position: relative;overflow: visible;}
.btn_search{width:90px;height:45px;background: #005096;font-size: 16px;color:#FFF;border-radius: 5px;line-height: 45px;position: absolute;right:270px;bottom:0;transition: all 0.3s;cursor: pointer;}
.btn_search #indexSearchVal {width: 0px;height: 35px;background: rgba(255,255,255,0.1);border: none;color: #fff;float: left;margin: 5px 10px;border-radius: 5px;text-indent: 10px;transition: all 0.3s;}
.btn_search #indexSearchVal::-webkit-input-placeholder{color:#9CA0AC;}
.btn_search .v9black_indexSearch_ico {background: url(img/ic_search.png) no-repeat;background-size:16px 16px;height: 16px;width: 16px;display: block;float: left;margin: 15px 5px 0 0;}
.btn_search:hover{width:340px;}
.btn_search:hover #indexSearchVal{width: 250px;}
.btn_search #v9black_indexSearchBtn {border: none;  background: none;  color: #fff;  line-height: 45px;  font-size: 16px;cursor: pointer;}
.btn_login{width: 260px;height:45px;background: #00f2d1;font-size: 16px;color:#0A1030;border-radius: 5px;line-height: 45px;position: absolute;right:0;bottom:0;cursor: pointer;text-align: center;}
.btn_login .login_userico{background: url(img/user_ico.png) no-repeat left center;background-size:16px 16px;height: 16px;width: 16px;display: inline-block;padding-right:10px;vertical-align: 14px;}
.btn_login .login_username {font-weight: bold; display: inline-block;max-width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.btn_login .login_downico {background: url(img/user_arrowdown.png) no-repeat right center;background-size:16px 12px;height: 16px;width: 12px;display: inline-block;vertical-align: 12px;padding-left:10px;}
.btn_logon {border-radius: 5px 5px 0 0;}
.login_userBox_wrapper {height: 220px;position: absolute;z-index: 10; top: 45px;right: 0;}
.login_userBox {width: 258px; height: 200px;background: #061034;color: #00f2d1;border-left: 1px solid #425C73;border-right: 1px solid #425C73;border-bottom: 1px solid #425C73;border-top:none;  text-align: center;display: none;}
.login_userBox .userpic {width: 60px;height: 60px;border-radius: 50%; margin: 20px 0 14px 0;}
.login_userBox .userBox_title {text-align: center;display: block;font-weight: bold;}
.login_userBox .userBox_handle{display: inline-block}
.login_userBox .userBox_handle li {float: left;display: inline;}
.login_userBox .userBox_handle li > a, .login_userBox .userBox_title > a {color: #00f2d1}
.login_userBox .userBox_handle .divider {margin: 0 10px;}
.login_imgBox {margin: 20px 0 14px 0;}
.login_imgBox img {border-radius: 50%}

.nav{height:115px;position: relative;overflow: visible;}
.nav > a > img{width: 250px;}
.main_nav{height: 80px;position: absolute;right:0;bottom: 0;}
.main_nav > li{float: left;height: 80px;font-size: 18px;margin: 0 0 0 120px;z-index: 9999;}
.main_nav > li.active > a{color:#00F2D1;background: rgba(255,255,255,0.1);border-radius: 5px;}
.main_nav > li a{color:#FFF;line-height: 80px;transition:all 0.3s ease;position: relative;}
.main_nav > li .ol-list{width: 0px;opacity:0;height:300px;z-index: 9999;position: absolute;top: 90px;right:0;z-index: 999;background: #061034;border-radius:10px;overflow: hidden;transition: all 0.5s;}
.main_nav > li .ol-list > li{height:20px;float: left;margin:30px 0 0 0;padding:0 23px;border-right:1px #fff solid;}
.main_nav > li .ol-list > li > a{padding: 2px 10px;}
.main_nav > li .ol-list > li.active > a{background: #00F2D1;border-radius: 12px;padding: 2px 10px;color:#041133;}
.main_nav > li .ol-list > li.active > a::after{content:'';height:15px;position: absolute;left:50%;right:0;top: 50px;margin-left:-8px;background: url(img/nav_more1.png) no-repeat left top;background-size: auto 100%;}
.main_nav > li .ol-list > li:last-child{border-right: none;}
.main_nav > li .ol-list > li a{line-height: 20px;font-size: 16px;top:-4px;}
.main_nav > li .ol-list > li .ol-list2{position: absolute;top: 120px;left:20px;display: none;}
.main_nav > li .ol-list > li.active .ol-list2{display: block;}
.main_nav > li .ol-list > li .ol-list2 li{float: left;width:270px;height:50px;line-height:50px;text-align: center;}
.main_nav > li .ol-list > li .ol-list2 li .newest{background: #118AFF;color: #fff;font-size: 12px;padding: 2px 4px;border-radius: 3px;position: relative;top:-4px;left:10px;}
.main_nav > li .ol-list > li .ol-list2 li .hottest{background: rgb(255,24,48);color: #fff;font-size: 12px;padding: 2px 4px;border-radius: 3px;position: relative;top:-4px;left:10px;}
.main_nav > li > a::after {
  content: '';
  position: absolute;
  left: 0;
  right:0;
  top: 35px;
  height: 2px;
  background: #00F2D1;
  -moz-transform:scaleX(0);
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  -o-transform:scaleX(0);
  transform:scaleX(0);
  transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: -ms-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: -moz-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: -o-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}
.main_nav > li a:hover {
  color: #00F2D1;
}
.main_nav > li a:hover::after {
  -moz-transform:scaleX(1);
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  -o-transform:scaleX(1);
  transform:scaleX(1);
}
.nav_more{background: url(img/nav_more.png) no-repeat right center;padding: 0 30px 0 0;}
.nav_more:hover{background: url(img/nav_more1.png) no-repeat right center;}
.main_nav > li ul{width:0;position: absolute;right:0;background: #041133;color:#fff;z-index: 9999;overflow:hidden;transition: all 0.3s;}
.main_nav > li ul li{width:100%;height: 70px;line-height: 70px;text-align: left;position: relative;border-top:2px solid rgba(255,255,255,0.2);overflow: hidden;}
.main_nav > li ul li a{line-height: 70px;padding-left: 30px;}
.main_nav > li ul li:hover{color: #00F2D1;}
.main_nav > li ul li::after{
  content: '';
  position: absolute;
  left:20px;
  right:20px;
  top: 60px;
  height: 2px;
  background: #00F2D1;
  -moz-transform:scaleX(0);
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  -o-transform:scaleX(0);
  transform:scaleX(0);
  transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: -ms-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: -moz-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: -o-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}
.main_nav > li ul li:hover:after{
  -moz-transform:scaleX(1);
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  -o-transform:scaleX(1);
  transform:scaleX(1);
}

.main_nav .active {color: #00F2D1;background:none;}
.main_nav > li.active > a {background:none;}
.main_nav .active a span {color: #00F2D1;background:none;}
.main_nav > li.active > a {background:none;}

/*bottom*/
.bottom{width: 100%;background: #061034;padding:80px 0 150px 0;margin: 80px 0 0 0;}
.bottom img{float: left;}
.bottom_1{width:25%;float: left;margin: 0 0 0 50px;}
.bottom_1 p{font-size: 16px;color: #5b7189;line-height: 30px;letter-spacing: 0;}
.bottom_2{width:30%;float: left;}
.bottom_2 p{font-size: 16px;color: #5b7189;line-height: 30px;letter-spacing: 0;}
.bottom_3{width:25%;float: right;}
.bottom_3 p{font-size: 16px;color: #5b7189;line-height: 30px;letter-spacing: 0;}
.bottom_3 p span{float: right;}
/*bottom*/
/*bottom2*/
.bottom2{width: 100%;background: #061034;padding:0 0 150px 0;margin: 80px 0 0 0;}
.bottom2 img{float: left;}
.bottom2 .bottom_1{width:25%;float: left;margin: 0 0 0 50px;}
.bottom2 .bottom_1 p{font-size: 16px;color: #5b7189;line-height: 30px;letter-spacing: 0;}
.bottom2 .bottom_2{width:30%;float: left;}
.bottom2 .bottom_2 p{font-size: 16px;color: #5b7189;line-height: 30px;letter-spacing: 0;}
.bottom2 .bottom_3{width:25%;float: right;}
.bottom2 .bottom_3 p{font-size: 16px;color: #5b7189;line-height: 30px;letter-spacing: 0;}
.bottom2 .bottom_3 p span{float: right;}
/*bottom2*/

/*login*/
.model{width:100%;height:100%;background: rgba(0,0,0,0.6);position: fixed;left:0;top:0;z-index: 9998;display: none;}
.login{width: 480px;padding-bottom: 20px;background: rgb(7,16,51);border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.5);position: fixed;left:50%;margin-left:-240px;top:50%;margin-top:-280px;z-index: 9999;display: none;}
.login h5{width: 100%;font-size:24px;font-weight:normal;text-align: center;color: #fff;margin: 30px 0 80px 0;}
.login input{width: 76%;height: 50px;background:#fff;border:none;color: #999;font-size: 18px;border-radius: 10px;margin: 10px 12%;text-indent: 15px;}
.login input::-webkit-input-placeholder{color:#999;}
.login button{width:76%;height: 80px;background: #00F2D1;color: #041133;font-size: 20px;border-radius: 10px;margin: 20px 12%;border:none;font-weight: bold;cursor: pointer;}
.login p{width: 76%;color: #fff;font-size: 14px;margin: 60px 12%;text-align: center;}
.login p a{padding:0 18px;border-right:1px solid #fff;color: #fff;}
.login p a:first-child{padding: 0 18px 0 0;}
.login p a:last-child{border-right: none;padding: 0 0 0 18px;}
.login .login_close{width:22px;height:22px;background:url(img/btn_close.png) no-repeat left top;position: absolute;right:15px;top:15px;cursor: pointer;}
.v9black_loginsuccessBox {text-align: center;padding-top: 20px;}
/*login*/

/*info*/
.info{width: 480px;height:560px;background: rgb(7,16,51);border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.5);position: fixed;left:50%;margin-left:-240px;top:50%;margin-top:-280px;z-index: 9999;display: none;}
.info h5{width: 100%;font-size:24px;font-weight:normal;text-align: center;color: #fff;margin: 30px 0 80px 0;}
.info input{width: 76%;height: 50px;background:#fff;border:none;color: #999;font-size: 18px;border-radius: 10px;margin: 10px 12%;text-indent: 15px;}
.info input::-webkit-input-placeholder{color:#999;}
.info button{width:76%;height: 80px;background: #00F2D1;color: #041133;font-size: 20px;border-radius: 10px;margin: 20px 12%;border:none;font-weight: bold;cursor: pointer;}
.info p{width: 76%;color: #fff;font-size: 14px;margin: 60px 12%;}
.info span{width:22px;height:22px;background:url(img/btn_close.png) no-repeat left top;position: absolute;right:15px;top:15px;cursor: pointer;}
/*info*/

.name .info {width:auto;height:30px;background:none;box-shadow: none;position: inherit;display:inline-block;margin-left:0;margin-top:0;line-height:30px;z-index: 0}


/* 分页 */
/* 外面盒子样式---自己定义 */
.page_div{margin:30px 10px 50px 0;color:#666;text-align: center}
/* 页数按钮样式 */
.page_div button{display:inline-block;border-radius:15px;cursor:pointer;background:none;border:none;color:#fff;font-size:16px;margin:0 5px;padding:3px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#firstPage,#lastPage,#nextPage,#prePage{color:#041133;background:#00F2D1;margin:0 20px;}
.page_div .current{background-color:#00F2D1;color:#041133}
/* 页面数量 */
.totalPages{margin:0 10px}
.totalPages span,.totalSize span{color:#0073A9;margin:0 5px}
/*button禁用*/
.page_div button:disabled{opacity:.5;cursor:no-drop}


.star_grade img {width:16px;height:16px;}
.star_grade {display:inline-block}





/*导航阴影*/.box_shadow{width:100%;box-shadow: 0px 10px 10px rgba(0,0,0,0.2);z-index: 9999;position: relative;}
.crumbs{height: 50px;line-height:50px;margin: 50px 0 0 0;color: #9d9fae;font-size: 16px;}
.crumbs a{color: #9d9fae;font-size: 16px;}
.crumbs span{margin: 0 10px;}

.v9black_foot {background:#1f2346;margin-top:20px;}
.v9black_foot .copyright ul {height:80px;border-bottom:1px solid #474A51;line-height:100px;text-align: center;width:1400px;margin:0 auto;}
.v9black_foot .copyright ul li {display:inline-block;padding:0;}
.v9black_foot .copyright ul li a span {color:#fff;font-size:12px;}
.v9black_foot .copyright ul li a span:hover {color:#fff;}
.v9black_foot .copyright p {height:50px;line-height:50px;font-size:12px;color:#fff;text-align: center}
.v9black_foot .copyright p a {color:#fff;}

/*logo*/
.v9black_school_name {background: url(../pic/school_name.png) no-repeat left center;width: 500px;height: 115px;position: absolute;top: -25px;}
/*二维码*/
.v9black_ewm {background: url(../pic/app_v9black.jpg) no-repeat left top;background-size: 108px 108px;}
/*回到顶部*/
.v9black_toTop {position: fixed;right: 0;top: 80%; width: 54px;height: 50px;z-index: 9999;background:#005097;font-family: "宋体";font-size: 12px;color:#80A8CB;text-align: center;cursor: pointer; display: none;}
.v9black_toTop img {display: block;margin: 10px 0 3px 17px;}

.v9black_copyright {width:1400px;margin:0 auto;height:80px;line-height:80px;text-align: center;border-bottom:1px solid #474A51;color:#fff;}
.v9black_copyright span {color:#8A8A8A;font-size:12px;}
.v9black_foot .v9black_copyright  span {color:#fff;}
.v9black_copyright span:hover {color:#fff;}
.v9black_totalVisits {background:url(../v8_newstyle/image/fw.png) no-repeat center left;padding-left:20px;}
.v9black_totalCourse {background:url(../v8_newstyle/image/zkc.png) no-repeat center left;padding-left:20px;margin-left:20px;}
.v9black_onlineNum {background:url(../v8_newstyle/image/zx.png) no-repeat center left;padding-left:20px;margin-left:20px;margin-right: 16px;}
.v9black_onlineNum_pc {background:url(../v8_blue/image/pc_online_ico.jpg) no-repeat center left;padding-left:20px;margin-left: 4px;}
.v9black_onlineNum_mobile {background:url(../v8_blue/image/mobile_online_ico.jpg) no-repeat center left;padding-left:20px;}
.v9black_olineNum_divide {margin: 0 12px;color: #8A8A8A!important;}

@media screen  and (max-width: 1500px) {
    .width1400{width:1200px;}
    .v9black_foot .copyright ul {width:1200px;}
    .v9black_copyright {width:1200px;}

    .main_nav > li .ol-list{height:280px;}
    .main_nav > li .ol-list > li{padding:0 16px;}
    .main_nav > li .ol-list > li .ol-list2 li{width:230px;text-align: center;}
    .main_nav > li .ol-list > li .ol-list2 {top: 100px;}

    .main_nav > li{float: left;height: 80px;font-size: 18px;margin: 0 0 0 80px;z-index: 9999;}
}
.cell_phone,.verifies{
  background: #FFFFFF!important;
}
.cell_phone input,.verifies input{
  margin: 0;
  border: none;
  width: 100%;
  text-indent: 44px;
  background: #ffffff url(./img/phone.png) no-repeat 12px center!important;
}
.verifies input{
  width: calc(100% - 145px);
  background-image: url("./img/auth_code.png")!important;
}

.login_action {
  color: #6CEED2;
  border-bottom: 2px solid #6CEED2;
}
.login_nav{
  color: #FFFFFF;
}