body{background: #f7f9fc;}
#main_about{margin-top:20px;}
.container_about{width: 1200px; margin: 0 auto;}
.other-left .checked a{
    background: #FFF;
}
.other-left .checked .selected{
    background: #2a6bff;
}
.other-left .checked a::after{
    background: #2a6bff;
}
.other-left .checked span.selected+a span{
    color: #2a6bff;
}
.other-left .checked  .selected{
    width: 2px;
}
.other-left{position: relative;float:left; width: 240px; overflow: visible;  list-style-type: none;}
.other-left li{position: relative;height: 60px; width: 220px; overflow: visible; border-bottom: 1px solid #edf1f2; border-bottom: 1px solid #e1e6f0;}
/* .other-left li:last-child{border-bottom: 0 none;} */
.other-left li a{position: relative; box-sizing: border-box; display: block; width: 240px; padding-left: 35px; height: 60px; line-height: 60px; text-decoration: none; font-size: 14px; color: #787d82;}
.other-left li a::after{content:'';display: inline-block;width: 4px;height: 4px; background: #ebf0fc;position: absolute;left: 15px; top: 50%;margin-top: -2px;}
.other-left li a span.tip{height: 16px; border-radius: 10px; background-color: #e1e6f0; line-height: 16px; font-size: 12px; color: white; padding: 0 10px; position: absolute; right: 25px; top: 23px;}
.other-left li:hover a span{color: #14191e;}
.other-left li:hover a span.tip{color: white;}
.other-left .selected{position: absolute; top: 0; width: 1px; height: 60px; background-color: #e1e6f0; right:-20px;z-index: 99;}
.other-left span.selected+a span{color: #666;font-size: 16px;}
.other-left li.selected a span.tip{color: white;}
.other-right{ position: relative; min-height:calc(100vh - 307px); border-radius: 5px; margin-left: 280px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-bottom: 40px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: #fff; overflow: hidden;}
.others{padding: 10px 40px 50px;}
.others h1{font-size: 16px; line-height: 49px; color: #363d40; margin-bottom: 2.1em; border-bottom: 1px solid #eceff0;}
.others p{margin: 1.5em 0; line-height: 260%; color: #656e73;}

/* 新版关于我们 */
.other-right .title{
    font-size: 32px;
    text-align: center;
    position: relative;
}
.other-right .title::after{
    position: absolute;
    content: '';
    bottom: -14px;
    width: 24px;
    background: #2a6bff;
    left: 50%;
    margin-left: -12px;
    height: 4px;
}
.other-right .pt1{
    padding: 30px 40px;
}
.other-right .pt1 .title2{
    font-size: 16px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 20px;
}
.other-right .pt1 .con{
    line-height: 30px;
    font-size: 16px;
    color: #666;
}
.other-right .pt2 .con,.other-right .pt3 .con{
    margin-top: 50px;
}
.other-right .pt2 .con p:nth-of-type(2){
    margin-top: 10px;
}
.other-right  .con span{
   font-weight: bold;
}
.pt2,.pt3,.pt4{
    display: none;
}

.other-right .pt3 .con .dian{
    position: relative;
    padding-left: 20px;
}
.other-right .pt3 .con p:nth-of-type(1){
    margin-bottom: 10px;
}
.other-right .pt3 .con p:last-of-type{
    margin-top: 10px;
}
.other-right .pt3 .con .dian::after{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    background: #666;
    content: '';

}
.other-right .pt4 .con{
    margin-top: 50px;
}
.other-right .pt4 .con .flex{
    color: #666;
    display: flex;
}
.other-right .pt4 .con .flex .right{
    font-weight: bold;
}
.other-right .pt4 .con .flex:nth-of-type(2){
    margin-top: 20px;
}


.others .qqText,
.others .groupNum{margin-bottom: 0;}
.others .groupNum{line-height: 24px; margin-top: 10px; padding-left: 20px;}
.others ol{padding-left: 10px;}
.space-side{margin: 0 20px 20px; color: #60686b;}
.perface{border-bottom: 1px solid #eceff0;}
.perface li{line-height: 31px; font-size: 12px; margin-bottom: 20px;}
.job-nav{padding-top: 30px; margin-bottom: 28px;}
.job-nav li{float: left; width: 150px; margin-right: 10px;}
.job-nav a{font-size: 15px; font-weight: bold; color: #6ccb7a;}
.job-nav a:hover{text-decoration: underline; color: #319d42;}
.job-block{margin-bottom: 45px;}
.job-block ol{line-height: 30px;}
.job-block li{font-size: 12px;}
.job-block h2{font-size: 15px; color: #303538; margin: 1em 0;}
.job-block h3{font-size: 14px; margin-top: 28px;}
.others .job-email{font-size: 12px; padding: 34px 0 0 10px; margin: 0; color: #60686b;}
.works-wrap h1{font-size: 15px; color: #333; padding: 15px 0; border-bottom: 1px solid #eceff0; margin: 0;}
.recruit-contact{font-size: 12px; line-height: 30px !important; margin: 0 !important;}
.recruit-contact span{color: #c9394a;}
.other-contact{width: 835px; padding-bottom: 100px; margin-right: -60px; color: #60686b;}
.other-contact li{float: left; padding-bottom: 30px; width: 300px; margin-right: 170px;}
.other-contact .contact-right{margin-right: 0;}
.others .other-contact h1{padding: 10px; margin: 0; border-bottom: 0 none;}
.other-contact h2{padding: 0 20px 0; font-size: 14px; color: #1f2426;}
.others .contact-title{margin-bottom: 0.8em;}
.other-contact p{padding: 0 20px 32px; margin: 0; font-size: 12px; line-height: 30px; border-bottom: 1px solid #eceff0;}
.alert{position: absolute; z-index: 1030; left: 300px;}
/*about us*/
.us-list{padding-left: 20px;}
.us dt{color: #303538; font-size: 14px; padding-left: 27px; background: url(../images/us-sprite.png) no-repeat -85px -192px;}
.us dd{padding-left: 27px; margin-bottom: 28px; font-size: 12px; color: #60686b;}
.us-app-wrap{margin-top: 18px;}
.us-app-code{width: 100px; height: 100px; background: url(../images/us-sprite.png) no-repeat 0 0;}
.us-app-links{float: left; margin-left: 30px; border-left: 1px solid #edf0f2; padding-left: 30px; height: 100px;}
.us-app-links a{display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #39b94e; font-size: 18px;}
.us-app-links a:link,
.us-app-links a:visited{color: #fff;}
.us-app-links a:hover{background: #33a646;}
.us-app-links i{display: inline-block; width: 15px; height: 18px; vertical-align: -2px; margin-right: 5px; background: url(../images/us-sprite.png) no-repeat;}
.us-app-iphone{margin-bottom: 20px;}
.us-app-iphone i{background-position: -85px -140px;}
.us-app-android i{background-position: -85px -168px;}
.us-more{padding-left: 48px;}
.join-status{padding-left: 10px;}
.us-join-qq,
.us-join-qq:link{padding-left: 10px; color: #39b94e;}
.us-join-qq:visited{color: #319d42;}
.us-join-qq:hover{color: #61c771;}
.qqGroup li{line-height: 34px;}
/*about group*/
.others .order-list{padding: 0;}
.group-bd li{list-style: none;}
.item1 li{float: left; vertical-align: top;}
.item2 li{float: right;}
.group-img{vertical-align: top;}
.wrap,
.speci-wrap{display: table; width: 184px; height: 184px; position: relative;}
.img-wrap{height: 100%;}
.group .lowlayer{margin: 0 14px; color: #fff; height: 100%; *width: 90%; position: absolute; z-index: 300; top: 0;}
.lowlayer td{line-height: 24px;}
.group .layer-title{position: absolute; width: 184px; height: 184px; display: table; vertical-align: middle; color: white; display: none;}
.group .wrap.hover .layer-title{display: table;}
.group .speci-wrap .layer-title{display: table;}
.group .speci-wrap.hover .layer-title{display: none;}
.group .equi-square .layer-title{width: 368px; height: 368px;}
.group .mid-equi-square .layer-title{width: 368px;}
.group .wider-equi-square .layer-title{width: 552px;}
.group .layer-title span{display: table-cell; vertical-align: middle; line-height: 20px; padding: 10px;}
.purple{/*background: #945aae;*/ background: rgba(148, 90, 174, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc945aae,endColorstr=#cc945aae);}
.blue{/*background: #326db9;*/ background: rgba(50, 109, 185, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc326db9,endColorstr=#cc326db9);}
.bg-red{/*background: #c9394a;*/ background: rgba(201, 57, 74, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccc9394a,endColorstr=#ccc9394a);}
/*friend links*/
.friend-links{padding: 0 20px;}
.friend-links dd{font-size: 12px; width: 190px;}
.us-app-qr{width: 111px; height: 190px;}
.us-app-qr .qr-img{width: 111px; height: 111px;}
.us-app-qr .qr-img-mobile{background: url(../images/qr_mobile.png) no-repeat center 0;}
.us-app-qr .qr-img-ipad{background: url(../images/qr_ipad.png) no-repeat center 0;}
.us-app-qr .us-qr-link{display: block; margin-top: 20px; height: 18px; line-height: 18px; padding-left: 28px; font-size: 14px; color: #00b33b; background: url(../images/ios_android.png) no-repeat 0 0;}
.us-app-qr .us-qr-android{background-position: 0 -38px;}
.us-app-split{margin: 0 40px; width: 1px; height: 190px; background-color: #edf1f2;}
.faq h1{margin-bottom: 0;}
.faq li{padding: 25px 0; border-bottom: 1px solid #eceff0;}
.faq li h3{font-size: 18px; cursor: pointer; background: url(../images/faq/icon_open.png) no-repeat right center;}
.faq li .faq-info{padding-top: 25px; display: none;}
.faq li .faq-info h4{font-size: 16px;}
.faq li .faq-info p{margin: 10px 0 20px; line-height: 200%;}
.faq li .faq-info p a{color: #0088cc;}
.faq li .faq-info p span{color: #7e888c;}
.faq li .faq-info p img{margin-top: 22px; border: 1px solid #b2b2b2; display: block;}
.faq li .faq-info p strong{font-weight: bold;}
.faq li .faq-info dl{margin: 10px 0 20px;}
.faq li .faq-info dl p{margin: 5px 0;}
.faq li .faq-info .rule-img{display: inline-block; margin-bottom: 10px; vertical-align: top; width: 400px;}
.faq li .faq-info .rule-img img{box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); vertical-align: top;}
.faq li .faq-info .rule-img p{color: #7e888c; line-height: 150%;}
.faq li.curr h3{color: #f01400; background-image: url(../images/faq/icon_close.png);}
.faq li.curr .faq-info{display: block;}
.faq li .faq-info h4{font-size: 20px; margin-bottom: 24px;} .other-contact h1{font-size: 20px;} .others .other-contact h1,.other-contact h2{padding: 0;} .other-contact h2{font-weight:bold;line-height:24px;color:inherit;}
.other-contact p{padding:0;line-height:24px;}