pfhwyigou/mobile/web/js/signup/m_xqdz.css

@charset "UTF-8";
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal
}
*:focus {outline: none;}
body { margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none; background-color: #e6e6e6;
    font: 16px/1.25 Arial, "Microsoft Yahei";font-weight: bold;letter-spacing: -0.02em;}
html{-webkit-text-size-adjust: none;}
body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}
input,button,textarea,select {-webkit-appearance:none; font-size:1em;}
input {vertical-align: middle;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;max-width:100%;}
table {border-collapse: collapse;border-spacing: 0}
th, td, caption {vertical-align: top;text-align: left}
sub,sup{font-size: 10px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type=checkbox]{vertical-align: middle;}
.clear {width:0px; height:0px; font-size:0; clear:both;}
ul,li {list-style:none;}
body {margin:0 auto; position:relative;}
i,em{ font-style: normal;}


.max_box{max-width:640px;margin:auto;min-width:320px;position: relative;}
.max_box img{display:block;}

.demand_box{width:100%;position:fixed;top:0;background:#F7F7F7;}
.demand_box_gb{position:absolute;top:0;right:0;width:40px;height:40px;display: block;}
.demand{width:90%;height:100%;margin:auto;position:relative;overflow:hidden;}
.demand_title{font-size:1.5rem;color:#333;text-align:center;margin-top:85px;}

/*价格*/
.Price{margin-top:50px;}
.Pricexyb{width:60%;height:40px;font-size:1rem;color:#FFF;background:#FC5C2B;border-radius:40px;position:absolute;bottom:12%;left:50%;margin-left:-30%;text-align:center;line-height:40px;}


/*户型*/
#Huxing_list{border:1px solid #FC5C2B;color:#FC5C2B;}
.Huxing{margin-top:50px;}
.Huxing .Huxing_list{border:1px solid #eae7e7;float:left;border-radius:20px;width:44%;height:40px;text-align:center;line-height:40px;margin-right:12%;margin-bottom:30px;background:#FFF;font-size:1rem;color:#3A3A3A;position:relative;}
.Huxing .Huxing_list:nth-child(2n){margin-right:0;}
.Huxing_list img{width:17px;height:17px;position:absolute;top:-8px;right:0;}



.Huxing_list_i{width:17px;height:17px;position:absolute;top:-8px;right:0;background:url(/image/xqdz1.png) no-repeat 0 0/ 100% 100%;}



.NextStep{width:60%;height:40px;font-size:1rem;color:#FFF;background:#C5C5C5;border-radius:40px;position:absolute;bottom:12%;left:50%;margin-left:-30%;text-align:center;line-height:40px;}

#NextStepcolor{background:#FC5C2B;}

/*区域*/
.Determine{width:60%;height:40px;font-size:1rem;color:#FFF;background:#C5C5C5;border-radius:40px;position:absolute;bottom:5%;left:50%;margin-left:-30%;text-align:center;line-height:40px;}
#Detecolor{background:#FC5C2B;}
.region_box{width:100%;height:62%;margin-top:40px;position:relative;overflow:hidden;}
.region{width:40%;height:100%;position:absolute;top:0;left:50%;margin-left:-20%;max-height:100%;overflow:auto;transition: all .4s;}   /*13%*/
.region li{transition: all .4s;height:60px;text-align:center;line-height:60px;font-size:1.1rem;color:#333;position:relative;}
.region li i{width:7px;height:7px;border-radius:20px;background:none;position:absolute;top:41%;left:26%;float:left;display:block;}
#regionlii{background:#FC5C2B;}
#region{height:45px;line-height:45px;transition: all .4s;}
.regionli{background:#FFF;}
#m_regionYd{left:13%;transition: all .4s;}




.region_City{width:67%;height:100%;position:absolute;top:0;right:0;background:#FFF;max-height:100%;overflow:auto;display: none;}
.region_City li{height:45px;line-height:45px;font-size:1rem;color:#333;}
.region_City li span{margin-left:30px;float:left;}
.region_City li img{float:right;width:17px;height:17px;margin:13px 9px 0 0;}
.i_bright{float:right;width:17px;height:17px;margin:13px 9px 0 0;background:url(/image/xqdz1.png) no-repeat 0 0/ 100% 100%;}
.i_dark{float:right;width:17px;height:17px;margin:13px 9px 0 0;background:url(/image/xqdz2.png) no-repeat 0 0/ 100% 100%;}
.remind{position:absolute;top:50%;left:50%;margin-top:-17.5px;margin-left:-55px;background:rgba(31, 30, 30, 0.83);border-radius:5px;width:110px;height:35px;text-align:center;line-height:35px;font-size:0.95rem;color:#FFF;display:none;}
.HxRemind{position:absolute;top:50%;left:50%;margin-top:-17.5px;margin-left:-85px;background:rgba(31, 30, 30, 0.83);border-radius:5px;width:170px;height:35px;text-align:center;line-height:35px;font-size:0.95rem;color:#FFF;display:none;}
#disabled{pointer-events: none;}

@media screen and (min-width: 300px) and (max-width: 374px) {
  .Determine{height:35px;bottom:9%;}
  .region_box{height:60%;margin-top:30px;}
  .demand_title{margin-top:70px;}
  .region li i{left:24%;}
}



/*刻度尺*/
	.box {height:50px;position:relative;width:100%;margin:0 auto;}
	.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
	.wrapper {background:#FFF;position:relative;height:49px;line-height:50px;width:100%;overflow: hidden;margin:0 auto;border:1px solid #ccc;border-radius:25px;}
	.wrapper .scroller {position:absolute;padding:0 48% 0 50%;}
	.wrapper .scroller li {float: left;width:50px;height:13px;line-height:13px;/*text-align: center;*/font-style: none;margin: 0 20px; padding:25px 0 10px;position:relative;top:5px;}
/*	.wrapper .scroller li:first-child {width:230px;}
	.wrapper .scroller li:last-child {width:210px;}*/
	.wrapper .scroller li span{display:block;border-left:1px solid #ccc;width:100%;height:13px;}
	.wrapper .scroller li span i {display:inline-block;font-size:12px;color:#9b9b9b;font-style:normal;position:absolute;top:7px;left:-10px;}
	.pillar {display:inline-block;width:6px;height:60px;border-radius:10px;background:rgba(252, 92, 44, 0.85);position:absolute;z-index:2;left:50%;top:-5px;margin-left:-3px;}
	.Price h3{text-align: center;line-height:100px;font-size:1.6rem;color:#FF470F;}


/*报名*/
.xm_bm_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;display:none;}
.xm_bm{width:80%;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-40%;background:#FFF;z-index:200;border-radius:5px;padding-bottom:25px;}
.xm_bm em{font-size:1.2rem;color:#DF4312;margin-top:20px;text-align:center;display: block;font-weight:600;letter-spacing:1px;}
.xm_bm_box form{width:90%;margin:auto;margin-top:20px;}
.xm_bm_box form .m_input{border:1px solid #F9DED5;width:100%;height:40px;padding:0 15px;border-radius:5px;}
.xm_bm_box form .m_button{width:100%;height:40px;background:#FF6E42;border:0;margin-top:20px;border-radius:30px;font-size:1rem;color:#FFF;letter-spacing:1px;}
.xm_bm_gb{display: block;width:30px;height:30px;position: absolute;top:-37px;right:-4px;}

.xm_bm_zhez{width:100%;height:100%;background:rgba(33, 33, 33, 0.5);position: absolute;top:0;left:0;}

.m_form{
animation:change 0.8s;
-webkit-animation:change 0.8s;
-moz-animation:change 0.8s; 
}

@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-webkit-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-moz-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}


@media screen and (min-height: 300px) and (max-height: 374px) {
  
}