.head-warp {
            width: 100%;
            padding: 4px 0 4px 0;
            background: #f9f9f9;
            border-bottom: solid 1px #eeeeee;
            float: left;
        }

        .head-top {
            max-width: 1200px;
            margin: 0 auto;
        }

        .head-top .desc {
            width: 40%;
            float: left
        }

        .head-top .links {
            width: 50%;
            float: right;
        }

        .head-top .links a {
            color: #666;
            text-decoration: solid;
            position: relative;
        }

        .head-top .links a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

        .head-top .links ul li {
            float: left;
        }

        .head-top .links .city-select {
            float: right;
            position: relative;
        }

        .head-top .links .weight-span {
            font-weight: bold;
            margin-right: 5px;
        }

        .head-top .links .change-i {
            border: 5px solid transparent;
            display: inline-block;
            border-top-color: #666;
            width: 0;
            height: 0;
            vertical-align: middle;
            margin-top: 3px;
            margin-left: 4px;
        }

        .head-top .links .before-i {
            border-top-color: transparent;
            border-bottom-color: #0091ea;
            margin-top: -6px;
        }

        .head-top .links .city-panel {
            display: none;
            position: absolute;
            width: 150px;
            height: auto;
            border: 1px solid #d3d3d3;
            background: #fff;
            top: 25px;
            padding: 5px;
            z-index: 9999;
        }

        .head-top .links .city-panel a {
            padding: 3px 6px;
        }

        @media screen and (min-width: 320px) and (max-width: 812px) {
            .head-warp {
                display: none;
            }
        } .box-radius-shadow {
            border-radius: 7px;
            overflow: hidden;
            box-shadow: 0 0 15px #ccc;
        }
.f-f0 {
    font-family: Arial, "Hiragino Sans GB", \5fae\8f6f\96c5\9ed1, Helvetica, sans-serif
}

.f-f1 {
    font-family: Arial, "Hiragino Sans GB", SimSun, \5b8b\4f53, Georgia, serif
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-pa {
    position: absolute
}

.p-15 {
    padding: 15px
}

.f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "."
}

.f-cb, .f-cbli li {
    zoom: 1
}

.f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-text-overflow: ellipsis
}

.f-hide {
    text-indent: -9999px;
    overflow: hidden
}

.f-ib {
    display: inline-block;
    zoom: 1
}

.f-dn {
    display: none
}

.f-db {
    display: block
}

.f-pr {
    position: relative
}

.f-pf {
    position: fixed
}

.f-af {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.g-flow {
    width: 960px;
    margin: 0 auto;
    text-align: left
}

@media screen and (min-width: 1210px) {
    .g-flow {
        width: 1200px
    }


    body {
        overflow-x: hidden
    }
}


.globalnavsprite, .m-indextopnav .topheader .login .u-mystudy .u-learn-record .arr, .u-indexnavcatebtn .cbtn .ic, .u-indexnavcatedialog .cateright .close, .u-navapptip .arrr, .u-navapptip .rcon .store, .u-navdropmenu .arrr, .u-navusermenu .arrr {
    background: url(../images/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat
}

.globalnavsprite, .m-yktNav .userinfo .u-mystudy .u-learn-record .arr, .u-navapptip .arrr, .u-navapptip .rcon .store, .u-navcatebtn .cbtn, .u-navcatedialog .arrr, .u-navcatedialog .cateright .close, .u-navdropmenu .arrr, .u-navusermenu .arrr {
    background: url(../images/ui_new_yktnav_sprite.png) 9999px 9999px no-repeat
}

.x-hide, .x-hoverItem .x-child {
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -webkit-transform;
    -ms-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -ms-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: scale(.9);
    opacity: 0;
    pointer-events: none;
    display: none \9;
    visibility: hidden
}

.x-hoverItem:hover .x-child {
    opacity: 1;
    -webkit-transform: scale(1);
    pointer-events: all;
    display: block \9;
    visibility: visible
}


.m-yktNav .g-flow {
    width: 1205px
}

.m-yktNav .m-nav {
    position: relative;
    zoom: 1;
    display: inline;
    float: left;
    height: 60px
}

.m-yktNav .m-nav .nitem {
    position: relative;
    cursor: pointer;
    float: left;
    color: #eee;
    font-size: 16px;
    line-height: 60px;
    padding: 0 17px
}

.m-yktNav .m-nav .nitem.down-wrap {
    padding: 0
}

.m-yktNav .m-nav .nitem.down-wrap .downApp {
    padding: 0 15px;
    display: inline-block;
    height: 100%
}

.m-yktNav .m-nav .nitem.selected {
    color: #fff;
    background-color: #242630
}

.m-yktNav .m-nav .nitem.cur {
    color: #fff;
    background-color: #484C57
}

.m-yktNav .m-nav .nitem:hover {
    background-color: #484C57
}

.m-yktNav .m-nav .toggledrop {
    display: none
}

.m-yktNav .m-nav .nitem.active .toggledrop, .m-yktNav .m-nav .nitem:hover .toggledrop {
    display: block
}

a {
    text-decoration: none;
}

.m-indextopnav {
    z-index: 10;
    position: relative;
    height: 0
}

.m-indextopnav .topnav {
    z-index: 1;
    height: 51px;
    background-color: #fff;
    border-bottom: none
}

.m-indextopnav .topnav .mainnav {
    float: left;
    height: 51px;
    /*padding-left: 249px*/
}

.m-indextopnav .topnav .mainnav .nitem {
    cursor: pointer;
    position: relative;
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 51px;
    padding: 0 19.5px
}

.m-indextopnav .topnav .mainnav .nitem.down-wrap {
    padding: 0
}

.m-indextopnav .topnav .mainnav .nitem.down-wrap .downApp {
    padding: 0 15px;
    display: inline-block;
    height: 100%
}

.m-indextopnav .topnav .mainnav .nitem.selected, .m-indextopnav .topnav .mainnav > .nitem:hover {
    color: #fff;
    background-color: #0479ea;
    text-decoration: none;
}

.m-indextopnav .topnav .mainnav > .nitem:hover span a {
    color: #fff;
}

.m-indextopnav .topnav .mainnav .nitem.active {
    color: #fff;
    background-color: #0479ea;
    text-decoration: none;
}

.m-indextopnav .topnav .mainnav .nitem.active span a {
    color: #fff;
}

.u-indexnavcatebtn {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 224px;
    height: 52px;
    background-color: #0479ea;
    overflow: hidden
}

.u-indexnavcatebtn .cbtn {
    display: block
}

.u-indexnavcatebtn .cbtn .ic {
    margin: 19px 10px 0 20px;
    width: 16px;
    height: 14px;
    background-position: 0 0
}

.u-indexnavcatebtn .cbtn .qb {
    color: #fff;
    line-height: 54px;
    font-size: 17px
}

.u-indexnavcatedialog {
    left: -1px;
    top: 51px;
    width: 224px
}

.u-indexnavcatedialog .fadeInOut {
    animation-name: fadeInOut;
    animation-duration: .2s;
    animation-timing-function: ease-in-out
}

.u-indexnavcatedialog .cateleft {
    z-index: 2;
    top: 0;
    left: 0;
    width: 224px;
    height: 450px
}

.u-indexnavcatedialog .cateleft .catebg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=60)
}

.u-indexnavcatedialog .cateleft .items {
    top: 0;
    left: 0;
    height: 450px;
    width: 100%;
    overflow: hidden
}

.u-indexnavcatedialog .cateleft .item {
    height: 75px;
    padding: 0 10px 0 13px;
    position: relative
}

.u-indexnavcatedialog .cateleft .item .inn {
    position: relative;
    z-index: 2;
    height: 75px;
    padding: 0 0 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.u-indexnavcatedialog .cateleft .item .inn p {
    overflow: hidden;
}

.u-indexnavcatedialog .cateleft .item .inn .first {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.u-indexnavcatedialog .cateleft .item .inn a img {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}

.u-indexnavcatedialog .cateleft .item .inn .second {
    display: inline-block;
    color: #fff \9;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    margin-right: 11px;
}

.u-indexnavcatedialog .cateleft .item .curbg {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 225px;
    height: 75px;
    background-color: #04a2ea
}

.u-indexnavcatedialog .cateleft .item.on .inn {
    border-bottom: none
}

.u-indexnavcatedialog .cateleft .item.on .inn .first {
    color: #fff;
    text-decoration: none;
}

.u-indexnavcatedialog .cateleft .item.on .inn .second {
    color: #fff;
    text-decoration: none;
}

.u-indexnavcatedialog .cateleft .item.on .curbg {
    display: block
}

.u-indexnavcatedialog .cateleft .item.last .item {
}

.u-indexnavcatedialog .cateleft .item.last .inn {
    border-bottom: none;
}

.u-indexnavcatedialog .cateleft .item.last.on .curbg {
}

.u-indexnavcatedialog .cateright {
    overflow: hidden;
    top: 0;
    left: 223px;
    width: 650px;
    z-index: 1;
    position: relative;
    background-color: rgba(255, 255, 255, .9);
}

.u-indexnavcatedialog .cateright.cur {
    display: none
}

.u-indexnavcatedialog .cateright .close {
    top: 20px;
    right: 20px;
    width: 14px;
    height: 14px;
    background-position: -155px 0;
    z-index: 10
}

.u-indexnavcatedialog .cateright .rwrap {
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 450px;
    overflow: hidden;
    background: url(../images/pull_bg.png) right bottom no-repeat;
    padding-top: 20px;
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left {
    float: left;
    width: 630px;
    margin: 0 85px 14px 0;
    padding-left: 42px
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .cat2 {
    float: left;
    line-height: 25px;
    padding-top: 15px;
    padding-right: 30px;
    overflow: hidden;
    text-align: left
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .cat2:hover {

}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links {
    padding-top: 12px;
    overflow: hidden
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a {
    color: #666;
    display: inline-block
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a:hover {
    color: #666
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links .seperate {
    padding: 0 10px 0 0;
    color: #ccc;
    float: left
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a.rec {
    color: #0479ea;
    white-space: nowrap
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links a.rec:hover {
    color: #0479ea
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .links .cate3links {
    margin-left: 10px;
    font-size: 12px;
    line-height: 25px
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .top-rec {
    margin: 20px 20px 8px 0;
    padding: 6px 16px 5px 11px;
    background: #fff;
    border: 1px solid #ff8a00;
    border-radius: 2px;
    font-size: 14px;
    color: #ff8a00
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-left .top-rec:hover {
    background-color: #ff8a00;
    color: #fff;
    text-decoration: none
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-right {
    float: left;
    width: 224px
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-right .tit {
    font-size: 16px;
    color: #333;
    margin-top: 19px
}

.u-indexnavcatedialog .cateright .rwrap .rwrap-right .links {
    padding-top: 10px;
    line-height: 26px
}

.u-indexnavcatedialog .cateright .rwrap.on {
    display: block
}

.u-indexnavcatedialog .cateright .rwrap .tit {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.u-indexnavcatedialog .cateright .rwrap .mooctxt {
    padding-bottom: 38px
}

.u-indexnavcatedialog .cateright .rwrap .links {
    line-height: 25px;
    font-size: 12px;
    color: #666
}

.u-indexnavcatedialog .cateright .rwrap .links .slash {
    padding: 0 10px;
    color: #ccc
}

.u-indexnavcatedialog .cateright .picwrap {
    margin-top: 10px;
    display: inline-block
}

.u-indexnavcatedialog .cateright .pic {
    width: 200px;
    height: 140px
}

.u-navapptip {
    top: 100%;
    left: -125px;
    padding: 20px;
    background-color: #fff;
    height: 140px;
    width: 310px;
    border: 1px solid #ddd;
    box-sizing: content-box
}

.u-navapptip .arrr {
    top: -9px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 9px;
    background-position: -187px 0
}

.u-navapptip .ewm {
    width: 140px;
    height: 140px;
    margin-right: 20px
}

.u-navapptip .rcon {
    width: 150px
}

.u-navapptip .rcon .txt {
    line-height: 28px;
    font-size: 17px;
    color: #666
}

.u-navapptip .rcon .store {
    display: block;
    width: 150px; 
    height: 44px;
    margin-top: 10px
}

.u-navapptip .rcon .store.apple {
    background-position: 0 -28px
}

.u-navapptip .rcon .store.android {
    background-position: 0 -76px
}

.u-navdropmenu {
    top: 100%;
    left: -5px;
    width: 500px;
    padding: 0;
    background: #fff;
}

.u-navdropmenu .arrr {
    top: -9px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 9px;
    background-position: -187px 0
}

.u-navdropmenu .dropitem {
    text-align: left;
    line-height: 45px;
    font-size: 12px;
    color: #666;
    display: block
}

.u-navdropmenu .dropitem span {
    margin: 0 15px;
    display: block;
    border-bottom: 1px solid #ddd
}

.u-navdropmenu .dropitem:hover {
    background-color: #f8f8f8;
    color: #0479ea
}

.u-navdropmenu .dropitem.last span {
    border-bottom: none
}

.u-navusermenu {
    position: absolute;
    right: -3px;
    top: 44px
}

.u-navusermenu .arrr {
    top: -8px;
    right: 10px;
    width: 14px;
    height: 9px;
    background-position: -187px 0
}

.u-navusermenu ul.menu {
    padding: 8px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ddd
}

.u-navusermenu ul.menu .text {
    border-bottom: 1px solid #eaeaea;
    font-size: 12px;
    white-space: nowrap
}

.u-navusermenu ul.menu li a {
    padding: 2px 10px 2px 10px;
    display: block;
    font-size: 12px;
    width: 140px;
    color: #666
}

.u-navusermenu ul.menu li a:hover {
    background-color: #F3F4F6
}

.u-navusermenu ul.menu li a.exit {
    border-top: 1px solid #e9e9e9
}

.u-navcatedialog.x-hide, .x-hoverItem .u-navcatedialog.x-child {
    -webkit-transition-duration: 50ms;
    -moz-transition-duration: 50ms;
    -ms-transition-duration: 50ms;
    -o-transition-duration: 50ms;
    transition-duration: 50ms
}

.u-navcatedialog {
    left: -189px;
    top: 60px;
    width: 224px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    width: 1203px;
    height: 420px
}


.u-navcatedialog.cur {
    display: block
}

.u-navcatedialog .arrr {
    top: -9px;
    left: 225px;
    margin-left: 0;
    width: 14px;
    height: 9px;
    background-position: -187px 0;
    z-index: 1;
    position: absolute
}

.u-navcatedialog .cateleft {
    z-index: 2;
    top: 0;
    left: 0;
    width: 224px;
    height: 420px;
    background-color: #39a030;
    border-bottom: 1px solid #ddd
}

.u-navcatedialog .cateleft .catebg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.u-navcatedialog .cateleft .items {
    top: 0;
    left: 0;
    height: 420px;
    width: 100%;
    overflow: hidden
}

.u-navcatedialog .cateleft .item {
    height: 60px;
    padding: 0 10px 0 13px;
    position: relative
}

.u-navcatedialog .cateleft .item .inn {
    position: relative;
    z-index: 2;
    height: 60px;
    padding: 0 0 0 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.u-navcatedialog .cateleft .item .inn p {
    overflow: hidden;
    height: 60px
}

.u-navcatedialog .cateleft .item .inn .first {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 65px
}

.u-navcatedialog .cateleft .item .inn .second {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    margin-left: 11px;
    line-height: 65px
}

.u-navcatedialog .cateleft .item .curbg {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 225px;
    height: 60px;
    border-top: 1px solid #39a030;
    border-bottom: 1px solid #39a030;
    background-color: #fff
}

.u-navcatedialog .cateleft .item.cur .inn {
    border-bottom: none
}

.u-navcatedialog .cateleft .item.cur .inn .first {
    color: #333
}

.u-navcatedialog .cateleft .item.cur .inn .second {
    color: #666
}

.u-navcatedialog .cateleft .item.cur .curbg {
    display: block
}

.u-navcatedialog .cateleft .item.last .inn {
    border-bottom: none
}

.u-navcatedialog .cateright {
    top: 0;
    left: 223px;
    width: 981px;
    z-index: 1;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none
}

.u-navcatedialog .cateright.cur {
    display: block
}

.u-navcatedialog .cateright .close {
    top: 20px;
    right: 20px;
    width: 14px;
    height: 14px;
    background-position: -155px 0;
    z-index: 10
}

.u-navcatedialog .cateright .rwrap {
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 420px;
    overflow: hidden
}

.u-navcatedialog .cateright .rwrap .rwrap-left {
    float: left;
    width: 630px;
    margin: 0 85px 14px 0;
    padding-left: 42px
}

.u-navcatedialog .cateright .rwrap .rwrap-left .cat2 {
    float: left;
    line-height: 25px;
    padding-top: 12px;
    padding-right: 20px;
    overflow: hidden;
    text-align: left
}

.u-navcatedialog .cateright .rwrap .rwrap-left .cat2:hover {

}

.u-navcatedialog .cateright .rwrap .rwrap-left .links {
    padding-top: 12px;
    overflow: hidden
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a {
    color: #666;
    display: inline-block
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a:hover {
    color: #666
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links .seperate {
    padding: 0 10px 0 0;
    color: #ccc;
    float: left
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a.rec {
    color: #0479ea;
    white-space: nowrap
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links a.rec:hover {
    color: #0479ea
}

.u-navcatedialog .cateright .rwrap .rwrap-left .links .cate3links {
    margin-left: 10px;
    font-size: 12px;
    line-height: 25px
}

.u-navcatedialog .cateright .rwrap .rwrap-left .top-rec {
    margin: 20px 20px 8px 0;
    padding: 4px 16px 3px 11px;
    background: #fff;
    border: 1px solid #ff8a00;
    border-radius: 2px;
    font-size: 14px;
    color: #ff8a00
}

.u-navcatedialog .cateright .rwrap .rwrap-left .top-rec:hover {
    background-color: #ff8a00;
    color: #fff;
    text-decoration: none
}

.u-navcatedialog .cateright .rwrap .rwrap-right {
    float: left;
    width: 224px
}

.u-navcatedialog .cateright .rwrap .rwrap-right .tit {
    font-size: 16px;
    color: #333;
    margin-top: 19px
}

.u-navcatedialog .cateright .rwrap .rwrap-right .links {
    padding-top: 10px;
    line-height: 26px
}

.u-navcatedialog .cateright .rwrap.cur {
    display: block
}

.u-navcatedialog .cateright .rwrap .tit {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #333
}

.u-navcatedialog .cateright .rwrap .mooctxt {
    padding-bottom: 38px
}

.u-navcatedialog .cateright .rwrap .links {
    line-height: 25px;
    font-size: 12px;
    color: #666
}

.u-navcatedialog .cateright .rwrap .links .slash {
    padding: 0 10px;
    color: #ccc
}

.u-navcatedialog .cateright .picwrap {
    margin-top: 10px;
    display: inline-block
}

.u-navcatedialog .cateright .pic {
    width: 200px;
    height: 140px
}

.u-navapptip {
    top: 100%;
    left: -125px;
    padding: 20px;
    background-color: #fff;
    height: 140px;
    width: 310px;
    border: 1px solid #ddd;
    box-sizing: content-box
}

.u-navapptip .arrr {
    top: -9px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 9px;
    background-position: -187px 0
}

.u-navapptip .ewm {
    width: 140px;
    height: 140px;
    margin-right: 20px
}

.u-navapptip .rcon {
    width: 150px
}

.u-navapptip .rcon .txt {
    line-height: 28px;
    font-size: 17px;
    color: #666
}

.u-navapptip .rcon .store {
    display: block;
    width: 150px;
    height: 44px;
    margin-top: 10px
}

.u-navapptip .rcon .store.apple {
    background-position: 0 -28px
}

.u-navapptip .rcon .store.android {
    background-position: 0 -76px
}

.u-navdropmenu {
    top: 100%;
    left: -5px;
    width: 760px;
    padding: 0;
    background: #fff;
}

.u-navdropmenu .arrr {
    top: -9px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 9px;
    background-position: -187px 0
}

.u-navdropmenu .dropitem {
    text-align: left;
    line-height: 45px;
    font-size: 12px;
    color: #666;
    display: block; float:left; width:33%;
}

.u-navdropmenu .dropitem span {
    margin: 0 15px;
    display: block;
}

.u-navdropmenu .dropitem:hover {
    background-color: #f8f8f8;
    color: #0479ea
}

.u-navdropmenu .dropitem.last span {
    border-bottom: none
}

.hidddenClass {
    visibility: hidden
}


.list-2 {margin:0; padding:20px 0}
.list-2 li {float: left;width: 25%;}
.list-2 li a {display: block; text-align:center; padding:0 0 30px 0}
.list-2 li .img-cover img{width: 90%;}
/*.list-2 li p {display:none}*/


#m-slide-container {
    z-index: 1;
    min-height: 350px;
}

.m-slide {
    background-color: #ddd;
 
    min-height: 350px;
    height: 350px;
    overflow: hidden;
   margin:0 auto;
}

.m-slide .m-slide-wrap {
    height: 350px
}

.m-slide .lbtn, .m-slide .rbtn {
    position: absolute;
    height: 70px;
    width: 40px;
    top: 50%;
    margin-top: -35px;
    background: url(../images/indexSlideArrow.png) no-repeat 0 0;
    z-index: 100
}

.m-slide .lbtn {
    left: 31%;
    background-position: 0 0
}

.m-slide .lbtn:hover {
    background-position: 0 -95px
}

.m-slide .rbtn {
    right: 31%;
    background-position: -66px 0
}

.m-slide .rbtn:hover {
    background-position: -66px -95px
}

.m-slide .slide {
    display: inline-block;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.m-slide .slide ul {
}

.m-slide .slide ul li {
    width: 100%;
    text-align: center;
}

.m-slide .slide img {
    height: 350px;
}

.m-slide .u-slidepg {
    bottom: 31px
}

.m-slide .u-slidepg ul {
    vertical-align: bottom;
    height: 16px
}

.m-slide .u-slidepg ul li {
    position: relative;
    width: 8px;
    height: 16px;
    background: 0 0
}

.m-slide .u-slidepg ul li:after {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
    content: '.';
    text-indent: -99px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 8px
}

.m-slide .u-slidepg ul li.on {
    background: 0 0
}

.m-slide .u-slidepg ul li.on:after {
    -moz-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    height: 16px;
    background-color: #fff
}

.m-slide .lbevel, .m-slide .rbevel {
    display: none
}

.m-slide .lbevel {
    top: 0;
    right: 50%;
    margin-right: 480px;
    background-position: 0 0
}

.m-slide .rbevel {
    z-index: 0;
    top: 0;
    left: 50%;
    margin-left: 480px;
    background-position: -414px 0
}

.m-slide .sideNav {
    z-index: 2;
    width: 225px;
    height: 280px;
    right: 18.6%;
    top: 30px;
    background: #fff
}

.m-slide .sideNav .sidelink {
    display: inline-block
}

.m-slide .sideNav .yktqr {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2
}

.m-slide .sideNav .yktqr img {
    width: 100%;
    height: 100%
}

.m-slide .sideNav .sideimg {
    width: 225px;
    height: 160px
}

.m-slide .sideNav .liveflag {
    width: 68px;
    height: 24px;
    line-height: 24px;
    background: #49af4f;
    border-radius: 0 12px 12px 0;
    top: 10px;
    color: #fff;
    font-size: 14px;
    padding-left: 6px
}

.m-slide .sideNav .redlive {
    background: #ff1d00
}

.m-slide .sideNav .cnt {
    margin-top: -3px;
    font-size: 14px;
    padding: 10px 20px 16px;
    height: 94px
}

.m-slide .sideNav .cnt .teacher {
    height: 18px;
    overflow: hidden;
    word-break: break-all
}

.m-slide .sideNav .cnt p {
    font-size: 12px;
    color: #666;
    line-height: 18px
}

.m-slide .sideNav .cnt .title {
    color: #333;
    line-height: 26px;
    font-size: 16px;
    max-height: 52px;
    overflow: hidden;
    margin-bottom: 6px
}

.m-slide .sideNav .cnt .title:hover {
    color: #49af4f
}

@media screen and (min-width: 1210px) {
    .m-slide .lbevel {
        margin-right: 602.5px
    }

    .m-slide .rbevel {
        margin-left: 602.5px
    }
}

.u-slidepg {
    position: absolute;
    width: 100%;
    text-align: center
}

.u-slidepg ul {
    height: 6px;
    position: relative
}

.u-slidepg ul li {
    width: 12px;
    height: 6px;
    background: rgba(0, 0, 0, .3);
    margin-right: 8px;
    float: left;
    text-indent: 100px;
    overflow: hidden;
    cursor: pointer
}

.u-slidepg ul li.js-selected {
    cursor: default;
    background: #00a650
}

@media screen and (max-width: 1710px) {
    .m-slide .lbtn {
        left: 28%;
    }

    .m-slide .rbtn {
        right: 28.5%;
    }

    .m-slide .sideNav {
        right: 15%;
    }
}

@media screen and (max-width: 1410px) {
    .m-slide .lbtn {
        left: 23.5%;
    }

    .m-slide .rbtn {
        right: 24.5%;
    }

    .m-slide .sideNav {
        right: 7.5%;
    }
}

@media screen and (max-width: 1210px) {
    .m-slide .lbtn {
        left: 19%;
    }

    .m-slide .rbtn {
        right: 19.5%;
    }

    .m-slide .sideNav {
        right: 0.5%;
    }
}

.col-logo {
    overflow: hidden;
    padding: 30px 0;
    width: 1200px;

}

.w-logo {
    float: left;
}

.col_hotline {
    position: relative;
    float: right;
}

.col_hotline a {
    background-image: url('../images/icon/yjbj.png');
    float: right;
    display: inline-block;
    color: #ff530f;
    font-size: 13px;
    /* border: 1px solid #ff530f; */
    width: 180px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    left: 67px;
    top: 35px;
    font-weight: bold;
    animation: telroute 0.8s ease-in-out 0s infinite;
    -moz-animation: telroute 0.8s ease-in-out 0s infinite;
    -webkit-animation: telroute 0.8s linear 0s infinite;
    -o-animation: telroute 0.8s ease-in-out 0s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.col_hotline a:hover {
    /*-webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;*/
    /*-webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -moz-transform: rotate(0deg);*/
    animation: telrouted 0s;
    -moz-animation: telrouted 0s;
    -webkit-animation: telrouted 0s;
    -o-animation: telrouted 0s;

}

.revealOnScroll .kk:hover {
    box-shadow: 2px 3px 9px #4c4c4c;
    animation: telroute 0.8s ease-in-out 0s infinite;
    -moz-animation: telroute 0.8s ease-in-out 0s infinite;
    -webkit-animation: telroute 0.8s linear 0s infinite;
    -o-animation: telroute 0.8s ease-in-out 0s infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

@keyframes telroute {
    0% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(-10deg);
    }
}

.main .title img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}
.zjwmWz{ padding:50px 0; overflow:hidden}
.li-div{ padding:0; overflow:hidden}
.li-div .w-text .text4 .title h3 img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

/**服务流程 start**/
.main .flow {
    margin-top: 40px;
}

.main .flow ul li {
    width: 181px;
    float: left;
}

.main .flow ul li .img {
    background: url(../images/icon/flow.png) no-repeat;
    text-align: center;
    width: 181px;
    height: 181px;
    position: relative;
}

.main .flow ul li .img img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.3s;
    filter: grayscale(100%);
    filter: gray;
}

.main .flow ul li .img .num {
    transition: all 0.5s;
    position: absolute;
    right: 20px;
    top: 20px;
    height: 36px;
    width: 36px;
    background: #ababab;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 20px;
}

.main .flow ul li p {
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}

.main .flow .fl_li {
    float: left;
    margin: 75px 28px;
}

.main .flow ul li:hover {
    color: #00a0e9;
}

.main .flow ul li:hover .img img {
    filter: grayscale(0%);
    transform: rotateY(180deg);
}

.main .flow ul li:hover .img .num {
    background: #00a0e9;
    color: #fff;
}

.main.fuwuliucheng {
    margin-bottom: 80px;
}

/**服务流程 end**/
.index-about {
    background: url("../images/about-bg.jpg") no-repeat; height:400px; font-size:18px;
    color: #ffffff;
}

/*其余页面表单提交*/
.else-form {
    position: absolute;
    right: 150px;
    top: 85px;
    background: #0479ea;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 10px #5595ea;
}

.index-form {
    position: absolute;
    right: 150px;
    top: 85px;
    background: rgba(0, 0, 0, .5);
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 10px #e0b20c;
}

.index-form h2 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.index-form h2 .icon {
    background: url("../images/icon/zixun-icon.png");
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: -9px auto;
    background-size: 30px;
    margin-right: 5px;
    -webkit-animation: zixunShake 0.5s linear infinite;
}

@keyframes zixunShake{
    0%{
        -webkit-transform: translateY(-2px);
    }
    50% {
        -webkit-transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(-2px);
    }
}


/*其余页面表单提交*/

.adv-box {
    min-width: 1180px;
    overflow: hidden;
    background-color: white;
}

.w1180 {
    width: 1180px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.adv-list {
    width: 100%;
    overflow: hidden;
}

.adv-list li {
    float: left;
    width: 25%;
    text-align: left;
    overflow: hidden;
    padding: 20px 0;
}

.adv-list li p .orang {
    font-size: 20px;
}

.orang {
    font-weight: 600;
    color: #0091ea;
}

.adv-list li p {
    font-size: 16px;
    color: #666;
    line-height: 27px;
    float: left;
    padding: 8px 0 0 18px;
}


.changes-box {
    min-width: 1200px;
}

.w1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.tt-box {
    text-align: center;
    padding-top: 50px;
}

.tt-box > b {
    font-size: 30px;
    color: #666;
    line-height: 32px;
}

.tt-box > b span {
    color: #006ec7;
}


.dib {
    display: inline-block;
}

.changes-box {
    min-width: 1200px;
}

.changes-list-angcy {
    width: 1218px;
    margin: 49px 0 54px;
}

.changes-list-angcy li {
    width: 288px;
    float: left;
    text-align: center;
    padding-bottom: 25px;
    position: relative;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    margin-right: 16px;
}

.changes-list-angcy.lang-ul {
    width: 1200px;
}

.changes-list-angcy.lang-ul > li {
    width: 298px;
}

.changes-list-angcy li label.hot {
    background: url(../../images/public/hot-icon.jpg) no-repeat;
    width: 58px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 1px;
}

.changes-list-angcy li i {
    width: 70px;
    height: 60px;
    background: url(../images/icon/db-icon_03.png) no-repeat;
    margin: 26px 0 18px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    background-position: 9px 0;
}

.changes-list-angcy li .changes-icon2 {
    background-position: -60px 0;
    width: 60px;
}

.changes-list-angcy li .changes-icon3 {
    background-position: -120px 0;
    width: 60px;
}

.changes-list-angcy li .changes-icon4 {
    background-position: -180px 0;
    width: 55px;
}

.changes-list-angcy li .changes-icon5 {
    background-position: -235px 0;
}

.changes-list-angcy li .changes-icon6 {
    background-position: -304px 0;
}

.changes-list-angcy li .changes-icon7 {
    background-position: -373px 0;
}

.changes-list-angcy li .changes-icon8 {
    background-position: -443px 0;
}

.changes-list-angcy li .changes-icon9 {
    background-position: -513px 0;
}

.changes-list-angcy li .changes-icon10 {
    background-position: -590px 0;
}

.changes-list-angcy li .changes-icon11 {
    background-position: -655px 0;
}

.changes-list-angcy li .changes-icon12 {
    background-position: -721px 0;
}

.changes-list-angcy li .changes-icon13 {
    background-position: -795px 0;
}

.changes-list-angcy li .changes-icon14 {
    background-position: -858px 0;
}

.changes-list-angcy li .changes-icon15 {
    background-position: -938px 0;
}

.changes-list-angcy .last-li i {
    margin: 50px 0 23px;
}

.changes-list-angcy li:hover i {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}

.changes-list-angcy li p {
    font-size: 18px;
    color: #565656;
    line-height: 20px;
    margin-bottom: 20px;
}

.banli-btn {
    width: 123px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    color: #006ec7;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.changes-list-angcy li:hover .banli-btn {
    background: #006ec7;
    border-color: #006ec7;
    color: #fff;
}

.changes-list-angcy li {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}

.changes-list-angcy li:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.staff-title{
    margin: 0 auto;
}
.staff-title p{
    font-size: 16px;
    color: #525252;
    position: relative;
}
.staff-title p:first-child{
    margin-bottom: 12px;
}
.staff-title p:first-child:before{
    content: "";
    display: block;
    width: 359px;
    height: 1px;
    background-color: #afafaf;
    position: absolute;
    left: 50%;
    margin-left: -180px;
    bottom: -8px;
}
.staff-title p:first-child span:first-child{
    color: #525252;
}
.staff-title p:first-child:after{
    content: "";
    display: block;
    width: 72px;
    height: 1px;
    background-color: #0091ea;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    bottom: -8px;
}
.staff-title p:first-child span{
    font-size: 30px;
    font-weight: bold;
    color: #0091ea;
}
 @media (max-width: 767px) {
            .bannerBox {
                width: 100%;
                margin-left: -0%;
            }
    .list-2 li {width: 50%;}
        }
		
		  .footer-contact {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 150px;
            background: rgba(0, 0, 0, 0.8);
            z-index: 9;
        }

        .footer-contact .close-btn {
            text-align: center;
            font-size: 18px;
            background-color: #018eff;
            border: #018eff solid 1px;
            width: 30px;
            height: 30px;
            z-index: 9;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
        }
        .bot_center {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            padding-top: 22px;
        }
        .bot_center img{
            position: absolute;
            left: 400px;
            width: 128px;
            height: 128px;
        }
        .bot_left {
            margin-left: 200px;
            float: left;
            width: 295px;
            text-align: center;
            margin-right: 15px;
            letter-spacing: 2px;
        }
        .bot_text {
            font-size: 17px;
            font-weight: 600;
            color: #018eff;
            margin-bottom: 10px;
        }
        .bot_phone {
            color: #fa4f4f;
            font-size: 30px;
        }
        .bot_form {
            float: left;
            width: 690px;
            padding-top: 40px;
        }
        .bot_form input {
            width: 200px;
            height: 40px;
            border-radius: 20px;
            text-align: center;
            margin-right: 15px;
            border:none;
            font-size: 14px;
            color: #000000;
            background: #fff !important;
        }

        .bot_form button {
            width: 200px;
            height: 40px;
            border-radius: 20px;
            text-align: center;
            font-size: 18px;
            color: #ffffff;
            background-color: #fa4f4f;
            cursor: pointer;
            border: none;
        }
        .bot_form button:hover{
            background: #0a6999;
        }
		
		  .info_tab_in li{
                                            width: 100%;
                                            text-align: center;
                                        }
                                        .info_tab_in .view{
                                            border-top: 1px;
                                            margin-bottom: 5px;
                                        }
                                        .info_tab_in span{
                                            color: #8A8A8A;
                                            font-size: 16px;
                                        }
                                        .info_tab .cur_tab a {
                                            cursor: auto;
                                            background: none;
                                        }
                                        .info_tab li.cur_tab a{
                                            font-size:20px;
                                            font-weight: bold;
                                            color: #333333;
                                        }
										
										 .w-News-list2 li{ width:25%; *width:24.99%;}