pfhwyigou/wechat/web/js/enroll/style.css

body {background:#EEF2F5}
input {box-shadow: none;-webkit-appearance: none;}
/**/
.topic {position:relative;}
.topic img {display:block;width:100%;}
.topic .topic_font {display:block;width:80%;margin:10px auto 0;font-size:0.9rem;color:#333;line-height:25px;}
.topic .topic_font span {color:#0072FF;}
.topic_area {margin:25px 40px 0;}
.topic_area input {border:none;border:1px solid #9B9B9C;color:#9B9B9C;height:40px;line-height:40px;padding-left:10px;width:44%;color:#333;font-size:0.875rem;border-radius:3px;}
.topic_area input::-webkit-input-placeholder {color:#9B9B9C;} /* WebKit, Blink, Edge */
.topic_area input:-moz-placeholder {color:#9B9B9C;} /* Mozilla Firefox 4 to 18 */
.topic_area input::-moz-placeholder {color:#9B9B9C;} /* Mozilla Firefox 19+ */
.topic_area input:-ms-input-placeholder { color:#9B9B9C;}/* Internet Explorer 10-11 */

.topic_area input:nth-child(2) {float:right;}
.topic_tel {margin:15px 15px 0;position:relative;}
.topic_tel a {height:45px;line-height:45px;width:95%;padding-left:17px;border:0;color:#333;font-size:0.875rem;border-radius:8px;background:#fff;display:inline-block;}
.topic_tel .mtel {height:45px;line-height:45px;width:94%;padding-left:17px;border:0;color:#333;font-size:0.875rem;border-radius:8px;}

.ap_btn {margin:25px 15px 0;height:45px;line-height:45px;text-align:center;background:#F65D5D;border-radius:8px;}
.ap_btn a {color:#fff;font-size:1rem;}


.screen_box {position:absolute;top:45px;left:0;background:#fff;z-index:41;width:100%;max-height:250px;overflow-y:auto;border-top:1px solid #E9E9EF;display:none;}
.screen_box ul {width:88%;margin:0 auto;height:180px;overflow-y:auto;}
.screen_box ul li {font-size:0.875rem;padding:15px 0 15px 0px;color:#9B9B9C;}
.screen_box ul li:hover {}
.screen_box ul li + li {border-top:1px solid #E9E9EF;}

.screen_are {position:absolute;top:0px;right:-70%;width:70%;background:#f5f5f5;overflow-y:auto;height:180px;}
.screen_are ul li:hover {}

/*遮层*/
.out {width:100%;position:fixed;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1;display:none;}

/*弹层*/
.overstory_area,.overstory_house,.overstory_type {width:86%;position:fixed;z-index:2;left:-100%;margin-left:-43%;top:50%;border-radius:8px;}

.overstory_area {background:#fff;height:380px;margin-top:-190px;}
.overstory_area .overstory_province {display:inline-block;vertical-align:top;width:30%;height:80%;overflow-y:auto;}
.overstory_area .overstory_province a {display:block;text-align:center;padding:12px 0;font-size:0.875rem;color:#333;}
.overstory_area .overstory_province a.on {color:#39C1AF;}
/*.overstory_area .overstory_province a:first-child {margin-top:15px;}*/
.overstory_area .overstory_city {display:inline-block;vertical-align:top;width:68%;height:80%;overflow-y:auto;background:#F7F9FA;}
.overstory_area .overstory_city a {display:block;text-align:center;padding:12px 0;font-size:0.875rem;color:#333;}
.overstory_area .overstory_city a.on {color:#39C1AF;}
.input-field {text-align:center;margin-top:20px;}
.input-field input {height:35px;line-height:35px;border:1px solid #D2D2D2;border-radius:3px;font-size:0.9375rem;color:#828388;display:inline-block;vertical-align:top;padding-left:8px;padding-right:40px;width:140px;}
.input-field .typebtn {display:inline-block;height:37px;line-height:37px;color:#fff;font-size:0.9375rem;width:100px;text-align:center;vertical-align:top;margin-left:-40px;
	border-top-right-radius:3px;border-bottom-right-radius:3px;background:#ccc;}
.input-field .tbtn {
	background:#40CFBC;
    background: -webkit-linear-gradient(right, #40CFBC , #39C1AF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,  #40CFBC, #39C1AF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,  #40CFBC , #39C1AF); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,  #40CFBC ,#39C1AF); /* 标准的语法 */
}
/*户型*/
.overstory_house {background:#fff;min-height:105px;width:86%;margin-top:-80px;}
.overstory_house a {display:inline-block;width:85px;height:28px;line-height:28px;border:1px solid #eee;text-align:center;color:#828388;margin:8px 6px 0 0;font-size:0.875rem;}
.overstory_house a:nth-child(3n){margin-right:0;}
.overstory_house a.on {background:#39C1AF;color:#fff;border:1px solid #39C1AF;}
/*类型*/
.overstory_type {background:#fff;min-height:105px;width:86%;margin-top:-80px;}
.overstory_type a {display:inline-block;width:85px;height:28px;line-height:28px;border:1px solid #eee;text-align:center;color:#828388;margin:8px 6px 0 0;font-size:0.875rem;}
.overstory_type a:nth-child(3n){margin-right:0;}
.overstory_type a.on {background:#39C1AF;color:#fff;border:1px solid #39C1AF;}

.a-box {padding:30px 15px;}

.cls {display:inline-block;width:24px;height:24px;position:relative;left:-100%;margin-left:-12px;z-index:2;top:30px;}
.cls img {display:block;width:100%;}

/*自定义提示框*/
.prompt {position:fixed;background:rgba(0,0,0,0.8);color:#fff;font-size:0.8rem;padding:8px 8px;left:50%;top:40%;width:150px;margin-left:-75px;margin-top:-8px;z-index:10;text-align:center;}