@charset "utf-8";
/*
 * CSS Document
 * name   :base.css v1.0
 * author :tonjay
 * url    :www.duoguan.com
 * time   :2018-07-11
 */
@import url("https://at.alicdn.com/t/font_303668_en7cru01eyv.css");





/*公用css动画效果*/
a,.menu a:after,.fea i,.fea li:after,.app a img,.scenes li span,.daicon li span,.app span.demo,.tab li,.case-box,.test-app,.test-app img,.daili-list i,.daili-list,.ganyan .text,.ganyan img,.daicon ol li,a.uline:after,.more:after,.apply input,.lifesCaseCode{transition: all .3s ease;}
a.uline{ position: relative;}
a.uline:hover{text-decoration: none; margin-left:3px;}
a.uline:after{ content: ""; display:block; position:absolute; left:0; bottom: 0; width: 0; /*border-bottom: 1px solid #9c9c9c;*/}
a.uline:hover:after{ width: 100%;}
/*a:hover, a:focus, a:active{ color:#1761a3;}*/

.w_1200{max-width: 1200px;margin: 0 auto;} 
.wrap{ width: 100%; margin-left: auto; margin-right: auto;}


.homeTit{ padding: 0 0 40px; text-align: center; position: relative;}
.homeTit h2{font-size:36px; position: relative; line-height: 110%; font-family: microsoft yahei; letter-spacing: 5px;}
.homeTit p{ opacity: 0.7;}
.homeTit .more{ position: absolute; top: 0; right: 0; z-index: 1;}




/*数字*/
.investment_num{border-top: 1px solid #e3e2e5;border-bottom: 1px solid #e3e2e5;margin: 0 auto;}

#join_in .sub {font-size: 16px;color: #9494a9;text-align: center; }
#join_in .prospect {height: 560px;background: url(../images/merchants_bg1.jpg) center; }
#join_in .prospect .homeTit {padding: 80px 0 40px;text-align: center;position: relative;}
.prospect .homeTit h2{font-size: 36px;position: relative;line-height: 110%;}
.prospect .homeTit p{opacity: 0.7;margin-top: 20px;line-height: 24px;font-size: 16px;}
.pro_box ul{margin-top: 40px;text-align: center;}
.pro_box li{width: 28%;float: left;background: #fff;border-radius: 6px;margin-left: 4%;padding: 30px 0;}
.pro_box li p{font-size: 22px;}
.pro_box i{font-size: 50px;color:#fff;width:100px;height: 100px;line-height: 100px;background: #1761a3;border-radius: 50%;display: inline-block;margin-bottom: 20px;}
#join_in .prospect .pro_img {width: 380px;height: 450px;margin-right: 40px;background: url(../images/merchants_pro_img.png) center; }
#join_in .prospect .pro_con {display: flex;display: -webkit-flex;flex-direction: column;justify-content: space-around;width: 640px;height: 450px;padding: 20px 0;box-sizing: border-box;font-size: 16px;line-height: 32px;color: #666; }
#join_in .prospect .pro_item {padding-left: 40px;background: url(../images/merchants_1.png) 0 center no-repeat; }
#join_in .prospect .pro_item:nth-child(2) {background-image: url(../images/merchants_2.png); }
#join_in .prospect .pro_item:nth-child(3) {background-image: url(../images/merchants_3.png); }
#join_in .prospect .pro_item:nth-child(4) {background-image: url(../images/merchants_4.png); }
#join_in .distribution {height: 954px;background: #fff url(../images/merchants_map.png) center 180px no-repeat;position: relative;padding-top: 80px;}
#join_in .distribution .w_1200 {position: relative;height: 100%; }
#join_in .distribution h3 {padding: 80px 0; }
#join_in .requirement {padding: 80px 0;background: #f9f9f9;}
#join_in .requirement h3 {padding: 80px 0; }
#join_in .requirement li {float: left;width: 300px;padding-top: 75px;font-size: 16px;line-height: 28px;text-align: center;color: #666;background: url(../images/merchants_01.png) center 0 no-repeat; }
#join_in .requirement li:nth-child(2) {background-image: url(../images/merchants_02.png); }
#join_in .requirement li:nth-child(3) {background-image: url(../images/merchants_03.png); }
#join_in .requirement li:nth-child(4) {background-image: url(../images/merchants_04.png); }
#join_in .support {background-image: url(../images/merchants_bg2.png); background-size: cover;background-repeat: no-repeat;padding: 80px 0;}
#join_in .support h2 {color: #fff; }
#join_in .support .sub {margin-bottom: 60px;color: #fff; text-align: center;}
#join_in .support ul {display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap; }
#join_in .support li {width: 290px;height: 310px;padding: 145px 10px 0;box-sizing: border-box;margin-bottom: 12px;border-bottom: 6px solid #1761a3;background: #fff url(../images/merchants_sup1.png) center 50px no-repeat;text-align: center;transition: all .1s; }
#join_in .support li .title {margin-bottom: 35px;font-size: 22px;font-weight: bold;color: #333; }
#join_in .support li p {line-height: 24px;color: #9494a9;font-size: 16px;}
#join_in .support li:nth-child(2) {background-image: url(../images/merchants_sup2.png); }
#join_in .support li:nth-child(3) {background-image: url(../images/merchants_sup3.png); }
#join_in .support li:nth-child(4) {background-image: url(../images/merchants_sup4.png); }
#join_in .support li:nth-child(5) {background-image: url(../images/merchants_sup5.png); }
#join_in .support li:nth-child(6) {background-image: url(../images/merchants_sup6.png); }
#join_in .support li:nth-child(7) {background-image: url(../images/merchants_sup7.png); }
#join_in .support li:nth-child(8) {background-image: url(../images/merchants_sup8.png); }  
#join_in .support li:hover .title{ color:#fff;} 
#join_in .support li:hover p {color: #fff; }
#join_in .support li:hover:nth-child(1) {background: #1761a3 url(../images/bmerchants_sup1.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(2) {background: #1761a3 url(../images/bmerchants_sup2.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(3) {background: #1761a3 url(../images/bmerchants_sup3.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(4) {background: #1761a3 url(../images/bmerchants_sup4.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(5) {background: #1761a3 url(../images/bmerchants_sup5.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(6) {background: #1761a3 url(../images/bmerchants_sup6.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(7) {background: #1761a3 url(../images/bmerchants_sup7.png) center 50px no-repeat; }
#join_in .support li:hover:nth-child(8) {background: #1761a3 url(../images/bmerchants_sup8.png) center 50px no-repeat; }
#join_in .process {background: #f6f6f8;padding: 80px 0;}
#join_in .process h3 {padding: 80px 0 47px; }
#join_in .process ul {height: 500px;padding-left: 150px;background: url(../images/merchants_12345.gif) 50px center no-repeat; }
#join_in .process li {width: 1013px;height: 80px;padding: 17px 23px 0 35px;margin-bottom: 19px;box-sizing: border-box; }
#join_in .process li:last-child {margin-bottom: 0; }
#join_in .process li .title {font-size: 22px;color: #1761a3;margin-bottom: 12px; }
#join_in .process li p {color: #666;font-size: 16px;}
#join_in .contact {height: 700px;background: url(../images/merchants_bg3.png) center;color: #fff; }
#join_in .contact h3 {padding: 77px 0 22px;color: #fff; }
#join_in .contact .sub {font-size: 18px;color: #fff; }
#join_in .contact form {margin-top: 60px;padding: 0 100px; }
#join_in .contact form input {width: 480px;height: 50px;padding: 0 15px;margin-bottom: 50px;box-sizing: border-box;font-size: 18px;line-height: 50px;background: #fff;border-radius: 4px;color: #333; }
#join_in .contact form textarea {width: 100%;height: 120px;border: 0;padding: 15px;box-sizing: border-box;border-radius: 4px;font-size: 18px;color: #333;background: #fff;resize: none; }
#join_in .contact form button {display: block;width: 200px;height: 60px;line-height: 60px;box-sizing: border-box;margin: 50px auto 40px;border: 2px solid #fff;border-radius: 6px;font-size: 18px;color: #fff; }
#join_in .contact p {font-size: 16px;line-height: 26px;text-align: center; }




.policy{padding: 80px 0;}
.policy .policy_Min{margin-top: 30px;}
.policy li{float: left;width: 33.3%; text-align:center;}
.policy li h3{font-size: 22px;margin-bottom: 5px;}
.policy li p{font-size: 16px; color:#999;}
.policy li i{font-size: 60px;color:#fff;width: 100px;height: 100px;line-height: 100px;background: #1761a3;border-radius: 50%;display: block;margin: 0 auto 30px;position: relative;}
.policy li:first-child i{font-size: 40px;}
.policy li i:after{width: 120px;height: 120px;content: '';display: block;border-radius: 50%;border: 1px dashed #1761a3;
position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.policy li i.icon:before{right: 5px;position: relative;}
@media (max-width:640px){

.homeTit{ padding:0}
.homeTit h2{ font-size:22px !important;}
#join_in{background: url(../images/merchants_bg1.jpg) center; }
#join_in .prospect {height:auto;background: url(../images/merchants_bg1.jpg) center; background-size:auto 100%; }
#join_in .prospect .homeTit{ padding:5% 3%;}
.prospect .homeTit h2{font-size:22px;position: relative;line-height: 110%;letter-spacing:0;}
.prospect .homeTit p{opacity: 0.7;margin-top:20px;line-height: 24px;font-size: 14px; text-align:left;}


.pro_box ul{ display:flex; padding:1.5%; margin:0;}
.pro_box ul li{ flex:1; background:#fff; margin:1.5%; padding:1rem 0; border-radius:5px; font-size:1.2rem; text-align:center;}
.pro_box li p{ font-size:14px;}
.pro_box i{font-size:34px; margin:0 auto 12px auto; color:#fff;width:60px;height:60px;line-height:60px;background: #1761a3;border-radius: 50%;display:block;
 text-align:center;}
 
.policy{ background:#fff; padding:20px 0;}
.policy_Min{ margin:10px 0 0 0 !important; }
.policy_Min ul{ display:flex; padding:1.5%;}
.policy_Min ul li{ flex:1; padding:1.5%; margin:0; background:#fff;}
.policy_Min ul li .info_join h3{ font-size:18px; display:block; text-align:center; padding:10px 0;}
.policy_Min ul li .info_join p{ font-size:12px; text-align:center; color:#888; line-height:1.6;}
.policy li i{font-size:32px; text-align:center;color:#fff;width:60px;height: 60px;line-height: 60px;background: #1761a3;border-radius: 50%;display: block;margin: 0 auto 1rem;position: relative;}
.policy li i:after{ width:70px; height:70px;}
.policy li:first-child i{ font-size:25px;}


#join_in .requirement {padding:5% 3%;}
#join_in .requirement h3 {padding: 80px 0; }
#join_in .requirement li {float: left;width:50%;padding-top: 75px;font-size:12px;line-height: 28px;text-align: center;color: #666;background: url(../images/merchants_01.png) center 0 no-repeat; }
#join_in .requirement li:nth-child(2) {background-image: url(../images/merchants_02.png); }
#join_in .requirement li:nth-child(3) {background-image: url(../images/merchants_03.png); }
#join_in .requirement li:nth-child(4) {background-image: url(../images/merchants_04.png); }


#join_in .distribution {height:360px;background: url(../images/ma.jpg) no-repeat center bottom #fff;position: relative; background-size:100% auto; padding:20px 0;}
#join_in .distribution .w_1200 {position: relative;height: 100%; }



.distribution h2{ font-size:22px;}

#join_in .support {background-image: url(../images/merchants_bg2.png); background-size: cover;background-repeat: no-repeat;padding:1.6rem 0;}
#join_in .support h2 {color: #fff; }
#join_in .support .sub {color: #fff; text-align: center; padding:14px; font-size:12px; margin:0;}
#join_in .support ul {display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap; padding:1.5%; }
#join_in .support li {width:47%; margin:1.5%; height: 230px;padding:95px 10px 0;box-sizing: border-box;margin-bottom: 12px;border-bottom: 6px solid #1761a3;background: #fff url(../images/merchants_sup1.png) center 30px no-repeat;text-align: center;transition: all .1s; background-size: 40px auto; }
#join_in .support li .title {margin-bottom:12px;font-size:16px;font-weight: bold;color: #333; }
#join_in .support li p {line-height:1.7;color: #9494a9;font-size:12px;}
#join_in .support li:nth-child(2) {background-image: url(../images/merchants_sup2.png); }
#join_in .support li:nth-child(3) {background-image: url(../images/merchants_sup3.png); }
#join_in .support li:nth-child(4) {background-image: url(../images/merchants_sup4.png); }
#join_in .support li:nth-child(5) {background-image: url(../images/merchants_sup5.png); }
#join_in .support li:nth-child(6) {background-image: url(../images/merchants_sup6.png); }
#join_in .support li:nth-child(7) {background-image: url(../images/merchants_sup7.png); }
#join_in .support li:nth-child(8) {background-image: url(../images/merchants_sup8.png); }   
#join_in .support li:hover p {color: #000; }



#join_in .process {background: #f6f6f8;padding:20px 0;}
#join_in .process h3 {padding: 2rem; }
#join_in .process ul { padding-top:1rem;padding-left:80px;background: url(../images/merchants_12345.gif) no-repeat 10px 10px; background-size:80px auto; height:auto;}
#join_in .process li {width:100%;padding:1rem 1.2rem 0 1.2rem;margin-bottom:0;box-sizing: border-box; height:79px; }
#join_in .process li:last-child {margin-bottom: 0; }
#join_in .process li .title {font-size:16px;color: #ff6800;margin-bottom:0; }
#join_in .process li p {color: #666;font-size: 12px; line-height:1.6;}
}

/**********************/
.city{ padding:50px 0;}

.city-quyu{ display:block; display:flex; flex-wrap:wrap; margin-bottom:30px; }
.city-quyu li{  font-size:20px;  text-align:center; flex:1;  position:relative;  border-right:0; border-bottom:1px solid #eee;}
.city-quyu li a{ display:block; padding:12px 0;}
.city-quyu li:hover{ border-bottom:3px solid #000; font-weight:bold; color:#000; }
.city-quyu li:hover a{ color:#000;}
.city-quyu li.hover{border-bottom:3px solid #000;font-weight:bold; color:#000;}
.city-quyu li.hover a{ color:#000;}

.city-title{ display:block; display:flex; flex-wrap:wrap; text-align:center; margin-bottom:20px;}
.city-title li{ flex:1; font-size:16px; background:#f8f8f8; text-align:center; margin-right:1%; margin-bottom:1%; position:relative;}
.city-title li a{ display:block; padding:12px 0;}
.city-title li.hot:before{ content:''; background:url(../images/hot.gif) no-repeat; position:absolute; height:21px; width:27px; display:block; left:50%; top:-15px;}
.city-title li:last-child{ margin-right:0;}
.city-title li:hover{ background:#1761a3; color:#fff;}
.city-title li:hover a{ color:#fff;}
.city-title li.hover{ background:#1761a3; color:#fff;}
.city-title li.hover a{ color:#fff;}


.city-l {  border-top:1px solid #eee; }
.city-l li{ font-size:15px; display:flex;  border-left:1px solid #eee;border-bottom:1px solid #eee; width:100%; line-height:2; position:relative;}
.city-l li span{ flex:1; padding:12px 18px;border-right:1px solid #eee; text-align:center; position:relative;}
.city-l li span:nth-child(1):before{ content:'\e611'; font-family:"iconfont"; font-size:16px; margin-right:5px;}
.city-l li span:nth-child(1){ text-align:left; flex:1.5;}

.city-l li span a{ background:#1761a3; color:#fff; border-radius:30px; padding:10px 30px;}
.city-l li.title{ background:#1761a3; color:#fff; font-weight:bold; font-size:18px;}
.city-l li.disabled{background:#f8f8f8; color:#999 !important;}
.city-l li span a.disabled{ background:#ddd;}

.city-l li.tuxian{ background:#edf6fd; font-weight:bold; color:#1761a3 !important;}
.city-l li span a.tuxian{ background:#ddd; color:#fff;}


.city-l li.title span:nth-child(1):before{ content:''; font-size:20px; margin-right:0;}

.city-l li.hot1 span:nth-child(1):after{ content:''; background:url(../images/hot.gif) no-repeat; position:absolute; height:21px; width:27px; display:block; right:10px;  top:0;}


.city-flex{ display:flex;}
.city-flex .city-1{ flex:3; text-align:center; order:1}
.city-flex .city-2{ flex:2; border-right:1px solid #eee; border-bottom:1px solid #eee; order:2;}
.city-flex .city-2 span{ text-align:center !important;}
#cityshow2{ font-size:20px; line-height:2; display: flex;
justify-content: center;
align-items: center;}

.wkaitong{ display:block; width:100%; font-size:18px; color:#999; height:200px; line-height:200px;}
.wkaitong:before{ content:'\e62a'; color:#999; font-size:60px; margin-right:10px; vertical-align:middle; font-family:"iconfont";}


.zhiying{ display:inline-block; font-size:28px; color:#999; height:200px; line-height:200px; }
.zhiying:before{ content:'\e629'; color:#999; font-size:60px; margin-right:10px; vertical-align:middle; font-family:"iconfont";}


.shenqing{ display:none; padding:30px;}
.shenqing li{ line-height:3;}
.shenqing li span{ display:block; font-size:18px; color:#000;}
.shenqing li input{ background:#f9f9f9; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; border:0; width:100%; font-size:16px;}
.shenqing li .tijiao{ display:block; background:#1761a3; height:50px; line-height:50px; border:0; border-radius:5px; color:#fff; text-align:center; width:100%; margin-top:20px;font-size:16px;}


@media (max-width:640px){
	
	
.city{ padding:30px 3%; background:#fff;;}

.city-quyu{ display:block; display:block; display:flex; flex-wrap:wrap; margin:15px auto; border-right:1px solid #eee;border-bottom:1px solid #eee;}
.city-quyu li{  font-size:14px;  text-align:center; flex:auto; width:25%; position:relative; border:1px solid #eee; border-right:0; border-bottom:0;}
.city-quyu li a{ display:block; padding:12px 0;}
.city-quyu li:hover{ background:#1761a3; color:#fff; }
.city-quyu li:hover a{ color:#fff;}
.city-quyu li.hover{ background:#1761a3; color:#fff;}
.city-quyu li.hover a{ color:#fff;}



.city-title{ display:block; display:flex; flex-wrap:wrap; margin:10px 0;}
.city-title li{ width:20%; font-size:12px; background:#f8f8f8; text-align:center; margin:0; border:1px solid #fff; position:relative;}
.city-title li a{ display:block; padding:12px 0;}
.city-title li.hot:before{ content:''; background:url(../images/hot.gif) no-repeat; position:absolute; height:21px; width:27px; display:block; left:50%; top:-8px;}

.city-title li:nth-child(9n){ margin-right:0;}
.city-title li:hover{ background:#1761a3; color:#fff;}
.city-title li:hover a{ color:#fff;}
.city-title li.hover{ background:#1761a3; color:#fff;}
.city-title li.hover a{ color:#fff;}


.city-l {  border-top:1px solid #eee; }
.city-l li{ font-size:15px; display:flex; border-bottom:1px solid #eee; width:100%; line-height:2; position:relative;}
.city-l li span{ flex:2; padding:10px;border-right:1px solid #eee;  position:relative; font-size:12px;}
.city-l li span:nth-child(1):before{ content:'\e611'; font-family:"iconfont"; font-size:12px; margin-right:5px;}
.city-l li span a{ background:#1761a3; color:#fff; border-radius:30px; padding:6px 10px; font-size:12px;}
.city-l li span:last-child{ flex:2; padding:10px 0; text-align:center;}

.city-l li.title{ background:#1761a3; color:#fff; font-weight:bold; font-size:12px;}
.city-l li.title span:nth-child(1):before{ content:''; font-size:0; display:none;  margin-right:0;}
.city-l li.hot1 span:nth-child(1):after{ content:''; background:url(../images/hot.gif) no-repeat; position:absolute; height:21px; width:27px; display:block; right:10px;  top:0;}


.city-flex{ display:block;}
.city-flex .city-1{ flex:3; text-align:center;}
.city-flex .city-2{ display:none;}

#cityshow2{ font-size:16px; line-height:2; display:block; padding:12px 20px; font-weight:bold;
justify-content: center;
align-items: center;}

.wkaitong{ display:inline-block; font-size:18px; color:#999; height:100px; line-height:100px;}
.wkaitong:before{ content:'\e62a'; color:#999; font-size:60px; margin-right:10px; vertical-align:middle; font-family:"iconfont";}

.zhiying{ display:inline-block; font-size:22px; color:#999; height:100px; line-height:100px; }
.zhiying:before{ content:'\e629'; color:#999; font-size:60px; margin-right:10px; vertical-align:middle; font-family:"iconfont";}

.shenqing{ display:none; padding:20px;}
.shenqing li{ line-height:3;}
.shenqing li span{ display:block; font-size:16px; color:#000;}
.shenqing li input{ background:#f9f9f9; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; border:0; width:100%; font-size:14px;}
.shenqing li .tijiao{ display:block; background:#1761a3; height:50px; line-height:50px; border:0; border-radius:5px; color:#fff; text-align:center; width:100%; margin-top:20px;font-size:16px;}

.layui-layer-page{ width:90% !important;}
	
}