12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- /* 手机端最外层*/
- .body_box {max-width:750px;margin:0 auto;overflow:hidden;margin-top: 50px;}
- .body_box > img {display:inline-block;width:100%;}
- /*楼盘信息*/
- .swiper-container {padding: 0px 0 45px;}
- .swiper-slide {border-radius:5px;box-shadow:1px 6px 8px 1px #d4d4d4;padding:5px 5px 10px 5px;width:192px;margin-right:10px;}
- a.warn {display:inline-block;position:absolute;right:5px;top:13px;font-size:0.8125rem;background:#D61900;color:#fff;padding:5px 10px;border-top-left-radius:30px;border-bottom-left-radius:30px;}
- .side-img {height:90px;}
- .side-img > img {display:inline-block;width:100%;height:100%;}
- .side-font {padding:0 5px;}
- .side-font h3 {font-size:0.875rem;font-weight:600;margin-top:3px;}
- .side-font .price {color:#D61900;font-size:0.75rem;margin-top:8px;}
- .side-font .price span {font-size:1.125rem;font-weight:600;display:inline-block;margin:0 3px;}
- .side-font .hint {font-size:0.625rem;color:#999;}
- .side-font .side-title {font-size:0.75rem;color:#333;margin-top:5px;}
- .side-font .side-area {font-size:0.8125rem;color:#333;width:95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:3px;}
- .speity {font-size:0.75rem;margin-top:20px;position:relative;padding:0 5px;}
- .speity span {color:#D61900;}
- .speity a {color:#333333;float:right;border:1px solid #333333;padding:3px 10px;border-radius:20px;margin-top:-6px;}
- .speity a.on {color:#D61900;border:1px solid #D61900;}
- .reason {position:absolute;background:#EBEBEB;width:96%;padding:5px;top:20px;display:none;}
- /*底部报名*/
- .sign {position:relative;}
- .sign .submit_area {position:absolute;bottom:23%;left:5%;width:65%;}
- .sign .submit_area input {border:none;height:30px;line-height:30px;padding-left:15px;font-size:0.75rem;border-radius:30px;width:78%;}
- .sign .submit_area input::-webkit-input-placeholder {color:#666;} /* WebKit, Blink, Edge */
- .sign .submit_area input:-moz-placeholder {color:#666;} /* Mozilla Firefox 4 to 18 */
- .sign .submit_area input::-moz-placeholder {color:#666;} /* Mozilla Firefox 19+ */
- .sign .submit_area input:-ms-input-placeholder { color:#666;}/* Internet Explorer 10-11 */
- .sign .submit_area a {display:inline-block;width:70px;height:31px;text-align:center;line-height:30px;font-size:0.8125rem;background:#FFB94A;color:#fff;font-weight:600;border-radius:30px;margin-left:-35px;}
- /*挡层*/
- .layer {position:fixed;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);z-index:10;display:none;}
- /*报名窗口*/
- .pop-up {position:fixed;z-index:15;top:-50%;background:url(../image/icon_bg.png) no-repeat center/100% 100%;border-radius:10px;width:80%;height:340px;left:50%;margin-left:-40%;margin-top:-220px;display:none;}
- .pop-up input {border:none;height:30px;line-height:30px;width:70%;margin-left:10px;font-size:0.8125rem;}
- .pop-up-title {text-align:center;margin-top:15px;}
- .pop-up-title img {display:inline-block;width:45%;}
- .pop-up-hint {text-align:center;color:#fff;font-size:1.0625rem;margin-top:8px;}
- .pop-up .name,.pop-up .tel {background:#fff;width:75%;margin:0 auto;border-radius:20px;padding-left:10px;}
- .pop-up .tel {margin-top:10px;}
- .pop-up .tel img {display:inline-block;width:15px;height:17px;}
- .pop-up .name {margin-top:10%}
- .pop-up .name img{display:inline-block;width:17px;height:16px;}
- .pop-up .wint_butt {display:block;width:80%;height:50px;line-height:40px;text-align:center;color:#E6691E;background:url(../image/icon_btn.png) no-repeat center/100% 100%;margin:13% auto 0;}
- .heat {text-align:center;}
- .heat p:first-child {font-size:1rem;color:#666666;}
- .heat p:first-child span {font-weight:600;color:#E6691E;}
- .heat p:last-child {font-size:0.8125rem;color:#666;margin-top:5px;}
- .cls {text-align:center;position:relative;}
- .cls:before {content:"";display:inline-block;width:1px;height:30px;background:#fff;}
- .cls img {display:inline-block;width:26px;height:26px;margin-left:-13px;margin-top:32px;}
- /*媒体查询*/
- @media screen and (min-width: 300px) and (max-width: 374px){
- .pop-up {height:315px;}
- .pop-up .int_butt {margin: 11% auto 0;}
- .pop-up .name {margin-top: 9%;}
- .pop-up .int_butt {height:45px;}
- }
|