a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,
form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
.clear{ height: 0; padding: 0; display: block; clear: both; font-size: 0px;}
body{ margin: 0; padding: 0; color: #707070; font-family: "Microsoft YaHei";}
html{font-size:62.5%}
ul,li{ list-style: none;}
a{ text-decoration:none; color:#707070}
a:Hover{ text-decoration:none;color:#707070}
a:visited{ text-decoration:none;color:#707070}
a:active{ text-decoration:none;color:#707070}
input{ outline: none; border:none;}
button{ outline: none;border:none;}
.clearfix:after{ clear: both; content: ""; height: 0px; display: block; width: 100%;}
#top{ background:#4f6bf0; color:#fff; line-height:350%; padding:2px 0px }
#top a{ color:#fff; font-size:1.5em;}
#top i{ font-size:1.5em; padding:0px 8px;}
#top .top_title{ font-size:1.5em; text-align:center; width:100%;}
#top .back{ padding:0;}
#top .point{ padding:0;font-size:1.5em; text-align:right;  padding-right:5px;}
#top .point i{ font-size:1.3em; padding:0; padding-right:10px; margin-top:10px;}
#main{ width:100%; margin:0 auto; padding-bottom:4rem;}

#login{ margin:0px auto; margin-top:50px; width:90%;}
#login .person{ background:url(../images/people.png) center center no-repeat; background-size:100% 100%; width:2rem; height:2rem; display:block; float:left; margin-top:1.4rem;}
#login .pswd{ background:url(../images/lock.png) center center no-repeat; background-size:100% 100%;  width:2rem; height:2rem;display:block;float:left; margin-top:1.4rem;}

#login .bank{ background:url(../images/bank.png) center center no-repeat; background-size:100% 100%;  width:2rem; height:2rem;display:block;float:left; margin-top:1.4rem;}
#login .bankn{ background:url(../images/bankn.png) center center no-repeat; background-size:100% 100%;  width:2rem; height:2rem;display:block;float:left; margin-top:1.4rem;}
#login .idn{ background:url(../images/id.png) center center no-repeat; background-size:100% 100%;  width:2rem; height:2rem;display:block;float:left; margin-top:1.4rem;}
#login .phone{ background:url(../images/phone.png) center center no-repeat; background-size:100% 100%;  width:2rem; height:2rem;display:block;float:left; margin-top:1.4rem;}

#login .bottom_b{ border-bottom:1px solid #d2d2d2;  line-height:5rem; height:5rem;}
#login input{ float:left;  line-height:4.8rem; height:4.8rem; width:80%; padding-left:1rem; font-size:1.3rem;}
#login input.code{ padding-left:0px; float:left; width:40%}
#login img{ float:right; max-width:40%}
#login .login{ width:100%; text-align:center;}
#login .login button{ background:#5677fc; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; color:#fff; font-size:1.5rem; text-align:center; line-height:280%; width:100%; margin-top:2rem; height:4.6rem; line-height:4.6rem;}
#login .logindes{ color:#fff; line-height:4rem; font-size:1.4rem; width:100%; height:5rem;}
#login .logindes div{ padding:0px;}
#login .logindes a{ color:#888888; line-height:4rem; font-size:1.3rem; height:4rem;}
#login .logindes .reg{ text-align:right;}
#login .logindes .blue{ color:#5677fc}
#ImgVerify{ margin-top:1.3rem; width:9rem;}

#foot1{ width:100%; position:fixed; bottom:0; left:0; height:5.5rem; background:#f5f2f2; z-index:800; padding-top:0.7rem;}
#foot1 div{ padding:0px;}
#foot1 a{ text-align:center; font-size:1.8rem; display:block; margin:0px auto; color:#707070;}
a.fengxhb{ position:fixed; z-index:500; color:#f00; font-size:1.2rem;  right:10px; bottom:6rem; text-align:center}
#foot1 .home{ background:url(../images/home.png) center center no-repeat; background-size:100% 100%; width:2rem; height:2rem;display:block; margin:0px auto;}
#foot1 .house{ background:url(../images/gaolou.png) center center no-repeat; background-size:100% 100%; width:2rem; height:2rem; display:block; margin:0px auto;}
#foot1 .butler{ background:url(../images/guanjia.png) center center no-repeat; background-size:100% 100%; width:2rem; height:2rem; display:block; margin:0px auto;}
#foot1 .my{ background:url(../images/my.png) center center no-repeat; background-size:100% 100%; width:2rem; height:2rem;display:block; margin:0px auto;}
#foot1 a.on{ color:#546ff0;}
#foot1 a.on .home{ background:url(../images/home2.png) center center no-repeat;}
#foot1 a.on .house{ background:url(../images/gaolou2.png) center center no-repeat;}
#foot1 a.on .butler{ background:url(../images/guanjia2.png) center center no-repeat;}
#foot1 a.on .my{ background:url(../images/my2.png) center center no-repeat;}
.save{ width:90%;margin:0 auto;}
.save button{background:#5677fc; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; color:#fff; font-size:1.5rem; text-align:center; line-height:280%; width:100%;  height:4.6rem; line-height:4.6rem;}
.save2{ width:90%;margin:0 auto;}
.save2 button{background:#5677fc; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; color:#fff; font-size:1.5rem; text-align:center; line-height:280%; width:100%;  height:3.6rem; line-height:3.6rem; margin-top:2rem;}
/*设置密码*/
#newpsd{ margin:0rem auto; margin-top:1rem; background:#fff; }
.bodybg{ background:#eeeeee}

#newpsd .npsd{ width:90%; border-bottom:1px solid #d2d2d2; font-size:1.8rem; font-size:1.4rem; margin:0px auto; height:5.5rem; line-height:5.5rem}
#newpsd .npsd2{ width:90%;  font-size:1.8rem; font-size:1.4rem; margin:0px auto; height:4rem;line-height:4rem}
#newpsd .npsd input{ width:100%}
#newpsd .npsd2 input{ width:100%}
#newpsd input{ background:none;}
#newpsd input.code{ width:60%;}
#newpsd button.sendcode{ background:#5677fc; height:3.4rem;line-height:3.4rem; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font-size:0.8em; float:right; margin-top:1.1rem; padding:0px 10px;}
#newpsd .xieyi{ width:90%; margin:1.5rem auto; font-size:1.2rem;}
.loginx{ width:90%; margin:0px auto; text-align:right; font-size:1.4rem; height:5rem; line-height:5rem;}
.loginx a{ font-size:1.2rem; color:#707070}
.loginx .blue{ color:#5677fc}
.regok{ background:#fff; text-align:center; color:#5677fc; width:80%; font-size:1.4rem;}
.regok .layui-layer-title{ display:none;}
.regok .layui-layer-content{ padding:30px 0px}
.regok img{ margin-bottom:10px;}

/*完善信息*/
.Perfect{ background:#fff; line-height:4rem; height:4rem;  font-size:1.4rem; text-align:center;}
.Perfect div{ padding:0; text-align:center; }
.Perfect div span{line-height:320%; border-bottom:3px solid #fff; display:block; margin:0px auto; width:auto;}
.Perfect div.on span{ border-bottom:3px solid #5677fc; color:#5677fc}
.per{ width:100%; margin:0px auto; display:none}
.regtype{ color:#999; padding-top:10px;}
.regtype div{ padding:0;}
.regtype .comp{ text-align:right; font-size:0.9em;}
.regtype .comp .personal{font-size:0.9em; border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px;-o-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; border:1px solid #5677fc; padding:5px 10px;}
.regtype .comp .company{ font-size:0.9em; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px;-o-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; border:1px solid #5677fc; padding:5px 10px;}
.regtype .comp .on{ background:#5677fc; color:#fff;}
.filearea{ width:100%; position:relative; height:150px; background:#fff;}
.filename{ width:100%; height:150px;  opacity:0; position:absolute; left:0; top:0; z-index:50}
.filetxt{width:100%; height:150px;   position:absolute; left:0; top:0;  text-align:center; line-height:150px;font-size:1.6rem; display:block}

/*队员详情*/
.team_name{ width:100%; text-align:center; line-height:60px; margin-top:10px; font-size:1.4em; color:#5677fc; height:60px;}
.team_name b{ color:#707070; padding:0px 10px; font-weight:normal; font-size:1.2em;}
.team_title{ width:90%; margin:0px auto; border-bottom:1px solid #5677fc; font-size:1.3em; line-height:300%; color:#5677fc;}
.team_tel{ width:90%; margin:0px auto; line-height:300%; margin-top:10px;}
.team_tel i{ float:right;background:url(../images/tel.png) center center no-repeat; background-size:100% 100%; font-size:200%; display:block;}
.team_tel input{ font-size:1.4em; width:60%;}

.quit{ color:#f36c5b; font-size:1.4rem; padding-left:1.5rem; border:none; background:#fff;width:100%; padding-left:1.5rem; background:#fff; height:4.2rem; line-height:4.2rem; margin-top:1.5rem;}
.edit_psw{ width:100%; font-size:1.4rem; padding-left:1.5rem; background:#fff; line-height:4.2rem; height:4.2rem; color:#707070;}
.edit_psw span{ float:right; font-size:1.4em;line-height:2.2rem; margin-right:15px;color:#707070;}
.sorry{ text-align:center; font-size:1.4rem; margin-top:20%;}
.sorry img{ max-width:150px; display:block; margin:10px auto;}
.allbnt{background:#5677fc; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; color:#fff; font-size:1.6rem; text-align:center; line-height:4.6rem; width:100%;  clear:both; width:90%; margin: auto; display:block;margin-top:3rem; height:4.6rem;}
.card{ width:100%; font-size:1.4em; padding-left:15px; background:#fff; line-height:320%; color:#707070;}
.card span{ float:right; font-size:1.4em;line-height:220%; margin-right:15px;color:#707070;}


.filearea2{ width:90%; position:relative; height:210px; background:#fff; left:5%; margin-top:5%; text-align:center;}
.filearea2 img{ max-height:130px; display:block; margin:10px auto;}
.filetxt2{width:100%;  text-align:center; line-height:200%;font-size:1.4em; display:block}
.filename2{ width:100%; height:210px;  opacity:0; position:absolute; left:0; top:0; z-index:50}
.w{ width:100%; background:#fff;}
#newpsd input.idnumber{ width:auto; }
#newpsd .npsd div{ padding:0;}
#newpsd .npsd2 div{ padding:0;}

.tucao{ width:100%; margin-top:1.5rem; background:#fff; padding:1rem;}
.tucao textarea{ width:100%; line-height:200%; min-height:10rem; padding:1rem; border:none; font-size:1.2rem;}
.pb10{ padding-bottom:1rem;}

.personmy{ width:100%; background:#fff; line-height:6rem; height:6rem; margin-top:1rem;}
.personmy .portrait{ float:left; padding-left:1.5rem;}
.personmy .portrait img{width:5rem; height:5rem; border-radius:80px;-moz-border-radius:80px; -webkit-border-radius:80px; box-shadow:0px 2px 2px #999;}
.personmy .name{ float:left; font-size:1.8rem; height:6rem; line-height:6rem; padding-left:1rem;}
.personmy .right{ float:right; font-size:1.3rem; line-height:6rem; height:6rem; padding-right:1rem;}
.personmy .right a{ color:#fdbb2f;font-size:1.4rem; padding-right:1rem;}
.myinfo{ margin:0px auto;  background:#fff; padding:0px 1.5rem; line-height:4.2rem; font-size:1.3rem;   border-bottom:1px solid #d2d2d2}
.myinfo b{ color:#fdbb2f; font-size:1.2em; font-weight:normal; float:right; font-family:Arial, Helvetica, sans-serif;}
.myinfo .icon-angle-right{ float:right; font-size:1.8rem; line-height:2rem; padding-left:1rem; margin-top:1.1rem;}
.myinfo .icon1{background:url(../images/icon1.png) center center no-repeat; background-size:100% 100%;  display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}
.myinfo .icon2{background:url(../images/icon2.png) center center no-repeat; background-size:100% 100%;display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}
.myinfo .icon3{background:url(../images/icon3.png) center center no-repeat; background-size:100% 100%; display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}
.myinfo .icon4{background:url(../images/icon4.png) center center no-repeat; background-size:100% 100%; display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}
.myinfo .icon5{background:url(../images/icon5.png) center center no-repeat; background-size:100% 100%; display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}
.myinfo .icon6{background:url(../images/icon6.png) center center no-repeat; background-size:100% 100%; display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}
.myinfo .icon7{background:url(../images/icon7.png) center center no-repeat; background-size:100% 100%; display:block; float:left;  width:2rem; line-height:2.2rem; height:2.2rem; margin-top:1rem; margin-right:1rem;}


/*我的客户*/
.customer{ background:#fff; line-height:5rem;  font-size:1.4rem; text-align:center; padding:0px 1.5rem;}
.customer div{ padding:0; text-align:center; }
.customer div span{line-height:320%; border-bottom:3px solid #fff;margin:0px auto; height:100%; display:block}
.customer div.on span{ border-bottom:3px solid #5677fc; color:#5677fc}
.custab{ width:100%; margin:0px auto; margin-top:1.5rem;}
.cuslist{ padding:0px 10px; display:none}
.custab .cus_name{ width:98%; background:#fff; margin:0px auto; border:2px 2px 0px 0px;-moz-border:2px 2px 0px 0px;-webkit-border:2px 2px 0px 0px;padding:1.5rem 1rem;}
.custab .cus_name div{ padding:0.6rem 0px; font-size:1.4rem;}
.custab .cus_name div b{ font-weight:normal; color:#fdbb2f}
.custab .cus_name .left{ padding-left:10px;}
.custab .cus_name .right{ padding-right:10px; text-align:right;}
.custab .timg{ width:100%; clear:both;}
.custab .timg img{ width:100%; border-radius:2px;}
.custab .cus_name2{ font-size:1.4rem; padding:1.5rem 1rem; width:98%; background:#fff; margin:0px auto;border:0px 0px 2px 2px;-moz-border:0px 0px 2px 2px;-webkit-border:0px 0px 2px 2px;}
.custab .state{ color:#5677fc}
.custab .state a{ padding:5px 10px; border:1px solid #5677fc; color:#5677fc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.mymoney{ width:100%; font-size:1.3rem; padding:0 1.5rem; background:#fff;  height:4.5rem; line-height:4.5rem;}
.mymoney span{ color:#fdbb2f; font-size:1.5rem;}
.mymoney button{ background:#5677fc; color:#fff; padding:0; font-size:1.2rem; height:2.5rem; line-height:1rem; padding:0.5rem 1rem; margin-top:1rem; border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; float:right;}

/*我的收藏*/
.books{ width:100%; }

.book{ width:100%;display:block; height:20rem; width:100%; position:relative; margin-bottom:0.2rem;}
.book .imgs{ width:100%;  z-index:1; float:left; position:absolute; }
.book .imgs img{ width:100%; height:20rem;}
.book .info{ width:60%; background:rgba(0,0,0,0.5); padding:1.2rem; height:13rem;  z-index:150;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; float:right; position:absolute; right:1rem; top:3.5rem; }
.book .info .name{ font-size:1.6rem; color:#fff; line-height:2rem; width:100%; padding-bottom:0.5rem;}
.book .info .name2{ font-size:1.3rem; color:#fff; line-height:1.4rem; height:2rem;}
.book .info .name span{ color:#fdbb2f}
.book .info .name2 span{ color:#fdbb2f}
.book .info .heart{ width:100%; text-align:right; padding:0px 0px;}
.book .info .heart .num{background:url(../images/heart.png) center center no-repeat; background-size:100% 100%; width:1.6rem; height:1.6rem; display:block; float:right; margin-right:5px;}
.book .info .heart .Total{ color:#fff; font-size:1.5rem; float:right;}
/*@media screen and (max-width: 360px) {
    .book .info{ width:100%; background:rgba(0,0,0,0.5); padding:10px; position:absolute; right:0px; top:0; z-index:50;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px;  margin-top:5px;}
	.book .info .name{ font-size:1.20em; color:#fff; line-height:180%; width:100%}
  }
  */

.book2{ width:100%; position:relative; margin-bottom:5px; display:block;}
.book2 .imgs{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.book2 .imgs img{ width:100%;}
.book2 .info{ width:60%; background:rgba(0,0,0,0.5); padding:15px; position:absolute; right:10px; top:0; z-index:50;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px}
.book2 .info .name{ font-size:1.3em; color:#fff; line-height:180%; width:100%}
.book2 .info .name span{ color:#fdbb2f}
.book2 .info .heart{ width:100%; text-align:right; padding:10px 0px;}
.book2 .info .heart .num{background:url(../images/heart.png) center center no-repeat; background-size:100% 100%; font-size:160%; display:block; float:right; margin-right:5px;}
.book2 .info .heart .Total{ color:#fff; font-size:1.4em; float:right;}
@media screen and (max-width: 360px) {
    .book2 .info{ width:90%; background:rgba(0,0,0,0.5); padding:15px; position:absolute; right:10px; top:0; z-index:50;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px}
  }
  
  
  
  
/*房产详情*/
.house{ width:100%;}
.house .carousel-control{ background:none}
.house .carousel-caption{ background:rgba(0,0,0,0.3); width:100%; bottom:0; left:0; line-height:3.5rem; height:3.5rem; font-size:1.5rem; padding:0;}
.house .carousel-indicators{ bottom:5rem;}
.house .carousel-indicators li{ width:1.2rem; height:1.2rem;}
.house .carousel-indicators li.active{ width:20px; background:#5677fc; border:1px solid #5677fc;}
.housedes{ background:#fff; padding:12px; font-size:1.4rem; line-height:2.2rem;}
.houseinfo{ width:100%; padding:1.5rem; padding-top:0px; margin:0px auto; margin-top:1.5rem; background:#fff; font-size:1.3rem;}
.houseinfo .tleft{ text-align:left; padding:1rem 0px; }
.houseinfo .tright{ text-align:right; padding:1rem 0px;}
.houseinfo .list{border-bottom:1px solid #d2d2d2;}

/*我的房产*/
.mycustab{ width:100%; margin:0px auto; margin-top:15px;}
.mycustab .cus_name{ font-size:1.4rem; padding:0.6rem; width:92%; background:#fff; margin:0px auto;border:0px 0px 2px 2px;-moz-border:0px 0px 2px 2px;-webkit-border:0px 0px 2px 2px;}
.mycustab .cus_name div b{ font-weight:normal; color:#fdbb2f}
.mycustab .cus_name .left{ padding-left:1rem;}
.mycustab .cus_name .right{ padding-right:1rem; text-align:right;}
.mycustab .timg{ width:95%; clear:both; margin:0px auto;}
.mycustab .timg img{ width:100%; border-radius:2px;}
.mycustab .cus_name2{ font-size:1.4rem; padding:10px; width:92%; background:#fff; margin:0px auto;border:0px 0px 2px 2px;-moz-border:0px 0px 2px 2px;-webkit-border:0px 0px 2px 2px;}
.mycustab .cus_name2 div{ padding:0; color:#546ff0}
.mycustab .cus_name2 div a{color:#546ff0}
.mycustab .cus_name2 div.right{ text-align:right;}
.mycustab .state{ color:#5677fc}
.mycustab .state a{ padding:5px 10px; border:1px solid #5677fc; color:#5677fc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}

.income{ width:100%; padding:1.5rem; font-size:1.3rem; margin-top:1.5rem; background:#fff;}
.income div{ padding:0;}
.title2{width:100%; font-size:1.5rem; padding:1.5rem;   background:#eeeeee;}
.bnonew{ border-bottom:1px solid #fff;}
#datetime{ text-align:right;}
#datetime .btn-primary{ background:none; border:none; font-size:1em;  color:#707070;}
#datetime button{ padding:0;}
#datetime .dropdown-menu{ top:3rem; font-size:1.2rem; right:0.6rem; min-width:10rem; margin-left:-100%;}
#datetime .dropdown-menu a{ padding:5px 15px; font-size:1.1em;}

#otherm{ text-align:right;}
#otherm .btn-primary{ background:none; border:none; font-size:1em;  color:#707070;}
#otherm button{ padding:0;}
#otherm .dropdown-menu{ top:3rem; font-size:1.2rem; right:0.6rem; min-width:10rem; margin-left:-100%;}
#otherm .dropdown-menu a{ padding:5px 15px; font-size:1.1em;}
#otherm2{ text-align:right;}
#otherm2 .btn-primary{ background:none; border:none; font-size:1em;  color:#707070;}
#otherm2 button{ padding:0;}
#otherm2 .dropdown-menu{ top:3rem; font-size:1.2rem; right:0.6rem; min-width:10rem; margin-left:-100%;}
#otherm2 .dropdown-menu a{ padding:5px 15px; font-size:1.1em;}


.banner{ width:100%; clear:both; margin:0px auto}
.banner img{ width:100%;}
.aboutus{ width:100%; margin:0px auto; padding:15px; line-height:2.5rem; font-size:1.6rem;}
.house_pic{ width:100%; clear:both; margin-bottom:5px;} 
.house_pic img{ width:100%;}


.yuyue{ background:rgba(0,0,0,0.6);  width:100%; color:#fff; font-size:1.5rem; line-height:2.1rem; z-index:500; padding-left:1rem; height:4.7rem; padding-top:0.2rem;}
.yuyue span a{ background:#5677fc; color:#fff;  padding:0rem 1rem; float:right; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;  height:2.8rem; line-height:2.8rem;  font-size:1.3rem; margin-top:0.5rem; margin-right:0.5rem;}
.yuyue a{background:#5677fc; color:#fff;}
.yuyue a.telbg{ background:none; font-size:1.4rem;}





.posr{ position:relative}
.twocode{ width:100%; text-align:center; background:#fff;}
.twocode .title4{ font-size:2.0rem; padding:1.5rem; color:#fdbb2f; text-align:center}
.twocode .title3{ font-size:1.5rem; padding:1.5rem; color:#fdbb2f; text-align:center}
.twocode .imgs{ margin:0px auto; text-align:center;}
.twocode .imgs img{ width:13rem;}
.title6{ width:100%; line-height:5rem; height:5rem;font-size:1.4rem; background:#fff;text-align:center;}
.title7{ width:100%; line-height:5rem; height:5rem;font-size:1.2rem; background:#fff;text-align:center;}
.may{ clear:both;}



.yuyue2{ background:rgba(0,0,0,0.6);  width:100%; color:#fff; font-size:1.5rem; line-height:2.1rem; z-index:500; padding-left:1rem; height:4.7rem; padding-top:0.2rem;}
.yuyue2 span a{ background:#5677fc; color:#fff;  padding:0rem 1rem; float:right; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;  height:2.8rem; line-height:2.8rem;  font-size:1.3rem; margin-top:0.5rem; margin-right:0.5rem;}
.yuyue2 a{background:#5677fc; color:#fff;}
.yuyue2 a.telbg{ background:none; font-size:1.4rem;}



.title8{ font-size:1.5rem; padding-left:1rem; border-left:6px solid #5677fc; height:3rem; line-height:3rem; }
.content{ padding:1.5rem; line-height:2.5rem; font-size:1.3rem;}
.yySuccess{ padding:80px 0px 0px 0px; text-align:center; font-size:2.4em;}
.yySuccess .rightx{background:url(../images/xg2.png) center center no-repeat; background-size:100% 100%; font-size:100%; display:inline-block; margin-right:5px;}
.yySuccess span{ width:100%; text-align:center; margin:0px auto; font-size:0.6em; display:block; padding:20px 0px;}
.yuyue3{ position:absolute; top:0px; left:0p;background:rgba(0,0,0,0.6);  width:100%; color:#fff; font-size:1.5rem; line-height:3.5rem; z-index:500; padding-left:0.5rem;}
.yuyue3 span a{ background:#5677fc; color:#fff;  padding:0rem 1rem; float:right; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;  height:2.8rem; line-height:2.8rem;  font-size:1.4rem; margin-top:0.3rem; margin-right:0.5rem;}
.yuyue3 a{background:#5677fc; color:#fff;}
.yuyue3 a.telbg{ background:none; font-size:1.4rem;}
.fangydes{ width:100%; padding:1rem; background:#fff;}
.fangydes div{ font-size:1.3rem; padding:0;}
.fangydes div b{ font-weight:normal; color:#fdbb2f;}
.fangydes .des ul li{ line-height:3rem; font-size:1.3rem;}
.zan{ width:100%; clear:both; background:#fff; padding-bottom:1rem;}
.zan div{ padding:0.8rem; text-align:center;}
.zan .za{ font-size:1.3rem; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; border:1px solid #d2d2d2; padding:0.5rem;}
.zan .bok{ font-size:1.3rem;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; border:1px solid #d2d2d2;padding:0.5rem;}
.zan .ht{ font-size:1.3rem;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; border:1px solid #d2d2d2;padding:0.5rem;}
.zan .fa{background:url(../images/zan.png) center center no-repeat; background-size:100% 100%; font-size:100%; display:inline-block; margin-right:0.5rem;}
.zan .fb{background:url(../images/hart.png) center center no-repeat; background-size:100% 100%; font-size:100%; display:inline-block;  margin-right:0.5rem;}
.zan .fc{background:url(../images/ly.png) center center no-repeat; background-size:100% 100%; font-size:100%; display:inline-block;  margin-right:0.5rem;}

nav{ margin-top:1.5rem; background:#fff; font-size:1.3rem; margin-bottom:1.5rem;}
nav div{ text-align:center; padding:1rem 0px}
nav .bbr{ border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
nav .bbr2{ border-bottom:1px solid #d2d2d2}
nav .bbr3{ border-right:1px solid #d2d2d2}
nav .bbr2{ border-bottom:1px solid #d2d2d2}

.io1{background:url(../images/io1.png) center center no-repeat; background-size:100% 100%; font-size:4rem; display:block; margin:1rem auto;}
.io2{background:url(../images/io2.png) center center no-repeat; background-size:100% 100%; font-size:4rem; display:block; margin:1rem auto;}
.io3{background:url(../images/io3.png) center center no-repeat; background-size:100% 100%; font-size:4rem; display:block; margin:1rem auto;}
.io4{background:url(../images/io4.png) center center no-repeat; background-size:100% 100%; font-size:4rem; display:block; margin:1rem auto;}
.io5{background:url(../images/io5.png) center center no-repeat; background-size:100% 100%; font-size:4rem; display:block; margin:1rem auto;}
.io6{background:url(../images/io6.png) center center no-repeat; background-size:100% 100%; font-size:4rem; display:block; margin:1rem auto;}
.sex{ float:left; margin-right:15px;}
.sex span{ border-radius:10px; width:13px; height:13px; display:block; border:1px solid #d2d2d2; float:left; margin-top:1.4rem; margin-right:5px}
#sexd div.on span{ background:#5677fc; border:1px solid #5677fc;}
.purpose{ width:90%; padding:10px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; border:1px solid #d2d2d2; margin:0px auto; font-size:1.3em;}
.purpose ul li{ padding:5px 10px; font-size:1.3rem;}
.purpose ul li span{ width:15px; height:15px; border:1px solid #d2d2d2; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; display:inline-block; margin-right:10px;}
.purpose ul li.on span{ background:#5677fc; border:1px solid #5677fc;}
.purpose ul li.other{ display:none; border:1px solid #d2d2d2; padding:10px;}
.purpose ul li.other textarea{ border:none; outline:none}

.fytab{ background:#fff; padding:10px 10px 0px 10px; width:100%; z-index:800;}
.fytab ul li{  float:left; width:25%; text-align:center; padding:0 0.5rem; height:2.8rem; font-size:1.3em; line-height:2.8rem;}
.fytab ul li .tab{ border:1px solid #d2d2d2; border-radius:2px 2px 0px 0px; width:100%; border-bottom:2px solid #5677fc;font-size:1.3rem; display:block; width:100%; height:2.8rem; line-height:2.8rem;}
.fytab ul li.on .tab{ background:#5677fc; border-color:#5677fc; color:#fff;}
.condition{ width:100%; background:#fff; margin:0px; padding:0px 15px; z-index:800}
.condition .area{ display:none; padding:1rem 0px}
.condition .area .conty{ border-bottom:1px solid #d2d2d2; font-size:1.4rem; padding:1.2rem 1rem; margin-bottom:0.5rem;}
.condition .area a{ width:50%; float:left; font-size:1.3rem; padding:0.6rem 1rem;}
.condition .area a:Hover{ color:#5677fc}
.condition .area .active{ color:#f00}

.house2{ width:100%;}
.house2 .carousel-control{ background:none}
.house2 .carousel-indicators li{ background:#fff;}
.house2 .carousel-indicators li.active{ width:20px; background:#5677fc; border:1px solid #5677fc;}
.title9{ width:100%; padding:0px 1.5rem; font-size:1.6rem; height:4.2rem; line-height:4.2rem; background:#ffffff; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin:0px auto; margin-top:15px;}
.title9 .jphouse{background:url(../images/housejp.png) center center no-repeat; background-size:100% 100%;  height:2.4rem; line-height:2.4rem; display:inline-block; margin:0px auto; float:left; margin-top:0.7rem}
.title9 a { float:right; font-size:1.6rem; height:4.2rem; line-height:4.2rem;}
.title9 a i{  font-size:1.6rem; height:4.2rem; line-height:4.2rem; float:right; margin-left:0.2rem;}







.title10{ width:100%; padding:0px 1.5rem; font-size:1.6rem; height:4.2rem; line-height:4.2rem; background:#ffffff; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin:0px auto; }
.title10 .huang{background:url(../images/huang.png) center center no-repeat; background-size:100% 100%;  height:2.4rem; line-height:2.4rem; display:inline-block; margin:0px auto; float:left; margin-top:0.7rem;}
.people{ width:100%; padding:0px; background:#fff;}
.people div.iconbg{ padding:0px;}
.people .iconbg{background:url(../images/mingxbg.png) center center no-repeat; background-size:95% 95%; font-size:120%; display:inline-block; margin:10px auto;}
.people .toux{ width:100%; margin:0px auto; text-align:center; padding:10px;}
.people .toux img{ border-radius:120px; width:6rem;  height:6rem; height:calc(width)}
.people .toux .pinfo{ font-size:1.5rem; color:#fff; line-height:2.2rem; margin-top:1rem; text-align:center;}

/*@media screen and (max-width: 450px) {
    .people .toux .pinfo{ font-size:1.1em; color:#fff; line-height:150%; margin-top:2%; text-align:center;}
  }
*/
.mt15{ margin-top:15px;}
.mt0{ margin-top:0px;}
.mm12{ margin-top:0.9rem;}
.bnone{ border:none}
.dishow{ display:block;}
.fengye_box{ margin:2rem auto; text-align:center; padding-left:1rem;}
.pn5{ padding-bottom:0.5rem;}
.mb2{ margin-bottom:3rem; margin-top:2rem}
.mb3{ height:5rem;}
.fengye_box a{ font-size:1.2rem; padding:0.5rem 1rem; background:#ccc}
.fengye_box a:Hover{ background:#5677fc; color:#fff;}


#shareimg{ background:rgba(0,0,0,0.8); position:absolute; left:0; top:0; width:100%; height:100%; z-index:-100; opacity:0}
#shareimg .r{ text-align:right; width:100%; display:block; margin-top:0.5rem; position:relative; height:5rem;}
#shareimg .r img{width:2.8rem; margin-right:0.1rem; position:absolute; animation:downup 2s ease-in-out infinite; top:1rem; right:1rem;}
#shareimg .smail{ text-align:center; text-align:center; margin-top:30%;}
#shareimg .txt{ font-size:1.6rem; color:#fff; display:block; width:100%; display:block; text-align:center; margin-top:1.5rem}

@-webkit-keyframes downup{
	0%{-webkit-transform:translateY(-0.2rem);}
	50%{-webkit-transform:translateY(0.2rem);}
	100%{-webkit-transform:translateY(-0.2rem);}
}




/**
 * Swiper 3.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 6, 2015
 */
.swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:60%;width:2rem;height:2rem;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:2rem 2rem;-webkit-background-size:2rem 2rem;background-size:2rem 2rem;background-position:center;background-repeat:no-repeat;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("../images/xaleft.png");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("../images/xaright.png");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;opacity:.8}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:20px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s step-end infinite;-moz-animation:swiper-preloader-spin 1s step-end infinite;animation:swiper-preloader-spin 1s step-end infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0)}8.33333333%{-webkit-transform:rotate(30deg)}16.66666667%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333%{-webkit-transform:rotate(120deg)}41.66666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.33333333%{-webkit-transform:rotate(210deg)}66.66666667%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333%{-webkit-transform:rotate(300deg)}91.66666667%{-webkit-transform:rotate(330deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}


/*2017年2月20日账单详情*/
.timeselect{ width: 85px; float: right; position: relative; margin-left: 8px}
.timeselect ul{ display: none;position: absolute; z-index: 700; background: #fff; border:1px solid #eee; left: 0px; top: 31px; width: 85px;}
.timeselect span{ border: 1px solid #eee; border-radius: 2px; -webkit-border-radius: 2px;font-size: 1.3rem; height: 32px; line-height: 30px; width: 85px; display: block; text-align:center}
.timeselect ul li{ text-align: center;; font-size: 1.2rem; height: 30px; line-height: 30px; display: block;}
.timeselect ul li:hover{ background: #f1f1f1;;}
.yearbill{ font-size: 1.3rem; color: #333;;background: #5677fc;}
.btn-group.open .dropdown-toggle.yearbill{background: #5677fc; color: #fff;;}
.btn-group .dropdown-toggle.yearbill{background: #5677fc; color: #fff;;}
.btn-group.open .dropdown-toggle.yearbill .dropdown-menu>li>a,.btn-group .dropdown-toggle.yearbill .dropdown-menu>li>a{ padding: 5px 7px;}
.tn ul{ width:172px;left:-85px}
.tn ul li{width:85px;float: left;}
/*20170612*/
#foot1 .foot_a{ width: 25%; float: left;}
#foot1 .fund{ background:url(../images/fund.png) center center no-repeat; background-size:100% 100%; width:2rem; height:2rem; display:block; margin:0px auto;}
#foot1 a.on .fund{ background:url(../images/fund2.png) center center no-repeat;background-size:100% 100%; width:2rem; height:2rem; display:block; margin:0px auto;}
.fund_top{ width: 100%; display:block;position: relative; top: 0px; background: #000000;}
.fund_top img.bg{ width: 100%; opacity: 0.4; display: block;}
.fund_top img.title{ position: absolute;top:50%; margin-top: -65px; width: 260px; left: 50%; margin-left: -130px;}
.fund_list{ padding:0px 15px 15px 15px; width: calc(100%- 30px);width: -webkit-calc(100%- 30px); margin: 0px auto; margin-top: -30px; padding-bottom: 80px; }
.fund_tab{ background: #fff;; width:calc(100% - 20px);width:-webkit-calc(100% - 20px); padding: 10px; position: relative; box-shadow: 0px 1px 8px #ccc;z-index: 10;-webkit-box-shadow: 0px 1px 8px #ccc; margin-bottom: 20px;}
.fund_tab a.fund_t{ font-size: 20px;height: 40px; line-height: 40px; overflow: hidden;; color: #000; display:block; overflow: hidden;}
.fund_tab:after{ clear: both; width: 100%; display: block; height: 0px; content: "";}
.fund_tab .fleft{width:calc(100% - 160px);width: -webkit-calc(100% - 160px);min-height: 60px; float: left;font-size: 14px; line-height: 160%;}
.fund_tab .fright{ width: 160px; min-height: 60px;float: right;}
.fund_tab .Profit{ width: 100%; text-align: center; font-size: 14px; color: #333;}
.fund_tab .Profit i{ font-size: 32px; color: #54a0fe; font-style: normal;font-family: impact; padding: 0px 5px;}
.fund_tab .ftel{ font-size: 20px; color: #000; line-height: 36px;height: 32px;}
.fund_tab .ftel img{ width: 28px; display: inline-block;; margin-right: 2px; float: left;}
.fund_tab a.fund_btn{ font-size: 18px; color: #fff; background: #ffb900; -webkit-border-radius: 2px; width: 100%; padding: 10px 0px; text-align: center;
-moz-border-radius: 2px; width: 100%; padding: 10px 0px; text-align: center;
border-radius: 2px; display: block; text-align: center; margin-top: 10px;;}
.fund_tab .fdes{ height: 66px; overflow: hidden; display: block;}
.fund_tab i.state{position: absolute; z-index: 888; right: -10px; top: -20px; width: 80px;}
/*20170628*/
.fund_tab .note3{ text-align: center; font-size: 14px; color: #c11724;}
/*20170628*/
.fund_tab i.state img{ width: 100%;}
#fund_banner{ width: 100%; display: block;}
#fund_banner .swiper-slide img{ width: 100%; display: block;}
#fund_banner.swiper-container-horizontal>.swiper-pagination{ font-weight: normal; width: 40px; background: rgba(0,0,0,0.8); bottom: 0; right: 0; font-size: 14px; color: #fff; padding: 5px; -webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;;}
#fund_banner.swiper-container-horizontal>.swiper-pagination .swiper-pagination-total{ color: #aaa;}
.fund_info{width:calc(100% - 30px);width: -webkit-calc(100% - 30px); padding:15px; margin: 0px auto;}
.fund_info p.name{ font-size: 18px; text-align: center; line-height: 160%; color: #222;}
.fund_info span.address{ text-align: center; font-size: 14px; color: #666; background: url(../Images/postion.jpg) left center no-repeat; margin:5px auto; padding-left: 10px; background-size:16px auto; height: 30px; line-height: 30px; display:block}
.fund_info span.address b{ font-weight: normal;}
.fund_data{ border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 10px 0px;}
.fund_data span{ font-weight:bold; width: 50%; float: left; display: block; text-align: center; font-size: 28px; color: #fea801;}
.fund_data span b{ text-align: center; font-size: 14px; color: #666; display: block;font-weight: normal;}
.fund_data span em{ font-style: normal; color: #333; font-size: 14px;font-weight: normal;}
.fund_data span:nth-child(1){ width:calc(50% - 1px);width:-webkit-calc(50% - 1px); border-right: 1px solid #eaeaea;}
.fund_bt{ width:calc(100% - 30px);width:-webkit-calc(100% - 30px); margin: 15px auto; border-bottom: 1px solid #eee; height: 45px; line-height: 45px;}
.fund_bt span{ color: #546ff0; border-bottom: 2px solid #546ff0;height: 45px; line-height: 45px; display: block; width: 80px; font-size: 16px; text-align: center;}
.profit{position: relative; width:100%; padding: 10px; background: #55a2fe; color: #fff;}
.profit p{ width: 100%; text-align: center; padding: 5px 0px;font-size: 14px}
.profit p.t{ font-size: 18px;}
.profit p.total_prifit{ font-size: 16px;}
.profit h2{ text-align: center; font-size: 44px; padding: 2px 0px;}
.profit .profit_list{ position: absolute; right: 10px; top: 5px; background: url(../Images/profit_list.png) center center no-repeat; width: 40px; height: 40px; background-size: 36px 36px; display: block; text-indent: -9999; overflow: hidden; line-height: 600px;}
.profit_total{ width: 100%; padding: 15px 0px;font-size: 14px; padding-bottom: 20px}
.profit_total span{ width: 50%; float: left; display: block; text-align: center;}
.profit_total b{ color: #55a2fe; font-size: 26px;display: block;; font-weight: normal;}
.profit_td{ width: 100%; border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 15px 0px;}
.profit_td span{ width: 33%; float:left; display: block; text-align: center; font-size: 15px; color: #343434;}
.profit_td span:nth-child(2){ width: calc(34% - 2px);width: -webkit-calc(34% - 2px); border-left: 1px solid #eaeaea;;border-right: 1px solid #eaeaea; }
.profit_td span em{ background: url(../Images/safe.png) left center no-repeat;background-size: 20px 20px; line-height: 22px;height:22px; padding-left: 20px; color: #55a2fe; font-style: normal;}
.note{width:calc(100% - 30px);width:-webkit-calc(100% - 30px); padding: 15px; margin: 0px auto;}
.note span{ width: 100%; display: block; height: 45px; line-height: 45px; font-size: 15px; color: #000; border-bottom: 1px solid #eee;;}
.note p{ font-size: 14px; padding: 15px 0px;}
#mapcontainer{ margin: 15px auto}
#profit_d{ width: 100%; height: 100%;position: fixed;; top: 0px; left: 120%; z-index: 9999; background: rgba(0,0,0,0.6);
-webkit-transition: 0.4s; transition-delay: 0.1s;
-moz-transition: 0.4s; transition-delay: 0.1s;
-ms-transition: 0.4s; transition-delay: 0.1s;
-o-transition: 0.4s; transition-delay: 0.1s;
transition: 0.4s; transition-delay: 0.1s;;}
#profit_d ul{ width: 70%; background: #FFFFFF; height: 100%; float: right;}
#profit_d ul li{ display: block; border-bottom: 1px solid #eee; padding: 5px 0px;}
#profit_d ul li span{ width:calc(50% - 10px); width:-webkit-calc(50% - 10px);float: left; display: block; text-align: left;font-size: 14px; padding-left: 10px;}
#profit_d ul li span:nth-child(2){ text-align: right; padding-right: 10px; padding-left: 0px;}
#profit_d ul li span b{ font-weight: normal; color: #000;}
#profit_d ul li span p{ font-size: 14px; color:#666;}
.closed{ width: 30%; float: left; height: 100%; line-height: 100%;}
.closed img{ width:45px; margin: 0px auto; display: block; margin-top:50px}
#profit_d.active{ left: 0;}

	.item1 {
			
				-webkit-transition: top 1.2s linear;
				transition: top 1.2s linear;
			}
			
			 .kodai {
			
				bottom: 0;
				cursor: pointer;
			}
			
			.kodai .full {
				display: block;
			}
			
			.kodai .empty {
				display: none;
			}
			
			.clipped-box {
				display: none;
				position: absolute;
				bottom: 0px;
				left: 0px;
				height: 100%; left: 50%;
				width: 50%;
			}
			
			 .clipped-box img {
				position: absolute;
				top: auto;
				left: 0;
				bottom: 0;
				-webkit-transition: -webkit-transform 1s ease-in, background 0.3s ease-in;
				transition: transform 1s ease-in; z-index: 888; 
			}
#number_b{  background-image: -webkit-linear-gradient(top,#7dd0ff,#56a3fe);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	 width: 100%; position: fixed;; z-index: 777; font-size: 140px;  font-family: impact;  text-align: center; color: #55a2fe; top: 30%;
	

}
#number_b img{ float: left;transform: translateY(1000px);-webkit-transform: translateY(500px);-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;-webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);  opacity: 0;
            filter: blur(10px);}
#number_b img:nth-child(1){-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;;}
#number_b img:nth-child(2){-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;;}
#number_b img:nth-child(3){-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;;}
#number_b img:nth-child(4){-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;;}
#number_b img:nth-child(5){-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;;}

#w_shadow{ width:100%; height: 100%; position: absolute ; z-index: -1; top: 0px; background-image: -webkit-radial-gradient(circle,rgba(255,255,255,1),rgba(255,255,255,0));-webkit-transition:all 0.4s; -webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; }
#w_shadow.active{ z-index: 222;}
#w_shadow img{ width: 50px; margin: 0px auto; display: block; position: absolute; top: 10px; left: 10px;}
#number_b.active img{transform: translateY(0px);-webkit-transform: translateY(0px);-webkit-filter: blur(0px); /* Chrome, Opera */
       -moz-filter: blur(0px);
        -ms-filter: blur(0px);    
            filter: blur(0px); opacity: 1;}
/*20170620*/
.jjtab_list{ padding-bottom: 100px;}
.jj_tab{ width: 100%; display: block;}
.jj_tab p.jjname{ width: 100%; font-size: 16px; color: #000; display: block;; margin: 0px auto; height: 50px; line-height: 50px; overflow: hidden; background: #f0f0f0;padding: 0px 15px;}
.jj_tab p.jjname span{ color: #666; padding-right: 5px;}
.jj_tab ul{ display: block; border-top: 1px solid #eee;border-bottom: 2px solid #54a0fe; }
.jj_tab ul li{ float: left; width: 100px; text-align: center;border-right: 1px solid #eee;padding: 10px 0px;font-size: 14px}
.jj_tab ul li b{ color: #54a0fe; font-size: 24px; display: block; width: 100%; text-align: center; margin-bottom: 2px;}
.jj_tab ul li.jjtime{ width: calc(100% - 202px);width: -webkit-calc(100% - 202px); float: left; border: none;}
.jj_tab ul li.jjtime p{font-size: 13px; padding-bottom: 3px; color: #999; padding-top: 5px;}