* {
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
    margin: 0;
    padding: 0;
}

html {
    font-size: 14px;
    color: #424242;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}

dl {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #424242;
}

a:hover,
.color81 a:hover,
.color81 a.cur {
    color: #000
}

a.red {
    color: #ff4a56;
}

a.red:hover {
    color: #950b11;
}

.color81,
.color81 a {
    color: #818181;
}

textarea {
    resize: none;
}

/* other */
input.iw60 {
    width: 60px;
}

input.iw80 {
    width: 80px;
}

img {
    border: none;
}

.blue {
    color: #00baf2;
}

input,
button,
input[type="button"] {
    outline: none;
    font-size: 14px;
}

button,
input[type="button"] {
    color: #FFF;
    background-color: #00baf2;
    line-height: 30px;
    border: none;
    padding: 0px 20px;
    cursor: pointer;
}

button:hover,
input[type="button"]:hover {
    opacity: .9;
}

img {
    border: none;
}

body {
    text-align: left;
}

body {
    color: #424242;
    font-size: 14px;
    line-height: 1.75;
    background: #FFF;
    min-width: 1230px;
}

.red {
    color: #ff4a56;
}

.green {
    color: #49af4f;
}

.redb {
    background: #ff4a56;
    color: #FFF;
}

.disabled {
    background: #999;
}

.del {
    text-decoration: line-through;
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.fl,
.Left {
    float: left;
}

.fr,
.Right {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.color999 {
    color: #999;
}

.disp-n {
    display: none;
}

.color42,
.color42 a {
    color: #424242;
}

.color81,
.color81 a {
    color: #818181;
}

.fb {
    font-weight: bold;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

input.iw60 {
    width: 60px;
}

;

input.iw80 {
    width: 80px;
}

/*Margin-Arrays*/
.ml-10 {
    margin-left: -10px;
}

.ml-20 {
    margin-left: -20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml24 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml80 {
    margin-left: 80px;
}

.ml100 {
    margin-left: 100px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr80 {
    margin-right: 80px;
}

.mr100 {
    margin-right: 100px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt80 {
    padding-top: 80px;
}

.pt100 {
    padding-top: 100px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb100 {
    padding-bottom: 100px;
}

.con {
    padding-left: 20px;
}

.border-bom1 {
    border-bottom: 1px solid #ddd;
}

/* text pos */
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

/* 清除浮动 */
.fl,
.Left {
    float: left;
}

.fr,
.Right {
    float: right;
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.pl30 {
    padding-left: 30px;
}

.pr30 {
    padding-right: 30px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    height: 1%;
    zoom: 1;
}

* html .Clearfix {
    display: block;
}

/* for IE/Mac */

.clearfix2 {
    *zoom: 1;
}

.clearfix2:after {
    content: '\0020';
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
}


/* 透明背景层 */
.mask,
.Mask {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(https://imgs.lipuedu.cn/static/img/95dc798763e7191d096823b51600438a1218c0.png);
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
}

/*ALL Pages use*/
.Page {
    width: 1200px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.Header {
    padding: 50px 0px 40px 0px;
    height: 40px;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    position: relative;
    z-index: 100;
}

.Header .Logo {
    margin-top: 0;
    margin-right: 45px;
}

.Header .Logo img.sublogo {
    margin-left: 15px;
    margin-top: 5px;
}

.Header .Navigate {
    margin-left: 0;
}

.Header .Navigate li {
    float: left;
    font-size: 16px;
    line-height: 1;
    padding-top: 24px;
    padding-right: 30px;
    *padding-right: 25px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.Header .Navigate li p.min_more {
    background: url(../images/tips.png) no-repeat right center;
    padding-right: 10px;
    font-size: 16px;
    cursor: default;
}

.Header .Navigate li:hover p.min_more {
    background-image: url(../images/tips2.png)
}

.Header .Navigate li div.min_more {
    position: absolute;
    top: 50px;
    z-index: 101;
    background: #FFF;
    left: -20px;
    right: 10px;
    display: none;
    border: 1px solid #EEE;
    border-radius: 3px;
    line-height: 36px;
}

.Header .Navigate li:hover div.min_more {
    display: block;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.Header .Navigate li div.min_more a {
    display: block;
    text-align: center;
}

.Header .Navigate li {
    float: left;
    font-size: 16px;
    line-height: 1;
    padding-top: 24px;
    padding-right: 30px;
    *padding-right: 25px;
}

.Header .Search {
    height: 22px;
    border: 1px solid #15b1e4;
    border-radius: 5px;
    background-color: #15b1e4;
    margin-top: 20px;
    width: 180px;
}

.Header .Search * {
    height: 22px;
    line-height: 22px;
}

.Header .Search button {
    background-color: transparent;
    border: none;
    color: #FFF;
    width: 50px;
    line-height: 1;
    padding: 0;
}

.Header .Search input {
    border: none;
    width: 130px;
    text-indent: 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    padding: 0;
}

/**/
.Header3 {
    position: relative;
    z-index: 10000;
    height: 50px;
    background: #333;
}

.Header3 ul {}

.Header3 ul li {
    position: relative;
}

.Header3 ul li.logo {
    margin-right: 20px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    margin-top: 5px;
    margin-left: -50px;
}

.Header3 ul li.logo>a {
    padding: 0;
}

.Header3 ul li.logo .logo_pic1 {
    display: block;
    width: 208px;
    height: 40px;
    background: url('../images/top-header_sprites.png') -10px -10px;
}

.Header3 ul li.logo .logo_pic2 {
    display: block;
    width: 110px;
    height: 50px;
    background: url('../images/layout_css_sprites2.png') -230px -80px;
}

.Header3 ul li>a {
    padding: 0 13px;
    line-height: 50px;
    display: block;
    position: relative;
    z-index: 4;
}

.Header3 ul li>a:hover {
    opacity: 1;
}

.Header3 ul li.fl a {
    font-size: 16px;
    color: #FFF;
}

.Header3 ul li.fr {
    font-size: 12px;
}

.Header3 ul li.fr>a {
    color: #DDD;
}

.Header3.IndexHeader_old_bg ul li.fr>a {
    color: #999;
}

.Header3.IndexHeader_old_bg ul li.fr a.vipslgn {
    color: #d32f24;
    padding-left: 40px;
    position: relative;
}

.Header3.IndexHeader_old_bg ul li.fr a.vipslgn:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    width: 21px;
    height: 19px;
    background: url( ) no-repeat -7px -9px;
}

.Header3 ul li.fr:hover>a {
    background: #FFF url(" ") -10px -135px repeat-x;
    background-size: 100% 4px;
    color: #00baf2;
}

.Header3 ul li.links {
    margin: 0;
}

.Header3 ul li.links>a {
    width: 2px;
    height: 50px;
}

.Header3 ul li.links i.icon {
    width: 24px;
    height: 24px;
    background: url(../images/top-header_sprites.png) -10px -234px;
    position: absolute;
    left: 50%;
    top: 13px;
    margin-left: -12px;
    z-index: 5;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.Header3 ul li.links:hover i.icon {
    background: url(../images/top-header_sprites.png) -238px -162px;
}

.Header3 ul li .More {
    position: absolute;
    background: #FFF;
    border-top: 1px solid #DDD;
    box-shadow: 0px 5px 5px 0px rgba(147,153,165,0.15);
    right: -1px;
    top: 50px;
    padding-bottom: 5px;
    display: none;
    text-align: center;
    min-width: 100%;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 0 0 5px 5px;
}

.Header3 ul li .More>a {
    position: relative;
    line-height: 30px;
    margin: 0 5px;
    white-space: nowrap;
    display: block;
    padding: 0 20px;
    color: #424242;
}

.Header3 ul li .More>a:hover {
    background: #EEE;
}


.Header3 ul li.links .More dl {
    border-right: 1px solid #e8e8e8;
    padding-left: 60px;
    text-align: left;
    float: left;
    height: 160px;
}

.Header3 ul li.links .More dl.noBorder {
    border: none;
}

.Header3 ul li.links .More dl dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.Header3 ul li.links .More dl dd.th1 {
    max-width: 130px;
}

.Header3 ul li.links .More dl dd.th2 {
    max-width: 250px;
}

.Header3 ul li.links .More dl dd a {
    color: #666;
}

.Header3 ul li.links .More dl dd a:hover {
    color: #00a8e9;
}

.Header3 ul li.links .More dl p {
    width: 125px;
    margin-bottom: 5px;
    float: left;
}

.Header3 ul li.hasMore>a {
    padding-right: 25px;
}

.Header3 ul li.hasMore i.icon {
    background-position: 0 -250px;
    width: 9px;
    height: 6px;
    position: absolute;
    right: 10px;
    top: 22px;
    z-index: 5;
}

.IndexHeader_old_bg ul li.hasMore2>a {
    padding-right: 45px !important;
    padding-top: 0 !important;
    box-sizing: content-box!important;
}

.Header3 ul li.hasMore2.myname {
    margin: 0 2px;
}

.Header3 ul li.hasMore2.myname>a {
    padding-top: 7px;
    box-sizing: border-box;
    padding-right: 8px;

}

.Header3 ul li.hasMore2>a img {
    border-radius: 50%;
}

.Header3 ul li.hasMore2 .vipSide {
    position: absolute !important;
    top: 17px;
    right: 25px;
    z-index: 5;
}

.Header3 ul li .empty {
    width: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    height: 50px;
    z-index: 3;
    border: 1px solid #DDD;
    border-top: 0;
    border-bottom: 1px solid #FFF;
    display: none;
}

.Header3 ul li:hover>* {
    display: block;
}

.Header3 ul .myname a {
    max-width: 65px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.topSearch {
    padding-top: 9px;
    margin-left: 30px;
}

.topSearch input {
    width: 170px !important;
    padding-right: 25px;
    padding-left: 10px;
    border: 1px solid #e6e6e7;
    height: 20px;
    background-color: #FFF;
    padding: 5px 25px 5px 10px;
}

.topSearch .in_foucs {
    border: 1px solid #21b8ff;
}

.topSearch .icon.search {
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 5px;
    cursor: pointer;
    padding: 0;
    background: url( ) no-repeat -51px -10px;
}

.topSearch .icon.search2 {
    background: url( ) no-repeat -51px -44px;
}

.Header3.white {
    background: #FFF url(" ") -10px -135px repeat-x;
    background-size: 100% 4px;
    /* border-bottom: 1px solid #ebeef0; */
}

.Header3.white ul li.fl a {
    font-size: 16px;
    color: #333;
}


.Header3.white ul li.fr>a {
    color: #999;
}

.Header3.white ul li.fr a.vipslgn {
    color: #d32f24;
    padding-left: 25px;
    position: relative;
}

.Header3.white ul li.fr a.vipslgn:after {
    content: '';
    width: 21px;
    height: 19px;
    background: url(' ') -10px -10px;
    position: absolute;
    left: 0;
    top: 15px;
}

.Header3.Fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: none;
}

.ALLCourse {
    position: absolute;
    background: #FFF;
    border: 2px solid #00baf2;
    top: 50px;
    right: 0px;
    display: none;
}

.ALLCourse .List {
    width: 240px;
    background: #00baf2;
    position: relative;
}

.ALLCourse .List .item {
    padding: 10px 20px;
    padding-top: 0;
}

.ALLCourse .List .item:hover {
    background: #FFF;
    border: none;
    margin-right: -2px;
}

.Header3 ul li .ALLCourse .List .item h2 {
    overflow: hidden;
    border-top: 1px dashed #FFF;
    border-top: 1px dashed rgba(255, 255, 255, 0.5);
    padding-top: 11px;
    margin-top: -1px;
}

.Header3 ul li .ALLCourse .List .item:first-child h2 {
    border: none;
    margin-top: 0;
}

.Header3 ul li .ALLCourse .List .item h2 * {
    float: left;
}

.Header3 ul li .ALLCourse .List .item h2 a {
    color: #FFF;
    font-weight: normal;
    line-height: 28px;
    font-size: 14px;
}

.ALLCourse .List .item h2 span {
    width: 0px;
    height: 12px;
    padding-left: 1px;
    overflow: hidden;
    background: #87d7f4;
    margin-top: 8px;
}

.Header3 ul li .ALLCourse .List .item p a,
.ALLCourse .List .item h2 span {
    color: #87d7f4;
    font-size: 12px;
}

.Header3 ul li .ALLCourse .List .item p {
    font-size: 12px;
}

.Header3 ul li .ALLCourse .List .item a {
    margin: 0 4px;
}

.Header3 ul li .ALLCourse .List .item:hover a {
    color: #666;
    position: static;
}

.Header3 ul li .ALLCourse .List .item:hover a:hover {
    color: #00baf2;
}

.ALLCourse .List .item .more {
    position: absolute;
    width: 660px;
    height: 100%;
    left: 242px;
    top: -2px;
    background: #FFF;
    border: 2px solid #00baf2;
    border-left: 0;
    display: none;
}

.ALLCourse .List .item:hover .more {
    display: block;
}

.ALLCourse .List .item .more .main {
    padding: 20px;
}

.ALLCourse .List .item .more .main dl {
    margin-bottom: 20px;
    font-size: 12px;
    width: 403px;
}

.ALLCourse .List .item .more .main dl dt {
    font-weight: bold;
    margin-bottom: 10px;
}

.ALLCourse .List .item .more .main dl dd {
    overflow: hidden;
}

.ALLCourse .List .item .more .main dl dd a {
    margin: 0;
}

.ALLCourse .List .item:hover .more img {
    position: absolute;
    right: 0;
    bottom: 0;
}

/**/
.Content {
    padding: 20px 0;
}

.Footer {
    background-color: #FAFAFA;
    padding-bottom: 40px;
    border-top: 1px solid #EEE;
}

.Footer .Links {
    overflow: hidden;
    padding: 15px 0px;
    line-height: 40px;
    border-bottom: 1px solid #FFF;
}

.Footer .Links dt {
    float: left;
    width: 125px;
    font-size: 16px;
}

.Footer .Links dd {
    float: left;
    width: 1075px;
}

.Footer .Links dd a {
    margin-right: 30px;
    white-space: nowrap
}

.Footer>.Page {
    padding-top: 55px;
}

.Footer .QRcode {
    margin: 0 50px;
    width: 280px;
    float: left;
}

.Footer .QRcode caption {
    padding-bottom: 30px;
}

.Footer .Info {
    margin-top: 70px;
    line-height: 1
}

.Footer .Info .Map {
    margin-bottom: 45px;
    font-size: 14px;
}

.Footer .Info .Map a,
.Footer .Info .Map span {
    margin-right: 15px;
}

.Footer .Info .Map span {
    border-left: 1px solid #AAA;
}

.Footer .Info .Call {
    font-size: 22px;
    font-weight: bold;
    padding-left: 30px;
    background: url(../images/call.png) no-repeat left 1px;
    margin-right: 30px;
}

.Footer .Info .callTime {
    margin-top: 6px;
}

.Footer .Info .copy {
    color: #818181;
    margin-top: 15px;
    font-size: 14px;
    text-align: left;
}

.Footer .Info .copy a {
    color: #818181;
}

.Footer .Info .copy a:hover {
    color: #000;
}

.footer_bg {
    background: #FAFAFA;
    line-height: 1.75;
    z-index: 1;
}

.footer {
    width: 1060px;
    padding: 50px 50px 30px;
    margin: 0 auto;
    border-top: 1px solid #f5f5f5;
}

.footer_list {
    float: left;
    width: 200px;
}

.footer h2 {
    display: inline-block;
    font-size: 18px;
    color: #333;
    margin-right: 10px;
}

.footer h3 {
    font-size: 34px;
    color: #333;
}

.footer_list a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.footer_company {
    text-align: center;
    border-top: 1px solid #FFF;
    padding-bottom: 10px;
}

.footer_company .bottom_logo_pic {
    display: block;
    width: 200px;
    height: 44px;
    background: url('../images/layout_css_sprites2.png') -10px -10px;
    margin: auto;
    margin-bottom: 20px;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.footer_company div,
.footer_company div a {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

/*分享*/
.sbox_more a {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 30px;
}

.sbox_more a.sina {
    background: url('../images/layout_css_sprites2.png') -112px -74px;
}

.sbox_more a.qq {
    background: url('../images/layout_css_sprites2.png') -10px -280px;
}

.sbox_more a.wechat {
    background: url('../images/layout_css_sprites2.png') -220px -174px;
}

.sbox_more a.sina:hover {
    background: url('../images/layout_css_sprites2.png') -154px -174px;
}

.sbox_more a.qq:hover {
    background: url('../images/layout_css_sprites2.png') -76px -280px;
}

.wechat_bg {
    position: relative;
}

.wechat_bg:hover a.wechat {
    background: url('../images/layout_css_sprites2.png') -286px -174px;
}

.wechat_bg:hover .wechat_box {
    display: block;
}

.wechat_box {
    display: none;
    position: absolute;
    top: 0px;
    left: 56px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px #ccc;
}

.wechat_box p {
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}

/*分页*/
.pagination {
    margin: 30px auto;
    text-align: right;
    font-size: 14px;
}

.pagination li {
    display: inline-block;
    margin: 0px 2px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    background: #FFF;
    border: 1px solid #E0E0E0;
}

.pagination li {
    *display: inline;
}

.pagination li.disabled,
.pagination li.disabled:hover {
    border-color: #EEE;
    padding: 0px 10px;
    cursor: default;
}

.pagination li.active,
.pagination li:hover {
    border-color: #00baf2;
}

.pagination li:last-child.last.disabled {
    border-color: #FFF;
    font-size: 14px;
    color: #818181
}

.pagination li a {
    display: block;
    padding: 0px 14px;
    background: #F5F5F5;
    text-align: center;
}

.pagination li.active a,
.pagination li a:hover {
    background: #00baf2;
    color: #FFF;
}

.pagination li:last-child.last.noLink {
    border-color: transparent;
    margin: 0;
    margin-left: 10px;
    background: none;
}

.Advice {
    position: fixed;
    width: 588px;
    height: 392px;
    padding: 7px 6px;
    background: #FFF url(../images/zxtzbk.png) no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -203px;
    margin-left: -300px;
    z-index: 50001;
}

.Advice .Main {
    font-size: 12px;
    padding: 4px 10px 9px 20px;
    /*padding:20px 20px 40px 40px;*/
    position: relative;
}

.Advice .Main h3 {
    font-size: 16px;
    color: #c01a20;
    font-weight: bold;
    margin-top: 10px;
}

.Advice .Main a {
    font-size: 14px;
    color: #0c72f0;
}

.Advice .Main .close {
    position: absolute;
    top: 0px;
    right: 2px;
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: #c01a20 url(../images/close.png) no-repeat center center;
    font-family: Arial;
    padding: 0;
    text-align: center;
    line-height: 1;
}

.Advice .Main #bizQQ_WPA {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: 152px;
    height: 49px;
    background: url(../images/c14bf7e41480992525e379f0ee3f2482adfd03.png) no-repeat;
    padding: 0;
    border-radius: 0;
}

.Notices {
    border: 1px solid #e5e5b5;
    background-color: #ffffca;
    position: relative;
    line-height: 30px;
    padding: 5px 10px;
}

/*vip标识-红色*/
.vipBig {
    display: inline-block !important;
    width: 26px;
    height: 26px;
    background: url(../images/vip.png) no-repeat left -114px;
    cursor: pointer;
}

.vipMedium {
    display: inline-block !important;
    width: 22px;
    height: 22px;
    background: url(../images/vip.png) no-repeat left -240px;
    cursor: pointer;
}

.vipSmall {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background: url(../images/vip.png) no-repeat left bottom;
    cursor: pointer;
}

.vipSide {
    position: relative !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background: url(../images/vip.png) no-repeat left top;
    cursor: pointer;
}

/*vip标识-灰色*/
.vipBig_gray {
    display: inline-block !important;
    width: 26px;
    height: 26px;
    background: url(../images/vip_26.png) no-repeat;
    cursor: pointer;
}

.vipMedium_gray {
    display: inline-block !important;
    width: 22px;
    height: 22px;
    background: url(../images/vip_22.png) no-repeat;
    cursor: pointer;
}

.vipSmall_gray {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background: url(../images/vip_20.png) no-repeat;
    cursor: pointer;
}

.vipSide_gray {
    position: relative !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background: url(../images/vip_15.png) no-repeat;
    cursor: pointer;
}

.vipSide_gray:hover span {
    display: block;
}

.vipSide_gray span {
    position: absolute;
    left: -58px;
    top: 20px;
    display: inline-block;
    width: 128px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #faf7e6;
    border: 1px solid #ecb7a5;
    color: #666;
    font-size: 12px;
    padding: 3px 5px;
    display: none;
}

.vipSide_gray span i {
    position: absolute;
    left: 58px;
    top: -6px;
    display: inline-block;
    width: 12px;
    height: 7px;
    background: url(../images/hidearro.png) no-repeat;
}

.vipSide_gray span b {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #f60;
}

/*icon*/
i.icon {
    background: url( ) no-repeat;
}

a.btn {
    display: block;
    background-color: #00baf2;
    color: #FFF;
    line-height: 24px;
    padding: 0 10px;
}

a.btn:hover {
    opacity: 0.8;
}

div.loading {
    padding-top: 88px;
    text-align: center;
    background: url(../images/loading.gif) no-repeat center top;
    color: #999;
}

div.Empty {
    text-align: center;
    line-height: 40px;
    color: #666;
}

div.Empty p,
div.Empty td {
    height: 100px;
    padding-left: 95px !important;
    background: url(../images/empty.png) no-repeat left center;
    font-size: 16px;
}

div.Empty p {
    display: inline-block;
    line-height: 100px;
}

div.Empty p {
    _display: inline;
}

div.Empty table {
    margin: auto;
    width: auto;
    border: none;
}

div.Empty td {
    line-height: 1.5;
    text-align: left;
    border: none;
}

div.Empty span {
    color: #818181;
    font-size: 12px;
}

div.Empty a {
    border: 1px solid #00abf2;
    padding: 0 15px;
    display: block;
    color: #00baf2;
    font-size: 14px;
    float: left;
    line-height: 2;
    margin-top: 5px;
}


.stars,
.stars02 {
    overflow: hidden;
}

.stars i.star {
    width: 22px;
    height: 20px;
    float: left;
    background-position: -350px -250px;
    margin-right: 3px;
}

.stars i.star.full {
    background-position: -350px -300px;
}

.stars.set i.star {
    cursor: pointer;
}

.stars.small i.star {
    width: 18px;
    height: 16px;
    background-position: -350px -350px;
}

.stars.small i.star.full {
    background-position: -350px -400px;
}

.stars02 i.star {
    width: 12px;
    height: 12px;
    background: url( ) no-repeat -117px -10px;
    float: left;
    display: block;
    margin-right: 3px;
}

.stars02 i.star.full {
    background: url( ) no-repeat -117px -42px;
}

#ClCache {
    display: none;
}

.edu-ad img {
    display: block;
}

.fixpop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    z-index: 99;
    display: none;
}

.fixpop .bg {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    z-index: 99;
    background: #353c47;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.fixpop .Page {
    z-index: 999;
}

.fixpop .Page img {
    display: block;
    height: 100%;
}

.fixpop .Page .a_1s {
    float: left;
    padding: 15px 0 0 83px;
    height: 113px;
}

.fixpop .Page .a_2s {
    float: left;
    width: 210px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #ffe535;
    border-radius: 56px;
    color: #f3551b;
    font-size: 22px;
    display: inline-block;
    margin: 44px 0 0 30px;
}

.fixpop .Page .btn_close {
    float: left;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    margin-left: 50px;
    background: url(../images/icon7.png) no-repeat center top;
    cursor: pointer;
}

#exit_newuser {
    bottom: 100%;
    position: absolute;
}

.qqbm_bs_box {
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -140px;
    width: 58px;
    z-index: 999;
    cursor: pointer;
    opacity: .8;
    -webkit-filter: opacity(80);
    filter: opacity(80);
}

.qqbm_bs_box>* {
    display: block;
    margin-top: 2px;
    position: relative;
}

.qqbm_bs_box img {
    display: block;
    width: 100%;
}

.qqbm_bs_box img.mouseIn {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .qqbm_bs_box {
        width: 50px;
    }

    .fixpop .Page .a_1s {
        height: 100px;
        margin-top: 12px;
        padding-left: 50px;
    }

    .fixpop .Page .a_2s {
        height: 40px;
        line-height: 40px;
        width: 180px;
        margin-top: 58px;
        font-size: 18px;
        font-weight: bold;
    }
}

@media screen and (max-width: 1024px) {
    .qqbm_bs_box {
        width: 48px;
    }

    .fixpop .Page .a_1s {
        height: 90px;
        margin-top: 17px;
        padding-left: 30px;
    }

    .fixpop .Page .a_2s {
        height: 40px;
        line-height: 40px;
        width: 180px;
        margin-top: 58px;
        font-size: 18px;
        font-weight: bold;
    }
}

.whitebox {
    background: #fff;
    border-radius: 5px;
}

.whitebox:hover {
    box-shadow: 0 0 10px #ccc;
}

.exit_slide {
    position: fixed;
    z-index: 999;
    right: 40px;
    top: 50%;
    display: inline-block;
    line-height: 1;
}

.exit_slide .pre,
.exit_slide .after {
    height: 50px;
    width: 52px;
    display: inline-block;
    text-align: center;
}

.exit_slide .after,
.exit_slide .cur .pre {
    display: none;
}

.exit_slide .cur .after,
.exit_slide .pre {
    display: block;
}

.exit_slide .customer {
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.exit_slide .customer .pre {
    background: url('../images/layout_css_sprites2.png') -82px -174px;
    height: 36px;
    color: #1ac6fe;
    line-height: 16px;
    padding-top: 50px;
}

.exit_slide .customer .after {
    background: url('../images/layout_css_sprites2.png') -10px -174px;
    height: 36px;
    color: #fff;
    line-height: 16px;
    padding-top: 50px;
}

.exit_slide .bots {
    border-radius: 5px;
    background: #fff;
    width: 52px;
    margin-top: 12px;
    box-shadow: 0 0 10px #f5f2f2;
}

.exit_slide .bots .item {
    height: 50px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background .3s;
    transition: background .3s
}

.exit_slide .bots .item_app .pre {
    width: 39px;
    height: 37px;
    position: absolute;
    top: 8px;
    left: 7px;
    background: url( ) no-repeat -10px -101px;
}

.exit_slide .bots .item_app_wc .pre {
    width: 40px;
    height: 38px;
    position: absolute;
    top: 8px;
    left: 7px;
    background: url( ) no-repeat -5px -183px;
}

.exit_slide .bots .item_app .after,
.exit_slide .bots .item_top .after {
    padding-top: 12px;
    height: 38px;
    line-height: 16px;
}

.exit_slide .bots .item_top .pre {
    width: 39px;
    height: 24px;
    background: url( ) -172px -10px;
    position: absolute;
    top: 14px;
    left: 7px;
}

.exit_slide .app_code {
    position: absolute;
    left: -150px;
    top: 0;
    padding: 15px;
    box-shadow: 0 0 10px #f5f2f2;
}

.exit_slide .app_code p {
    line-height: 18px;
    font-size: 12px;
    text-align: center;
}

.exit_slide .bots .line {
    width: 24px;
    height: 2px;
    background: #f6f6f6;
    margin: 0 auto;
}

.trans_scale {
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -webkit-transition: opacity ease .3s, -webkit-transform ease .3s;
    transition: opacity ease .3s, -webkit-transform ease .3s;
    transition: transform ease .3s, opacity ease .3s;
    transition: transform ease .3s, opacity ease .3s, -webkit-transform ease .3s;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    display: none\0;
    *display: none;
}

.trans_scale_h {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    *display: block;
}

/* 强调圆点 */
.circle {
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: rgb(255, 84, 0);
    border-radius: 50%;
}

.circle-pos1 {
    position: absolute;
    right: 19px;
    top: 5px;
}

.circle-pos2 {
    position: absolute;
    right: 11px;
    top: 4px;
}

.circle-pos3 {
    position: absolute;
    right: 19px;
    top: 12px;
}

.circle-seckill-pos1 {
    position: absolute;
    right: 3px;
    top: -5px;
}

.circle-seckill-pos2 {
    position: absolute;
    right: 7px;
    top: 11px;
}

.circle-seckill-pos3 {
    position: absolute;
    right: -9px;
    top: 5px;
}

.circle-hot-icon {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 10px;
    height: 13px;
    background: url(../images/list_css_sprites.png) -212px -10px;
}

#suspension_box {
    width: 119px;
    height: 340px;
    position: fixed;
    right: 1%;
    top: 13%;
    z-index: 99;
}

#sus_content {
    width: 94px;
    height: 185px;
    position: absolute;
    top: 102px;
    left: 12px;
    cursor: pointer;
}

#sus_top {
    width: 58px;
    height: 20px;
    position: absolute;
    bottom: 5.5%;
    left: 24%;
    cursor: pointer;
}

.sus_list {
    width: 98%;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    color: #303030;
    border: 1px solid #a0a0a0;
    margin-bottom: 5px;
}

.sus_list.active {
    background-color: #df4d51;
    color: #fff;
    width: 100%;
    height: 33px;
    line-height: 33px;
    border: none;
}

.sus_list:hover {
    background-color: #df4d51;
    color: #fff;
    width: 100%;
    height: 33px;
    line-height: 33px;
    border: none;
}


/*活动全站广告*/
.upopbg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    background: url(https://imgs.lipuedu.cn/static/img/bg70.png) repeat;
    display: none;
}

.upopbox_mid {
    width: 500px;
    height: 500px;
    margin: -250px 0 0 -250px;
    position: fixed;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    display: none;
}

.upopbox_mid .ins {
    position: relative;
}

.upopbox_mid .ins span {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 999;
    cursor: pointer;
}

.upopbox_mid .ins span.offbtn-center {
    width: 19px;
    height: 19px;
    background: url(../images/layout_css_sprites2.png) -178px -74px;
}

.upopbox_bot {
    width: 100%;
    height: 100px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;
    background: url(https://imgs.lipuedu.cn/static/img/bg70.png) repeat;
    display: none;
}

.upopbox_bot .ins {
    position: relative;
}

.upopbox_bot .ins span.offbtn {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    right: -23px;
    top: 3px;
    z-index: 999;
    cursor: pointer;
}

.upopbox_bot .ins span.offbtn-bottom {
    width: 19px;
    height: 19px;
    background: url(../images/layout_css_sprites2.png) -178px -74px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.upopbox_bot .ins a {
    height: 100px;
    position: relative;
    display: block;
}

.upopbox_bot .ins .ctxt {
    position: absolute;
    left: 690px;
    top: 20px;
    z-index: 999;
    font-size: 16px;
    color: #fff;
}

.upopbox_bot .ins .botTimer {
    position: absolute;
    left: 690px;
    top: 48px;
    font-size: 16px;
    z-index: 999;
    color: #fff;
}

.upopbox_bot .ins .botTimer {
    font-weight: normal;
}

.upopbox_bot .ins .botTimer span {
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 20px;
    background: #413b7e;
    text-align: center;
}

.upopbox_bot .ins .botTimer b {
    padding: 0 5px;
    font-weight: normal;
    font-size: 14px;
}

/* 顶栏广告 */
.eduadvtop .Page {
    position: relative;
}

.eduadvtop .Page .ctxt {
    position: absolute;
    left: 735px;
    top: 15px;
    z-index: 999;
    font-size: 18px;
    color: #333333;
}

.eduadvtop .Page a {
    height: 60px;
    position: relative;
    display: block;
}

/* 落地页logo */
.pr {
    position: relative;
}

.wjw_logo {
    position: absolute;
    top: 30px;
    left: 50px;
    z-index: 9999;
    width: 180px;
    height: 75px;
}

.tp10 {
    top: 10px !important;
}

.tp73 {
    top: 73px !important;
}

.tp100 {
    top: 100px !important;
}

.lt60 {
    left: 60px !important;
}

.lt30 {
    left: 30px !important;
}

.lt70 {
    left: 70px !important;
}

/* 微职位题库广告弹窗 */
.top_exam-wrap-shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: none;
}

.top_exam-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 540px;
    height: 543px;
    -webkit-transform: translate(-270px, -271px);
    transform: translate(-270px, -271px);
    background: url('../images/top_exam-qrcode.png') no-repeat center;
    background-size: 100% 100%;
    z-index: 10001;
    display: none;
}

.top_exam-wrap .close {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 44px;
    position: absolute;
    bottom: 0;
    right: 178px;
}


/* 新顶导 */
.Header3,
.Header3 ul {
    height: 50px;
}

.Header3 ul li.classify {
    margin-left: -56px;
}
.Header3 ul li.edu-cent {
    margin-left: 10px;
    margin-right: -4px;
}

.Header3 ul li.edu-cent a {
    padding-left: 8px;
}


.Header3 ul li.classify i, .Header3 ul li.edu-cent .icon-right {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    display: inline-block;
}

.Header3 ul li.classify .icon-left {
    width: 32px;
    height: 32px;
    background: url('../images/top-header_sprites.png') -10px -182px;
    margin-top: -6px;
    vertical-align: middle;
}

.Header3 ul li.classify .icon-right, .Header3 ul li.edu-cent .icon-right {
    width: 24px;
    height: 16px;
    background: url('../images/top-header_sprites.png') -54px -234px;
    vertical-align: middle;
}

.Header3 ul li.edu-cent .icon-right {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 17px;
    z-index: 5;
}

.Header3 ul li.classify:hover .icon-left {
    background: url('../images/top-header_sprites.png') -62px -182px;
}

.Header3 ul li.classify:hover .icon-right, .Header3 ul li.edu-cent:hover .icon-right {
    background: url('../images/top-header_sprites.png') -98px -234px;
}

.Header3.white ul li a {
    /* -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out; */
}

.Header3.white ul li:hover>a {
    color: #CF333E;
}

.Header3 .topSearch input {
    padding: 7px 28px 7px 14px;
    border: 1px solid rgb(245, 245, 245);
    width: 230px;
    height: 28px;
    background: rgb(245, 245, 245);
    border-radius: 14px;
    color: #9399A5;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

.Header3 .topSearch input::-webkit-input-placeholder{
    line-height: 18px;
}

.Header3 .topSearch input:focus {
    border: 1px solid #CF333E;
}

.topSearch .icon.search {
    background: url('../images/top-header_sprites.png') -238px -114px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.Header3.white ul li.fr {
    height: 50px;
}

.Header3.white ul li.fr.a {
    padding: 0 7px;
}

.Header3 ul li.cart a,
.Header3 ul li.message a {
    padding: 8px 8px 0 10px;
    box-sizing: border-box;
    height: 50px;
}


.Header3 ul li.cart .icon-cart {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    background: url('../images/top-header_sprites.png') -166px -182px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}



.Header3 ul li.message .icon-message {
    position: relative;
    display: block;
    width: 28px;
    height: 32px;
    background: url('../images/top-header_sprites.png') -238px -62px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.Header3 ul li.message .i-wrap, .Header3 ul li.cart .i-wrap {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.Header3 ul li.message:hover .i-wrap, .Header3 ul li.cart:hover .i-wrap {
    background-color: #F5F5F5;
}



.Header3 ul li.message:hover .icon-message {
    background: url('../images/top-header_sprites.png') -238px -10px;
}

.Header3 ul li.cart:hover .icon-cart {
    background: url('../images/top-header_sprites.png') -114px -182px;
}

.Header3 ul li .red-num {
    position: absolute;
    top: 8px;
    left: 26px;
    text-align: center;
    height: 14px;
    line-height: 14px;
    background: rgb(207, 51, 62);
    border-radius: 100px;
    text-rendering: geometricPrecision;
    font-size: 12px;
    font-style: normal;
    padding: 0 4px;
    color: #fff;
    display: inline-block;
}

.Header3.white ul li.fr>a {
    color: #313D54;
}

.Header3.white ul li.fr a:hover {
    color: #CF333E;
}

.Header3 ul li.links .More {
    width: 220px;
    padding: 16px 15px 8px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}

.Header3 ul li.links .More a span {
    display: block;
    padding-left: 10px;
}

.Header3 ul li.links .link-more>a:hover {
    background-color: none;
    opacity: 1;
}

.Header3 ul li.links .link-more>a:hover span:first-child {
    color: #CF333E;
}

.Header3 ul li.links .More>a {
    text-align: left;
    padding-left: 42px;
}
.Header3 ul li.links .More .a1 {
    background: url('../images/qipei.png') no-repeat left 1px;
    background-size: 36px 36px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E7E7E7;
}

.Header3 ul li.links .More .a2 {
    background: url('../images/xunlianying.png') no-repeat left 17px;
    background-size: 36px 36px;
    padding-top: 15px;
}

.Header3 ul li.links .More a span:first-child {
    color: #313D54;
    font-size: 14px;
    line-height: 15px;
}

.Header3 ul li.links .More a span:last-child {
    color: #9399A5;
    font-size: 12px;
    line-height: 25px;
}

.Header3 ul li .More>a:hover {
    color: #CF333E;
    background: none;
    border-radius: 0 0 5px 5px;
}

.Header3 ul li.classify>.More {
    width: 940px;
    height: 421px;
    /* display: block; */
    background:rgb(245,245,245);
    box-shadow:0px 5px 5px 0px rgba(147,153,165,0.15);
    border-radius:0px 0px 5px 5px;
    left: 0;
    border: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.Header3 ul li.classify .empty {
    background: rgb(245,245,245);
    border: none;
}

.Header3 ul li.classify>.More>ul {
    /* height: 403px; */
}

.Header3 ul li.classify .More ul li {
    width: 240px;
    height: 71px;
    padding: 10px 10px 10px 21px;
    box-sizing: border-box;
    text-align: left;
    position: static;
    border-bottom: 1px solid #E7E7E7;
    box-sizing: border-box;
}
.Header3 ul li.classify .More ul li:last-child {
    border-bottom: 0;
}

.Header3 ul li.classify .More ul li h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    height: 26px;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Header3 ul li.classify .More ul li h2 a {
    color: #313D54;
    font-size: 14px;
    line-height: 26px;
    margin-right: 10px;
}

.Header3 ul li.classify .More ul li h2 i {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: url( ) no-repeat -105px 0;
    margin: 0 1px;
}

.Header3 ul li.classify .More ul li .secondlist {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.Header3 ul li.classify .More ul li.on h2 a,
.Header3 ul li.classify .More ul li.on h2,
.Header3 ul li.classify .More ul li.on p a {
    color: #333;
}

.Header3 ul li.classify .More ul li .secondlist a {
    font-size: 12px;
}

.Header3 ul li.classify .More ul li p a {
    /* display: inline-block; */
    color: #9399A5;
    padding-right: 9px;
    /* white-space: nowrap; */
    position: relative;
    font-size: 14px;
}

.Header3 ul li.classify .More ul li>.More {
    width: 675px;
    min-width: 675px;
    height: 421px;
    border-top: 1px solid #eeeeee;
    position: absolute;
    left: 240px;
    top: 0;
    background: #FFF;
    display: none;
    z-index: 999;
    padding-left: 25px;
    border: none;
    text-align: left;
    border-radius: 0 0 5px 0;
}


.Navleft ul li.li_hover .More   {display: block;}

.Header3 ul li.classify .More ul li .More .ins {
    padding: 0 20px 0 42px;
}

.Header3 ul li.classify .More ul li .More dl.items_cs {
    width: 670px;
    height: 380px;
    overflow: hidden;
    text-align: left;
}

.Header3 ul li.classify .More ul li .More dl.items_cs p {
    line-height: 24px;
}

.Header3 ul li.classify .More ul li .More dl.items_cs p a {
    margin-right: 20px;
    position: relative;
    display: inline-block;
}

.Header3 ul li.classify .More ul li .More dl.items_cs p a .new,
.Header3 ul li.classify .More ul li .More dl.items_cs p a .hot {
    display: inline-block;
    width: 44px;
    height: 24px;
    position: absolute;
    right: -23px;
    top: -10px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.Header3 ul li.classify .More ul li .More dl.items_cs p a .new {
    background: url('../images/top-header_sprites.png') no-repeat -112px -126px;
}

.Header3 ul li.classify .More ul li .More dl.items_cs p a .hot {
    background: url('../images/top-header_sprites.png') no-repeat -178px -126px;
}

.Header3 ul li.classify .More ul li .More dl.item_news {
    width: 270px;
    height: 380px;
    overflow: hidden;
}

.Header3 ul li.classify .More ul li .More dl.item_news p {
    line-height: 22px;
    padding-bottom: 5px;
}

.Header3 ul li.classify .More ul li .More dl.item_news a {
    color: #879094;
    padding-left: 10px;
    white-space: normal;
}

.Header3 ul li.classify .More ul li .More dl.item_news a span {
    display: inline-block;
    width: 3px;
    height: 5px;
    background: url( ) no-repeat -112px 0;
    position: absolute;
    left: 0;
    top: 10px;
}

.Header3 ul li.classify .More ul li .More dt {
    padding-top: 10px;
    color: #333;
}

.Header3 ul li.classify .More ul li .More dd {
    padding: 10px 0 20px 0;
    max-height: 48px;
}

.Header3 ul li.classify .More ul li .More_5 dd {
    padding: 0;
}

.Header3 ul li.classify .More ul li {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



.Header3 ul li.classify .More ul li.li_hover {
    background-color: #fff;
}

.Header3 ul li.classify .More ul li:last-child.li_hover {
    border-radius: 0 0 0px 5px;
}

.Header3 ul li.classify .More ul li.li_hover h2 a {
    color: #333;
}

.Header3 ul li.classify .More ul li.li_hover .More {
    display: block;
    box-shadow: none;
}

.Header3 ul li.classify .More ul li a:hover,
.Header3 ul li.classify .More ul li.li_hover h2 a:hover,
.Header3 ul li.classify .More ul li .More dl.item_news a:hover {
    color: #CF333E;
}

.Header3 ul li.classify .More .More_off {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url( ) no-repeat -119px 0;
    position: absolute;
    right: 30px;
    top: 16px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -moz-transition: -moz-transform 1s, top 1s;
    -webkit-transition: -webkit-transform 1s, top 1s;
    -o-transition: -o-transform 1s, top 1s;
}

.Header3 ul li.classify .More .More_off:hover {
    background: url( ) no-repeat -133px 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.Header3 ul li.classify .More ul li.li_last {
    height: 65px;
}

.Header3 ul#ALLCourseList li.classify .More ul li.li_last:hover {
    height: 64px;
    border-bottom: 1px solid #eeeeee;
}


.Header3 ul li.classify #ALLCourseList .right-more .top-attention li {
    text-align: center;
    height: 36px;
    line-height: 36px;
    float: left;
    margin: 20px 20px 20px 0;
    min-width: 193px;
    width: auto;
    border: none;
    padding: 0;
    background: none;
}

.Header3 ul li.classify #ALLCourseList .right-more .top-attention li a {
    color: #CF333E;
    font-size: 14px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    padding: 0 11px 0 1px;
    border: 1px solid #CF333E;
    border-radius: 18px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    box-sizing: border-box;
}

.Header3 ul li.classify #ALLCourseList .right-more .top-attention li:hover a{
    background: #CF333E;
    color: #fff;
}


.Header3 ul li.classify #ALLCourseList .right-more .top-attention li.vip i {
    display: inline-block;
    vertical-align: bottom;
    background: url('../images/top-header_sprites.png') no-repeat -178px -70px;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}


.Header3 ul li.classify #ALLCourseList .right-more .top-attention li.path i {
    display: inline-block;
    background: url('../images/top-header_sprites.png') no-repeat -122px -70px;
    vertical-align: bottom;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
.Header3 ul li.classify #ALLCourseList .right-more .top-attention li.seckill i {
    display: inline-block;
    background: url('../images/top-header_sprites.png') no-repeat -62px -126px;
    vertical-align: bottom;
    width: 32px;
    height: 36px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.Header3 ul li.classify #ALLCourseList .right-more .top-attention li.vip:hover i {
    background: url('../images/top-header_sprites.png') no-repeat -66px -70px;
}

.Header3 ul li.classify #ALLCourseList .right-more .top-attention li.path:hover i {
    background: url('../images/top-header_sprites.png') no-repeat -10px -70px;
}

.Header3 ul li.classify #ALLCourseList .right-more .top-attention li.seckill:hover i {
    background: url('../images/top-header_sprites.png') no-repeat -10px -126px;
}
.Header3 ul li.classify>a {
    padding-right: 8px;
}

/*小角标 zjf20170614*/
.act_tab {display: inline-block;position: absolute;left: 0;top: 0;padding: 0 !important;z-index: 999;}
.act_tab span {display: block !important;width: 78px;text-align: center;}
.act_tab .act_tab_l  {height: 16px;line-height: 16px;font-size: 14px;color: #df3737;background: #fff;}
.act_tab .act_tab_r {font-size: 12px;line-height: 14px;color: #fff;background: url(../images/corner.png);background-size: 100% 100%;}
.act_tab .double-eleven {line-height:14px;font-size: 12px;color: #fff;border-radius: 3px 0 0 0;}

/* .act_piao_all {display: inline-block;padding: 0 11px;height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;}
.piao_btn {background: #f00;}
.piao_btns {background: #ccc;} */

/*common*/
.bgff {background: #fff;}
.Page_bg {background: #f5f5f5; padding-bottom: 67px;margin-top:;}
a {z-index: 1;position: relative;}
.cl_f{ color:#fff;}
.cl_3{ color:#333;font-size: 20px;}
.cl_6{ color:#666;}
.cl_9{ color:#999;}
.t_12{ font-size: 12px;}
.t_16{ font-size: 16px;}
.t_18{ font-size: 18px;}
.mb28{ margin-bottom: 28px;}
.whitebox{ background:#fff; border-radius: 5px;}
.whitebox:hover{box-shadow: 0 0 10px #ccc;}
.whitebox img.all_trans,.lybtn img{transition:.8s all ease;-ms-transition:.8s all ease;-moz-transition:.8s all ease;-webkit-transition:.8s all ease;-o-transition:.8s all ease;}
.whitebox:hover img.all_trans,.lybtn:hover img{transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);}
.comtit{ text-align: center; height:40px; line-height: 40px; position: relative;}
.comtit .txt{ position: relative; font-size: 26px; font-weight: bold; color:#425c72; letter-spacing: 2px; display:inline-block;}
.comtit .txt b{ display:inline-block; float: left; width:23px; height:3px; background:#d1dade; top:15px; margin-top: 20px;}
.comtit .txt .ln_1{margin-right: 25px;}
.comtit .txt .ln_2{ margin-left: 25px;}
.comtit .txt strong{ float: left; margin-top: 3px;}
.comtit .txt strong.hao{ display:inline-block; width:24px; height:24px;background: url( ) no-repeat 0 -21px; margin-top: 10px;}
.comtit .txt strong.ke{ display:inline-block; width:25px; height:24px;background: url( ) no-repeat -24px -21px; margin-top: 10px;}
.comtit .txt strong.miao{ display:inline-block; width:29px; height:24px;background: url( ) no-repeat -51px -21px; margin-top: 10px;}
.comtit .txt strong.sha{ display:inline-block; width:24px; height:24px;background: url( ) no-repeat -81px -21px; margin-top: 10px;}
.comtit .txt em{ float: left; display:inline-block; width:5px; height:5px; background: url( ) no-repeat 0 0;margin:26px 15px 0;}
.comtit .more{color:#4e667b; position: absolute; top:0; right:7px;}
/*顶部导航*/
.IndexHeader_old_bg {width: 100%;height: 34px;background: #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.IndexHeader_old {z-index: 9999;}
.IndexHeader_old li {position: relative;}
.IndexHeader_old li.first {float: left;}
.IndexHeader_old li.last {float: right;}
.IndexHeader_old li p {line-height: 34px;}
.IndexHeader_old li a {display: block;font-size: 12px;height: 34px;line-height: 34px;color: #9c9c9c;padding: 0 15px;}
.IndexHeader_old li a.vipSide, .IndexHeader_old li a.vipSide_gray {margin-top: 9px;margin-left: 2px;padding: 0;}
.IndexHeader_old li a.other:hover {color: #000;}
.IndexHeader_old span {display: block;height: 32px;line-height: 32px;font-size: 12px;color: #9c9c9c;padding: 0 10px;border: 1px solid #f5f5f5;cursor: pointer;}
.IndexHeader_old .other {font-size: 12px;line-height: 34px;color: #9c9c9c;padding: 0 10px;cursor: pointer;}
.IndexHeader_old li.login_box {*min-width: 131px;min-width: 111px;}
.IndexHeader_old li.login_box .login_box_child {border: 1px solid #f5f5f5;border-bottom: 0;padding: 0 10px;margin-right: -1px;}
.IndexHeader_old li.login_box:hover .login_box_child {position: relative;height: 34px;background: #fff;border: 1px solid #ddd;border-bottom: 0;z-index: 1;}
.IndexHeader_old .login_box i, .IndexHeader_new .login_box i {width: 9px;height: 5px;background: url(../images/down_95.png) no-repeat right center;}
.IndexHeader_old .login_box i {margin: 15px 10px 12px;}
.IndexHeader_new .login_box i {margin: 23px 10px 20px;}
.IndexHeader_old em {font-style: normal;color: #d32f24;}
.IndexHeader_old li:hover span {position: relative;height: 34px;line-height: 32px;border: 1px solid #ddd;border-bottom: 0;background: #fff;z-index: 1;}
.IndexHeader_old li:hover .tab_more {display: block;}
.IndexHeader_old .tab_more{position: absolute;top:34px;background: #fff;border: 1px solid #ddd;display: none;}
.IndexHeader_old .network_list {right: 0;padding: 24px 0;width: 1198px;}
.IndexHeader_old .network_list ul {float: left;padding: 0 64px;height: 146px;border-left: 1px solid #e8e8e8;}
.IndexHeader_old .network_list ul:first-child {border-left: 0;}
.IndexHeader_old .network_list .list_on {padding-left: 0;border-left: 0;}
.IndexHeader_old .network_list ul li.list_child {height: 24px;padding: 0;}
.IndexHeader_old .network_list ul li.list_child h2 {font-size: 14px;color: #111;height: 30px;line-height: 1;}
.IndexHeader_old .network_list ul li.list_child a {font-size: 12px;line-height: 24px;height: 24px;padding: 0;color: #666;}
.IndexHeader_old .network_list ul li.list_child a:hover {color: #00a8e9;background: #fff;}
.IndexHeader_old .tab_teacher {right: -1px;padding: 10px;}
.IndexHeader_old .tab_teacher a {float: none;display: block;width: 80px;height: 28px;text-align: left;line-height: 28px;font-size: 12px;color: #666;}
.IndexHeader_old .tab_teacher a:hover {color: 333 !important;background: #f5f5f5;}
.Header3 .IndexHeader_old li.zc{ width:450px;}
.Header3 .IndexHeader_old li.zc a{ font-size: 12px; color:#666; display:inline; padding:0 15px 0 0;}
.Header3 .IndexHeader_old li.zc a:hover{color:#00a8e9;}

.IndexHeader_old_bg ul li>a  {line-height: 34px;}
.IndexHeader_old_bg ul li.hasMore2 .vipSide  {top: 9px;}
.IndexHeader_old_bg ul li.hasMore i.icon  {top: 13px;}
.IndexHeader_old_bg ul li .empty {height: 34px;}
.IndexHeader_old_bg ul li .More  {top: 34px;padding-top: 5px;}
.IndexHeader_old_bg ul li .More>a {height: 30px;}

/*吸顶条*/
.IndexHeader_new_bg {width: 100%;height: 50px;z-index: 9;background: #fff;display: none;}
.IndexHeader_new {height: 50px;line-height: 50px;z-index: 9999;}
.IndexHeader_new li {position: relative;}
.IndexHeader_new li.first {float: left;}
.IndexHeader_new li.last {float: right;}
.IndexHeader_new img {margin-right: 50px;}
.IndexHeader_new li span {display: block;height: 48px;line-height: 48px;font-size: 12px;color: #9c9c9c;border: 1px solid #f5f5f5;padding: 0 10px;}
.IndexHeader_new li:hover span {position: relative;height: 50px;line-height: 48px;color: #9c9c9c;background: #fff;border: 1px solid #ddd;border-bottom: 0;z-index: 1;}
.IndexHeader_new li a {display: block;font-size: 16px;color: #333;height: 50px;padding: 0 15px;}
.IndexHeader_new li a.vipSide, .IndexHeader_new li a.vipSide_gray {margin-top: 17px;margin-left: 2px;padding: 0;}
.IndexHeader_new li a.vipSide_gray span {display: none;}
.IndexHeader_new li.list_child a:hover, .IndexHeader_new li a.nav_name:hover {color: #fff;background: #00baf2;}
.IndexHeader_new li a.other:hover, .IndexHeader_new .log:hover {color: #000;}
.IndexHeader_new .log {font-size: 12px;color: #9c9c9c;}
.IndexHeader_new .other {font-size: 12px;color: #9c9c9c;padding: 0 10px;cursor: pointer;}
.IndexHeader_new .login_box {*min-width: 131px;min-width: 111px;padding: 0 10px;border: 1px solid #fff;border-bottom: 0;margin-right: -1px;}
.IndexHeader_new .login_btn {padding: 0;font-size: 12px;color: #9c9c9c;}
.IndexHeader_new li:hover .login_box {position: relative;height: 50px;background: #fff;border: 1px solid #ddd;border-bottom: 0;z-index: 1;}
.IndexHeader_new li:hover .login_btn {line-height: 50px;}
.IndexHeader_new em {font-style: normal;color: #d32f24;}
.IndexHeader_new li:hover .tab_more {display: block;}
.IndexHeader_new .tab_more {position: absolute;top:50px;background: #fff;border: 1px solid #ddd;display: none;}
.IndexHeader_new .network_list {right: 0;padding: 30px 0;width: 1198px;}
.IndexHeader_new .network_list ul {float: left;padding: 0 64px;height: 146px;border-left: 1px solid #ccc;}
.IndexHeader_new .network_list ul:first-child {padding-top: 4px;border-left: 0;}
.IndexHeader_new .network_list .list_on {padding-left: 0;border-left: 0;}
.IndexHeader_new .network_list ul li.list_child {height: 24px;line-height: 24px;padding: 0;}
.IndexHeader_new .network_list ul li:first-child {height: 30px;line-height: 30px;padding-top: 4px;}
.IndexHeader_new .network_list ul li.list_child h2 {font-size: 14px;color: #111;height: 30px;line-height: 30px;}
.IndexHeader_new .network_list ul li.list_child a {display: block;font-size: 12px;padding: 0;color: #666;}
.IndexHeader_new .network_list ul li.list_child a:hover {color: #00baf2;background: #fff;}
.IndexHeader_new .tab_teacher {right: -1px;padding: 10px;}
.IndexHeader_new .tab_teacher a {float: none;display: block;width: 80px;height: 28px;text-align: left;line-height: 28px;font-size: 12px;color: #666;}
.IndexHeader_new .tab_teacher a:hover {color: 333 !important;background: #f5f5f5;}

/*顶部广告位*/
.IndexHeader_new .adverTop {height: 90px;}

/*吸顶条上面的搜索*/
.search_top {width: 182px;height: 32px;border: 2px solid #02a6e3;margin-right: 30px;margin-top: 8px;overflow: hidden;-webkit-transition: 1s all ease;transition: 1s all ease;}
.search_top button {position: absolute;top: 10px;left: 2px;width: 38px;height: 32px;background: #fff url(../images/search_nav.png) no-repeat center center;}
.search_top input {position: absolute;top: 10px;left: 44px;width: 140px;height: 32px;line-height: 32px;font-size: 14px;color: #999;border: 0 none;-webkit-transition: 1s all ease;transition: 1s all ease;}
.search_top:hover {width: 258px;}
.search_top:hover input {width: 196px;}
.search_box_top {margin-top: 10px;position: relative;z-index:1001;margin-bottom: 30px;}
.Logo{margin-top: 20px;}
.Search {margin-right: 212px;border:1px solid #21b8ff;height: 39px;line-height: 9px;position:relative;width: 622px; border-radius:3px;margin-top: 20px;z-index: 105;}
.Search button,.Search input  {border:none;}
.Search button  {height: 39px;width: 45px;background: #21b8ff url('https://imgs.lipuedu.cn/static/img/layout_css_sprites3.png') no-repeat -159px -44px;margin:0;border-radius: 0;}
.Search input   {height: 20px;padding: 9px 7px 9px 17px;width: 540px;}
.Search .Select {width: 106px;padding-right: 10px;text-align: center;cursor: pointer;}
.Search .Select p   {background: url(../images/down_95.png) no-repeat right center;padding-right: 10px;}
.Search .Select p,.Search .Select ul li:hover   {color: #21b8ff;}
.Search .Select ul  {color:#424242;display: none;border:2px solid #21b8ff;border-top:none;background: #FFF;margin-left: -2px;padding-left: 2px;*width: 106px;}
.Search .Select ul li   {line-height: 45px;height: 45px;background-color: #FFF;padding-right: 10px;margin:0px 5px;}
.Search .Select:hover p {background-color: #FFF;z-index: 11;position: relative;}
.Search .Select:hover ul  {display: block;position: relative;z-index: 10;}
.Search .hotKey {position: absolute;right: 65px;top:8px;font-size: 12px;}
.Search .hotKey a{background: #efedee;padding:0px 15px;height:24px;line-height: 24px; border-radius:24px;display: inline-block;margin-right: 10px; color:#888;}
.Search .hotKey a:hover{background: #999999; color:#fff;}
.Search .association {position: absolute;top: 45px;background: #FFF;left: -1px;right: -1px;z-index: 20;display: none;box-shadow: 0 0 10px #999; border-radius: 3px;}
.Search .association .list {border-top:0;line-height: 36px;}
.Search .association .list a {display: block;padding:0 18px; color:#333;}
.Search .association .list a.cur,.Search .association .list a:hover {background: #f0f0f0;}
.clearhistory{ height:30px; line-height: 30px; padding:0 18px; font-size: 12px; color:#999; background:#fafafa;}
.clearhistory span{ cursor:pointer;}
.search_box_top .down_app{ position: absolute; right:0; top:19px; display:inline-block; width:136px; text-align: right; cursor: pointer;}
.search_box_top .down_app .ins{ position: relative;}
.search_box_top .down_app .ins i{display: inline-block;width: 35px;height: 35px;float: left; margin-top: 3px;background: url(' ') -69px -101px;}
.search_box_top .down_app .ins strong,.search_box_top .down_app .ins span{ display:block; font-weight: normal; line-height: 18px; text-align: left; padding-left: 35px;}
.hidedown_app{ width:301px; height:295px;background: url(../images/downs.png) no-repeat center top; background-size: 100% 100%;position: absolute; right:0; top:43px;}
.hidedown_app dl{ padding:27px 0 0 18px; text-align: left;}
.hidedown_app dl.exam-wrap{ padding:15px 0 0 18px; text-align: left;}
.hidedown_app dl dt{ width:114px; margin-right: 13px;}
.hidedown_app dl dd p{ margin-bottom: 5px;}
.hidedown_app dl dd p.exam-tip{ text-align: center; margin-top: 10px; }
.hidedown_app dl dd a{ display:block; width:133px; height:37px; line-height: 37px; border-radius: 37px; background:#4b575c; color:#fff; font-size: 12px; margin-bottom: 8px;}
.hidedown_app dl dd a:hover{background:#333333;}
.hidedown_app dl dd a b{display: inline-block; float: left;margin:10px 8px 0 18px;}
.hidedown_app dl dd a .android{width: 15px;height: 17px;background: url( ) no-repeat -35px -87px;}
.hidedown_app dl dd a .ios{width: 13px;height: 16px;background: url( ) no-repeat -51px -87px;}
/*导航*/
.Page_nav{height:50px;z-index: 99;}
.NavTop{ height:50px; line-height: 50px;}
.NavTop .nav_l{ margin-right: 28px;}
.NavTop .nav_l a{ display:block;width: 240px; height:50px; background:#00a8e9; color:#fff;}
.NavTop .nav_l a i{display: inline-block;width: 17px;height: 14px;background: url( ) no-repeat -180px -43px;margin: 18px 8px 0 20px; float: left;}
.NavTop .nav_l a:hover{color:#fff; background: url(https://imgs.lipuedu.cn/static/img/ztc.jpg) no-repeat center center; }
.NavTop .nav_l a span{ display:inline-block; float:right; font-size: 14px;margin-right: 15px;}
.NavTop .nav_l a span b{display:inline-block;width: 6px;height: 10px;background: url( ) no-repeat -120px -62px;margin-left: 5px; }
.NavTop .nav_c a{ padding:0 32px;color:#424242; position: relative;}
.NavTop .nav_c a.stress-color {color: #FF3C42;}
.NavTop .nav_c a .dys{display: inline-block;width: 10px;height: 13px;position: absolute; top:-13px; right:8px;}
.NavTop .nav_c a .dys img{margin-top: -5px;}
.NavTop a:hover{color:#00a8e9;}
.NavTop .nav_c .line{ padding:0 12px;color:#d5d5d5;}
.Navleft{width: 240px; height:380px;background: url(https://imgs.lipuedu.cn/static/img/bg70.png) repeat;z-index: 1000; position: absolute; left:0; top:50px;}
.Navleft ul li {height:63px; padding:0 14px;}
.Navleft ul li h2  {font-size: 16px;font-weight: normal;line-height:26px;height: 26px;padding-top: 8px;*padding-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Navleft ul li h2 a{color: #FFF;font-size: 14px;line-height: 26px;}
.Navleft ul li h2 i {display: inline-block;width: 1px;height: 10px;background: url( ) no-repeat -105px 0;margin: 0 1px;}
.Navleft ul li .secondlist{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Navleft ul li p a{ color:#8b8f95;}
.Navleft ul li.on h2 a,.Navleft ul li.on h2,.Navleft ul li.on p a {color:#333;}
.Navleft ul li p a {display:inline-block;color:#8b8f95;padding-right: 10px;line-height: 24px;white-space:nowrap;position: relative;}

.Navleft ul li .More{width: 960px;height: 378px; border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;position: absolute;left: 240px;top:0;background: #FFF; display:none; z-index: 999;}
.Navleft ul li .More .ins{ padding:0 20px 0 42px;}
.Navleft ul li .More dl.items_cs {width: 530px;height: 380px;overflow: hidden;}
.Navleft ul li .More dl.items_cs p{ line-height: 24px;}
.Navleft ul li .More dl.items_cs p a{ margin-right:20px; position: relative;}
.Navleft ul li .More dl.items_cs p a .new,.Navleft ul li .More dl.items_cs p a .hot{display:inline-block;width:22px; height:12px; position: absolute; right:-10px; top:-5px;}
.Navleft ul li .More dl.items_cs p a .new{background: url( ) no-repeat -151px -43px;}
.Navleft ul li .More dl.items_cs p a .hot{background: url( ) no-repeat -119px -43px;}
.Navleft ul li .More dl.item_news {width: 270px;height: 380px;overflow: hidden; }
.Navleft ul li .More dl.item_news p{ line-height: 22px; padding-bottom: 5px;}
.Navleft ul li .More dl.item_news a{ color:#879094; padding-left: 10px;white-space:normal;}
.Navleft ul li .More dl.item_news a span{display: inline-block;width: 3px;height: 5px;background: url( ) no-repeat -112px 0; position: absolute;left:0; top:10px;}
.Navleft ul li .More dt{padding-top: 10px; color:#333;}
.Navleft ul li .More dd{padding:10px 0 20px 0;max-height: 48px;}
.Navleft ul li .More_5 dd{ padding:0;}
.Navleft ul li.li_hover{ background:#fff;}
.Navleft ul li.li_hover h2 a{ color:#333;}
.Navleft ul li.li_hover .More   {display: block;}
.Navleft ul li a:hover,.Navleft ul li.li_hover h2 a:hover,.Navleft ul li .More dl.item_news a:hover{color: #00a8e9;}
.Navleft .More_off{display: inline-block;width: 9px;height: 9px;background: url( ) no-repeat -119px 0;position: absolute;right:30px; top:16px; cursor: pointer;transition:transform 1s;-moz-transition:-moz-transform 1s,top 1s; -webkit-transition:-webkit-transform 1s,top 1s;  -o-transition:-o-transform 1s,top 1s;}
.Navleft .More_off:hover{background: url( ) no-repeat -133px 0;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.Navleft ul li.li_last{ height:65px;}
.Navleft ul li.li_last:hover{height:64px;border-bottom:1px solid #eeeeee;}
/*登录注册*/
.Login,.UserInfo{ position: absolute; right:0; top:95px;z-index: 50; width:224px; height:292px;border-radius: 3px; background:#fff;}
.Login .xiong{background:url(../images/xiong.png) no-repeat center top; height:167px;}
.Login .slogn{ padding:25px 0 15px 0;}
.Login .slogn a:hover{color:#00a8e9;}
.Login .Btns a  {height: 30px; line-height:30px;width:70px; border:1px solid #21b8ff;background: #21b8ff;color: #FFF;text-align: center;border-radius: 5px; display:inline-block;margin:0 7px;}
.Login .Btns a.register{background: #FFF;color: #21b8ff;}
.UserInfo{ z-index: 20;}
.UserInfo .User_mes{ height:80px;background:url(../images/signbg.png) no-repeat center top; padding:21px 8px 0 14px;}
.UserInfo .User_mes_new{background:#fff4e9 url(../images/signbg.png) no-repeat center top;}
.UserInfo .User_mes dt{ height:50px; width:50px; overflow:hidden; border-radius: 50px; margin-right: 8px; margin-top: 5px;}
.UserInfo .User_mes dt img{height:50px; width:50px;}
.UserInfo .User_mes dd{ width:143px;position: relative;}
.UserInfo .User_mes .name{ padding: 5px 0 0 0;}
.UserInfo .User_mes .name .nme{max-width: 65px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;}
.UserInfo .User_mes .name .vip{ display:inline-block;width:13px; height:13px; margin:6px 0 0 3px;}
.UserInfo .User_mes .name .vip_gray{background: url( ) no-repeat -162px -23px;}
.UserInfo .User_mes .name .vip_red{background: url( ) no-repeat -142px -23px;}
.UserInfo .User_mes .name .money{ color:#ffa264; font-size: 12px; margin:3px 0 0 10px;}
.score_box{ display:inline-block; position: relative;}
.UserInfo .User_mes .score{ font-size: 12px;max-width:143px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden; display:inline-block;}
.UserInfo .User_mes .score a{ color:#21b8ff; font-style: normal;}
.UserInfo .User_mes .score .study_score{}
.UserInfo .User_mes .add{ position: absolute;color:#ffa264; font-size: 12px;top: 23px;right:0; display:none;}
.UserInfo .User_mes .fade{animation:keyscore 1.2s linear 1;display:inline; top:15px;}
@keyframes keyscore {
    0%{
        opacity: 1;
        display:inline;
        top: 35px;
        transform:scale(1,1);
    }
    70%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }
    90%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }100%{
         opacity: 0;
         display:inline;
         transform:scale(1.2,1.2);
     }
}
@-moz-keyframes keyscore {
    0%{
        opacity: 1;
        display:inline;
        top: 35px;
        transform:scale(1,1);
    }
    70%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }
    90%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }100%{
         opacity: 0;
         display:inline;
         transform:scale(1.2,1.2);
     }
}
@-webkit-keyframes keyscore {
    0%{
        opacity: 1;
        display:inline;
        top: 35px;
        transform:scale(1,1);
    }
    70%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }
    90%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }100%{
         opacity: 0;
         display:inline;
         transform:scale(1.2,1.2);
     }
}
@-o-keyframes keyscore {
    0%{
        opacity: 1;
        display:inline;
        top: 35px;
        transform:scale(1,1);
    }
    70%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }
    90%{
        top: 15px;
        opacity: 1;
        display:inline;
        transform:scale(1.2,1.2);
    }100%{
         opacity: 0;
         display:inline;
         transform:scale(1.2,1.2);
     }
}
.tostudy{ background: #fff4e9; height: 28px; line-height: 28px;text-align: center; display: block; color:#ff8400; font-size: 12px; }
.tostudy:hover{ color:#ff8400; }
.steps{ height:67px;}
.steps .nostep{ padding-top: 25px;}
.steps .nostep span{ display:inline-block;}
.steps .nostep span i{ display:inline-block;width:15px; height:15px;background: url( ) no-repeat -149px 0; margin:5px 5px 0 0; float: left;}
.steps .nostep span a{ color:#999;}
.steps .nostep span a:hover,.steps .hasstep .name a:hover{color:#00a8e9;}
.steps .hasstep{ padding: 20px 12px 0;}
.steps .hasstep .name a{display:inline-block;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; line-height: 1;}
.steps .hasstep .stepline{ height:4px; border:1px solid #e5e5e5; position: relative;}
.steps .hasstep .stepline .stepnum{ background:#21b8ff; display:inline-block;height:4px; position: absolute;left:0; top:0;}
.UserInfo .signbox{}
.UserInfo .signbox .day{ height:25px; overflow:hidden;}
.UserInfo .signbox .day span{ color:#cc3333; font-weight: bold;}
.UserInfo .signbox .dec{padding: 5px 12px 0; font-size: 12px; line-height: 18px; height:36px; overflow:hidden;}
.UserInfo .bot{ background:#f8f8f8; height:48px; line-height: 48px;margin-top: 10px;  cursor:pointer;}
.UserInfo .bot .signbtn{ display:inline-block; position: relative; color:#00a8e9; font-size: 16px;}
.UserInfo .bot .signbtn i{display:inline-block;width:16px; height:16px;background: url( ) no-repeat -119px -23px; margin:16px 7px 0 0; float: left;}
.UserInfo .bot .signbtn b{display:inline-block;width:21px; height:21px;background: url( ) no-repeat -167px 0; position: absolute; right:-25px; top:-6px;}
.UserInfo .bot .signbtn_lock{ color:#999;}
/*签到弹窗*/
.signmask{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity: 0.8;filter: alpha(opacity=80); z-index: 10000;}
.newsigns{background:#fff url(../images/signbg.png) no-repeat center top; position:fixed; left:50%; top:50%;margin:-200px 0 0 -490px; z-index: 10001; border-radius: 10px;}
.newsigns .popins{ position:relative;}
.newsigns .popins .sign_closebtn{ position:absolute; display:inline-block; width:27px; height:27px;background: url(../images/sign_close.png) no-repeat left center; right:10px; top:10px; z-index: 99; cursor:pointer;}
.List_Top{ padding:10px 20px 0; position:relative; height:235px;}
.newsigns .List_Top .minstit{ margin-bottom: 0; height:20px;}
.List_Top .minstit strong{ float: left; font-weight: normal;}
.List_Top .minstit span{ display:inline-block;margin-top:5px; margin:4px 0 0 10px;width:16px;height:16px;background: url(../images/wenhao.png) no-repeat left center; float: left;}
.List_Top .sign_dec{ position:absolute; z-index: 9; left:10px; top:35px; padding:15px; display:none;}
.List_Top .sign_decin{ padding:15px;width:195px; color:#333; font-size: 12px; background:rgba(255,255,255,0.8); position:relative; border-radius: 5px;}
.List_Top .sign_decin .ic{ display:inline-block; width:15px; height:7px; background: url(../images/s_arro.png) no-repeat left center; position: absolute; left:33px; top:-7px;}
.List_Top .line1{ font-size: 24px; color:#151515; font-weight: bold;text-align: center; height:35px; line-height: 35px;}
.List_Top .line1 span{ color:#ee624f; font-size: 34px;}
.List_Top .line2{text-align: center; font-size: 14px; color:#333;}
.List_Top .steps{ margin-left: 120px; margin-top: 20px;}
.List_Top .steps .round{ display:inline-block; width:74px; height:74px; background: url(../images/round1.png) no-repeat left center; text-align:center; float: left; position:relative;}
.List_Top .steps .round em{ display:block; text-align: center; font-style: normal;}
.List_Top .steps .round .em1{color:#333333; font-size: 20px; font-weight: bold; line-height: 1; margin-top: 14px;}
.List_Top .steps .round .em2{ display:block; width:27px; line-height: 27px;height:27px; background: url(../images/fen2.png) no-repeat left center;margin:3px auto;}
.List_Top .steps .round i{ display:block; position:absolute; left:-4px; top:-12px; width:28px; line-height: 27px;height:27px; background: url(../images/round_hg.png) no-repeat left center;}
.List_Top .steps .round_cur{background: url(../images/round2.png) no-repeat left center; float: left;}
.List_Top .steps .round_cur .em1{ color:#fff;}
.List_Top .steps .round_cur .em2{background: url(../images/fen1.png) no-repeat left center;}
.List_Top .steps_vip .round .em2{background: url(../images/fen_vip2.png) no-repeat left center;}
.List_Top .steps_vip .round_cur .em2{background: url(../images/fen_vip1.png) no-repeat left center;}
.List_Top .steps b{ height:3px; background:#fff7c5; width:24px; float: left; margin-top: 35px; display:block;}
.List_Top .steps b.b_cur{ background:#ee802f;}
.List_Top .steps .roundlast .em1{ font-size: 15px; margin-top: 20px;}
.List_Top .steps .roundlast .em2,.List_Top .steps_vip .roundlast .em2{ background:none; text-align: center; font-size: 14px; color:#ee802f; font-weight: bold; width:100%;}
.List_Top .steps_vip .roundlast.round_cur .em2,.List_Top .steps .roundlast.round_cur .em2{ color:#fff;}
.List_Two,.List_Three{ margin:0 30px;}
.List_Two .ins{ width:128px; height:135px; border: 1px solid #e1e1e1; float: left; margin-left: 10px; padding:0 20px 0 150px; position: relative;}
.List_Two .ins1{background: url(../images/xf1.png) no-repeat left center;}
.List_Two .ins2{background: url(../images/xf2.png) no-repeat left center;}
.List_Two .ins3{background: url(../images/xf3.jpg) no-repeat left center;}
.List_Two .ins .line1{ padding-top: 15px; font-size: 16px; color:#333333; font-weight: bold;}
.List_Two .ins .line2{ font-size: 14px; color:#666666; line-height: 25px;}
.List_Two .ins .line3{ text-align: right; padding-top: 3px;}
.List_Two .ins .line3 a{ display:inline-block; height:20px; line-height: 20px; border:1px solid #ee812f; color:#ee812f; padding:0 10px; border-radius: 20px; font-size: 12px;}
.List_Two .ins1 .line3 a{ background:#ee812f;color:#fff;}
.List_Two .ins .hover_code{ position:absolute; left:90px; top:10px; z-index: 9; display:none; width:122px; height:122px; background: url(../images/sign_code1.png) no-repeat left center;}
.List_Two .ins .code_t{ position: absolute; top:20px; z-index: 9;display:none;font-size: 16px; color:#333;line-height: 25px; }
.List_Two .ins .code_l{ left:40px;}
.List_Two .ins .code_r{ right:40px;}
.List_Two .ins_hover .hover_code,.List_Two .ins_hover .code_t{ display:block;}
.List_Two .ins_hover,.List_Two .ins_hover{ background:none;}
.newsigns .sxminins{margin-left: -10px;}
.newsigns .minstit{ font-size: 14px; color:#333333; margin-bottom: 5px;}
.newsigns .minstit a{ float: right; font-size: 12px; color:#ee812f;}
.List_Three{ margin-bottom: 20px;}
.List_Three .ins{width:180px; height:125px; border: 1px solid #e1e1e1; float: left; margin-left: 10px; padding:0 20px 0 20px; position:relative;}
.List_Three .ins .line1{ padding-top: 15px; font-size: 18px; color:#333333; margin-bottom: 5px;}
.List_Three .ins .line2{ font-size: 12px; color:#666666; line-height: 25px; height:40px; line-height: 20px;}
.List_Three .ins .line3{ text-align: right; padding-top: 3px; color:#333;}
.List_Three .ins .line3 span{display:inline-block; height:20px; line-height: 20px; border:1px solid #333; color:#333; padding:0 10px; border-radius: 20px; font-size: 12px;}
.List_Three .ins .instatus{ font-size: 12px; color:#f93744; position: absolute;right:8px; top:8px;}

/*banner*/
.Bannerbox{ width:100%; height:380px; overflow:hidden; position:relative; z-index: 9;}
.Bannerbox .hd{ height:7px; position:absolute;  bottom:50px; z-index:99; width:100%;}
.Bannerbox .hd ul{zoom:1;margin-top: 0; height:7px;}
.Bannerbox .hd ul li{width:7px; height:7px;text-align:center;cursor:pointer; display:inline-block;background: url( ) no-repeat -46px -6px; margin:0 5px;}
.Bannerbox .hd ul li.on{width:14px;background: url( ) no-repeat -58px -6px;}
.Bannerbox .bd{ position:relative; height:100%; z-index:0;   }
.Bannerbox .bd li{ zoom:1; vertical-align:middle; }
.Bannerbox .bd li .pics{ width:1200px; margin:0 592px;}
.Bannerbox .bd img{ width:940px; height:390px; display:block;}
.Bannerbox .prev,.Bannerbox .next{ display:block; width:40px; height:70px; position: absolute;z-index: 1; top:155px;left:50%; display:none;}
.Bannerbox .prev{margin-left:-340px;background: url(https://imgs.lipuedu.cn/static/img/barros.png) no-repeat 0 0;}
.Bannerbox .prev:hover{background: url(https://imgs.lipuedu.cn/static/img/barros.png) no-repeat 0 -74px;}
.Bannerbox .next{ margin-left:560px;background: url(https://imgs.lipuedu.cn/static/img/barros.png) no-repeat -43px 0;}
.Bannerbox .next:hover{background: url(https://imgs.lipuedu.cn/static/img/barros.png) no-repeat -43px -74px;}
.Bannerbox:hover .prev,.Bannerbox:hover .next{ display:block;}
/*微职位广告*/
.wejob_advbox{padding:15px 0; background:#fff; margin-top: 1px;}
.wejob_advbox .line{ width:2px; height:46px; background:#ececec;}
.wejob_advbox .lists{margin:5px 20px; width:198px; height:46px;}
.wejob_advbox .lists a{ display:block; position: relative;}
.wejob_advbox .lists img{ width:198px; height:45px; position: absolute; left:0; top:0;}
.wejob_advbox .lists:hover .pre,.wejob_advbox .lists .after{display:none;}
.wejob_advbox .lists:hover .after{ display:block;}
/*课程列表*/
.advlists{ margin-left: -28px;}
.advlists li{ float: left; margin-left: 28px; width:586px; height:109px; border-radius: 5px; overflow:hidden;}
.advlists li img{width:586px; height:109px;}
.items_tab{ height:30px; line-height: 30px; position: relative;}
.items_tab span{ color:#4b5154;margin:0 25px; cursor: pointer; position: relative; display:inline-block;}
.items_tab span.cur,.items_tab span.cur_hover{color:#21b8ff;}
.items_tab span b{ display:inline-block; height:2px; width:20px; background:#23b8ff; position: absolute; left:50%; bottom:0; margin-left: -10px; display:none;}
.items_tab span.cur b{ display:block;}
.items_tab span.cur_hover b{ display:none;}
.items_tab .more{color:#4e667b; position: absolute; top:0; right:7px;}
.items_con{ height:480px;}
.weiadvleft{width:218px; height:480px; border-radius: 5px; overflow:hidden; position: relative;}
.lybtn{ position: absolute;z-index: 9; bottom:50px; left:50%; margin-left: -90px; display:inline-block; overflow:hidden; width:170px; height:45px; background:url(../images/lybtn_new1.png) no-repeat center top;}
.lybtn:hover{background:url(../images/lybtn_new2.png) no-repeat center top; bottom:48px;}
.w_953{ width:953px; margin-left: 27px;}
.killtime{ display:inline;}
.timecount{ display:inline; color:#999;}
.timecount em{ display:inline-block; height:23px; line-height: 23px; padding:0 5px; background:#fae5dd; border-radius: 2px; font-style: normal;margin:0 5px; color:#eb5d2a;}
.timecount b{ color:#eb5d2a;}
.items_conttab{ display:none; position: relative;}
.items_conttab .more{ position: absolute; right:7px; top:-52px;color:#4e667b; }
.items_new{ margin-left: -27px;}
.slider_kill .items_new{ margin-left: 0; height:255px;}
#nav_kill .items_new li {
    height: 246px;
}
.items_new li{ float: left; width:218px;/* height:226px; */margin-left: 17px; position: relative;margin-top: 15px;}
.items_new li .tag{ position: absolute; height:20px; line-height: 20px; color:#fff; border-radius: 20px;padding:0 5px; background:#e9345f; left:-8px; top:-8px;border:2px solid #fff; z-index: 9; font-size: 12px;}
.items_new li .tag_xk{ position: absolute; height:23px; line-height: 23px; color:#fff; width:52px; padding-left: 10px; background:#e9345f; left:0; top:5px; z-index: 9; font-size: 12px;background:url(' ') no-repeat -10px -58px;}
.items_new li .tag_cx{ position: absolute; height:23px; line-height: 23px; color:#fff; width:82px; padding-left: 10px; background:#e9345f; left:0; top:5px; z-index: 9; font-size: 12px;background:url(' ') no-repeat -111px -146px;}


.tag_ms{position: absolute;width:78px; padding-left:4px;height:23px; line-height: 23px; color:#fff; background:url(' ') no-repeat -10px -58px;left:0; top:5px;z-index: 9; font-size: 12px;}
.items_new li .pic{ height:130px; overflow:hidden; border-radius: 5px 5px 0 0;}
.items_new li .pic img{ width:218px; height:130px; }
.items_new li .main{padding:10px;}
.items_new li .main .title{overflow:hidden; line-height: 21px; height:44px;word-break:break-all;}
.items_new li .main .apars{ color: #777986; font-size: 12px; }
.items_new li .main .apars span{ height: 30px; line-height: 30px;}
.items_new li .main .apars .level{ padding-right: ; overflow:hidden;}
.items_new li .main .apars .star_num{ padding-right: 10px;}
.items_new li .main .apars .star_num i{background:url(' ') no-repeat -172px -92px; float: left; width: 11px; height: 11px; margin:9px 2px 0 0;}
.items_new li .main .apars .stars{ position: relative; padding-left: 60px;}
.items_new li .main .apars .stars .star_gray{position: absolute;left: 0;top: 10px; z-index: 9; display: inline-block; width: 57px; height: 10px;background:url(' ') no-repeat -91px -58px;}
.items_new li .main .apars .stars .star_yel{position: absolute; left: 0;top: 10px;z-index: 99; display: inline-block;  height: 10px;background:url(' ') no-repeat -10px -158px;}
.items_new li .main .apars .stars em{ font-style: normal; }
.items_new li .main .dec{}
#nav_kill .items_new li .main .dec .price {margin-right: 8px;width: 122px;}
.items_new li .main .dec .price .now{color:#333; }
.items_new li .main .dec .price .old{color:#818181; text-decoration: line-through;}
.items_new li .main .dec .price .disc{color:#ea585c;}
.items_new li .main .dec .price .free{color:#a9d0a3;}
.items_new li .main .dec .price .vipfree{color:#f2b68e;}
.items_new li.over .main .title a{}
.items_new li.over .main .title a,.items_new li.over .main .title a:hover,.items_new li.over .main .dec .price .old,.items_new li.over .main .dec .price .disc{color:#999;}
.items_new .buybtn{ width:73px;height:22px; line-height: 22px;border-radius: 22px; text-align: center; border:1px solid #ea585c; color:#ea585c; margin-top: 5px;}
.items_new .buybtn:hover{ color:#ea585c;}
.items_new .lock{ border:1px solid #d1d0d3; background:#d1d0d3; color:#fff;}
.items_new .lock:hover{color:#fff;}
.killbox .ins{ overflow:hidden; height:245px;}
.killbox .ins .minin,.freebox .ins .minin{ margin-left: -27px;}
.freebox .ins{ overflow:hidden; height:222px;}
/*免费课程*/
.freecourse{margin-left: -15px; max-height:260px;}
.freecourse li{ width:120px; height:122px; text-align: center; margin:0 0 13px 15px;}
.freecourse li a{ display:block; width:120px; height:122px;}
.freecourse li span{ display:block;}
.freecourse li .minicon{width:40px; height:40px; margin:0 auto 10px;padding-top: 15px;position: relative;}
.freecourse li i {
    display: inline-block;
    width: 80px;
    height: 80px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    position: absolute;
    left: -20px;
    top: -6px;
}
.freecourse li .minicon_img-1 {
    background: url('../images/css_sprites_free.png') -10px -10px;
}
.freecourse li .minicon_img-11 {
    background: url('../images/css_sprites_free.png') -110px -10px;
}
.freecourse li .minicon_img-40 {
    background: url('../images/css_sprites_free.png') -10px -110px;
}
.freecourse li .minicon_img-47 {
    background: url('../images/css_sprites_free.png')-110px -110px;
}
.freecourse li .minicon_img-61 {
    background: url('../images/css_sprites_free.png') -210px -10px;
}
.freecourse li .minicon_img-19 {
    background: url('../images/css_sprites_free.png') -210px -110px;
}
.freecourse li .minicon_img-15 {
    background: url('../images/css_sprites_free.png') -10px -210px;
}
.freecourse li .minicon_img-34 {
    background: url('../images/css_sprites_free.png') -110px -210px;
}
.freecourse li .minicon_img-71 {
    background: url('../images/css_sprites_free.png') -210px -210px;
}
.freecourse li .minicon_img-126 {
    background: url('../images/css_sprites_free.png') -310px -10px;
}
.freecourse li .minicon_img-195 {
    background: url('../images/css_sprites_free.png') -310px -110px;
}
.freecourse li .minicon_img-90 {
    background: url('../images/css_sprites_free.png') -310px -210px;
}
.freecourse li .minicon_img-101 {
    background: url('../images/css_sprites_free.png') -10px -310px;
}
.freecourse li .minicon_img-120 {
    background: url('../images/css_sprites_free.png') -110px -310px;
}
.freecourse li .minicon_img-144 {
    background: url('../images/css_sprites_free.png') -210px -310px;
}
.freecourse li .minicon_img-150 {
    background: url('../images/css_sprites_free.png') -310px -310px;
}
.freecourse li .minicon_img-236 {
    background: url('../images/css_sprites_free.png') -410px -10px;
}
.freecourse li .minicon_img-241 {
    background: url('../images/css_sprites_free.png') -410px -110px;
}

/*明星讲师*/
.tecbox{margin-left: -27px;}
.tecbox li{float: left; width:218px; height:321px;margin-left: 27px; position: relative; text-align: center; overflow:hidden;}
.tecbox li .h_pre{ padding: 30px 15px 0; width:188px; height:291px; position: absolute;left:0;top:0; z-index: 2; background:#fff; border-radius: 5px;}
.tecbox li .h_pre .pic{ width:112px; height:112px; position: relative;margin:0 auto; overflow:hidden;}
.tecbox li .h_pre .pic .picbg{display:block;width:112px; height:112px; position: absolute;left:0; top:0;background: url(../images/picbg.png) no-repeat center center; z-index: 9;}
.tecbox li .h_pre .name{ line-height: 1; margin:32px 0 16px 0;}
.tecbox li .h_pre .line{ width:66px; height:2px;background: url( ) no-repeat -7px 0;margin:0 auto;}
.tecbox li .h_pre .dec{ line-height: 20px; margin-top: 15px; height:80px; overflow:hidden;}
.tecbox li .h_after{ position: absolute;left: 0; top:0;z-index:1;border-radius: 5px;overflow:hidden; width:186px; height:285px;padding:18px 16px; }
.tecbox li .h_after td{ height:285px; vertical-align: middle; line-height: 28px;}
.tecbox li .h_after td a{ display:inline-block;overflow:hidden; max-height: 285px;word-break:break-all; text-align: justify;}
.tecbox li .h_after td a:hover{ color:#fff;}
.tecbox .li_hover .h_after {z-index:2;box-shadow: 0 0 10px #ccc;background:#fff url(../images/tecbg.jpg) no-repeat center top;}

/*资质*/
.certbox{position:relative;}
.certbox .ins{ background:#fff;padding:35px 20px 30px;border-radius: 5px;}
.certbox .ins .minin{ overflow:hidden;}
.hd{text-align: center;}
.hd ul{zoom:1; margin-top:26px; zoom:1; display:inline-block; line-height: 1;}
.hd ul li{ width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;background: url( ) no-repeat 0 -6px;float: left; }
.hd ul li.on{width:24px;background: url( ) no-repeat -14px -6px; }
.certbox .bd{ margin-left: -13px;}
.certbox .picList{width:1180px;}
.certbox .bd ul{ overflow:hidden; zoom:1; height:193px;}
.certbox .bd ul li{ margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center; width:210px;  }
.certbox .bd ul li .pic{ text-align:center; }
.certbox .bd ul li .pic img{ width:210px; height:148px; display:block; }
.certbox .bd ul li .pic a:hover img{}
.certbox .bd ul li .title{ height:45px; line-height: 45px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*学院新闻*/
.news_list{ margin-left: -24px;}
.news_list li{ float: left; width:344px; background:#fff; padding:20px; margin-left: 24px;}
.news_list li .news{height:35px; line-height: 35px; }
.news_list li .news a{ float: left;width:239px; display:inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_list li .news span{ float: right;}

/*footer*/
.footer_bg{ background:#2E3D50;
}
.footer_bg .footer .footer_last{ float: right;}
.footer {width:1140px; padding:50px 40px 30px 20px;margin: 0 auto;}
/*左侧*/
.nav_slides{position: fixed; z-index:999; left:20px; top:50%; display:none;}
.nav_slides .ins{ position: relative;}
.nav_slides ul li{position: relative; height:31px; line-height: 31px;}
.nav_slides ul li a{ font-size: 12px; color:#666;height:31px; line-height: 31px; display:block;}
.nav_slides ul li a span{ display:inline-block;width:7px; height:31px;background: url( ) no-repeat 0 -52px; float: left; margin-right: 6px;}
.nav_slides ul li a:hover span,.nav_slides ul li.cur a span{background: url( ) no-repeat -11px -52px;}
.nav_slides ul li a:hover{ color:#21b8ff;}
.nav_slides ul li.first a span{background: url( ) no-repeat -24px -52px;}
.nav_slides ul li.first a:hover span,.nav_slides ul li.cur.first a span{background: url( ) no-repeat -35px -52px;}
.nav_slides ul li.last a span{background: url( ) no-repeat -46px -52px;}
.nav_slides ul li.last a:hover span,.nav_slides ul li.cur.last a span{background: url( ) no-repeat -57px -52px;}
.trans_scale{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-0-transform: scale(0);transform-origin: 100% 0%;-webkit-transform-origin: 100% 0%;-ms-transform-origin:100% 0%;-moz-transform-origin:100% 0%;-o-transform-origin:100% 0%; transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;-ms-transition: all ease .3s;-moz-transition: all ease .3s;-0-transition: all ease .3s;display:none\0;*display:none;}
.trans_scale_h{display: block;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);opacity: 1;*display:block;}

/*旧版培训班*/
.banner_list_bg {width: 1148px;padding: 0 25px 20px;background: #fff;overflow: hidden;}
.banner_list {width: 100%;}
.banner_list li {padding-top: 6px;box-sizing: border-box;float: left;margin-top: 20px;margin-right: 6px;width: 186px;height: 52px;}
.banner_list li:nth-child(6n){margin-right: 0;}
.banner_list li a {display: block;}
.banner_list li img {margin-right: 7px; width: 31px;height: 31px;border-radius: 50%;overflow: hidden;display: block;float: left;}
.add_up{margin-top:-72px;transition: margin-top 0.5s;-moz-transition: margin-top 0.5s;  -webkit-transition: margin-top 20.5ss;-o-transition: margin-top 0.5s;}
.add_down{margin-top:0;transition: margin-top 0.5s;-moz-transition: margin-top 0.5s;    -webkit-transition: margin-top 20.5ss;-o-transition: margin-top 0.5s;}
.banner_list_bg .aros{ display:inline-block;right:10px; position: absolute;cursor: pointer; width:20px;height:20px;background: url(../images/addaros.png);}
.banner_list_bg .pre{ top:52px; background-position: 0 -30px;}
.banner_list_bg .pre.argray{background-position: 0 0;}
.banner_list_bg .next{bottom:52px; cursor: pointer;background-position: -30px -30px;}
.banner_list_bg .next.argray{background-position: -30px 0;}
.banner_list_bg .banner_word{    float: left;width: 144px;overflow: hidden;}
.banner_list_bg .banner_tit{font-size: 16px;color: #333;line-height: 18px;font-weight: bold;overflow: hidden;white-space:nowrap;}
.banner_list_bg .banner_tit1{font-size: 12px;color: #808080;line-height: 12px;margin-top: 5px;overflow: hidden;white-space: nowrap;}
.banner_list_bg .banner_last{font-weight: bold;font-size: 16px;color: #333;padding-left: 29px;line-height: 45px;background: url(../images/rt.png) no-repeat 137px 17px;background-size: 11px 11px;letter-spacing: 3px;}

/* 日常图标 */
.NavTop .nav_c .icon-hot {
    position: absolute;
    top: -23px;
    right: -12px;
    width: 60px;
    height: 28px;
    background: url(' ') no-repeat -10px -10px;
    transform: scale(0.5);
}

/* 新版秒杀 */

.slider_kill .comtit {

}

.slider_kill .comtit-tab {
    background: url('../images/seckill-tab_bg.jpg');
    height: 112px;
    box-sizing: border-box;
    padding-top: 64px;
}

.slider_kill .comtit-no-tab {
    background: url('../images/seckill-bg.jpg');
    height: 78px;
}

.slider_kill .sec-tab {
    display: inline-block;
}

.slider_kill .sec-tab li{
    float: left;
    color: #333333;
    font-size: 16px;
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}
.slider_kill .sec-tab li:last-child{
    margin-right: 0px;
}
.slider_kill .sec-tab li.on {
    color: #f85959;
}
.slider_kill .sec-tab li.on:after{
    position: absolute;
    bottom: 2px;
    left: 21px;
    content: '';
    width: 20px;
    height: 2px;
    background: #f85959;
    border-radius: 2px;
}

.slider_kill .timespan-container {
    font-size: 14px;
    color: #666;
}

.slider_kill .timespan-container b{
    color: #333333;
}

.slider_kill .timespan-container i{
    color: #fff;
    background: #647189;
    padding: 2px 3px;
    margin: 0px 4px;
    font-style: normal;
    text-align: center;
}

.slider_kill .timespan-container span{
    color: #647189;
    margin: 0;
}

.seckill-content {
    height: 289px;
    margin-top: 15px;
}

.seckill-content li {
    float: left;
    width: 220px;
    height: 268px;
    margin: 0 25px 0px 0;
    background: #fff;
    position: relative;
    border-radius: 6px
}

.seckill-content li:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.seckill-content li:nth-of-type(5n) {
    margin-right: 0
}

.seckill-content li .pic {
    width: 100%;
    height: 132px;
    border-radius: 6px 6px 0 0
}

.seckill-content li .pic a {
    display: block;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.seckill-content li .pic a img {
    display: block;
    width: 100%;
    height: 132px;
    transition: .8s all ease;
    -ms-transition: .8s all ease;
    -moz-transition: .8s all ease;
    -webkit-transition: .8s all ease;
    -o-transition: .8s all ease;
}

.seckill-content li .main {
    padding: 10px
}

.seckill-content li .main .title {
    overflow: hidden;
    line-height: 21px;
    height: 44px;
    word-break: break-all;
    display: block;
    color: #333;
    font-size: 14px
}

.seckill-content li .main .progress {
    line-height: 2.3;
    height: 36px
}

.seckill-content li .main .progress>i {
    display: inline-block;
    font-style: normal
}

.seckill-content li .main .progress .progress_inner {
    width: 141px;
    height: 8px;
    background: #b8b8b8;
    position: relative;
    margin-right: 5px;
    text-align: center;
    border-radius: 4px
}

.seckill-content li .main .progress .progress_inner .progress_percent {
    position: absolute;
    top: -13px;
    left: 64px;
    font-size: 12px;
    color: #999;
    z-index: 3;
    font-weight: normal
}

.seckill-content li .main .progress .progress_inner .progress_completed {
    background: #f75c5c;
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    border-radius: 4px;
    z-index: 2;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.seckill-content li .main .progress .progress_txt {
    color: #a2a2a2;
    font-size: 12px
}

.seckill-content li .main .price {
    float: left;
    color: #F85959;
    font-size: 14px;
    line-height: 1
}

.seckill-content li .main .price>span {
    display: block
}

.seckill-content li .main .price .old {
    padding-top: 6px;
    font-size: 12px;
    color: #999
}

.seckill-content li .main .buy-btn {
    float: right;
    height: 30px;
    line-height: 30px;
    background: #F85959;
    padding: 0 10px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.seckill-content li .main .buy-btn[disabled] {
    background: #98A7C3;
    cursor: no-drop
}
.seckill-content li .main .buy-btn.lock {
    /* background: #98A7C3; */
}
.seckill-content li .main .buy-btn.buyNow:hover {
    background: #F77373
}

.slider_kill .items_tab .more {
    color: #4e667b;
    position: absolute;
    top: -50px;
    right: 27px;
}

.slider_kill .comtit-tab + .items_tab .more-action {
    width: 200px;
    height: 40px;
    top: -108px;
    right: 500px;
}

.slider_kill .comtit-no-tab + .items_tab .more-action {
    width: 200px;
    height: 40px;
    top: -62px;
    right: 500px;
}


.seckill-content .sell-out {
    display: none;
    width: 220px;
    height: 268px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    padding-top: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 10;
}

.seckill-content .sell-out span {
    display: block;
    width: 88px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #fff;
    font-size: 16px;
    color: #3d4042;
    border-radius: 44px;
    margin: 0 auto
}
.time_1{
    width:105px !important;
    float:left !important;
}
.img_1{
    height:90px;


}
.img_2{
    height:85px;
    width:90px;
    background:#1ac6fe;
    align-self:center;

}
.img_3{
    height:70px;
    margin:auto;

    display:flex;
}
.font_1{
    height:50px;
    width:50px;
    padding:15px;
    color:#fff;
    font-size:17px;
}
.footer_bg h2{color:#fff;}
.footer_bg a{color:#fff;}
.youlian h1{
    font-size:19px;
    text-align:left;
    margin:20px 0 40px 70px;

}
.final_1 .footer{
    background:#000 !important;
    height:20px !important;
    border-top:none !important;
}
.final_1 {
    background:#000;
}

.final_1 .footer a{
    color:#fff;
}

.title_1{
    float:left;
    font-size:25px;

}

.logo,#ykheader .citys,#ykheader .search,#ykheader .contact{float: left;}
.top,#yk_schoolheader .top{background-color: #fafbfc;line-height:45px;border-bottom: 1px solid #E9DFDF;}
.top,#ykheader .top a,#yk_schoolheader .top,#yk_schoolheader .top a{color: #6f675a;}
.top,#ykheader .top a:hover,#yk_schoolheader .top a:hover{color: #e90f06;}
.top .tools,#yk_schoolheader .top .tools{float: right;}
.top .tools a,#yk_schoolheader .top .tools a{padding-left: 7px;}
.top .tools i,#yk_schoolheader .top .tools i{padding-right: 3px;color: #004085;}
.header-body{height: 96px;}
.header-body .logo{width: 125px;padding-top: 33px;}
.header-body .logo img{width: 125px;}
.citys{padding: 15px 30px 0 39px;position: relative;width: 78px;float:right;}
.citys span.choosed{font-size: 15px;color: #3a3329;position: relative;cursor: pointer;}
.citys span.choosed:after{content: '';position: absolute;right: -13px;top: 7px;font-weight: normal;width: 5px;height: 5px;transform: rotate(135deg);-webkit-transform: rotate(135deg);transition: all 0.4s ease;border-right: 1px solid #676767; border-top: 1px solid #676767;}
.citys:hover span.choosed:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.citys .city-change {width: 56px;border: 1px solid #ccc;background-color: #F9F9F9;color: #676767;text-align: center;line-height: 18px;font-size: 12px;overflow: hidden;margin-top: 4px;}
.citys .cities-all{position: absolute;top: 67%;left: 30px; display: none; z-index: 6; padding: 0px 15px 5px 15px; width: 400px;height: auto;overflow: auto; background-color: #fff;border:1px solid lightgray;margin-top:20px;}
.citys:hover .cities-all{display: block;}
.citys .cities-all dt{line-height: 45px;border-bottom: 1px dotted #666;font-size: 15px;color: #000;font-weight: bold;margin-bottom: 8px;}
.citys .cities-all .slide-letter {margin-top: 12px;padding: 5px 6px;}
.citys .cities-all dl dd a {font-size: 14px;margin-right: 4px;padding: 2px 3px;border-radius: 5px;    width: 4em;float: left;line-height: 24px;}