@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:16px;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;}/*清除浮动*/

.sectionDiv{ background:white;}
.main_container{ max-width:1190px;min-width: 320px; margin: auto;}
.main_title{ margin-top: 34px;  background: url(../../images/wlst/hkagent/title-bgcore.png) no-repeat; background-position: center;text-align: center;}
.main_title span{ display: block;font-size:22px; color:white;; font-weight: bold;padding:6px 26px; }
.nomarginR{ margin-right:0!important;}
.contact_btnbox{ margin:40px auto;width: 266px; padding:14px 20px;border-radius: 7px;}
.contact_btnbox.bluebox{background-color:#3ba72f;}
.contact_btnbox.redbox{background-color:#3ba72f;}
.contact_btnbox a{ width: 100%;  display: inline-block;  }
.contact_btnbox a .lf_phoneicon{ float:left; display: inline-block; background: url(../../images/wlst/hkagent/icons.png) -73px -2px; width:50px; height: 50px; vertical-align: middle; margin-right: 2%;}
.contact_btnbox a span{float:left; color:white; font-size:18px; line-height: 25px; }
.contact_btnbox a .rg_figner{float:right;display: inline-block; background: url(../../images/wlst/hkagent/icons.png) -45px -61px; width:40px; height: 42px; vertical-align: middle; margin-left: 2%;}

.level2_title{color:#333; font-size:24px; display: block;  font-weight: bold;}
.level2_title i{display: inline-block; background: url(../../images/wlst/hkagent/icons.png) -9px -5px; width:24px; height: 20px; vertical-align: middle; margin-right: 2%;}
.comment_span{font-size: 18px;  color:#333333; line-height: 40px; display: block;}
.bottom1{margin-bottom: 1%;}
.bottom2{ margin-bottom: 2%;}
.top2{ margin-top:2%;}

/*banner*/
.banner_container{background:url(../../images/wlst/hkagent/banner_bg.jpg) no-repeat center;  width: 100%; max-height: 500px;height:500px; }
.banner_main{width:1190px; margin: auto;}
.banner_main .logo{ padding-top:12px; display: inline-block;}
.banner_main .banner_content{ width:100%;}
.banner_main .banner_content .ban_maintext{ width:80%; margin-left:10%; animation:move 3s ease 0s infinite;}
.banner_main>p{ text-align:center; font-size:34px; color:white; font-weight: bold;}

/*一、推廣計劃*/
.packageplan_container{ background-color:#e6e6e6; padding:2%; margin-top: 3%;}
.packageplan_container>span{font-size: 18px; color:#333333; line-height: 40px; display: block;text-indent: 2em; margin-bottom: 2%;}
.packageplan_container ul{ padding-top:3%}
.packageplan_container ul li{ float:left; border-right:1px solid #505050; width: 23%; text-align: center; padding:0 5%; margin-bottom: 3%;}
.packageplan_container ul li:nth-child(3n){ border-right:none;}
.packageplan_container ul li img{ display: inline-block;}
.packageplan_container ul li span{ font-size: 18px;  color:#333333; line-height: 32px; display: block; text-align: center;}

/*二、合作計劃*/
.Cooperation_container{padding:2%; margin-top: 3%;}
.comment_span i{display: inline-block; background: url(../../images/wlst/hkagent/icons.png) ;  vertical-align: middle; margin-right: 1%;}
.comment_span i.coop_icon01{width:32px; height: 20px; background-position: -56px -108px}
.comment_span i.coop_icon02{width:32px; height: 20px; background-position: -58px -136px}
.comment_span i.coop_icon03{width:32px; height: 20px; background-position: -56px -163px}
.comment_span i.coop_icon04{width:32px; height: 20px; background-position: -91px -61px}
.comment_span i.coop_icon05{width:32px; height: 20px; background-position: -93px -85px}
.comment_span i.coop_icon06{width:31px; height: 22px; background-position: -94px -110px}
.comment_span i.coop_icon07{width:32px; height: 21px; background-position: -94px -136px}
.comment_span i.coop_icon08{width:32px; height: 22px; background-position: -95px -160px}
.comment_span i.coop_icon09{width:31px; height: 27px; background-position: -127px -3px}
.comment_span i.coop_icon10{width:31px; height: 21px; background-position: -127px -35px}
.Cooperation_container .pc_timeline{ border-bottom:1px solid #3f3f3f; padding-bottom: 31px; margin-bottom: 12px;}
.Cooperation_container .pc_timeline li{ float:left; width: 33%; position:relative;}
.Cooperation_container .pc_timeline li span{ display:block; margin-left:22%; margin-top: 3%;}
.Cooperation_container .pc_timeline li img{ position:absolute; left:20px;}
.Cooperation_container .compare_title{}
.Cooperation_container .compare_title img.line_lf{float: left; display: inline-block;width: 15%; margin-top: 20px;}
.Cooperation_container .compare_title img.line_rg{float: right;display: inline-block; width: 15%; margin-top: 20px;}
.Cooperation_container .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: 40%}
.compare_contentbox .compare_center{float:left; width: 11.5%}
.compare_contentbox .compare_right{ float:left;width: 48%}
.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/hkagent/blueline_bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 3%;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/hkagent/redline_bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 2.5%;text-align: left; }
.compare_contentbox .compare_right span b{color:white; line-height: 46px;font-size:16px; margin-left:3%;}

/*三、早鳥優惠*/
.discount_container ul{ margin-top:3%;}
.discount_container ul li{ float:left; width: 33.3%; text-align: center;}
.discount_container ul li img{ display: inline-block;}
.discount_container ul li b{ color:#333; font-weight: bold; font-size:30px; display: block;}
.discount_container ul li span{ font-size:20px; color:#333; display: block;}



/*入駐規則*/
.rules_container{ position: relative; width: 100%;}
.rules_container .rules_imd_img{  padding-top:50px; padding-bottom: 100px; width: 39%; margin: auto;}
.rules_container .rules_imd_img img{ display: inline-block; width: 100%;}
.rules_container p{ position: absolute; width:270px; font-size:16px; color:#333333; line-height: 26px;}
.rules_container p b{ font-size:17px; font-weight: bold;}
.rules_container .p_rule1{ top:51%; left:10%}
.rules_container .p_rule2{top:80%; left:58% }
.rules_container .p_rule3{top:34%; left:70%}


/*中介会员特惠套餐*/
.packagelist_tab{ margin-top:30px;}
.packagelist_tab .list_tab1 li{ float:left; font-size:18px; width: 79.9%; text-align: center; background: white; border-right: 1px solid #ccc; padding:1.5% 0; font-weight: bold;}
.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.new_memb{ color:#009691; border-top: 2px solid #009691;}
.packagelist_tab .list_tab1 li.month_memb{color:#fe8208;border-top: 2px solid #fe8208;}
.packagelist_tab .list_tab1 li.quarter_memb{color:#972a5d;border-top: 2px solid #972a5d;}
.packagelist_tab .list_tab1 li.halfyear_memb{color:#782785;border-top: 2px solid #782785;}
.packagelist_tab .list_tab1 li.year_memb{color:#c20101;border-top: 2px solid #c20101;}
.packagelist_tab .list_tab2{ display: none;}
.packagelist_tab .list_tab2 li{ float:left; font-size:16px; width: 31.8%; text-align: center; background: white;  padding:4% 0; font-weight: bold;color:#666; border:1px solid #ccc; margin-right: 1%; margin-bottom: 2%; }
.packagelist_tab .list_tab2 li.currentnew_memb{border-color: #009691; color:#009691;}
.packagelist_tab .list_tab2 li.currentmonth_memb{border-color: #fe8208; color:#fe8208;}
.packagelist_tab .list_tab2 li.currentquarter_memb{border-color: #972a5d; color:#972a5d;}
.packagelist_tab .list_tab2 li.currenthalfyear_memb{border-color: #782785; color:#782785;}
.packagelist_tab .list_tab2 li.currentyear_memb{border-color: #c20101; color:#c20101;}
.packagelist_content ul{ float:left;}
.packagelist_content .list_menu_lf{ width: 20%;}
.packagelist_content .list_menu_lf li{ background-color:#e6e6e6; font-size:16px; color:#333; border-top: 1px solid white; line-height:64px; }
.packagelist_content .list_menu_lf li i{ display:inline-block; background: url(../../images/wlst/hkagent/icons.png);vertical-align: middle; margin-left:10%; margin-right: 6px;}
.packagelist_content .list_menu_lf li .m_icon1{ background-position:-7px -30px; width: 22px; height: 20px;}
.packagelist_content .list_menu_lf li .m_icon2{background-position:-9px -89px; width: 20px; height: 17px;}
.packagelist_content .list_menu_lf li .m_icon3{background-position:-8px -113px; width: 24px; height: 23px;}
.packagelist_content .list_menu_lf li .m_icon4{background-position:-44px -6px; width: 20px; height: 20px;}
.packagelist_content .member_ul{ width:79.99%;}
.packagelist_content .member_ul li{ background-color:white; border-top:1px solid #ccc; border-right: 1px solid #ccc;line-height: 64px; font-size:16px; color:#333;text-align: center;}
.packagelist_content .member_ul li a{color:#333;}
.remarks_line_container{background-color:#e6e6e6;}
.remarks_line_container .remarks_title{float:left;background-color:#e6e6e6; font-size:16px; color:#333;padding:2% 0; border-top: 1px solid white; width: 20%;}
.remarks_line_container .remarks_title .m_icon5{display:inline-block; background: url(../../images/wlst/hkagent/icons.png) -44px -30px;vertical-align: middle; margin-left:10%; margin-right: 6px;width: 20px; height: 20px;}
.remarks_line_container .remarks_content{float:left;background-color:white; border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-right: 1px solid #ccc; width: 79.9%;}
.remarks_line_container .remarks_content span{ display:block; padding:3%; line-height: 32px; font-size:14px; color:#666;word-break: break-all}
.bot_remind{ margin-top:1%;}
.bot_remind span{ font-size:18px; color:#333; line-height: 32px; display: block;margin-top: 2%;}
.guide_btm{}
.guide_btm ul li{ float:left; margin:0 0.5%; text-align: center; border-radius: 5px;width: 24%;}
.guide_btm ul li.libox1{ background-color:#f52f44; }
.guide_btm ul li.libox2{ background-color:#00a0e9; }
.guide_btm ul li.libox3{ background-color:#f39800; }
.guide_btm ul li.libox4{ background-color:#8f82bc; }
.guide_btm ul li img{ display: inline-block; margin-top: 10px;}
.guide_btm ul li span{ color:white; font-size:18px; display: block; padding:12px 0;}


.white_container{ width:100%; background-color:white;padding: 40px 0 20px;}
.main_container{ max-width:1190px; margin: 0 auto;}
.title_container{ width: 100%; text-align: center;}
.title_container span{ font-size:37px; line-height: 64px;  color:#333333;font-weight: bold; display: block;padding-bottom: 10px;border-bottom: 2px solid #f52f44}
.floor_container{ margin-top:20px;}
.consultation{ float:left; width: 50%; padding:20px 0;}
.consul_icon{float:left;  width: 36.97%;}
.consul_content{ float:left; margin-left:3%; width: 58.82%;}
.consul_content span{ font-size:16px; color:#333333; font-weight: bold; display: block; margin-top:12% }
.consul_content span b{ font-size:24px;font-weight: bold; margin-right: 3%;}
.consul_content p{ margin-top:4%;}
.floor_container>p{ font-size:22px; font-weight: bold; color:#333; margin: 0; background-color:#f2f2f2; padding:2px 12px;}

/*底部*/
.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/hkagent/icons.png) -6px -140px;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:26px; 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/hkagent/icons.png) -9px -59px; width: 18px; height: 20px; vertical-align: middle;}

/*底部固定按钮*/
.submit_btn{ position:fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 42px; display: none; }
.submit_btn a{ font-size:16px; color:white; text-align: center; display: inline-block; background-color: #f52f44; width: 100%; line-height: 42px;}

/*弹窗*/
.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: #f52f44; color:white;font-size:22px; width: 32px; height: 32px; line-height: 32px;}

.logo_link{margin-left: 20px;background: #ffffff73;margin-top: 30px;padding: 5px 10px;color: #ffffff;display: inline-block;font-size: 14px;}

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

@media screen and (max-width:1190px){
	.banner_main{width: 96%; margin: auto;}
	.banner_container{height:460px;}
	.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:1000px){
	.rules_container p{width:200px;}
	.Cooperation_container .compare_title span{ font-size:30px;}
	.Cooperation_container .pc_timeline li span{ margin-left:10px; margin-top: 105px; font-size:14px;}
	.packagelist_tab .list_tab1 li{ width:19.89%}
}

@media screen and (max-width:950px){
	.packagelist_tab .list_tab1{display:none;}
	.packagelist_tab .list_tab2{display:block;}
	.packagelist_content .list_menu_lf{ width:50%;}
	.packagelist_content .member_ul{ display:none; width: 49.5%;}
	.packagelist_content>ul.free_memberul{ display:block}

	.remarks_line_container .remarks_title{ width:50%;}
	.remarks_line_container .remarks_content{ width:49.5%;}
}

@media screen and (min-width:700px) and (max-width:799px){
	.banner_container{height:340px;}

}
@media screen and (max-width:700px){
	.main_container{ width:94%;}
	.banner_container{ background-size:218%;}
	.comment_span{ font-size:14px; line-height: 28px;}
	.level2_title{ font-size:16px;}
	.packageplan_container ul li{ float:none; width: 90%; margin: auto; border-right: none;}
	.packageplan_container ul li span{ font-size:14px;}
	.Cooperation_container .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;}

	.discount_container ul li{ float:none; width:90%; margin: auto;}
	.discount_container ul li b{ font-size:22px;}
	.discount_container ul li span{ font-size:14px;}
	.discount_container ul li img{ width:120px;}

	.main_title{ width:100%; height: 38px; margin:20px auto;background-size:100% 100%;}
	.rules_container .rules_imd_img{ display: none;}
	.rules_container p{ position:static; width: 100%; line-height: 32px; font-size: 14px;}
	.rules_container p b{ display: inline-block;background-color:#00939f; text-align: center; color:white; margin-right: 12px; padding-left:8px; }

	.contact_way .contact_lf{ float:none; text-align: center; margin-top: 6%; width:100%;}
	.contact_way .contact_lf img{ display:inline-block; width: 50%;}
	.contact_way .contact_middle{ float:none; width:100%; margin-left:0; margin-top: 6%;}
	.contact_way .contact_middle li{ float:none; width: 100%;}
	.contact_way .contact_rgt{ float:none; text-align: center; margin-top: 6%;width: 100%}
	.contact_way .contact_rgt img{ display:inline-block; width: 40%;}
	.contact_way .contact_middle .ask_now p{ font-size:18px; padding: 0 5%;}

	.packageplan_container span{ float:none; width: 90%; margin: auto; font-size:16px; line-height: 28px;}
	.packageplan_container>img{float:none; width: 36%; margin: auto;  padding:2% 0;}

	.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}

	.bot_remind span{ font-size:14px; line-height: 28px;}

	.guide_btm ul li{float:none; width: 90%; margin:16px auto; }

	.submit_btn{ display:block;}

	.consultation{float:none; width:90%; margin: auto; padding:20px 0; border-bottom:1px solid #f3f3f3}
	.title_container span{ font-size:26px; }
	.consul_content span{ margin-top:8px;}

}
@media screen and (min-width:600px) and (max-width:699px){
	.banner_container{height:290px;}
	.banner_main>p{ font-size:24px;}

}
@media screen and (min-width:500px) and (max-width:599px){
	.banner_container{height:260px;}
	.banner_main>p{ font-size:20px;}

}
@media screen and (min-width:400px) and (max-width:499px){
	.banner_container{height:230px;}
	.banner_main>p{ font-size:20px;}
	.main_title span{font-size:18px;}

	.packageplan_container span{ font-size:14px;}
	.packagelist_tab .list_tab2 li{font-size:13px;width: 31.5%;}
	.packagelist_content .list_menu_lf li{ font-size:14px;}
	.packagelist_content .list_menu_lf li i{ margin-left:6%;}
	.remarks_line_container .remarks_title{ font-size:14px;}
	.packagelist_content .member_ul li{ font-size:14px;}
	.remarks_line_container .remarks_content span{ line-height:24px;}
	.remarks_line_container .remarks_title .m_icon5{ margin-left:6%;}

	.consul_content p{ margin:10px 0; font-size:14px;}
	.consul_content span b{ font-size:18px;}
	.consul_content span{ font-size:14px;}
	.consul_icon{ width:34%}
	.consul_content{ width:63%;}
	.logo_link{padding: 3px;margin-left: 5px}

}
@media screen and (min-width:320px) and (max-width:399px){
	.banner_container{height:200px;}
	.main_title span{font-size:18px;}

	.banner_main>p{ font-size:20px;}
	.banner_main .logo{ width:90%;}
	.banner_container{ background-size:240%;}

	.Cooperation_container .compare_title span{ font-size:16px;}

	.packageplan_container span{ font-size:14px;}
	.packagelist_tab .list_tab2 li{font-size:12px;width: 31.5%; }
	.packagelist_content .list_menu_lf li{ font-size:12px;}
	.packagelist_content .list_menu_lf li i{ margin-left:6%;}
	.remarks_line_container .remarks_title{ font-size:12px;}
	.packagelist_content .member_ul li{ font-size:12px;}
	.remarks_line_container .remarks_content span{ line-height:24px; font-size:12px;}
	.compare_contentbox .compare_right span b{ font-size:12px;}
	.compare_contentbox .compare_left span b{font-size:12px;}
	.remarks_line_container .remarks_title .m_icon5{ margin-left:6%;}
	.logo_link{padding: 3px;margin-left: 2px}
}

@media screen and (min-width:320px) and (max-width:400px){
	.consul_content p{ margin:10px 0; font-size:12px;}
	.consul_content span b{ font-size:14px;}
	.consul_content span{ font-size:13px;}
	.consul_icon{ width:34%}
	.consul_content{ width:63%;}
	.floor_container>p{ font-size:16px;}
	.logo_link{padding: 3px;margin-left: 2px}
}

@media screen and (max-width:320px){
	.banner_container{height:200px;}
	.main_title span{font-size:14px;}
	.banner_main>p{ font-size:18px;}
	.remarks_line_container .remarks_title .m_icon5{ margin-left:6%;}
	.logo_link{padding: 3px;margin-left: 2px}
}
.class_qidian_wpa,#btn_x{display: none}