﻿/**公共样式 start**/
body{
    font:14px "microsoft yahei",Arial,Helvetica,sans-serif;
    list-style:none;
}
/**
/*右侧固定AI问答入口 start*/
.ai_question{
    position:fixed;
    z-index:990;
    right:10px;
    top:50%;
    transform:translate(0,-50%);
    width:80px;
    height:80px;
    background:#fff;
    border-radius:7px;
    box-shadow:0 0 15px 1px rgba(83, 83, 83, 0.1);
    padding:5px 10px 10px;
    font-size:14px;
    text-align:center;
    transition:all 0.36s;
    box-sizing: border-box;
}
.ai_question i{
    display:block;
    width:40px;
    height:40px;
    background:url(../images/icon_ai.png) no-repeat center left;
    margin:0 auto 5px;
    transition:all 0.36s;
}
.ai_question:hover{
    background:-webkit-linear-gradient(left,rgba(255,133,11,.9) 0,rgba(255,89,69,.9) 100%);
    background:linear-gradient(to right,rgba(255,133,11,.9) 0,rgba(255,89,69,.9) 100%);
    color:#fff;
}
.ai_question:hover i{
    background-position:-40px 0;
}
/*右侧固定AI问答入口 end*/
增加X证书修改导航栏
 */
.top_two2 .layui-nav li a{ padding:0 18px;}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
    margin:0;
    padding:0;
    list-style:none;
    font-weight:400;
    color:#3a3a3a
}
img{
    vertical-align:middle;
    border:none;
}
.left{float:left;}
.right{float:right;}
.clear:after{
    content:'';
    clear:both;
    display:block;
}
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
    color:#666;
}
i{
    font-style:normal;
}
/**公共样式 end**/

/*1200px设置 start*/
.layui-container{
    width:1200px;
    padding:0;
}
/*1200px设置 end*/

/*logo、搜索start*/
.new_top{
    width:100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    min-width:1200px;
}
.top_one{
    position:relative;
    width:1200px;
    height:80px;
    margin:0 auto;
    overflow:hidden;
}
.logo {
    float: left;
    width: 256px;
    height: 80px;
    overflow: hidden;
}
.logo_hide {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -200px;
}
.logo_show {
    float:left;
    margin:20px 20px 20px 40px;
}
.search{
    width:400px;
    height:34px;
    border-radius:20px;
    background-color: rgba(255,255,255,.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
    box-shadow:0 2px 4px 0 rgba(90,90,90,.08);
    overflow:hidden;
}
.search input{
    float:left;
    width:320px;
    height:34px;
    background:none;
    border:0;
    color:#333;
    text-indent:15px;
    font-size:12px;
    overflow:hidden;
}
.search input::-webkit-input-placeholder { color:#333;}
.search input:-moz-placeholder { color:#333;}
.search input::-moz-placeholder { color:#333;}
.search button{
    float:right;
    width:80px;
    height:34px;
    border:0;
    color:#fff;
    background:-webkit-linear-gradient(left,rgba(255,133,11,.9) 0,rgba(255,89,69,.9) 100%);
    background:linear-gradient(to right,rgba(255,133,11,.9) 0,rgba(255,89,69,.9) 100%);
    overflow:hidden;
}

.login{
    float:right;
    color:#fff;
}
.login a{
    display:inline-block;
    line-height:30px;
    color:#fff;
    margin:25px 0;
}
.new_top .search{
    background-color:#f4f4f4;
}
.new_top .search input{
    color:#666;
}
.new_top .search input::-webkit-input-placeholder { color:#666;}
.new_top .search input:-moz-placeholder { color:#666;}
.new_top .search input::-moz-placeholder { color:#666;}
.new_top .login{
    color:#333;
}
.new_top .login a{
    color:#333;
}
/*logo、搜索end*/

/*头部 start*/
.top_box{
    position:relative;
    width:100%;
    height:565px;
    overflow:hidden;
}

#top_nav{
    position:relative;
    z-index:10;
    width:1200px;
}
/*12大分类 start*/
.top_three{
    position:absolute;
    right:0;
    width:200px;
    height:435px;
    padding:28px 0;
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 17%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.5) 88%,rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 17%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.5) 88%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40ffffff,endColorstr=#40ffffff);
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*12大分类 end*/

/*banner start*/
#banner{
    position:absolute;
    top:0;
    z-index:1;
    width:100%;
    height:565px;
    overflow:hidden;
}
/*banner end*/
/*头部 end*/

/*导航 start*/
.top_two .layui-nav{
    background-color: rgba(255,255,255,.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
    border-radius:30px;
}
.top_two .layui-nav li a{
    color:#333;
	padding: 0 18px;
}
.top_two .layui-nav-more {
    border-top-color: #333;
}
.top_two .layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a{
    color:#ff6428;
    font-weight:bold;
}
.top_two .layui-nav .layui-this a{
    color:#ff6428;
    font-weight:bold;
}
.top_two .layui-nav .layui-this:after{
    background:0;
}
.top_two .layui-nav-bar{
    display:none;
}
.top_two .layui-nav .layui-nav-mored{
    border-color:transparent transparent #333;
}
.top_two .layui-nav .layui-nav-item{
    line-height:55px;
}
/*导航 start*/

/*头部样式2 start*/
.same_nav{
    width:100%;
    height:60px;
    background:#fff;
    min-width:1200px;
}
.ve-menu{
    width:1200px;
    height:60px;
    margin:0 auto;
    position:relative;
}
.ve-menu-lt{
    position:absolute;
    left:0;top:0;
    width:240px;
    overflow:hidden;
    z-index:999;
}
.ve-menu-title{
    width:100%;
    height:60px;
    line-height:60px;
    color:white;
    background:#4a9ff5;
    font-size:16px;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ve-menu-title i{
    padding-left:30px;
    margin-right:5px;
}
.ve-menu-lt ul{
    padding:10px 0 15px;
    background:linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(255,255,255,.8) 17%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.8) 88%,rgba(255,255,255,0.5) 100%);
    background:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0,rgba(255,255,255,.8) 17%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.8) 88%,rgba(255,255,255,0.5) 100%);
    position:relative;
    z-index:20;
    display:none;
}
.ve-menu-lt:hover ul{
    display:block;
}
.top_two2{
    position:absolute;
    left:240px;
    top:0;
}
.ve-coner{
    width:1200px;
    height:360px;
    background:white;
    border-radius:5px;
    box-shadow:0 0 15px rgba(0,0,0,.2);
}
.ve-full{
    width:1200px;
    padding:0;
}
.ve-list-topic{
    width:100%;
    height:40px;
    line-height:40px;
    position:relative;
    font-size:16px;
}
.ve-list-more{
    position:absolute;
    right:20px;top:5px;
    width:80px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:14px;
}
.top_two2 .layui-nav .layui-this a {
    color:#4a9ff5;
    font-weight:bold;
}
.top_two2 .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color:#4a9ff5;
    font-weight:bold;
}
/*头部样式2 end*/

/*头部12分类 start*/
.classify{
    width:100%;
    overflow:hidden;
}
.classify li{
    width:100%;
    height:32px;
    line-height:32px;
    overflow:hidden;
}
.classify li:hover{
    background:rgba(255,255,255,.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff,endColorstr=#70ffffff);
}
.classify li a{
    display:block;
    width:100%;
    font-size:13px;
    overflow:hidden;
    transition: all .3s;
}
.classify li:hover a{
    color:#ff6428;
    margin-left:5px;
    font-size:16px;
}
.classify li i{
    float:left;
    width:15px;
    height:15px;
    margin:7px 12px 0 25px;
}
.classify li:first-child i{
    background:url("../images/index/icon1.png") no-repeat center;
    background-size:cover;
}
.classify li:first-child:hover i{
    background:url("../images/index/icon_1.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(2) i{
    background:url("../images/index/icon2.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(2):hover i{
    background:url("../images/index/icon_2.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(3) i{
    background:url("../images/index/icon3.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(3):hover i{
    background:url("../images/index/icon_3.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(4) i{
    background:url("../images/index/icon4.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(4):hover i{
    background:url("../images/index/icon_4.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(5) i{
    background:url("../images/index/icon5.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(5):hover i{
    background:url("../images/index/icon_5.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(6) i{
    background:url("../images/index/icon6.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(6):hover i{
    background:url("../images/index/icon_6.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(7) i{
    background:url("../images/index/icon7.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(7):hover i{
    background:url("../images/index/icon_7.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(8) i{
    background:url("../images/index/icon8.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(8):hover i{
    background:url("../images/index/icon_8.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(9) i{
    background:url("../images/index/icon9.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(9):hover i{
    background:url("../images/index/icon_9.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(10) i{
    background:url("../images/index/icon10.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(10):hover i{
    background:url("../images/index/icon_10.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(11) i{
    background:url("../images/index/icon11.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(11):hover i{
    background:url("../images/index/icon_11.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(12) i{
    background:url("../images/index/icon12.png") no-repeat center;
    background-size:cover;
}
.classify li:nth-child(12):hover i{
    background:url("../images/index/icon_12.png") no-repeat center;
    background-size:cover;
}
/*头部12分类 end*/

/*头部 start*/
#wrong_top{
    width:100%;
    height:80px;
    background:#fff;
}
#wrong_topic{
    width:1200px;
    margin:0 auto;
}
#wrong_topic .logo2{
    float:left;
    height:80px;
    overflow:hidden;
}
.wrong_nav{
    float:left;
    margin:22px 0;
}
.wrong_nav .layui-nav{
    background:#fff;
    padding:0 10px;
}
.wrong_nav .layui-nav .layui-nav-item{
    line-height:36px;
    margin-left:5px;
}
.wrong_nav .layui-nav-item a {
    color:#333;
    padding:0 13px;
}
.wrong_nav .layui-nav-more{
    border-top-color:#333;
    right:2px;
}
.wrong_nav .layui-nav-mored{
    border-color:transparent;
    border-bottom-color:#333;
}
.wrong_nav .layui-nav-child{
    top:40px;
}
.wrong_nav .layui-nav .layui-this:after,
.wrong_nav .layui-nav-bar,
.wrong_nav .layui-nav-tree .layui-nav-itemed:after{
    display:none;
}
.wrong_nav .layui-nav .layui-nav-item a:hover,
.wrong_nav .layui-nav .layui-this>a{
    color:#fff;
    background:#4a9ff5;
    border-radius:3px;
}

#person{
    float:right;
    margin:20px 0;
	display:none;
}
#person a{
    float:left;
    width:80px;
    height:40px;
	line-height:40px;
    border-radius:50%;
    margin-right:15px;
    overflow:hidden;
}
#person a img {
    width:40px;
    height:40px;
}
#person button{
    margin:5px 0;
}
#person button:hover{
    border-color:#4a9ff5;
}
/*头部 end*/

/*精品课程 start*/
.good{
    width:1200px;
    background:#fff;
    padding:0 20px 20px 20px;
    margin-top:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ve-topic{
    position:relative;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:20px;
    padding:10px 0;
    overflow:hidden;
}
.ve-topic .ve-more{
    float:right;
    height:40px;
    line-height:40px;
    color:#666;
    font-size:13px;
    text-align:right;
}
.ve-topic h3{
    float:left;
    font-size:20px;
    color:#4a9ff5;
}
.ve-topic .icon_hot{
    float:left;
    width:16px;
    height:16px;
    background:url("../images/index/icon_hot.png") no-repeat center;
    margin:12px 10px 0 0;
}
.ve-more span{
    margin-left:20px;
    font-size:12px;
}
.ve-more span i{
    font-weight:bold;
    color:#ff982a;
}
.good_subject{
    width:100%;
    overflow:hidden;
}
.good_subject li{
    float:left;
    width:275px;
    margin-left:20px;
    overflow:hidden;
}
.good_subject li:first-child{
    margin-left:0;
}
.good_subject li a{
    display:block;
}
.good_subject li span{
    display:block;
    width:100%;
    height:156px;
    overflow:hidden;
}
.good_subject li img{
    width:100%;
    transition: all .3s;
}
.good_subject li:hover img{
    transform:scale(1.2,1.2);
}
.good_subject li h2{
    width:100%;
    height:35px;
    line-height:35px;
    font-size:15px;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.good_subject li p{
    width:100%;
    height:40px;
    line-height:20px;
    font-size:13px;
    color:#999;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
/*精品课程 end*/

/*底部 start*/
#footer{
    width:100%;
    background-color:#1b1f2a;
    padding:30px 0 25px;
    overflow:hidden;
    min-width:1200px;
}
.footer_box1 {
    float: left;
    width: 740px;
    overflow: hidden;
}
.footer_c{
    width:100%;
    color:#fff;
    text-align:center;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_c a {
    padding:0 15px;
    color:#fff;
    font-size:16px;
}
.copy{
    width:100%;
    margin-top:10px;
    text-align: center;
}
.copy>p{
    width:100%;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:16px;
    color:#999;
    overflow:hidden;
}
.footer_box2{
    float: right;
    width: 440px;
    border-left: 1px solid #797979;
    margin: 30px 0;
    PADDING-LEFT: 20PX;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_box2 li{
   float: left;
    width: 120px;
    text-align: center;
    margin-left: 18px;
    overflow: hidden;
}
.footer_box2 li img{
    width:120px;
}
.footer_box2 li p{
    width:100%;
    color:#fff;
    margin-top:15px;
    overflow:hidden;
}

/*底部 end*/

/*错题 start*/
.layui-table thead tr,
.layui-table[lay-even] tr:nth-child(even){
    background:#eff9ff;
}
.layui-nav .layui-nav-child dd.layui-this a,
.layui-nav-child dd.layui-this{
    background: #4a9ff5;
}
.layui-table tbody tr:hover{
    background: none;
}
.little_note{
    width:100%;
    background:#fffbee url("../images/index/icon_tag.png") no-repeat 10px top;
    box-shadow:3px 3px 8px #fff0c2;
    overflow:hidden;
}
.little_note p{
    width:100%;
    line-height:26px;
    padding:25px 10px 25px 40px;
    text-indent:24px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.layui-table[lay-skin=nob] th{
    text-align:center;
    font-weight:bold;
}
body .demo-class .layui-layer-title {
    color:#fff;
    background:#99CCFF;
    font-size:15px;
}
/*错题 end*/

/*分页 start*/
.page{
    width:100%;
    height:40px;
    line-height:40px;
    padding:10px 0;
    border-top:1px solid #f4f4f4;
    font-size:15px;
    text-align: center;
    overflow:hidden;
}
.page span{
    display:inline-block;
    padding:0 10px;
    margin:0 3px;
    cursor: pointer;
}
.page a{
    display:inline-block;
    padding:0 8px;
    margin:0 3px;
}
.page a.col_blue,.page a:hover,
.page span.prev_page:hover,.page span.next_page:hover{
    color:#4a9ff5;
}
.page span i{
    color:#f00;
    font-weight:bold;
}
/*分页 end*/

/**左侧固定导航栏 start**/
#menu {
    width:50px;
    position:fixed;
    top:50%;
    margin-top:-320px;
    display:none;
}
#menu ul li {
    width:50px;
    height:45px;
    line-height:45px;
    background:#656d79;
    color:#fff;
    text-align:center;
    border-bottom:1px dotted #ddd;
    font-size:12px;
    cursor: pointer;
}
#menu ul li:nth-child(13),#menu ul li:nth-child(14){
    line-height:22px;
    padding:0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#menu ul li:first-child{ border-radius:5px 5px 0 0;  }
#menu ul li.floor { color:#fff;}
#menu ul li:first-child.floor,#menu ul li:first-child:hover{ background:#82a4fb;}
#menu ul li:nth-child(2).floor,#menu ul li:nth-child(2):hover{ background:#05d0f0;}
#menu ul li:nth-child(3).floor,#menu ul li:nth-child(3):hover{ background:#51dcd5;}
#menu ul li:nth-child(4).floor,#menu ul li:nth-child(4):hover{ background:#f4b184;}
#menu ul li:nth-child(5).floor,#menu ul li:nth-child(5):hover{ background:#89cf48;}
#menu ul li:nth-child(6).floor,#menu ul li:nth-child(6):hover{ background:#ffb64d;}
#menu ul li:nth-child(7).floor,#menu ul li:nth-child(7):hover{ background:#68c9f4;}
#menu ul li:nth-child(8).floor,#menu ul li:nth-child(8):hover{ background:#35deb7;}
#menu ul li:nth-child(9).floor,#menu ul li:nth-child(9):hover{ background:#71c963;}
#menu ul li:nth-child(10).floor,#menu ul li:nth-child(10):hover{ background:#fa7564;}
#menu ul li:nth-child(11).floor,#menu ul li:nth-child(11):hover{ background:#cb8cff;}
#menu ul li:nth-child(12).floor,#menu ul li:nth-child(12):hover{ background:#ffa930;}
#menu ul li:nth-child(13).floor,#menu ul li:nth-child(13):hover{ background:#35d1bb;}
#menu ul li:nth-child(14).floor,#menu ul li:nth-child(14):hover{ background:#fe9292;}
#menu a{
    display:block;
    width:50px;
    height:45px;
    line-height:22px;
    padding:0 10px;
    background:#82a4fb;
    border-radius:0 0 5px 5px;
    text-align: center;
    font-size:12px;
    color:#fff;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**左侧固定导航栏 end**/

.now_location{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:15px;
    border-bottom:1px solid #eee;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*暂无内容 start*/
.none_topic{
    width:100%;
    margin:50px 0;
    text-align: center;
    overflow:hidden;
}
.none_topic p{
    width:80%;
    font-size:18px;
    color:#666;
    text-align: center;
    margin:0 auto 50px;
    overflow:hidden;
}
.none_topic a{
    display:block;
    width:120px;
    height:35px;
    line-height:35px;
    border-radius:5px;
    background:#ff982a;
    color:#fff;
    margin:20px auto;
    text-align: center;
    overflow:hidden;
}
.none_topic a:hover{
    background:#ff8400;
}
.layui-elem-quote{
	border-left:5px solid #4a9ff5;
	margin-top:10px;
}
.layui-elem-quote .tpnm{
	font-weight:bold;
	color:#FF5722;
	padding:0 10px;
}
.logo_hide {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -200px;
}
.logo_show {
    float:left;
    margin:20px 20px 20px 40px;
}
/*暂无内容 end*/
.laybox .layui-layer-title{background:#1fa9b0; color:#fff; border: none;}
.layui-tree-iconArrow:after {
    border-width: 6px;
    border-color: transparent transparent transparent #1d2797;
}
.layui-tree-entry{height:30px;}
.layui-tree-icon {
    height: 14px;
    width: 14px;
}
.layui-tree-txt {
	line-height:30px;
	width:180px;
    text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

/*暂无内容 end*/
.layui-elem-quote{border-left:5px solid #4a9ff5}
.iplimit{padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}

.layui-table-page {
    text-align: center;
}