www.zfire.com/wap/css/mobiles.css

/*===全局===*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body{font-family: "Microsoft Yahei",Helvetica, Arial, sans-serif; font-size: 1.4rem; color:#333;}
body, button, input, optgroup, select, textarea, h1, h2, h3, h4, h5, h6, p, figure, form, blockquote, ul, ol, li, dl, dd{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
img{vertical-align:middle; max-width:100%; border:0; height: auto;}
ul,ol,li{list-style:none;}
input,textarea,select{outline:none; font-size:100%;}
a{color:#333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.table{border-collapse:collapse; border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.tl {text-align: left;}
.tr {text-align: right;}
html,body{height:99.9%; min-height:100%; position:relative;}
.page{width:100%; min-height:100%; overflow-x:hidden; position: relative;}
.page_header{padding-top:50px;}
.page_footer{padding-bottom: 50px;}
.page_header_footer{padding: 44px 0 49px 0;}
.page_full{width:100%; height: 100%; position:absolute; top:0; left:0; overflow:hidden;}
.pad100 {width: 100%; padding: 0 4%;}
.bgfff {background: #fff;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.padall {width: 100%; padding: 15px 4%;}
.bb1 {border-bottom: 1px solid #eaeaea;}
body {background: #eaeaea;}
body.isMask {overflow: hidden !important;}
html.isMask {overflow: hidden !important;}

.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis-2 {display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3 {display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*加载动画*/
.bj-loading{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 9999; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); visibility: visible; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.bj-loading.on{visibility: hidden; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.bj-loading .load-box{position: absolute; top: 50%; margin-left: -3.5rem; margin-top: -3.5rem; left: 50%;}
.bj-loading .load-box .ball {position: relative; background: url(../img/loadinglogo.png) no-repeat center center; background-size: 55%;}
.bj-loading .load-box .ball > div {background: transparent; width: 7rem; height: 7rem; border-radius: 100%; margin: 2px; border: 2px solid #fff; border-bottom-color: transparent; display: inline-block; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite;}

/*左侧菜单*/
#menu_input {display: none;}
section {position: relative; transition: all 0.25s; background: #eaeaea;}
#sidenav {background: #333; width: 130px; position: absolute; left: 0; top: 0; bottom: 0; padding-top: 80px;}
#sidenav a { color: #fff; font-size: 15px; line-height: 42px;}
#sidenav li {text-align: center; display: block; opacity: 0; transform: translateX(50px); transition: all 0.4s;}
#menu_input.on ~ section {transform: translateX(130px);}
#menu_input.on ~ #sidenav li {opacity: 1; transform: translateX(0);}
#menu_input.on ~ #sidenav li:nth-of-type(1) {transition-delay: 0.08s;}
#menu_input.on ~ #sidenav li:nth-of-type(2) {transition-delay: 0.16s;}
#menu_input.on ~ #sidenav li:nth-of-type(3) {transition-delay: 0.24s;}
#menu_input.on ~ #sidenav li:nth-of-type(4) {transition-delay: 0.32s;}
#menu_input.on ~ #sidenav li:nth-of-type(5) {transition-delay: 0.40s;}
#menu_input.on ~ #sidenav li:nth-of-type(6) {transition-delay: 0.48s;}
#menu_input.on ~ #sidenav li:nth-of-type(7) {transition-delay: 0.52s;}
#menu_input.on ~ #sidenav li:nth-of-type(8) {transition-delay: 0.60s;}
#menu_input.on ~ #sidenav li:nth-of-type(9) {transition-delay: 0.68s;}
#menu_input.on ~ header .menu i:before {content: "\e63d";}
#mask {width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 9998; display: none;}
#mask.on {display: block;}
#sidenav .tel {position: absolute; bottom: 5%; left: 0; width: 130px; text-align: center;}
#sidenav .tel span {display: block;}
#sidenav .tel a {line-height: 24px;}

.header {width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 999; padding: 0 4%; background: rgba(0,0,0,0);}
.header .logo {padding: 10px 0;}
.header .logo img {height: 30px; display: block;}
.header .menu label{padding-left: 3%;}
.header .menu i {font-size: 26px; line-height: 52px; color: #fff; transition: all 0.5s;}

.all_contact .title {font-size: 18px; color: #000; line-height: 24px; padding-bottom: 5px;}
.all_contact .info {font-size: 14px; color: #7a7a7a; line-height: 22px;}
.all_contact .info a {color: #7a7a7a;}
.all_footer {background: #eaeaea; text-align: center; font-size: 13px; color: #7a7a7a; line-height: 40px;}

.banner img {width: 100%;}
.banner .swiper-pagination-bullet {background: #fff; opacity: 0.8;}
.banner .swiper-pagination-bullet-active {background: #ff0000; opacity: 0.8;}

.page_title {padding: 20px 0; text-align: center;}
.page_title .p1 {font-size: 17px; color: #333; line-height: 30px;}
.page_title .p2 {font-size: 14px; color: #666; line-height: 20px;}

.pageType {line-height: 40px; background: #303183; color: #fff;}
.pageType .title {font-size: 16px;}
.pageType .right {font-size: 18px; transition: all 0.5s;}
.pageType .right.on {transform:rotate(-180deg);}
.pageType_list {background: #303183; border-top: 1px solid #fff; display: none; position: fixed; top: 95px; left: 0; z-index: 999;}
.pageType_list li {line-height: 40px; border-bottom: 1px dashed #fff;}
.pageType_list li:last-of-type {border: none;}
.pageType_list li a {font-size: 16px; color: #fff;}

.in_service .top .title {font-size: 18px; color: #333; line-height: 26px;}
.in_service .top .line span {display: block; width: 10px; height: 2px; background: #8c8c8c;}
.in_service .top .line {padding: 8px 0;}
.in_service .top .des {font-size: 13px; color: #8c8c8c; line-height: 20px;}
.in_service .top .icon i {font-size: 24px; color: #666; line-height: 40px;}
.in_service .top .img img {width: 100%;}
.in_service .list li {border-bottom: 1px solid #eaeaea; padding-top: 30px; padding-bottom: 30px;}
.in_service .list .li2 {text-align: right;}
.in_service .list a {display: block;}
.in_service .list .text {width: 80%;}
.in_service .list .p1 {font-size: 18px; color: #333; line-height: 30px;}
.in_service .list .p2 {font-size: 14px; color: #333; line-height: 25px;}
.in_service .list .p3 {font-size: 12px; color: #888; line-height: 25px;}
.in_service .list .icon {width: 20%; line-height: 80px; height: 80px; overflow: hidden;}
.in_service .list .icon i {font-size: 36px; color: #666;}
.in_service .list li:nth-of-type(3) .icon i {font-size: 42px; color: #666;}

.in_bigCase .title {font-size: 18px; color: #333; line-height: 30px; letter-spacing: 3px;}
.in_bigCase .des {font-size: 14px; color: #555; line-height: 30px;}
.in_bigCase .des2 {font-size: 14px; color: #888; line-height: 22px;}
.in_bigCase .line span {display: block; width: 20%; height: 1px; background: #333;}
.in_bigCase .line {padding: 10px 0;}
.in_bigCase .logo img {height: 30px;}
.in_bigCase .img {padding-top: 20px;}
.in_bigCase .img img {width: 100%;}

.in_case_list {padding-bottom: 40px; position: relative;}
.in_case_list img {width: 100%;}
.in_case_list .title {font-size: 16px; color: #333; line-height: 26px; padding-top: 10px;}
.in_case_list .des {font-size: 14px; color: #999; line-height: 24px;}
.in_case_list .swiper-pagination {width: 100%;}
.in_case_list .swiper-pagination-bullet {background: #c3c3c3; opacity: 0.8; margin: 0 3px;}
.in_case_list .swiper-pagination-bullet-active {background: #ff0000; opacity: 0.8;}

.in_news_list li {border-bottom: 1px solid #eaeaea;}
.in_news_list .img {width: 40%;}
.in_news_list .img img {width: 100%;}
.in_news_list .right {width: 60%; padding-left: 4%;}
.in_news_list .title {font-size: 16px; color: #333; line-height: 30px;}
.in_news_list .des {font-size: 14px; color: #888; line-height: 20px; padding-top: 3%;}

.about_history .title1 {font-size: 22px; color: #333; line-height: 36px; font-weight: bold;}
.about_history .title2 {font-size: 14px; color: #333; line-height: 20px; padding: 8px 0;}
.about_history .des {font-size: 13px; color: #888; line-height: 24px; padding-top: 5px;}
.about_history .des p {padding-bottom: 5px;}

.about_data {background: url(../img/about_img.jpg) no-repeat center center; background-attachment: fixed;}
.about_data .title {font-size: 16px; color: #fff; font-weight: bold; line-height: 30px; letter-spacing: 1px; padding-top: 10px;}
.about_data .des {font-size: 13px; color: #fff; line-height: 24px;}
.about_data .des p {padding-top: 10px;}
.about_data .data {padding: 20px 0 10px;}
.about_data li {width: 33.333%; float: left; text-align: center; color: #fff;}
.about_data li .num {font-size: 22px; font-weight: bold; line-height: 24px;}

.about_partners {text-align: center;}
.about_partners .title {padding: 5px 0 10px;}
.about_partners .title .p1 {font-size: 16px; color: #333; line-height: 26px;}
.about_partners .title .p2 {font-size: 15px; color: #999; line-height: 26px;}
.about_partners .des {font-size: 13px; color: #999; line-height: 24px; padding: 10px 0;}

.contact_page .info {border-bottom: 1px solid #eaeaea;}
.contact_page .info .title {font-size: 13px; color: #999; line-height: 24px;}
.contact_page .info .des {font-size: 14px; color: #333; line-height: 24px;}
.contact_page .kefu {text-align: center; border-bottom: 1px solid #eaeaea;}
.contact_page .kefu .left {width: 50%; height: 130px; border-right: 1px solid #eaeaea; }
.contact_page .kefu .right {width: 50%; height: 130px;}
.contact_page .kefu .img img {width: 90px;}
.contact_page .kefu .qq {margin: 10px 0;}
.contact_page .kefu .qq a {display: block; width: 100%; height: 36px; line-height: 36px; border-radius: 5px; border: 1px solid #999; font-size: 14px; color: #555;}
.contact_page .kefu .qq img {height: 20px; margin-right: 5px; margin-top: -5px;}

.web_advantage .list li {text-align: center; padding: 30px 8%; background-size: 100%; color: #fff;}
.web_advantage .list li:nth-of-type(1) {background: url(../img/web_advantage_img1.jpg) no-repeat center center;}
.web_advantage .list li:nth-of-type(2) {background: url(../img/web_advantage_img2.jpg) no-repeat center center;}
.web_advantage .list li:nth-of-type(3) {background: url(../img/web_advantage_img3.jpg) no-repeat center center;}
.web_advantage .list li:nth-of-type(4) {background: url(../img/web_advantage_img4.jpg) no-repeat center center;}
.web_advantage .list li .icon i {font-size: 36px; line-height: 40px;}
.web_advantage .list li .name {font-size: 16px; line-height: 40px;}
.web_advantage .list li .des {font-size: 14px; line-height: 22px; min-height: 66px;}

.web_service .list li {background: #f2f1f1; margin-bottom: 5px; padding: 10px 0;}
.web_service .list li:last-of-type {margin-bottom: 0;}
.web_service .list li .icon {width: 15%; text-align: center; line-height: 68px;}
.web_service .list li .icon i {font-size: 26px; border-right: 1px solid #bfbfbf; width: 100%; display: inline-block; line-height: 30px;}
.web_service .list li .right {width: 85%; padding: 0 2%;}
.web_service .list li .title {font-size: 15px; color: #333; line-height: 24px;}
.web_service .list li .des {font-size: 14px; color: #888; line-height: 22px;}

.web_flow_list {position: relative; padding-bottom: 50px;}
.web_flow_list li {float: left; text-align: center; background: #f9f9f9; box-shadow: 0 3px 8px #bbb;}
.web_flow_list .title {font-size: 18px; color: #fff; line-height: 50px; background-size: 100%;}
.web_flow_list li.li1 .title {background: #2665c3 url(../img/web_flow_num1.png) no-repeat center center;} 
.web_flow_list li.li2 .title {background: #2665c3 url(../img/web_flow_num2.png) no-repeat center center;} 
.web_flow_list li.li3 .title {background: #2665c3 url(../img/web_flow_num3.png) no-repeat center center;} 
.web_flow_list li.li4 .title {background: #2665c3 url(../img/web_flow_num4.png) no-repeat center center;} 
.web_flow_list .icon i {display: inline-block; width: 45px; height: 45px; border-radius: 50%; border: 2px solid #666; text-align: center; color: #666; line-height: 45px; font-size: 22px;}
.web_flow_list .name {line-height: 45px; font-size: 16px; color: #666;}
.web_flow_list .name span {padding-left: 15px;}
.web_flow_list .list_w {padding: 15px 0;}
.web_flow_list .list_c {display: inline-block; margin: 10px 0;}
.web_flow_list .swiper-container {overflow: visible;}
.web_flow_list .swiper-wrapper {margin-left: 25%;}
.web_flow_list .swiper-pagination {width: 100%; bottom: 20px; left: 0;}
.web_flow_list .swiper-pagination-bullet {margin: 0 4px;}
.web_flow_list .swiper-pagination-bullet-active {background: #2665c3;}

.caseList li {border-bottom: 1px solid #eaeaea;}
.caseList img {width: 100%;}
.caseList .title {font-size: 16px; color: #333; line-height: 26px; padding-top: 10px;}
.caseList .des {font-size: 14px; color: #999; line-height: 24px;}

.wechat_service_list li {float: left; width: 23%; margin-right: 2.6%; margin-bottom: 10px; text-align: center; padding: 5px 0 10px; border: 1px solid #e7e7e7; transition: all 0.3s;}
.wechat_service_list li:nth-of-type(4n) {margin-right: 0;}
.wechat_service_list .icon {line-height: 40px; height: 40px; overflow: hidden;}
.wechat_service_list i {font-size: 26px; color: #999;}
.wechat_service_list .title {font-size: 14px; color: #333;}

.wechat_function_list {padding-bottom: 50px; position: relative;}
.wechat_function_list li {padding: 0 5%; text-align: center;}
.wechat_function_list .title {font-size: 14px; color: #333; line-height: 20px; padding: 6px 0 3px;}
.wechat_function_list .des {font-size: 12px; color: #888; line-height: 16px;}
.wechat_function_list .swiper-pagination {width: 100%; bottom: 20px; left: 0;}
.wechat_function_list .swiper-pagination-bullet {margin: 0 4px; background: none; border: 1px solid #333;}
.wechat_function_list .swiper-pagination-bullet-active {background: #1b85d4; border: 1px solid #1b85d4;}

.miniApps_introduce .img {padding: 0 3%; text-align: center; padding-bottom: 20px;}
.miniApps_introduce .img img {width: 80%; margin-left: -10%;}

.miniApps_advantage_list {padding-bottom: 50px; position: relative;}
.miniApps_advantage_list li {box-shadow: 0 3px 5px #ddd;}
.miniApps_advantage_list img {width: 100%;}
.miniApps_advantage_list .text {font-size: 13px; color: #333; line-height: 24px; padding: 10px 10%; border: 1px solid #f9f9f9; min-height: 94px;}
.miniApps_advantage_list .swiper-container {overflow: visible;}
.miniApps_advantage_list .swiper-wrapper {margin-left: 25%;}
.miniApps_advantage_list .swiper-pagination {width: 100%; bottom: 20px; left: 0;}
.miniApps_advantage_list .swiper-pagination-bullet {margin: 0 4px; background: none; border: 1px solid #333;}
.miniApps_advantage_list .swiper-pagination-bullet-active {background: #1b85d4; border: 1px solid #1b85d4;}

.miniApps_solution_list li {float: left; width: 30.333%; margin: 0 1.5% 10px; text-align: center; position: relative;}
.miniApps_solution_list .li_c {border: 1px solid #ededed; padding: 15px 0 10px;}
.miniApps_solution_list i {font-size: 40px; color: #3b8ae9; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3058a5), to(#3b8ae9)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.miniApps_solution_list .title {font-size: 12px; color: #333; line-height: 16px; min-height: 32px; padding-top: 6px;}

.app_service_list li {text-align: center; padding: 30px 8%; color: #fff;}
.app_service_list li:nth-of-type(1) {background: url(../img/app_service_img1.jpg) no-repeat center center; background-size: 100%;}
.app_service_list li:nth-of-type(2) {background: url(../img/app_service_img2.jpg) no-repeat center center; background-size: 100%;}
.app_service_list li:nth-of-type(3) {background: url(../img/app_service_img3.jpg) no-repeat center center; background-size: 100%;}
.app_service_list li .icon i {font-size: 36px; line-height: 40px;}
.app_service_list li .name {font-size: 16px; line-height: 40px;}
.app_service_list li .des {font-size: 14px; line-height: 22px; min-height: 88px;}

.app_advantage_list {position: relative; padding-bottom: 50px;}
.app_advantage_list li {text-align: center; border: 1px solid #eaeaea;}
.app_advantage_list .li1 i {background: #1988d8;}
.app_advantage_list .li2 i {background: #ec870f;}
.app_advantage_list .li3 i {background: #2ba76e;}
.app_advantage_list .li4 i {background: #ee504d;}
.app_advantage_list li i {display: inline-block; width: 80px; height: 80px; line-height: 75px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 5px 8px #bbb; font-size: 40px; color: #fff;}
.app_advantage_list li .title_cn {font-size: 18px; color: #333; line-height: 24px; font-weight: bold; padding-top: 10px;}
.app_advantage_list li .title_en {font-size: 13px; color: #666; line-height: 20px;}
.app_advantage_list li .line span {display: inline-block; width: 40px; height: 1px;}
.app_advantage_list .li1 .line span {background: #1988d8;}
.app_advantage_list .li2 .line span {background: #ec870f;}
.app_advantage_list .li3 .line span {background: #2ba76e;}
.app_advantage_list .li4 .line span {background: #ee504d;}
.app_advantage_list li .des {font-size: 13px; color: #999; line-height: 22px; min-height: 66px;}
.app_advantage_list .swiper-pagination {width: 100%; bottom: 20px; left: 0;}
.app_advantage_list .swiper-pagination-bullet {margin: 0 4px; background: none; border: 1px solid #333;}
.app_advantage_list .swiper-pagination-bullet-active {background: #1b85d4; border: 1px solid #1b85d4;}

.app_flow_list {padding-bottom: 20px;}
.app_flow_list li {padding: 10px 0; box-shadow: 0 3px 5px #ccc; margin-bottom: 10px; padding-left: 2%;}
.app_flow_list li .img {width: 20%;}
.app_flow_list li .right {width: 80%; font-size: 13px; color: #666; line-height: 22px; padding: 4%;}

.news_type li {float: left; width: 27%; text-align: center;}
.news_type li a {display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333;}
.news_type li.current a {color: #fff; background: #333;}
.news_type li:first-of-type {width: 19%;}

.news_list li {margin-bottom: 10px;}
.news_list li img {width: 100%;}
.news_list li .bottom {background: #fff; padding: 0 4% 10px;}
.news_list li .title {font-size: 15px; color: #333; line-height: 40px; border-bottom: 1px solid #ccc;}
.news_list li .des {font-size: 14px; color: #666; line-height: 20px; margin: 10px 0;}
.news_list li .date {font-size: 14px; color: #999; line-height: 20px;}

.news_detail .title {font-size: 16px; color: #333; line-height: 20px; padding-bottom: 10px;}
.news_detail .date {font-size: 14px; color: #666; line-height: 20px; padding-bottom: 25px;}

.case_detail_top .title {font-size: 16px; color: #000; line-height: 30px;}
.case_detail_top .line {padding: 5px 0;}
.case_detail_top .line span {display: block; width: 20px; height: 2px; background: #222;}
.case_detail_top .name {font-size: 16px; color: #333; line-height: 30px;}
.case_detail_top .des {font-size: 13px; color: #999; line-height: 22px; padding-top: 10px;}

.case_detail_content img {max-width: 100%;}

.miniAppsList {position: relative; padding: 0 4% 50px;}
.miniAppsList li {padding: 0 10px;}
.miniAppsList img {width: 100%;}
.miniAppsList .name {font-size: 14px; color: #333; line-height: 30px; text-align: center;}
.miniAppsList .swiper-pagination {width: 100%; bottom: 20px; left: 0;}
.miniAppsList .swiper-pagination-bullet {margin: 0 4px; background: none; border: 1px solid #333;}
.miniAppsList .swiper-pagination-bullet-active {background: #1b85d4; border: 1px solid #1b85d4;}


/** ajax翻页 **/
.ajaxpage{display:none;}
.ajax_tips{height: 30px; line-height: 30px; background: #eaeaea; text-align:center; margin-top: 10px;}
.fixedloading{width:80px; height:80px; position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:9999; display:none; background: url(../img/loading.svg) 0 0 no-repeat; background-size: cover;}
.fixedloadingbg{position:fixed; top:0px; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.5); z-index:9998; display:none;}


#newBridge .nb-icon-wrap-0 {width: 15% !important; height: 9% !important;}
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base {background-color: #333 !important;}
#newBridge .nb-invite-wrap-0 {background: #333 !important;}
#newBridge .nb-invite-tool-base {font-size: 2em !important; right: 8px !important;} 
#newBridge .nb-icon-right-center {top: 70% !important;}
#newBridge .nb-invite-wrap-0 .nb-invite-ok {color: #333 !important;}
#newBridge .nb-invite-wrap-base {min-height: 15% !important;}
#newBridge .nb-invite-body-base {padding: 1em 0 !important;}
#newBridge {z-index: 9998 !important;}
#newBridge .nb-invite-body-base .nb-invite-welcom {font-size: 1.3em !important;}


.join_page .top .text {font-size: 14px; color: #666; padding-bottom: 15px; line-height: 22px;}
.join_page .top .contact {font-size: 14px; color: #333; line-height: 22px;}
.join_page .list li {border-top: 1px solid #eaeaea;}
.join_page .list li .title {font-size: 16px; color: #333; line-height: 28px; padding-bottom: 3px;}
.join_page .list li .des {font-size: 14px; color: #888; line-height: 22px;}
.join_page .list li .left {width: 70%;}
.join_page .list li .img {width: 30%; text-align: right; height: 102px;}
.join_page .list li .img_c {height: 102px; display: table-cell; vertical-align: middle;}
.join_page .list li img {width: 60%;}

.joinDetail_page .bottom {border-top: 1px solid #eaeaea;}
.joinDetail_page .bottom .text {font-size: 14px; color: #666; padding-bottom: 15px; line-height: 22px;}
.joinDetail_page .bottom .contact {font-size: 14px; color: #333; line-height: 22px;}
.joinDetail_page .top {border-bottom: 1px solid #eaeaea;}
.joinDetail_page .top .title {font-size: 16px; color: #333; line-height: 28px; padding-bottom: 3px;}
.joinDetail_page .top .des {font-size: 14px; color: #888; line-height: 22px;}
.joinDetail_page .top .left {width: 70%;}
.joinDetail_page .top .img {width: 30%; text-align: right; height: 102px;}
.joinDetail_page .top .img_c {height: 102px; display: table-cell; vertical-align: middle;}
.joinDetail_page .top img {width: 60%;}