@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:14px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

.section{ min-width: 320px;  width: 100%;background-color:#f5f5f5;}
.white_container{ width:100%; background-color:#f5f5f5;}
.gray_container{ width:100%; background-color: #efefef;}
.main_container{ max-width:1190px; margin: 0 auto; }
.title_level{ text-align:center; margin-top: 5%; margin-bottom: 1%;}
.title_level span{ display: block; font-size:36px; font-weight: bold; color:#f75853; }

/*banner*/
.banner_container{ width: 100%; max-height: 500px;height:500px; position: relative;}
.banner_main{position: absolute; top: 0;left:19%; z-index: 100;}
.banner_main .logo{ padding-top:12px; display: inline-block; width: 100%;}
.swiper-container{ background:url(../../images/wlst/agent/banner_bg.jpg) no-repeat; width: 100%; height: 100%; background-size:cover;background-position: right; }
.swiper-container .banner_txt{ position:absolute; top:24%; left:22%;}
.swiper-container .banner_txt span{ font-size:70px; font-weight: bold;color:white; font-family: '思源黑体'; display: block; text-shadow: 2px 2px 10px #b11205;animation:move 3s ease 0s infinite; margin-bottom: 2%;}
.swiper-container .banner_txt span b{ color:#faf706;font-weight: bold; margin-left:20px;}
.swiper-container .banner_txt p{ text-align:center; font-size:45px; color:white;font-family: '思源黑体';text-shadow: 2px 2px 10px #b11205;}
.swiper-container .banner_txt p b{font-size:60px; font-weight: bold; color:#fbec03;}

/*我的优势*/
.advantage_container ul{margin-top:5%;}
.advantage_container ul li{float:left;  overflow: hidden; width: 33.33%;}
.advantage_container ul li>div{float:left;text-align: center; width:50%; }
.advantage_container ul>li+li+li+li+li+li{margin-right:0;}
.advantage_container ul li img{ display: inline-block;}
.advantage_container ul li p{ font-size:32px; color:#333333; font-weight: bold;font-family: '思源黑体';}
.advantage_container ul li p b{font-size:18px; font-weight: bold;}
.advantage_container ul li span{ font-size:16px; color:#797979;}

.advantage_container .advantage_desc{ background-color:#e6e6e6; padding:20px; margin-top: 3%;}
.advantage_container .advantage_desc p{ font-size:30px; color:#393838;}
.advantage_container .advantage_desc span{font-size:20px; color:#393838; display: block;margin-top: 1%; margin-bottom: 2%; line-height: 34px;}

/*入驻推广流程*/
.pc_process{ display:block; margin-top: 4%;}
.pc_process>div{text-align:center;}
.pc_process img{display:inline-block;}
.pc_process ul{display: table; margin: auto;}
.pc_process ul li{ float:left; text-align: center; width: 260px; margin-right:-20px;}
.pc_process ul>li+li+li+li{margin-right:0;}
.pc_process ul li span{display:block;font-size:16px;}
.mobile_process{ display:none; text-align: center;}
.process_btnbox{ text-align: center; margin-top: 50px;}
.process_btnbox a{  color:white; font-size:16px; padding:10px 42px;border-radius: 5px; cursor: pointer;}
.process_btnbox a.apply_btn{background-color:#f75853;}
.process_btnbox a.rule_btn{background-color:#7c6fb0; margin-left:3%;}

/*中介会员特惠套餐*/
.packagelist_tab{ margin-top:30px;}
.packagelist_tab .list_tab1 li,.packagelist_tab .list_menu li{ float:left; font-size:18px;  text-align: center; background: white; border-right: 1px solid #ccc; padding:1.5% 0; font-weight: bold; box-sizing: border-box;}
.packagelist_tab .list_tab1 li.member_tit{ background-color:#e6e6e6; width: 20%; color:#333;border-top: 2px solid #e6e6e6; border-right:0;}
.packagelist_tab .list_tab1 li.month_memb{color:#fe8208;border-top: 2px solid #fe8208; width: 80%;}
.packagelist_tab .list_menu{ background-color:#e6e6e6}
.packagelist_tab .list_menu li.list_menutitle{background-color:#e6e6e6; width: 20%; color:#333;border-top: 1px solid white; border-right:0; font-weight: normal; text-align: left;font-size:16px;}
.packagelist_tab .list_menu li.list_menutitle i{display:inline-block; background:url(../../images/wlst/agent/icons.png);vertical-align: middle; margin-left:10%;  margin-right: 6px; }
.packagelist_tab .list_menu li.list_menutitle i.m_icon1{background-position:-8px -4px; width: 22px; height: 20px;}
.packagelist_tab .list_menu li.list_menutitle i.m_icon2{background-position:-9px -33px; width: 20px; height: 17px;}
.packagelist_tab .list_menu li.list_menutitle i.m_icon3{background-position:-6px -62px; width: 24px; height: 20px;}
.packagelist_tab .list_menu li.list_menutitle i.m_icon4{background-position:-42px -5px; width: 20px; height: 20px;}
.packagelist_tab .list_menu li.list_menutitle i.m_icon5{background-position:-41px -33px; width: 20px; height: 20px;}
.packagelist_tab .list_menu li.list_content{ width: 80%; border-top:1px solid #e8e8e8;border-bottom: 1px solid white; font-size:16px; background-color:white;}
.packagelist_tab .list_menu li.list_content span{display:block; color:#333333;}
.packagelist_tab .list_menu li.list_content img{display:inline-block; margin: 10px 0;}
.packagelist_tab .list_menu li.list_content p{font-weight:normal;text-align: left; padding:0 3%; font-size:14px; color: #666666; line-height: 28px;word-break:break-all}
.packagelist_tab .list_menu li.listborder{ border-bottom:1px solid #ccc;}

/*城市经纪人推广*/
.extension_container{ margin-top:3%;}
.extension_container li{float:left; width: 24.6%; margin-right:13%; margin-bottom: 3%; text-align: center;}
.extension_container>li+li+li{margin-right:0;}
.extension_container>li+li+li+li{margin-right:13%; }
.extension_container>li+li+li+li+li+li{margin-right:0; }
.extension_container li img{width:100%}
.extension_container li span{ font-size:16px; color:#333333; display: block; margin-top: 4%; }

/*优质服务*/
.goodservice{ background-color:#e6e6e6;padding:20px;}
.goodservice p{font-size:20px; color:#333333; margin-bottom:20px; line-height: 30px; }
.goodservice p b{ background-color:#f75853; font-size:24px; font-weight: bold; font-family:'思源黑体'; color:white; display: inline-block; padding:0 6px; vertical-align: middle; margin-right:14px;}
.compare_title{margin-top:4%;}
.compare_title img.line_lf{float: left; display: inline-block;width: 15%; margin-top: 20px;}
.compare_title img.line_rg{float: right;display: inline-block; width: 15%; margin-top: 20px;}
.compare_title span{float: left;width:70%;display: block;margin: auto; text-align: center;font-size:32px; color:#383635; font-weight: bold;}
.compare_contentbox{ margin-top:3%;}
.compare_contentbox .compare_left{ float:left; width: 44%}
.compare_contentbox .compare_center{float:left; width: 11.5%}
.compare_contentbox .compare_right{ float:left;width: 44%}
.compare_contentbox .compare_left p{ font-size:22px; color:#8176a8; font-weight: bold; text-align: center}
.compare_contentbox .compare_left p img{ display:inline-block; vertical-align: middle; margin-right:6px;}
.compare_contentbox .compare_right p{ font-size:22px; color:#da2c40; font-weight: bold; text-align: center}
.compare_contentbox .compare_right p img{ display:inline-block; vertical-align: middle; margin-right:6px;}
.compare_contentbox .compare_left span{ display:block; width: 100%; height: 46px; background:url(../../images/wlst/agent/blueline_bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 3.2%;text-align: right; }
.compare_contentbox .compare_left span b{color:white; line-height: 46px;font-size:16px; margin-right:3%;}
.compare_contentbox .compare_right span{ display:block; width: 100%; height: 46px; background:url(../../images/wlst/agent/redline_bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 3.3%;text-align: left; }
.compare_contentbox .compare_right span b{color:white; line-height: 46px;font-size:16px; margin-left:3%;}

/*业务联系*/
.contact_container{ background-color:white; padding:0 2%; padding-bottom: 0; border-top:2px solid #f75853;}
.contact_container .contact_box{ margin-top:4%; margin-bottom: 3%;}
.contact_container .contact_box .contact{ width:50%; float:left; margin-bottom: 5%;}
.contact_container .contact_box .contact img{ float:left; width: 40%;}
.contact_container .contact_box .contact .contact_txt{ float:left; width: 60%; margin-top: 8%;}
.contact_container .contact_box .contact .contact_txt p{font-size:24px; color:#343434; font-weight: bold; margin-left:8%; margin-top:5%;}
.contact_container .contact_box .contact .contact_txt span{font-size:14px; color:#343434; display: block;padding-top:1%;margin-left:8%; margin-top:2%;}

/*底部*/
.bottom_contact{ border-bottom: 1px solid #454545; padding-bottom: 3%;}
.bottom_contact .btm_conqrcode{ float:left; width: 18.823%;}
.bottom_contact .btm_middle_txt{float:left; margin-left:7%; margin-top: 2%; width:43%}
.bottom_contact .btm_middle_txt span{ color:#c7c7c7; font-size:14px;line-height: 24px;}
.bottom_contact .btm_middle_txt p{ font-size:44px; font-weight: bold; color:white; padding-bottom: 20px;}
.bottom_contact .btm_middle_txt p i{display:inline-block; background:url(../../images/wlst/agent/icons.png) -40px -60px;vertical-align: middle;  margin-right: 6px;width: 42px; height: 42px;}
.bottom_contact .btm_middle_txt b{ font-size:12px; color: #c7c7c7; background-color: #2a2a2a; padding:8px 25px;}
.bottom_contact .btm_upgrade{float:right; text-align: center;width: 28.571%;}
.bottom_contact .btm_upgrade img{  margin: auto;}
.bottom_contact .btm_upgrade span{ display: block; font-size:30px; width: 100%;  line-height: 60px;  text-align: center; box-shadow: 10px 10px 4px #2f2f2f; background-color: #f52f44; border-radius: 30px; color:white; margin-top: 5%; cursor: pointer;}
.bottom_container{ background:#3b3b3b; width: 100%; margin-top: 60px; padding-top: 2%; padding-bottom: 4%;}
.bottom_container .bottom_nav{  display: table; margin: auto; padding-top: 2%;}
.bottom_container .bottom_nav li{ float:left; display: inline-block;color:#999;}
.bottom_container .bottom_nav li a{float:left; color:#999; font-size:14px; margin:0 16px;}
.bottom_container .main_container>p{ text-align:center; color:#999; font-size:14px; padding-top: 16px;}
.bottom_container .main_container>p a{ color:#999;}
.bottom_container a{color:#999;}
.bottom_container .main_container>p i{ display:inline-block; background:url(../../images/wlst/agent/icons.png) -43px -114px; width: 18px; height: 20px; vertical-align: middle;}

.submit_btn{ position:fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 50px; display: none; }
.submit_btn a{ font-size:16px; color:white; text-align: center; display: inline-block; background-color: #ff7200; width: 100%; line-height: 50px;}
.submit_btn{ display:block;}

/*弹窗*/
.tandialog_container{ position:fixed; z-index: 9999;top: 0; left: 0;right: 0;bottom: 0; display: none;}
.tandialog_container .tandialog_mask{ background: rgba(0,0,0,.5); width: 100%; height: 100%; }
.tandialog_container .tandialog_content{ position: absolute; top: 200px; left: 50%; margin-left: -150px; width:300px; height: 290px; background-color: white; border-radius: 10px; text-align: center;}
.tandialog_container .tandialog_content img{ margin: auto;margin-top: 30px; }
.tandialog_container .tandialog_content .closetan_btn{ color:#ccc; background-color:black; width:30px; height: 30px; border:3px solid white; border-radius: 50px; position: absolute; top: -12px; right:-12px; line-height: 30px; font-size:20px; cursor: pointer; transition: 0.3s all;}
.tandialog_container .tandialog_content .closetan_btn:hover{ transform:rotate(180deg); background-color: #ff7200; color:white;font-size:22px; width: 32px; height: 32px; line-height: 32px;}

/*弹窗*/
#rules,#payPop{position: relative;width: auto;max-width: 600px;  background:white; margin: 20px auto;border-radius:6px;}
.tishi_title{ font-size: 16px;text-indent: 2em;color: #fff;width: 100%;background-color: #345da1;height: 46px;line-height: 46px; position:absolute; left:0; top:0;border-radius: 5px 5px 0 0;}
.rules_txt{padding:20px;padding-top:60px;font-size:14px; line-height: 28px;}
.rules_txt b{ font-weight: bold;}
.rules_txt span{display:block; text-align: right; margin-top: 14px;}
.rules_txt a{ text-decoration:underline;}

.pay_box{padding:6%; padding-top:40px; font-size:14px; }
.pay_box .pay_tit{font-size:16px; font-weight: bold; color:#333; margin-top: 2%;}
.pay_box .menu_desc{ background-color:#f75853; padding:3%; margin-top: 2%;}
.pay_box .menu_desc span{float:left; color:white;}
.pay_box .menu_desc span b{font-size:30px; font-weight: bold;}
.pay_box .menu_desc em{float:right;color:white; margin-top: 16px;}
.numbox{ margin-top:4%;}
.numbox p{ float:left;}
.numbox .num_count{float:right; border:1px solid #7d7d7d;}
.numbox .num_count li{float:left;text-align: center;}
.numbox .num_count li .num_jian{display: block;width: 40px;height: 40px; line-height: 40px; color:#333;font-size:20px; border-right:1px solid #7d7d7d; cursor: pointer;}
.numbox .num_count li .input_num{display: block;border: none; width: 58px; height: 40px; line-height: 40px;color:#000;font-size:24px; text-align: center;font-family: '思源黑体';}
.numbox .num_count li .num_jia{display: block;width: 40px;height: 40px; line-height: 40px;color:#333;font-size:20px;border-left:1px solid #7d7d7d;cursor: pointer;}
.pay_type{ margin-top:3%;}
.pay_type ul{margin-top: 2%;}
.pay_type ul li{ width:45%; border:1px solid #7d7d7d; text-align: center; padding: 3% 0; cursor: pointer;}
.pay_type ul li.active{border:1px solid #d81e06;background:url(../../images/wlst/agent/selected_icon2.png) no-repeat; background-position: right bottom;}
.pay_type ul li.zfb_li{float:left; position: relative;}
.pay_type ul li.zfb_li:after{content:""; position: absolute;top: 0; right: 0; width: 42px; height: 42px; background:url(../../images/wlst/agent/recommend.png) no-repeat; background-size:100%;}
.pay_type ul li.wx_li{float:right;}
.pay_type ul li p{ font-size:16px; color:#333333;}
.pay_type ul li p img{display:inline-block; vertical-align: middle; margin-right:2%;}
.price_box{ margin-top:5%;}
.price_box p{float:left; margin-top: 5%;}
.price_box span{ float:right; font-size:16px; color:#333;}
.price_box span b{font-size:38px; font-weight: bold; font-family: '思源黑体';}
.pay_now{ margin-top: 5%; width: 100%; background-color:#f75853; border:none; color:white; font-size:16px; padding:3% 0; border-radius: 5px;}
.tips_box{ background-color:#f2f2f2; padding:2% 4%; margin-top: 3%;}
.tips_box span{font-size:16px; line-height: 26px;color:#333;}


@keyframes move{
	0%{ transform:scale(1)}
	30%{ transform:scale(1.03)}
	60%{ transform:scale(1)}
	100%{ transform:scale(1)}
}

@media screen and (max-width:1441px){
	.banner_main{left:8%;}
	.swiper-container .banner_txt{ left:12%;}
}
@media screen and (max-width:1190px){
	.compare_contentbox .compare_center{ display: none;}
	.compare_contentbox .compare_left{float:none; width: 90%; margin: auto;}
	.compare_contentbox .compare_right{ float:none;width: 90%; margin: auto; margin-top:5%}
}
@media screen and (max-width:1100px){
	.banner_container{max-height:460px;}
	.swiper-container{background-position: 80%; }
	.swiper-container .banner_txt{ left:8%;}
	.swiper-container .banner_txt span{ font-size:45px; }
	.swiper-container .banner_txt p{  font-size:36px; }
	.swiper-container .banner_txt p b{font-size:50px;}



}
@media screen and (max-width:1000px){
	.packagelist_tab .list_tab1 li.member_tit,.packagelist_tab .list_tab1 li.month_memb,.packagelist_tab .list_menu li.list_menutitle,.packagelist_tab .list_menu li.list_content{width:50%;}
	.compare_title span{ font-size:30px;}
}
@media screen and (max-width:910px){
	.pc_process ul{ display:block;}
	.pc_process ul li{width:25%; margin-right: 0; }



}
@media screen and (max-width:800px){
	.banner_container{max-height:360px;}
	.swiper-container .banner_txt{ left:3%;}
	.swiper-container .banner_txt span{ font-size:42px; }
	.swiper-container .banner_txt p{  font-size:30px; }
	.swiper-container .banner_txt p b{font-size:42px;}

	.pc_process{ display:none;}
	.mobile_process{ display:block;}

}

@media screen and (max-width:700px){
	.banner_container{max-height:300px;}
	.swiper-container .banner_txt{ top:36%;}
	.swiper-container .banner_txt span{ font-size:30px; }
	.swiper-container .banner_txt span b{ margin-left:10px;}
	.swiper-container .banner_txt p{  font-size:26px; }
	.swiper-container .banner_txt p b{font-size:34px;}

	.title_level span{font-size:28px;}
	.advantage_container>span{font-size:16px; line-height: 32px;}
	.advantage_container,.extension_container,.service_container{width:90%;  margin: auto;}
	.advantage_container ul li,.extension_container li,.service_container li{float:none; width: 100%; margin-bottom: 8%;}
	.advantage_container ul li p{font-size:22px;}
	.advantage_container .advantage_desc p{ font-size:20px;font-weight: bold; }
	.advantage_container .advantage_desc span{font-size:16px; line-height: 28px; margin-top: 2%; margin-bottom: 3%; }

	.extension_container{margin-top:3%;}
	.process_btnbox{ margin-top:10px;}
	.extension_container>li+li+li+li+li+li{margin-bottom:0;}

	.goodservice p{font-size:16px;}
	.compare_title span{ font-size:20px;}
	.compare_contentbox .compare_right span b{ font-size:14px;}
	.compare_contentbox .compare_left span b{font-size:14px;}
	.compare_contentbox .compare_left p{ font-size:18px;}
	.compare_contentbox .compare_right p{ font-size:18px;}
	.compare_contentbox .compare_left p img{ width:30px; height: 30px;}
	.compare_contentbox .compare_right p img{ width:30px; height: 30px;}

	.contact_container .contact_box .contact{float:none;width: 100%; margin: auto; margin-bottom: 5%;}
	.contact_container .contact_box .contact .contact_txt p{font-size:18px;}

	.bottom_contact .btm_conqrcode{ float:none; width: 50%; margin: auto; padding-top: 6%;}
	.bottom_contact .btm_middle_txt{ float:none; width:100%; margin-left:0; margin-top: 4%;text-align: center;}
	.bottom_contact .btm_middle_txt p{ font-size:26px;}
	.bottom_contact .btm_upgrade{ float:none;width:100%; margin:20px auto;}
	.bottom_contact .btm_upgrade span{width:300px; height: 40px; line-height:40px; font-size:20px;display: inline-block}


}

@media screen and (min-width:401px) and (max-width:500px){
	.banner_container{max-height:260px;}
	.swiper-container .banner_txt{ top:36%;}
	.swiper-container .banner_txt span{ font-size:24px; }
	.swiper-container .banner_txt p{  font-size:20px; }
	.swiper-container .banner_txt p b{font-size:24px;}

	.title_level span{font-size:22px;}
	.packagelist_tab .list_menu li.list_menutitle i{ margin-left:5%;}

	.pay_type ul li.zfb_li:after{ width:30px; height: 30px;}

	.contact_container .contact_tit{font-size:18px;}

}
@media screen and (min-width:320px) and (max-width:400px){
	.banner_container{max-height:220px;}
	.swiper-container .banner_txt{ top:36%;}
	.swiper-container .banner_txt span{ font-size:19px; }
	.swiper-container .banner_txt p{  font-size:16px; }
	.swiper-container .banner_txt p b{font-size:19px;}

	.banner_main{width:80%;}

	.packagelist_tab .list_menu li.list_menutitle i{ margin-left:5%;}
	.packagelist_tab .list_menu li.list_menutitle{font-size:12px;}

	.title_level span{font-size:20px;}
	.pay_box .pay_tit{font-size:14px;}
	.pay_box .menu_desc span b{font-size:24px;}
	.numbox .num_count li .num_jian,.numbox .num_count li .num_jia{height:28px;width: 28px; line-height: 28px;}
	.numbox .num_count li .input_num{ width:32px;height: 28px; line-height: 28px; font-size:18px;}
	.pay_type ul li{ width:47%}
	.pay_type ul li p{font-size:14px;}
	.pay_type ul li.zfb_li:after{ width:30px; height: 30px;}
	.pay_type ul li p img{ width:26px; height: 26px;}
	.price_box span b{font-size:28px;}
	.tips_box span{font-size:14px; line-height: 22px;}
	.pay_now{font-size:14px;}

	.compare_title span{ font-size:16px;}
	.compare_contentbox .compare_right span b{ font-size:12px;}
	.compare_contentbox .compare_left span b{font-size:12px;}

	.contact_container .contact_box .contact .contact_txt span{font-size:12px;}
	.contact_container .contact_box .contact .contact_txt p{font-size:16px;}

}