* {margin: 0; padding: 0; outline: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;}
@font-face { font-family: "Microsoft YaHei";}
input,select,button{border:none;background: none;}
select,button{appearance: none;outline: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;}
input:focus{outline:none;}
input::-ms-input-placeholder{color: #333333;}
input::-webkit-input-placeholder{color: #333333;}
input::-moz-placeholder{color: #333333;}
a{text-decoration: none;}
ul li{list-style: none;}
body{width: 100%;height:auto;background:#fff;margin:0 auto;}
.clearfix::after{content: "";display: block;clear: both;}
input,div,p,span,a,i,em,ul,li,dl,dd,dt,table,th,td,form，h1,h2,h3,h4,h5,h6{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
label input{display:none}
table{border-collapse:separate;border-spacing:0}
i{font-style:normal}
.w1200{width:1200px;margin:auto}
/*顶部*/
.top{padding-top:16px;padding-bottom:20px}
.top-main{width:1200px;margin:auto;display:flex;justify-content:space-between}
.top-main .zd-logo{width:150px;height:56px;display:block}
.top-main .login dl{display:flex;padding-left:8px}
.top-main .login dl dd a{color:#999999;font-size:16px;display:block;text-align:center}
.top-main .login .start-btn{width:85px;height:25px;background-color:#d5b781;border-radius:5px;color:#ffffff;line-height:25px;text-align:center;font-size:16px;display:block;margin-top:10px}
/*顶部结束*/
/*banner*/
.banner{background:url("../images/banner.jpg") no-repeat center;width:100%;height:600px;overflow:auto}
.banner-title{width:1200px;margin:auto;height:180px;background-color:#ffffff;box-shadow:-1px 1px 50px 0px 
    rgba(0,0,0,0.06);border-radius:90px;margin-top:-80px;overflow:auto}
.banner-ul ul{display:flex;justify-content:space-between;width:845px;margin:auto;margin-top:35px}
.banner-ul ul li{width:25%;cursor:pointer}
.banner-ul ul li div{margin:auto}
.banner-ul ul li:nth-child(1) div{background:url("../images/shengkao.png") no-repeat center;width:73px;height:73px}
.banner-ul ul li:nth-child(2) div{background:url("../images/guokao.png") no-repeat center;width:73px;height:73px}
.banner-ul ul li:nth-child(3) div{background:url("../images/jingkao.png") no-repeat center;width:73px;height:73px}
.banner-ul ul li:nth-child(4) div{background:url("../images/shiye.png") no-repeat center;width:73px;height:73px}
.banner-ul ul li:nth-child(1) .xuanzhong{background:url("../images/shengkao-1.png") no-repeat center!important;width:73px!important;height:73px!important}
.banner-ul ul  li:nth-child(2) .xuanzhong{background:url("../images/guokao-1.png") no-repeat center!important;width:73px;height:73px}
.banner-ul ul  li:nth-child(3) .xuanzhong{background:url("../images/jingkao-1.png") no-repeat center;width:73px;height:73px}
.banner-ul ul  li:nth-child(4) .xuanzhong{background:url("../images/shiye-1.png") no-repeat center;width:73px;height:73px}
.banner-ul ul li p{text-align:center;color:#333333;font-size:18px;margin-top:15px}
/*banner over*/
/*content*/
.content-title{display:flex;justify-content:center;box-sizing:border-box;margin-top:55px;position:relative}
.content-title p::before{content:"";background:url("../images/b-left.png") no-repeat center;width:41px;height:17px;background-size:100% 100%;transform:translateY(12px);margin-right:21px}
.content-title p::after{content:"";background:url("../images/b-right.png") no-repeat center;width:41px;height:19px;background-size:100% 100%;transform:translateY(12px);margin-left:21px}
.content-title p{color:#222222;font-size:36px;font-weight:bold;display:flex}
.content-title span{position:absolute;color:#666666;font-size:16px;display:block;text-align:center;top:50px}
.content-all{display:none}
.aciton{display:block}
.content-flex-title{margin-top:20px}
.content-flex-title ul{display:flex;justify-content:space-between}
.content-flex-title ul li{display:flex}
.content-flex-title ul li .kuai{width:9px;height:22px;background-color:#dcc292;border-radius:2px;margin-top:6px}
.content-flex-title ul li p{color:#222222;font-size:24px;margin-left:10px}
.next{color:#666666;font-size:14px;display:block}
.next:hover{color:#fda02f;text-decoration:underline;cursor:pointer}
.content-lesson{display:flex;justify-content:space-between;margin-top:23px}
.content-lesson-1{width:281px;height:296px;background-color:#ffffff;box-shadow:-1px 1px 30px 0px 
    rgba(0,0,0,0.06);border-radius:5px;margin-bottom:22px}
.content-lesson-title p{color:#333333;font-size:18px;margin-top:21px;margin-left:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}
.content-lesson-teacher{width:90%;margin:auto;margin-top:15px}
.content-lesson-teacher-1{display:flex;justify-content:space-between}
.content-lesson-teacher-2{display:flex}
.content-lesson-teacher-2 p{color:#666666;font-size:14px;margin-left:7px}
.content-free{width:36px;height:16px;background-color:#eb5959;border-radius:2px;margin-top:3px}
.content-free p{color:#ffffff!important;text-align:center!important;line-height:16px!important;margin-left:0!important}
.content-xian{width:90%;margin:auto;background:#e3e3e3;height:1px;margin-top:10px}
.content-submit{display:flex;justify-content:space-between;width:90%;margin:auto;margin-top:14px}
.content-submit-1 p{color:#666666;font-size:14px;line-height:28px}
.content-submit-2{width:90px;height:28px;background-image:linear-gradient(-87deg,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.8) 100%),linear-gradient(
    #fda02f,#fda02f);background-blend-mode:soft-light,normal;border-radius:14px;cursor:pointer}
.content-submit-2 p{color:#ffffff;font-size:14px;text-align:center;line-height:28px}
.content-submit-2 p a{color:#F8F8F8;font-size:14px;text-align:center;line-height:28px;display:block;text-decoration:none}
.mengban{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.content-background{background:#f8f8f8;overflow:auto;margin-top:60px;padding-bottom:60px}
.content-lesson ul{width:100%; display: flex;}
.content-lesson ul li{width:25%}
/*content over*/