@charset "utf-8";
/* h5结构兼容方案一 IE 6 - 8*/
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    font-family: Microsoft YaHei,SimSun,Arial,Narrow;
    /*overflow-x: hidden;*/
    max-width: 100%;
    min-width: 1220px;
}

/*首页*/
.header {
    width: 1200px;
    height: 106px;
    line-height: 106px;
    margin: auto;
}

    .header h1 {
        float: left;
        margin-top: 23px;
    }

h1 > a {
    display: block;
}

h1 a img {
    display: block;
}

.login-head a img {
    display: block;
    vertical-align: middle;
    margin-top: 7px;
}

.header .myMiddle {
    position: relative;
    width: 575px;
    height: 106px;
    display: inline-block;
    margin-left: 55px;
    vertical-align: top;
}

.myMiddle input {
    box-sizing: border-box;
    border: 1px solid #2496f6;
    width: 346px;
    height: 40px;
    font-size: 16px;
    font-family: Microsoft YaHei,SimSun,Arial,Narrow;
    vertical-align: middle;
    padding-left: 75px;
}

.myMiddle .select2 {
    list-style: none;
    position: relative;
    top: -105px;
    left: -6px;
    width: 60px;
    height: 80px;
}

.choice-select > span {
    position: absolute;
    top: 37px;
    left: 9px;
    height: 35px;
    line-height: 35px;
    padding-left: 9px;
    /* text-align: center; */
    width: 55px;
    border: none;
    border-right: 1px solid #eeeeee;
    cursor: pointer;
    font-size: 14px;
}


.choice-select i {
    font-size: 13px;
    /*margin-left: 11px;*/
    position: absolute;
    top: 3px;
    right: -10px;
}

.oUl {
    position: absolute;
    top: 74px;
    left: 6px;
    border: 1px solid #E9E9E9;
    border-top: none;
    z-index: 9;
    background-color: #fff;
}

.select2:hover .oul {
    display: block !important;
}

.myMiddle .oUl li {
    margin-top: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 66px;
}

.oUl li a {
    display: block;
    font-size: 12px;
    color: #2b2b2b;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 66px;
}

    .oUl li a:hover {
        color: #188eee;
        background-color: #F0F0F0;
    }

.ser-dtn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 6px;
}

.header div a div {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
}

.header div a > .left {
    background-color: #2496f6;
    color: #fff;
    margin-left: -10px;
    font-size: 14px;
}

.header div a > .right {
    box-sizing: border-box;
    border: 1px solid #2496f6;
    margin-left: 20px;
    color: #2496f6;
    font-size: 14px;
}

.header .goLink {
    float: right;
    margin-right: 10px;
}

.goLink span {
    margin-left: 5px;
    color: #2b2b2b;
}

.goLink .first {
    color: #ff8419;
}

.goLink .second {
    color: #dfdfdf;
    margin: 0 5px;
}

.gos_link {
    float: right;
    margin-top: 30px;
    display: inline-block;
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 19px;
    color: #FFFFFF;
    background: #2395F5;
    border-radius: 44px 44px 44px 44px;
    border: 1px solid rgba(255,255,255,0.74);
}

.go-login {
    display: inline-block;
}

.yet-login {
    position: relative;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.mess-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.mess-top {
    display: inline-block;
    width: 19px;
    height: 23px;
    background: url(/Images/v_1803/top-mess.png)no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.mess-content i {
    position: absolute;
    left: 18px;
    top: 32px;
    display: inline-block;
    padding: 0 4px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #E93030;
    border-radius: 20px;
    font-style: normal;
}

.yet-login p {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #E1E1E1;
    margin-left: 33px;
    /*overflow: hidden;*/
}

.tou_pic {
    width: 100%;
    height: 100%;
    line-height: normal;
    border-radius: 50%;
    /*text-align: center;*/
}

.pls_icon {
    position: absolute;
    top: -13px;
    left: 50%;
    display: block;
    width: 30px;
    height: 21px;
    margin-left: -15px;
}

.yet-login > ul {
    display: none;
    position: absolute;
    top: 41px;
    left: 13px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

    .yet-login > ul li {
        height: 30px;
        line-height: 30px;
        padding: 0 8px;
        white-space: nowrap;
    }

        .yet-login > ul li a {
            display: block;
            font-size: 12px;
            color: #2b2b2b;
            height: 30px;
            line-height: 30px;
            text-align: left;
            padding: 0 4px;
            /*width: 66px;*/
        }

            .yet-login > ul li a:hover {
                color: #188eee;
                /*background-color: #F0F0F0;*/
            }
/*导航*/
nav {
    width: 100%;
    height: 44px;
    background-color: #fff;
    border-bottom: 1px solid #E5E5E5;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

    nav > ul {
        width: 1200px;
        margin: auto;
    }

ul .clearfix:before {
    display: table;
    content: '';
}

.clearfix {
    zoom: 1;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */
/*.clearfix{display:inline-block;}*/
/*HidesfromIE-mac*/
*html.clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/*EndhidefromIE-mac*/
nav ul li {
    float: left;
    width: 120px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #2b2b2b;
    margin-left: 15px;
}

nav .oUl .myGod {
    margin-left: 0 !important;
    width: 140px;
}

nav ul li a {
    color: #2b2b2b;
    display: inline-block;
    width: 120px;
    height: 44px;
}

ul li .iconfont {
    font-size: 13px;
}

nav ul li a:hover {
    /*background-color: #2496f6;*/
    color: #2496f6;
    cursor: pointer;
}

nav ul li:hover {
    /*background-color: #2496f6;*/
    color: #2496f6;
    cursor: pointer;
}

nav ul li a.active2:hover {
    /*background-color: #2496f6;*/
    color: #fff !important;
    cursor: pointer;
}

.mSelect {
    width: 90px;
    /*margin-top: -3px;*/
    margin-left: 11px;
    position: relative;
    z-index: 999;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    /* overflow: hidden; */
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    border-radius: 3px;
}

    .mSelect > img {
        display: block;
        /* width: 21px; */
        /* height: 11px; */
        position: absolute;
        top: -12px;
        left: 34px;
    }

    .mSelect li {
        width: 90px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
        /*border-bottom: 1px solid #e4e4e4;*/
    }

        .mSelect li a {
            width: 90px;
            margin-left: -28px;
        }

.active2 {
    /*background-color: #2496f6;*/
    /*color:#fff;*/
    color: #2496f6;
    border-bottom: 3px solid #2496f6;
    box-sizing: border-box;
}

    .active2 > a {
        /*color:#fff;*/
        color: #2496f6;
    }

        .active2 > a:hover {
            color: #2496f6 !important;
        }

    .active2:hover {
        color: #2496f6 !important;
    }

.my-ol {
    display: none;
}
/*轮播图*/
.flashbanner {
    position: relative;
    width: 100%;
    height: 550px;
    /*height:480px;*/
}

.flexslider {
    position: absolute;
    height: 550px;
    overflow: hidden;
    zoom: 1;
    width: 100%;
    left: 0;
    top: 0;
}

    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }

/*轮播图*/
.classify-list .flex-btn {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 41px;
    height: 69px;
    margin-top: -35px;
    text-indent: -9999px;
    overflow: hidden;
    _zoom: 1;
    outline: 0;
}

.classify-list .flex-prev {
    left: 0;
    background: url("/Images/v_1803/icon-slides.png") no-repeat;
    background-position: -84px 50%;
}

.classify-list .flex-next {
    right: 0;
    background: url("/Images/v_1803/icon-slides.png") no-repeat;
    background-position: 100% 0
}

    .classify-list .flex-next:hover {
        background-position: -42px 50%
    }

.classify-list .flex-prev:hover {
    background-position: 0 50%
}

.flex-control-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

    .flex-control-nav:after {
        display: block;
    }

    .flex-control-nav li {
        float: left;
        margin-right: 5px;
    }

.flex-control-paging li a {
    background: url(/Images/v_1803/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

    .flex-control-paging li a.flex-active, .flex-control-paging li.active a {
        background-position: 0 0;
    }

.flexslider .slides a img {
    width: 100%;
    height: 550px;
    display: block;
}

.classify-list {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

/*有问必答轮播*/
.banner_container {
    position: relative;
    width: 1200px;
    margin: auto;
    height: 120px;
}

.banner_container2 {
    position: relative;
    width: 915px;
    margin: auto;
    height: 120px;
}

.ask_banner {
    height: 120px !important;
}

    .ask_banner .slides a img {
        width: 100%;
        height: 120px;
        display: block;
    }

.ask_class {
    width: 915px !important;
}

.ask_banner .slides li {
    background-size: 100% 100% !important;
}

/*有问必答轮播 end*/


/*主体*/
.container {
    width: 100%;
}

    .container > div {
        height: 600px;
        /*width:100%;*/
    }

    .container .right {
        background-color: #ffffff;
        overflow: hidden;
    }

    .container .left {
        background-color: #f4f7fa;
        overflow: hidden;
    }

    .container div .main {
        width: 1200px;
        margin: auto;
        /*border: 1px solid red;*/
    }

    .container > div > p {
        /*height:200px;*/
        width: 1200px;
        margin: 85px auto 50px;
        /*line-height: 200px;*/
        text-align: center;
        color: #2496f6;
        font-size: 32px;
    }

.my-title > span {
    padding-bottom: 15px;
    display: inline-block;
    color: #959595;
    margin-right: 40px;
}

    .my-title > span:hover {
        color: #2496f6;
        cursor: pointer;
    }

span.active3 {
    color: #2496f6;
    border-bottom: 2px solid #2496f6;
}

.main div {
    float: left;
    width: 50%;
    height: 100%;
}

    .main div .img-zhu {
        width: 100%;
        height: 100%;
    }

.main .m-img {
    position: relative;
}

.m-img .img-one {
    /*opacity: 0;*/
    position: absolute;
    top: 22%;
    left: 10%;
    animation: moveTop 1s linear 0.1s 1 normal forwards;
}

.m-img .img-two {
    /*opacity: 0;*/
    position: absolute;
    top: 17%;
    left: 19%;
    animation: moveTop 1s linear 0.3s 1 normal forwards;
}

.m-img .img-three {
    /*opacity: 0;*/
    position: absolute;
    top: 25%;
    left: 6%;
    animation: moveTop 1s linear 0.6s 1 normal forwards;
}

.m-img .img-fore {
    /*opacity: 0;*/
    position: absolute;
    top: 59%;
    left: 1%;
    animation: moveTop 1s linear 0.8s 1 normal forwards;
}

.m-img .img-fife {
    /*opacity: 0;*/
    position: absolute;
    top: 63%;
    right: 10%;
    animation: moveTop 1s linear 1s 1 normal forwards;
}

.m-img .img-six {
    /*opacity: 0;*/
    position: absolute;
    top: 23%;
    right: 4%;
    animation: moveTop 1s linear 0.6s 1 normal forwards;
}

.m-img .img-seven {
    /*opacity: 0;*/
    position: absolute;
    top: 47%;
    right: 14%;
    animation: moveTop 1s linear 0.8s 1 normal forwards;
}

.container .server {
    height: 500px;
}

@keyframes moveTop {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    50% {
        opacity: 0.5;
        transform: translate(0, -8px);
    }

    100% {
        opacity: 1;
        transform: translate(0, -15px);
    }
}

#myDescribe1 h1 {
    /*opacity: 0;*/
    animation: move 0.6s linear 0.1s 1 normal forwards;
}

#myDescribe1 .lst {
    /*opacity: 0;*/
    animation: move 0.6s linear 0.3s 1 normal forwards;
}

#myDescribe1 .lst2 {
    /*opacity:0;*/
    animation: move 0.6s linear 0.5s 1 normal forwards;
}

.myDescribe h1 {
    /*opacity:0;*/
    font-size: 40px;
    color: #2496f6;
    margin: 130px 0 70px;
    font-weight: normal;
    /* animation: move 2s linear 0.1s 1 normal forwards;*/
}

.myDescribe .h1_title, .myDescribe .lst.h1_title {
    animation: move 0.5s linear 0.1s 1 normal forwards;
}

@keyframes move {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, -30px);
    }
}

.myDescribe .lst {
    /*opacity:0;*/
    font-size: 24px;
    color: #000;
    margin-bottom: 30px;
    /*animation: move 1s linear 0.3s 1 alternate both;*/
}

.myDescribe .lst2 {
    /*opacity:0;*/
    color: #2b2b2b;
    height: 80px;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 65px;
    /*animation: move 1s linear 0.5s 1 alternate both;*/
}

.myDescribe > a > div {
    /*opacity:0;*/
    width: 230px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 22px;
    background-color: #2496f6;
    color: #fff;
    font-size: 16px;
    animation: move 1s linear 0.6s 1 alternate both;
}

.a_more > div:hover {
    background-color: #2087dd;
}

.main .myRight {
    text-align: right;
}

.myRight > a > div {
    float: right;
}

.right .list {
    width: 1200px;
    margin: auto;
}

.list > li {
    float: left;
    width: 228px;
    height: 320px;
    /*border: 1px solid #e4e4e4;*/
    /*margin-left: 12px;*/
}

.list .oLi {
    margin-left: 0;
}

.list .clearfix:before {
    display: table;
    content: '';
}

li a .mainImg {
    width: 100%;
    height: 268px;
    border: 1px solid #999;
    box-sizing: border-box;
}

.mainImg img {
    width: 100%;
    height: 100%;
}

.list li p {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #2b2b2b;
}

.listOl {
    width: 1200px;
    margin: auto;
    /*overflow-y: hidden;*/
}
    /*.listOl .clearfix{*/
    /*display: table;*/
    /*content: '';*/
    /*}*/
    .listOl > li {
        float: left;
        /*border: 1px solid red;*/
        width: 171px;
        height: 320px;
        /* text-align: center; */
        margin-left: 113px;
    }
/*.listOl .my-first{*/
/*margin-left: 0;*/
/*}*/
.small-list li {
    margin-bottom: 20px;
}

.listOl li > p {
    color: #818181;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    /*text-align: center;*/
}

.listOl li > ul {
    width: 100%;
    height: 200px;
}

.listOl > li > ul > li > a {
    display: block;
    color: #2b2b2b;
    font-size: 16px;
    height: 20px;
    width: 100%;
}

    .listOl > li > ul > li > a:hover {
        color: #2496f6;
    }
/*小轮播图*/
.big-content {
    width: 1200px;
    height: 320px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.list-banner {
    position: absolute;
    height: 320px;
    overflow: hidden;
    outline: 1px solid red;
}

    .list-banner > li {
        width: 1200px;
        margin: 0 auto;
        text-align: center;
        /*background:green;*/
    }

        .list-banner > li > a {
            width: 228px;
            display: inline-block;
        }

            .list-banner > li > a img {
                filter: alpha(opacity=100)
            }
/*服务支持*/
.left .list2 {
    width: 1200px;
    margin: auto;
}

.list2 li {
    float: left;
    margin-left: 144px;
}

.list2 .mFirst {
    margin-left: 0;
}

.list2 li div {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.left .clearfix:before {
    display: table;
    content: '';
}

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

.clearfix {
    zoom: 1;
}

.list2 li .mOne {
    background: url(/Images/v_1803/fuwu22.jpg)-1px -1px no-repeat;
}


@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.my-serve:hover a > .mOne {
    background: url(/Images/v_1803/fuwu223.jpg) 1px -121px no-repeat !important;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.my-serve:hover a > .mTwo {
    background: url(/Images/v_1803/fuwu223.jpg) -123px -121px no-repeat !important;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.my-serve:hover a > .mThree {
    background: url(/Images/v_1803/fuwu223.jpg) -242px -121px no-repeat !important;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.my-serve:hover a > .mFore {
    background: url(/Images/v_1803/erweim.png) !important;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.my-serve:hover a > .mFife {
    background: url(/Images/v_1803/fuwu223.jpg) -485px -121px no-repeat !important;
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*.list2 li .mOne:hover{*/
/*!*-webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;*!*/
/*!*animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;*!*/

/*!*animation: gradual-change 1s;*!*/

/*}*/

.list2 li .mTwo {
    background: url(/Images/v_1803/fuwu22.jpg)-122px -1px no-repeat;
}

    .list2 li .mTwo:hover {
        background: url(/Images/v_1803/fuwu223.jpg)-122px -122px no-repeat;
    }

.list2 li .mThree {
    background: url(/Images/v_1803/fuwu22.jpg)-242px -1px no-repeat;
}

    .list2 li .mThree:hover {
        background: url(/Images/v_1803/fuwu223.jpg)-242px -122px no-repeat;
    }

.list2 li .mFore {
    background: url(/Images/v_1803/fuwu22.jpg)-364px -1px no-repeat;
}

    .list2 li .mFore:hover {
        background: url(/Images/v_1803/fuwu223.jpg)-364px -122px no-repeat;
    }

.list2 li .mFife {
    background: url(/Images/v_1803/fuwu22.jpg)-486px -1px no-repeat;
}

    .list2 li .mFife:hover {
        background: url(/Images/v_1803/fuwu223.jpg)-486px -122px no-repeat;
    }

.list2 li > a p {
    margin-top: 30px;
    font-size: 16px;
    color: #2b2b2b;
    text-align: center;
}
/*意见反馈*/
/*.placeholder{*/
/*position: absolute;*/
/*top:5%;*/
/*left:1%;*/
/*color:#a8d1f8;*/
/*font-size: 14px;*/
/*}*/
.container .mSuggest {
    position: relative;
    width: 100%;
    height: 480px;
    background-color: #2496f6;
}

.mSuggest .mProposal {
    width: 1200px;
    height: 100%;
    /*margin: auto;*/
    overflow: hidden;
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -240px;
}

.mProposal .mTitle {
    font-size: 40px;
    color: #fff;
    text-align: center;
    margin-top: 70px;
    height: 65px;
}

.mProposal > p {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.mProposal .mInp {
    height: 40px;
    margin-bottom: 20px;
    vertical-align: top;
    margin-left: 230px;
}

.mInp span {
    display: inline-block;
    background-color: #55c1ff;
    height: 40px;
    line-height: 40px;
    width: 80px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}

.mInp input {
    width: 254px;
    height: 40px;
    border: none;
    vertical-align: middle;
    margin-left: -3px;
    padding-left: 12px;
    margin-right: 50px;
}

.mProposal .text-limit {
    position: relative;
    border: 1px solid #d2d2d2;
    background: #fff;
    height: 120px;
    width: 743px;
    margin-left: 230px;
}

.text-limit textarea {
    width: 96%;
    height: 86px;
    resize: none;
    font-size: 14px;
    border: none;
    /*color: #a8d1f8;*/
    padding: 3px 0 0 12px;
    margin-top: 7px;
}

.text-limit .font-limit {
    text-align: right;
    margin-right: 10px;
    height: 21px;
    color: #64b3f5;
}

.info-header ul li em {
    font-size: 0.6rem;
    font-weight: bold;
}

.mProposal .zhuBtn {
    margin: 30px auto;
    width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    color: #2496f6;
    border-radius: 22px;
    font-size: 16px;
}

.mBottom {
    background-color: #002849;
    width: 100% !important;
    height: auto !important;
}

    .mBottom .content {
        width: 1200px;
        margin: auto;
        padding-bottom: 60px;
        position: relative;
    }

.content > p {
    font-size: 16px;
    color: #fff;
    padding: 40px 0 30px 0;
}

.content ul li, .mBox > ol li {
    float: left;
    margin-right: 70px;
    color: #60798e;
    font-size: 14px;
}

.box-row a:last-child li {
    margin-right: 0;
}

.content ul li:hover {
    color: #fff;
}

.mBox > ol li:hover {
    color: #fff;
}

.content .mBox {
    padding-top: 70px;
    width: 50%;
    height: 34%;
}

.mBox > p, .mBox2 > p {
    font-size: 16px;
    color: #fff;
    padding-bottom: 30px;
}

.content .mBox2 {
    position: absolute;
    width: 50%;
    height: 34%;
    top: 52%;
    right: -9%;
}

.mBox > ul, .mBox > ol {
    width: 100%;
    height: 20px;
}

.mBox > ol {
    margin-top: 20px;
}

.mBox2 a > div {
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    background-color: #2496f6;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}

    .mBox2 a > div:hover {
        background-color: #2087dd;
    }

.website-info {
    border-top: 1px solid #33536d;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    line-height: 22px;
    color: #264864;
    /*margin-top: 42px;*/
}



    .website-info a {
        color: #264864;
        font-size: 12px;
    }

        .website-info a:hover {
            color: #FFFFFF;
        }

canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.flex-btn2 {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 41px;
    height: 69px;
    margin-top: -35px;
    text-indent: -9999px;
    overflow: hidden;
    _zoom: 1;
    outline: 0;
}

.flex-prev2 {
    left: 0;
    background: url("/Images/v_1803/icon-slides.png") no-repeat;
    background-position: -84px 50%;
}

.flex-next2 {
    right: 0;
    background: url("/Images/v_1803/icon-slides.png") no-repeat;
    background-position: 100% 0
}

    .flex-next2:hover {
        background-position: -42px 50%
    }

.flex-prev2:hover {
    background-position: 0 50%;
}

/*下载软件页面css*/


.download-container {
    width: 100%;
    background-color: #f4f4f4;
    overflow: hidden;
}

.download-ad {
    width: 1200px;
    margin: 10px auto;
}

    .download-ad img {
        width: 100%;
        height: 100%;
    }

.adress-row {
    background: #FFFFFF;
    padding: 17px 25px 20px 18px;
    margin: 10px auto 15px;
}

.di-qu {
    margin-top: 20px;
    padding-left: 27px;
}

    .di-qu a {
        display: inline-block;
        font-size: 14px;
        color: #666666;
        padding: 4px 7px;
        margin: 0 11px 10px 0;
        white-space: nowrap;
        cursor: pointer;
    }

        .di-qu a:hover {
            background-color: #2496f6;
            color: #FFFFFF;
        }

.add-c {
    margin-top: 0 !important;
}

.active-di {
    background-color: #2395f6;
    color: #FFFFFF !important;
}

.download-container > p {
    height: 20px;
    line-height: 20px;
    width: 1200px;
    margin: auto;
}

.download-content, .answer-content {
    width: 1200px;
    margin: 0 auto 90px;
}

.dl-left {
    float: left;
    width: 250px;
    margin-right: 15px;
}

.region {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 90px;
    padding-top: 20px;
    padding-bottom: 30px;
    /*overflow: hidden;*/
}

.min-log {
    /*margin: 0 0 30px 20px;*/
    font-size: 16px;
    color: #2b2b2b;
    vertical-align: top;
}

    .min-log span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        vertical-align: middle;
    }

        .min-log span img {
            width: 100%;
            height: 100%;
        }

.reg-btn {
    position: relative;
    width: 185px;
    height: 38px;
    line-height: 38px;
    background-color: #33c165;
    border-radius: 2px;
    text-align: left;
    padding-left: 25px;
    color: #fff;
    margin: auto;
    font-size: 16px;
}

    .reg-btn:hover {
        cursor: pointer;
    }

    .reg-btn img {
        position: absolute;
        top: 25%;
        right: 13%;
    }

.choice-region {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9;
    background-color: #fff;
    padding: 0 30px;
    box-shadow: 0 0 8px rgba(0,0,0,.25);
}

.df-region {
    display: none;
}

.choice-region > img {
    position: absolute;
    top: -12px;
    left: 73px;
}

.choice-region > p {
    display: inline-block;
    margin: 24px 0 10px;
    padding: 6px 10px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #33c165;
}

    .choice-region > p:hover {
        cursor: pointer;
    }

.choice-region li {
    white-space: nowrap;
}

    .choice-region li span {
        display: inline-block;
        width: 50px;
        height: 23px;
        line-height: 23px;
        text-align: center;
        /*padding: 2px 10px;*/
        margin: 15px 2px;
        font-size: 12px;
        color: #666;
    }

        .choice-region li span:hover {
            background-color: #ececec;
            color: #33c165;
            cursor: pointer;
        }

.dl-list {
    margin-top: 10px;
    padding-bottom: 30px;
    background-color: #fff;
    overflow: hidden;
}

    .dl-list > p {
        background-color: #fff;
        height: 50px;
        margin: 0;
        line-height: 50px;
        padding-left: 20px;
    }

    .dl-list .min-log span img {
        padding-bottom: 10px;
    }

    .dl-list li {
        /*padding: 12px 0;*/
        vertical-align: top;
    }

.list-row > p {
    font-size: 14px;
    vertical-align: middle;
    color: #666666;
    position: relative;
    width: 180px;
    height: 40px;
    line-height: 40px;
    /*background-color: #33c165;*/
    border-radius: 2px;
    text-align: left;
    padding-left: 30px;
    margin: auto;
    /*border: 1px solid red;*/
}

p.dl-section {
    background-color: #2496f6;
    color: #fff;
}

.dl-list .dl-section:hover {
    background-color: #2087dd;
}

.bg-hui {
    background-color: #fafafa;
}

.bg-bai {
    background-color: #fff;
}

.dl-list li p:hover {
    background-color: #ececec;
    cursor: pointer;
}

.dl-right {
    overflow: hidden;
}

.main-soft {
    display: none;
}

.all-of {
    width: 98%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    background-color: #fff;
    font-size: 16px;
    color: #2b2b2b;
}

.total-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fafafa;
}

    .total-title span {
        color: #666;
        font-size: 14px;
    }

    .total-title .title-name {
        margin-left: 105px;
    }

    .total-title .title-big {
        margin-left: 365px;
    }

    .total-title .title-time {
        margin-left: 35px;
    }

.title-time i {
    font-size: 12px;
}

.total-title .title-do {
    margin-left: 108px;
}

.download-rg {
    overflow: hidden;
}

.main-download li {
    height: 89px;
    width: 100%;
    vertical-align: top;
    padding-top: 23px;
    background: #fff;
}

    .main-download li:hover {
        background-color: #f2f7fb !important;
    }

.ma_download li > a {
    display: flex !important;
    align-items: center;
    padding-right: 30px;
}

.mid_down {
    flex: 1;
}

.main-catalogue {
    position: relative;
}
/*.main-download:hover li{*/
/*background-color:red;*/
/*}*/
.main-download li:hover h1 {
    color: #2496f6;
}

.main-download li:nth-of-type(odd) {
    background-color: #fff;
}

.main-download li:nth-of-type(even) {
    background-color: #fafafa;
}

.main-download li a > p {
    display: inline-block;
    width: 66px;
    height: 66px;
    border-radius: 15px;
    margin: 0 20px;
    overflow: hidden;
    vertical-align: middle;
}

    .main-download li a > p img {
        width: 100%;
        height: 100%;
    }

.main-download li a > div {
    display: inline-block;
    vertical-align: middle;
}

.dl-middle h1 {
    color: #2b2b2b;
    width: 600px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

h1 sub {
    color: #818181;
    font-size: 14px;
    font-weight: normal;
}

.dl-middle > p {
    margin-top: 15px;
    vertical-align: top;
}

    .dl-middle > p span {
        display: inline-block;
        font-size: 14px;
        color: #818181;
        vertical-align: middle;
    }

p .dl-describe {
    width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-sign {
    width: 50px;
    margin: 0 45px 0 50px;
}

.dl-data {
    width: 80px;
}

.dl-btn {
    position: relative;
    margin: 10px 0 0 53px;
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #2496f6;
    color: #2496f6;
    font-size: 16px;
    border-radius: 2px;
}

    .dl-btn > span {
        position: absolute;
        top: 0;
        left: 33px;
        z-index: 10;
        transition: all 0.3s;
    }

    .dl-btn a span {
        position: absolute;
        top: 0;
        left: 33px;
        z-index: 10;
        transition: all 0.3s;
    }

.blu-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 40px;
    z-index: 5;
    transition: all 0.3s;
    background-color: #2496f6;
}




/*软件下载详情页样式*/

.download-container .one-page {
    height: 40px;
    line-height: 40px;
}

    .download-container .one-page a {
        color: #2b2b2b;
    }

.one-page span {
    font-size: 12px;
    color: #2b2b2b;
}

.one-page > i {
    font-size: 14px;
    color: #b4b4b4;
}

.one-page .seb {
    color: #b4b4b4;
}

.dl-detail {
    height: 112px;
    background-color: #fff;
    width: 100%;
    padding-top: 28px;
    margin-bottom: 10px;
    /*vertical-align: top;*/
}

.detail-con {
    margin-top: 6px;
    /* margin-top: 28px; */
    vertical-align: top;
}

    .detail-con > div {
        display: inline-block;
        vertical-align: middle;
    }

.soft-img {
    margin: 0 30px 0 60px;
    width: 66px;
    height: 66px;
    border-radius: 5px;
    overflow: hidden;
}

    .soft-img img {
        width: 100%;
        height: 100%;
    }

.identify {
    width: 780px;
    padding-bottom: 15px;
    height: 100%;
}

    .identify h2 {
        display: inline-block;
        min-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 22px;
        color: #2b2b2b;
        margin-top: 23px;
        margin-right: 10px;
    }

    .identify p {
        display: inline-block;
        padding: 4px 10px;
        border: 1px solid #33c165;
        color: #33c165;
        font-size: 12px;
        border-radius: 3px;
        margin-top: 24px;
        vertical-align: top;
    }

        .identify p span {
            display: inline-block;
            margin-right: 5px;
            width: 18px;
            height: 18px;
            background: url("/Images/v_1803/small.png") 1px 1px no-repeat;
            vertical-align: middle;
        }

.dl-share {
    margin-right: 34px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

    .dl-share p {
        display: inline-block;
        font-size: 14px;
        color: #818181;
    }

    .dl-share span {
        display: inline-block;
        width: 37px;
        height: 37px;
        margin-right: 12px;
    }

        .dl-share span a {
            display: inline-block;
            float: none;
            padding-left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            overflow: hidden;
            vertical-align: middle;
        }

        .dl-share span .share-qq {
            background: url("/Images/v_1803/small-qq.png") 0 0 no-repeat;
        }

        .dl-share span .share-wx {
            background: url("/Images/v_1803/small-qq.png") 0 -46px no-repeat;
        }

        .dl-share span .share-wb {
            background: url("/Images/v_1803/small-qq.png") 0 -96px no-repeat;
        }

.soft-detail {
    /*height:400px;*/
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.information {
    padding-top: 55px;
}

    .information p {
        margin-bottom: 20px;
    }

        .information p > span {
            font-size: 16px;
        }

            .information p > span:first-child {
                margin-left: 60px;
            }

            .information p > span:last-child {
                margin-left: 30px;
            }

.co-gry {
    color: #666;
}

.diff-co {
    color: #2496f6;
}

.detail-info {
    color: #2b2b2b;
}

.dif-btn {
    padding-top: 35px;
    padding-bottom: 90px;
    margin-left: 60px;
}

.especial {
    position: relative;
}

    .especial ul {
        display: none;
        position: absolute;
        box-shadow: 0 0 8px rgba(0,0,0,.25);
        top: 62px;
        background-color: #fff;
        border: 1px solid #e9e9e9;
    }

    .especial > ul > li a {
        margin-right: 0;
        color: #818181;
    }

        .especial > ul > li a:hover {
            color: #33c165;
            background-color: #f0f0f0;
        }

    .especial ul img {
        position: absolute;
        top: -11px;
        left: 66px;
    }

.dif-btn > div {
    display: inline-block;
    height: 65px;
}

    .dif-btn > div a {
        display: inline-block;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 20px;
        border-radius: 2px;
        margin-right: 10px;
    }

.soft-dl {
    background-color: #2496f6;
    color: #fff;
}

.video-dl, .soft-buy {
    border: 1px solid #33c165;
    color: #33c165;
}

    .video-dl:hover {
        background: #33c165;
        color: #fff !important;
    }

    .soft-buy:hover {
        background: #33c165;
        color: #fff !important;
    }
/*.ghost{*/
/*background: #33c165;*/
/*color: #fff !important;*/
/*}*/
.soft-detail > p {
    font-size: 16px;
    color: #FF0000;
    margin-left: 60px;
    /* margin-top: 44px; */
    padding-bottom: 40px;
    font-weight: bold;
}

    .soft-detail > p > a {
        color: #2496f6;
    }

.update-explain {
    background-color: #fff;
    padding-left: 60px;
}

    .update-explain h1 {
        padding: 40px 0 30px;
        font-size: 24px;
        color: #2b2b2b;
        font-weight: normal;
    }

    .update-explain > div > p {
        font-size: 16px;
        color: #818181;
        margin-bottom: 20px;
    }

.soft-content {
    padding-bottom: 30px;
}

.after-later {
    padding-right: 50px;
}

.see-more {
    display: inline-block;
    width: 91%;
    padding: 40px 0 50px;
    color: #2496f6;
    font-size: 16px;
    margin-right: 80px;
    text-align: right;
    cursor: pointer;
}

.content-especial {
    display: none;
}

/*有问必答页面*/

.answer-content > div {
    /*background-color: #fff;*/
}

.quest-left {
    float: left;
    width: 270px;
}

#left_self, #right_self {
    width: 270px;
}

#left_self {
    float: left;
}

#right_self {
    float: right;
}

#center_self {
    margin: 0 285px;
}

.left-answer {
    padding-bottom: 20px;
    background-color: #fff;
}

.sort-title {
    padding: 18px 20px;
}

    .sort-title a {
        font-size: 16px;
        color: #2b2b2b;
    }

.sort-title {
    display: block;
    font-size: 16px;
    color: #2b2b2b;
}

    .sort-title a:hover {
        color: #2496f6;
    }

.sort-cont {
    padding-left: 20px;
    padding-bottom: 20px;
    white-space: nowrap;
}

    .sort-cont span {
        display: inline-block;
        width: 84px;
    }

        .sort-cont span a {
            /*display: inline-block;*/
            /*margin-right: 26px;*/
            /*width: 60px;*/
            /*font-size: 14px;*/
            /*color: #818181;*/
            display: inline-block;
            /* margin-right: 26px; */
            width: 80px;
            font-size: 14px;
            color: #818181;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .sort-cont span a:hover {
                color: #2496f6;
            }

.ranking-list, .hot-question, .hot-label {
    background-color: #fff;
    margin-top: 10px;
    padding: 20px 0 10px 20px;
}

    .ranking-list > p, .hot-question > p, .hot-label > p {
        padding-bottom: 30px;
        font-size: 16px;
        color: #2b2b2b;
    }

    .ranking-list li {
        height: 40px;
        vertical-align: top;
        margin-bottom: 20px;
    }

    .hot-question li {
        height: 22px;
        vertical-align: top;
        margin-bottom: 20px;
    }

        .ranking-list li a span, .hot-question li > a > span, .ranking-list li span {
            display: inline-block;
            vertical-align: middle;
        }

li .top-one {
    width: 21px;
    height: 23px;
    margin-right: 10px;
}

.ranking-list li img {
    width: 100%;
    height: 100%;
}

.tou-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
}

.rank-name {
    color: #2b2b2b;
    width: 85px;
}

.hot-question .hot-detail {
    color: #818181;
    width: 130px;
    font-size: 14px;
}

.answer-util {
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank-num {
    width: 50px;
    color: #2b2b2b;
    text-align: right;
}

.ranking-list li .top-text {
    color: #2496f6;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
}

.hot-top {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    background-color: #b4b4b4;
}

li > a > .hot-one {
    background-color: #ff3838;
}

li > a > .hot-two {
    background-color: #fa7a53;
}

li > a > .hot-three {
    background-color: #f8b842;
}

.hot-question .hot-last {
    padding-bottom: 30px;
}

.recommend {
    padding-left: 20px;
    background-color: #fff;
}

    .recommend .rec-list {
        padding-bottom: 25px;
    }

    .recommend > p {
        color: #2b2b2b;
        font-size: 16px;
        padding: 20px 0 30px;
    }

.recom-img {
    float: left;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

    .recom-img img {
        width: 100%;
        height: 100%;
    }

.rec-detail {
    margin-left: 75px;
}

.rec-name {
    font-size: 14px;
    color: #2b2b2b;
    margin-bottom: 10px;
}

.rec-detail > span {
    -webkit-transform: scale(0.8);
    display: inline-block;
    padding: 2px 7px;
    font-size: 10px;
    border-radius: 2px;
}

.rec-gl {
    border: 1px solid #d88d0d;
    color: #d88d0d;
    margin-right: 5px;
}

.rec-bl {
    border: 1px solid #2496f6;
    color: #2496f6;
}

.rec-btn a {
    display: inline-block;
    margin-top: 10px;
    width: 110px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #2496f6;
    font-size: 13px;
    border-radius: 15px;
}

.dif-hot p a {
    display: inline-block;
    padding: 7px 20px;
    border-radius: 26px;
    font-size: 14px;
    margin-bottom: 30px;
    margin-right: 20px;
}

.hot-red {
    color: #ff9191;
    border: 1px solid #ff9191;
}

.hot-blu {
    color: #91cafa;
    border: 1px solid #91cafa;
}

.hot-gre {
    color: #81ded6;
    border: 1px solid #81ded6;
}

.hot-glo {
    color: #ffb57f;
    border: 1px solid #ffb57f;
}

.middle-content {
    background-color: #fff;
}

.info-img {
    padding-top: 30px;
    float: left;
    width: 205px;
    height: 225px;
}

    .info-img a img {
        width: 100%;
        height: 100%;
    }

.mation-info ul {
    margin-left: 205px;
    padding-top: 30px;
}

    .mation-info ul li {
        margin-bottom: 20px;
    }

        .mation-info ul li a {
            color: #2b2b2b;
            font-size: 14px;
            width: 390px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .mation-info ul li a:hover {
                color: #2496f6;
            }

            .mation-info ul li a sup {
                display: inline-block;
                height: 13px;
                line-height: 13px;
                padding: 2px 1px;
                background-color: #33c165;
                color: #fff;
                font-size: 8px;
                -webkit-transform: scale(0.9);
            }

.answer-select {
    display: none;
}

.change-tab {
    border-top: 1px solid #f4f4f4;
    height: 40px;
    line-height: 40px;
}

    .change-tab span a {
        display: inline-block;
        padding: 0 8px;
        font-size: 14px;
        margin: 0 25px 0 31px;
        color: #2b2b2b;
    }

.change-select {
    color: #2496f6 !important;
    border-bottom: 2px solid #2496f6;
}

.middle-solved {
    margin-top: 10px;
    background-color: #fff;
    padding-bottom: 14px;
}

    .middle-solved > p {
        border-top: 2px solid #ff9191;
        height: 40px;
        padding-left: 20px;
        font-size: 16px;
        color: #2b2b2b;
        display: table-cell; /*按照单元格的样式显示元素*/
        vertical-align: bottom;
        /*box-sizing: border-box;*/
    }


    .middle-solved .section-bor {
        /*box-sizing: border-box;*/
        border-top: 2px solid #2496f6;
    }

    .middle-solved > p > a {
        margin-left: 440px;
        margin-right: 45px;
        font-size: 12px;
        color: #8c8c8c;
    }

        .middle-solved > p > a:hover {
            color: #2496f6;
        }

.unsolved-content {
    margin-top: 30px;
}

.unsolved-left {
    /*float: left;*/
    margin-left: 20px;
    width: 97%;
}

.unsolved-utils li {
    padding-bottom: 30px;
}

    .unsolved-utils li > div {
        display: inline-block;
        width: 295px;
    }

    .unsolved-utils li a {
        display: block;
        width: 280px;
        font-size: 14px;
        color: #2b2b2b;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 5px;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

        .unsolved-utils li a:hover {
            color: #2496f6;
        }

.unsolved-utils > li > div > span {
    display: inline-block;
}

.unsolved-rig {
    margin-left: 307px;
}

.info-sec {
    color: #2496f6;
}

.small-img, .small-tit, .small-eyes {
    display: inline-block;
    width: 13px;
    height: 13px;
}

.small-img {
    background: url("/Images/v_1803/smalltubiao.png") -1px -4px no-repeat;
}

.small-tit {
    background: url("/Images/v_1803/smalltubiao.png") -14px -4px no-repeat;
}

.small-eyes {
    background: url("/Images/v_1803/eyes.png") no-repeat;
}

.intro-title, .info-last {
    margin-left: 30px;
    vertical-align: top;
    color: #999999;
}

    .intro-title > span, .info-last > span {
        margin-right: 5px;
        vertical-align: middle;
    }

/*又问必答三级页面一*/

.recom-first {
    margin-top: 10px;
}



.person-question {
    background-color: #fff;
    padding: 3px 0 30px;
}

    .person-question .per-message {
        display: inline-block;
    }

.per-first {
    float: left;
    margin: 0 30px 0 25px;
}

.header-img {
    width: 70px;
    height: 70px;
}

    .header-img img {
        width: 100%;
        height: 100%;
    }


.dif-type {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/Images/v_1803/answter.jpg") 0 2px no-repeat;
}

.look-num {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/Images/v_1803/eyes.png") 0 4px no-repeat;
}

.adress-name {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/Images/v_1803/answter.jpg") -15px 1px no-repeat;
}

.dolor {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/Images/v_1803/answter.jpg") -30px 0 no-repeat;
}


.main-title {
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 16px;
}


.litter-img span {
    vertical-align: middle;
    font-size: 12px;
    color: #999999;
}

.discrib-text {
    margin-right: 25px;
}

.cont-leave {
    font-size: 12px;
    color: #666666;
    line-height: 20px;
}

    .cont-leave img {
        display: block;
        margin: 10px auto;
        max-width: 100%;
    }

.many-btn {
    padding-left: 25px;
    margin-top: 30px;
    font-size: 0;
}

    .many-btn a {
        display: inline-block;
        width: 150px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 2px;
        box-sizing: border-box;
        font-size: 16px;
        margin-right: 25px;
        vertical-align: middle;
    }

.answer-button {
    background-color: #2496f6;
    color: #fff;
}

.question-button {
    border: 1px solid #2496f6;
    color: #2496f6;
}

.leave-message-contanier {
    padding-bottom: 30px;
}

.leave-matter {
    position: relative;
    background-color: #fafafa;
    margin: 0 95px 10px 124px;
    padding: 30px 0 40px;
    vertical-align: top;
}

.leave-matter2 {
    position: relative;
    /*background-color: #fafafa;*/
    margin: 0 95px 10px 124px;
    padding: 30px 0 40px;
    vertical-align: top;
}

.leave-matter .per-left {
    margin: 3px 30px 0 35px;
    vertical-align: top;
}

.right-content {
    width: 543px;
    margin-top: 12px;
}

    .right-content .answer-chinese {
        font-size: 12px;
        color: #666666;
    }

.leav-data-time {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/Images/v_1803/smalltubiao.png") 2px 0 no-repeat;
}

.zan-good {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.delete-text {
    cursor: pointer;
}

    .delete-text:hover {
        color: #2496f6;
    }

.dian-zan {
    background: url("/Images/v_1803/answter.jpg") -48px 0 no-repeat;
}

.dian-zan-lan {
    background: url("/Images/v_1803/answter.jpg") -64px 0 no-repeat;
}

.xin-xi {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/Images/v_1803/smalltubiao.png") -12px 0 no-repeat;
}

.per-message .header-small-img {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}

.qian-se {
    color: #999999;
}

.header-small-img img {
    width: 100%;
    height: 100%;
}

.best-img {
    position: absolute;
    top: 0;
    left: 1px;
}

.reply-message {
}

    .reply-message > div {
        display: inline-block;
    }

    .reply-message input {
        width: 390px;
        padding-left: 15px;
        height: 38px;
        background-color: #F5F5F5;
        border: none;
    }

.reply:hover {
    color: #2496f6;
    cursor: pointer;
}

.reply-btn a {
    display: inline-block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    background-color: #f5f5f5;
    color: #666666;
    margin-left: 25px;
}

.leave-matter textarea {
    padding: 10px 0 5px 10px;
    background-color: #fafafa;
    border: none;
    font-size: 14px;
}

.leave-matter2 textarea {
    padding: 10px 0 5px 10px;
    background-color: #fafafa;
    border: none;
    font-size: 14px;
}

.right-content p {
    width: 543px;
}

.reply-answer a {
    display: block;
    width: 255px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #2496f6;
    margin: 35px auto 10px;
}

.download-rgb .ans-quest-list {
    margin-top: 0;
    padding-bottom: 0;
}

.ans-quest-list {
    margin-top: 10px;
    background-color: #fff;
}

.ans-list-title {
    padding: 20px 0 0 25px;
    font-size: 16px;
    color: #2b2b2b;
}

    .ans-list-title a {
        font-size: 12px;
        color: #666666;
        margin-left: 715px;
    }

.sm_table {
    display: block;
    float: right;
    vertical-align: top;
    cursor: pointer;
}

    .sm_table img {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }

    .sm_table i {
        font-size: 16px;
        color: #333333;
        margin: 0 45px 0 5px;
        font-style: normal;
        vertical-align: middle;
    }

.ans-list-title .my-ask {
    font-size: 12px;
    color: #666666;
    margin-left: 660px;
}

.ans-list-title a:hover {
    color: #2496f6;
}

.point-listing {
    margin-top: 25px;
}

    .point-listing li {
        height: 50px;
        line-height: 50px;
        vertical-align: top;
    }

        .point-listing li:nth-of-type(odd) {
            background-color: #fafafa;
        }

        .point-listing li span {
            vertical-align: middle;
        }

.dif-genre {
    display: inline-block;
    width: 98px;
    color: #2496f6;
    font-size: 12px;
    margin-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.point-listing li .genre-cont {
    font-size: 14px;
    color: #2b2b2b;
    margin-left: 12px;
}

.genre-cont span {
    color: orangered;
    font-size: 14px;
    vertical-align: baseline !important;
}

.edui-default .edui-editor {
    z-index: 9 !important;
}

.genre-mess {
    margin-left: 35px;
}

.count {
    margin-right: 37px;
}

.count6 {
    display: inline-block;
    width: 67px;
    margin-right: 15px;
    margin-left: 15px;
}

.count-color {
    color: #999999;
}


/*又问必答三级页面三*/

.reg-btn .answer-dress {
    position: relative;
    display: inline-block;
    width: 75px;
    margin-right: 10px;
}

.second-title {
    margin-bottom: 10px;
    margin-left: 20px;
}

.se-cont {
    padding: 20px 0;
    margin-bottom: 10px;
    background-color: #fff;
}

.diff-select span {
    display: inline-block;
    font-size: 16px;
    color: #666666;
    width: 85px;
    text-align: left;
}

.diff-select .sec-sele {
    width: 135px;
}

.region .answer-dress img {
    width: 6px;
    height: 10px;
    position: absolute;
    top: 14px;
}

.reg-active .choice-region .top-jia {
    position: absolute;
    top: -12px;
    left: 10px;
    width: 25px;
    height: 12px;
}

.municipality .choice-region .jia-second {
    position: absolute;
    top: -12px;
    left: 10px;
    width: 25px;
    height: 12px;
}

.reg-btn .choice-province {
    position: absolute;
    left: 0;
}

.reg-btn .choice-municipality {
    position: absolute;
    left: 3px;
}

.dl-list .menu-level {
    background: #fff;
}

    .dl-list .menu-level .submenu {
        background-color: #fafafa;
        padding: 15px 0 10px;
    }

.submenu li {
    margin-bottom: 20px;
    margin-left: 50px;
}

    .submenu li span a {
        display: inline-block;
        width: 60px;
        font-size: 14px;
        color: #666666;
        margin-right: 35px;
    }

.ask-right {
    padding-bottom: 55px;
    /*background-color: #fff;*/
}

.ask-content {
    background-color: #fff;
    padding-bottom: 30px;
}

.ask-input input {
    width: 595px;
    height: 40px;
    padding-left: 15px;
    margin-left: 20px;
    border: none;
    background-color: #fafafa;
    color: #666666;
}

.ask-input span {
    margin-left: 10px;
    color: #2496f6;
}

.ask-message {
    margin: 0 20px 15px;
    width: 800px;
}

    .ask-message textarea {
        background-color: #fafafa;
        border: none;
        padding: 10px 5px 15px;
        font-size: 14px;
        color: #666666;
        width: 100%;
    }

.verify-bot {
    vertical-align: top;
    margin-bottom: 30px;
}

.yan-zheng {
    display: inline-block;
    width: 115px;
    height: 35px;
    margin-left: 20px;
    vertical-align: top;
}

    .yan-zheng img {
        width: 100%;
        height: 100%;
    }

.verify-inp {
    width: 115px;
    height: 35px;
    border: 1px solid #2496f6;
    padding-left: 15px;
    font-size: 14px;
    color: #666666;
    box-sizing: border-box;
    margin-left: 10px;
}

.reward {
    color: #666666;
    font-size: 14px;
    margin-left: 735px;
}

.verify-bot select {
    height: 35px;
    width: auto;
    padding: 0 1%;
    color: #666666;
    border: 1px solid #2496f6;
    margin-left: 5px;
}








/*资料文库页面*/

.article-tab {
    padding: 20px 0 30px 20px;
}

    .article-tab span {
        margin-right: 35px;
    }

        .article-tab span a {
            font-size: 16px;
            color: #666666;
        }

.article-img {
    overflow: hidden;
}

    .article-img li {
        float: left;
        margin-left: 20px;
        margin-right: 15px;
    }

.article-list > a > div {
    width: 120px;
    height: 150px;
}

.article-list .ol {
    background: url("/Images/v_1803/article.png") 100% 100% no-repeat;
}

.article-list a > div img {
    width: 100%;
    height: 100%;
}

.article-list > a > p {
    width: 120px;
    text-align: center;
    font-size: 14px;
    color: #2b2b2b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-content {
    margin-top: 30px;
}

.article-title {
    padding: 25px 0 0 20px;
}

    .article-title > .article-dif {
        border-top: none;
        display: inline-block;
        font-size: 18px;
        color: #2b2b2b;
    }

    .article-title > div {
        display: inline-block;
        margin-left: 198px;
    }

    .article-title .article-small {
        display: inline-block;
        margin-left: 125px;
    }

.article-small span {
    display: inline-block;
}

    .article-small span a {
        display: inline-block;
        width: 87px;
        text-align: right;
        font-size: 12px;
        color: #999999;
    }

.img-main {
    width: 220px;
    height: 165px;
    margin: -15px auto 0;
}

    .img-main img {
        width: 100%;
        height: 100%;
    }

.inanition > p {
    margin-top: 10px;
    font-size: 16px;
    color: #2b2b2b;
    text-align: center;
}

    .inanition > p > span {
        font-size: 20px;
        color: #2496f6;
    }

#right_self > .recom-art {
    padding-left: 0;
    padding-bottom: 30px;
}

.recom-art > .psl {
    padding-left: 20px;
}

.art-btn a {
    position: relative;
    display: block;
    width: 145px;
    height: 40px;
    line-height: 40px;
    background-color: #33c165;
    font-size: 16px;
    color: #fff;
    margin: 25px auto 0;
    padding-left: 65px;
}

    .art-btn a img {
        position: absolute;
        top: 11px;
        left: 28px;
    }

.art-hint {
    width: 225px;
    font-size: 14px;
    line-height: 25px;
    text-indent: 2em;
    color: #2b2b2b;
}

#right_self > .article-suggest {
    padding-bottom: 50px;
}

.art-hint a {
    font-size: 14px;
    color: #ff5400;
    /*margin-left: -24px;*/
}

.util-especial {
    color: #2496f6 !important;
}

/*资料文库三级页面一*/
#dl-left {
    width: 270px;
}

.art-email {
    padding: 20px 0 10px 0;
    margin-top: 10px;
    background-color: #fff;
}

    .art-email > p {
        margin-left: 27px;
        font-weight: bold;
        font-size: 14px;
        color: #2b2b2b;
    }

.art-inp {
    position: relative;
    margin: 15px 0;
}

    .art-inp input {
        margin-left: 23px;
        height: 35px;
        padding-left: 38px;
        width: 186px;
        background-color: #f4f4f4;
        color: #666666;
        border: none;
    }

    .art-inp span {
        position: absolute;
        top: 7px;
        left: 32px;
        display: inline-block;
        width: 22px;
        height: 22px;
    }

        .art-inp span img {
            width: 100%;
            height: 100%;
        }

.email-btn a {
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: auto;
    background-color: #2496f6;
    border-radius: 2px;
}

.main-download .main-list {
    height: 140px;
    padding-top: 40px;
}

    .main-download .main-list > a > p {
        width: 46px;
        height: 46px;
        vertical-align: top;
        margin-top: 10px;
    }

.dl-middle .download-tetail {
    width: 605px;
}

.art-peo {
    display: inline-block;
    width: 10px;
    height: 12px;
}

.art-people {
    width: 12px;
}

.art-peo img {
    width: 100%;
    height: 100%;
}

.art-secpt {
    display: inline-block;
    width: 12px;
    height: 11px;
    background: url("/Images/v_1803/smalltubiao.png") -1px -4px no-repeat;
}

.small-detail .art-chinese {
    margin-right: 20px;
}

.small-detail {
    margin-top: 25px;
}

    .small-detail span {
        margin-right: 5px;
        color: #818181;
    }

.main-download li a > .dl-btn {
    vertical-align: top;
}

/*资料文库三级页面二*/

#dl-left > .recom-art {
    padding-bottom: 30px;
    padding-left: 0;
}

.over-more {
    color: #666666;
    font-size: 13px;
    margin-left: 115px;
}

.ranking-list .document-more {
    height: 25px;
    margin-bottom: 15px;
}

.document-more .rank-title {
    width: 110px;
    font-size: 14px;
    margin-right: 8px;
    color: #666666;
}

.document-more .docu-number {
    width: 60px;
    font-size: 14px;
    color: #666666;
    margin-left: 5px;
}

.second-middle {
    background-color: #fff;
    padding-bottom: 30px;
}

.middle-top {
    padding-top: 35px;
}

    .middle-top > div {
        display: inline-block;
    }

.main-ya {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 0 15px 0 30px;
}

    .main-ya img {
        width: 100%;
        height: 100%;
    }

.writing {
    width: 550px;
}

.little-gold {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

    .little-gold img {
        width: 100%;
        height: 100%;
    }

.writing h1 {
    padding-bottom: 12px;
}

.little-img {
    vertical-align: top;
}

.gold-font {
    font-size: 14px;
    color: #ffa81f;
    margin-left: 10px;
    vertical-align: middle;
}

.xin-btn {
    position: relative;
    width: 80px;
    height: 35px;
    line-height: 35px;
    padding-left: 40px;
    border: 1px solid #aaaaaa;
    font-size: 16px;
    color: #666666;
    vertical-align: top;
    margin-left: 95px;
    cursor: pointer;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10 点击不让背景变蓝*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

    .xin-btn .xin-img {
        display: inline-block;
        width: 18px;
        height: 16px;
        position: absolute;
        left: 10px;
        top: 11px;
    }

.hui-xin {
    background: url("/Images/v_1803/huixin.png")no-repeat;
}

.hon-xin {
    background: url("/Images/v_1803/hongxin.png")no-repeat;
}

.second-list {
    margin: 40px 0 30px 30px;
}

    .second-list li {
        margin-bottom: 20px;
    }

        .second-list li span {
            font-size: 16px;
        }

            .second-list li span:nth-of-type(odd) {
                display: inline-block;
                width: 110px;
                margin-right: 20px;
                color: #818181;
            }

            .second-list li span:nth-of-type(even) {
                display: inline-block;
                width: 180px;
                margin-right: 20px;
                color: #2b2b2b;
            }

        .second-list li .list-big {
            color: #2496f6;
        }

.into-duce {
    font-size: 16px;
    color: #2496f6;
    margin-left: 30px;
    margin-bottom: 20px;
}

.into-grey {
    width: 700px;
    font-size: 14px;
    color: #666666;
    margin-left: 30px;
    margin-bottom: 30px;
}

.into-download a {
    display: block;
    width: 230px;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-left: 30px;
    background-color: #2496f6;
    border-radius: 2px;
}

.answer-question {
    margin-top: 10px;
    padding-top: 20px;
    background-color: #fff;
    padding-bottom: 20px;
}

    .answer-question > p {
        font-size: 18px;
        color: #2b2b2b;
        margin-left: 30px;
    }

    .answer-question .text-limit textarea {
        background-color: #f7f7f7;
        margin: 25px 0 20px 30px;
        padding-top: 20px;
        width: 92%;
        color: #666666;
    }

.answer-diff {
    display: inline-block;
}

    .answer-diff a {
        display: inline-block;
        width: 150px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #2496f6;
        margin-left: 30px;
        margin-right: 10px;
    }

.answer-question .font-limit {
    display: inline-block;
    color: #666666;
    font-size: 16px;
}

.leave-comment {
    margin: 45px 0 0 85px;
}

    .leave-comment li {
        margin-bottom: 35px;
    }

        .leave-comment li div {
            display: inline-block;
        }

.head-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 20px;
}

    .head-img img {
        width: 100%;
        height: 100%;
    }

.leave-container {
    width: 890px;
    vertical-align: top;
}

.leave-name {
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 10px;
}

.leave-time {
    font-size: 12px;
    color: #818181;
    margin-bottom: 20px;
}

.leave-content {
    font-size: 14px;
    color: #818181;
}

/*资料文库三级页面三*/

.soft-commend {
    position: relative;
    background-color: #fff;
    padding-top: 20px;
    margin-top: 10px;
}

    .soft-commend > p {
        font-size: 16px;
        color: #2b2b2b;
        margin-left: 20px;
    }

.soft-recom {
    width: 195px;
    height: 340px;
    overflow: hidden;
    margin: 20px auto;
    position: relative;
}

.soft-contanier {
    position: absolute;
    height: 340px;
    overflow: hidden;
}

.soft-recom .soft-context {
    float: left;
    margin: auto;
}

    .soft-recom .soft-context a {
        display: inline-block;
    }

.soft-context a > p {
    width: 195px;
    font-size: 16px;
    color: #2b2b2b;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 45px;
}

.soft-context div {
    width: 195px;
    height: 250px;
}

    .soft-context div img {
        width: 100%;
        height: 100%;
    }

.soft-radius {
    width: 38%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 50%;
}

    .soft-radius li {
        float: left;
        margin-right: 5px;
    }

        .soft-radius li a {
            display: inline-block;
            height: 16px;
            overflow: hidden;
            text-indent: -99em;
            width: 16px;
            cursor: pointer;
        }

.left-slider {
    position: absolute;
    left: 12px;
    top: 148px;
    display: inline-block;
    width: 20px;
    height: 66px;
    background: url(/Images/v_1803/icon-slides.png) -92px -1px no-repeat;
}

    .left-slider:hover {
        cursor: pointer;
        background: url(/Images/v_1803/icon-slides.png) -8px -1px no-repeat;
    }

.rig-slider {
    position: absolute;
    right: 12px;
    top: 145px;
    display: inline-block;
    width: 20px;
    height: 66px;
    background: url(/Images/v_1803/icon-slides.png) -136px -1px no-repeat;
}

    .rig-slider:hover {
        cursor: pointer;
        background: url(/Images/v_1803/icon-slides.png) -54px -1px no-repeat;
    }

.art-third {
    padding-top: 35px;
}

.third-list {
    overflow: hidden;
}

.third-first .small-detail {
    margin-left: 30px;
    white-space: nowrap;
}

.third-list li {
    float: left;
}

.third-list .third-first {
    width: 475px;
}

.third-last > div {
    display: inline-block;
}

.third-last .xin-btn {
    margin-left: 10px;
}

.title-oimg {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

    .title-oimg img {
        width: 100%;
        height: 100%;
    }

.big-title {
    margin-left: 30px;
    vertical-align: top;
}

    .big-title h1 {
        display: inline-block;
        vertical-align: middle;
    }

.small-detail .small-tit {
    margin-top: -1px;
}

.world-txt {
    width: 845px;
    height: 605px;
    margin: 20px auto;
    border: 1px solid #666666;
}

.art-third .little-img {
    text-align: center;
}

.text-p {
    font-size: 14px;
    color: #2b2b2b;
    text-align: center;
    margin: 10px auto;
}

.art-download a {
    display: block;
    margin: auto;
    width: 205px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #2496f6;
}

.leave-comment li .leave-cont {
    width: 700px;
}
/*资料文库三级页面四*/

.up-load {
    background: #fff;
    padding: 38px 0;
}

.put-text {
    background-color: #f7f7f7;
    width: 675px;
    margin: auto;
    padding: 45px 0;
}

    /*.put-text span{*/
    /*display: inline-block;*/
    /*width: 33px;*/
    /*height: 31px;*/
    /*margin-top: -11px;*/
    /*margin-right: 5px;*/
    /*vertical-align: middle;*/
    /*}*/

    .put-text p img {
        margin-top: 10px;
    }

.up-btn a {
    display: block;
    width: 245px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    /*background-color: #2496f6;*/
    margin: auto;
    vertical-align: top;
    border-radius: 2px;
}

.up-btn .put-message {
    display: block;
    width: 245px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background-color: #2496f6;
    margin: auto;
    vertical-align: top;
    border-radius: 2px;
}

.worm-mess {
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin: 10px auto 0;
}

.attention-context {
    background-color: #fff;
    margin: 30px auto 0;
    border-top: 1px dashed #d5d5d5;
    padding: 0 0 20px;
    width: 915px;
}

    .attention-context li {
        width: 450px;
        text-align: center;
        float: left;
    }

        .attention-context li:first-child {
            border-right: 1px dashed #d5d5d5;
        }

        .attention-context li p {
            height: 35px;
            line-height: 35px;
            font-size: 16px;
            color: #2b2b2b;
            margin: 20px 0 10px;
        }

.text-tr {
    background-color: #fafafa;
}

.put-attion {
}

.context-right {
}

.correct {
    display: inline-block;
    width: 16px;
    height: 16px;
}

    .correct img {
        width: 100%;
        height: 100%;
    }


.text-different {
    margin-top: 10px;
}

    .text-different > li {
        padding: 25px 0 45px 0;
        width: 595px;
        float: left;
        background-color: #fff;
    }

    .text-different li:first-child {
        margin-right: 10px;
    }

    .text-different li > p {
        margin-left: 20px;
        font-size: 18px;
        color: #2b2b2b;
    }

.lower-list {
    margin-top: 30px;
    padding-bottom: 65px;
}

    .lower-list li {
        margin-left: 20px;
        font-size: 16px;
        color: #666666;
        margin-bottom: 15px;
        line-height: 25px;
    }

.different-common > p {
    vertical-align: top;
}

    .different-common > p > span {
        vertical-align: middle;
    }

.lower-list .dif-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.lower-list span {
    font-size: 14px;
    color: #666666;
}

.dif-img img {
    width: 100%;
    height: 100%;
}

.dif-text {
    margin-right: 10px;
}

.right-put > div {
    margin-left: 20px;
    margin-bottom: 10px;
}

.rig-tit {
    margin-top: 20px;
}

.right-put > div > span {
    font-size: 16px;
    color: #666666;
    margin-right: 15px;
}

.title-input {
    width: 380px;
    height: 35px;
    background-color: #fafafa;
    border: none;
    font-size: 14px;
    color: #666666;
    padding-left: 20px;
}

.right-put select {
    /*width: 125px;*/
    height: 35px;
    background-color: #fafafa;
    color: #666666;
    font-size: 14px;
    border: none;
    margin-right: 20px;
    width: auto;
    padding: 0 2%;
}

.right-put option {
    text-align: center;
}

.intordus-context {
    vertical-align: top;
}

    .intordus-context textarea {
        padding: 10px 0 0 10px;
        font-size: 14px;
        color: #666666;
        background-color: #fafafa;
        border: none;
    }

    .intordus-context .intro {
        vertical-align: top;
    }

.right-put .number-select {
    width: 60px;
    margin-right: 5px;
}

.up-btn .put-message {
    width: 185px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}



/*行业报道页面*/

.report-rig {
    float: right;
    width: 270px;
}

.report-left {
    overflow: hidden;
    margin-right: 285px;
}

    .report-left .pagnation {
        margin-top: 0;
    }

.report-rig .hot-report {
    margin-top: 0;
}

.data-time {
    font-size: 14px;
    color: #818181;
}

li .report-name {
    width: 61px;
    color: #818181;
}

li .rep-num {
    width: 70px;
    color: #818181;
}

.report-tab {
    position: relative;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px dashed #d5d5d5;
    background-color: #fff;
}

.m-nothing {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f4f4f4;
}

.l-nothing {
    position: absolute;
    bottom: -8px;
    left: -8px;
}

.r-nothing {
    position: absolute;
    bottom: -8px;
    right: -8px;
}

.report-tab span > a {
    display: inline-block;
    /*padding: 2px 5px;*/
    /*margin-left: 130px;*/
    margin-left: 97px;
    font-size: 16px;
    color: #666666;
}

.report-list li {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #2b2b2b;
    vertical-align: top;
}

.report-list > li:before {
    content: close-quote;
    background: #2b2b2b;
    float: left;
    position: relative;
    bottom: -23px;
    left: 28px;
    border-radius: 50%;
    height: 5px;
    width: 5px;
}

.report-list li:nth-of-type(odd) {
    background-color: #fff;
}

.report-list li:nth-of-type(even) {
    background-color: #fafafa;
}

.fir {
    display: inline-block;
    width: 495px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 35px;
    color: #2b2b2b;
}

.rep-gray {
    display: inline-block;
    height: 50px;
    width: 110px;
    margin-top: -42px;
    line-height: 50px;
    margin-left: 20px;
    color: #999999;
    vertical-align: middle;
    text-align: right;
}

.report-list li a .rep-gray2 {
    width: 140px;
}

.down-context {
    margin-top: 10px;
    background-color: #fff;
}

.article-list > a > .indus-img {
    width: 188px;
    height: 231px;
}

.article-list > a > .indus-title {
    width: 188px;
    margin-top: 20px;
}

.unsolved-utils > li > .indus-main {
    width: 440px;
}

    .unsolved-utils > li > .indus-main > a {
        width: 425px;
    }

/*行业报道详情页*/

.left-hot .hot-report {
    margin-top: 0;
}


.download-rg .advertising {
    height: 145px;
    padding-top: 0;
}

.download-rg .industry-info {
    padding: 25px 0 25px 0;
}

.industry-info .industry-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    margin-left: -40px;
}

.advertising img {
    width: 100%;
    height: 100%;
}

.shop-details {
    width: 835px;
    font-size: 14px;
    margin: auto;
}



.cale-img {
}

.shop-details img {
    display: block;
    width: 600px;
    margin: 10px auto;
    transition-duration: 0.5s;
    z-index: 2;
    cursor: pointer;
}

    .shop-details img:hover {
        cursor: pointer;
        transform: scale(1.5);
        -webkit-transform: scale(1.5); /*Safari 和 Chrome*/
        -moz-transform: scale(1.5); /*Firefox*/
        -ms-transform: scale(1.5); /*IE9*/
        -o-transform: scale(1.5); /*Opera*/
    }


.det-img {
    display: block;
    width: 600px;
    margin: 10px auto;
}

.other-img {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    display: none;
    z-index: 2;
    /*margin-left: -185px;*/
    /*border:5px solid #f4f4f4*/
}

    .other-img img {
        width: 100%;
    }

.download-info {
    margin-top: 25px;
}

.down-text {
    display: inline-block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #2496f6;
    border-radius: 2px;
}

.some-else {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #2b2b2b;
    padding-left: 5px;
    margin-top: 20px;
    margin-left: 20px;
}

.download-info > .dl-share {
    display: inline-block;
    margin-left: 650px;
}


.industry-info .ding-yue {
    height: 375px;
    width: 835px;
    /* margin-left: 0; */
    margin: 20px auto;
    padding-bottom: 0;
    background-color: #f7f7f7;
    box-shadow: 2px 2px 13px #f7f7f7;
}

.ding-yue img {
    width: 100%;
    height: 100%;
}

.industry-info .something-info {
    margin-left: 29px;
    margin-top: 15px;
}

    .industry-info .something-info li div {
        width: 420px;
        margin-right: 15px;
    }

        .industry-info .something-info li div a {
            width: 410px;
        }

/*找回密码第一页*/

.forget-list {
    width: 804px;
    margin: 45px auto 85px;
}

    .forget-list li {
        float: left;
    }

.forget-text {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
    color: #cccccc;
}

.tint-color {
    color: #93ceff;
}

.forget-title {
    font-size: 20px;
    color: #2496f6;
    text-align: center;
    margin-bottom: 30px;
}

.put-use-name {
    display: block;
    width: 256px;
    height: 41px;
    /* border: none; */
    border: 2px solid #2496f6;
    /* box-sizing: border-box; */
    /* background-color: #fafafa; */
    color: #2496f6;
    font-size: 14px;
    margin: 0 auto 10px;
    padding-left: 30px;
}

    .put-use-name::-webkit-input-placeholder {
        color: #2496f6;
    }

.next-word {
    display: block;
    width: 290px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin: auto;
}

.next-btn {
    background-color: #dcdcdc;
}

.next-blue {
    background-color: #2496f6;
}

/*找回密码第二步*/

.login-context ol {
    width: 290px;
    margin: 0 auto 30px;
}

    .login-context ol li span {
        font-size: 14px;
        color: #2b2b2b;
    }

    .login-context ol li input {
        color: #2496f6;
    }

.ol-left {
    float: left;
}

.ol-right {
    float: right;
}

.forget-ol li input + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #2496f6;
    text-indent: .15em;
    line-height: 1;
}

.forget-ol li input:checked + label::before {
    background-color: #2496f6;
    background-clip: content-box;
    /*padding: .2em;*/
}

.forget-ol li input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}


.put-check {
    font-size: 20px;
    color: #2496f6;
    text-align: center;
    margin-bottom: 10px;
}

    .put-check a {
        font-size: 20px;
        color: #2496f6;
    }

.check-number {
    text-align: center;
    margin-bottom: 30px;
}

    .check-number span {
        font-size: 16px;
        color: #2b2b2b;
    }

        .check-number span a {
            font-size: 16px;
            color: #2b2b2b;
        }

.login-context .forget-con {
    width: 342px;
    margin: 0 auto 10px;
}

/*找回密码三页面*/

.login-context .new-password {
    margin-left: 226px;
}

.for-sure {
    margin-top: 30px;
}

.check-ok {
    font-size: 14px;
    color: #2b2b2b;
    text-align: center;
    margin: 0 auto 10px;
}

.word-over {
    display: block;
    width: 175px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 30px auto 20px;
    background-color: #2496f6;
    color: #fff;
    font-size: 20px;
}

.index-link {
    font-size: 14px;
    color: #2496f6;
    text-align: center;
}















/*招聘信息*/

.join-input {
    height: 85px;
    line-height: 85px;
    background-color: #fff;
    margin-bottom: 10px;
    vertical-align: top;
}

    .join-input input {
        width: 520px;
        padding-left: 15px;
        font-size: 14px;
        height: 45px;
        border: none;
        background-color: #f2f2f2;
        vertical-align: middle;
        margin: 0 0 0 120px;
    }

.big-input {
    margin: auto;
}

    .big-input > div {
        display: inline-block;
        vertical-align: middle;
    }

        .big-input > div > a {
            display: inline-block;
            width: 110px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            background-color: #2496f6;
            vertical-align: middle;
        }

.company {
    background-color: #fff;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

    .company > p {
        height: 40px;
        padding-left: 20px;
        font-size: 16px;
        color: #2b2b2b;
        display: table-cell;
        vertical-align: bottom;
    }

        .company > p > a {
            margin-left: 750px;
            font-size: 12px;
            color: #8c8c8c;
        }

.join-com {
    margin-top: 30px;
    overflow: hidden;
}

    .join-com li {
        float: left;
        width: 155px;
        height: 100px;
        border: 1px solid #f2f2f2;
        margin: 0 33px 0 37px;
    }

        .join-com li img {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

.report-tab span > .join-info {
    margin: 0 10px 0 20px;
}

.join-more {
    display: inline-block;
}

    .join-more span {
        position: relative;
        display: inline-block;
        margin-left: 610px;
        padding: 2px 3px;
        color: #818181;
        font-size: 14px;
    }

        .join-more span img {
            position: absolute;
            top: 43px;
            left: 67px;
            display: inline-block;
            width: 8px;
            height: 8px;
        }

li .apply-job {
    width: 340px;
}

li .dif-company {
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.dif-pages {
    position: relative;
}

.m-data {
    position: absolute;
    top: 0;
    left: 20px;
    font-size: 12px;
    color: #818181;
}

    .m-data span {
        color: #2b2b2b;
    }

.report-rig .new-increased {
    padding: 40px 0 35px 0;
    margin-top: 0;
    background-color: #fff;
}

.new-increased div {
    margin-left: 35px;
    /* margin: 0 auto; */
    font-size: 16px;
    color: #2b2b2b;
}

    .new-increased div span {
        display: inline-block;
        padding: 2px 8px;
        letter-spacing: 3px;
        height: 20px;
        text-align: center;
        background-color: #f2f2f2;
        color: #666666;
        margin-right: 5px;
    }

    .new-increased div .new-col {
        color: #33c165;
    }

.new-increased p a {
    display: block;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #33c165;
    margin: 20px auto 0;
}

.hot-job {
    margin-top: 10px;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .hot-job > p {
        margin-left: 20px;
        font-size: 16px;
        color: #2b2b2b;
    }

        .hot-job > p > a {
            font-size: 13px;
            color: #999999;
            margin-left: 125px;
        }

    .hot-job > ul {
        margin-top: 30px;
        margin-left: 30px;
    }

.job-list li span {
    display: inline-block;
    width: 95px;
    margin-right: 20px;
    margin-bottom: 15px;
}

    .job-list li span a {
        display: inline-block;
        width: 95px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #666666;
    }

.hot-question .hot-number {
    color: #818181;
    font-size: 14px;
}

/*招聘信息 搜索界面*/

.join-title {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding-left: 26px;
    color: #2b2b2b;
    background-color: #fff;
    border-bottom: 1px dashed #d5d5d5;
}

li .search-job {
    width: 560px;
    margin-right: 20px;
}

li .new-join {
    width: 280px;
    margin-right: 20px;
}
/*招聘信息 发布免费信息页面*/


.report-rig .hot-job-tit {
    margin-top: 0;
}

.join-info > i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
}

.active8 {
    background-color: #2496f6;
}

.active-live {
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
}

.write-contain {
    background-color: #fff;
}

.join-write {
    text-align: center;
}

.write-content {
    width: 655px;
    padding: 35px 0;
    margin: auto;
}

    .write-content > div {
        margin-bottom: 12px;
    }

    .write-content div span {
        display: inline-block;
        font-size: 16px;
        color: #666666;
        width: 85px;
        text-align: left;
    }

    .write-content div textarea {
        padding: 10px 0 0 15px;
        background-color: #fafafa;
        border: none;
    }

.diff-select select {
    width: auto;
    height: 35px;
    padding: 0 1%;
    border: none;
    font-size: 14px;
    background-color: #fafafa;
    color: #666666;
    margin-right: 20px;
}

.long-input input {
    width: 80%;
    height: 35px;
    padding-left: 15px;
    border: none;
    font-size: 14px;
    background-color: #fafafa;
    color: #999999;
}

.reply-number {
    width: 105px;
    height: 35px;
    border: none;
    padding-left: 15px;
    background-color: #fafafa;
    color: #999999;
    font-size: 14px;
}

div > .detail-adress {
    width: 240px;
}

.detail-container {
    vertical-align: top;
}

    .detail-container span {
        vertical-align: top;
    }


.put-btn {
    display: block;
    width: 185px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background-color: #2496f6;
    color: #fff;
    margin: 30px auto 0;
    border-radius: 2px;
}

/*发布职位信息详情页*/

.position-tile {
    position: relative;
    border-bottom: 1px dashed #d5d5d5;
    background-color: #fff;
    padding-bottom: 20px;
}

.company-name {
    padding: 25px 20px;
    font-size: 20px;
    color: #2496f6;
}

.company-detail {
    margin-bottom: 15px;
    padding-left: 20px;
}

    .company-detail span {
        display: inline-block;
        font-size: 14px;
        color: #2b2b2b;
        text-align: left;
    }

.detail-title {
    width: 80px;
    margin-right: 10px;
}

.company-content {
    width: 300px;
}

.company-require {
    background-color: #fff;
    padding: 35px 35px 45px 20px;
}

.pation-describe {
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 20px;
}

.require-content {
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
    line-height: 25px;
}

.may-be {
    margin-top: 10px;
    background-color: #fff;
}

.may-interesting {
    font-size: 16px;
    color: #2b2b2b;
    padding: 23px 0 23px 20px;
    border-bottom: 1px solid #d5d5d5;
}

    .may-interesting a {
        font-size: 12px;
        color: #999999;
        margin-left: 680px;
    }












/*正版验证  软件验证*/
.check-swapper {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.fl {
    display: inline;
    float: right;
}

.check-info {
    width: 592px;
    height: 505px;
    background-color: #fff;
}

.check-title {
    padding: 25px 0 0 0;
    margin: 0 25px 20px;
}

    .check-title h2 {
        font-size: 18px;
        color: #424242;
        font-weight: normal;
    }

.check-info .yxyz {
    margin-left: 104px;
}

.check-info .zhmm {
    line-height: 50px;
    color: #464646;
    font-size: 16px;
}

.check-info .zhmms {
    margin: 10px 0 30px;
}

.check-info .textbox {
    width: 385px;
    height: 50px;
    line-height: 34px;
    border: none;
    background-color: #fafafa;
    padding: 0 10px;
    color: #666666;
    font-size: 14px;
}

.check-info .yzmnext input {
    width: 180px;
    height: 42px;
    line-height: 42px;
    margin: 15px 0 0;
    padding: 0;
    border: 0;
    background: #2496f6;
    color: #FFF;
    font-size: 18px;
    border-radius: 20px;
}

.yzmnext {
    text-align: center;
    width: 350px;
}

.fr {
    display: inline;
    float: left;
}

.check-eg {
    width: 592px;
    height: 505px;
    background-color: #fff;
}

.how-check {
    margin: 10px 30px 0;
}

    .how-check p {
        line-height: 2em;
        font-size: 16px;
        color: #666666;
    }

.how-lock {
    width: 220px;
    margin-left: 160px;
    margin-top: -7px;
}

    .how-lock img {
        width: 100%;
    }

.how-code {
    width: 440px;
    margin-top: 18px;
    margin-left: 53px;
}

/*正版图书验证*/

.check-box .check-test, .check-box .check-book-info {
    height: 370px;
}

.how-check .attention {
    margin-left: 80px;
}

.how-check .check-books {
    margin-top: 36px;
}


/*登录页面*/

.login-container {
    position: relative;
    width: 100%;
    height: 840px;
    background-color: #2ba9f1;
}

.yuan-two {
    position: absolute;
    top: 186px;
    right: 70px;
}

.login-context {
    width: 955px;
    height: 600px;
    background-color: #fff;
    position: absolute;
    top: 52%;
    left: 50%;
    margin-left: -477px;
    margin-top: -295px;
    z-index: 9;
}

.login-title {
    position: relative;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    color: #2496f6;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #fafafa;
}

    .login-title span {
        position: absolute;
        right: 43px;
        font-size: 14px;
        color: #666666;
        font-weight: normal;
    }

.login-content .attention-color, .register-rig .attention-color {
    width: 137px;
    font-size: 12px;
    text-align: left;
    color: red;
    margin-left: 10px;
}

.register-rig .attention-color {
    margin-left: 39px;
    margin-top: 10px;
}

.login-title span a {
    font-size: 14px;
    color: #2496f6;
}

.login-box {
    margin: 50px 0 0 225px;
}

.login-content {
    margin-bottom: 10px;
    vertical-align: top;
}

    .login-content > span {
        display: inline-block;
        width: 80px;
        font-size: 14px;
        color: #2b2b2b;
        text-align: right;
        vertical-align: middle;
    }

    .login-content input {
        height: 45px;
        padding-left: 15px;
        font-size: 14px;
        background-color: #eaf5ff;
        color: #2496f6;
        border: none;
        margin-left: 25px;
        vertical-align: middle;
    }

    .login-content > p input {
        display: inline-block;
        width: 90px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        background-color: #2496f6;
        color: #fff;
        margin-left: 0;
        padding-left: 0;
        cursor: pointer;
    }
    /*.login-content>p .getCode{*/
    /*padding: 0;*/
    /*display: inline-block;*/
    /*width: 90px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*text-align: center;*/
    /*font-size: 14px;*/
    /*background-color: #2496f6;*/
    /*color: #fff;*/
    /*margin-left: 0;*/
    /*!*padding-left: 0;*!*/
    /*cursor: pointer;*/
    /*}*/
    .login-content > p {
        display: inline-block;
        width: 90px;
        height: 45px;
        line-height: 45px;
    }

.check-img {
    background-color: #fafafa;
    vertical-align: middle;
}

    .check-img:hover {
        cursor: pointer;
    }

    .check-img span {
        display: inline-block;
        width: 80px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin: 8px 5px;
    }

        .check-img span img {
            width: 100%;
            height: 100%;
        }

.login-number {
    width: 271px;
    background-color: #fff !important;
    border: 2px solid #2496f6 !important;
}

.login-number2 {
    width: 275px;
}

.login-number::-webkit-input-placeholder {
    color: #2496f6;
}

.login-number2::-webkit-input-placeholder {
    color: #2496f6;
}

.figure-check {
    width: 190px;
    margin-right: 7px;
    border: 2px solid #2496f6 !important;
    box-sizing: border-box;
    background-color: #fff !important;
}

.figure-check2 {
    width: 194px;
    margin-right: 7px;
    border: none;
    box-sizing: border-box;
}

.figure-check::-webkit-input-placeholder {
    color: #2496f6 !important;
}

.figure-check2::-webkit-input-placeholder {
    color: #2496f6;
}

.login-content > p a {
    display: inline-block;
    width: 90px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    background-color: #2496f6;
    color: #fff;
}

.login-check {
    padding-top: 20px;
}

    .login-check > .read-book {
        margin-left: 331px;
    }

    .login-check span a {
        color: #2496f6;
    }

.login-context .register-btn a {
    letter-spacing: 5px;
}

/*个人中心 完善资料页*/

.person-left {
    position: relative;
    background-color: #fff;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    /* overflow: hidden; */
}

.person-head {
    width: 100px;
    height: 100px;
    border-radius: 1px;
    margin: auto;
}

    .person-head img {
        width: 100%;
        height: 100%;
    }

.center-name {
    font-size: 16px;
    color: #2b2b2b;
    text-align: center;
    margin: 10px 0 13px 0;
}

.per-tag {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 14px;
    font-size: 14px;
    background-color: #fff2da;
    vertical-align: top;
}

.per-tag2 {
    margin-left: 15px;
}

.per-tag b {
    color: #ffae00;
    vertical-align: middle;
}

.per-tag img {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.people-small {
    text-align: center;
    margin-bottom: 25px;
}

.center-btn a {
    display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0 auto 10px;
}

.pay-gold {
    background-color: #33c165;
}

.up-text {
    background-color: #2496f6;
}

.person-list {
    /*margin-top: 10px;*/
    background-color: #fff;
    padding: 25px 0 10px;
}

.center-list li {
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    margin-bottom: 25px;
}

    .center-list li:hover {
        cursor: pointer;
    }

        .center-list li:hover .icon-text {
            color: #2496f6;
        }

    .center-list li span {
        vertical-align: middle;
    }

.center-icon {
    margin: 0 20px 0 25px;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.center-list li .icon-flow {
}

.icon-head {
    background: url("/Images/v_1803/center.png") -168px 0 no-repeat;
}

.icon-active {
    background: url("/Images/v_1803/center.png") -169px 0 no-repeat;
}

.icon-active2 {
    background: url("/Images/v_1803/center.png") 1px -1px no-repeat;
}

.icon-safety {
    background: url("/Images/v_1803/center.png") -19px 0 no-repeat;
}

.icon-put {
    background: url("/Images/v_1803/center.png") -38px 0 no-repeat;
}

.icon-qusetion {
    background: url("/Images/v_1803/center.png") -57px 0 no-repeat;
}

.icon-answer {
    background: url("/Images/v_1803/center.png") -76px 0 no-repeat;
}

.icon-material {
    background: url("/Images/v_1803/center.png") -95px 0 no-repeat;
}

.icon-record {
    background: url("/Images/v_1803/center.png") -114px 0 no-repeat;
}

.icon-gold {
    background: url("/Images/v_1803/center.png") -133px 0 no-repeat;
}

.icon-activate {
    background: url("/Images/v_1803/center.png") -152px 0 no-repeat;
}

.icon-suggest {
    background: url("/Images/v_1803/suggest-h.png")no-repeat center;
    background-size: 100% 100%;
}

.icon-mess {
    background: url("/Images/v_1803/mess-icon.png")no-repeat center;
    background-size: 100% 100%;
}

.mess-lan {
    background: url("/Images/v_1803/mess-lan.png")no-repeat center;
    background-size: 100% 100%;
}

.center-icon2 {
    margin: 0 20px 0 25px;
    display: inline-block;
    width: 16px;
    height: 15px;
}



.icon-jian {
    display: inline-block;
    width: 17px;
    height: 17px;
}

.icon-gold2 {
    background: url("/Images/v_1803/center.png") -19px -17px no-repeat;
}

.icon-jian2 {
    background: url("/Images/v_1803/center.png") -58px -17px no-repeat;
}

.icon-put2 {
    background: url("/Images/v_1803/center2.png") -38px 0 no-repeat;
}

.icon-jian3 {
    background: url("/Images/v_1803/center.png") -58px -17px no-repeat;
}

.icon-qusetion2 {
    background: url("/Images/v_1803/center2.png") -57px 0 no-repeat;
}

.icon-safety2 {
    background: url("/Images/v_1803/center2.png") -18px 0 no-repeat;
}

.icon-answer2 {
    background: url("/Images/v_1803/center3.png") -19px 0 no-repeat;
}

.icon-material2 {
    background: url("/Images/v_1803/center2.png") -77px 0 no-repeat;
}

.icon-record2 {
    background: url("/Images/v_1803/center.png") -38px -17px no-repeat;
}

.icon-gold2 {
    background: url("/Images/v_1803/center.png") -19px -17px no-repeat;
}

.icon-activate2 {
    background: url("/Images/v_1803/center.png") 0 -17px no-repeat;
}

.icon-suggest2 {
    background: url("/Images/v_1803/suggest-l.png")no-repeat center;
}

.list-head:hover .center-icon {
    background: url("/Images/v_1803/center.png") 1px -1px no-repeat;
}

.list-safety:hover .center-icon {
    background: url("/Images/v_1803/center2.png") -18px 0 no-repeat;
}

.list-put:hover .center-icon {
    background: url("/Images/v_1803/center2.png") -38px 0 no-repeat;
}

.list-question:hover .center-icon {
    background: url("/Images/v_1803/center2.png") -57px 0 no-repeat;
}

.list-answer:hover .center-icon {
    background: url("/Images/v_1803/center3.png") -19px 0 no-repeat;
}

.list-material:hover .center-icon {
    background: url("/Images/v_1803/center2.png") -77px 0 no-repeat;
}

.list-record:hover .center-icon {
    background: url("/Images/v_1803/center.png") -38px -17px no-repeat;
}

.list-gold:hover .center-icon {
    background: url("/Images/v_1803/center.png") -19px -17px no-repeat;
}

.list-activate:hover .center-icon {
    background: url("/Images/v_1803/center.png") 0 -17px no-repeat;
}

.list-mess:hover .center-icon {
    background: url("/Images/v_1803/mess-lan.png")no-repeat center;
    background-size: 100% 100%;
}

.list-suggest:hover .icon-suggest {
    background: url("/Images/v_1803/suggest-l.png")no-repeat center;
}

.list-mess {
    position: relative;
}

.mess-num {
    position: absolute;
    right: 37px;
    top: 8px;
    display: inline-block;
    padding: 0 4px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #E93030;
    border-radius: 20px;
    font-style: normal;
}


.icon-text {
    display: inline-block;
    width: 125px;
    margin-right: 20px;
    font-size: 14px;
    color: #2b2b2b;
}

.center-boc {
    margin-top: 10px;
    padding: 55px 0 78px;
    background-color: #fff;
}

.new-boc {
    margin-top: 2px !important;
}

.make-sure {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
    background-color: #2496f6;
    color: #fff;
    font-size: 16px;
    /* margin-top: 10px; */
    margin: 70px 421px 30px;
    border: none;
}

.center-li {
    text-align: center;
}

    .center-li span {
        display: inline-block;
        width: 70px;
        text-align: left;
        font-size: 14px;
        color: #2b2b2b;
        margin-right: 30px;
    }

    .center-li input {
        width: 270px;
        height: 45px;
        border: none;
        padding-left: 20px;
        background-color: #f7f7f7;
        color: #2b2b2b;
        font-size: 14px;
        margin-bottom: 10px;
    }

.center-tation {
    font-size: 14px;
    color: #999999;
    margin-left: 374px;
    margin-bottom: 10px;
    margin-top: -5px;
}

    .center-tation span {
        color: red;
        font-size: 14px;
    }

.secti-li {
    margin-bottom: 10px;
}

    .secti-li span {
        margin-left: 271px;
        font-size: 14px;
        color: #2b2b2b;
    }

    .secti-li > div {
        margin-left: 45px;
        vertical-align: top;
        font-size: 14px;
    }

        .secti-li > div input {
            margin-right: 5px;
            vertical-align: middle;
        }

.sex-inp {
    display: inline-block;
}

.man-input {
    margin-left: 20px;
}

.secti-li select {
    width: auto;
    height: 35px;
    padding: 0 1%;
    border: none;
    font-size: 14px;
    background-color: #fafafa;
    color: #999999;
    margin-right: 20px;
}

.center-select {
    margin-left: 45px;
}

.worm-tation {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

/*个人中心 软件激活*/

.soft-live {
    position: relative;
}

.center-box {
    margin-top: 10px;
    padding: 108px 0 350px;
    background-color: #fff;
}

.soft-active {
    margin-left: 193px;
    margin-bottom: 10px;
}

    .soft-active span {
        display: inline-block;
        width: 70px;
        font-size: 14px;
        color: #2b2b2b;
        margin-right: 33px;
    }

    .soft-active select {
        width: auto;
        height: 45px;
        padding: 0 1%;
        border: none;
        font-size: 14px;
        background-color: #fafafa;
        color: #999999;
        margin-right: 20px;
    }

    .soft-active input {
        width: 100px;
        height: 45px;
        border: none;
        background-color: #f7f7f7;
        font-size: 22px;
        color: #2b2b2b;
    }

    .soft-active em {
        color: #b3b3b3;
    }

.login-content .look-change {
    width: 120px;
}

.soft-activeted {
    margin-left: 183px;
}

    .soft-activeted input {
        margin-left: 36px;
    }

.make-act {
    margin: 65px auto 0 !important;
}

.img-bottom {
    height: 75px;
    position: absolute;
    left: 0;
    bottom: 0;
}

    .img-bottom img {
        width: 100%;
        height: 100%;
    }

/*筑业币收支*/
.gold-apply {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fafafa;
    margin-top: 10px;
}

    .gold-apply span {
        display: inline-block;
        width: 176px;
        font-size: 14px;
        text-align: center;
        color: #2496f6;
    }

    .gold-apply .thing-name, .center-gold .thing-name {
        width: 160px;
        text-align: left;
        margin-left: 65px;
    }

.center-gold span {
    display: inline-block;
    width: 176px;
    font-size: 14px;
    text-align: center;
    color: #666666;
}

.center-gold {
    width: 100%;
    height: 45px;
    line-height: 45px;
}

.main-center li:nth-of-type(odd) {
    background-color: #fff;
}

.main-center li:nth-of-type(even) {
    background-color: #fafafa;
}

.odd-css {
    background-color: #fff;
}

.event-css {
    background-color: #fafafa;
}
/*我的资料库页面*/
.my-down {
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    background-color: #fff;
}

    .my-down span {
        position: relative;
        display: inline-block;
        width: 130px;
        height: 50px;
        text-align: center;
        font-size: 14px;
        color: #666666;
    }

        .my-down span i {
            position: absolute;
            left: 95px;
            top: 8px;
            display: inline-block;
            padding: 0 4px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            color: #FFFFFF;
            font-size: 12px;
            background-color: #E93030;
            border-radius: 20px;
            font-style: normal;
        }

        .my-down span:hover {
            cursor: pointer;
        }

    .my-down .select-center {
        color: #2496f6;
        border-bottom: 2px solid #2496f6;
        box-sizing: border-box;
    }

.my-checkbox {
    height: 50px;
    line-height: 50px;
    background-color: #fafafa;
    vertical-align: top;
}

    .my-checkbox span {
        display: inline-block;
        font-size: 14px;
        color: #2496f6;
        vertical-align: middle;
    }

.all-check {
    margin: 0 37px;
    vertical-align: top;
}

    .all-check input {
        vertical-align: middle;
        margin-right: 15px;
    }

.up-title {
    width: 250px;
    text-align: center;
    margin-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.up-time {
    width: 150px;
    text-align: center;
}

.checked-in {
    display: inline-block;
    width: 58px;
}

.main-center .my-library {
    height: 45px;
    line-height: 45px;
    vertical-align: top;
}

.my-library span {
    display: inline-block;
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
}

.library-btn {
    background-color: #fff;
    padding: 35px 0 35px;
    text-align: center;
}

    .library-btn a {
        display: inline-block;
        padding: 10px 18px;
        background-color: #33c165;
        color: #fff;
        font-size: 16px;
        margin-right: 6px;
        border-radius: 2px;
    }


.my-put {
    width: 250px;
    margin-left: 37px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-checkbox .put-time, .my-library .put-time {
    margin-left: 100px;
}

.handle > span {
    display: inline-block;
    width: 85px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #2496f6;
    color: #fff;
    border-radius: 2px;
    margin-top: -4px;
}

.main-center li:hover .up-title {
    color: #2496f6;
}

.main-center li:hover .put-title {
    color: #2496f6;
}

.need-gold {
    margin-left: 43px;
    width: 80px;
    text-align: left;
}

.collect {
    width: 186px;
    text-align: center;
    margin-right: 11px;
}


/*我的回答*/


.my-answer {
    margin-left: 67px;
    margin-right: 100px;
}

.up-time i {
    font-style: normal;
    margin-right: 10px;
    margin-left: 9px;
}

    .up-time i:hover {
        color: #2496f6;
        cursor: pointer;
    }

.center-content {
    height: 700px;
}

.compile {
    position: absolute;
    margin-left: 145px;
    margin-top: -602px;
    width: 600px;
    height: 430px;
    background-color: #fff;
    border-radius: 2px;
}

.compile-title {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #2496f6;
    font-size: 16px;
    color: #fff;
}

.compile div {
    vertical-align: top;
}

    .compile div span {
        display: inline-block;
        font-size: 16px;
        color: #666666;
        vertical-align: top;
    }

.answer-context {
    margin: 30px 0 25px 35px;
}

.context-title {
    width: 430px;
}

.question-title {
    width: 85px;
}

.center-area {
    margin-left: 35px;
}

    .center-area textarea {
        border: none;
        background-color: #fafafa;
        color: #2b2b2b;
        font-size: 16px;
        padding: 10px 0 0 15px;
    }

.compile-btn {
    text-align: center;
}

    .compile-btn a {
        display: inline-block;
        width: 140px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        border-radius: 2px;
        margin-top: 30px;
        margin-right: 10px;
        margin-left: 15px;
        font-size: 14px;
    }

.compile-gre {
    background-color: #999999;
}

.compile-blu {
    background-color: #2496f6;
}

.delete-wall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.show-compile {
    display: none;
}

.delete-sure {
    position: absolute;
    top: 42%;
    left: 50%;
    margin-left: -8px;
    margin-top: -122.5px;
    width: 210px;
    height: 245px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

    .delete-sure p {
        height: 50px;
        line-height: 50px;
        background-color: #2496f6;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }

    .delete-sure span {
        display: block;
        font-size: 16px;
        color: #666666;
        text-align: center;
        margin: 30px 0 35px;
    }

    /*.delete-sure div{*/
    /*text-align: center;*/
    /*}*/

    .delete-sure div a {
        display: block;
        width: 140px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        margin: 0 auto 15px;
    }

.call-off {
    background-color: #999999;
}

.make-sure {
    background-color: #2496f6;
}




/*我的提问*/
.go-ask {
    float: right;
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #2496f6;
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 20px;
    /*margin-left: 420px;*/
    margin-top: 10px;
}

/*头像上传*/

.picture li span {
    font-size: 14px;
    color: #2b2b2b;
}

.picture-img {
    vertical-align: top;
}

    .picture-img span {
        display: inline-block;
        text-align: left;
        width: 80px;
        margin-left: 290px;
        vertical-align: middle;
    }

    .picture-img p {
        display: inline-block;
        width: 100px;
        height: 100px;
        vertical-align: middle;
        margin-left: 5px;
    }

        .picture-img p img {
            width: 100%;
            height: 100%;
        }

.picture-put {
    margin-top: 30px;
}

    .picture-put .img-put {
        margin-left: 290px;
        margin-right: 28px;
    }

    .picture-put input {
        height: 35px;
        font-size: 14px;
        border: none;
        margin: 0 15px;
    }

.pic-different {
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.pic-jpg {
    font-size: 14px;
    color: #666666;
    margin-left: 371px;
}

.pic-worm {
    margin-top: 30px;
}

/*账号安全*/

.id-safty li {
    vertical-align: top;
}

    .id-safty li span {
        display: inline-block;
        font-size: 14px;
        color: #666666;
        vertical-align: middle;
    }

.second-saft {
    width: 160px;
}

.id-safty li a {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #2496f6;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    vertical-align: middle;
    margin-left: 10px;
}

.id-safty li .first-saft {
    margin: 0 25px 0 240px;
    width: 80px;
}

.prompt {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #666666;
    margin-left: 345px;
}

.saft-phone {
    margin-bottom: 20px;
}

/*修改密码*/


.amend-pass {
    text-align: center;
    margin: 40px auto 0;
}

    .amend-pass a {
        display: inline-block;
        width: 145px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        text-align: center;
        color: #fff;
        margin-right: 12px;
        margin-left: 18px;
    }

.amend-text {
    font-size: 14px;
    color: #666666;
    margin-left: 375px;
    margin-bottom: 10px;
}

.my-back {
    background-color: #999999;
}

.mac {
    background-color: #2496f6;
}

.amend-word {
    font-size: 14px;
    color: #666666;
    margin-top: 50px;
    margin-left: 271px;
}

/*手机验证*/


.have-check {
    margin-bottom: 30px;
    text-align: left;
}

    .have-check .first-saft {
        margin-left: 279px;
        text-align: left;
        margin-right: 22px;
    }

    .have-check .second-saft {
        color: #666666;
    }

.phone-check {
    text-align: center;
}

.have-check .second-saft2 {
    display: none;
}

.login-content .have-pass {
    background-color: #999999;
}

.login-content .have-pass2 {
    display: none;
    visibility: hidden;
}

/*意见反馈*/

.feed-container {
    background-color: #fafafa;
    overflow: hidden;
}

    .feed-container .feed-content {
        height: 100%;
    }

.feed-content {
    position: relative;
    width: 1200px;
    margin: 20px auto 0;
}

.feed-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #2b2b2b;
    padding-left: 20px;
    margin-bottom: 10px;
    background-color: #fff;
}

.feet-context {
    background-color: #fff;
    padding: 70px 0 57px;
    margin-bottom: 35px;
}

.feed-list textarea {
    padding: 10px 0 0 15px;
    font-size: 14px;
    border: none;
    background-color: #fafafa;
    color: #2b2b2b;
}

.feed-list {
    vertical-align: top;
}

    .feed-list span {
        display: inline-block;
        width: 80px;
        text-align: left;
        vertical-align: top;
        font-size: 14px;
        margin-left: 402px;
        margin-right: 20px;
    }

    .feed-list .feed-detail {
        margin-left: 0;
        width: 444px;
        vertical-align: middle;
        color: #999999;
    }

    .feed-list .feed-put {
        vertical-align: middle;
    }

    .feed-list .feed-img {
        display: inline-block;
        width: 99px;
        height: 36px;
        margin-left: 0;
        cursor: pointer;
    }

.feed-img img {
    width: 100%;
    height: 100%;
}

.back-list {
    height: 35px;
    line-height: 35px;
    margin: 10px 0;
}

.feet-context .worm-tation {
    text-align: left;
    margin-left: 400px;
}

.feed-sure .make-sure {
    margin: 60px auto;
}

.feed-content .img-bottom {
    bottom: -15px;
}


/*联系我们*/

.call-us {
    background-color: #fff;
    margin-bottom: 50px;
}

    .call-us li {
        float: left;
    }

    .call-us .site {
        width: 40%;
        padding: 90px 0 20px 50px;
    }

.site h5 {
    font-size: 18px;
    color: #2b2b2b;
    margin: 20px 0 30px;
}

.site p {
    font-size: 14px;
    color: #2b2b2b;
    margin-bottom: 10px;
}

    .site p span {
        color: #2496f6;
        font-size: 16px;
    }

.my-map {
    padding: 25px;
    width: 50%;
    height: 396px;
}

#allmap {
    width: 100%;
    height: 100%;
}

/*免责声明*/


.surveybody {
    width: 1200px;
    height: auto;
    margin: 0 auto 30px;
    background: #F3f3F1;
    padding: 2px;
}

.bodyFFF {
    width: 1185px;
    margin: auto;
    background: #FFFFFF;
    padding: 5px;
}

.bodyborder {
    width: 1140px;
    margin: auto;
    padding: 40px 20px;
    border: #2496f6 1px solid;
}

.bodyrelative {
    width: 100%;
    height: auto;
    margin: 0px;
    position: relative;
}

#bglong {
    width: 90px;
    height: 92px;
    margin: 0px;
    background-image: url(/Images/v_1803/icos.png) !important;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/v_1803/icos.png');
    _background-image: none;
    position: absolute;
    left: -3px;
    top: -2px;
    z-index: 100;
}

#bglong1 {
    width: 90px;
    height: 92px;
    margin: 0px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/v_1803/v_1502/yhxy.png');
    _background-image: none;
    position: absolute;
    left: -3px;
    top: -2px;
    z-index: 100;
}

.bgtop {
    width: 908px;
    height: 25px;
    margin: 0px;
}

.bgbottom {
    width: 908px;
    height: 80px;
    margin: 0px;
}

.bgmiddle {
    width: 960px;
    height: auto;
    /* margin: 0px; */
    margin: auto;
    padding: 0px 33px 0px 27px;
}

.surveyTitle {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0 30px;
    text-align: center;
    color: #2496f6;
    font-weight: bold;
    font-size: 16px;
}

    .surveyTitle span {
        font-size: 16px;
        font-family: 微软雅黑;
    }

.surveyContent {
    width: 870px;
    height: 400px;
    margin: 0 auto;
    padding: 10px;
    border: #F0F0F0 1px solid;
    word-break: break-all;
    word-wrap: break-word;
    overflow-y: scroll;
    line-height: 24px;
    color: #666666;
}

.surveyItem {
    width: 820px;
    height: auto;
    margin: 0px auto;
    padding: 20px 0px 10px;
}

.surveyList {
    width: 820px;
    height: auto;
    margin: 0px auto;
    border: #F0F0F0 1px solid;
    padding: 0px;
}

.surveyItemTitle {
    width: 100%;
    height: auto;
    margin: 0px;
    #margin-bottom: -1px;
    line-height: 36px;
    border-bottom: #F0F0F0 1px solid;
}

    .surveyItemTitle span {
        padding: 0px 10px;
    }

.surveyItemContent {
    width: 100%;
    height: auto;
    margin: 0px;
    border-bottom: #F0F0F0 1px solid;
    overflow: hidden;
}

.surveyItemBtn {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 20px 0px;
    text-align: center;
}

.surveyText {
    width: 820px;
    height: auto;
    margin: 0px auto;
    padding: 20px 0px 10px;
}


/*关于我们*/

.about-us {
    width: 1200px;
    background-color: #fff;
    overflow: hidden;
}

.about-count {
    width: 800px;
    line-height: 30px;
    margin: 100px auto 25px;
    font-size: 14px;
    color: #2b2b2b;
}

.about-us p {
    width: 800px;
    margin: auto;
    margin-bottom: 20px;
    font-size: 14px;
    color: #2b2b2b;
}

.about-us span {
    display: block;
    width: 1200px;
}

/*筑业线上培训*/

.online-data {
    height: 60px;
    line-height: 60px;
    background-color: #2496f6;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
}

.online-matter {
    height: 90px;
    line-height: 90px;
    background-color: #fff;
    margin: 10px 0;
}

    .online-matter span {
        font-size: 16px;
        color: #2b2b2b;
        margin-left: 20px;
    }

    .online-matter select {
        width: 165px;
        height: 40px;
        background-color: #fafafa;
        padding: 0 3%;
        margin-left: 25px;
        font-size: 16px;
        color: #666666;
        border: none;
    }

.train-title {
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #2b2b2b;
    padding-left: 20px;
    background-color: #fff;
}

.online-title {
    height: 50px;
    line-height: 50px;
    background-color: #f7f7f7;
}

    .online-title span {
        display: inline-block;
        font-size: 14px;
        color: #666666;
    }

.train-time {
    width: 155px;
    text-align: center;
    margin-left: 20px;
}

.online-title .train-time2 {
    width: 200px;
}

.train-li a .train-time2 {
    width: 200px;
}

.online-title .train-dress2 {
    width: 200px;
}

.train-li a .train-dress2 {
    width: 200px;
}

.train-data, .train-dress {
    width: 130px;
    text-align: center;
}

.train-name {
    width: 330px;
    text-align: center;
}

.train-li {
    height: 43px;
    vertical-align: top;
    padding-top: 12px;
}

.train-list li:nth-of-type(odd) {
    background-color: #fff;
}

.train-list li:nth-of-type(even) {
    background-color: #fafafa;
}

.train-li a {
    vertical-align: middle;
}

.train-li:hover a span {
    color: #2496f6;
}

.train-li a span {
    display: inline-block;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
}

.train-li a .train-name {
    position: relative;
    width: 300px;
    text-align: left;
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .train-li a .train-name img {
        position: absolute;
        left: 5px;
    }

.train-content {
    width: 180px;
    text-align: center;
    margin-left: 20px;
}

.train-li a .train-content {
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.train-put {
    width: 110px;
    text-align: center;
    margin-left: 35px;
}

    .train-put .online-btn {
        display: inline-block;
        width: 85px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #2496f6;
        color: #2496f6;
        border-radius: 1px;
        margin-left: -15px;
        font-style: normal;
    }

/*线下培训*/

.offline-content {
    width: 570px;
    text-align: center;
    margin-left: 20px;
}

.train-li a .offline-content {
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*筑业课堂列表页*/

#left_self2 {
    float: left;
    width: 385px;
}

#center_self2 {
    margin-left: 400px;
}

.list-class .sort-cont span {
    display: inline-block;
    width: 121px;
}

.classroom {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 18px;
    padding-left: 20px;
    color: #2b2b2b;
    border-bottom: 2px solid #fafafa;
}

.curriculum {
    background-color: #fff;
}

.curriculum-list {
    vertical-align: top;
    padding: 25px 0 0 20px;
}

    .curriculum-list > div {
        vertical-align: top;
        display: inline-block;
    }

.curriculum-img {
    position: relative;
    width: 189px;
    height: 105px;
    margin-right: 20px;
}

    .curriculum-img img {
        width: 100%;
        height: 100%;
    }

.curr-text {
    position: absolute;
    top: 29%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*.class-title{*/
/*display: inline-block;*/
/*width: 475px;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*white-space: nowrap;*/
/*font-size: 20px;*/
/*color: #2b2b2b;*/
/*vertical-align: top;*/
/*margin-top: 15px;*/
/*}*/

.class-title a {
    display: inline-block;
    width: 368px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #2b2b2b;
    vertical-align: top;
    margin-top: 15px;
}

.dl-btn a span {
    color: #2496f6;
}

/*.dl-btn a span:hover{*/
/*color: #fff !important;*/
/*}*/
.curriculum-list .dl-btn {
    margin: 15px 0 0 50px;
}

.curriculum-icon .litter-img {
    position: relative;
    margin-top: 10px;
}

.curriculum-list .dl-btn:hover {
    cursor: pointer;
}

.litter-img .dif-type2 {
    background: url(/Images/v_1803/class.png) 0 -58px no-repeat;
}


.litter-img .look-num2 {
    background: url(/Images/v_1803/class.png) -23px -59px no-repeat;
}


.litter-img .adress-name2 {
    background: url(/Images/v_1803/class.png) -46px -59px no-repeat;
}


.litter-img .dolor2 {
    width: 18px;
    background: url(/Images/v_1803/class.png) -65px -59px no-repeat;
}

.litter-img .zan {
    position: absolute;
    right: 62px;
    font-size: 14px;
    color: #66666696;
}

.big-zan {
    position: absolute;
    top: -5px;
    right: 20px;
    display: inline-block;
    width: 30px;
    height: 30px;
}

    .big-zan:hover {
        cursor: pointer;
    }

.wei-zan {
    background: url("/Images/v_1803/class.png")-92px 0 no-repeat;
}

.yi-zan {
    background: url("/Images/v_1803/bigzan.png")1px 2px no-repeat;
}

.curriculum li:nth-of-type(odd) {
    background-color: #fff;
}

.curriculum li:nth-of-type(even) {
    background-color: #fafafa;
}

.profect {
    color: #fff !important;
}

.profect2 {
    color: #2496f6 !important;
}
/*筑业课堂视频播放*/

.movie-content {
    width: 1200px;
    margin: auto;
    padding-bottom: 30px;
}

.movie-box {
    position: relative;
    display: table;
    width: 1200px;
}

.active-list {
    background-color: #333333;
    color: #00c6ff !important;
}


.no-active {
    display: inline-block !important;
}

.right-lu {
    position: relative;
    display: table-cell;
    background-color: #000000;
    vertical-align: top;
    height: 673px;
    width: 300px;
    border-left: 1px solid #3d3d3d;
}

.mask_act_out {
    opacity: 0;
    z-index: -1;
    width: 0;
    overflow: hidden;
    transition: opacity .2s linear, z-index .2s linear .2s;
}


.right-lu ul {
    height: 673px;
    overflow: hidden;
    overflow-y: scroll;
}

    /*滚动条的颜色修改 核心代码*/
    .right-lu ul::-webkit-scrollbar { /*滚动条整体样式*/
        width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 5px;
    }

    .right-lu ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(64,64,64,0.2);
        background: #404040;
    }

    .right-lu ul::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(64,64,64,0.2);
        border-radius: 0;
        background: #404040;
    }
/*核心代码*/


.right-list {
    width: 260px;
    vertical-align: top;
    padding: 15px 15px 15px 25px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #8d8d8d;
}

    .right-list:hover {
        color: #00c6ff;
    }

.video-icon {
    display: none;
    /*display: inline-block;*/
    width: 14px;
    height: 14px;
    background: url("/Images/v_1803/icon-bo.png")no-repeat center;
    background-size: 100% 100%;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
}

.video-text {
    display: inline-block;
    width: 215px;
    font-size: 14px;
    color: #8d8d8d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cao-icon {
}

.shou-q {
    position: absolute;
    top: 44%;
    left: -16px;
    display: block;
    width: 15px;
    height: 68px;
    cursor: pointer;
    background: url("/Images/v_1803/shou-q.png")no-repeat center;
    background-size: 100% 100%;
}

.open-i {
    position: absolute;
    top: 44%;
    right: 4px;
    display: block;
    width: 15px;
    height: 68px;
    cursor: pointer;
    background: url("/Images/v_1803/open-i.png")no-repeat center;
    background-size: 100% 100%;
}

.mvplay {
    display: table-cell;
    width: auto;
    background: #000000;
    padding: 10px 0;
}

.mvpbd {
    width: 100%;
    margin: 0 auto;
    zoom: 1;
}

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

.mvpbdL {
    width: 100%;
    height: 650px;
    margin: 0;
    background: #111011;
    float: left;
}

    .mvpbdL a {
        width: 100%;
        height: 650px;
        display: block;
    }

.mvpbdR {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    background: #282727;
}

.mvpbdRs {
    width: 180px;
    height: 553px;
    margin: 0;
    padding: 10px;
    background: #555555;
}

.mvpbdrUp {
    width: 100%;
    height: 24px;
    margin: 0px;
    background: url(/Images/updown_03.gif) no-repeat center top;
    cursor: pointer;
}

.mvpbdrList {
    width: 100%;
    height: 503px;
    margin: 0;
}

    .mvpbdrList ul {
        list-style-type: none;
        margin: 0;
        padding: 8px 0 0;
    }

        .mvpbdrList ul li {
            border: #131314 4px solid;
            margin: 0 0 8px;
            height: 83px;
            overflow: hidden;
            position: relative;
        }

    .mvpbdrList .loading {
        width: 100%;
        height: 503px;
        margin: 0;
        background: url(/Images/v_1803/bloading.gif) no-repeat center center;
        display: none;
    }

.mvpbdrDown {
    width: 100%;
    height: 24px;
    margin: 0;
    background: url(/Images/v_1803/updown_06.gif) no-repeat center bottom;
    cursor: pointer;
}

.picScroll-top {
    width: 1200px;
    overflow: hidden;
    position: relative;
    background: #555555;
    height: 100px;
    padding: 10px 0;
}


    .picScroll-top .hd .prev {
        cursor: pointer;
        width: 40px;
        height: 38px;
        background: url("../images/prev.png") no-repeat center;
        float: left;
        margin-top: 30px;
        margin-left: 30px;
    }

    .picScroll-top .hd .next {
        width: 40px;
        height: 38px;
        background: url("../images/next.gif") no-repeat center;
        cursor: pointer;
        float: right;
        margin-top: -86px;
        margin-right: 30px;
    }

    .picScroll-top .bd {
        float: left;
        height: auto;
        margin-top: 5px;
        margin-left: 73px;
        width: 1040px;
    }

        .picScroll-top .bd ul {
            list-style-type: none;
            margin: 0px;
            padding: 8px 0px 0px;
            overflow: hidden;
            zoom: 1;
        }

            .picScroll-top .bd ul:after {
                display: block;
                clear: both;
                content: "";
            }

            .picScroll-top .bd ul li {
                border: #131314 4px solid;
                margin: 0px 0px 20px;
                #margin: 0px 0px 20px;
                _margin: 0px 0px 20px;
                height: 83px;
                overflow: hidden;
                position: relative;
                zoom: 1;
                float: left;
            }

.opadiv {
    display: block;
    width: 100%;
    background: #131314;
    height: 20px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 99;
    filter: Alpha(opacity=60);
    opacity: 0.6;
}

.opatxt {
    display: block;
    color: #FFFFFF;
    line-height: 20px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 100;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.opalay {
    display: block;
    width: 100%;
    background: #0075a9;
    height: 83px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 98;
    filter: Alpha(opacity=30);
    opacity: 0.3;
}

.movie-share {
    height: 50px;
    background-color: #fff;
    margin-bottom: 10px;
}

    .movie-share .dl-share {
        display: inline-block;
        margin-left: 10px;
    }

        .movie-share .dl-share span {
            display: inline-block;
            width: 28px;
            height: 28px;
        }

            .movie-share .dl-share span .share-q {
                background: url("/Images/v_1803/class.png") 0 0 no-repeat;
            }

            .movie-share .dl-share span .share-w {
                background: url("/Images/v_1803/class.png") -32px 0 no-repeat;
            }

            .movie-share .dl-share span .share-b {
                background: url("/Images/v_1803/class.png") -59px 0 no-repeat;
            }

.movie-contain {
    margin-left: 635px;
    /* vertical-align: top; */
    display: inline-block;
}

    .movie-contain span {
        display: inline-block;
        margin-top: 10px;
        width: 25px;
        height: 25px;
        vertical-align: middle;
    }

    .movie-contain .movie-text {
        width: 75px;
        color: #666666;
        margin-top: 18px;
    }

    .movie-contain p {
        display: inline-block;
        margin-left: -36px;
    }

.movie-icon {
    background: url("/Images/v_1803/class.png") 0 -31px no-repeat;
}

.movie-zan {
    background: url("/Images/v_1803/class.png") -62px -55px no-repeat;
}

.movie-do {
    background: url("/Images/v_1803/movie-down.png") 6px no-repeat;
}


.movie-down:hover .movie-text {
    color: #2496f6;
    cursor: pointer;
}

.movie-down:hover .movie-put {
    cursor: pointer;
    background: url("/Images/v_1803/class.png") -26px -29px no-repeat
}

.movie-small {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    margin-bottom: 2px;
    padding-left: 18px;
}

    .movie-small span {
        display: inline-block;
        width: 100px;
        text-align: center;
        font-size: 14px;
        color: #666666;
        box-sizing: border-box;
    }

        .movie-small span:hover {
            cursor: pointer;
        }

.active22 {
    color: #2496f6 !important;
    border-bottom: 2px solid #2496f6;
    box-sizing: border-box;
}

.movie-container {
    background-color: #fff;
}

.movie-discrab {
    padding: 25px 0 55px;
}

.movie-dis, .movie-dis p {
    width: 1000px;
    line-height: 30px;
    margin-left: 40px;
    font-size: 16px;
    color: #666666;
}

    .movie-dis img {
        display: block;
        width: 500px;
        margin: 10px 0;
    }

.movie-discrab .answer-question {
    padding: 0;
    margin: 0;
}



/*筑业课堂首页*/
.index-top {
    height: 40px;
    line-height: 40px;
    background-color: #eeeeee;
}

.top-content {
    width: 1200px;
    margin: auto;
    vertical-align: top;
}

    .top-content span {
        display: inline-block;
        vertical-align: middle;
    }

        .top-content span a {
            font-size: 14px;
            color: #666666;
            margin-right: 10px;
        }

.tele-phone {
    position: relative;
    margin-left: 50px;
    padding-left: 35px;
    font-size: 14px;
    color: #666666;
}

    .tele-phone img {
        position: absolute;
        top: 7px;
        left: -5px;
    }

.ke-com {
    margin-left: 183px;
}

.ke-name {
    font-size: 14px;
    color: #2496f6;
}

.ke-name2 {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    margin-right: 25px;
}

.top-content i {
    font-style: normal;
    margin-right: 10px;
}

.ke-tang .header .myMiddle {
    margin-left: 288px;
}

.all-ke {
    position: relative;
    width: 210px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background-color: #107ad2;
    padding-left: 40px;
    text-align: left;
    margin-left: 0;
}

    .all-ke img {
        position: absolute;
        left: 14px;
        top: 15px;
    }

    .all-ke:hover {
        color: #fff;
    }

.ke-container {
    width: 1200px;
    margin: auto;
}


.nav_body {
    width: 250px;
    height: 380px;
    background: #1277CA;
    position: absolute;
    left: 0;
    z-index: 999;
}

.nav {
    background: #434343;
    width: 100%;
}

.nav_list .jia-pa > a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-left: 20px;
}

.nav_list:hover {
    color: #1277ca;
    background: #fff;
    border: 1px solid #d2d2d2;
    height: 65px;
    margin-top: -2px;
    border-right: 0;
    border-top: 0 none;
}

    .nav_list:hover .jia-pa > a {
        color: #2496f6;
    }

.nav_list {
    width: 250px;
    height: 63px;
    line-height: 63px;
    /* padding: 0 20px; */
    position: relative;
    background: #0a497e;
}

    .nav_list .jia-pa {
        width: 220px;
        height: 62px;
        margin: 0 auto;
        border-bottom: 1px solid #fff;
    }

    .nav_list:last-child .jia-pa {
        border-bottom: none;
    }

    .nav_list:first-child {
        border-top: 1px solid #1277CA;
    }

    .nav_list .ke-jia {
        float: right;
        background: url(/Images/v_1803/kejian.png) no-repeat;
        display: inline-block;
        width: 18px;
        height: 21px;
        margin-top: 26px;
    }

    .nav_list span.s {
        color: #1277ca;
    }

    .nav_list > a {
        color: #ffffff;
        font-size: 16px;
        text-decoration: none;
        display: block;
    }

    .nav_list .jia-pa a {
        color: #ffffff;
        font-size: 16px;
        text-decoration: none;
        display: block;
    }

    .nav_list > a:hover {
        color: #1277ca;
        background: #f5f5f5;
        border: 1px solid #d2d2d2;
        border-right: 0;
        border-top: 0 none;
    }

    .nav_list > a.s {
        background: #fff;
        color: #1277ca;
        border: 1px solid #d2d2d2;
        border-right: 0;
        border-top: 0 none;
    }

.list_body {
    width: 320px;
    height: 378px;
    border: 1px solid #d2d2d2;
    border-left: 0;
    background: #fff;
    display: none;
    position: absolute;
    top: -230px;
    left: 250px;
    z-index: 999;
    overflow: hidden;
}

    .list_body > ul {
        list-style-type: none;
        padding: 0;
        ;
        margin-top: 20px;
    }

    .list_body ul li {
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        width: 130px;
        margin-left: 20px;
    }

    .list_body ul:after {
        display: block;
        clear: both;
        content: "";
    }

    .list_body ul .mvtypeLs a {
        font-size: 14px;
        color: #323232;
        text-decoration: none;
    }

    .list_body ul li a:hover {
        color: #2496f6;
    }

.banner-bg {
    width: 100%;
    height: 380px;
    background-color: #107ad2;
}

.ban_body {
    position: relative;
    width: 1200px;
    height: 380px;
    margin: 0 auto;
    padding: 0;
    zoom: 1;
}

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

.ban_img {
    width: 731px;
    height: 380px;
    float: left;
    margin-left: 250px;
}

    .ban_img img {
        max-height: 380px;
        max-width: 731px;
    }


.slideBox {
    width: 731px;
    height: 380px;
    overflow: hidden;
    position: relative;
}

    .slideBox .hd {
        height: 15px;
        overflow: hidden;
        position: absolute;
        right: 5px;
        bottom: 5px;
        z-index: 1;
    }

        .slideBox .hd ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 2px;
                width: 15px;
                height: 15px;
                line-height: 14px;
                text-align: center;
                background: #fff;
                font-size: 12px;
                font-family: '宋体';
                cursor: pointer;
            }

                .slideBox .hd ul li.on {
                    background: #f00;
                    color: #fff;
                }

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .slideBox .bd ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }

            .slideBox .bd ul li {
                zoom: 1;
                vertical-align: middle;
            }


.ban_gg {
    width: 214px;
    height: 360px;
    margin: 5px 0 5px 5px;
    float: right;
    background: #f0f0f0;
}

.gg_body {
    height: 225px;
    background: #ffffff;
}

.gg_caption {
    display: block;
    height: 40px;
    border-bottom: #949494 1px solid;
    line-height: 40px;
    font-size: 14px;
    color: #2b2b2b;
    padding: 0 6px;
}

.gg_body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .gg_body ul li {
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top;
    }

        .gg_body ul li span {
            font-size: 14px;
            padding: 0 10px;
            color: #a2a2a2;
            vertical-align: middle;
        }

.gg_ads {
    height: 145px;
}

    .gg_ads img {
        max-height: 145px;
        max-width: 215px;
    }

.gg_body ul li a {
    display: inline-block;
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #2b2b2b;
    vertical-align: middle;
}

.ke-hot {
    position: relative;
    padding: 40px 0;
    font-size: 28px;
    color: #2b2b2b;
    text-align: center;
    margin-top: 20px;
}

    .ke-hot .zuo-dia {
        position: absolute;
        left: 265px;
        top: 58px;
    }

    .ke-hot .you-dia {
        position: absolute;
        right: 265px;
        top: 58px;
    }

.tang-container {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.ke-hot a {
    position: absolute;
    right: 10px;
    top: 50px;
    text-decoration: underline;
    font-size: 12px;
    color: #2496f6;
}

.body_course {
    margin: 0;
    zoom: 1;
    width: 1200px;
    overflow: hidden;
}

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

.body_list {
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    width: 224px;
    height: auto;
    padding: 7px;
    border: #ffffff 1px solid;
}

    .body_list:hover {
        border: #2496f6 1px solid;
    }

.body-text {
    position: absolute;
    width: 160px;
    left: 50%;
    margin-left: -80px;
    top: 24%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.body_img {
    position: relative;
}

.img_bg {
    display: block;
    background: #5b5b5b;
    width: 224px;
    height: 20px;
    filter: alpha(Opacity=70);
    -moz-filter: 0.7;
    opacity: 0.7;
    position: absolute;
    bottom: 4px;
    left: 0;
    z-index: 9;
}

.img_txt {
    display: block;
    width: 224px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 4px;
    left: 0;
    z-index: 10;
}

    .img_txt label {
        color: #ffffff;
        padding: 0 6px;
    }

.body_title {
    display: block;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.body_info {
    display: block;
    line-height: 20px;
}

    .body_info em {
        font-style: normal;
        color: #5fb41b;
    }

    .body_info span {
        float: right;
    }

.body_title a {
    color: #2b2b2b;
}

.course_body {
    margin: 0;
    position: relative;
}

.course_left {
    width: 980px;
    height: auto;
    zoom: 1;
    overflow: hidden;
}

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

.course_right {
    margin-top: 7px;
    width: 210px;
    height: auto;
    padding: 0 10px 5px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f2f2f2;
}

.right_caption {
    display: block;
    line-height: 30px;
}

.right_list {
    height: auto;
    margin: 0 0 10px;
    padding: 4px 6px 0;
    background: #ffffff;
}

    .right_list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: url(/Images/v_1803/list.gif) no-repeat left center;
    }

        .right_list ul li {
            line-height: 25px;
            padding-left: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .right_list ul li span {
                color: #cccccc;
                padding-right: 5px;
            }

.right_img {
    margin: 0;
}

    .right_img img {
        max-height: 154px;
        max-width: 210px;
    }

.right_list ul li a {
    color: #2b2b2b;
}

.study_body {
    margin: 0;
    position: relative;
    zoom: 1;
}

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


.study_list {
    display: block;
    position: relative;
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
    width: 265px;
    height: 136px;
    padding: 25px 0 0;
    border: #ffffff 1px solid;
}

    .study_list img {
        max-height: 93px;
        max-width: 93px;
    }


.study_img {
    width: 93px;
    height: 93px;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 9;
}

.study_txt1 {
    width: 140px;
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 14px;
}

    .study_txt1 span {
        font-size: 12px;
        color: blue;
        font-weight: bold;
        padding-left: 8px;
    }

.study_txt2 {
    width: 165px;
    height: 110px;
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    color: #999;
}

    .study_txt2 p {
        display: block;
        color: #999;
        height: 110px;
        margin-top: 14px;
        line-height: 19px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }

    .study_txt2 span {
        display: block;
        color: #999;
        height: 110px;
        /*margin-top: 14px;*/
        line-height: 19px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }


.study_txt1 a {
    font-size: 16px;
    color: #2b2b2b;
}

.study_txt2 a {
    font-size: 14px;
}

.m-bottom .content .mBox2 {
    position: absolute;
    width: 50%;
    height: 34%;
    top: 23%;
    right: -9%;
}

.ke-register, .top-content .ke-register a {
    color: #2496f6;
}

.ke-login {
    margin-left: 20px;
}

.tang-put {
    margin-left: 342px;
}


.register-new {
    padding-top: 195px !important;
}

.go-suggest {
    margin-left: 0 !important;
    float: right;
    margin: 10px 15px 0 0;
}

.center-boc2 {
    background-color: #fff;
    padding: 55px 0 0;
}

    .center-boc2 li {
        padding-left: 35px;
        margin-bottom: 20px;
    }

.suggest-list span {
    display: inline-block;
    width: 85px;
    font-size: 16px;
    color: #2b2b2b;
    margin-right: 25px;
}

.suggest-list select {
    width: auto;
    height: 35px;
    padding: 0 3.1%;
    border: none;
    font-size: 14px;
    background-color: #fafafa;
    color: #999999;
    margin-right: 20px;
}
/*.suggest-list select{*/
/*border: 1px solid red !important;*/
/*}*/


.bi-t {
    font-size: 16px;
    color: #ff0000;
    font-style: normal;
}

.qq-put {
    width: 270px;
    height: 35px;
    border: none;
    padding-left: 20px;
    background-color: #f7f7f7;
    color: #2b2b2b;
    font-size: 14px;
}

.suggest-describe {
    padding-left: 35px;
}

.title-su {
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 20px;
    margin-top: 30px;
}

.su-put {
    width: 585px;
    height: 35px;
    border: none;
    padding-left: 20px;
    background-color: #f7f7f7;
    color: #2b2b2b;
    font-size: 14px;
}

.center-main {
    background-color: #fff;
}

.number-t {
    font-size: 16px;
    color: #666666;
}

    .number-t i {
        font-style: normal;
    }


.suggest-text {
    border: none;
    background-color: #f7f7f7;
    padding: 10px;
    font-size: 16px;
    margin-top: 10px;
}


.suggest-sho {
    margin-top: 35px;
    padding-bottom: 55px;
}

    .suggest-sho p {
        font-size: 18px;
        color: #2b2b2b;
        margin-bottom: 26px;
    }

.content-sho {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    width: 97%;
}

.ti-suggest {
    display: block;
    margin: 65px auto 0;
    width: 182px;
    height: 48px;
    line-height: 48px;
    border-radius: 1px;
    background-color: #2496f6;
    color: #fff;
    text-align: center;
    font-size: 20px;
}


.add-time {
    margin-left: 60px;
}

.add-title {
    margin: 0 175px 0 130px !important;
}

.border-text {
    width: 97%;
    overflow: hidden;
}

    .border-text textarea {
        width: 100%;
    }


.detail-suggest {
    background-color: #fff;
    padding-bottom: 85px;
}

.sug-title {
    padding-top: 30px;
    margin-top: 10px;
}

    .sug-title p {
        display: inline-block;
        color: #2b2b2b;
        font-size: 18px;
        width: 730px;
        margin-left: 20px;
        line-height: 30px;
    }

    .sug-title span {
        float: right;
        font-size: 14px;
        color: #2496f6;
        margin-right: 20px;
        margin-top: 5px;
    }

.fu-sug {
    margin: 18px 0 40px 15px;
}

    .fu-sug span, .fu-sug i {
        font-size: 14px;
        color: #666;
        margin-left: 6px;
    }

.sug-content {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 30px;
    padding: 0 20px 20px;
}

    .sug-content img {
        display: block;
        width: 700px;
        margin: 10px auto;
    }


.g-content {
    padding: 0 20px;
}

.guan-hui {
    background-color: #fafafa;
    padding: 30px 25px 0;
    vertical-align: top;
    line-height: 27px;
}

    .guan-hui span {
        display: inline-block;
        vertical-align: top;
    }

        .guan-hui span:first-child {
            font-size: 14px;
            color: #2496f6;
        }

        .guan-hui span:last-child {
            width: 728px;
            font-size: 14px;
            color: #666;
        }

.g-content .tim {
    font-size: 14px;
    color: #999;
    text-align: right;
    background-color: #fafafa;
    padding: 0 25px 40px;
}


/*个人中心改版样式*/

.new-center {
    width: 1200px;
    margin: 0 auto 10px;
    background-color: #fff;
}

    .new-center > div {
        float: left;
    }



.person-only {
    width: 250px;
    height: 216px;
    background: url("/Images/v_1803/per-bg.png")no-repeat center;
    background-size: 100% 100%;
}


.person-only2 {
    width: 250px;
    height: 216px;
    background: url("/Images/v_1803/per-plus.png")no-repeat center;
    background-size: 100% 100%;
}

.person-bg {
    position: relative;
    width: 250px;
    height: 156px;
    padding-top: 16px;
}

.tou-person {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
    margin: auto;
}

.tou-person2 {
    border: 2px solid #ffeab5 !important;
}

.tou-person img {
    width: 100%;
    height: 100%;
}

.gu-an {
    position: absolute;
    top: 4px;
    right: 70px;
    width: 33px;
    height: 34px;
    background: url(/Images/v_1803/gu-an.png)no-repeat center;
    background-size: 100% 100%;
}



.de-ji {
    position: absolute;
    left: 50%;
    margin-left: -28px;
    margin-top: -12px;
    background-color: #fff;
    border-radius: 12px;
    width: 56px;
    font-size: 14px;
    padding: 1px 0;
    color: #2496f6;
    text-align: center;
}

.de-ji2 {
    background-color: #ffeec4 !important;
    color: #b28c35 !important;
}

.name-per {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 16px 0 4px;
}

.name-pl {
    color: #8f6739 !important;
}

.grow-l {
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    width: 118px;
    border: 2px solid #4295ff;
    border-radius: 15px;
    margin: auto;
}

.grow-l2 {
    border: 2px solid #d9b973;
    color: #8f6739 !important;
}


.bottom-user {
    position: relative;
    height: 45px;
    line-height: 45px;
    background-color: #292929;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
}

.bottom-user2 {
    font-size: 14px !important;
}

.now-kai {
    position: absolute;
    right: 8px;
    top: 10px;
    width: 62px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #ffd821;
    color: #292929;
    border-radius: 15px;
    font-size: 12px;
}

.new-right {
    font-size: 0;
    vertical-align: top;
    padding-top: 65px;
}

    .new-right > div {
        display: inline-block;
        vertical-align: top;
    }

    .new-right > p {
        display: inline-block;
        margin-top: 37px;
        font-style: normal;
        height: 29px;
        border-left: 1px solid #e5e5e5;
    }

    .new-right > div {
        width: 154px;
    }

        .new-right > div > a {
            display: block;
        }

.bi-number {
    font-size: 32px;
    color: #333333;
    text-align: center;
}

.bi-text {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 6px 0 23px;
}

.lin-link {
    display: block;
    font-size: 14px;
    color: #2496f6;
    text-align: center;
}

.other-link {
    text-align: center;
}

    .other-link a {
        font-size: 14px;
        color: #2496f6;
    }

    .other-link i {
        font-style: normal;
        font-size: 14px;
        color: #2496f6;
        margin: 0 5px;
    }



.qian-da {
    float: right;
    margin-right: 60px;
    margin-top: 60px;
    display: block;
    width: 97px;
    height: 97px;
    line-height: 97px;
    border-radius: 50%;
    background-color: #ff7752;
    color: #fff;
    font-size: 24px;
    text-align: center;
    box-shadow: 0 0 35px #ffd0c2;
}


/*个人中心筑业币修改页面*/

.bi-tab {
    height: 50px;
    background-color: #fff;
}


    .bi-tab span {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #2B2B2B;
        padding: 0 20px;
        text-align: center;
        cursor: pointer;
    }

.select-bi {
    color: #2496f6 !important;
    border-bottom: 2px solid #2496f6 !important;
    box-sizing: border-box;
}


.bi-message {
    background-color: #fff;
    margin: 10px 0;
    vertical-align: top;
}

    .bi-message > div {
        display: inline-block;
        vertical-align: top;
    }


.total-bi {
    width: 370px;
    padding-bottom: 22px;
    border-right: 1px solid #E1E1E1;
}

.total-name {
    font-size: 18px;
    color: #333;
    padding: 20px 0 33px;
    text-align: center;
}

.bi-logo {
    width: 141px;
    height: 83px;
    background: url("/Images/v_1803/bi-logo.png")no-repeat center;
    background-size: 100% 100%;
    margin: auto;
}

.gold-number {
    font-size: 32px;
    color: #333;
    text-align: center;
    margin: 14px 0 23px;
}

.cao-gold {
    text-align: center;
}

    .cao-gold a {
        display: inline-block;
        width: 90px;
        height: 35px;
        line-height: 36px;
        text-align: center;
        border: 2px solid #2496f6;
        font-size: 14px;
        color: #2496f6;
    }

        .cao-gold a:hover {
            color: #fff;
            background-color: #2496f6;
        }

        .cao-gold a:last-child {
            margin-left: 20px;
        }


.gold-right {
    padding-left: 30px;
}

.zui-jin {
    font-size: 18px;
    color: #333;
    padding-top: 13px;
    margin-bottom: 30px;
}

    .zui-jin a {
        font-size: 12px;
        color: #333;
        margin-left: 20px;
    }

        .zui-jin a:hover {
            color: #2496f6;
        }

.fen-gold {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 29px;
}

    .fen-gold > div, .fen-number > div {
        float: left;
        margin-right: 80px;
    }

        .fen-gold > div:last-child {
            margin-right: 30px;
        }


.fen-leis p:first-child {
    font-size: 14px;
    color: #333;
    margin-bottom: 19px;
}

.fen-leis p:last-child {
    font-size: 28px;
    color: #333;
}

.fen-number {
    margin-top: 25px;
}


.number-leis p:first-child {
    font-size: 14px;
    color: #333;
    margin-bottom: 19px;
}

.number-leis p:last-child {
    font-size: 22px;
    color: #333;
}

.number-leis p span {
    font-size: 14px;
}

.shou-zhi {
    height: 50px;
    background-color: #FAFAFA;
}

    .shou-zhi span {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 250px;
        color: #2496f6;
        text-align: center;
        font-size: 14px;
        margin-right: 85px;
    }

        .shou-zhi span:last-child {
            margin-right: 0;
        }

.zhi-ul {
    background-color: #fff;
}

.zhi-list {
    height: 50px;
}

    .zhi-list span {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 250px;
        color: #666;
        text-align: center;
        font-size: 14px;
        margin-right: 85px;
    }


        .zhi-list span:last-child {
            margin-right: 0;
        }

    .zhi-list .shu-zi {
        color: #2496f6;
    }

.look-more {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #2496f6;
    font-size: 14px;
    background-color: #fff;
}

.util-container {
    margin-top: 10px;
    background-color: #fff;
    padding-left: 20px;
    padding-bottom: 27px;
}

.util-title {
    font-size: 16px;
    color: #2b2b2b;
    padding: 20px 0;
}

.xia-zai {
    display: inline-block;
    width: 438px;
    height: 126px;
    background: url("/Images/v_1803/xia-z.png")no-repeat center;
    background-size: 100% 100%;
    margin-right: 15px;
}

.bi-wen {
    display: inline-block;
    width: 438px;
    height: 126px;
    background: url("/Images/v_1803/bi-wen.png")no-repeat center;
    background-size: 100% 100%;
}

.zai-zi {
    font-size: 20px;
    color: #2b2b2b;
    padding: 20px 0 7px 32px;
}

.mia-s {
    font-size: 12px;
    color: #2b2b2b;
    padding: 0 0 14px 32px;
}

.go-down {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #333;
    font-size: 14px;
    color: #000033;
    margin-left: 32px;
}

.dif-down:hover {
    background-color: #fff;
}

.util-rows {
    margin-bottom: 20px;
}

    .util-rows > div:last-child {
        margin-right: 0;
    }

.util-single {
    float: left;
    width: 284px;
    height: 157px;
    margin-right: 21px;
}

.bg-single {
    background: url("/Images/v_1803/lan-s.png")no-repeat center;
    background-size: 100% 100%;
}

.some-thing {
    width: 30px;
    font-size: 14px;
    color: #2b2b2b;
    border-bottom: 2px solid #333;
    padding: 26px 0 5px 0;
    margin-left: 30px;
    margin-bottom: 11px;
    white-space: nowrap;
}

.bg-fen {
    background: url("/Images/v_1803/fen.png")no-repeat center;
    background-size: 100% 100%;
}

.bg-zi {
    background: url("/Images/v_1803/zi-s.png")no-repeat center;
    background-size: 100% 100%;
}

.bg-mei {
    background: url("/Images/v_1803/mei-h.png")no-repeat center;
    background-size: 100% 100%;
}

.bg-lv {
    background: url("/Images/v_1803/lv-s.png")no-repeat center;
    background-size: 100% 100%;
}

.bg-huang {
    background: url("/Images/v_1803/huan-s.png")no-repeat center;
    background-size: 100% 100%;
}

.mia-say {
    font-size: 12px;
    height: 32px;
    color: #2b2b2b;
    padding: 0 0 0 32px;
    margin-bottom: 5px;
}

.other-down:hover {
    background-color: #333;
    color: #fff;
}

.dan-ul li:nth-child(even) {
    background-color: #FAFAFA;
}

.dan-zhi {
    margin-top: 10px;
}

/*课程弹框*/

.ke-tan {
    position: fixed;
    top: 35%;
    left: 50%;
    width: 712px;
    margin-left: -356px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(36,150,246,0.16);
    z-index: 999;
}

.yu-title {
    position: relative;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 24px;
    color: #FFFFFF;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(304deg, #4252D1 0%, #8794FF 100%);
}

    .yu-title span {
        position: absolute;
        right: 20px;
        top: 13px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url("/Images/zyke23/guanbianniu.png")no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
    }

.yu-container {
    padding: 30px 20px 30px;
    font-size: 0;
    box-sizing: border-box;
    vertical-align: top;
}

.hen_row {
    vertical-align: top;
}

.time_date {
    display: inline-block;
    width: 160px;
    height: 41px;
    line-height: 41px;
    background: #4252D1;
    border-radius: 5px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    margin-right: 18px;
    vertical-align: top;
    margin-top: -7px;
}

.icon-container2 {
    display: inline-block;
    vertical-align: top;
}

.mu_lus {
    display: inline-block;
    vertical-align: top;
}
/*.yu-container>div{*/
/*display: inline-block;*/
/*vertical-align: top;*/
/*}*/

.yu-list {
    /*padding: 15px 20px;*/
    /*background-color: #f8f9fb;*/
    /*border-radius: 12px;*/
    margin-bottom: 20px;
}


.yu-nei {
    display: inline-block;
    width: 340px;
}

.yu-time {
    font-size: 20px;
    color: #626261;
    margin-bottom: 10px;
}

/*.yu-time span{*/
/*font-size: 16px;*/
/*color: #3a3d4a;*/
/*margin-left: 10px;*/

/*}*/

.yu-jie {
    font-size: 18px;
    color: #626261;
    width: 315px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.go-study {
    float: right;
    display: inline-block;
    width: 106px;
    height: 40px;
    line-height: 40px;
    background-color: #FFFFFF;
    border-radius: 37px;
    border: 2px solid #4252D1;
    color: #4252D1;
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
}

    .go-study:hover {
        background-color: #4252D1;
        color: #FFFFFF;
    }

.link-more {
    display: block;
    width: 106px;
    height: 40px;
    line-height: 40px;
    background: #4252D1;
    border-radius: 37px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-left: 137px;
}

.icon-ul {
    margin-right: 16px;
}

.icon-list {
    text-align: center;
    width: 25px;
}

.t-time {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: url("/Images/zyke23/t_time2.png")no-repeat center;
    background-size: 100% 100%;
    margin: auto;
}

.t-san {
    width: 12px;
    height: 15px;
    background: url("/Images/zyke23/t-san.png")no-repeat center;
    background-size: 100% 100%;
    margin: auto;
}

.line-single {
    height: 59px;
    border-left: 1px solid #4252D1;
    margin-left: 12px;
}

.line-single0 {
    height: 38px !important;
    border-left: 1px solid rgba(0,0,0,0) !important;
}

.line-single2 {
    height: 32px !important;
}

.line-single3 {
    height: 54px !important;
}

.top-row {
    margin-top: 0 !important;
}

.ti-s {
    font-size: 14px;
    color: #2496f6;
    font-style: normal;
}

.after-later2 {
    background-color: #fff;
}

.new-tab span {
    display: inline-block;
    font-size: 24px;
    color: #666666;
    padding: 13px 65px;
    cursor: pointer;
}

.active-new {
    color: #2496f6 !important;
    border-bottom: 2px solid #2496f6;
}

.new-container {
    padding: 30px 50px 20px 60px;
}

.content-new p {
    font-size: 16px;
    color: #333333;
    /*margin-bottom: 20px;*/
}

.list-mar {
    margin-top: 30px;
}

/*商品详情文字信息*/
.pruduct-letter p {
    font-size: 14px;
    padding: 5px 0
}

.pruduct-letter {
    color: #252f3d
}

.letter-aim {
    text-align: center;
}

.seb-new img {
    vertical-align: middle;
    width: 100%;
}


.news-tai > li {
    padding: 30px 0 5px;
}

.tie-list {
    position: relative;
    /*border-bottom: 1px solid #E1E1E1;*/
    padding: 30px 0 20px;
    vertical-align: top;
}

    .tie-list:hover {
        background-color: #FAFAFA;
    }

.message-picture {
    float: left;
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
}

    .message-picture img {
        width: 100%;
        height: 100%;
    }

.second-tie .news {
    position: absolute;
    top: 30px;
    left: 20px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #FB1E20;
}

.mess-new li {
    padding: 15px 30px 9px;
}

.message-right {
    display: inline-block;
    width: 80%;
    float: left;
    margin-left: 12px;
}

.xin-name, .xin-name .yu {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
}

    .xin-name .time {
        font-size: 12px;
        color: #999999;
        margin-left: 15px;
    }

.say-what {
    font-size: 12px;
    color: #666;
    margin-top: 14px;
    line-height: 20px;
    padding-bottom: 10px;
}

.memory-article {
    color: #2496F6;
}

.look-detail {
    float: right;
    margin-top: 11px;
    display: inline-block;
    width: 104px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: rgba(36,150,246,1);
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.call-me2 {
    vertical-align: top;
}


    .call-me2 .clearfix:after {
        display: inline-block;
    }

.call-other2 i {
    font-style: normal;
    font-size: 12px;
    color: #999;
    margin-left: 20px;
    font-weight: normal;
}

.gao-zhi {
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url("/Images/v_1803/gao-zhi.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: top;
}



.te-bie2 {
    display: inline-block;
    width: 73%;
    margin-left: 7px;
}

.me-say2 {
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
}

/*.me-say2 a{*/
/*font-size: 12px;*/
/*color: #2496f6;*/
/*}*/

.call-other2 {
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
    font-weight: bold;
}

.nothing-main {
    background-color: #FFFFFF;
}

.nothing-mess {
    font-size: 13px;
    text-align: center;
    color: #666;
    padding: 229px 0;
}



/*我的问答修改页面---个人中心*/

.wen-da {
    background-color: #FFFFFF;
    padding: 20px 0 15px 10px;
    border-bottom: 5px solid #f4f4f4;
}

    .wen-da > div {
        float: left;
        width: 100px;
    }

.wen-num {
    font-size: 18px;
    color: #2496F6;
    text-align: center;
    margin-bottom: 7px;
}

.wen-name {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

.wen-list {
    padding: 20px 20px 20px 35px;
}

    .wen-list:hover {
        background-color: #FAFAFA;
    }

    .wen-list > div {
        float: left;
    }

    .wen-list > a {
        float: right;
        margin-top: 11px;
    }

.number-list {
    width: 40px;
    padding: 5px 0 7px;
    background-color: #ECF6FF;
}

    .number-list p:first-child {
        font-size: 16px;
        color: #2496F6;
        text-align: center;
    }

    .number-list p:last-child {
        font-size: 12px;
        color: #2496F6;
        text-align: center;
    }

.wen-title {
    margin-left: 10px;
    width: 700px;
}

.biao-ti a {
    display: block;
    font-size: 14px;
    color: #333333;
    width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .biao-ti a:hover {
        color: #2496F6;
    }

.some-icon {
    font-size: 0;
    margin-top: 8px;
}

    .some-icon > p {
        display: inline-block;
        margin-right: 15px;
    }

.num-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

    .num-img img {
        width: 100%;
        height: 100%;
    }

.num-shu {
    font-size: 12px;
    color: #999999;
    margin-left: 4px;
    vertical-align: middle;
}

    .num-shu i {
        font-size: 12px;
        color: #999999;
        font-style: normal;
    }

.cancel-c {
    font-size: 12px;
    color: #2496f6;
    vertical-align: middle;
}

.do-something {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    background-color: #E8F4FF;
    padding: 0 11px;
    font-size: 12px;
    color: #2496F6;
}

.do-something2 {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 11px;
    font-size: 12px;
    color: #2496F6;
}

.do-something3 {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 11px;
    font-size: 12px;
    color: #999999;
}

.yi-cai {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-top: 0 !important;
    background: url("/Images/v_1803/yi-cai.png")no-repeat center;
    background-size: 100% 100%;
}

.delete-make {
    cursor: pointer;
}

.te-img {
    background: url("/Images/v_1803/wrote-icon.png")no-repeat center;
    background-size: 100% 100%;
}

.change-answer:hover .num-img {
    background: url("/Images/v_1803/wrote-l.png")no-repeat center;
    background-size: 100% 100%;
}

.change-answer:hover .num-shu {
    color: #2496F6;
}

.del-img {
    background: url("/Images/v_1803/delete-icon.png")no-repeat center;
    background-size: 100% 100%;
}

.delete-make:hover .del-img {
    background: url("/Images/v_1803/dele-l.png")no-repeat center;
    background-size: 100% 100%;
}

.delete-make:hover .num-shu {
    color: #2496F6;
}

/*有问必答内页 change page 2019-10-25*/

.answer-title {
    height: 35px;
    background-color: #fff;
    padding-left: 25px;
    padding-top: 20px;
}

    .answer-title > div {
        float: left;
    }

.head-peo {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    /*overflow: hidden;*/
    margin-right: 10px;
}

.per-name {
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #666666;
    margin-right: 7px;
    vertical-align: middle;
}

.leave-date {
    display: inline-block;
    font-size: 14px;
    color: #818181;
    margin-right: 25px;
    vertical-align: middle;
}

.litter-img3 {
    display: inline-block;
    vertical-align: middle;
}

    .litter-img3 span {
        vertical-align: middle;
        font-size: 12px;
        color: #999999;
    }

.per-message2 {
    padding: 0 25px;
}

.main-title2 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 18px;
}

.shou-c {
    display: inline-block;
    margin-right: 19px;
    cursor: pointer;
}

    .shou-c:hover .shou-text {
        color: #2496F6;
    }

.shou-star {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 3px;
}

.teacher-c:hover .shou-star {
    background: url("/Images/v_1803/teacher2.png")no-repeat center;
    background-size: 100% 100%;
}

.teacher-icon {
    background: url("/Images/v_1803/teacher1.png")no-repeat center;
    background-size: 100% 100%;
}

/*.teacher-icon2{*/
/*background:url("/Images/v_1803/teacher2.png")no-repeat center;*/
/*background-size: 100% 100%;*/
/*}*/

.star-c:hover .shou-star {
    background: url("/Images/v_1803/star2.png")no-repeat center;
    background-size: 100% 100%;
}

.hui-star {
    background: url("/Images/v_1803/star1.png")no-repeat center;
    background-size: 100% 100%;
}

.lan-star {
    background: url("/Images/v_1803/star2.png")no-repeat center;
    background-size: 100% 100%;
}

.bu-c:hover .shou-star {
    background: url("/Images/v_1803/geng2.png")no-repeat center;
    background-size: 100% 100%;
}

.bu-icon {
    background: url("/Images/v_1803/geng1.png")no-repeat center;
    background-size: 100% 100%;
}

.bu-icon2 {
    background: url("/Images/v_1803/geng2.png")no-repeat center;
    background-size: 100% 100%;
}

.delete-c:hover .shou-star {
    background: url("/Images/v_1803/dele4.png")no-repeat center;
    background-size: 100% 100%;
}

.del-icon {
    background: url("/Images/v_1803/dele3.png")no-repeat center;
    background-size: 100% 100%;
}

/*.del-icon3{*/
/*background:url("/Images/v_1803/dele2.png")no-repeat center;*/
/*background-size: 100% 100%;*/
/*}*/

.shou-text {
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
}

.my-hui {
    padding: 0 25px;
    margin-top: 30px;
}

.wo-hui {
    font-size: 16px;
    color: #333333;
    margin-bottom: 15px;
}

.hui-ku {
    border: none;
    background-color: #fafafa;
    padding: 15px;
    width: 100%;
}

.cao-zuo {
    margin-top: 20px;
}

.ti-jiao {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 16px;
    margin-right: 25px;
    background-color: #2496f6;
    color: #fff;
}

.cancel-x {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 16px;
    margin-right: 25px;
    border: 2px solid #2496f6;
    color: #2496f6;
}

.all-answer {
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
    border-bottom: 5px solid #f4f4f4;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}

.all-ul {
    border-top: 10px solid #f4f4f4;
    padding: 0 25px 20px;
}

.all-list {
    border-bottom: 1px solid #EDEDED;
    padding: 20px 0 30px;
}



.zui-list {
    padding: 20px 25px 30px;
    border: 2px dashed #89C9FF;
    box-sizing: border-box;
}

.cai-ti {
    padding: 0 0 20px;
}

    .cai-ti p {
        float: left;
    }

        .cai-ti p:first-child {
            width: 33px;
            height: 38px;
            background: url("/Images/v_1803/cai-na.png")no-repeat center;
            background-size: 100% 100%;
        }

        .cai-ti p:last-child {
            font-size: 22px;
            color: #2496F6;
            margin-left: 15px;
        }

.peo-hea > div {
    float: left;
}

.picture-you {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.your-name {
    font-size: 16px;
    color: #666666;
    margin-bottom: 3px;
}

.your-time {
    font-size: 12px;
    color: #999999;
}

.cont-leave2 {
    font-size: 16px;
    color: #333333;
    line-height: 23px;
    margin: 23px 0 30px;
}

    .cont-leave2 img {
        display: block;
        width: 540px;
        margin: 10px 0;
    }

.icon-container {
    display: inline-block;
    vertical-align: top;
    /* height: 35px; */
    padding: 7px 17px;
    background-color: #F4F4F4;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
}

    .icon-container:hover .text-icon {
        color: #2496F6;
    }

.zan-zan {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/Images/v_1803/zan-1.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-container:hover .zan-zan {
    background: url("/Images/v_1803/zan2.png")no-repeat center;
    background-size: 100% 100%;
}



.text-icon {
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
}

.zhui-wen {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/Images/v_1803/liu-y.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-container:hover .zhui-wen {
    background: url("/Images/v_1803/liu-y2.png")no-repeat center;
    background-size: 100% 100%;
}

.shan-chu {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/Images/v_1803/dele1.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.icon-container:hover .shan-chu {
    background: url("/Images/v_1803/dele2.png")no-repeat center;
    background-size: 100% 100%;
}

.zhui-hui {
    background-color: #FAFAFA;
    margin-top: 20px;
}

.zhui-title {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    border-bottom: 1px solid #EDEDED;
    font-size: 16px;
    color: #333333;
}

.zhui-ul {
    padding: 0 20px 20px;
}

.zhui-list {
    padding: 20px 0;
    border-bottom: 1px solid #EDEDED;
}

.your-name2 {
    float: left;
    font-size: 16px;
    color: #666666;
    margin-top: 9px;
}

.your-time2 {
    float: right;
    font-size: 12px;
    color: #999999;
    margin-top: 14px;
}

.cont-leave3 {
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    margin: 23px 0 14px;
}

    .cont-leave3 img {
        display: block;
        width: 540px;
        margin: 10px 0;
    }

.hui-fu {
    font-size: 14px;
    color: #2496F6;
    cursor: pointer;
}

.fu-container {
    margin-top: 20px;
}

.hui-put {
    width: 687px;
    height: 43px;
    padding-left: 13px;
    border: none;
    background-color: #F5F5F5;
    font-size: 12px;
    color: #333333;
    vertical-align: middle;
}

.fu-an {
    display: inline-block;
    width: 100px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background-color: #EEEEEE;
    font-size: 16px;
    color: #666666;
    margin-left: 12px;
    vertical-align: middle;
}

.other-list {
    margin-top: 20px;
}

.hui-cont {
    display: block !important;
}

.other-hui {
    font-size: 12px;
    margin-bottom: 15px;
}

.name-other {
    color: #2496F6;
}

.nei-r {
    color: #666666;
}

.k-container {
    padding: 50px 0;
}

.k-bai {
    width: 292px;
    height: 157px;
    background: url("/Images/v_1803/k-bai.png")no-repeat center;
    background-size: 100% 100%;
    margin: auto;
}

.yao-teacher {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-top: 20px;
}

    .yao-teacher a {
        font-size: 16px;
        color: #2496f6;
    }

.bu-ch {
    font-size: 12px;
    color: #0971C9;
    padding: 10px 0;
}

/*邀请老师回答弹框*/

.yao-wall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.yao-container {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -344px;
    width: 688px;
    background-color: #ffffff;
    padding-bottom: 20px;
}

.yao-title {
    padding: 24px 20px 15px;
    border-bottom: 1px solid #C1C1C1;
}

.hei-title {
    font-size: 16px;
    color: #333333;
}

    .hei-title span {
        float: right;
        margin-top: 4px;
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url("/Images/v_1803/close-yu.png")no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
    }

.fu-title {
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}

.yao-ul {
    padding: 5px 0;
}

.yao-list {
    padding: 10px 20px;
}

    .yao-list:hover {
        background-color: #FAFAFA;
    }

    .yao-list > div {
        float: left;
    }

.teacher-head {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
}

    .teacher-head img {
        width: 100%;
        height: 100%;
    }

.teacher-name {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    padding: 3px 0 1px;
}

.teacher-total p {
    display: inline-block;
    margin-right: 9px;
}

    .teacher-total p span {
        font-size: 14px;
        color: #999999;
    }

.ta-shan {
    font-size: 14px;
    color: #999999;
    margin-left: 85px;
    padding-top: 10px;
}

.yao-answer {
    float: right;
    display: inline-block;
    width: 88px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background-color: #E8F4FF;
    font-size: 14px;
    color: #2496F6;
    margin-top: 5px;
}

.yi-yao {
    color: #999999 !important;
    background: none !important;
}

.add-list a:hover .genre-cont {
    color: #2496F6;
}

.wan-hui {
    padding: 0 !important;
}

.text-container {
    width: 792px;
    overflow: hidden;
}

.dele-title {
    position: relative;
}

.bai-close {
    position: absolute;
    top: -15px;
    right: 12px;
    width: 20px;
    height: 20px;
    background: url(/Images/v_1803/bai-close2.png)no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

/*帮助页面开始*/

.help-right {
    padding: 20px;
    background-color: #ffffff;
}

.help-title {
    font-weight: bold;
    line-height: 38px;
    cursor: pointer;
}

    .help-title:hover {
        color: #2496F6;
    }

.help-da {
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    word-break: break-all;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 16px;
}

    .help-da p {
        font-size: 14px;
        color: #666666;
        line-height: 25px;
        word-break: break-all;
    }

    .help-da img {
        display: block;
        max-width: 895px;
        margin: auto;
    }


.order-tui {
    width: 200px;
    height: 40px;
    padding-left: 10px;
    font-size: 16px;
    color: #2b2b2b;
    background-color: #f5f5f5;
    border: none;
    /*margin-right:20px !important;*/
}

.secti-li .textbox {
    margin-left: 72px;
    background-color: #f7f7f7;
}

.secti-li .textbox-text {
    background-color: #f7f7f7;
}

.combo {
    border-color: #f7f7f7 !important;
}

.secti-li .textbox-addon {
    padding-right: 13px;
}

.bottom-fix {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 160px;
    z-index: 999;
}

    .bottom-fix a {
        display: block;
    }

.g-gao {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: 100%;
    /*height: 160px;*/
    margin-left: -50%;
}

.g-close {
    position: absolute;
    top: 16px;
    right: 5px;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 99;
    cursor: pointer;
}

.add-er {
    background-color: #fff;
    margin-top: 10px;
    padding: 30px 0;
}

.new-ma {
    width: 197px;
    height: 189px;
    margin: auto;
}

    .new-ma img {
        width: 100%;
        height: 100%;
    }



/*盗版提示*/
.j-gao {
    position: relative;
    width: 100%;
    height: 462px;
    /*background-color: rgba(0,0,0,0.5);*/
    /*will-change: transform;*/
    /*overflow: hidden;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*border: 0;*/
    /*background-position: center center;*/
    /*background-size: cover;*/
}

    .j-gao .header-filter {
        position: absolute;
        top: 0;
        left: 50%;
        width: 2560px;
        height: 100%;
        margin-left: -1280px;
        z-index: -1;
        /*background-position: center center;*/
        /*background-size: cover;*/
        /*background-image: url("/Images/v_1803/bg-jj.png");*/
    }

.header-filter:after, .header-filter:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.header-filter:before, .has-header-overlay-color-background-color[class*="has-background"] {
    background-color: rgba(0,0,0,0.5);
}

.header-filter::before {
    background-color: rgba(0,0,0,.5);
}

.tt-shi {
    padding: 170px 0 110px;
    z-index: 999;
}

.h1 {
    text-align: center;
    color: #ffffff;
    width: 1000px;
    margin: auto;
    font-size: 42px;
}

.up-container {
    width: 90%;
    min-width: 1500px;
    background-color: #ffffff;
    border-radius: 6px;
    margin: -50px auto 0;
    padding: 40px 0;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}

.nei-con {
    width: 1200px;
    margin: auto;
}

.left-lie {
    float: left;
    width: 840px;
}

.right-lie {
    float: right;
    width: 295px;
}

.logo-w {
    display: block;
    width: 397px;
    height: 60px;
    margin-left: 205px;
    margin-bottom: 20px;
}

.nei-ji {
    padding: 20px 0;
    border-top: 1px solid #eee;
    font-size: 18px;
    color: #666666;
    line-height: 28px;
}

.cu-hui {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
}

.cu-red {
    font-size: 18px;
    color: #d31b1b;
    font-weight: bold;
}

.fen-suo {
    display: block;
    margin: 20px auto;
    max-width: 840px;
    width: auto;
}

.line-bb {
    padding-top: 40px !important;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;
    margin: 0 !important;
}

.how-ll {
    margin: 0 !important;
    padding-top: 30px;
}

.go-yam {
    display: block;
    width: 180px;
    height: 42px;
    line-height: 42px;
    margin: 30px auto 0;
    padding: 0;
    border: 0;
    background: #2496f6;
    color: #FFF;
    font-size: 18px;
    border-radius: 20px;
    text-align: center;
}

.add-re {
    margin-top: 50px;
}

.di-row {
    font-size: 0;
    vertical-align: top;
    border-bottom: 1px solid #EEEEEE;
    /*padding: 0 15px 0 20px;*/
    padding-bottom: 15px;
}

    .di-row > div {
        display: inline-block;
        vertical-align: middle;
    }

.di-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/Images/v_1803/di-wei.png")no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle;
}

.di-title {
    font-size: 18px;
    color: #F56500;
    margin: 0 10px;
    vertical-align: middle;
}

.fu-bia {
    font-size: 12px;
    color: #999999;
    vertical-align: middle;
}

/*.rig-im{*/
/*margin: 0 auto 15px;*/
/*width: 223px;*/
/*height: 58px;*/
/*}*/

/*.rig-im img{*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/

.fen-qu {
    padding: 14px 0 0 0;
}

    .fen-qu a {
        display: inline-block;
        width: 56px;
        font-size: 16px;
        color: #707070;
        margin-bottom: 10px;
    }

        .fen-qu a:hover {
            color: #F56500;
        }

.rig-tet {
    text-align: right;
}

.prism-big-play-btn {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    margin-top: -32px !important;
    margin-left: -32px !important;
    display: block;
}


.ding-yue6 {
    height: 375px;
    width: 835px;
    margin: 20px auto;
    background-color: #f7f7f7;
    box-shadow: 2px 2px 13px #f7f7f7;
}

    .ding-yue6 img {
        width: 100%;
        height: 100%;
    }

/*专家排名榜*/

.specialist_top {
    font-size: 0;
    vertical-align: top;
}

.specialist_one {
    display: inline-block;
    background-color: #ffffff;
    margin-right: 15px;
    width: 295px;
    padding: 30px 0 15px;
    vertical-align: top;
}

.specialist_top > div:last-child {
    margin-right: 0;
}

.bg_icon {
    position: relative;
    width: 131px;
    height: 171px;
    margin: 10px auto 0;
    padding-top: 32px;
    box-sizing: border-box;
}

.bg_icon2 {
    position: relative;
    width: 151px;
    height: 181px;
    margin: auto;
    padding-top: 33px;
    box-sizing: border-box;
}

.cycle_l {
    position: absolute;
    top: 0;
    left: 0;
}


.bg_pica {
    width: 129px;
    height: 129px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}

    .bg_pica img {
        width: 100%;
        height: 100%;
    }

.bg_pica2 {
    width: 149px;
    height: 149px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}

    .bg_pica2 img {
        width: 100%;
        height: 100%;
    }

.name_exp {
    font-size: 16px;
    color: #2b2b2b;
    text-align: center;
    margin-top: 20px;
}

.ren_bi {
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 75px;
    border-radius: 20px;
    background-color: #2496f6;
    color: #ffffff;
    font-size: 12px;
    margin: 10px auto;
}

.da_t {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin-bottom: 7px;
}

.num_da {
    font-size: 14px;
    color: #2496f6;
    text-align: center;
    margin-bottom: 10px;
}

.down-spe {
    margin-top: 15px;
    background-color: #fff;
}

.spe_ul {
    padding: 20px;
}

.spe_list {
    border-bottom: 1px solid #f1f1f1;
    vertical-align: top;
    padding: 20px 0;
}

    .spe_list > span {
        display: inline-block;
        width: 50px;
        vertical-align: middle;
        font-size: 18px;
        color: #999999;
    }

    .spe_list > div {
        display: inline-block;
        vertical-align: middle;
    }

.tou_l {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

    .tou_l img {
        width: 100%;
        height: 100%;
    }

.li_zi {
    width: 300px;
}

    .li_zi p:first-child {
        font-size: 16px;
        color: #2b2b2b;
        margin-bottom: 15px;
    }

.other-s {
    background-color: #cacaca !important;
}

.li_zi p:last-child {
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 75px;
    border-radius: 20px;
    background-color: #2496f6;
    color: #ffffff;
    font-size: 12px;
    /*margin: 10px auto;*/
}

.li_num {
    width: 200px;
    text-align: center;
}

    .li_num p:first-child {
        font-size: 12px;
        color: #999999;
        margin-bottom: 15px;
    }



    .li_num p:last-child {
        color: #2496f6;
        font-size: 16px;
        /*margin: 10px auto;*/
    }

.cee_mo {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #2496F6;
    border: 1px solid #2496F6;
    margin: 20px auto;
}

.bg_cee {
    background-color: #ffffff;
    padding: 30px 0;
}


.she_qq {
    display: block;
    width: 252px;
    height: 199px;
    margin: auto;
}

.bol_sl {
    display: block;
    width: 154px;
    height: 41px;
    background: #fff url('../../Images/xinZhuan/link-el.png') no-repeat top;
    margin: 20px auto 0;
}

    .bol_sl:hover {
        background: #fff url('../../Images/xinZhuan/link-el.png') no-repeat bottom;
    }
/*专家申请页面*/

.apply_title {
    width: 100%;
    background-color: #ffffff;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #2b2b2b;
    box-sizing: border-box;
    margin-bottom: 13px;
}

.apply_content {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 150px 0;
    box-sizing: border-box;
}

.apply_row {
    margin-bottom: 20px;
    vertical-align: top;
    padding-left: 390px;
}

.span_lf {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    text-align: right;
    font-size: 14px;
    color: #2b2b2b;
}

    .span_lf i {
        color: #ff0000;
        font-style: normal;
    }

.put_ku {
    display: inline-block;
    width: 290px;
    height: 45px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-size: 14px;
    border: none;
}

.select_log {
    display: inline-block;
    width: 290px;
    height: 45px;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-size: 14px;
    border: none;
}

    .select_log option {
        padding: 15px 0;
    }

.select_put {
    display: inline-block;
    width: 133px;
    height: 45px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-size: 14px;
    margin-right: 20px;
    border: none;
}

.bot_xiu {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 75px;
}

.wen_ti {
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 15px;
}

.ti_he {
    width: 185px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    border-radius: 1px;
    background-color: #2496f6;
    margin: auto;
}
/*首页新增部分*/
.fu-title6 {
    font-size: 30px;
    color: #333333;
    text-align: center;
    padding: 50px 0 55px;
}

.fu-list {
    vertical-align: top;
}

    .fu-list:first-child {
        margin-bottom: 13px;
    }

    .fu-list a {
        font-size: 0;
        margin-right: 13px;
    }

        .fu-list a:last-child {
            margin-right: 0;
        }

.dif-fu {
    display: inline-block;
    width: 290px;
    height: 210px;
    background-color: #fff;
    padding-top: 80px;
    vertical-align: top;
}

    .dif-fu:last-child {
        margin-right: 0;
    }

    .dif-fu:hover .dif-tit {
        color: #2166d6;
    }

    .dif-fu:hover .dif-texts {
        color: #4282ea;
    }

.book-dif {
    height: 290px !important;
    padding-top: 0 !important;
}

.member-select {
    box-shadow: 0 0 30px #c1c1c8;
}

.book-img {
    width: 230px;
    height: 216px;
    margin: auto;
}

    .book-img img {
        width: 100%;
        height: 100%;
    }

.book-text {
    font-size: 20px !important;
    margin-top: 20px;
}


.dif-texts {
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.pay_look {
    display: inline-block;
    float: right;
    margin: 12px 30px 0 0;
    width: 83px;
    height: 26px;
    background: #2496f6;
    color: #fff;
    font-size: 12px;
    text-align: center;
    /* vertical-align: middle; */
    border-radius: 46px;
    line-height: 26px;
    cursor: pointer;
}

    .pay_look:hover {
        background: #707070;
        color: #fff;
    }

.pay_wall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.pay_content {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.pat_title {
    font-size: 28px;
    color: #333333;
    text-align: center;
    padding: 25px 0;
}

.pay_pics {
    width: 180px;
    height: 180px;
    margin: auto;
}

    .pay_pics img {
        width: 100%;
        height: 100%;
    }

.tex_sl {
    font-size: 12px;
    color: #707070;
    margin: 6px;
    text-align: center;
    margin-top: 10px;
}

.pay_close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    background: url("/Images/v_2022/close-yu.png") no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}


.level_text1 {
    color: #AA6D4B;
    border: 2px solid #AA6D4B;
}

.level_text1 {
    color: #AA6D4B;
    border: 2px solid #AA6D4B;
}

.level_text2 {
    color: #9BA9B5;
    border: 2px solid #9BA9B5;
}

.level_text3 {
    color: #8B96C2;
    border: 2px solid #8B96C2;
}

.level_text4 {
    color: #5295E8;
    border: 2px solid #5295E8;
}

.level_text5 {
    color: #FBAC16;
    border: 2px solid #FBAC16;
}

.level_text6 {
    color: #DA4D6C;
    border: 2px solid #DA4D6C;
}

.your-del {
    vertical-align: top;
}

    .your-del span {
        font-size: 12px;
        color: #999999;
        margin-right: 15px;
        vertical-align: middle;
    }

.sm_name {
    display: inline-block;
    font-size: 16px;
    color: #666666;
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-right: 7px;
}

.sp_level {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 12px;
    border-radius: 10px;
    vertical-align: middle;
}

/*<!--警示弹框-->*/
.warning_wall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.cswarning_wall {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.warning_content {
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -153px;
    width: 478px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 0 10px 1px rgb(51 139 249 / 10%), inset 0px 3px 6px 1px rgb(51 139 249 / 10%);
    border-radius: 10px;
    padding: 30px 20px;
}

.ti_icon {
    display: block;
    width: 66px;
    height: 66px;
    margin: 0 auto 20px;
}

.ti_tex {
    font-size: 18px;
    color: #FF4141;
    text-align: center;
    margin-bottom: 20px;
}

.ok_is {
    width: 162px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    background: #338BF9;
    margin: auto;
    cursor: pointer;
    border-radius: 20px 20px 20px 20px;
}

.adr_row {
    display: flex;
    background: #FFFFFF;
    padding: 0 20px 0 0;
    margin: 10px auto 15px;
    box-sizing: border-box;
}

.lf_all {
    padding: 0 11px;
    min-height: 160px;
    background-color: #2395F6;
    color: #FFFFFF;
    font-size: 17px;
    writing-mode: vertical-lr;
    text-align: center;
    letter-spacing: 8px;
    -ms-writing-mode: tb-rl; /*IE中使用*/
}

.d_qu {
    flex: 1;
    padding: 20px 0 8px 20px;
}

    .d_qu > a {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        min-width: 79px;
        text-align: center;
        border-radius: 35px;
        color: #2395F6;
        font-size: 12px;
        border: 1px solid #2395F6;
        margin-bottom: 12px;
        margin-right: 7px;
    }

        .d_qu > a:hover {
            background-color: #2395f6;
            color: #FFFFFF !important;
        }

    .d_qu > span > a {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        min-width: 79px;
        text-align: center;
        border-radius: 35px;
        color: #F68D23;
        font-size: 12px;
        border: 1px solid #F68D23;
        margin-bottom: 12px;
        margin-right: 7px;
    }

        .d_qu > span > a:hover {
            background-color: #F68D23;
            color: #FFFFFF !important;
        }

.active-di2 {
    background-color: #F68D23;
    color: #FFFFFF !important;
}

.tag_row {
    width: 100%;
    height: 66px;
    /*opacity: 0.3;*/
    background: linear-gradient(90deg,#ffffff, rgba(184, 210, 252, 0.3), rgba(86, 162, 247, 0.3), rgba(36, 150, 246, 0.3));
}

    .tag_row span {
        display: inline-block;
        width: 177px;
        height: 66px;
        line-height: 66px;
        text-align: center;
        font-size: 21px;
        color: #707070;
        cursor: pointer;
    }

.main-download .tk_list {
    padding-top: 0;
    height: auto;
    margin-top: 10px;
}

    .main-download .tk_list > a {
        padding: 23px 30px 23px 0;
    }

.down_time {
    display: flex;
    align-items: center;
    height: 44px;
    padding-left: 20px;
    box-sizing: border-box;
    background: linear-gradient(270deg, #FFFFFF 0%, #B8D2FC 28%, #56A2F7 71%, #2496F6 100%);
}

    .down_time img {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    .down_time span {
        color: #FFFFFF;
        font-size: 18px;
    }

.kes_content {
    padding: 20px 0 0 28px;
    width: 1208px;
    margin: auto;
    box-sizing: border-box;
}

    .kes_content > div {
        display: inline-block;
        width: 264px;
        background: linear-gradient(117deg, #FFFFFF 0%, #E5F5FF 100%);
        box-shadow: 0 3px 6px 1px rgba(0,0,0,0.05);
        border-radius: 10px;
        border: 1px solid #FFFFFF;
        margin-right: 28px;
        overflow: hidden;
        padding-bottom: 15px;
        box-sizing: border-box;
        margin-bottom: 28px;
    }

.kes_picture {
    width: 264px;
    height: 157px;
    margin-bottom: 10px;
}

    .kes_picture img {
        width: 100%;
        height: 100%;
    }

.title_kst {
    font-size: 14px;
    color: #1A1A1A;
    height: 33px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 7px;
}

    .title_kst:hover {
        color: #5064FF;
    }

.how_much {
    padding: 0 10px;
    box-sizing: border-box;
}

.hot_lft {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
}

    .hot_lft img {
        width: 13px;
        height: 17px;
        margin-right: 9px;
        vertical-align: bottom;
    }

    .hot_lft span {
        font-size: 12px;
        color: #999999;
        vertical-align: bottom;
    }

.study_see {
    float: right;
    display: inline-block;
    width: 64px;
    height: 25px;
    line-height: 25px;
    background: #2496F6;
    border-radius: 13px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.kes_pages {
    background: rgba(0,0,0,0) !important;
}

/*讲师详情*/
.tea_detail {
    padding: 53px 0 40px 0;
    width: 1200px;
    margin: auto;
    box-sizing: border-box;
}

.teacher_pit {
    width: 100%;
    height: 460px;
    background: linear-gradient(180deg, #60605F 0%, #36312E 100%);
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    .teacher_pit > div {
    }

.tea_photo {
    float: left;
    position: relative;
    width: 300px;
    height: 420px;
    background: #DAD7DE;
    box-shadow: inset 0 0 6px 1px rgba(0,0,0,0.05);
    border-radius: 10px 10px 10px 10px;
}

    .tea_photo img {
        position: absolute;
        display: block;
        width: 300px;
        height: 470px;
        bottom: 0;
        left: 0;
    }

.tea_jie {
    margin-left: 340px;
    overflow: hidden;
}

.tea_now {
    vertical-align: top;
    padding: 20px 0;
}

    .tea_now span:first-child {
        font-size: 30px;
        color: #F7E7BB;
        margin-right: 10px;
    }

    .tea_now span:last-child {
        font-size: 22px;
        color: #FFFFFF;
    }

.detail_content {
    height: 330px;
    overflow: hidden;
    overflow-y: scroll;
    color: #E7E7E7;
    font-size: 20px;
    line-height: 40px;
}

    .detail_content p, .detail_content span {
        color: #E7E7E7 !important;
        font-size: 20px !important;
        background-color: rgba(0,0,0,0) !important;
    }

.tea_kes {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #F4EBD2;
}

.nei_container {
    width: 100%;
    background: #FBF9FD;
    box-shadow: 0 3px 6px 1px rgba(0,0,0,0.16);
    border-radius: 10px;
    padding-bottom: 20px;
}

.class_titles {
    width: 100%;
    height: 82px;
    line-height: 82px;
    background: #3E4FD5;
    border-radius: 10px 10px 0 0;
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
}

.nei_rong {
    padding: 30px 40px;
    box-sizing: border-box;
}

.nei_rows {
    display: flex;
    margin-bottom: 10px;
}

    .nei_rows img {
        width: 36px;
        height: 36px;
        margin-right: 20px;
    }

    .nei_rows p {
        flex: 1;
        font-size: 24px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/*滚动条样式自定义*/
.detail_content::-webkit-scrollbar {
    // 滚动条的背景 width: 10px;
    background: rgba(0,0,0,0);
    height: 14px;
}

.detail_content::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    width: 10px;
    border: 5px solid transparent;
}

.detail_content::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,0) inset;
}

.detail_content::-webkit-scrollbar-thumb {
    /*//滚动条的滑块样式修改*/
    width: 10px;
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5) inset;
}

.detail_content::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
}
/*滚动条样式自定义 end*/
/*讲师详情end*/
/*筑业课堂首页*/
.ke_body {
    width: 100%;
    height: 100%;
    background-color: #5064FF;
}

.ke_container {
    width: 1200px;
    margin: auto;
}

.header_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}

.ke_logo {
    width: 354px;
    height: 55px;
}

.rig_header {
    font-size: 0;
    vertical-align: top;
}

    .rig_header > div {
        display: inline-block;
        vertical-align: middle;
    }

.top_sear {
    position: relative;
    padding: 0 60px 0 36px;
    box-sizing: border-box;
    width: 280px;
    height: 55px;
    background: rgba(255,255,255,0.1);
    border-radius: 28px;
    border: 1px solid #FFFFFF;
}

    .top_sear > input {
        border: none;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0);
        font-size: 20px;
        color: #FFFFFF;
    }

    .top_sear > a {
        position: absolute;
        top: 12px;
        right: 20px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(/Images/zyke23/ke_search.png) no-repeat center;
        background-size: 100% 100%;
    }

.link_peos a {
    font-size: 16px;
    color: #F5DAB3;
    margin-left: 20px;
}

.peo_heads {
    position: relative;
    display: inline-block;
}

.peo_picture {
    position: relative;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    /*overflow: hidden;*/
    border: 1px solid #FFFFFD;
    box-sizing: border-box;
    margin-left: 35px;
    cursor: pointer;
}

    .peo_picture .tou_picture {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.pls_icon {
    position: absolute;
    top: -13px;
    left: 50%;
    display: block;
    width: 30px;
    height: 21px;
    margin-left: -15px;
}

.el_text1 {
    color: #AA6D4B !important;
}

.el_text2 {
    color: #9BA9B5 !important;
}

.el_text3 {
    color: #8B96C2 !important;
}

.el_text4 {
    color: #5295E8 !important;
}

.el_text5 {
    color: #FBAC16 !important;
}

.el_text6 {
    color: #DA4D6C !important;
}

.level_border1 {
    border: 1px solid #AA6D4B !important;
}

.level_border2 {
    border: 1px solid #9BA9B5 !important;
}

.level_border3 {
    border: 1px solid #8B96C2 !important;
}

.level_border4 {
    border: 1px solid #5295E8 !important;
}

.level_border5 {
    border: 1px solid #FBAC16 !important;
}

.level_border6 {
    border: 1px solid #DA4D6C !important;
}
/*已登录头像下拉框*/

.show_s {
    display: block !important;
}

.peo_walls {
    position: absolute;
    right: 0;
    margin-top: 10px;
    width: 388px;
    padding: 20px 20px 30px;
    border-radius: 10px;
    z-index: 9;
    overflow: hidden;
    box-sizing: border-box;
    background: linear-gradient(128deg, #F9F8FF 0%, #FEF6FE 50%, #F8F5FE 100%);
}

.conts_top {
    display: flex;
    padding-left: 10px;
    margin-bottom: 15px;
}


.peo_walls2 {
    background: url("/Images/zyke23/ic_bg.png") no-repeat center !important;
    background-size: 100% 100% !important;
}

.icon_container {
    position: relative;
    width: 75px;
    margin-right: 20px;
}

.new_sri {
    flex: 1;
    padding-top: 11px;
}

.mai_pic {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    border-width: 1px;
}

.name_skn {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}

.gr_lever {
    font-size: 16px;
    color: #1A1A1A;
}

.so_color {
    color: #FFFFFF !important;
}

.mai_pic img {
    width: 100%;
    height: 100%;
}

.level_row {
    position: absolute;
    width: 60px;
    height: 23px;
    line-height: 20px;
    background: #FFFFFF;
    border-radius: 15px;
    border: 1px solid #FFFFFF;
    text-align: center;
    vertical-align: top;
    margin-top: -17px;
    margin-left: 4px;
    padding: 0 4px;
}

    .level_row img {
        width: 13px;
        height: 13px;
        margin-right: 2px;
        vertical-align: middle;
    }

    .level_row span {
        font-size: 12px;
        vertical-align: middle;
    }


.kai_row {
    width: 100%;
    height: 47px;
    line-height: 47px;
    background: linear-gradient(127deg, #777777 0%, #212121 100%);
    box-shadow: 0 0 10px 1px rgba(46,80,254,0.09);
    border-radius: 24px;
    vertical-align: top;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
    margin: 0 auto 20px;
}

.conts_bot2 {
    padding-top: 13px;
}

    .conts_bot2 span {
        color: #FFFFFF !important;
    }

.kai_row2 {
    margin-top: 40px;
    vertical-align: top;
}

.kai_sp2 {
    font-size: 16px;
    color: #FFF2BE;
    vertical-align: middle;
}

.kai_sp {
    font-size: 16px;
    color: #FFF2BE;
    font-weight: 500;
    vertical-align: middle;
}

.kai_btn {
    float: right;
    display: inline-block;
    width: 86px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #1A1A1A;
    background: linear-gradient(92deg, #FFFFFF 0%, #DBD5FF 100%);
    border-radius: 44px;
    vertical-align: middle;
    margin-top: 8px;
}

.kai_btn2 {
    float: right;
    display: inline-block;
    width: 63px;
    line-height: 27px;
    margin-top: -2px;
    text-align: center;
    height: 27px;
    font-size: 14px;
    color: #393939;
    background: linear-gradient(124deg, #F7DCA1 0%, #E1B36C 100%);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.15);
    cursor: pointer;
}

.conts_bot {
    font-size: 0;
}

.ons_row {
    display: inline-block;
    width: 25%;
}

    .ons_row a {
        display: block;
    }

        .ons_row a img {
            display: block;
            width: 23px;
            height: 23px;
            margin: 0 auto 10px;
        }

        .ons_row a span {
            display: block;
            font-size: 16px;
            color: #1A1A1A;
            text-align: center;
        }
/*已登录头像下拉框end*/
/*点击put框的样式*/
.cls_put {
    animation: lowLong 0.2s linear forwards;
}

@keyframes lowLong {
    0% {
        width: 280px;
    }

    100% {
        width: 700px;
    }
}

.focus_ser {
    background-color: #ffffff !important;
}

.focus_ser2 {
    color: #1A1A1A !important;
}

.focus_al {
    background: url("/Images/zyke23/h_sera2.png") no-repeat center !important;
    background-size: 100% 100% !important;
}
/*nav*/
.ke_nav{
    display: flex;
    align-items: center;
    width: 100%;
    background: rgba(0,0,0,0.18);
    border-radius: 44px;
    margin-bottom: 11px;
    /*overflow: hidden;*/
}

.ke_nav>div{
    display: inline-block;
    flex: 1;
    /*height: 67px;*/
    /*line-height: 67px;*/
    /*text-align: center;*/
    /*color: #FFFFFF;*/
    /*font-size: 20px;*/
}
.ke_nav>div>a{
    display: block;
    height: 67px;
    line-height: 67px;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
}
.ke_nav>div:first-child{
    border-radius: 44px 0 0 44px;
    overflow: hidden;
}
.ke_nav>div:last-child{
    border-radius: 0 44px 44px 0;
    overflow: hidden;
}
.ke_nav>.te_sat{
    position: relative;
}
.xia_la{
    display: none;
    position: absolute;
    background-color: #5663cd;
    height: auto;
    width: 200px;
    line-height: normal;
    padding: 5px 0;
    box-sizing: border-box;
    z-index: 9;
    border-radius: 8px;
}
.xia_la>a{
    display: block;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
}

.xia_la>a:hover{
    background-color:#3D4CC2;
}

.ke_nav>div:hover{
    background: #3D4CC2;
    /*border-radius: 44px;*/
}

.actives_nav{
    background: #3643AB;
    /*border-radius: 44px;*/
}

/*banner*/
.ke_new_banner {
    width: 1200px;
    height: 430px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-bottom: 40px;
}

.kes_btn_container {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

    .kes_btn_container .flex-prev {
        left: 40px;
        background: url(/Images/zyke23/qia_zuo.png) no-repeat;
        background-size: 100% 100%;
    }

    .kes_btn_container .flex-btn {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        top: 50%;
        z-index: 9;
        width: 36px;
        height: 80px;
        margin-top: -40px;
        text-indent: -9999px;
        overflow: hidden;
        _zoom: 1;
        outline: 0;
    }

    .kes_btn_container .flex-next {
        right: 40px;
        background: url(/Images/zyke23/qia_you.png) no-repeat;
        background-size: 100% 100%;
    }

        .kes_btn_container .flex-next:hover {
            background: url(/Images/zyke23/qia_you2.png) no-repeat;
            background-size: 100% 100%;
        }

    .kes_btn_container .flex-prev:hover {
        background: url(/Images/zyke23/qia_zuo2.png) no-repeat;
        background-size: 100% 100%;
    }

.fle_lie {
    position: absolute;
    height: 430px;
    overflow: hidden;
    zoom: 1;
    width: 100%;
    left: 0;
    top: 0;
}

    .fle_lie .slides li {
        width: 100%;
        height: 100%;
    }

.fle_paging li a {
    /*background: url(/Images/zyke23/dot.png) no-repeat 0 -16px;*/
    display: block;
    height: 14px;
    overflow: hidden;
    width: 14px;
    cursor: pointer;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
}


    .fle_paging li a.flex-active, .fle_paging li.active a {
        background: rgba(255,255,255,1);
        ;
    }

.fle_nav {
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 38px;
    text-align: center;
}

    .fle_nav:after {
        display: block;
    }

    .fle_nav li {
        float: left;
        margin-right: 13px;
    }

/*banner end*/
.sms_row {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

    .sms_row > div {
        width: 216px;
        height: 120px;
        position: relative;
        padding: 20px 15px 20px 20px;
        box-sizing: border-box;
        border-radius: 10px 10px 10px 10px;
        margin-right: 20px;
    }

        .sms_row > div:last-child {
            margin-right: 0;
        }

        .sms_row > div > a {
            display: block;
            height: 100%;
        }

.tis_name {
    font-size: 30px;
    color: #874141;
}

.sm_pict {
    position: absolute;
    bottom: 20px;
    right: 15px;
    width: 46px;
    height: 46px;
}

.ma_sey {
    vertical-align: top;
}

    .ma_sey > div {
        display: inline-block;
        width: 100px;
        height: 100px;
        border-radius: 5px;
        margin: -10px 6px 0 -10px;
        vertical-align: middle;
        overflow: hidden;
    }

        .ma_sey > div img {
            width: 100%;
            height: 100%;
        }

    .ma_sey > p {
        display: inline-block;
        max-width: 80px;
        font-size: 13px;
        color: #333333;
        vertical-align: middle;
    }

.sms_once {
    background: linear-gradient(126deg, #FFE9E9 0%, #FFD5D5 100%);
}

.sms_once2 {
    background: linear-gradient(126deg, #F5F8FF 0%, #DBE0FF 100%);
}

.sms_once3 {
    background: linear-gradient(126deg, #E4F7FF 0%, #CFFFF7 100%);
}

.sms_once4 {
    background: linear-gradient(126deg, #FFE9FC 0%, #EED5FF 100%);
}

.sms_once5 {
    background: linear-gradient(126deg, #FFE1E6 0%, #FFF6FE 100%);
}

.content_kes {
    width: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    /*padding: 35px 30px 30px;*/
    box-sizing: border-box;
    margin-bottom: 40px;
}

.gy_title {
    display: flex;
    align-items: center;
    padding: 35px 30px 20px;
    box-sizing: border-box;
}

.lft_sm_tit {
    flex: 1;
    vertical-align: top;
}

.icon_tes {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    vertical-align: middle;
}

.bit_tis {
    font-size: 30px;
    margin-right: 15px;
    vertical-align: middle;
}

.bit_col {
    color: #5064FF;
}

.bit_col2 {
    color: #FF4646 !important;
}

.bit_col3 {
    color: #9F5FF6 !important;
}

.bit_col4 {
    color: #FFFFFF !important;
}

.bit_col5 {
    color: #5064FF !important;
}

.sm_bits {
    font-size: 14px;
    color: #707070;
    vertical-align: bottom;
}

.lis_tem {
    display: block;
    vertical-align: top;
}

    .lis_tem span {
        font-size: 20px;
        color: #707070;
        margin-right: 5px;
        vertical-align: middle;
    }

    .lis_tem img {
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }

.kes_list {
    width: 100%;
    padding: 0 30px 10px;
    font-size: 0;
    box-sizing: border-box;
}

    .kes_list > div {
        position: relative;
        display: inline-block;
        width: 270px;
        background: linear-gradient(137deg, #FFFFFF 0%, #E4E7FC 100%);
        box-shadow: 0 3px 6px 1px rgba(0,0,0,0.05);
        border-radius: 10px;
        border: 1px solid #FFFFFF;
        margin-right: 20px;
        overflow: hidden;
        padding-bottom: 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

        .kes_list > div:nth-child(4) {
            margin-right: 0;
        }

        .kes_list > div:nth-child(8) {
            margin-right: 0;
        }
        .kes_list > div:nth-child(12) {
            margin-right: 0;
        }
.abs_tops {
    position: absolute;
    top: 13px;
    left: 14px;
    width: 67px;
    height: 23px;
    line-height: 23px;
    background: linear-gradient(155deg, #FF6F00 0%, #FF0000 100%);
    border-radius: 12px;
    vertical-align: top;
    text-align: center;
}

    .abs_tops img {
        width: 10px;
        height: 16px;
        vertical-align: middle;
    }

    .abs_tops span {
        font-size: 12px;
        color: #FFFFFF;
        vertical-align: middle;
        margin-left: 5px;
    }

.kes_list .kes_picture {
    width: 270px;
    height: 157px;
}

.study_see23 {
    float: right;
    display: inline-block;
    width: 64px;
    height: 25px;
    line-height: 25px;
    background: #5064FF;
    border-radius: 13px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.teas_cons {
    width: 100%;
    background: linear-gradient(135deg, #FFEDBB 0%, #FFCEEF 100%);
    border-radius: 10px;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

/*课堂首页老师轮播图样式*/
.picScroll-left .hd {
    position: relative;
    overflow: hidden;
    height: 80px;
}

    .picScroll-left .hd .next {
        background-position: 0 -50px;
    }

    .picScroll-left .hd .prev, .picScroll-left .hd .next {
        display: block;
        width: 5px;
        height: 9px;
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        overflow: hidden;
        cursor: pointer;
    }


    .picScroll-left .hd ul {
        position: absolute;
        left: 50%;
        overflow: hidden;
        zoom: 1;
        margin-top: 55px;
        margin-left: -52px;
    }


        .picScroll-left .hd ul li {
            float: left;
            width: 9px;
            height: 9px;
            overflow: hidden;
            margin-right: 5px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #f5f5f5;
            border-radius: 50%;
        }

            .picScroll-left .hd ul li.on {
                background-color: #000000;
            }

.tea-container {
    position: relative;
    width: 1169px;
    height: 460px;
    overflow: hidden;
    padding: 0 30px;
    box-sizing: border-box;
}

.teacher-ul {
    position: absolute;
    left: 0;
    white-space: nowrap;
}

    .teacher-ul > li:last-child {
        margin-right: 0;
    }

.teacher-list {
    float: left;
    width: 321px;
    background-color: #DAD7DE;
    border-radius: 20px;
    margin-right: 28px;
    overflow: hidden;
}


.tea_bgs23 {
    background: #FFFFFF;
    padding: 15px 0;
    box-sizing: border-box;
}

.tea-photo {
    width: 321px;
    height: 249px;
    overflow: hidden;
}

    .tea-photo img {
        width: 100%;
        /*height: 100%;*/
    }

.tea-name23 {
    margin-bottom: 15px;
    padding: 0 20px;
    box-sizing: border-box;
}

    .tea-name23 span:first-child {
        font-size: 22px;
        color: #FF4646;
        margin-right: 12px;
    }

    .tea-name23 span:last-child {
        font-size: 16px;
        color: #707070;
    }

/*.tea-zhi{*/
/*font-size: 16px;*/
/*color: #181818;*/
/*text-align: center;*/
/*margin: 12px 0 26px;*/
/*}*/

.tea-jie {
    height: 137px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 28px;
    color: #707070;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
}

    .tea-jie p, .tea-jie span {
        background: none !important;
        color: #707070 !important;
        font-size: 16px !important;
    }

.kes_list22 > div {
    background: linear-gradient(137deg, #FFFFFF 0%, #FAF4FF 100%) !important;
}

.study_see12 {
    float: right;
    display: inline-block;
    width: 64px;
    height: 25px;
    line-height: 25px;
    background: #544E49;
    border-radius: 13px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.shop_container {
    width: 100%;
    background: linear-gradient(139deg, #8694FE 0%, #9050FF 100%);
    border-radius: 20px;
    opacity: 1;
    border: 1px solid #FFFFFF;
    margin-bottom: 40px;
}

.zyw_xua {
    padding: 15px 30px 10px;
    box-sizing: border-box;
}

.content_xua {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .content_xua > div {
        margin-bottom: 10px;
    }

.sale_container {
    position: relative;
    width: 270px;
    background: #FFFFFF;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
    border-radius: 10px;
    padding: 10px 0 16px;
    box-sizing: border-box;
}

    .sale_container:hover {
        box-shadow: 0 0 6px 1px rgba(129,108,247,0.5);
    }

    .sale_container > a {
        display: block;
        width: 100%;
    }

.tips_active {
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -66.5px;
    width: 133px;
    height: 27px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    background: url("/Images/zyke23/top_lio.png") no-repeat center;
    background-size: 100% 100%;
}

.sale_pix {
    width: 230px;
    height: 230px;
    border-radius: 20px;
    overflow: hidden;
    margin: 10px auto 9px;
}

    .sale_pix img {
        width: 100%;
        height: 100%;
    }

.titles_sale {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    min-height: 38px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    padding: 0 10px;
    margin-bottom: 9px;
}

.sale_money {
    padding: 0 10px;
}

.price_sale {
    font-size: 16px;
    color: #FF0000;
}

.money_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plus_pi {
    overflow: hidden;
    font-size: 0;
}

    .plus_pi .plus {
        display: inline-block;
        height: 21px;
        line-height: 21px;
        color: #FFF2BE;
        padding: 0 6px;
        font-size: 14px;
        vertical-align: middle;
        background: linear-gradient(90deg, #000000 0%, #545454 100%);
        border-radius: 0 0 0 12px;
    }

    .plus_pi .pir {
        display: inline-block;
        height: 21px;
        line-height: 21px;
        font-size: 14px;
        color: #1A1A1A;
        padding: 0 6px;
        background: linear-gradient(150deg, #F1F1F1 0%, #F3EDE5 45%, #EEE8DF 100%);
        border-radius: 0 12px 12px 0;
        text-align: left;
        vertical-align: middle;
    }

.pir i {
    font-style: normal;
    color: #1A1A1A;
    font-size: 12px;
}

.book_cons {
    width: 100%;
    background: #F1F2FF;
    border-radius: 20px;
    opacity: 1;
    border: 1px solid #FFFFFF;
    margin-bottom: 40px;
}

.kes_bottom {
    background: rgba(0,0,0,0.18);
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
    margin-bottom: 1px;
}

.ali_row {
    margin-bottom: 28px;
}

    .ali_row span {
        font-size: 16px;
        color: #FFFFFF;
    }

    .ali_row a {
        font-size: 14px;
        color: #7BFFED;
        margin-left: 29px;
    }

.telephone_row {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .telephone_row img {
        width: 20px;
        height: 20px;
    }

    .telephone_row span {
        font-size: 18px;
        color: #FFFFFF;
        margin-left: 8px;
    }

.dbt_row {
    font-size: 12px;
    color: rgba(255,255,255,0.38);
    text-align: center;
}
    .dbt_row a {
        font-size: 12px;
        color: rgba(255,255,255,0.38);
    }
.ces_kef {
    position: fixed;
    top: 40%;
    right: 20px;
    width: 148px;
    height: 646px;
    background: url("/Images/zyke23/ces_bgs.png") no-repeat center;
    background-size: 100% 100%;
}

.bgs_content {
    padding-top: 112px;
    box-sizing: border-box;
}

.tits_ces {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #FFFF00;
    text-align: center;
}

.snt_tg {
    padding-top: 11px;
}

.row_kef {
    vertical-align: top;
    text-align: center;
    margin-bottom: 10px;
}

    .row_kef span {
        font-size: 14px;
        color: #FFFFFF;
        margin-right: 5px;
        vertical-align: middle;
    }

    .row_kef a {
        font-size: 14px;
        color: #FFE477;
        vertical-align: middle;
        font-weight: bold;
    }

.number_tel {
    padding: 32px 0 10px;
    margin-bottom: 5px;
}

    .number_tel p:first-child {
        /*padding: 0 15px;*/
        font-size: 14px;
        color: #FFFFFF;
        margin-bottom: 5px;
        text-align: center;
    }

    .number_tel p:last-child {
        font-size: 14px;
        color: #FFFF00;
        font-weight: bold;
        text-align: center;
    }

.tims_cont {
    padding-top: 32px;
    margin-bottom: 40px;
}

    .tims_cont a {
        display: block;
        width: 88px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        margin: 0 auto 13px;
        background: linear-gradient(342deg, #B400FF 0%, #D47DFF 100%);
        border-radius: 44px;
        border: 1px solid rgba(255,255,255,0.1);
    }

        .tims_cont a:hover {
            background: #BC1DFF !important;
            color: #ECBDFF !important;
        }


.ma_ers {
    width: 96px;
    height: 96px;
    margin: 0 auto 8px;
}

    .ma_ers img {
        width: 100%;
        height: 100%;
    }

.mes_zhi {
    font-size: 14px;
    color: #FFFF00;
    text-align: center;
}

.we_ties {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}
/*课程弹框*/

/*筑业课堂首页end*/

/*筑业课堂list*/
.fu_bts {
    font-size: 14px;
    color: #FFFFFF;
    padding: 10px 0 0;
}
    .fu_bts a {
        font-size: 14px;
        color: #FFFFFF;
    }
.kes_content23 {
    background: #ffffff;
    border-radius: 10px;
    margin-top: 20px;
}
/*筑业课堂list  end*/
/*筑业课堂detail*/
.detail_kes {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px 20px;
    box-sizing: border-box;
    margin: 20px 0;
}

.ke_details {
    width: 100%;
    background: linear-gradient(140deg, #5064FF 0%, #3E4FD5 100%);
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 0;
    margin-bottom: 30px;
}

    .ke_details > div {
        display: inline-block;
        vertical-align: top;
    }

.kes_chimg {
    width: 556px;
    height: 310px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
}

    .kes_chimg img {
        width: 100%;
        height: 100%;
    }

.ket_rgt {
    width: 46.5%;
}

.kes_titles {
    font-size: 24px;
    color: #FFF5E5;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 10px;
}

.teach_which {
    font-size: 20px;
    color: #FFF5E5;
    margin-bottom: 20px;
}

.row_pjs span {
    font-size: 20px;
    color: #FFF5E5;
    margin-right: 20px;
}

.tabs_kech span {
    display: inline-block;
    width: 230px;
    height: 82px;
    line-height: 82px;
    font-size: 24px;
    color: #666666;
    text-align: center;
    background: #F2F3FF;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}

.act_okt {
    color: #FFFFFF !important;
    background: #3E4FD5 !important;
}

.describe_cont {
    width: 100%;
    background-color: #ECEEFF;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

    .describe_cont p, .describe_cont span, .describe_cont a {
        font-size: 14px !important;
        color: #666666 !important;
        background-color: rgba(0,0,0,0) !important;
    }

    .describe_cont img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

.ke_mu {
    width: 100%;
    background-color: #ECEEFF;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
}

.list_content {
    width: 100%;
    background-color: #FFFFFF;
    padding: 30px 30px 15px;
    box-sizing: border-box;
}

.kes_row {
    width: 100%;
    height: 80px;
    line-height: 82px;
    vertical-align: top;
    border-radius: 42px;
    background-color: #ECEEFF;
    padding: 0 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    .kes_row a {
        display: block;
    }

    .kes_row:hover {
        background-color: #3E4FD5;
    }

        .kes_row:hover .icon_bos {
            background: url("/Images/zyke23/bos_icon2.png") no-repeat center;
            background-size: 100% 100%;
        }

        .kes_row:hover .text_kes {
            color: #FFFFFF;
        }

.icon_bos {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 20px;
    background: url("/Images/zyke23/bos_icon1.png") no-repeat center;
    background-size: 100% 100%;
}

.text_kes {
    display: inline-block;
    font-size: 20px;
    color: #3E4FD5;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.look_mus {
    display: block;
    width: 190px;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    background: #3E4FD5;
    margin: 30px auto 0;
    border-radius: 34px;
}
/*筑业课堂detail end*/

/*讲师列表*/
.tes_container {
    width: 1220px;
    margin: 20px auto 0;
    font-size: 0;
}

    .tes_container > div {
        display: inline-block;
        width: 285px;
        margin: 0 20px 20px 0;
        background-color: #DAD7DE;
        border-radius: 10px;
        overflow: hidden;
    }

.tes_lists .tea-photo {
    width: 285px;
    height: 221px;
    overflow: hidden;
}

.tea_bgs {
    background: linear-gradient(180deg, #60605F 0%, #36312E 100%);
    padding: 15px 0;
    box-sizing: border-box;
}

.tea-jie23 {
    height: 115px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
}

    .tea-jie23 p, .tea-jie23 span {
        background: none !important;
        color: #FFFFFF !important;
        font-size: 16px !important;
    }
.tea-name {
    margin-bottom: 15px;
    padding: 0 20px;
    box-sizing: border-box;
}

    .tea-name span:first-child {
        font-size: 22px;
        color: #F7E7BB;
        margin-right: 12px;
    }

    .tea-name span:last-child {
        font-size: 16px;
        color: #FFFFFF;
    }
/*讲师列表end*/
/*顶部导航栏*/
.top-nav-box {
    width: 100%;
    background-color: #253af4;
    height: 40px;
}

.top-nav {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
}

.top-nav-list {
    width: 600px;
    display: inline;
    float: left;
}

.top_right {
    height: 40px;
    line-height: 37px;
    vertical-align: top;
    display: inline;
    float: right;
}
/*.personinfo a{padding: 0 5px;*/
/*font-size: 14px;*/
/*display: inline-block;*/
/*margin-left: 126px;*/
/*color: #2b2b2b;}*/
.top-nav-list ul:after {
    display: block;
    content: "";
    clear: both
}

.top-nav-list ul li {
    float: left;
    margin-right: 30px;
    height: 40px;
    line-height: 40px
}

    .top-nav-list ul li a {
        font-size: 16px;
        color: #CCCCCC;
    }

        .top-nav-list ul li a:hover {
            color: #FFFFFF
        }

.kes_content45 {
    padding: 20px 0 0 3px;
}