* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    margin: 0;
    border: 0; 
}
html,body  {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-break: break-all;
    vertical-align: baseline;
    height: 100%;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea, p,blockquote, th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
ol,ul {
    list-style: none
}
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: 0;
}
button {
    border:0;
    padding: 0;
    cursor: pointer;
}
button:disabled,
input:disabled{
    cursor: default;
    background-color: #afafaf!important;
    color: #FFFFFF!important;
}
button, input, select, textarea {
    border:0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a4a4a4;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a4a4a4;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a4a4a4;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a4a4a4;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.hidden{
    display: none;
}
.font_on{
    color: #df1d1d!important;
}
.main{
    width: 100%;
    min-height: 100%;
    position: relative;
}
.gray_bg{
    background-color: #eeeeee;
}
.w1280{
    width: 1280px;
    margin: 0 auto;
}
.padding_b100{
    padding-bottom: 100px!important;
}

.bread_line{
    height: 51px;
    line-height: 51px;
    color: #888888;
}
.bread_line .line_title{
    font-size: 15px;
    color: #888888;
}
.bread_line a{
    font-size: 15px;
    color: #888888 !important;
    margin-right: 5px;
}
.bread_line .on{
    color: #4f4f4f;
}

/* 公共头部 */

.head{
    background: url(../images/top_bj.jpg) no-repeat top center #e5181a;
}
.head{
    height: 215px;
}
.head_top_left{
    float: left;
    margin-top: 79px;
}
.head_top_right{
    float: right;
    margin-top: 27px;
    margin-right: 52px;
    margin-left: 40px;
    
}
.head_login{
    color: #212225;
    height: 43px;
    line-height: 43px;
}
.head_login .head_login_a{
    margin-left: 15px;
}
.head_login .head_login_name{
    margin-top: 2px;
    margin-right: 4px;
    padding-left: 20px;
}
.head_login .head_login_a {
    display: block;
    float: right;
}
.head_login .head_login_name > img{
    float: left;
    margin-top: 8px;
    margin-right: -9px;
}

.head_top_right{
    width: 344px;
    margin-top: 63px;
}
.head_not_login{
    text-align: right;
    font-size: 14px;
    color: #fff;
    margin-bottom: 16px;
}

.head_nav {
	height: 61px;
	background-color: #bc0701;
    width: 100%;
}

.head_nav .nav ul {
	width: auto;
}
.nav{
    position: relative;
    z-index: 1000;
}
.nav li{
    width: 210px;
    border-right: 1px solid #dc2c26;
    text-align: center;
    float: left;
}

.nav li img{
    margin-right: 13px;
    position: relative;
    bottom: -3px;
}

.nav li a{
    display: block;
}

.nav li a:hover{
    color: #fff;
}

.nav_item{
    display: block;
    padding: 0;
    height: 61px;
    line-height: 61px;
    box-sizing: border-box;
    font-size: 18px;
    color:#fff;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -ms-transition: 0.1s all;
    -o-transition: 0.1s all;
    transition: 0.1s all;
} 

.head_top_left img{
    float: left;
}
.logo_img_right{
    border-left: 1px solid #fff;
    float: left;
    margin-left: 17px;
    padding: 8px;
    padding-left: 20px;
}
.logo_img_right .logo_img_right_top{
    font-size: 29px;
    font-family: '黑体';
    color: #fff !important;
    font-weight: 800;
}
.head_top_right_search{
    width: 373px;
    height: 43px;
}
.head_top_right_search input{
    width: 291px;
    background-color: #fff;
    height: 43px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    float: left;
    padding-left: 29px;
}

.head_top_right_search a{
    width: 53px;
    height: 43px;
    display: block;
    float: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: url(../images/ico2.png) no-repeat center center #ff9702;
}



.main_content{
    background: url(../images/bj.jpg) no-repeat top center #f5f7fa;
    background-size: 100% ;
    min-height: 1000px;
    padding-bottom: 30px;
}
.banner{
    width: 100%;
}


/*公共脚部  start*/
.foot{
    width: 100%;
    height: 237px;
    background:url(../images/foot_bj.jpg) no-repeat bottom center #bf1d14;
    padding-top: 58px;
}

.foot p{
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}
.foot p img{
    margin-top: 17px;
}

/*公共脚部  end*/

/* 分页 公共  start */
#cardpage{
    text-align: center;
}
.paginga {
    width: 660px;
    font-size: 0;
    text-align: center;
    margin: 74px auto 0px;
}
.paginga a, .paginga .p_prev, .paginga .p_next, .paginga .p_go {
    width: 24px;
    height: 24px;
    border: 1px solid #c8c8c8;
    display: inline-block;
    font-size: 13px;
    color: #646464;
    line-height: 23px;
    text-align: center;
    margin: 0 3px;
    border-radius: 2px;
}
.paginga a.a_cut {
    border: 1px solid #e3322a;
    background: #e3322a;
    color: #ffffff;
}
.paginga .a_x:hover, .paginga .p_prev:hover, .paginga .p_next:hover, .paginga .p_first:hover, .paginga .p_last:hover {
    border: 1px solid #e3322a;
    background: #e3322a;
    color: #ffffff;
}
.paginga .p_prev, .paginga .p_next, .paginga .p_last {
    width: 55px;
}
.paginga span {
    font-size: 14px;
    color: #6a6a6a;
    display: inline-block;
    margin: 0 12px 0 26px;
}
.paginga span input {
    width: 50px;
    height: 24px;
    border: 1px solid #c8c8c8;
    color: #646464;
    line-height: 24px;
    margin: 0 6px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
}
.paginga span div {
    display: inline-block;
}
.paginga .p_go {
    width: 38px;
    height: 24px;
    border-color: #c8c8c8;
    display: inline-block;
    color: #6f6666;
}
.paginga a.p_first, .paginga a.p_last {
    width: 40px;
    height: 24px;
    border: 1px solid #c8c8c8;
    display: inline-block;
    font-size: 13px;
    color: #646464;
    line-height: 24px;
    text-align: center;
    margin: 0 3px;
    border-radius: 2px;
}
/* 分页 公共  end */

/* 404 */
.main_404_con{
    background-color: #f2f1f1;
    height: 100%;
    padding-bottom: 29px;
    min-height: 770px;
}
.main_404{
    text-align: center;
    padding-top: 179px;
}
.main_404 div{
    margin: 39px 0px;
    font-size: 22px;
    color: #6c6c6c;
}
.main_404 a{
    width: 116px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #e62e37;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 3px;
}

/* end */

/* 登录页公共样式 */
.class-layer-login {
    border-radius: 10px;
}
.class-layer-login .layui-layer-setwin .layui-layer-close2{
    right: -5px;
    top: -11px;
    color: #949494;
    background-color: #fff;
    border:0px
}

.iLayui-open-skin {
border-radius: 10px;
}

.iLayui-open-skin .layui-layer-title {
    height: 0;
    line-height: 0;
    border-radius: 4px;
}


/* 划归样式 */
.home_2_ul img:hover, .teacher_list img:hover , .famous_teacher_list_l img:hover, .topic_left:hover ,.lesson_left:hover, .lesson_list_left:hover, .my_user_left:hover{
	box-shadow: 2px 0 4px rgba(0, 21, 41, .35);
}

/* 输入框点击样式 */
.layui-form .layui-input:focus{
    border-color:#e62e37!important
}

/* 修改密码 */
.class-layer-password .layui-form-label{
    display: block;
}
.not_password_con{
    margin: 0 20px;
}
.class-layer-password .layui-title{
    color: #222222;
    margin-bottom: 5px;
}
.class-layer-password .layui-btn{
    background-color: #e62e37;
}
.class-layer-password .layui-btn-yzm{
    background-color: #f2f2f2;
}
.class-layer-password .layui-btn-yzm:hover{
    border: 1px solid #e62e37;
}
.class-layer-password .layui-input, .class-layer-password .layui-btn{
    border-radius: 5px;
}


.nav_content{
    width: 209px;
    background-color: #ffffff;
    position: absolute;
    box-shadow: 0px 1px 5px #dfdcdc;
    display: none;
}
.nav_content ul{
    margin-top: 13px;
}
.nav_content li{
    border-right: 1px solid #ffffff;
    height: 50px;
    line-height: 50px;
}
.nav_content li:hover{
    background-color: #fff2f2 !important
}
.nav_content li a{
    color: #2e2e2e;
}

.nav_content li:hover a{
    color: #b90000 !important
}
.nav li:hover{
    background-color: #ac0701;
}
.nav li:hover .nav_content{
    display: block;
}