@charset "UTF-8";body{margin:0 auto;min-width:1200px;background:#f6f9fd;color:#333;font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif}
button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,iframe,input,ol,p,select,textarea,ul{margin:0;padding:0}
img{border:0 none;vertical-align:top}
li,ol,ul{list-style-type:none}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
a{color:#333;text-decoration:none;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease}
a:hover{text-decoration:none}
a,a:hover{outline:0}
input{outline:0}
textarea{resize:none}
.layout{margin:0 auto;width:1100px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.abs{position:absolute}
.tc{text-align:center}


.header-wrap {
    height: 77px;
    background-color: #fff;
}
.nav-wrap {
    height: 307px;
    background: url(../images/a_04.png) no-repeat center top
}
/*.nav-wrap02 {*/
/*    height: 307px;*/
/*    background: url(../images/a_05.png) no-repeat center top*/
/*}*/
.learning-process-wrap {
    margin: 23px auto 24px;
    padding-top: 28px;
    width: 1100px;
    height: 200px;
    background: #fff;
    border-radius: 4px;
}

.learning-process-wrap .learning-process {
    overflow: hidden;
    padding-top: 30px;
    padding-left: 40px;
}
.learning-process-wrap .learning-process ul li {
    font-size: 19px;
    display: inline-block;
    width: 140px;
    margin: 0 -7px 0 30px;
    line-height: 40px;
    text-align: left;
    float: left;
    background: url(../images/a_34.png) no-repeat right 31px;
}
.learning-process-wrap .learning-process ul li:last-child {
    background: none;
}
.login-Wrap {
    width: 320px;
    height: 380px;
    padding: 0 30px;
    background: #fff;
    float: right;
    border-radius: 4px;
}
.login-Wrap .loginCon {
    width: 320px;
    text-align: center;
}
.login-Wrap .loginCon .logTit {
    font-family: FZLanTingHeiS-B-GB;
    font-weight: 400;
    font-size: 20px;
    background: url(../images/an_01.png) no-repeat center top;
    background-position: 98px 5px;
    margin: 29px 0px;
    color: #333333;
    line-height: 5px;
    overflow: hidden;
}
.login-Wrap .loginCon .logTit a {
    float: left;
    margin: 0 40px 0 0;
    color: #333;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px
}
.login-Wrap .loginCon .logTit a.blue {
    color: #279AFE
}
.login-Wrap .loginCon .logTit em {
    float: left;
    display: inline-block;
    margin: 3px 20px 0;
    width: 1px;
    height: 14px;
    background: #e2e2e2
}
.login-Wrap .loginCon .Switch-Wrap{
    display:none;
}
.login-Wrap .loginCon .Switch-Wrap .Switch-box {
    display: none
}
.login-Wrap .loginCon2 .input-item {
    margin: 0 auto 12px !important
}
.login-Wrap .loginCon .input-item {
    margin: 0 auto 16px;
    padding-left: 21px;
    width: 303px;
    height: 50px;
    border-radius: 10px;
    background: #f7f7f8
}
.login-Wrap .loginCon .input-item .iconImg {
    float: left;
    margin-top: 16px
}
.login-Wrap .loginCon .input-item input {
    float: left;
    padding-left: 22px;
    width: 252px;
    height: 50px;
    border: none;
    background: 0 0;
    color: #333;
    font-size: 14px;
    line-height: 50px;
}
.login-Wrap .loginCon .input-item.yzmCon input {
    float: left;
    width: 150px
}
.login-Wrap .loginCon .input-item.yzmCon .sryzm {
    display: inline-block;
    margin-top: 10px
}
.login-Wrap .loginCon .clickBtn {
    display: inline-block;
    margin-top: 4px;
    border-radius: 23px;
    background: linear-gradient(90deg, #f9b75c, #ef8639);
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 46px;
    font-weight: 700;
    width: 142px;
    height: 46px;
}
.login-Wrap .loginCon .clickBtn.bluebk-btn{
    background: linear-gradient(-49deg, #3095FC, #0083FE);
    box-shadow: 0px 3px 7px 0px rgba(43,108,255,0.26);
}
.login-Wrap .loginCon .findPassword {
    display: inline-block;
    margin-top: 10px;
    color: #154ad7;
    font-size: 16px;
    line-height: 33px
}
.login-Wrap .loginCon .input-item .input-showText {
    position: absolute;
    top: 2px;
    right: 17px;
    bottom: 0;
    overflow: hidden;
    width: 30px;
    background: url(../images/e_02.png) no-repeat center center;
    line-height: 68rem;
}
.login-Wrap .loginCon .input-item .input-hideText {
    background: url(../images/e.png) no-repeat center center
}
.login-Wrap  .enterprise-login a{
    width: 320px;
    height: 50px;
    background: linear-gradient(90deg, #F9B75C, #EF8639);
    border-radius: 25px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin-bottom: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
}
.login-Wrap  .enterprise-login a.logout-btn{
    background: #C4C4C4;
}
.Process-wrap {
    overflow: hidden;
    margin-top: 20px
}
.Process-wrap .Process-list {
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 696px;
    border-radius: 4px;
}
.Process-wrap .Process-list .tit {
    margin-bottom: 12px
}
.Process-wrap .Process-list .tit p {
    width: 126px;
    height: 36px;
    border-radius: 4px 0 16px 0;
    background: linear-gradient(-49deg, #3095fc, #0083fe);
    box-shadow: 0 3px 7px 0 rgba(43, 108, 255, .26);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    font-family: FZLanTingHeiS-B-GB;
    line-height: 36px
}
.Process-wrap .Process-list .tit a {
    position: absolute;
    top: 23px;
    right: 30px;
    display: inline-block;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    font-family: FZLanTingHeiS-R-GB;
    line-height: 32px;
    line-height: 14px
}
.Process-wrap .Process-list ul {
    padding: 0 30px 32px
}
.Process-wrap .Process-list ul li {
    height: 49px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 16px;
    padding-left: 10px;
    line-height: 49px;
}
.Process-wrap .Process-list ul li a {
    height: 49px;
    display: inline-block;
    width: 100%;
}
.Process-wrap .Process-list ul li span {
    max-width: 500px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.Process-wrap .Process-list ul li:first-child span::after{
    width: 25px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    background: linear-gradient(-90deg, #EF0202, #EF0202);
    content: '置顶';
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 10px 0px 0px -18px;
    position: absolute;
}
.Process-wrap .Process-list ul li i {
    float: right;
    color: #999;
    font-size: 13px;
    line-height: 48px;
    line-height: 48px
}
.class-List {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top:32px;
    background: #fff;
    border-radius: 4px;
}
.class-List .Switch-Con {
    position: relative;
    padding-top: 24px;
    height: 72px;
}
.class-List .Switch-Con .search-con{
    width: 460px;
    height: 44px;
    line-height: 46px;
    border-radius: 23px;
    padding: 0 10px;
    text-align: center;
    border: 1px solid #D7E1F8;
    position: absolute;
    left: 50%;
    margin-left: -240px;
    overflow:hidden;
}
.class-List .Switch-Con .search-con input{
    width: 400px;
    height: 44px;
    float: left;
    border: none;
}
.class-List .Switch-Con .search-con a{
    width: 26px;
    height: 27px;
    background: url(../images/an_01.png) no-repeat center top;
    background-position: -5px -442px;
    display: inline-block;
    float: right;
    margin: 9px 7px 0 0;
}
.class-List .Switch-Con a.more {
    position: absolute;
    top: 43px;
    right: 30px;
    color: #999
}
.class-List .tab-Course .course-list {
    display: none
}
.class-List .tab-Course .course-list ul {
    overflow: hidden;
    padding: 0 10px 10px;
    background-color: #fff
}
.class-List .tab-Course .course-list ul li {
    float: left;
    margin: 0 20px 30px;
    width: 320px;
    height: 299px;
    border-radius: 4px;
    background: #fff
}
.class-List .tab-Course .course-list ul li .introduce-list {
    padding: 0 13px;
    width: 290px;
    height: 77px;
    border: 2px solid #edeff5;
    border-top: none;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #fff
}
.class-List .tab-Course .course-list ul li .introduce-list .pt {
    display: inline-block;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    line-height: 92px;
    line-height: 36px
}
.class-List .tab-Course .course-list ul li .introduce-list .pt i {
    color: #333;
    font-weight: 700
}
.class-List .tab-Course .course-list ul li .introduce-list .pt.lecturer {
    margin-right: 47px
}
.class-List .tab-Course .course-list ul li .introduce-list .pt.period {
    margin-right: 20px
}
.class-List .tab-Course .course-list ul li .introduce-list .botCon {
    display: inline-block;
    width: 100%
}
.class-List .tab-Course .course-list ul li .introduce-list .botCon .free-listen {
    display: inline-block;
    width: 119px;
    height: 28px;
    border-radius: 14px;
    background: linear-gradient(90deg, #f9b75c, #ef8639);
    color: #fff;
    text-align: center;
    line-height: 28px;
    margin-left: 20px;
}
.class-List .tab-Course .course-list ul li .introduce-list .botCon .free-listen img {
    margin-left: 6px;
    vertical-align: -4px
}
.class-List .tab-Course .course-list ul li .introduce-list .botCon .man {
    display:inline-block;
    color: #ff853c;
    font-size: 13px;
    line-height: 28px
}
.class-List .tab-Course .course-list ul li .introduce-list .botCon .man img {
    margin-right: 7px;
    vertical-align: -3px
}
.bottom-wrap{
    padding: 34px 0 42px;
    background: linear-gradient(90deg, #0083FE 0%, #0275C6 100%);
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
}

.floatCtro{
    position: fixed;
    top:417px;
    text-align: center;
    left: 50%;
    margin-left: 584px;
    width: 80px;
    /*height: 146px;*/
    background: #FFFFFF;
    overflow:hidden;
    box-shadow: 0px 0px 22px 2px rgba(196, 196, 196, 0.31);
    border-radius: 5px;
}
.floatCtro li a{
    height: 20px;
    width: 80px;
    display: inline-block;
    padding-top: 53px;
    border-bottom: 1px solid #EDEDED;
    font-size: 14px;
    color: #333333;
    line-height: 5px;
}
.floatCtro li:first-child a{
    background: url(../images/an_01.png) no-repeat center top;
    background-position: 20px -261px;
}
.floatCtro li:nth-child(2) a{
    background: url(../images/an_01.png) no-repeat center top;
    background-position:20px -348px;
}