@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;


}
.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;
}
.go-login{
    display: inline-block;
}
.yet-login{
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    /* display: none; */
    vertical-align: middle;
}

.yet-login p{
    height: 28px;
    width: 28px;
    line-height: 25px;
    text-align: center;
    margin-top: -8px;
}
.yet-login p img{
    width: 100%;
    height: 100%;
    text-align: center;
}
.yet-login>ul{
    display: none;
    position: absolute;
    top: 22px;
    left: -25px;
    border: 1px solid #E9E9E9;
    z-index: 9;
    background-color: #fff;
}
.yet-login>ul li{
    /*margin-top: 0;*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 4px;
    white-space: nowrap;
    /*width: 66px;*/
}
.yet-login>ul li a{
    display: block;
    font-size: 12px;
    color: #2b2b2b;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 4px;
    /*width: 66px;*/
}
.yet-login>ul li a:hover{
    color: #188eee;
    /*background-color: #F0F0F0;*/
}
/*导航*/
nav{
    width:100%;
    height:44px;
    background-color: #fff;
    border-bottom: 1px solid #E5E5E5;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
nav>ul{
    width:1200px;
    margin: auto;
}
ul .clearfix:before{
    display: table;
    content: '';

}
.clearfix{
    zoom: 1;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*.clearfix{display:inline-block;}*/
/*HidesfromIE-mac*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*EndhidefromIE-mac*/
nav ul  li{
    float: left;
    width:120px;
    height:44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color:#2b2b2b;
    margin-left: 15px;
}
nav .oUl .myGod{
    margin-left: 0 !important;
    width:140px;
}
nav ul  li a{
    color: #2b2b2b;
    display: inline-block;
    width: 120px;
    height: 44px;
}
ul li .iconfont{
  font-size: 13px;
}
nav ul  li a:hover{
     /*background-color: #2496f6;*/
     color:#2496f6;
    cursor: pointer;
 }
nav ul  li:hover{
    /*background-color: #2496f6;*/
    color:#2496f6;
    cursor: pointer;
}
nav ul  li a.active2:hover{
    /*background-color: #2496f6;*/
    color:#fff !important;
    cursor: pointer;
}
.mSelect{
    width: 90px;
    /*margin-top: -3px;*/
    margin-left: 11px;
    position: relative;
    z-index: 999;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    /* overflow: hidden; */
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    border-radius: 3px;

}
.mSelect>img{
    display: block;
    /* width: 21px; */
    /* height: 11px; */
    position: absolute;
    top: -12px;
    left: 34px;
}
.mSelect li{
    width:90px;
    height:40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    /*border-bottom: 1px solid #e4e4e4;*/
}
.mSelect li a{
    width:90px;
    margin-left: -28px;
}
.active2{
    /*background-color: #2496f6;*/
    /*color:#fff;*/
    color: #2496f6;
    border-bottom: 3px solid #2496f6;
    box-sizing: border-box;
}
.active2>a{
    /*color:#fff;*/
    color: #2496f6;
}
.active2>a:hover{
    color:#2496f6 !important;

}
.active2:hover{
    color:#2496f6 !important;
}
.my-ol{
    display: none;
}
/*轮播图*/
.flashbanner {position: relative;width: 100%;
    height: 550px;
    /*height:480px;*/
}
.flexslider {position: absolute;height: 550px;overflow: hidden;zoom: 1; width: 100%;left: 0;top:0; }
.flexslider .slides li {width: 100%;height: 100%;  }

/*轮播图*/
.classify-list .flex-btn{cursor: pointer;display: inline-block; position: absolute;top: 50%;z-index: 9;width: 41px;height: 69px;margin-top: -35px;text-indent: -9999px;overflow: hidden;_zoom: 1;outline: 0;}
.classify-list .flex-prev {left:0; background: url("/Images/v_1803/icon-slides.png") no-repeat;background-position:-84px 50%;}
.classify-list .flex-next{right: 0; background: url("/Images/v_1803/icon-slides.png") no-repeat;background-position:100% 0}
.classify-list .flex-next:hover{background-position:-42px 50%}
.classify-list .flex-prev:hover{background-position:0 50%}
.flex-control-nav {
    width: 38%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 50%;
}
.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%;}

/*主体*/
.container{
    width:100%;
}
.container>div{
    height:600px;
    /*width:100%;*/
}
.container .right{
    background-color: #fff;
    overflow: hidden;
}

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

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

}
.container>div>p{
    /*height:200px;*/
    width:1200px;
    margin:85px auto 50px;
    /*line-height: 200px;*/
    text-align: center;
    color:#2496f6;
    font-size: 32px;
}
.my-title>span{
    padding-bottom: 15px;
    display: inline-block;
    color:#959595;
    margin-right: 40px;
}
.my-title>span:hover{
    color: #2496f6;
    cursor: pointer;
}
span.active3{
    color:#2496f6;
    border-bottom: 2px solid #2496f6;
}
.main div{
    float: left;
    width:50%;
    height:100%;
}

.main div .img-zhu{
    width:100%;
    height:100%;
}
.main .m-img{
    position: relative;
}
.m-img .img-one{
    /*opacity: 0;*/
    position: absolute;
    top: 22%;
    left: 10%;
    animation: moveTop 1s linear 0.1s 1 normal forwards;
}
.m-img .img-two{
    /*opacity: 0;*/
    position: absolute;
    top: 17%;
    left: 19%;
    animation: moveTop 1s linear 0.3s 1 normal forwards;
}
.m-img .img-three{
    /*opacity: 0;*/
    position: absolute;
    top: 25%;
    left: 6%;
    animation: moveTop 1s linear 0.6s 1 normal forwards;
}
.m-img .img-fore{
    /*opacity: 0;*/
    position: absolute;
    top: 59%;
    left: 1%;
    animation: moveTop 1s linear 0.8s 1 normal forwards;
}
.m-img .img-fife{
    /*opacity: 0;*/
    position: absolute;
    top: 63%;
    right: 10%;
    animation: moveTop 1s linear 1s 1 normal forwards;
}
.m-img .img-six{
    /*opacity: 0;*/
    position: absolute;
    top: 23%;
    right: 4%;
    animation: moveTop 1s linear 0.6s 1 normal forwards;
}
.m-img .img-seven{
    /*opacity: 0;*/
    position: absolute;
    top: 47%;
    right: 14%;
    animation: moveTop 1s linear 0.8s 1 normal forwards;
}
.container .server{
    height:500px;
}
@keyframes moveTop {
    0%{

        opacity: 0;
        transform:translate(0, 0);
    }
    50%{

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

        opacity: 1;
        transform:translate(0, -15px);
    }
}
#myDescribe1 h1{
    /*opacity: 0;*/
    animation: move 0.6s linear 0.1s 1 normal forwards;
}
#myDescribe1 .lst{
    /*opacity: 0;*/
    animation: move 0.6s linear 0.3s 1 normal forwards;
}
#myDescribe1 .lst2{
    /*opacity:0;*/
    animation: move 0.6s linear 0.5s 1 normal forwards;
}

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

        opacity: 0;
        transform:translate(0, 0);
    }

    100%{

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

.myDescribe .lst{
    /*opacity:0;*/
    font-size: 24px;
    color:#000;
    margin-bottom: 30px;
    /*animation: move 1s linear 0.3s 1 alternate both;*/
}
.myDescribe .lst2{
    /*opacity:0;*/
    color: #2b2b2b;
    height: 80px;
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 65px;
    /*animation: move 1s linear 0.5s 1 alternate both;*/
}
.myDescribe>a>div{
    /*opacity:0;*/
    width:230px;
    height:45px;
    line-height: 45px;
    text-align: center;
    border-radius: 22px;
    background-color: #2496f6;
    color:#fff;
    font-size: 16px;
    animation: move 1s linear 0.6s 1 alternate both;
}
.a_more>div:hover{
    background-color: #2087dd;
}
.main .myRight{
    text-align: right;
}
.myRight>a>div{
    float: right;
}
.right .list{
    width:1200px;
    margin: auto;
}
.list>li{
    float: left;
    width: 228px;
    height: 320px;
    /*border: 1px solid #e4e4e4;*/
    /*margin-left: 12px;*/
}
.list .oLi{
    margin-left: 0;
}
.list .clearfix:before{
    display: table;
    content: '';

}

li a .mainImg{
    width:100%;
    height:268px;
    border: 1px solid #999;
    box-sizing: border-box;
}
.mainImg img{
    width:100%;
    height:100%;
}
.list li p{
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color:#2b2b2b;
}

.listOl{
    width:1200px;
    margin: auto;
    /*overflow-y: hidden;*/
}
/*.listOl .clearfix{*/
    /*display: table;*/
    /*content: '';*/
/*}*/
.listOl>li{
    float: left;
    /*border: 1px solid red;*/
    width: 171px;
    height: 320px;
    /* text-align: center; */
    margin-left: 113px;
}
/*.listOl .my-first{*/
    /*margin-left: 0;*/
/*}*/
.small-list li{
    margin-bottom: 20px;
}
.listOl li>p{
    color: #818181;
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    /*text-align: center;*/
}
.listOl li>ul{
    width:100%;
    height:200px;
}
.listOl>li>ul>li>a{
    display: block;
    color:#2b2b2b;
    font-size: 16px;
    height:20px;
    width:100%;

}
.listOl>li>ul>li>a:hover{
    color:#2496f6;
}
/*小轮播图*/
.big-content{
    width:1200px;
    height:320px;
    margin: 0 auto;
    overflow:hidden;
    position:relative;
}
.list-banner{
    position: absolute;
    height:320px;
    overflow: hidden;
    outline:1px solid red;
}
.list-banner>li{
    width: 1200px;
    margin:0 auto;
    margin-left: 0;
    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:365px !important;
}
.mBottom .content{
    width:1200px;
    margin: auto;
    height:86%;
    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;
}
.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: 59%;
    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%;

    /*margin-top: 42px;*/
}

.website-info p{
    display: inline-block;
    color: #264864;
    line-height: 50px;
    font-size: 12px;
    height: 50px;
}
 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%;
}
.download-container>p{
    height:20px;
    line-height: 20px;
    width:1200px;
    margin: auto;
}
.download-content,.answer-content{
    width:1200px;
    margin: 0 auto 90px;
}

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

.region{
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 90px;
    padding-top: 20px;
    padding-bottom: 30px;
    /*overflow: hidden;*/
}
.min-log{
    margin: 0 0 30px 20px;
    font-size: 16px;
    color:#2b2b2b;
    vertical-align: top;
}
.min-log span{
    display: inline-block;
    width:20px;
    height:20px;
    margin-right: 10px;
    vertical-align: middle;
}
.min-log span img{
    width:100%;
    height:100%;
}
.reg-btn{
    position: relative;
    width: 185px;
    height: 38px;
    line-height: 38px;
    background-color: #33c165;
    border-radius: 2px;
    text-align: left;
    padding-left: 25px;
    color: #fff;
    margin: auto;
    font-size: 16px;
}
.reg-btn:hover{
    cursor: pointer;
}
.reg-btn img{
    position: absolute;
    top: 25%;
    right: 13%;
}

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

}
.df-region{
    display:none;
}
.choice-region>img{
    position: absolute;
    top: -12px;
    left: 73px;
}
.choice-region>p{
    display: inline-block;
    margin: 24px 0 10px;
    padding: 6px 10px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #33c165;
}
.choice-region>p:hover{
    cursor: pointer;
}
.choice-region li{
    white-space: nowrap;
}
.choice-region li span{
    display: inline-block;
    width: 50px;
    height: 23px;
    line-height: 23px;
    text-align:center;
    /*padding: 2px 10px;*/
    margin: 15px 2px;
    font-size: 12px;
    color: #666;

}
.choice-region li span:hover{
    background-color: #ececec;
    color:#33c165;
    cursor: pointer;
}
.dl-list{
    margin-top: 10px;
    padding-bottom: 30px;
    background-color: #fff;
    overflow: hidden;
}
.dl-list>p{
    background-color: #fff;
    height: 50px;
    margin: 0;
    line-height: 50px;
    padding-left: 20px;
}
.dl-list .min-log span img{
    padding-bottom: 10px;
}

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

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

}
p.dl-section{
    background-color: #2496f6;
    color:#fff;
}
.dl-list .dl-section:hover{
    background-color: #2087dd;
}
.bg-hui{
    background-color: #fafafa;
}
.bg-bai{
    background-color: #fff;
}

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

.dl-right{
   overflow: hidden;
}
.main-soft{
    display: none;
}
.all-of{
    width:100%;
    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;
}
.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: 510px;
    padding-bottom: 15px;
    height: 100%;
}
.identify h2{
    display: inline-block;
    width: 360px;
    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: 12px;
    color: #666;
    margin-left: 60px;
    /*margin-top: 44px;*/
    padding-bottom: 40px;
}

.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{
    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: 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;
}
.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;
}

.answer-title{
    height:55px;
    line-height: 55px;
    background-color: #fff;
    font-size: 16px;
    color: #2496f6;
    padding-left: 25px;
    border-bottom:1px solid #f4f4f4;
}

.person-question{
    background-color: #fff;
    padding-top: 20px;
}

.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%;
}

.per-name{
    width: 78px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;

}

.leave-date{
    font-size: 14px;
    color: #818181;
    margin-bottom: 5px;
}

.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{
    vertical-align: top;
    margin-bottom: 35px;
}

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

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

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

.many-btn{
margin: 30px 0 30px 125px;
}

.many-btn span 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;
}

.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;
    padding-bottom: 20px;
}
.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;
}
.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{
    /*color: #2496f6;
    font-size: 12px;
    margin-left: 25px;*/
    display: inline-block;
    width: 130px;
    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-mess{
    margin-left: 35px;
}
.count{
    margin-right: 35px;
}
.count6{
    display: inline-block;
    width: 50px;
    margin-right: 17px;
    margin-left: 30px;
}
.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: 15px 20px;
}
.ask-message textarea{
    background-color: #fafafa;
    border: none;
    padding: 10px 0 5px 15px;
    font-size: 14px;
    color: #666666;
    margin-left: 20px;
}
.verify-bot{
    vertical-align: top;
    margin-bottom: 80px;
}
.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: 530px;
}

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








/*资料文库页面*/

.article-tab{
    padding:20px 0 30px 20px;
}
.article-tab span{
    margin-right: 35px;
}
.article-tab span a{
    font-size: 16px;
    color: #666666;
}

.article-img{
    overflow: hidden;
}
.article-img li{
    float: left;
    margin-left: 20px;
    margin-right: 15px;
}
.article-list>a>div{
    width: 120px;
    height: 150px;
}
.article-list .ol{
    background: url("/Images/v_1803/article.png") 100% 100% no-repeat;
}
.article-list a>div img{
    width:100%;
    height:100%;
}

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

.article-content{
    margin-top: 30px;
}
.article-title{
    padding: 25px 0 0 20px;
}
.article-title>.article-dif{
    border-top: none;
    display: inline-block;
    font-size: 18px;
    color: #2b2b2b;
}
.article-title>div{
    display: inline-block;
    margin-left: 198px;
}

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

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

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

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

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

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

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

.art-hint{
    width:225px;
    font-size: 14px;
    line-height: 25px;
    text-indent: 2em;
    color: #2b2b2b;
}
#right_self>.article-suggest{
    padding-bottom: 50px;
}
.art-hint a{
    font-size: 14px;
    color: #ff5400;
    /*margin-left: -24px;*/
}

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

/*资料文库三级页面一*/
#dl-left{
    width:270px;
}
.art-email{
    padding: 20px 0 10px 0;
    margin-top: 10px;
    background-color: #fff;
}
.art-email>p{
    margin-left: 27px;
    font-weight: bold;
    font-size: 14px;
    color: #2b2b2b;
}
.art-inp{
    position: relative;
    margin: 15px 0;
}
.art-inp input{
    margin-left: 23px;
    height: 35px;
    padding-left: 38px;
    width: 186px;
    background-color: #f4f4f4;
    color: #666666;
    border: none;
}
.art-inp span{
    position: absolute;
    top: 7px;
    left: 32px;
    display: inline-block;
    width: 22px;
    height: 22px;
}
.art-inp span img{
    width:100%;
    height:100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.xin-btn{
    position: relative;
    width: 80px;
    height: 35px;
    line-height: 35px;
    padding-left: 40px;
    border: 1px solid #aaaaaa;
    font-size: 16px;
    color: #666666;
    vertical-align: top;
    margin-left: 95px;
    cursor: pointer;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10 点击不让背景变蓝*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.xin-btn .xin-img{
    display: inline-block;
    width: 18px;
    height: 16px;
    position: absolute;
    left:10px;
    top:11px;
}
.hui-xin{
    background: url("/Images/v_1803/huixin.png")no-repeat;
}
.hon-xin{
    background: url("/Images/v_1803/hongxin.png")no-repeat;
}
.second-list{
    margin: 40px 0 30px 30px;
}
.second-list li{
    margin-bottom: 20px;
}
.second-list li span{
    font-size: 16px;
}
.second-list li span:nth-of-type(odd){
    display: inline-block;
    width: 110px;
    margin-right: 20px;
    color: #818181;
}
.second-list li span:nth-of-type(even){
    display: inline-block;
    width: 180px;
    margin-right: 20px;
    color: #2b2b2b;
}

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

}

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

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

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

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

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

.answer-question .text-limit textarea{
    background-color: #f7f7f7;
    margin:25px 0 20px 30px;
    padding-top: 20px;
    width: 92%;
    color: #666666;
}
.answer-diff{
    display: inline-block;
}
.answer-diff a{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #2496f6;
    margin-left: 30px;
    margin-right: 10px;
}

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

.leave-comment{
 margin: 45px 0 0 85px;
}
.leave-comment li{
margin-bottom: 35px;
}
.leave-comment li div{
    display: inline-block;
}

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

.leave-container{
    width: 890px;
    vertical-align: top;
}
.leave-name{
    font-size: 16px;
    color: #2b2b2b;
    margin-bottom: 10px;
}
.leave-time{
    font-size: 12px;
    color: #818181;
    margin-bottom: 20px;
}

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

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

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

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

}

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

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

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

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

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

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

}

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

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

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

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

.rig-slider:hover{
    cursor: pointer;
    background: url(/Images/v_1803/icon-slides.png) -54px -1px no-repeat;
}
.art-third{
    padding-top: 35px;
}
.third-list{
overflow: hidden;
}
.third-first .small-detail{
    margin-left: 30px;
    white-space: nowrap;
}
.third-list li{
    float: left;
}

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

.third-last>div{
    display: inline-block;
}
.third-last .xin-btn{
    margin-left: 10px;
}
.title-oimg{
    display: inline-block;
    width:25px;
    height:25px;
    vertical-align:middle;
}
.title-oimg img{
    width:100%;
    height:100%;
}
.big-title{
    margin-left: 30px;
    vertical-align: top;
}
.big-title h1{
    display: inline-block;
    vertical-align:middle;
}

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

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

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

.art-download a{
    display: block;
    margin: auto;
    width: 205px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #2496f6;
}
.leave-comment li .leave-cont{
    width: 700px;
}
/*资料文库三级页面四*/

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

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

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

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

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

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

.worm-mess{
  font-size: 14px;
    color: #666666;
    text-align: center;
    margin:10px auto 0;
}
.attention-context{
    background-color: #fff;
    margin: 30px auto 0;
    border-top: 1px dashed #d5d5d5;
    padding:0 0 20px;
    width: 915px;
}
.attention-context li{
    width: 450px;
    text-align: center;
    float: left;
}
.attention-context li:first-child{
    border-right: 1px dashed #d5d5d5;
}
.attention-context li p{
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #2b2b2b;
    margin:20px 0 10px;
}

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

}

.context-right{

}

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


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

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

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

.text-different li>p{
    margin-left: 20px;
    font-size: 18px;
    color: #2b2b2b;
}
.lower-list{
    margin-top: 30px;
    padding-bottom: 65px;
}
.lower-list li{
    margin-left: 20px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 15px;
    line-height: 25px;
}
.different-common>p{
    vertical-align: top;
}

.different-common>p>span{
    vertical-align: middle;
}
.lower-list .dif-img{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.lower-list span{
    font-size: 14px;
    color: #666666;
}
.dif-img img{
    width:100%;
    height:100%;
}

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

.right-put>div{
    margin-left: 20px;
    margin-bottom: 10px;
}
.rig-tit{
    margin-top: 20px;
}
.right-put>div>span{
    font-size: 16px;
    color: #666666;
    margin-right: 15px;
}

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

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

}
.right-put option{
    text-align: center;
}
.intordus-context{
    vertical-align: top;
}

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

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

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

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

}



/*行业报道页面*/

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

.report-left{
    overflow: hidden;
    margin-right: 285px;
}
.report-left .pagnation{
    margin-top: 0;
}
.report-rig .hot-report{
    margin-top: 0;
}
.data-time{
    font-size: 14px;
    color: #818181;
}

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

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

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

  .m-nothing{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color:#f4f4f4;
}
.l-nothing{
    position: absolute;
    bottom:-8px;
    left:-8px;
}
.r-nothing{
    position: absolute;
    bottom:-8px;
    right:-8px;
}
.report-tab span>a{
    display: inline-block;
    /*padding: 2px 5px;*/
    margin-left: 130px;
    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;
}
.shop-details img {
   /*display:block; margin:auto*/
    display: block;
    margin: auto;
    width: 100% !important;
    height: auto !important;
}
.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;
    background-color: #2496f6;
    color:#fff;
    margin: auto;
}

/*找回密码第二步*/

.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;
}

/*招聘信息 发布免费信息页面*/


.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;
}


/*登录 页面*/

.register-header{
    height: 100px;
    line-height: 100px;
    width: 1200px;
    margin: auto;
    background-color: #fff;
    vertical-align: top;
}
.register-header h1{
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}
.register-header p{
    display: inline-block;
    vertical-align: middle;
    margin-left: 440px;
}

.register-header p span{
    font-size: 14px;
}

.register-header .call-number{
    color: #666666;
}

.register-header .call-phone{
    color: #ff6324;
    margin-right: 20px;
}

.register-header p a{
    font-size: 14px;
    color: #2b2b2b;
    margin-left: 15px;
}

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

.yuan{
    position: absolute;
    left: 625px;
    top: 389px;
}

.small-dian{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.m-radius{
    position: absolute;
    left: 70px;
    top: 0;
}



.register-content{
    position: relative;
    width: 1200px;
    height:100%;
    margin: auto;
}
.register-content ul li{
    float: left;
}
.register-lef{
    position: relative;
    margin-top: 67px;
    margin-left: 122px;
}

.register-lef p{
    margin-bottom: 37px;
}

.register-lef .img-foot{
    position: absolute;
    left: -8px;
    z-index: 9;
}

.register-rig{
    margin-top: 67px;
    margin-left: 185px;
    background-color: #fff;
    padding-bottom: 30px;
}

.register-box{
    width: 360px;
    background-color: #fff;
    overflow: hidden;
}

.register-name{
    font-size: 20px;
    color:#2496f6;
    margin:30px auto;
    text-align: center;
    letter-spacing: 2px;
}

.register-id,.register-pass{
    position: relative;
    background-color: #fff;
    margin-bottom: 10px;
}
.register-id input::-webkit-input-placeholder {
    color:#2496f6;
}
.register-peo{
    position: absolute;
    left: 52px;
    top: 15px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/Images/v_1803/register.png) -61px -1px no-repeat;
}

.register-id input,.register-pass input{
    display: block;
    width: 235px;
    height: 50px;
    padding-left: 55px;
    font-size: 14px;
    color:#2496f6;
    margin: auto;
    border:none;
    background-color:#eaf5ff;
}

.register-word{
    position: absolute;
    left: 52px;
    top: 15px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/Images/v_1803/register.png) -88px -1px no-repeat;
}

.register-check{
    padding-top: 5px;
    vertical-align:top;
}
.register-check input{
    margin-left: 40px;
    vertical-align: middle;
}
.register-check span{
    font-size: 14px;
    color: #2b2b2b;
    margin-left: 13px;
    vertical-align: middle;
}

.register-btn a{
    display: block;
    width: 290px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #2496f6;
    margin: 20px auto 10px;
    border-radius: 2px;
    letter-spacing: 5px;
}

.register-other{
    width: 290px;
    margin: auto;
}

.forget-pass{
    float: left;
    font-size: 14px;
    color: #2b2b2b;
}
.register-now{
    float: right;
    font-size: 14px;
    color: #2b2b2b;
}

.register-line{
    width: 290px;
    margin: 24px auto;
    text-align: center;
    color: #c1c1c1;
    font-size: 14px;
}

.register-else{
    position: relative;
    width: 290px;
    margin: auto;
}
.register-else a span{

    display: inline-block;
    width: 28px;
    height: 25px;
}
.register-else a{
    display: inline-block;
    width: 65px;
    height: 35px;
    line-height: 35px;
    padding-left: 35px;
    font-size: 14px;
    color: #2b2b2b;
    background-color: #fafafa;
    border-radius: 2px;
}

.register-qq{
    float: left;
}

.register-qq span{
    position: absolute;
    left:7px;
    top: 7px;
    background: url("/Images/v_1803/register.png") -31px -1px no-repeat;
}

.register-wx{
    float: right;
}

.register-wx span{
    position: absolute;
    left:194px;
    top: 7px;
    background: url("/Images/v_1803/register.png") -1px -1px no-repeat;
}
.register-footer{
    position: fixed;
    left:0;
    bottom: 0;
}
.register-bottom{
    width: 100%;
    height:100px;
}

.register-base{
    width: 1200px;
    line-height: 100px;
    text-align: center;
    margin:auto;
    font-size: 12px;
    color: #666666;
}

/*登录页面*/

.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:50%;
    left:50%;
    margin-left: -477px;
    margin-top: -300px;
    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;
}
.attention-color > a {
    color: #333333;
    font-size: 12px;
}
.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: 275px;
}

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

.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-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;
}
.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;
}
.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;
}
.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;
}

.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: 59px;
}

.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{
    display: inline-block;
    width: 130px;
    height:50px;
    text-align: center;
    font-size: 14px;
    color: #666666;
}
.my-down span:hover{
    cursor: pointer;
}
.my-down .select-center{
    color: #2496f6;
    border-bottom: 2px solid #2496f6;
}
.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;
}

.show-compile{
    display: none;
}

.delete-sure{
    position: absolute;
    margin-left: 355px;
    margin-top: -602px;
    width: 210px;
    height: 245px;
    background-color: #fff;
}

.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{
    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-left: 420px;
    margin-top: -3px;
}

/*头像上传*/

.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/icos.png)!important; background-repeat: no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/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_1502/yhxy.png'); _background-image: none; position: absolute; left: -3px; top: -2px; z-index: 100;
}
.bgtop {
    width: 908px; height: 25px; margin: 0px;
}
.bgbottom {
    width: 908px; height: 80px; margin: 0px;
}
.bgmiddle {
    width: 960px;
    height: auto;
    /* margin: 0px; */
    margin: auto;
    padding: 0px 33px 0px 27px;
}
.surveyTitle {
    width: 100%; height: auto; margin: 0; padding: 10px 0 30px; text-align: center; color:#2496f6; font-weight:bold; font-size:16px;
}
.surveyTitle span {
    font-size: 16px; font-family: 微软雅黑;
}
.surveyContent {
    width: 870px;
    height: 400px;
    margin: 0 auto;
    padding: 10px;
    border: #F0F0F0 1px solid;
    word-break: break-all;
    word-wrap: break-word;
    overflow-y: scroll;
    line-height: 24px;
    color: #666666;
}
.surveyItem {
    width: 820px; height: auto; margin: 0px auto; padding: 20px 0px 10px;
}
.surveyList {
    width: 820px; height: auto; margin: 0px auto; border: #F0F0F0 1px solid; padding: 0px;
}
.surveyItemTitle {
    width: 100%; height: auto; margin: 0px; #margin-bottom: -1px; line-height: 36px; border-bottom: #F0F0F0 1px solid;
}
.surveyItemTitle span{
    padding: 0px 10px;
}
.surveyItemContent {
    width: 100%; height: auto; margin: 0px; border-bottom: #F0F0F0 1px solid; overflow: hidden;
}
.surveyItemBtn {
    width: 100%; height: auto; margin: 0px; padding: 20px 0px; text-align: center;
}
.surveyText {
    width: 820px; height: auto; margin: 0px auto; padding: 20px 0px 10px;
}


/*关于我们*/

.about-us{
    width: 1200px;
    background-color: #fff;
    overflow: hidden;
}

.about-count{
    width: 800px;
    line-height: 30px;
    margin: 100px auto 25px;
    font-size: 14px;
    color: #2b2b2b;
}

.about-us p{
    width: 800px;
    margin: auto;
    margin-bottom: 20px;
    font-size: 14px;
    color: #2b2b2b;
}

.about-us span{
    display: block;
    width: 1200px;
}

/*筑业线上培训*/

.online-data{
    height: 60px;
    line-height: 60px;
    background-color:#2496f6;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
}

.online-matter{
    height: 90px;
    line-height: 90px;
    background-color: #fff;
    margin: 10px 0;
}

.online-matter span{
    font-size: 16px;
    color: #2b2b2b;
    margin-left: 20px;
}

.online-matter select{
    width: 165px;
    height: 40px;
    background-color: #fafafa;
    padding: 0 3%;
    margin-left: 25px;
    font-size: 16px;
    color: #666666;
    border: none;
}
.train-title{
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #2b2b2b;
    padding-left: 20px;
    background-color: #fff;
}
.online-title{
    height: 50px;
    line-height: 50px;
    background-color: #f7f7f7;
}
.online-title span{
    display: inline-block;
    font-size: 14px;
    color: #666666;

}

.train-time{
    width: 155px;
    text-align: center;
    margin-left: 20px;
}
.online-title .train-time2{
    width: 200px;
}
.train-li a .train-time2{
    width: 200px;
}

.online-title .train-dress2{
    width: 200px;
}
.train-li a .train-dress2{
    width: 200px;
}

.train-data, .train-dress{
    width: 130px;
    text-align: center;
}

.train-name{
    width: 330px;
    text-align: center;
}

.train-li{
    height: 43px;
    vertical-align: top;
    padding-top: 12px;

}
.train-list li:nth-of-type(odd){
    background-color: #fff;
}
.train-list li:nth-of-type(even){
    background-color: #fafafa;
}
.train-li a{
    vertical-align: middle;
}
.train-li:hover a span{
    color: #2496f6;
}
.train-li a span{
    display: inline-block;
    font-size: 14px;
    color: #666;
    vertical-align: middle;
}
.train-li a .train-name{
    position: relative;
    width: 300px;
    text-align: left;
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.train-li a .train-name img{
    position: absolute;
    left:5px;
}

.train-content{
    width: 180px;
    text-align: center;
    margin-left: 20px;
}

.train-li a .train-content{
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.train-put{
    width: 110px;
    text-align: center;
    margin-left: 35px;
}

.train-put .online-btn{
    display: inline-block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #2496f6;
    color: #2496f6;
    border-radius: 1px;
    margin-left:-15px;
    font-style: normal;
}

/*线下培训*/

.offline-content{
    width:570px;
    text-align: center;
    margin-left: 20px;
}

.train-li a .offline-content{
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*筑业课堂列表页*/

#left_self2{
    float: left;
    width: 385px;
}
#center_self2{
    margin-left:400px;
}

.list-class .sort-cont span{
    display: inline-block;
    width: 121px;
}
.classroom{
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 18px;
    padding-left: 20px;
    color: #2b2b2b;
    border-bottom: 2px solid #fafafa;
}

.curriculum{
    background-color: #fff;
}
.curriculum-list{
    vertical-align: top;
    padding: 25px 0 0 20px;
}
.curriculum-list>div{
    vertical-align: top;
    display: inline-block;
}

.curriculum-img{
    position: relative;
    width: 189px;
    height: 105px;
    margin-right: 20px;
}

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

.curr-text{
    position: absolute;
    top:29%;
    left:50%;
    width:120px;
    margin-left: -60px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*.class-title{*/
    /*display: inline-block;*/
    /*width: 475px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*font-size: 20px;*/
    /*color: #2b2b2b;*/
    /*vertical-align: top;*/
    /*margin-top: 15px;*/
/*}*/

.class-title a{
    display: inline-block;
    width:368px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #2b2b2b;
    vertical-align: top;
    margin-top: 15px;
}

.dl-btn a span{
    color: #2496f6;
}

/*.dl-btn a span:hover{*/
    /*color: #fff !important;*/
/*}*/
.curriculum-list .dl-btn{
    margin: 15px 0 0 50px;
}

.curriculum-icon .litter-img{
    position: relative;
    margin-top: 10px;
}
.curriculum-list .dl-btn:hover{
    cursor: pointer;
}

.litter-img .dif-type2{
    background: url(/Images/v_1803/class.png) 0 -58px no-repeat;
}


.litter-img .look-num2{
    background: url(/Images/v_1803/class.png) -23px -59px no-repeat;
}


.litter-img .adress-name2{
    background: url(/Images/v_1803/class.png) -46px -59px no-repeat;
}


.litter-img .dolor2{
    width:18px;
    background: url(/Images/v_1803/class.png) -65px -59px no-repeat;
}

.litter-img .zan{
    position: absolute;
    right: 62px;
    font-size: 14px;
    color: #66666696;
}

.big-zan{
    position: absolute;
    top: -5px;
    right: 20px;
    display: inline-block;
    width: 30px;
    height: 30px;

}

.big-zan:hover{
    cursor: pointer;
}

.wei-zan{
    background: url("/Images/v_1803/class.png")-92px 0 no-repeat;
}

.yi-zan{
    background: url("/Images/v_1803/bigzan.png")1px 2px no-repeat;
}

.curriculum li:nth-of-type(odd){
    background-color: #fff;
}
.curriculum li:nth-of-type(even){
    background-color: #fafafa;
}

.profect{
    color: #fff !important;
}
.profect2{
    color: #2496f6 !important;
}
/*筑业课堂视频播放*/

.movie-content{
    width: 1200px;
    margin: auto;
    padding-bottom: 30px;
}
.mvplay {
    width: 1200px;
    margin: auto;
    background: #000000;
    padding: 10px 0px;
}

.mvpbd {
    width:1200px;
    margin: 0 auto;
    zoom: 1;
}

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

.mvpbdL {
    width:1200px;
    height: 650px;
    margin: 0;
    background: #111011;
    float: left;
}

.mvpbdL a {
    width:1200px;
    height:650px;
    display: block;
}

.mvpbdR {
    width:1200px;
    height: auto;
    margin: 0;
    padding: 10px 0;
    background: #282727;
}

.mvpbdRs {
    width: 180px;
    height: 553px;
    margin: 0px;
    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;
    #margin: 0 0 8px;
    _margin: 0 0 6px;
    height: 83px;
    overflow: hidden;
    position: relative;
}

.mvpbdrList .loading {
    width: 100%;
    height: 503px;
    margin: 0;
    background: url(Images/bloading.gif) no-repeat center center;
    display: none;
}

.mvpbdrDown {
    width: 100%;
    height: 24px;
    margin: 0;
    background: url(Images/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-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:77px;
    margin-top: -2px;
    border-right:0;
    border-top: 0 none;
}

.nav_list:hover .jia-pa> a{
    color: #2496f6;
}
.nav_list{
    width: 250px;
    height: 76px;
    line-height: 74px;
    /* padding: 0 20px; */
    position: relative;
    background: #0a497e;
}

.nav_list .jia-pa{
    width: 210px;
    height: 74px;
    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: 32px;
}
.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: 230px;
    height: 380px;
    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: 80px;
    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_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;
}
.login-number2{
    width: 275px;

}
.login-number2::-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;
}
.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%;
    }