h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    border: 0;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}


sup {
    vertical-align: super;
    font-size: smaller;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
html {
    line-height: 1;
}

ol,ul {
    list-style: none
}

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

caption,td,th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

a {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    color: #000;
    cursor: pointer
}

a:active,a:focus {
    outline: none
}

a:active,a:focus,a:visited {
    /*color: #000*/
}

a:hover {
    text-decoration: none;
    color: #58b636;
}
input{
    outline: none;
}
body{
    background-image: url('/upload/images/resource/modification_bg.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size:100% auto;
}
.bottomHeight{
    height: 100px;
}
.defaultBtn{
    width:200px;
    background: #58b636;
    color:#fff;
    height:50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.defaultBtn:hover {
    background: #58b636;
    color: #fff;
}
.whiteBtn{
    width:198px;
    border: 1px solid #58b636;
    color:#58b636;
    height:48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}

.whiteBtn:hover {
    background: #58b636;
    color: #fff;
}
.blueBtn{
    background: #0085DD;
    color: #fff;
    font-size:14px;
    padding:10px 20px;
    border-radius: 10px;
    outline: 0;
    border:0;
    cursor: pointer;
}
.blueBtn:hover {
    background: #0476c1;
    color: #fff;
}
.blueBtn:visited {
    color: #fff;
}
h2 {
    padding-bottom: 20px;
    font-size: 18px;
    letter-spacing: .3px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
body {
    /*min-width: 990px;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:1155px) {
    body #main {
        padding-left: 285px
    }
}


.cursor_pointer{
    cursor: pointer;
}
.clear{
    clear: both;
}
.no-display {
    display: none!important;
}


.ml_0{
    margin-left:0!important;
}
.ml_10{
    margin-left:10px!important;
}
.mr_20{
    margin-right:20px!important;
}
.pageContainer {
    padding-bottom: 32px;
}

.a-radio{
    display: none;
}
.b-radio{
    display: inline-block;
    border:1px solid #ccc;
    width:16px;
    height: 16px;
    border-radius:2px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
}
.b-radio:before{
    content: '';
    font-size: 0;
    width: 10px;
    height: 10px;
    background: rgb(143, 188, 238);
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 2px;
    display: none;
}
.a-radio:checked~.b-radio:before{
    display: block;
}

.noMore{
    margin-top: 60px;
    text-align:center;
}


/*------------------------------------------------------new-----------------------------------------------------------------*/
.inlineblock{
    display:inline-block;
    *zoom:1;
    *display: inline;
    _zoom:1;
    _display:inline;
}
.inlineblock_middle,.inlineblock_top,.inlineblock_bottom{
    display:inline-block;
    *zoom:1;
    *display: inline;
    _zoom:1;
    _display:inline;
    vertical-align: middle;
}
.inlineblock_top{
    vertical-align: top;
}
.inlineblock_bottom{
    vertical-align: bottom;
}

.textline_one{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.textline_two{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.noData{
    text-align: center;
    padding:20px;
    font-size:14px;
}

.pageDir{
    padding:20px 0;
    font-size:14px;
}

.pageLayout{
    text-align: center;
    padding: 20px;
}
.pageLayout a,
.pageLayout span {
    display: inline-block;
    padding: 10px 16px;
    margin: 0 5px;
    background: #fff;
    font-size: 13px;
}

.pageLayout a.first,
.pageLayout a.prev,
.pageLayout a.next,
.pageLayout a.end {
    margin: 0;
}

.pageLayout a:hover {
    background: #58b636;
    color: #FFF;
}

.pageLayout span.current {
    background: #58b636;
    color: #FFF;
    font-weight: 700;
}


.footerLayout{
    text-align: center;
    padding:30px 0;
    background: #333;
    color:#777;
    font-size:0;
}
.footerLayout .footerLayoutWrapper{
    max-width: 1200px;
    margin:0 auto;
    height: 40px;
}
.footerLayout .footerLayoutLeft{
    width: 70%;
    text-align: left;
}
.footerLayout .footerLayoutLeftNav{
    margin-bottom: 6px;
}
.footerLayout .footerLayoutLeftNav i{
    margin: 0 8px;
    font-size: 13px;
}
.footerLayout .footerLayoutLeftNav a{
    color: #bbb;
    font-size: 13px;
}
.footerLayout .footerLayoutLeftCopy{
    font-size: 13px;
    margin-top: 15px;
}
.footerLayout .footerLayoutRight{
    width: 29%;
    text-align: right;
}
.footerLayout .footerLayoutRightLogo{
    font-size: 22px;
    margin-bottom: 6px;
}
.footerLayout .footerLayoutRightLogo img{
    width: 135px;
}
.footerLayout .footerLayoutRightTime{
    font-size: 13px;
}

.popup{
    border: 1px solid #ddd;
    padding: 20px 30px 30px;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
    zoom: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 500px;
    right: 0;
    height: 300px;
    margin: auto;
    z-index:999;
    transition: 1s;
}
.popup .popupWrapper{

}
.popup .popupHeader {
    margin-bottom: 40px;
}
.popup .popupHeader .close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 24px 24px 10px 10px;
    z-index: 1;
}
.popup .popupHeader .close span {
    line-height: 1;
    font-size: 24px;
    color: #979797;
}
.popup .popupContent{
    height: 260px;
    overflow-y: scroll;
}
.popup .popupContent::-webkit-scrollbar {
    display: none;
}
.popup .popupContent img{
    max-width:100%;
}
.popup .popupContent .content {
    overflow: hidden;
}
.popup .popupContent .popupComposition {
    min-width: 160px;
}
.popupBg{
    position: fixed;
    background-color: #fff;
    zoom: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 100%;
    margin: auto;
    z-index:99;
    opacity: 0.4;
    transition: 1s;
}


.popup.replyPopup{

}
.popup.replyPopup .replyPopupTextareaLabel{
    margin-bottom:20px;
    font-size: 14px;
}
.popup.replyPopup .replyPopupTextareaObject{
    font-size: 14px;
    width: 99%;
    border: 0;
    outline: none;
    min-height: 300px;
}

.fixedKefuSection{
    width: 70px;
    height: 80px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    position: fixed;
    right:10%;
    bottom:100px;
    box-shadow: 1px 1px 6px 0px rgba(166,166,166,.6);
}
.fixedKefuSection .fixedKefuSectionIcon{
    width: 40px;
    height: 40px;
    margin-top: 8px;
}
.fixedKefuSection .fixedKefuSectionText{
    margin-top: 8px;
    font-size: 13px;
}
.kefuSection{
    text-align: center;
}
.kefuSection .kefuSectionImg{
    width: 200px
}
.kefuSection .kefuSectionTips{
    font-size: 14px;
    margin-top:10px;
}
.kefuSection .kefuSectionTipsMore{
    font-size: 13px;
    margin-top:16px;
    color: #585858;
}
.kefuSection .kefuSectionTipsMore .kefuSectionTipsMoreItem{
    font-size: 13px;
    margin-top:6px;
}
.openAdPopup{
    width: 900px;
    height: 450px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
}
.openAdPopup .openAdPopupWrapper{
    position: relative;
}
.openAdPopup .openAdPopupClose{
    cursor: pointer;
    text-align: center;
    font-size: 76px;
    color: #585857;
    position: absolute;
    right: -30px;
    top: -30px;
}
.openAdPopup .openAdPopupHref{
    width: 900px;
    height: 450px;
    overflow: hidden;
    display: block;
}
.openAdPopup .openAdPopupPic{
    width: 900px;
}

.topNavBar{
    background: #fff;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #eee;
    color: #585858;
    z-index: 9999;
    position: relative;
}
.topNavBar .topNavBarWrapper{
    max-width: 1200px;
    margin: 0 auto;
    height:60px;
    line-height: 60px;
    font-size: 14px;
}
.topNavBar a{
    color: #fff;
}
.topNavBar .topNavBarLeft{
    width: 40%;
    height: 60px;
    font-size: 0;
    text-align: left;
}
.topNavBar .topNavBarLeft img{
    width: 50%;
}
.topNavBar .topNavBarLeft span{
    width: 48%;
    font-size: 14px;
    color: #585858;
    margin-left: 2%;
}
.topNavBar .topNavBarRight{
    width: 60%;
    float: right;
    text-align: right;
}

.topNavBar .topNavBarRightItem{
    padding:0 30px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
}


.topNavBar .topNavBarRightUser{
    padding-right: 0;
}
.topNavBar .topNavBarRightUser .topMinBarNavMemberBtn{
    background:#f6f6f6;
    color:#585858;
    border:1px solid #eee;
    border-radius: 5px;
    width:100px;
    height:30px;
    line-height: 30px;
    text-align: center;
    margin:0 6px;
}
.topNavBar .topNavBarRightUser .topMinBarNavMemberBtn.register{
    background: #58b636;
    color:#fff;
    border:1px solid #58b636;
}
.topNavBar .topNavBarRightUser .topMinBarNavMemberBtn.userinfo{
    border: 0;
    background: #fff;
    height: 60px;
    width: 300px;

}
.topNavBar .topNavBarRightUser .topMinBarNavMemberBtn.userinfo .useravatar{
    border: 0;
    background: #fff;
    height: 60px;
    margin-right:10px;
}
.topNavBar .topNavBarRightUser .topMinBarNavMemberBtn.userinfo .useravatar i{
    font-size: 26px;
    color: #787878;
    border: 1px solid #eee;
    margin-top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
}
.topNavBar .topNavBarRightItem ul{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 92%;
    margin: 0 auto;
    display: none;
    background: #222;
    line-height: 1;
    padding: 20px 4%;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,.08);
    z-index: 9999;
}

.topNavBar .topNavBarRightItem ul li{
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.topNavBar .topNavBarRightItem ul li:hover{
    background: #eee;
}
.topNavBar .topNavBarRightItem ul li:hover a{
    color: #585858;
}
.topNavBar .topNavBarRightItem ul li a{
    color: #fff;
}



.topNavBar.white{
    background: #fff;
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: relative;
    border-bottom: solid 1px #e5e5e5;
    color: #585858;
    z-index: 999;
}
.topNavBar.white a{
    color:#585858;
}
.swiper-container{
    height: 490px;
    box-sizing: border-box;
}
.swiper-container .swiper-href{
    width: 100%;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}
.swiper-container .swiper-slide {
    background-size: 100% auto!important;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 95px;
    width: 100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 32px;
    height: 20px;
    font-size: 0;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    transition: width .8s;
}
.swiper-pagination-switch:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 4px;
    border-radius: 2px;
    background: rgba(102, 102, 102, .5);
    vertical-align: middle;
    transition: width .8s, background-color .8s;
    box-shadow: 0 3px 6px 0 rgba(33, 39, 81, 0.20);
}
.swiper-active-switch:before {
    background: #fa6f66;
    box-shadow: 0 3px 6px 0 rgba(250, 111, 102, .5);
}
.swiper-slide {
    position: relative;
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
    overflow: hidden;
}
.swiper-slide-active {
    opacity: 1;
}






.searchSection{
    margin: 60px 0 20px;
}
.searchSection .searchLogo{
    width: 320px;
    display: block;
    margin: 20px auto 40px;
}
.searchSection .searchBar{
    background: #f6f6f6;
    border: 1px solid #eee;
    width: 70%;
    height: 50px;
    margin: 0 auto;
    border-radius: 40px;
    font-size: 0;
}
.searchSection .searchBar.min{
    width: 60%;
}
.searchSection .searchBarInput{
    width: 80%;
    height: 47px;
    border: 0;
    background: #f7f7f7;
    margin-left: 20px;
    line-height: 47px;
    font-size:16px;
}
.searchSection .searchBarBtn{
    width: 16%;
    text-align: center;
    height: 36px;
    line-height: 36px;
    background: #58b636;
    color: #fff;
    border-radius: 40px;
    font-size:14px;
    cursor: pointer;
}
.searchSection .searchBarBtn i{
    margin-right:6px;
}

.searchSection .searchBarBtn span{

}

.timelineSection{
    margin-bottom: 100px;
}
.timelineSection .timelineBar{
    border:1px solid #58b636;
    background: #fdfdfd;
    text-align: center;
    border-radius: 6px;
    font-size:0;
    height: 52px;
    line-height: 52px;
    margin-bottom:20px;
    overflow: hidden;
}
.timelineSection .timelineBar .timelineBarArrow{
    background: #fff;
    border: 1px solid #ddd;
    color: #585858;
    width:3.7%;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
    font-size:14px;
    box-shadow: 1px 1px 6px 0px rgba(166,166,166,.6);
    cursor: pointer;
}
.timelineSection .timelineBar .timelineBarArrow i{
    height: 36px;
    line-height: 36px;
    font-size:14px;
}
.timelineSection .timelineBar .timelineBarArrow.disabled{
    color: #999;
}
.timelineSection .timelineBar .timelineBarYear{
    height: 52px;
    width: 86%;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 2%;
    position: relative;
    text-align: left;
}
.timelineSection .timelineBar .timelineBarYearWrapper{
    position:absolute;
    width:1000px;
    float:left;
    left:0px;
}
.timelineSection .timelineBar .timelineBarYearItem{
    width: 140px;
    color:#585858;
    cursor: pointer;
    text-align: center;
}
.timelineSection .timelineBar .timelineBarYearItem.selected{
    background: #58b636;
    color:#fff;
}
.timelineSection .articleBox{
    width: 385px;
    margin-left: 70px;
    margin-top: 30px;
}
.timelineSection .articleBox .articleBoxLeft{
    width:160px;
    border:1px solid #eee;
    position: relative;
    border-radius: 4px;
}
.timelineSection .articleBox .articleBoxLeft .toparrow{
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #eee;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin:0 auto;

}
.timelineSection .articleBox .articleBoxLeft img{
    width: 160px;
    box-shadow: 2px 2px 10px 2px rgba(222,222,222,.6);
    border-radius: 4px;
}
.timelineSection .articleBox .articleBoxRight{
    max-width: 200px;
    margin-left: 20px;
}
.timelineSection .articleBox .articleBoxRightTop{
    margin-bottom: 6px;
    font-size: 16px;
    color:#ee4f4f;
    font-weight: 600;
}
.timelineSection .articleBox .articleBoxRightBottom{
    font-size: 14px;
    color:#585858;
    line-height: 1.4;
}
.timelineSection .articleBox .articleBoxLeft{

}
.timelineSection .articleBox .articleBoxLeft{

}

.keywordSection{
    width: 1200px;
    height: 155px;
    margin: 40px auto;
}

.keywordSection .keywordSectionWrapper{
    position: relative;
    width: 1200px;
    height: 155px;
}
.keywordSection .keywordItem{
    position: absolute;
    color:#eee;
    font-weight: 600;
}
.keywordSection .keywordItem:nth-child(1){
    left: 20px;
}
.keywordSection .keywordItem:nth-child(2){
    left: 50px;
    top:60px;
}
.keywordSection .keywordItem:nth-child(3){
    right: 200px;
    top:0px;
    width: 20px;
    word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
}
.keywordSection .keywordItem:nth-child(4){
    right:0;
    top:180px;
}
.keywordSection .keywordItem:nth-child(5){
    left: 200px;
    top:200px;
    width: 20px;
    max-height: 120px;
    word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
    overflow: hidden;
}
.keywordSection .keywordItem:nth-child(6){
    left:0;
    top:200px;
}
.keywordSection .keywordItem:nth-child(7){
    left:400px;
    top:280px;
}
.keywordSection .keywordItem:nth-child(8){
    right:160px;
    top:220px;
}

.searchresultSection{
    width: 60%;
    margin: 0 auto;
    min-height: 1200px;
}
.searchresultSection .searchresultSectionLabel{
    font-size: 14px;
    font-weight: 600;
    margin:40px 0 20px;
}
.searchresultSection .searchresultSectionWrapper{
    font-size: 14px;
}
.searchresultSection .searchresultSectionYear{
    background: #f9f9f9;
    border-left: 4px solid #ee4f4f;
    padding:8px 10px;
    margin-bottom:10px;
    color:#585858;
    margin-top:20px;

}
.searchresultSection .searchresultSectionArticleList{
    font-size: 0;
    width: 102%;
    margin-left: -1%;
}
.searchresultSection .searchresultSectionArticleItem{
    width: 31%;
    margin: 10px 1%;
    height: 300px;
    overflow: hidden;
    font-size: 14px;
    border:1px solid #fff;
    position: relative;
}
.searchresultSection .searchresultSectionArticleItem .viewBtn{
    background: #ee4f4f;
    color: #fff;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
    display: none;
}
.searchresultSection .searchresultSectionArticleItem:hover{
    border:1px solid #ee4f4f;
}
.searchresultSection .searchresultSectionArticleItem:hover .viewBtn{
    display: block;
}
.searchresultSection .searchresultSectionArticleItem img{
    width: 100%;
}


.searchPageFixedYearSection{
    position: absolute;
    left: 20%;
    top: 320px;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    width: 70px;
    text-align: center;
    border:1px solid #58b636;
    color:#fdfdfd;
}
.searchPageFixedYearSection.scrollStatus{
    top: 20px;
    position: fixed;
}
.searchPageFixedYearSection .searchPageFixedYearWrapper{
    height: 240px;
    overflow: hidden;
    position: relative;
}
.searchPageFixedYearSection .searchPageFixedYearWrapper ul{
    position:absolute;
    height:1000px;
    top:0px;
    width: 70px;
}
.searchPageFixedYearSection .searchPageFixedYearArrow{
    background: #fff;
    border: 1px solid #ddd;
    color: #585858;
    width:60px;
    height: 20px;
    border-radius: 5px;
    line-height: 60px;
    font-size:14px;
    box-shadow: 1px 1px 6px 0px rgba(166,166,166,.6);
    cursor: pointer;
    margin:10px auto;
}
.searchPageFixedYearSection .searchPageFixedYearArrow i{
    height: 60px;
    line-height: 20px;
    font-size:14px;
}
.searchPageFixedYearSection .searchPageFixedYearArrow.disabled{
    color: #999;
}


.searchPageFixedYearSection .searchPageFixedYearSectionItem{
    /*background: #fff;
    text-align: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 70px;
    overflow: hidden;*/
    background: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    width: 62px;
    padding: 10px 4px;
}
.searchPageFixedYearSection .searchPageFixedYearSectionItem.current{
    background: #58b636;
}
.searchPageFixedYearSection .searchPageFixedYearSectionItem.current a{
    color:#fff;
}


.articledetailPageSection{
    width:80%;
    margin-left:20%;
}
.articledetailPageSection.maxWidth{
    width:100%;
    margin-left:0;
}
.articledetailPageSection .articledetailPagePic{
    width: 100%;
    margin-top:30px;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
}
.articledetailPageSection .articledetailPagePic img{
    width: 100%;
}
.articledetailPageSection .articledetailPageSectionFold{
    position: fixed;
    left: 0;
    top: 260px;
    width: 30px;
    height: 52px;
    background: #f9f9f9;
    color: #585858;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #eee;
    padding: 10px 0;
}
.articledetailPageSection .articledetailPageSectionFold span{
    width: 10px;
    font-size: 13px;
    margin-right: 2px;
}
.articledetailPageSection .articledetailPageSectionFold i{

}
.articledetailPageSection .articledetailPageSectionBaseInfo{
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    background: #fff;
    width: 100%;
    padding:0;
    margin-top: 30px;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoIndexPic{
    width: 100%;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoItem{
    margin-top: 30px;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoItemLabel{
    text-align: left;
    font-size: 16px;
    border-left: 6px solid #58b636;
    padding-left: 20px;
    width: 420px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-weight: 600;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoItemWrapper{
    padding-left: 27px;
    padding-top: 15px;
    font-size: 14px;
    color: #585858;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoItemIssuing{
    width: 150px;
    height: 100px;
    border-radius: 6px;
    margin-right: 20px;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoTips{
    text-align: center;
    box-shadow: 0px 10px 20px 0px rgba(255,255,255,1);
    font-size:14px;
    padding:0 0 20px;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoTips .articledetailPageSectionBaseInfoTipsLabel{
    margin-bottom: 20px;
    font-size: 15px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-weight: 500;
}
.articledetailPageSection .articledetailPageSectionBaseInfo .articledetailPageSectionBaseInfoTips .articledetailPageSectionBaseInfoTipsBtn{
    background: #58b636;
    color:#fff;
    font-size:14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 200px;
    border-radius: 6px;
    display: block;
    margin:0 auto;
}

.articledetailPageFixedNavSection{
    position: fixed;
    left: 0;
    top: 90px;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    width: 250px;
    color:#fdfdfd;
    background: #fff;
    text-align: left;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionPosition{
    position: relative;
}

.articledetailPageFixedNavSection .articledetailPageFixedNavSectionLabel{
    margin:20px 0;
    padding-left:20px;
    border-left: 4px solid #58b636;
    color:#000;
    font-weight: 500;
}
.articledetailPageFixedNavSection.scrollStatus{
    top: 20px;
    position: fixed;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionWrapper{
    padding:0 20px 20px;
    overflow-y: scroll;
    max-height: 560px;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionWrapper .articledetailPageFixedNavSectionGroupItem ul{
    padding-left: 15px;
    border-left: 1px solid #eee;
    margin-left: 5px;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionGroupItem{
    font-size: 14px;
    margin-bottom:10px;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionGroupItemName{
    color:#000;
    padding-bottom: 10px;
    cursor: pointer;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionGroupItemName i{
    -webkit-transform:scale(0.4);
    font-size: 12px;
    margin-right:6px;
    color: #ddd;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionGroupArticleHide{
    display: none;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionGroupArticleShow{
    display: block;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionArticleItem{
    font-size: 13px;
    padding: 6px 0;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionArticleItem a{
    color:#787878;
    display: block;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionArticleItem.current a{
    color:#58b636;
}

.articledetailPageFixedNavSection .articledetailPageFixedNavSectionItem{
    font-size: 13px;
    padding: 6px 0;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionItem a{
    color:#787878;
    display: block;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionItem.current a{
    color:#58b636;
}
.articledetailPageFixedNavSection .articledetailPageFixedNavSectionFold{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    margin: auto 0;
    width: 20px;
    height: 50px;
    background: #fff;
    color: #585858;
    line-height: 50px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.articledetailPageNote{
    position: fixed;
    background: #58b636;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    padding: 20px;
    bottom: 200px;
    left: 900px;
    text-align: center;
    cursor: pointer;
}
.articledetailPageNote .articledetailPageNotePosition{
    position: relative;
}
.articledetailPageNote .articledetailPageNoteNum{
    position: absolute;
    padding: 6px 10px;
    background: #ee4f4f;
    color:#fff;
    font-size:13px;
    text-align: center;
    top:-20px;
    right:-20px;
    border-radius: 20px;
}
.articledetailPageNote span{
    font-size:14px;
    margin-top:6px;
    display: block;
}
.articledetailPageNote i{
    font-size:26px;
}
.articledetailPageNoteAction{
    position: fixed;
    background: rgba(0,0,0,0.6);
    width:86px;
    bottom: 300px;
    left: 900px;
    border-radius: 6px;
}
.articledetailPageNoteAction .articledetailPageNoteActionItem{
    height:40px;
    line-height: 40px;
    color:#fff;
    text-align: center;
    cursor: pointer;
}
.articledetailPageNoteEditPopup{
    overflow: hidden;
    position: fixed;
    zoom: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 500px;
    right: 0;
    height: 350px;
    margin: auto;
    z-index:999;
    transition: 1s;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    background: #fff;
    border-radius: 6px;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupHead{
    font-size: 0;
    height: 60px;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupHeadLeft{
    text-align: left;
    font-size: 16px;
    border-left: 6px solid #58b636;
    padding-left: 20px;
    width: 420px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-weight: 600;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupHeadRight{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    border: 1px solid #eee;
    cursor: pointer;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupWrapper{

}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupEditor{
    width: 400px;
    margin: 0 auto;
    height: 180px;
    display: block;
    border: 0;
    background: #f7f7f7;
    outline: none;
    padding: 20px;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupBottom{
    padding:20px 30px 0;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupBottomLeft{
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    width: 60px;
    text-align: center;
    color: #585858;
    margin-right:272px;
}
.articledetailPageNoteEditPopup .articledetailPageNoteEditPopupBottomRight{
    background:#58b636;
    color:#fff;
    border-radius: 5px;
    width:100px;
    height:30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.articledetailPageNoteEditPopupBg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: fixed;
    top:0;
    left:0;
}
.articledetailPageNoteListPopup{

}
.articledetailPageNoteListPopup .articledetailPageNoteEditPopupInframe{
    width: 90%;
    margin: 0 auto;
    display: block;
    height: 270px;
}
.articledetailPageNoteListPopupList{
    width:450px;
    height:270px;
}
.articledetailPageNoteListPopupList .articledetailPageNoteListPopupItem{
    display: block;
    font-size:0;
    padding:10px 0;
}
.articledetailPageNoteListPopupList .articledetailPageNoteListPopupItemLeft{
    width:70%;
    font-size:14px;
}
.articledetailPageNoteListPopupList .articledetailPageNoteListPopupItemRight{
    width:28%;
    font-size:14px;
    margin-left:2%;
    text-align: right;
    color:#585858;
}

.noteeditorDetailSection{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:20px 20px 30px;
    margin-top: 20px;
    text-align: left;
}
.noteeditorDetailSection .noteeditorDetailSectionWrapper{
    max-width: 100%;
}
.noteeditorDetailSection .noteeditorDetailSectionWrapper .noteeditorDetailSectionTitle{
    font-weight: 600;
    padding: 10px 0;
    font-size: 15px;
}
.noteeditorDetailSection .noteeditorDetailSectionWrapper .noteeditorDetailSectionContent{
    display: block;
    margin-top: 10px;
    font-size:14px;
    color: #585858;
}


.articlebuyTopSection,.articlebuyPaySection{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:20px 0 30px;
    margin-top: 20px;
}
.articlebuyTopSection .articlebuyTopSectionLabel{
    text-align: left;
    font-size: 16px;
    border-left: 6px solid #58b636;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}
.articlebuyTopSection .articlebuyTopSectionInfo{
    padding: 0 20px;
    font-size: 14px;
    margin-top: 10px;
}
.articlebuyTopSection .articlebuyTopSectionPrice{
    padding: 0 20px;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 600;
    color:#ee4f4f;
}
.articlebuyTopSection .articlebuyTopSectionInfo span,.articlebuyTopSection .articlebuyTopSectionPrice span{
    color:#585858;
    font-size: 14px;
    font-weight: 400;
}
.articlebuyPaySection .articlebuyPaySectionChannel{
    padding: 0 25px;
    margin-top:20px;
}
.articlebuyPaySection .articlebuyPaySectionChannelItem{
    border:1px solid #eee;
    width: 160px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-right:10px;
    cursor: pointer;
}
.articlebuyPaySection .articlebuyPaySectionChannelItem.selected{
    border:1px solid #58b636;
    color:#58b636;
}
.articlebuyPaySection .articlebuyPaySectionBtnLayout{
    text-align: center;
    margin-top: 30px;
}
.articlebuyPaySection .articlebuyPaySectionBtn{
    background: #58b636;
    color:#fff;
    font-size:14px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 200px;
    border-radius: 6px;
    margin: 0 10px;
    cursor: pointer;
}
.articlebuyPaySection .wxPayQrcode{
    margin-top: 20px;
    text-align: center;
}
.articlebuyPaySection .wxPayQrcode .wxPayQrcodeImg{
    width: 260px;
}


.memberIndexSection{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:20px 0 30px;
    margin-top: 20px;
}
.memberIndexSection .memberIndexSectionLabel{
    text-align: left;
    font-size: 18px;
    padding-left: 26px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}
.memberIndexSection .memberTopSectionInfo{
    padding: 0 20px;
    font-size: 0;
    margin-top: 15px;
}
.memberIndexSection .memberTopSectionInfo .memberTopSectionInfoItem{
    padding: 0 10px;
    font-size: 14px;
    margin-right: 40px;
}
.memberIndexSection .memberTopSectionInfo .memberTopSectionInfoItemAvatar{
    background: #f6f6f6;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #787878;
    font-size: 26px;
    border-radius: 50%;
    margin-right:10px;
}
.memberIndexSection .memberTopSectionInfo .memberTopSectionInfoItemLabel{
    font-size: 14px;
    color:#787878;
    margin-right:10px;
}
.memberIndexSection .memberTopSectionInfo .memberTopSectionInfoItemValue{
    font-size: 14px;
}
.memberIndexSection .memberMoreSection{
    font-size:0;
    padding: 0 26px;
    margin: 20px 0;
}
.memberIndexSection .memberMoreSection .memberMoreSectionLeft{
    border-right: 1px solid #eee;
    font-size: 14px;
    width: 47%;
    margin-right: 2%;
}
.memberIndexSection .memberMoreSection .memberMoreSectionRight{
    width: 49%;
    font-size: 14px;
}
.memberIndexSection .memberMoreSection .memberMoreSectionItem{
    padding: 12px 0;
}
.memberIndexSection .memberMoreSection .memberMoreSectionItem a{
    color:#58b636;
}
.memberIndexSection .memberMoreSection .memberMoreSectionItemLabel{
    font-size: 14px;
    color:#787878;
    margin-right:10px;
}
.memberIndexSection .memberMoreSection .memberMoreSectionItemValue{
    font-size: 14px;
}
.memberIndexSection .memberMoreSection .memberMoreSectionItemValue a{
    margin-left:10px;
}
.memberIndexSection .memberAboutSection{
    font-size: 14px;
    padding:0 26px;
    margin-top:16px;
}

.memberIndexSection.memberIndexEditInfoSection .formContainer{

}
.memberIndexSection.memberIndexEditInfoSection .formBtn{
    width: 50%;
    display: block;
    margin:30px auto 20px;
}

.memberIndexSection .timelineSection{
    margin-bottom: 100px;
}
.memberIndexSection .timelineSection .timelineBar{
    background: #fafafa;
    text-align: center;
    border: 0;
    border-radius: 0;
    font-size: 0;
    height: 52px;
    line-height: 52px;
    margin-bottom: 20px;
    overflow: hidden;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarArrow{
    background: #fff;
    border: 1px solid #ddd;
    color: #585858;
    width:3.7%;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
    font-size:14px;
    box-shadow: 1px 1px 6px 0px rgba(166,166,166,.6);
    cursor: pointer;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarArrow i{
    height: 36px;
    line-height: 36px;
    font-size:14px;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarArrow.disabled{
    color: #999;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarYear{
    height: 52px;
    width: 86%;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 2%;
    position: relative;
    text-align: left;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarYearWrapper{
    position:absolute;
    width:1000px;
    float:left;
    left:0px;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarYearItem{
    width: 147px;
    color:#585858;
    cursor: pointer;
    text-align: center;
}
.memberIndexSection .timelineSection .timelineBar .timelineBarYearItem.selected{
    background: #58b636;
    color:#fff;
}
.memberIndexSection .timelineSection .articleBox{
    width: 265px;
    margin:20px auto;
    text-align: center;
}
.memberIndexSection .timelineSection .articleBoxTop {
    width: 265px;
    border-radius: 4px;
    border: 1px solid #eee;
}
.memberIndexSection .timelineSection .articleBoxBottom {
    margin-top:10px;
}
.memberIndexSection .timelineSection .articleBoxBottom .articleBoxBottomTime{
    font-size:16px;
    color:#ee4f4f;
}
.memberIndexSection .timelineSection .articleBoxBottom .articleBoxBottomTitle{
    font-size:14px;
    margin-top:10px;
}
.memberIndexSection .memberSetTypeSection{
    padding: 10px 20px 26px;
}
.memberIndexSection .memberSetTypeSection .memberSetTypeSectionItem{
    margin-right:20px;
}
.memberIndexSection .memberSetTypeSection .memberSetTypeSectionItem i{
    color:#ddd;
    margin-right:10px;
    font-size:16px;
}
.memberIndexSection .memberSetTypeSection .memberSetTypeSectionItem span{
    font-size:14px;
}
.memberIndexSection .memberSetTypeSection .memberSetTypeSectionItem.selected{

}
.memberIndexSection .memberSetTypeSection .memberSetTypeSectionItem.selected i{
    color:#58b636;
}

.memberSurveyNavSection{
    margin-top: 30px;
}
.memberSurveyNavSection .memberSurveyNavSectionLabel{
    font-size:15px;
    font-weight: 600;
}
.memberSurveyNavSection .memberSurveyNavSectionWrapper{
    margin-top:20px;
    margin-bottom: 40px;
}
.memberSurveyNavSection .memberSurveyNavSectionItem{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:20px;
    width: 540px;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.memberSurveyNavSection .memberSurveyNavSectionItemIcon{
    width: 104px;
    height: 68px;
    margin-bottom: 16px;
    margin-top: 20px;
}
.memberSurveyNavSection .memberSurveyNavSectionItemName{
    margin-bottom: 30px;
    font-size: 15px;
}
.memberSurveyNavSection .memberSurveyNavSectionItemBtn{
    background: #ee4f4f;
    border-radius: 20px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color:#fff;
    font-size: 12px;
    display: block;
    margin: 0 auto;
}
.memberSurveyNavSection .memberSurveyNavSectionItem .leftRadius{
    position: absolute;
    left: -50px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    border: 20px solid #58b636;
    opacity: 0.2;
    bottom: 20px;
}
.memberSurveyNavSection .memberSurveyNavSectionItem .rightRadius{
    position: absolute;
    right: -26px;
    width: 90px;
    height: 90px;
    background: #58b636;
    border-radius: 50%;
    opacity: 0.2;
    top: -26px;
}


.memberListSection{
    padding:20px;
}
.memberListSection .memberIndexSectionTopBtn{
    background: #58b636;
    border-radius: 6px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color:#fff;
    font-size: 12px;
    display: block;
}
.memberListSection .memberListSectionWrapper{
    margin-top: 20px;
}
.memberListSection .memberListSectionColum{
    font-size: 0;
    background: #f7f7f7;
    padding: 16px 0;
}
.memberListSection .memberListSectionColum:nth-child(2n){
    background: #fff;
}
.memberListSection .memberListSectionColumItem{
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    font-size: 13px;
    padding: 0 0.9%;
    text-align: center;
}
.memberListSection .memberListSectionColumItem.short{
    display: inline-block;
    vertical-align: middle;
    width: 5%;
}
.memberListSection .memberListSectionColumItem.short i{
    color:#787878;
    font-size:16px;
}
.memberListSection .memberListSectionColumItem.length{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.memberBookOrderDetail{
    padding:20px 30px;
}
.memberBookOrderDetail .memberBookOrderDetailItem{
    padding: 10px 0;
    font-size:13px;
}
.memberBookOrderDetail .memberBookOrderDetailBtn{
    pading:6px 16px;
    display: block;
    margin-top:20px;
    border-radius: 6px;
    font-size: 13px;
}

.surveyDetailInfoSection{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:20px 0 30px;
    margin-top: 20px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionLabel{
    text-align: left;
    font-size: 18px;
    padding-left: 26px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}
.surveyDetailInfoSection .surveyDetailInfoSectionWrapper{
    padding: 0 26px;
    margin-top: 15px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionWrapper .formContainer{
    max-width:100%;
    padding-top:0;
}
.surveyDetailInfoSection .surveyDetailInfoSectionTitle{
    font-size: 14px;
    font-weight: 600;
}
.surveyDetailInfoSection .surveyDetailInfoSectionDesc{
    margin:6px 0;
}
.surveyDetailInfoSection .surveyDetailInfoSectionTime{

}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestion{
    margin-bottom:20px;
    padding-top:20px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionTitle{
    font-size:16px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionNo{

}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionType{
    border:1px solid #58b636;
    color: #58b636;
    border-radius: 4px;
    font-size: 12px;
    padding:4px 10px;
    margin-right:10px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionText{
    font-weight: 600;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionOptions{
    margin-top: 20px;
    font-size:14px;
    margin-left: 76px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionOptions .formRadio{
    margin-right: 26px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionOptions .formCheckbox{
    margin-right: 26px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionQuestionOptions .formInput{
    margin-right: 26px;
}
.surveyDetailInfoSection .surveyDetailInfoSectionWrapper .formBtn{
    width: 29%;
    margin: 40px auto 20px;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
}

.memberSurveyReplySectionWrapper{
    padding:0 20px;
}
.memberSurveyReplySectionWrapper .memberSurveyReplySectionItem{
    padding:20px;
}
.memberSurveyReplySectionWrapper .memberSurveyReplySectionItem .memberSurveyReplySectionItemTitle{

}
.memberSurveyReplySectionWrapper .memberSurveyReplySectionItem .memberSurveyReplySectionItemTitle .memberSurveyReplySectionItemTitleType{
    border:1px solid #58b636;
    color: #58b636;
    border-radius: 4px;
    font-size: 12px;
    padding:4px 10px;
    margin-right:10px;
}
.memberSurveyReplySectionWrapper .memberSurveyReplySectionItem .memberSurveyReplySectionItemTitle .memberSurveyReplySectionItemTitleText{
    font-weight: 600;
}
.memberSurveyReplySectionWrapper .memberSurveyReplySectionItem .memberSurveyReplySectionItemOptions{
    margin-top: 20px;
    font-size:14px;
    margin-left: 76px;
}
.memberSurveyReplySectionWrapper .memberSurveyReplySectionItem .memberSurveyReplySectionItemOptions span{
    margin-right: 16px;
}


.usernoteTop{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:20px 30px;
    margin-top: 20px;
}
.usernoteTop .usernoteTopLabel{
    margin-bottom: 16px;
    font-weight: 600;
}
.usernoteTop .usernoteTopInfo{
    font-size:13px;
}
.usernoteTop .usernoteTopInfo input{
    border:1px solid #eee;
    padding: 10px;
}
.usernoteList{

}
.usernoteList .usernoteItem{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    margin-top: 20px;
    margin-right: 2%;
    width: 23.5%;
    font-size:0;
    padding-bottom: 10px;
}
.usernoteList .usernoteItem:nth-child(4n){
    margin-right:0;
}
.usernoteList .usernoteItem .usernoteItemTop{
    font-size: 14px;
    padding:10px;
}
.usernoteList .usernoteItem .usernoteItemTopCheck{
    height:20px;
    width:20px;
    border-radius: 50%;
    background: #ffcbac;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    font-size:13px;
}
.usernoteList .usernoteItem .usernoteItemTopCheck.selected{
    background: #f77222;
    color:#fff;
}
.usernoteList .usernoteItem .usernoteItemTitle{
    text-align: left;
    font-size: 14px;
    border-left: 4px solid #58b636;
    padding-left: 16px;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
}
.usernoteList .usernoteItem .usernoteItemArticle{
    font-size:13px;
    padding:10px 20px;
    font-weight: 600;
    color:#000;
}
.usernoteList .usernoteItem .usernoteItemArticle span{
    font-weight: 400;
    color:#585858;
}
.usernoteList .usernoteItem .usernoteItemContent{
    font-size:13px;
    padding:0px 20px 10px;
}
.usernoteList .usernoteItem .usernoteItemContent .usernoteItemContentWrapper{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    color:#585858;
    height: 95px;
    line-height: 1.5;
}
.usernoteList .usernoteItem .usernoteItemContent .toAllNote{
    color:#58b636;
    margin-top:6px;
    cursor: pointer;
}
.usernoteList .usernoteItem .usernoteItemContent .toAllNote{
    color:#58b636;
    margin-top:6px;
    cursor: pointer;
}
.usernoteCreatePdfBtn{
    margin:40px auto;
    border-radius: 4px;
}

.notePdfSection{
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    border-radius: 2px;
    padding:0 0 30px;
    margin-top: 20px;
}
.notePdfSection .notePdfTopSection{
    padding-top:20px;
}
.notePdfTopSection .notePdfTopSectionLabel{
    text-align: left;
    font-size: 15px;
    border-left: 6px solid #58b636;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
}
.notePdfTopSection .notePdfTopSectionInfo{
    margin-top:12px;
    padding-left:26px;
    border-bottom: 1px solid #eee;
    padding-bottom:30px;
}
.notePdfTopSection .notePdfTopSectionInfo .notePdfTopSectionInfoItem{
    font-weight: 600;
    color:#000;
    font-size:14px;
}
.notePdfTopSection .notePdfTopSectionInfo .notePdfTopSectionInfoItem span{
    font-weight: 400;
    color:#585858;
}

.notePdfSection .notePdfWrapperSection{
    padding:20px;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem{
    font-size:0;
    height: 260px;
    border:1px solid #eee;
    margin-bottom: 10px;
    padding:20px;
    cursor: move;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem .notePdfWrapperSectionNoteItemLeft{
    width: 82%;
    margin-right:2%;
    font-size:14px;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem .notePdfWrapperSectionNoteItemLeft .notePdfWrapperSectionNoteItemLeftTextEdit{
   color:#787878;
    margin-top:10px;
    display: block;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem .notePdfWrapperSectionNoteItemLeft .notePdfWrapperSectionNoteItemLeftTextEdit span{
   margin-right:6px;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem .notePdfWrapperSectionNoteItemLeft div{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    width: 100%;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem .notePdfWrapperSectionNoteItemRight{
    width: 16%;
    overflow: hidden;
    height: 100%;
}
.notePdfSection .notePdfWrapperSection .notePdfWrapperSectionNoteItem .notePdfWrapperSectionNoteItemRight img{
    width: 100%;
}
.userAgreementPopup{
    overflow: hidden;
    position: fixed;
    zoom: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 500px;
    right: 0;
    height: 350px;
    margin: auto;
    z-index:999;
    transition: 1s;
    box-shadow: 0px 10px 20px 0px rgba(153,153,153,0.15);
    background: #fff;
    border-radius: 6px;
}
.userAgreementPopup .userAgreementPopupHead{
    font-size: 0;
    height: 60px;
}
.userAgreementPopup .userAgreementPopupHeadLeft{
    text-align: left;
    font-size: 16px;
    border-left: 6px solid #58b636;
    padding-left: 20px;
    width: 420px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-weight: 600;
}
.userAgreementPopup .userAgreementPopupHeadRight{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    border: 1px solid #eee;
    cursor: pointer;
}
.userAgreementPopup .userAgreementPopupWrapper{
    padding:10px 20px;
}
.userAgreementPopup .userAgreementPopupWrapperScroll{
    overflow-y:scroll;
    height: 180px;
    line-height: 1.4;
}
.userAgreementPopup .userAgreementPopupBottom{
    padding:0 30px;
}
.userAgreementPopup .userAgreementPopupBottomBtn{
    width: 160px;
    text-align: center;
    color: #fff;
    background: #58b636;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 6px;
    margin: 10px auto;
    cursor: pointer;
    display: block;
}
.userAgreementPopupBg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: fixed;
    top:0;
    left:0;
}
.memberTopSectionRegisterInfo{
    padding: 0 26px;
}
.memberTopSectionRegisterInfo .memberTopSectionRegisterInfoItem{
    font-size:14px;
    padding:10px 0;
}
.memberTopSectionRegisterInfo .memberTopSectionRegisterInfoBar{
    font-size: 14px;
    padding: 26px 0 10px;
    font-weight: 600;
}
.memberTopSectionRegisterInfo .memberTopSectionRegisterInfoItemLabel{
    font-size: 14px;
    color: #787878;
    margin-right: 10px;

}
.memberTopSectionRegisterInfo .memberTopSectionRegisterInfoItemValue{

}


.memberTopSectionRegisterInfo.editBookOrder{
    padding: 0 26px;
}
.memberTopSectionRegisterInfo.editBookOrder .memberTopSectionRegisterInfoItem{
    width:62%;
    margin:0 auto;
}
.memberTopSectionRegisterInfo.editBookOrder .memberTopSectionRegisterInfoBar{
    width:62%;
    margin:0 auto;
}
.memberTopSectionRegisterInfo.editBookOrder .memberTopSectionRegisterInfoItemLabel{
    margin-right:2%;
    width: 17%;

}
.memberTopSectionRegisterInfo.editBookOrder .editBookOrderRemark{
    font-size: 13px;
    color: #787878;
    margin-top: 40px;
    text-align: center;
}

/*注册页登录页*/

.registerPageWrap{
    max-width: 1180px;
    margin: 80px auto 100px;
}
.registerPageWrap .registerTab{
    border-bottom: 2px solid #F7F7F7;
    margin-top: 100px;
    height: 40px;
    text-align: center;
}
.registerPageWrap .registerTab .registerTabItem{
    color: #787878;
    font-weight: 500;
    margin: 0 40px;
    border-bottom: 2px solid #f7f7f7;
    height: 40px;
    cursor: pointer;
}
.registerPageWrap .registerTab .registerTabItem.selected{
    color:#585858;
    border-color: #58b636;
}
.registerPageWrap .registerContent{
    background-color: #fff;
    padding-bottom: 40px;
    min-height: 500px;
    margin-top: 20px;
}
.registerPageWrap .registerAgreement{
    color: #585858;
    padding: 16px 0;
    font-size: 12px;
    width: 100%;
    text-align: center;
}
.registerPageWrap .registerBottom{
    color:#585858;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}


.registerPageWrap #companyRegister{

}
.registerPageWrap #companyRegister .registerForm{
    max-width: 900px;
}
.registerPageWrap #companyRegister .registerFormLeft{
    width:400px;
    padding-right: 40px;

}
.registerPageWrap #companyRegister .registerFormLeftLabel{
    padding-bottom: 20px;
}
.registerPageWrap #companyRegister .registerFormRight{
    width:400px;
    padding-left: 40px;
    border-left: 1px solid #ddd;
}
.registerPageWrap #companyRegister .registerFormRightLabel{
    padding-bottom: 20px;
}
.registerPageWrap #companyRegister .registerAgreement{
    margin-top: 20px;
}
.registerPageWrap #companyRegister .formBtn{
    width: 40%;
    margin: 20px auto;
    display: block;
}




.loginPageWrap{
    padding: 60px 0;
    margin: 60px auto;
    max-width: 1200px;
}
.loginPageWrap .loginPic{
    width: 697px;
    margin-right: 90px;
}
.loginPageWrap .loginContent{
    background-color: #fff;
    height: 320px;
    width: 320px;
    padding: 30px 40px;
}
.loginPageWrap .loginUseragreement{
    font-size: 13px;
    color:#585858;
    padding-bottom:10px;
}
.loginPageWrap .loginBottom{
    font-size: 13px;
    color:#585858;
}
.loginPageWrap .loginBottomL{
    width:49%;
}
.loginPageWrap .loginBottomR{
    width:49%;
    text-align: right;
}
.loginPageWrap .loginBottom.lightText{
    color:#58b636;
}
.loginPageWrap .loginLabel{
    font-size:18px;
    text-align: center;
}
/*全局表单*/
.formContainer{
    margin: 0 auto;
    max-width: 420px;
    padding-top: 40px;
    position: relative;
}
.formContainer.registerForm{
    padding-top: 50px;
}
.formContainer.loginForm{
    padding-top: 20px;
}
.formContainer .formControl{
    padding-bottom: 20px;
    position: relative;
}
.formContainer .formLabel{
    width: 18%;
    font-size:13px;
}
.formContainer .formInput{
    font-size: 14px;
    height: 45px;
    width: 80%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #333;
    vertical-align: middle;
    padding: 13px 10px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.formContainer .formSelect{
    font-size: 14px;
    height: 45px;
    width: 80%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #333;
    vertical-align: middle;
    padding: 13px 10px 12px;
    box-sizing: border-box;

    border-radius: 0;
}
.formContainer .formSelect.twoSelect{
    width: 32%;
    margin-right: 2%;
}
.formContainer .formUploadPic{
    font-size: 14px;
    width: 80%;
}
.formContainer .formRadioItem{
    font-size: 14px;
    margin-right: 10px;
}
.formContainer .formControl.noLabel .formInput{
    width: 100%;
}
.formContainer .formInput:hover {
    border-color: #b3b3b3;
    outline: 0;
}
.formContainer .formInput:focus{
    border-color:#58b636;
    outline:0
}
.formContainer .formEditor{
    font-size: 14px;
    height: 170px;
    width: 100%;
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #333;
    vertical-align: middle;
    padding: 13px 10px 12px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.formContainer .formEditor:hover{
    border-color: #b3b3b3;
    outline: 0;
}
.formContainer .formEditor:focus{
    border-color: #b3b3b3;
    outline: 0;
}
.formContainer .formControl.authCodeControl .formInput{
    width: 60%;
}
.formContainer .formControl.authCodeControl .formCodeImg{
    width: 19%;
    height: 45px;
}
.formContainer .formControl.authCodeControl.noLabel .formInput{
    width: 79%;
}


.formContainer .formControl.mobileCodeControl .formInput{
    width: 50%;
}
.formContainer .formControl.mobileCodeControl .formSmscodePrefix{
    width: 36%;
    height: 43px;
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    color: #555;
    border:1px solid #e5e5e5;
    text-shadow: none;
    transition: box-shadow 0.25s ease;
    z-index: 2;
    text-align: center;
}
.formContainer .formControl.mobileCodeControl .formSmscodePrefix select{
    cursor: pointer;
    padding: 15px 10px;
    width: 100%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    outline: 0;

}

.formContainer .formControl.mobileCodeControl .formSmscodePrefix select:before{
    content:"";
position:absolute;
width:0;
height:0;
border:10px solid transparent;
border-top-color:#ccc;
top:14px;
right:10px;
cursor:pointer;
z-index:-2;
}

.formContainer .formControl.mobileCodeControl .formSmscodePrefix select:focus{
    　outline:none;
    }

.formContainer .formControl.mobileCodeControl .formSmscodeBtn{
    width: 29%;
    height: 45px;
    background:#58b636;
    text-align: center;
    font-size:13px;
    line-height: 45px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}
.formContainer .formControl.mobileCodeControl.noLabel .formInput{
    width: 69%;
}


.formContainer .formBtn{
    width: 100%;
    height: 45px;
    border: none;
    margin-bottom: 20px;
    margin-top:20px;
    font-size: 14px;
    background-color: #3A2871;
    cursor: pointer;
    color: #fff;
    outline: 0;
}
.formContainer .formBtn:hover{
    background-color:#140935
}
.formContainer .formBtn.disabled,.formContainer .formBtn.disabled:hover{
    background-color:#d0d0d0;
    color:#fff
}


.pageBanner{
    width:100%;
    height: 380px;
    text-align: center;

}
.pageBanner.tech_achievements{
    background: url('/upload/images/resource/banner/tech_achievements_banner.png') no-repeat center center;
    background-size:100% 100%;
}
.pageBanner.tech_talent{
    background: url('/upload/images/resource/banner/tech_talent_banner.png') no-repeat center center;
    background-size:100% 100%;
}
.pageBanner.tech_train{
    background: url('/upload/images/resource/banner/tech_talent_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.tech_talentdetail{
    background: url('/upload/images/resource/banner/tech_talentdetail_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.tech_school{
    background: url('/upload/images/resource/banner/tech_school_banner.png') no-repeat center center;
    background-size:100% 100%;
}
.pageBanner.tech_schooldetail{
    background: url('/upload/images/resource/banner/tech_school_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.research_article{
    background: url('/upload/images/resource/banner/research_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.project_project{
    background: url('/upload/images/resource/banner/project_banner.png') no-repeat center center;
    background-size:100% 100%;
}
.pageBanner.city_citydetail{
    background: url('/upload/images/resource/banner/city_citydetail_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.media_article{
    background: url('/upload/images/resource/banner/media_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.appmarket_app{
    background: url('/upload/images/resource/banner/appmarket_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 250px;
}
.pageBanner.member_banner{
    background: url('/upload/images/resource/banner/member_banner.png') no-repeat center center;
    background-size:100% 100%;
    height: 320px;
}

.pageBanner .pageBannerSlogan{
    font-size: 26px;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 50px;
}
.pageBanner .pageBannerSearch{
    border:1px solid #fff;
    width:600px;
    height: 50px;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
    font-size: 0;
}
.pageBanner .pageBannerSearch .pageBannerSearchInput{
    background: rgba(255,255,255,0.1);
    width: 480px;
    height: 50px;
    border: 0;
    line-height: 50px;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
}
.pageBanner .pageBannerSearch .pageBannerSearchBtn{
    width: 100px;
    border: 0;
    height: 50px;
    font-size: 14px;
    color:#58b636;
}

.sectionWrapper{
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}


.pageTab{
    background: #fff;
    height: 70px;
    line-height: 70px;
    box-shadow:0px 2px 4px 0px rgba(3,27,78,0.06);
    text-align: center;
    position: relative;
    z-index: 99;
}

.pageTab .pageTabItem{
    font-size:0;
}
.pageTab.threeCol .pageTabItem{
    width:22%;
    font-size:14px;
    border-bottom:2px solid #fff;
    height: 64px;
    line-height: 64px;
}
.pageTab .pageTabItem.selected{
    color:#58b636;
    border-bottom:2px solid #58b636;
}


.filterSection{
    background: #fff;
    padding: 20px 0;
}
.filterSection .filterSectionItem{
    font-size:0;
    padding: 16px 0;
}
.filterSection .filterSectionItemLabel{
    color: #999;
    font-size: 14px;
    margin-right: 2%;
    width: 8%;
    vertical-align: top;
    text-align: right;
    margin-top: 5px;
}
.filterSection .filterSectionItemBody{
    font-size: 14px;
    max-width: 90%;
    line-height: 1.6;
}
.filterSection .filterSectionItemBody .filterSectionItemBodyItem{
    font-size:14px;
    color:#222;
    margin-right: 10px;
    cursor: pointer;
}
.filterSection .filterSectionItemBody .filterSectionItemBodyItem.selected{
    font-size:14px;
    color:#58b636;
    font-weight: 600;
}




.techAchievementsList{
    margin-top:26px;
}
.techAchievementsList .techAchievementsItem{
    background: #fff;
    margin-bottom:26px;
    padding:30px;
    border-left: 2px solid #fff;
    display: block;
}
.techAchievementsList .techAchievementsItemTop{
    font-size:0;
}
.techAchievementsList .techAchievementsItemTitle{
    font-size: 18px;
    font-weight: 500;
    width:80%;
}
.techAchievementsList .techAchievementsItemRegion{
    font-size: 13px;
    width:20%;
    text-align: right;
    color:#787878;
}
.techAchievementsList .techAchievementsItemRegionIcon{
    color:#58b636;
    margin-right: 6px;
}
.techAchievementsList .techAchievementsItemMiddle{
    color:#787878;
    font-size: 13px;
    padding:16px 0 ;
}
.techAchievementsList .techAchievementsItemMiddleItem{
    margin-right: 10px;
}
.techAchievementsList .techAchievementsItemIntro{
    color:#585858;
    font-size: 13px;
    line-height: 1.5;
}
.techAchievementsList .techAchievementsItem:hover{
    border-color: #58b636;
    box-shadow:0px 15px 30px 0px rgba(179,183,199,0.2);
}
.techAchievementsList .techAchievementsItem:hover .techAchievementsItemTitle{
    color:#58b636;
}


.techAchievementsDetailTop{
    font-size:0;
    background: #fff;
    padding:30px;
    border-top:2px solid #58b636;
}
.techAchievementsDetailTop .techAchievementsDetailTopLeft{
    width: 400px;
    margin-right: 50px;
}
.techAchievementsDetailTop .techAchievementsDetailTopLeftThumb{
    height:90px;
}
.techAchievementsDetailTop .techAchievementsDetailTopLeftOneThumb{
    width: 400px;
    height:400px;
}
.techAchievementsDetailTop .techAchievementsDetailTopRight{
    font-size: 14px;
    max-width: 690px;
}
.techAchievementsDetailTop .techAchievementsDetailTopTitle{
    font-size:26px;
    margin-bottom: 36px;
}
.techAchievementsDetailTop .techAchievementsDetailTopInfo{
    color:#585858;
}
.techAchievementsDetailTop .techAchievementsDetailTopInfoItem{
    margin-bottom: 30px;
}
.techAchievementsDetailTop .techAchievementsDetailTopBtn{
    margin-top: 60px;
}
.techAchievementsDetailTop .techAchievementsDetailTopBtnItem{
    margin-left:30px;
}

.detailPageContent{
    background: #fff;
    padding:30px 30px 60px;
    margin:20px 0;
}
.detailPageContent .detailPageContentGroup{
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.detailPageContent .detailPageContentGroup:last-child{
    border-bottom:0;
}
.detailPageContent .detailPageContentLabel{
    padding-left:10px;
    border-left: 4px solid #58b636;
    margin:20px 0 30px;
    font-size: 14px;
}
.detailPageContent .detailPageContentBody{

}
.detailPageContent .detailPageContentHead{
    margin:20px 0 30px;
    font-size:0;
}
.detailPageContent .detailPageContentHeadLeft{
    padding-left:5%;
    border-left: 4px solid #58b636;
    width:45%;
    font-size: 14px;
}
.detailPageContent .detailPageContentHeadRight{
    width:45%;
    color:#787878;
    font-size: 13px;
    text-align: right;
}


.techTalentList{

}
.techTalentList .techTalentItem{
    background: #fff;
    width: 528px;
    margin-top: 20px;
    padding: 30px;
    border-left: 2px solid #fff;
}
.techTalentList .techTalentItem:nth-child(2n){
    margin-left:20px;
}
.techTalentList .techTalentItemLeft{
    width:120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
}
.techTalentList .techTalentItemLeft img{
    width:120px;
}
.techTalentList .techTalentItemRight{
    margin-left:30px;
    width: 370px;
}
.techTalentList .techTalentItemRightTop{
    font-size:0;
    margin-bottom: 16px;
}
.techTalentList .techTalentItemName{
    font-size: 18px;
    font-weight: 500;
    width:70%;
}
.techTalentList .techTalentItemRegion{
    font-size: 13px;
    width:30%;
    text-align: right;
    color:#787878;
}
.techTalentList .techTalentItemRegionIcon{
    color:#58b636;
    margin-right: 6px;
}
.techTalentList .techTalentItemRightInfo{
    color:#585858;
    font-size:13px;
}
.techTalentList .techTalentItemRightInfoItem{
    margin-bottom: 15px;
    line-height: 1.5;
}
.techTalentList .techTalentItem:hover{
    border-color: #58b636;
    box-shadow:0px 15px 30px 0px rgba(179,183,199,0.2);
}


.techTalentDetailTop{
    background: #fff;
    position: relative;
    height: 130px;
    text-align: center;
    padding-top: 65px;
}
.techTalentDetailTop .techTalentDetailAvatar{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -60px;
    z-index: 999;
    border:2px solid #fff;
    left:0;
    right:0;
    margin:0 auto;
}
.techTalentDetailTop .techTalentDetailAvatar img{
    width:120px;
}
.techTalentDetailTop .techTalentDetailName{
    font-size:18px;
    margin:10px 0;
}
.techTalentDetailTop .techTalentDetailSchool{
    font-size:14px;
    color:#787878;
}
.techTalentDetailTop .techTalentDetailFav{
    width: 140px;
    display: block;
    margin: 15px auto 0;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 6px;
}

.techTalentDetailContentInfo{
    margin:16px 0;
    font-size:14px;
}
.techTalentDetailContentInfo .techTalentDetailContentInfoLabel{
    width:60px;
    color:#787878;
    text-align: right;
}
.techTalentDetailContentInfo .techTalentDetailContentInfoData{
    margin-left:20px;
}




.techSchoolDetail{
    font-size:0;
    margin:20px auto;
}
.techSchoolDetail .techSchoolDetailLeft{
    width:25%;
    margin-right:2%;
    font-size: 14px;
}
.techSchoolDetail .techSchoolDetailLeftBox{
    background: #fff;
    padding:20px 30px;
    margin-bottom: 20px;
}
.techSchoolDetail .techSchoolDetailLeftBoxLabel{
    padding-left:10px;
    border-left: 4px solid #58b636;
    margin:20px 0 30px;
}
.techSchoolDetail .techSchoolDetailLogo{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    margin:0 auto;
}
.techSchoolDetail .techSchoolDetailLogo img{
    width:110px;
}
.techSchoolDetail .techSchoolDetailName{
    margin-top:20px;
    font-size:16px;
    text-align: center;
}
.techSchoolDetail .techSchoolDetailAuth{
    color:#787878;
    font-size:13px;
    margin-top: 15px;
    text-align: center;
}
.techSchoolDetail .techSchoolDetailInfo{
    margin-top: 30px;
    font-size:13px;
}
.techSchoolDetail .techSchoolDetailInfoItem{
    margin-bottom: 20px;
}
.techSchoolDetail .techSchoolDetailInfoItemLabel{
    width:35%;
    text-align: left;
    color:#787878;
}
.techSchoolDetail .techSchoolDetailInfoItemData{
    width: 55%;
    text-align: right;
    color: #000;
    margin-left: 10%;
}
.techSchoolDetail .techSchoolDetailBooking{
    margin: 30px auto 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
}

.techSchoolDetail .techSchoolDetailRight{
    width:73%;
    font-size: 14px;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent{
    font-size:0;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent .techSchoolDetailTalentItem{
    width: 19.5%;
    font-size: 14px;
    margin-right: 2%;
    background: #fff;
    padding: 2%;
    text-align: center;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent .techSchoolDetailTalentItem:last-child{
    margin-right:0;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent .techSchoolDetailTalentItemThumb{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin:0 auto;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent .techSchoolDetailTalentItemThumb img{
    height: 100px;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent .techSchoolDetailTalentItemName{
    font-size:16px;
    margin:20px 0;
}
.techSchoolDetail .techSchoolDetailRight .techSchoolDetailTalent .techSchoolDetailTalentItemInfo{
    color:#787878;
    font-size: 13px;
    margin:16px 0;
}





.projectProjectDetailTop{
    font-size:0;
    background: #fff;
    padding:30px;
    border-top:2px solid #58b636;
}
.projectProjectDetailTop .projectProjectDetailTopLeft{
    width: 300px;
    height: 300px;
    margin-right: 50px;
    overflow: hidden;
}
.projectProjectDetailTop .projectProjectDetailTopLeftOneThumb{
    width: 300px;
}
.projectProjectDetailTop .projectProjectDetailTopRight{
    font-size: 14px;
    max-width: 790px;
}
.projectProjectDetailTop .projectProjectDetailTopTitle{
    font-size:26px;
    margin-bottom: 30px;
}
.projectProjectDetailTop .projectProjectDetailTopInfo{
    color:#585858;
}
.projectProjectDetailTop .projectProjectDetailTopInfoItem{
    margin-bottom: 26px;
}
.projectProjectDetailTop .projectProjectDetailTopBtn{
    margin-top: 50px;
}
.projectProjectDetailTop .projectProjectDetailTopBtnItem{
    margin-left:30px;
}


.researchArticleCateSection{
    padding: 20px 0 0;
}
.researchArticleCateSection .researchArticleCateSectionItem{
    padding: 2%;
    background: #fff;
    position: relative;
    width: 19.8%;
    overflow: hidden;
    margin-left: 1.5%;
    box-shadow:0px 10px 20px 0px rgba(153,153,153,0.15);
}
.researchArticleCateSection .researchArticleCateSectionItemCircular{
    position: absolute;
    border: 12px solid rgba(203,162,77,1);
    opacity: 0.1;
    width: 60px;
    height: 60px;
    right: -25px;
    top: -25px;
    border-radius: 50%;
}
.researchArticleCateSection .researchArticleCateSectionItemTop{
    /*margin-bottom:10px;*/
}
.researchArticleCateSection .researchArticleCateSectionItemName{
    font-size:18px;
    margin-top:10px;
}
.researchArticleCateSection .researchArticleCateSectionItemIntro{
    font-size: 13px;
    color:#787878;
    margin-top:10px;
}
.researchArticleCateSection .researchArticleCateSectionItemBottom{

}
.researchArticleCateSection .researchArticleCateSectionItemBtn{
    color: #58b636;
    border: 1px solid #58b636;
    font-size: 12px;
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}
.researchArticleCateSection .researchArticleCateSectionItemIcon{
    width: 60px;
    height: 60px;
    margin-left: 70px;
}



.researchArticleList{

}
.researchArticleList .researchArticleItem{
    margin-top:20px;
    height: 559px;
}
.researchArticleList .researchArticleItem .bd{
    height: 618px;
}
.researchArticleList .researchArticleItem .bd img {
    height: 618px;
}
.researchArticleList .researchArticleItem:last-child{
    margin-bottom:220px;
}



.articleDetailWrapper{
    padding: 50px 0;
    max-width: 900px;
    margin:0 auto;
}
.articleDetailWrapper .articleDetailTop{
    padding:20px 0;
    border-bottom: 1px solid #eee;
    text-align: center;
    margin-bottom: 30px;
}
.articleDetailWrapper .articleDetailTitle{
    font-size:20px;
    margin-bottom: 30px;
}
.articleDetailWrapper .articleDetailInfo{
    font-size:0;
}
.articleDetailWrapper .articleDetailInfoItemLeft{
    font-size: 13px;
    color: #787878;
    width: 87%;
    text-align: left;
}
.articleDetailWrapper .articleDetailInfoItemLeft span{
    margin-right:20px;
}
.articleDetailWrapper .articleDetailInfoFav{
    font-size: 12px;
    width: 12%;
    height: 25px;
    line-height: 25px;
}
.articleDetailWrapper .articleDetailContent{
    margin-bottom: 50px;
    min-height: 500px;
}
.articleDetailWrapper .articleDetailContentBody{
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 14px;
}
.articleDetailWrapper .articleDetailContentBtn{
    display: block;
    margin: 20px auto;
}





.mediaIndexSection{
    background: #fff;
    padding:20px 30px;
}
.mediaIndexSection .mediaIndexSectionHead{
    padding: 10px 0 20px;
}
.mediaIndexSection .mediaIndexSectionHeadText{
    width: 75px;
    font-size: 18px;
    font-weight: 500;
}
.mediaIndexSection .mediaIndexSectionHeadLine{
    border-bottom: 1px solid #eee;
    width: 400px;
    height: 20px;
}
.mediaIndexSection .mediaIndexSectionHeadIcon{
    width: 40px;
}
.mediaIndexSection .mediaIndexSectionHeadSearch{
    width: 420px;
    text-align: right;
}
.mediaIndexSection .mediaIndexSectionHeadSearch .mediaIndexSectionHeadSearchInput{
    border: 1px solid #eee;
    padding: 4px 6px;
}
.mediaIndexSection .mediaIndexSectionHeadSearch .mediaIndexSectionHeadSearchSelect{
    padding: 3px 6px;
    border: 1px solid #eee;
}
.mediaIndexSection .mediaIndexSectionHeadSearch .mediaIndexSectionHeadSearchBtn{
    background: #58b636;
    border: 0;
    color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
}
.mediaIndexTopLayout .mediaIndexSection:nth-child(1) .mediaIndexSectionHeadText{
    width: 57px;
}
.mediaIndexBottomLayout .mediaIndexSection:nth-child(1) .mediaIndexSectionHeadLine{
    width: 559px;
}

.mediaIndexBottomLayout .mediaIndexSection:nth-child(2) .mediaIndexSectionHeadLine{
    width: 250px;
}


.mediaIndexSection .mediaIndexSectionBody{
    position: relative;
}

.mediaIndexTopLayout{
    font-size:0;
    margin-top:20px;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection{
    width: 508px;
    font-size:14px;
    margin-right:20px;
    height: 400px;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .mediaIndexSectionBody{
    height: 350px;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .mediaIndexTopLeftSwiper{
    height: 310px;
    margin-top:8px;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .mediaIndexTopLeftSwiper a{
    height: 310px;
    width: 100%;
    display: block;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .mediaIndexTopLeftSwiper .mediaIndexTopLeftSwiperTitle {
    width: 90%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
    color: #fff;
    top: auto;
    line-height: 50px;
    padding: 0 5%;
    background: rgba(0,0,0,0.23);
    font-size: 14px;
}

.mediaIndexTopLayout .mediaIndexTopLeftSection .pagination {
    bottom: 10px;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .swiper-pagination-switch {
    width: 16px;
    height: 10px;
    font-size: 0;
    line-height: 10px;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .swiper-pagination-switch:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(102, 102, 102, .5);
    box-shadow:none;
}
.mediaIndexTopLayout .mediaIndexTopLeftSection .swiper-active-switch:before {
    background: #58b636;
    box-shadow: none;
}


.mediaIndexTopLayout .mediaIndexTopRightSection{
    width: 552px;
    font-size:14px;
    height: 400px;
}

.mediaIndexTopLayout .mediaIndexTopRightSection .mediaIndexSectionArticleList{

}
.mediaIndexTopLayout .mediaIndexTopRightSection .mediaIndexSectionArticleList li{
    padding: 9px 0;
}
.mediaIndexTopLayout .mediaIndexTopRightSection .mediaIndexSectionArticleList li:first-child{
    padding-top:0;
}
.mediaIndexTopLayout .mediaIndexTopRightSection .mediaIndexSectionArticleList li .mediaIndexSectionArticleIcon{
    background:#58b636;
    width:7px;
    height:7px;
    border-radius: 50%;
    margin-right: 6px;
}
.mediaIndexTopLayout .mediaIndexTopRightSection .mediaIndexSectionArticleList li .mediaIndexSectionArticleTitle{
    font-size: 15px;
}



.mediaIndexBottomLayout{
    font-size:0;
    margin-top:20px;
    margin-bottom: 40px;
}
.mediaIndexBottomLayout .mediaIndexBottomLeftSection{
    width: 684px;
    font-size:14px;
    margin-right: 20px;
    height: 700px;
}
.mediaIndexBottomLayout .mediaIndexBottomLeftSection .mediaIndexSectionArticleList{

}
.mediaIndexBottomLayout .mediaIndexBottomLeftSection .mediaIndexSectionArticleList li{
    padding: 14px 0;
    font-size:0;
}
.mediaIndexBottomLayout .mediaIndexBottomLeftSection .mediaIndexSectionArticleList li:first-child{
    padding-top:10px;
}
.mediaIndexBottomLayout .mediaIndexBottomLeftSection .mediaIndexSectionArticleList li .mediaIndexSectionArticleTime{
    width:20%;
    text-align: right;
    color:#787878;
    font-size:14px;
}
.mediaIndexBottomLayout .mediaIndexBottomLeftSection .mediaIndexSectionArticleList li .mediaIndexSectionArticleTitle{
    font-size: 15px;
    width: 75%;
    margin-right: 5%;
}


.mediaIndexBottomLayout .mediaIndexBottomRightSection{
    width: 376px;
    font-size:14px;
    height: 700px;
}
.mediaIndexBottomLayout .mediaIndexBottomRightSection .mediaIndexSectionArticleList{

}
.mediaIndexBottomLayout .mediaIndexBottomRightSection .mediaIndexSectionArticleList li{
    padding: 14px 0;
    font-size:0;
}
.mediaIndexBottomLayout .mediaIndexBottomRightSection .mediaIndexSectionArticleList li:first-child{
    padding-top:10px;
}
.mediaIndexBottomLayout .mediaIndexBottomRightSection .mediaIndexSectionArticleList li .mediaIndexSectionArticleThumb{
    width:80px;
    height:80px;
    text-align: right;
    color:#787878;
    font-size:14px;
}
.mediaIndexBottomLayout .mediaIndexBottomRightSection .mediaIndexSectionArticleList li .mediaIndexSectionArticleTitle{
    font-size: 15px;
    width: 270px;
    margin-left: 20px;

}


.mediaCategorySection{
    background: #fff;
    padding: 30px;
    margin-top: 10px;
    margin-bottom: 60px;
}
.mediaCategorySection .mediaCategorySectionArticleList{

}
.mediaCategorySection .mediaCategorySectionArticleList li{
    padding: 20px 0;
    font-size:0;
    border-bottom: 1px solid #eee;
}
.mediaCategorySection .mediaCategorySectionArticleList li:last-child{
    border-bottom: 0;
}
.mediaCategorySection .mediaCategorySectionArticleTitle{
    font-size: 15px;
    width: 75%;
    margin-right: 5%;
}
.mediaCategorySection .mediaCategorySectionArticleTime{
    width:20%;
    text-align: right;
    color:#787878;
    font-size:14px;
}
.mediaCategorySection .mediaCategorySectionHeadSearch{
    width: 460px;
    text-align: left;
    padding: 10px 0 20px;
}
.mediaCategorySection .mediaCategorySectionHeadSearch .mediaCategorySectionHeadSearchInput{
    border: 1px solid #eee;
    padding: 10px 20px;
}
.mediaCategorySection .mediaCategorySectionHeadSearch .mediaCategorySectionHeadSearchSelect{
    padding: 9px 20px;
    border: 1px solid #eee;
}
.mediaCategorySection .mediaCategorySectionHeadSearch .mediaCategorySectionHeadSearchBtn{
    background: #58b636;
    border: 0;
    color: #fff;
    padding:9px 30px;
    border-radius: 4px;
}





.cityIndexBanner{
    height: 200px;
    text-align: center;
    background: url('/upload/images/resource/banner/city_banner.png') no-repeat center center;
    background-size:100% auto;
    background-blend-mode: multiply;
    line-height: 200px;
    margin-top:30px;
}
.cityIndexBanner .cityIndexBannerText{
    font-size:22px;
    color:#fff;
}
.cityIndexList{
    font-size:0;
}
.cityIndexList .cityIndexItem{
    width:380px;
    height:240px;
    margin-right:30px;
    margin-top:30px;
    text-align: center;
    background-blend-mode: multiply;
    color:#fff;
}
.cityIndexList .cityIndexItem:nth-child(3n){
    margin-right:0;
}
.cityIndexList .cityIndexItem .cityIndexItemName{
    font-size: 22px;
    margin-top: 80px;
    margin-bottom: 20px;
}
.cityIndexList .cityIndexItem .cityIndexItemBtn{
    font-size: 14px;
    height: 36px;
    width: 150px;
    line-height: 36px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin: 10px auto 0;
}




.cityCityDetail{
    font-size:0;
    margin:20px auto;
}
.cityCityDetail .cityCityDetailLeft{
    margin-right:2%;
    width:66%;
    font-size: 14px;
}
.cityCityDetail .cityCityDetailLeftBox{
    background: #fff;
    padding:20px 30px;
    margin-bottom: 20px;
}


.cityCityDetail .cityCityDetailLeftNav{
    background: #fff;
    box-shadow:0px 2px 4px 0px rgba(3,27,77,0.06);
    width: 100%;
    height: 70px;
    text-align: center;
    margin:20px 0;
    line-height: 68px;
}
.cityCityDetail .cityCityDetailLeftNavItem{
    width: 20%;
    margin:0 6%;
    border-bottom: 2px solid #fff;
}
.cityCityDetail .cityCityDetailLeftNavItem.selected{
    border-color: #58b636;
    color:#58b636;
}


.cityCityDetail .cityCityDetailLeftArticleItem{
    padding:20px;
    font-size:0;
    border-bottom:1px solid #eee;
    display: block;
}
.cityCityDetail .cityCityDetailLeftArticleItem:last-child{
    border-bottom:0;
}
.cityCityDetail .cityCityDetailLeftArticleItemThumb{
    width:100px;
    height: 100px;
    position: relative;
    overflow: hidden;
}
.cityCityDetail .cityCityDetailLeftArticleItemThumb img{
    width:100px;
}
.cityCityDetail .cityCityDetailLeftArticleItemIntegral{
    position: absolute;
    left:0;
    top:30px;
    background: #58b636;
    color:#fff;
    padding:6px 10px;
    font-size:12px;
}
.cityCityDetail .cityCityDetailLeftArticleItemRight{
    width:560px;
    margin-left:30px;
}
.cityCityDetail .cityCityDetailLeftArticleItemTitle{
    font-size:18px;
}
.cityCityDetail .cityCityDetailLeftArticleItemIntro{
    font-size: 14px;
    margin: 13px 0;
    color: #787878;
    line-height: 1.4;
}
.cityCityDetail .cityCityDetailLeftArticleItemTime{
    font-size:14px;
    color:#787878;
}






.cityCityDetail .cityCityDetailRight{
    width:32%;
    font-size: 14px;
}
.cityCityDetail .cityCityDetailRight .detailPageContent{
    margin-top:0;
    padding: 20px;
}
.cityCityDetail .cityCityDetailRight .detailPageContent .detailPageContentHead{
    margin: 0 0 20px;
}
.cityCityDetail .cityCityDetailRight .detailPageContent .detailPageContentBody{
    height: 305px;
    overflow: hidden;
    line-height: 1.6;
}
.cityCityDetail .cityCityDetailRightBox{
    background: #fff;
    padding:20px;
    margin-bottom: 20px;
}
.cityCityDetail .cityCityDetailRightBoxLabel{
    padding-left:10px;
    border-left: 4px solid #58b636;
    margin:0 0 20px;
}

.cityCityDetail .cityCityDetailRightArticleItem{
    font-size:0;
    border-bottom:1px solid #eee;
    display: block;
}
.cityCityDetail .cityCityDetailRightArticleItem:last-child{
    border-bottom:0;
}
.cityCityDetail .cityCityDetailRightArticleItemThumb{
    width:80px;
    height: 80px;
    position: relative;
    overflow: hidden;
}
.cityCityDetail .cityCityDetailRightArticleItemThumb img{
    width:80px;
}

.cityCityDetail .cityCityDetailRightArticleItemRight{
    width: 240px;
    margin-left: 20px;
}
.cityCityDetail .cityCityDetailRightArticleItemTitle{
    font-size:14px;
    line-height: 1.3;
}
.cityCityDetail .cityCityDetailRightArticleItemIntro{
    font-size: 13px;
    margin-top:6px;
    color: #787878;
    line-height: 1.2;
}



.appmarketAppList{
    margin-top:26px;
}
.appmarketAppList .appmarketAppItem{
    background: #fff;
    margin-bottom:26px;
    padding:30px;
    border-left: 2px solid #fff;
    display: block;
    font-size:0;
}
.appmarketAppList .appmarketAppItemLeft{
    width:65%;
    margin-right:5%;
    padding-right:5%;
    border-right: 1px solid #eee;
}
.appmarketAppList .appmarketAppItemTitle{
    font-size: 18px;
    font-weight: 500;
}
.appmarketAppList .appmarketAppItemAdvantage{
    color:#585858;
    font-size: 13px;
    padding:16px 0 ;
    line-height: 1.4;
}
.appmarketAppList .appmarketAppItemTime{
    color:#787878;
    font-size: 13px;
}
.appmarketAppList .appmarketAppItemRight{
    width:23%;
}
.appmarketAppList .appmarketAppItemRightInfo{
    color: #585858;
    font-size: 13px;
    padding:8px 0;
    line-height:1.75;
}
.appmarketAppList .appmarketAppItem:hover{
    border-color: #58b636;
    box-shadow:0px 15px 30px 0px rgba(179,183,199,0.2);
}
.appmarketAppList .appmarketAppItem:hover .appmarketAppItemTitle{
    color:#58b636;
}




.appmarketAppDetailTop{
    font-size: 14px;
    background: #fff;
    padding:30px;
    border-top:2px solid #58b636;
}

.appmarketAppDetailTop .appmarketAppDetailTopTitle{
    font-size:26px;
    margin-bottom: 36px;
}
.appmarketAppDetailTop .appmarketAppDetailTopInfo{
    color:#585858;
}
.appmarketAppDetailTop .appmarketAppDetailTopInfoItem{
    margin-bottom: 20px;
}
.appmarketAppDetailTop .appmarketAppDetailTopBtn{
    margin-top: 30px;
}
.appmarketAppDetailTop .appmarketAppDetailTopBtnItem{
    margin-left:30px;
}



.memberBannerUserInfo{
    text-align: center;
    color: #fff;
    padding: 47px 0;
    margin: 0 auto;
}
.memberBannerUserInfo .memberBannerUserInfoAvatar{
    width:90px;
    height: 90px;
    border:2px solid #fff;
    border-radius: 50%;
}
.memberBannerUserInfo .memberBannerUserInfoName{
    font-size:14px;
    margin-top:15px;
}
.memberBannerUserInfo .memberBannerUserInfoLevel{
    background: #58b636;
    font-size: 13px;
    width:140px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
    margin:16px auto 0;
}
.memberBannerUserInfo .memberBannerUserInfoBottom{
    margin-top:30px;

}
.memberBannerUserInfo .memberBannerUserInfoBottomItem{
    font-size:13px;
    margin:0 10px;
}

.memberSection{
    margin:20px auto;
    font-size:0;
}
.memberSection .memberSectionLeft{
    background: #fff;
    width: 20%;
    margin-right: 2%;
}
.memberSection .memberSectionLeft .memberSectionLeftHead{
    background: #58b636;
    color:#fff;
    font-size: 20px;
    padding:20px;
}
.memberSection .memberSectionLeft .memberSectionLeftWrapper{
    padding:15px 20px;
}
.memberSection .memberSectionLeft .memberSectionLeftItem{
    display: block;
    padding:15px 0;
    font-size: 0;
    color:#585858;
}
.memberSection .memberSectionLeft .memberSectionLeftItem.selected{
    color:#58b636;
}
.memberSection .memberSectionLeft .memberSectionLeftItemIcon{
    width:15%;
    font-size: 14px;
}
.memberSection .memberSectionLeft .memberSectionLeftItemTitle{
    width:75%;
    font-size: 14px;
}
.memberSection .memberSectionLeft .memberSectionLeftItemArrow{
    width:10%;
    font-size: 14px;
}


.memberSection .memberSectionRight{
    background: #fff;
    width: 68%;
}
.memberSection .memberSectionRight .memberSectionRightLabel{
    border-left:4px solid #58b636;
    padding:0 10px;
    font-size:14px;
    margin:20px;
}
.memberSection .memberSectionRight .memberSectionRightWrapper{
    padding:0 20px 15px;
}

.memberSection .memberSectionRight .memberSectionRightHead{
    background: #f7f7f7;
    font-size: 0;
    height: 36px;
    line-height: 36px;
}
.memberSection .memberSectionRight .memberSectionRightHead .memberSectionRightHeadItem{
    font-size: 13px;
    width: 33%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightHead.twoCol .memberSectionRightHeadItem{
    font-size: 13px;
    width: 50%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightHead.fourCol .memberSectionRightHeadItem{
    font-size: 13px;
    width: 25%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightDataWrapper{
    padding: 20px 0;
}
.memberSection .memberSectionRight .memberSectionRightData{
    font-size: 0;
    padding: 16px 0;
}
.memberSection .memberSectionRight .memberSectionRightData .memberSectionRightDataItem{
    font-size:13px;
    width: 31%;
    padding: 0 1%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightData.twoCol .memberSectionRightDataItem{
    font-size:13px;
    width: 46%;
    padding: 0 2%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightData.fourCol .memberSectionRightDataItem{
    font-size:13px;
    width: 21%;
    padding: 0 2%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightData .memberSectionRightDataItemBtn{
    border:1px solid #58b636;
    color:#58b636;
    padding:6px 16px;
    font-size: 12px;
    margin:0 2px;
    border-radius: 6px;
}

.memberSection .memberSectionRight .memberSectionRightFavNav{
    background: #f7f7f7;
    font-size: 0;
    height: 36px;
    line-height: 36px;
}
.memberSection .memberSectionRight .memberSectionRightFavNav .memberSectionRightFavNavItem{
    font-size: 13px;
    width: 14%;
    text-align: center;
}
.memberSection .memberSectionRight .memberSectionRightFavNav .memberSectionRightFavNavItem.selected{
    color:#58b636;
}


.memberSection .memberSectionRight .memberSectionRightTalent{
    font-size:0;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem{
    border:1px solid #eee;
    padding: 2%;
    width:44.7%;
    margin-right:2%;
    font-size:14px;
    margin-bottom: 2%;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem:nth-child(2n){
    margin-right:0;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem .memberSectionRightTalentItemThumb{
    width:100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem .memberSectionRightTalentItemThumb img{
    width:100px;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem .memberSectionRightTalentItemRight{
    margin-left:20px;
    max-width: 220px;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem .memberSectionRightTalentItemName{
    font-size:16px;
    margin-bottom: 10px;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem .memberSectionRightTalentItemRightInfo{
    font-size:13px;
    color:#787878;
}
.memberSection .memberSectionRight .memberSectionRightTalentItem .memberSectionRightTalentItemRightInfoItem{
    padding-bottom: 10px;
}

.memberSection .memberSectionRight .memberSectionRightArticle{

}
.memberSection .memberSectionRight .memberSectionRightArticleItem{
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    line-height: 1.4;
}
.memberSection .memberSectionRight .memberSectionRightArticleItem:first-child{
    padding-top:0;
}
.memberSection .memberSectionRight .memberSectionRightArticleItem:last-child{
    border-bottom:0;
}
.memberSection .memberSectionRight .memberSectionRightArticleItem .memberSectionRightArticleItemTitle{
    font-size: 16px;
    font-weight: 500;
}
.memberSection .memberSectionRight .memberSectionRightArticleItem .memberSectionRightArticleItemIntro{
    margin-top:10px;
    font-size:14px;
    color:#787878;
}
.memberSection .memberSectionRight .memberSectionRightArticleItem .memberSectionRightArticleItemTime{
    margin-top:10px;
    font-size:14px;
    color:#787878;
}

.memberSection .memberSectionRight .memberSectionRightForm{
    padding-bottom: 24px;
}

.memberSection .memberSectionRight .memberSectionRightMyInfo{
    padding:10px 20px 20px;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoItem{
    padding: 10px 0;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoItemLabel{
    width:10%;
    margin-right: 2%;
    font-size: 14px;
    color:#585858;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoItemData{
    width:88%;
    font-size: 14px;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatar{
    font-size: 0;
    padding:10px 0;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatarLabel{
    font-size: 14px;
    width:10%;
    margin-right: 2%;
    font-size: 14px;
    color:#585858;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatarShow{
    width:70px;
    height:70px;
    border-radius: 50%;
    overflow: hidden;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatarShow img{
    width:70px;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatarData{
    font-size: 14px;
    width: 50%;
    margin-left: 6%;
    font-size: 14px;
    color: #585858;
}


.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatar .avatarFile {
    position: relative;
    background: #58b636;
    border: 1px solid #58b636;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
    cursor: pointer;
}
.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatar .avatarFile input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}


.memberSection .memberSectionRight .memberSectionRightMyInfo .memberSectionRightMyInfoAvatar .submitAvatar{
    position: relative;
    background: #58b636;
    border: 1px solid #58b636;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
    cursor: pointer;
    margin-left:20px;
    display: none;
}


.serviceproviderAddProjectForm{
    max-width: 90%;
}




.jumpLayout{
    padding:9%;
    text-align: center;
}
.jumpLayout img{
    width:250px;
    margin-bottom: 20px;
}
.jumpLayout .topTitle{
    font-size:22px;
    margin-bottom: 20px;
}
.jumpLayout .subTitle{
    font-size:13px;
    color:#787878;
    margin-bottom:20px;
}
.jumpLayout .toPage{
    background: #58b636;
    color:#fff;
    width:160px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    font-size:14px;
    display: block;
    margin:0 auto;
}

.botomCopy{
    text-align: center;
    font-size: 13px;
    padding: 20px 0 60px;
    color: #686868;
}
.botomCopy a{
    font-size: 13px;
}

.graytext{
    color:#999;
}