@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;
        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;*!*/
/*}*/

.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;
}
.row_lis > a {
    color: #2b2b2b;
    font-size: 14px;
}

    .row_lis > a:hover {
        color: #2496f6;
    }
/*轮播图*/
.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: 206px;
    height: 320px;
    /* text-align: center; */
    margin-left: 94px;
}
/*.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: 6px;
    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;
    margin-left: 73px;
    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: 27px;
    display: inline-block;
    width: 28px;
    height: 28px;
}

.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:520px;
    margin-left: -260px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow:0 6px 20px rgba(36,150,246,0.16);
    z-index: 999;
}

.yu-title{
    position: relative;
    font-size: 31px;
    color: #3276ff;
    padding: 21px 0 22px 20px;
    font-weight: bold;
}

.yu-title span{
    position: absolute;
    right:20px;
    top:25px;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/Images/v_1803/close-yu.png")no-repeat center;
    background-size: 100% 100%;
}

.yu-container{
    padding: 0 20px 30px;
    font-size: 0;
    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-ul li:last-child{
    margin-bottom: 35px;
}

.yu-nei{
    display: inline-block;
    width: 298px;
}

.yu-time{
    font-size: 20px;
    color: #3a3d4a;
    margin-bottom: 12px;
}

.yu-time span{
    font-size: 16px;
    color: #3a3d4a;
    margin-left: 10px;

}

.yu-jie{
    font-size: 14px;
    color: #3a3d4a;
    width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.go-study{
    float: right;
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    background-color: #3276ff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
}

.link-more{
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    background-color: #96a6c7;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.icon-ul{
    margin-right: 16px;
}

.icon-list{
    text-align: center;
    width: 25px;
}

.t-time{
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: url("/Images/v_1803/t-time.png")no-repeat center;
    background-size: 100% 100%;
    margin: auto;
}

.t-san{
    width: 12px;
    height: 15px;
    background: url("/Images/v_1803/t-san.png")no-repeat center;
    background-size: 100% 100%;
    margin: auto;
}

.line-single{
    height:42px;
    border-left: 1px solid #96a6c7;
    margin-left: 12px;
}
.line-single0{
    height:38px !important;
    border-left: 1px solid rgba(0,0,0,0) !important;
}

.line-single2{
    height:32px !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;
}
.right_btn{
    float: right;
    vertical-align: top;
    cursor: pointer;
    margin-top: 8px;
}
.right_btn img{
    width: 19px;
    height: 17px;
    margin-right: 6px;
    vertical-align: middle;
}
.right_btn span{
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
}
.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: 342px;
    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: 12px;
    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;
}

.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;
}
.nav-fu {
    width: 600px;
    vertical-align: top;
    /*position: absolute;*/
    /*background-color: #ffffff;*/
    padding: 25px 15px 20px 1px;
    box-sizing: border-box;
    /*margin-top: 33px;*/
    /*font-size: 0;*/
    /*white-space: nowrap;*/
    /*box-shadow:0 4px 7px 0 rgba(0, 0, 0, 0.23);*/
    /*z-index: 999;*/
}

.fu-kua {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 68%;
}

.nav-fu > div:last-child {
    width: 30%;
    border-left: 1px solid rgba(0,0,0,.14);
}

.fus-title {
    font-size: 14px;
    color: #2b2b2b;
    text-align: left;
    line-height: 22px;
    padding-left: 25px;
    font-weight: bold;
}

.fu-col {
    display: inline-block;
    margin-right: 54px;
}

.fu-col2 {
    display: inline-block;
    margin-left: 25px;
}

    .fu-col a, .fu-col2 a {
        display: block;
        font-size: 14px;
        color: #2b2b2b;
        text-align: left;
    }

        .fu-col a:hover {
            color: #0E74E6;
        }

        .fu-col2 a:hover {
            color: #0E74E6;
        }

        .fu-col2 a:last-child {
            margin-bottom: 0;
        }

        .fu-col a:last-child {
            margin-bottom: 0;
        }

/*2024 class-list*/
.class_row {
    display: flex;
    align-items: center;
    padding: 0 22px;
    height: 52px;
    border-bottom: 1px solid #EBEBEB;
    box-sizing: border-box;
    cursor: pointer;
}

    .class_row:hover {
        background-color: #2496F6;
    }

        .class_row:hover .row_texts {
            color: #ffffff;
        }

        .class_row:hover .row_jts {
            display: inline-block;
            width: 11px;
            height: 6px;
            background: url("/Images/v_1803/white_jt.png") no-repeat center;
            background-size: 100% 100%;
        }

.row_icon {
    display: inline-block;
    width: 21px;
    height: 18px;
    margin-right: 10px;
}

.row_texts {
    flex: 1;
    font-size: 17px;
    color: #2B2B2B;
    font-weight: bold;
}

.act_texts {
    color: #ffffff !important;
}

.row_jts {
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url("/Images/v_1803/grey_jt.png") no-repeat center;
    background-size: 100% 100%;
}

    .row_jts.jt_active {
        display: inline-block;
        width: 11px;
        height: 6px;
        background: url("/Images/v_1803/white_jt.png") no-repeat center;
        background-size: 100% 100%;
    }

.left-answer .class_show {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 22px;
    box-sizing: border-box;
}

.class_content {
    display: none;
}

    .class_content a {
        display: inline-block;
        width: 160px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-radius: 19px;
        color: #818181;
        font-size: 13px;
        border: 1px solid #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .class_content a:hover {
            border: 1px solid #2496F6;
            color: #2496f6;
        }

.a_active {
    border: 1px solid #2496F6 !important;
    color: #2496f6 !important;
}

.ts_icon1 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 21px 0;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .ts_icon1, .soft_rows:hover .ts_icon1 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 0 0;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .class_row {
    background-color: #2496F6;
}

.ts_icon2 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 21px -18px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .ts_icon2, .soft_rows:hover .ts_icon2 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 0 -18px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.ts_icon3 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 21px -36px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .ts_icon3, .soft_rows:hover .ts_icon3 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 0 -36px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.ts_icon4 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 21px -54px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .ts_icon4, .soft_rows:hover .ts_icon4 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 0 -54px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.ts_icon5 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 21px -72px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .ts_icon5, .soft_rows:hover .ts_icon5 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 0 -72px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.ts_icon6 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 21px -90px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.soft_rows.soft_active .ts_icon6, .soft_rows:hover .ts_icon6 {
    background-image: url("/Images/v_1803/sm_icon.png");
    background-position: 0 -90px;
    vertical-align: middle;
    position: relative;
    top: 0;
}

.bg_room {
    background: linear-gradient(90deg, #EDF2FA, #B5D7F4);
}
.jb_wall{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.jb_content{
    position: fixed;
    top:20%;
    left: 50%;
    margin-left: -273px;
    width: 546px;
    background: #FFFFFF;
    box-shadow: 0 1px 15px 0 rgba(178,178,178,0.27);
    border-radius: 10px;
    padding: 0 30px 24px;
    box-sizing: border-box;
}
.jb_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ECECEC;
    height: 62px;
}
.jb_title span{
  font-size: 18px;
    color: #333333;
    font-weight: bold;

}
.jb_title img{
    width: 13px;
    height: 13px;
    cursor: pointer;
}
.jb_choose{
    padding: 15px 10px 0;
}
.jb_choose>div{
margin-bottom: 15px;
    display: flex;
    align-items: center;

}
.jb_choose>div:hover label{
    cursor: pointer;
}
.jb_choose>div label{
    font-size: 15px;
    color: #595959;
    margin-left: 15px;

}
.jb_fail {
    font-size: 15px;
    color: #595959;
    text-align: center;
    padding: 20px 0;
}
.submit_jb{
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    background: #2496F6;
    border-radius: 2px;
    margin:30px auto 0;
    cursor: pointer;
}
.sure_jb {
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    background: #2496F6;
    border-radius: 2px;
    margin: 30px auto 0;
    cursor: pointer;
}
.jb_submit{
    position: fixed;
    top:30%;
    left: 50%;
    margin-left: -240px;
    width: 480px;
    background: #FFFFFF;
    box-shadow: 0 1px 15px 0 rgba(178,178,178,0.27);
    border-radius: 10px;
    padding: 42px 0;
    box-sizing: border-box;
}
.close_submit{
    position: absolute;
    top:25px;
    right: 20px;
    width: 13px;
    height: 13px;
    cursor: pointer;
}
.submit_icon{
    display: block;
    width: 82px;
    height: 84px;
    margin: 0 auto 5px;
}
.jb_submit h4{
    font-size: 17px;
    color: #333333;
    text-align: center;
    margin-bottom: 26px;
}
.close_time{
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #999999;
    justify-content: center;
}
.close_time span{
    color: #2496F6;
    font-size: 15px;
}