pfhwyigou/mobile/web/video/css/videodetails.css

/*.appleBm{top:50% !important;margin-top:-132px !important;}*/

.m_video{width:100%;height:240px;position:relative;}
.m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
.m_video_img img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;}



/*楼盘信息*/
.basic_box{position:relative;background: #FFF;z-index:20;}
.basic{padding:20px 16px 0 16px;}
.basic h1 {font-size:1.25rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;}
.basic_style{margin-top:10px;}
.basic_style i{font-size:0.75rem;color:#999;background:#F1F2F6;padding:3px 5px;margin-right:2px;}
.basic_style i:nth-child(1){color:#3D8BE4;background:#EEF5FD;}
.basic .price {font-size:1.5rem;color:#E82200;margin-top:10px;}
.basic .price span {font-size:0.95rem;}
.basic .price img{width:14px;}
.basic .price em {color:#999;font-size:0.95rem;}
.basic .address{font-size: 0.95rem;margin-top: 15px;border-bottom:1px solid #F8F8F8;padding-bottom:15px;}
.basic .address em{font-size:0.9rem; color:#999; font-style:normal;margin-right: 9px;float:left;}
.basic .address span{float:left;display:block;max-width:80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.basic .address img{width:11px;margin-top:-2px;margin-left:3px;}
.basic .basic_btn {border:1px solid #D00703;display:inline-block;position:absolute;top:88px;right:15px;color:#D00703;background:#FFF;padding:7px 12px 5px 12px;border-radius:100px;font-size:0.75rem;}



/*价格 户型 面积*/
.lp_m {margin-top:15px;}
.lp_m ul{margin:0 2%;}
.lp_m ul li {display:inline-block;width:32%;}
.lp_m ul li p:nth-child(1) {font-size:1.1875rem;color:#333;padding-left:13px;}
.lp_m ul li p:nth-child(2) {font-size:0.8125rem;color:#999;padding-left:13px;}
.lp_m ul li + li {border-left:1px solid #EEE;}

.Projectdetails{width:91%;margin:auto;display:block;height:45px;background:#3882FF;line-height:45px;font-size:1rem;color:#FFF;text-align:center;border-radius:4px;margin-top:15px;}




/*相关楼盘*/
.m_zaigai_title{position:relative;}
.m_zaigai_title i{position: absolute;right:0px;bottom: 0;font-size:0.75rem;color:#999;}
.m_zaigai_title span{font-size:1.1875rem;color:#333;font-weight:600;}


.sell_box {background:#fff;padding:0px 16px 16px 16px;margin-top:30px;}
.sell_conter{margin-top:5px;}
.sell_box .sell_conter ul li {border-bottom:1px solid #f8f8f8; position: relative;padding:17px 0;}
.sell_box .sell_conter ul li:last-child{border-bottom:0;}

.sell_box .sell_conter ul li a {display:block;}
.sell_box .sell_conter ul li .sell_img{width:35%;height:92px;position:relative;border-radius:5px;overflow:hidden;float:left;}
.sell_box .sell_conter ul li .sell_img p{position:absolute;bottom:0;left:0;padding:17px 0 5px 0;width:100%;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
        -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
        -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
}
.sell_box .sell_conter ul li .sell_img i{font-size:0.75rem; color:#fff;display:block;padding:0 10px;}
.sell_box .sell_conter ul li .sell_img i img{width:9px;margin-top:-4px;margin-right:4px;}
.sell_box .sell_conter ul li .sell_img .img{display:block;width:100%;height:100%;}
.sell_box .sell_conter ul li .sell_img .tb{width:34px;height:34px;position:absolute;top:50%;left:50%;margin-top:-17px;margin-left:-17px;}

.sell_box .sell_conter ul li .sell_conter_right {float:left;width:61%;margin-left:12px;}
.sell_box .sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;}
.sell_box .sell_conter ul li .sell_conter_right p.jg_ing span{ color:#E82200; font-size:0.75rem;}
.sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#E82200;font-size:1.1rem;display:inline-block;margin-right:2px;position:relative;top:1px;}
.sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;}
.sell_conter_right .style{font-size:0.6875rem;color:#999;}
.sell_conter_right .style{}
.sell_conter_right .style i{max-width:98px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:5px;display: block;float:left;font-style: normal;background:#F3F3F9;margin-right: 6px;font-size:0.687rem;color:#999;padding:3px 5px;border-radius:3px;}

.sell_box .sell_conter ul li .sell_conter_right .title {font-size:1rem;color:#333;width:95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}



/*汇率*/
.exchange_rate_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;}
.exchange_rate_zhez{width:100%;height:100%;background:rgba(51, 51, 51, 0.5);}
.exchange_rate{width:320px;height:164px;position:absolute;top:50%;left:50%;margin-top:-82px;margin-left:-160px;background:#FFF;z-index:100;padding:25px 20px;border-radius:3px;}
.exchange_rate_zj{font-size:1.1rem;color:#333;font-weight:600;}
.exchange_rate_zj span{color:#E03700;font-weight:600;margin-left:3px;}
.exchange_rate_text{margin-top:15px;font-size:1rem;color:#666;}
.exchange_rate_gb{position:absolute;bottom:8%;right:6%;font-size:0.9rem;color:#333;}
@media screen and (min-width: 300px) and (max-width: 374px) {
    .exchange_rate{width:270px;margin-left:-135px;height:140px;margin-top:-70px;}
}