.joinwarp{ background-color:#ffb33a;}
.joinwarp .jontoppic{}
.joinwarp .jontoppic img{}
.joinwarp .joininput{ padding-top:12px;}
.joinwarp .joininput .jinputline{ padding:12px;}
.joinwarp .joininput .jinputline .inputbox{ padding:0 16px; height:40px; line-height:40px; font-size:14px; color:#342a2a; background-color:#fff; border-radius:50px;}
.joinwarp .joininput .jinputline .inputbox .inputif{ width:100%; height:20px; line-height:100%; border:1px solid #fff; color:#342a2a; font-size:14px; font-family:"微软雅黑", Arial, Geneva, Helvetica, Sans-serif;}
.joinwarp .joininput .jinputline .jionsubmit{background-color:#f53802;height:40px; line-height:40px; font-size:18px; font-weight:bold;text-align:center;border-radius:50px;}
.joinwarp .joininput .jinputline .jionsubmit .joibtn{ display:block;  }
.joinwarp .havwarp{}
.joinwarp .havwarp .synote{ padding-left:20px; height:20px; line-height:20px;}
.joinwarp .havwarp .synote a{ font-size:12px;}
.joinwarp .havwarp .bacloginbtn{ line-height:40px;text-align:center; color:#F53802; font-size:14px; text-decoration:underline;}
.joinwarp .havwarp .bacloginbtn a{ text-align:center; color:#F53802; font-size:14px;}
.joinwarp .joitjmod{ padding-bottom:20px;}
.joinwarp .joitjmod .joitjtit{ margin:0 12px; height:30px; background:url(../images/lin3.png) repeat-x 0 center; background-size:auto 2px;}
.joinwarp .joitjmod .joitjtit h3{ width:84px; background-color:#ffb33a; line-height:30px; font-size:16px; font-weight:bold;}
.joinwarp .joitjmod .joitjtit h3 img{ vertical-align:middle; margin-top:-3px;}
.joinwarp .joitjmod .joiprolist{}
.joinwarp .joitjmod .joiprolist ul{ padding-left:1%; overflow:hidden;}
.joinwarp .joitjmod .joiprolist ul li{ float:left; width:33%;}
.joinwarp .joitjmod .joiprolist ul li a{ display:block; margin:4px; border:2px solid #fff; position:relative;}
.joinwarp .joitjmod .joiprolist ul li a img{ display:block;}
.joinwarp .joitjmod .joiprolist ul li a span{ display:block; width:98%; padding:0 1%; height:20px; line-height:20px; color:#fff; overflow:hidden; font-size:10px; position:absolute; bottom:0; left:0;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000;}

/*预约看房*/
.yuyewarrps{ background-color:#fff; color:#666; padding-bottom:12px;}
.yuyewarrps .yymodbox{ width:100%; height:100%; background:url(../images/y-bg1.png) no-repeat 0 0; background-size:cover;}
.yuyewarrps .yymodbox .ytimg1{ padding:35px 0; text-align:center;}
.yuyewarrps .yymodbox .ytimg1 img{}
.yuyewarrps .yymodbox .ytimg2{ text-align:center;}
.yuyewarrps .yymodbox .ytimg2 img{}
.yuyewarrps .flaico{ padding-top:16px; width:250px; margin:0 auto;}

.yuyewarrps .yymodbox .inputinfotxt{ padding:20px 10px;}
.yuyewarrps .yymodbox .inputinfotxt table tr td span{ display:block; padding:6px 12px;}
.yuyewarrps .yymodbox .inputinfotxt table tr td span img{}
.yuyewarrps .yymodbox .inputinfotxt table tr td .inptxtwarp{}
.yuyewarrps .yymodbox .inputinfotxt table tr td .inptxtpd{ padding-right:16px;}
.yuyewarrps .yymodbox .inputinfotxt table tr td .inptxtwarp .qtxt{background-color: #fff; border-radius: 50px; height: 30px; padding:5px 12px; border: 1px solid #fff; box-sizing: border-box; width:100%; color: #6e6e6e; font-size:14px; font-family:"微软雅黑", Arial, Geneva, Helvetica, Sans-serif;}
.yuyewarrps .yymodbox .inputinfotxt table tr td table tr td .inptxtwarp .qse{background-color: #fff; border-radius: 50px; height: 30px; padding:5px 20px 5px 12px; border: 1px solid #fff; box-sizing: border-box; width:100%; color: #6e6e6e; font-size:14px; font-family:"微软雅黑", Arial, Geneva, Helvetica, Sans-serif;-webkit-appearance: none;appearance: none; background:#fff url(../images/y-sel-ico.png) no-repeat 96% center;}
.yuyewarrps .yymodbox .inputinfotxt table tr td .yuyesumit{ padding:12px 0 20px;}
.yuyewarrps .yymodbox .inputinfotxt table tr td .yuyesumit .yysmbtn{ display:block;background-color:#ff0000; border-radius: 50px; line-height:24px; padding:5px 12px; border: 1px solid #ff0000; box-sizing: border-box; text-align:center; width:100%; color: #fff; font-size:16px;
font-weight:bold;font-family:"微软雅黑", Arial, Geneva, Helvetica, Sans-serif;}

.yuyewarrps .yymodbox .dowtshi{}
.yuyewarrps .yymodbox .dowtshi img{}

.yuyewarrps .yyhxtjbox{}
.yuyewarrps .yyhxtjbox .yyhxtjtit{ padding-top:12px; padding-bottom:8px; background-color:#f58308;}
.yuyewarrps .yyhxtjbox .yyhxtjtit h3{ font-size:20px; color:#fff; text-align:center; font-weight:bold;}
.yuyewarrps .yyhxtjbox .yyhxtjtit span{ display:block; font-size:12px; line-height:16px; color:#943402; text-align:center; font-weight: bold;}
.yuyewarrps .yyhxtjbox .yyhxtjtit i{display:block; text-align:center;}
.yuyewarrps .yyhxtjbox .yyhxtjtit i img{}
.yuyewarrps .yyhxtjbox .yyhxtjlist{}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul{}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li{}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a{ display:block; padding:12px 12px 0;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl{ height:160px; overflow:hidden; position:relative;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dt{ position:relative;height:160px;overflow:hidden;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dt .hximgbig{}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dt img{ width:90%; height:auto;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dt span{ display:block; width:90%; padding-left:4px; height:20px; line-height:20px;  font-size:12px; position:absolute; bottom:0; background:url(../images/hx-tit-bg.png) no-repeat 0 0; background-size:cover; }
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dd{ width:120px; height:160px; position:absolute; top:0; right:0;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dd .hxinfo{width:120px; height:124px; padding-top:36px; background-color:#153d28; font-size:14px; position:relative;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dd .hxinfo i{ width:10px; height:20px; background:url(../images/y-le-ico.png) no-repeat 0 0; background-size:10px 20px;position:absolute; left:-10px; top:70px;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li a dl dd .hxinfo div{ padding-left:20px;}

.yuyewarrps .yyhxtjbox .yyhxtjlist ul li:nth-child(2n) a dl dt{ text-align:right;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li:nth-child(2n) a dl dt span{ display:block; width:90%; padding-right:4px; height:20px; line-height:20px;  font-size:12px; text-align:right; position:absolute; bottom:0; right:0; background:url(../images/hx-tit-bg2.png) no-repeat 0 0; background-size:cover; }
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li:nth-child(2n) a dl dd{ position:absolute; top:0; left:0; right:auto;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li:nth-child(2n) a dl dd .hxinfo{width:120px; height:124px; padding-top:36px; background-color:#f27233; font-size:14px; position:relative;}
.yuyewarrps .yyhxtjbox .yyhxtjlist ul li:nth-child(2n) a dl dd .hxinfo i{ width:10px; height:20px; background:url(../images/y-re-ico.png) no-repeat 0 0; background-size:10px 20px;position:absolute; right:-10px; top:70px; left:auto;}


.yuyewarrps .kfbtn720{ padding:20px 12px 30px; width:85%; margin:0 auto;}
.yuyewarrps .kfbtn720 .kfbutton{ display:block;background-color:#F53802; border-radius:50px; line-height:30px; padding:5px 12px;border: 1px solid #F53802; box-sizing: border-box;text-align:center; width:100%; color: #fff; font-size:16px;
font-weight:bold;font-family:"微软雅黑", Arial, Geneva, Helvetica, Sans-serif;animation:myfirst8 0.5s 1.1s forwards infinite; -webkit-animation:myfirst8 0.5s 1.1s forwards infinite;}