﻿


.agent-banner{background: url(/r/images/agent/sa_01.png) no-repeat scroll center center;background-color: #b290f1;  height: 657px;}
.agent-banner .pagemain{ position: relative;}
.agent-banner .pagemain a{ position: absolute;    left: 455px;top: 538px;float: left;width: 257px;height: 60px;}

.agent-bgfff{ background: #fff;}
.agent-bgf0f0f0{ background: #f0f0f0;}

.agent-img{ text-align: center;padding: 15px;}
.agent-bgfff h2.agent-title,.agent-bgf0f0f0 h2.agent-title{ text-align: center;font-size: 36px;color: #000;font-weight: normal;line-height: 50px;}
.agent-bgfff h4.agent-title,.agent-bgf0f0f0 h4.agent-title{ text-align: center;font-size: 24px;color: #999999;font-weight: normal;line-height: 50px;}

.agent-future{ padding: 30px;}
.agent-future .box{ padding: 30px;padding-left: 50px;}
.agent-future .box .item{ float: left;width: 333px;height: 233px;background: #fff;border: 1px solid #999;border-radius: 5px;margin-right: 15px;margin-bottom: 15px;}
.agent-future .box .item .img{text-align: center;padding: 15px 0;}
.agent-future .box .item p{ text-align: center;font-size: 18px;line-height: 30px;margin-top: 15px;}

.agent-reason{ padding: 30px 5px;}
.agent-reason .box{ padding: 30px 5px;}
.agent-reason .box .item{ float: left;width: 180px;height: 230px;background: #fff;border-radius: 5px;margin-right: 15px;margin-bottom: 15px;}
.agent-reason .box .item .num{text-align: center;padding: 15px 0;background: #3dde4f;color: #fff;}
.agent-reason .box .item .num.n2{ background: #fccc4e;}
.agent-reason .box .item .num.n3{ background: #ff7f7e;}
.agent-reason .box .item .num.n4{ background: #4ba2fb;}
.agent-reason .box .item .num.n5{ background: #4ddeb5;}
.agent-reason .box .item .num.n6{ background: #85a2ff;}

.agent-reason .box .item .num span{ display: block;line-height: 25px;font-size: 22px;margin-bottom: 10px;}
.agent-reason .box .item p{font-size: 16px;line-height: 26px;padding: 15px 5px 5px 5px;height: 110px; border: 1px solid #e9e9e9;border-top: 0;}

.pagemain .more{ padding: 30px;text-align: center;}
.pagemain .more a{ padding:15px 30px;text-align: center;border-radius: 30px;background: #f35c71;color: #fff;font-size: 24px;}
.pagemain .more a:hover{ color: #fff!important;}

.agent-choice{ padding: 30px 5px;}
.agent-choice .box{ padding: 30px 5px;}
.agent-choice .item{ float: left;width: 550px;height: 333px;background: #fff;border: 1px solid #dedede;border-radius: 15px;margin-right: 25px;margin-bottom: 25px;}
.agent-choice .item h5{ line-height: 45px;text-align: center;color: #f35c71;font-size: 20px;font-weight: normal;}
.agent-choice .item .info{ position: relative;padding-left: 140px;height: 80px;}
.agent-choice .item .info img{ position: absolute;left: 60px;top: 0px;}
.agent-choice .item .info p{ font-size: 16px;line-height: 60px;}
.agent-choice .item .info p span{ float: left;width: 220px;text-align: center;}
.agent-choice .item .info p em{ float: left;width: 50px;text-align: center;}
.agent-choice .item .info p i{ float: left;width: 100px;text-align: center;}
.agent-choice .item .text{ margin-top: 5px;padding: 0px 15px;}
.agent-choice .item .text p{ font-size: 14px;line-height: 24px;text-indent:32px}

.agent-ask{ padding: 30px 30px;}
.agent-ask .box{ padding: 30px 30px;padding-left: 100px;}

.agent-ask .box .item{ padding-bottom: 30px;}
.agent-ask .box .item .ask{background: url(/r/images/agent/sa_13.png) no-repeat scroll left center;padding-left: 40px;line-height: 34px;font-size: 18px;padding-bottom: 5px;}
.agent-ask .box .item p{ font-size: 18px;color: #f35c71;text-indent: 38px;line-height: 30px;}



.agent-step{ padding: 30px 10px;}
.agent-step .box{ padding: 30px 10px;}

.agent-step .box ul{ padding-bottom: 30px;font-size: 18px;color: #fff;}
.agent-step .box ul li{background: url(/r/images/agent/sa_14.png) no-repeat scroll center center;line-height: 122px;text-align: center;float: left;width: 122px;height: 122px;}
.agent-step .box ul li p{ padding-top: 30px;line-height: 30px;}
.agent-step .box ul li.right{ background: none;vertical-align: middle;_padding-top: 40px;} 



.agent-equity{ padding: 30px 20px;}
.agent-equity .box{ padding: 30px 30px;padding-bottom: 50px;}

.agent-equity .box .item { float: left;width: 210px;margin: 0px 30px; }
.agent-equity .box .item .img{ text-align: center;margin-bottom: 10px;}
.agent-equity .box .item h5{font-size: 24px;margin-bottom: 5px; text-align: center;}
.agent-equity .box .item p{ font-size: 18px;color: #999999;line-height: 26px;text-align: center;}


.agent-go{ padding: 30px 20px;}
.agent-go .box{ padding: 30px 30px;padding-bottom: 50px;position: relative;padding-left: 445px;}
.agent-go .box span{ position: absolute;left: 330px;top: 35px; font-size: 24px;color: #2a98ff;line-height: 30px;}
.agent-go .box ul{ font-size: 24px;color: #2a98ff;line-height: 40px;}



