caimei365-www/src/main/resources/static/css/index/index_new.h5.css

 /* 首页导航 */
.mNavBox{width:100%;margin:0 auto;padding:2.2vw 0;position:relative;background:#FFF;}
.mNavBox .nav{width:25vw;margin:0;display:block;box-sizing: border-box;padding:2.2vw 0;text-align:center;color:#4A4F58;font-size:3.4vw;float: left;}
.mNavBox .nav-icon{display:block;width: 11vw;height: 11vw;margin: 0 auto;}
.mNavBox .nav p{line-height:6.4vw;white-space:nowrap;width: 100%;}
/* 轮播 */
#swiper-container{width:100%;height:48vw;overflow:hidden;position:relative}
#swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
#swiper-container .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
#swiper-container .swiper-wrapper img{width:auto;height:48vw;display:block;max-width:none;}
#swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{display:none}
#swiper-container .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
#swiper-container .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
#swiper-container .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
#swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
 /*公告*/
 #new-container{height: 12vw;background-color: #F7F7F7;padding:4vw 3.2vw 0 3.2vw;box-sizing: border-box;}
 #new-container .inner{width: 100%;height: 100%;background: url("/img/base/icon-newbgh5@2x.png");background-size: cover;box-sizing: border-box;padding:0 3vw;border-radius: 1vw;}
 #new-container .new-list{float: left;width: 62vw;}
 #new-container .new-label{float: left;line-height: 8vw;font-size: 16px;color: #E15616;font-weight: bold;}
 #new-container .new-list .new-li{float: left;line-height:  8vw;font-size: 3.2vw;color: #4A4F58;box-sizing: border-box;display: block;}
 #new-container .new-list .new-li .new-icon{width: 3vw;height: 3vw;margin-top: 2.8vw;box-sizing: border-box;display: block;background: url("/img/base/icon-news@2x.png");background-size: cover;float: left;}
 #new-container .new-list .new-li p{width: 50vw;float: left;margin-left:1vw;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
 #new-container .new-list .new-li:hover{color: #E15616;text-decoration: line-through;}
 #new-container .new-more{float: right;line-height: 8vw;font-size: 3.2vw;;color: #93979F;}
/* 楼层 */
.section_right .item_banner .statu .icon-live{display:block;width:3vw;height:3vw;float:left;margin:1.6vw 0 0 1.6vw;background:url("/img/live/icon-live.h5.gif");background-size:cover}
.section_right .item_banner .statu .mIcon.icon-end:before{width:5.3vw;height:4vw;background-position:-63.8vw -69vw}
.section_right .item_banner .statu .mIcon.icon-wart:before{width:5.3vw;height:4vw;background-position:-59vw -69vw}
.floorCon{width:97vw;margin:auto}
.section_page .page_main_price .price_text_tag.right-box{float:right;width:auto;margin-top:1vw}
.section_page .page_main_text .tag{width:11.3vw;height:4.3vw;line-height:4.3vw;font-size:2.8vw;display:inline-block;margin-right:1.3vw;text-align:center;color:#FFFFFF !important;background-image:linear-gradient(270deg,#f9c023 0%,#f83600 100%);border-radius:0px 10px 0px 0px;margin-top:.5vw}
.Popup{position:fixed;background:rgba(34,39,46,0.5);top:0;left:0;width:100%;height:100%;z-index:99999;opacity:0}
.Popup.show{opacity:1}
.Popup .show_popup{width:70vw;height:94.9vw;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
.bg_img img{width:100%;height:100%}
.bg_icon{text-align:right;position:absolute;right:-5vw}
.bg_icon .mIcon{width:10vw;height:10vw;display:inline-block}
.bg_icon .mIcon:before{width:10vw;height:10vw;background-position:-33.3vw -77.3vw;cursor:pointer}