@charset "utf-8";
.contain{float: left;width: 100%;font-size: 14px;}
.contain .containCenter{position: relative; width:100%;background: url("/default/images/broker_icon/login_banner.jpg") center top no-repeat;background-size:100% 100%;}
.contain .containCenter .containFloat{position: relative; width: 1200px;height: 520px;margin: 0 auto;}
.contain .containCenter .containFloat .logo{position: absolute; top: 15px; left: 0; width:100%;}
.contain .containCenter .containFloat .logo a{ display:block; margin-right:20px; height:46px; line-height:46px; }
.contain .containCenter .containFloat .logo a span{ float:left; height:46px; }
.contain .containCenter .containFloat .logo a img{ display:inline-block; max-height:46px; vertical-align:middle; }
.contain .containCenter .containFloat .logo a i{ background:url("/default/images/logo/logo_index.png") no-repeat; width:42px; float:left; height:46px; display:block }

.containFloat .text_big{ position: absolute; top: 205px; left: 0; font-size: 50px; color: #fff;}
.containFloat .text_big .h_line{ position: absolute; bottom: -8px; left: 0; width: 100px; border-bottom: 5px solid #04b4b5; }
.containFloat .text{ position: absolute; top: 285px; left: 0; font-size: 26px; color: #fff;}
/*登录框*/
.loginContain{position: absolute; top: 80px; right: 0; width: 320px; height: 335px; padding: 0 25px 25px; background: #fff;border-radius: 2px; overflow: hidden;}
/*登录方式切换*/
.loginContain .loginSwitch{ position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: url("/default/images/broker_icon/lietoulogin_ico.png") no-repeat -10px -121px; cursor: pointer;}
.loginContain .loginSwitch:hover{ background-position: -10px -197px; }
.loginContain .useCommon{ background-position: -10px -273px;}
.loginContain .useCommon:hover{ background-position: -10px -360px;}
/*账号密码登录*/
.loginContain .loginLeft{ float: left;width:100%;height: 280px; padding-top: 55px;}
.loginContain .loginLeft .loginform{float: left;width:100%; height:280px;}
.loginContain .loginLeft .loginform ul{float: left;width:100%;}
.loginContain .loginLeft .loginform ul li{float: left; width: 100%; color: #666;}
.loginContain .loginLeft .loginform ul li.box{ position: relative; width: 318px;height:43px; background: #fafafa;border: 1px solid #dfdfdf;}
.loginContain .loginLeft .loginform ul li.box i.icon{ float: left; width: 43px;height: 43px; background: url(/default/images/broker_icon/lietoulogin_ico.png) no-repeat;border-right: 1px solid #dfdfdf; }
.loginContain .loginLeft .loginform ul li.box i.icon1{ background-position: 0 -16px;}
.loginContain .loginLeft .loginform ul li.box i.icon2{ background-position: 0 -62px;}
.loginContain .loginLeft .loginform ul li.box input.form{ float: left; width: 274px;height: 43px; line-height: 43px;vertical-align: middle; background: #fafafa; border: none; text-indent: 6px; }
.loginContain .loginLeft .loginform ul li.errInfo{ height: 25px;line-height: 25px;}
.loginContain .loginLeft .loginform ul li.forget{ height:36px;}
.loginContain .loginLeft .loginform ul li.forget .remember{ float:left; width:50%; text-align:left}
.loginContain .loginLeft .loginform ul li.forget .remember input{width: 16px; height: 16px; float: left; margin-top:2px; font-size: 14px;}
.loginContain .loginLeft .loginform ul li.forget .nav{float:left; width:50%;text-align: right; }
.loginContain .loginLeft .loginform ul li.forget a{color: #04b4b5;}
.loginContain .loginLeft .loginform ul li.subbox{height:44px; }
.loginContain .loginLeft .loginform ul li.subbox input.sub{float: left;cursor: pointer;width: 100%;height: 44px;border: 0;background:#04b4b5;color: #fff;font-weight: bold;font-size: 16px;border-radius: 6px; }
.loginContain .loginLeft .loginform ul li.reg{ height:48px; text-align: center; }
.loginContain .loginLeft .loginform ul li.reg span{float: left;margin-top: 26px;margin-left: 57px;}
.loginContain .loginLeft .loginform ul li.reg span a{text-decoration: underline; color:#04b4b5; }

/*二维码登录*/
.loginContain .loginRight{ display: none;float: left;width: 100%; height: 315px; padding-top: 20px;}
.loginContain .loginRight .content{float: left;width: 100%;}
.loginContain .loginRight .content .qrtext{float: left;width: 100%;text-align: center; font-size: 16px; color: #555;}
.loginContain .loginRight .content .qrcode{float: left;width: 100%; margin-top: 20px;}
.loginContain .loginRight .content .qrcode img{display: block; margin: 0 auto; height: 180px; width: 180px}
.loginContain .loginRight .content .chLogin{ float: left;width: 100%; margin-top: 20px; text-align: center;}
.loginContain .loginRight .content .chLogin dt{ width: 100%; float: left;  height: 30px; line-height: 30px; font-size: 15px;color: #666;}
.loginContain .loginRight .content .chLogin dd{ display:inline-block; +display: inline; +zoom: 1; width: 32px; height: 32px; margin: 15px 10px 0;}
.loginContain .loginRight .content .chLogin dd a{ float: left; width: 100%; height:100%; background: url(/default/images/broker_icon/lietoulogin_ico.png) no-repeat;}
.loginContain .loginRight .content .chLogin dd a{ background-position: -111px -551px;}
.loginContain .loginRight .content .chLogin dd.weixin a{ background-position: -111px -475px;}

/*经纪人平台说明*/
.explainContain{ float: left; width: 100%; padding-bottom: 60px; background: #fff;}
.how{ background: #f8f9fc;}
.explainContain .wrapper{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.explainContain .title{ float: left; width: 100%; margin-top: 60px; font-size: 26px; text-align: center; color: #333; }
.explainContain .content{ float: left; width: 100%; margin-top: 55px;}
.how .content .cont_item{ float: left;width: 500px; padding-left: 99px;}
.how .content .cont_item .icon{ float: left;width: 62px; height: 62px; margin-right: 20px;}
.how .content .cont_item .item{ float: left;width: 415px; line-height: 30px; color: #555;}
.how .cont_item .item dt{ float: left;width: 100%;  font-size: 18px; color: #333;}
.how .cont_item .item dd{ float: left;width: 100%;}
.how .content .v_line{ float: left; height: 140px; border-left: 2px solid #eee;}

.why .content .left_img{ float: left; width: 600px; height: 205px;}
.why .content .left_img img{ display: block; width: 421px; height: 205px; margin: 0 auto;}
.why .content .right{ float: left; width: 575px; padding-left: 25px;}
.why .content .right li{ float: left; width: 100%; margin-bottom: 35px;}
.why .content .right li .icon{ float: left; width: 36px;height: 36px; background: url(/default/images/broker_icon/lietoulogin_ico.png) no-repeat;	}
.why .content .right li .icon1{ background-position: -109px -214px;}
.why .content .right li .icon2{ background-position: -109px -293px;}
.why .content .right li .icon3{ background-position: -109px -373px;}
.why .content .right li p{ float: left; width: 525px; margin-left: 14px; color: #333;}
.why .content .right li .p2{ font-size: 12px; color: #888;}

.guarantee{ background: #f8f9fc;}
.guarantee .content .item{ float: left; width: 378px; height: 319px; background: #fff; border: 1px solid #eee;}
.guarantee .content .item.center{ margin: 0 30px;}
.guarantee .content .item dt{ float: left;width: 100%;  font-size: 18px; color: #666;}
.guarantee .content .item dt .icon{ display: block;width: 48px;  height: 48px; margin: 36px auto 5px; background: url(/default/images/broker_icon/lietoulogin_ico.png) no-repeat;}
.guarantee .content .item dt .icon1{ background-position: -10px -419px;}
.guarantee .content .item dt .icon2{ background-position: -10px -503px;}
.guarantee .content .item dt .icon3{ background-position: -10px -583px;}
.guarantee .content .item dt span{ float: left; width: 100%; text-align: center;}
.guarantee .content .item dd{ float: left; width: 322px; margin-top: 20px; padding: 0 28px; line-height: 25px; color: #666;}
.guarantee .content .item dd strong{ float: left; width: 8px;}
.guarantee .content .item dd span{ float: left; width: 314px;}

.progress .content{ width: 1130px; padding: 0 35px;}
.progress .content ul{ float: left; width: 100%;}
.progress .content ul li{ float: left; width: 102px;}
.progress .content ul li.h_line{ margin-top: 17px; border-top: 1px dashed #04b4b5;}
.progress .content li span{ float: left; width: 100%; text-align: center;}
.progress .content li span.num{ font-size: 26px; color: #04b4b5;}
.progress .content li span.text{ line-height: 22px;}