body,
html {
	width: 100%;
	height: 100%;
	max-width: 750px;
	margin: 0 auto;
}
@font-face{
    font-family: 'din1451alt';
    src: url('https://m.rhinosmart.pro/img/font/din1451alt.eot');
    src: url('https://m.rhinosmart.pro/img/font/din1451alt.eot?#iefix') format('embedded-opentype'),
    url('https://m.rhinosmart.pro/img/font/din1451alt.woff') format('woff'),
    url('https://m.rhinosmart.pro/img/font/din1451alt.ttf') format('truetype'),
    url('https://m.rhinosmart.pro/img/font/din1451alt.svg') format('svg');
}
.container {
	padding: 0;
}
.container.open {
	top: 0;
	left: -3rem;
	overflow:hidden;
	box-shadow: 0 0 25px 0 rgba(10, 30, 60, 0.78);
}

.logo-menuBtn {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	z-index: 2;
	padding:.15rem .15rem .1rem .15rem;
	box-sizing:border-box;
	transition:background .4s;
}

.logo-menuBtn .fl img{
	width:2rem;
}

.banner {
	height: 7.6rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 3rem;
	background: url(banner.jpg) no-repeat center 0;
	background-size:100% auto;
	position: relative;
}

.banner .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 3;
}

.banner .banner_title {
	font-size: 0.52rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.7rem;
	font-weight: bold;
}

.banner .banner_title div:nth-of-type(2) {
	font-size: 0.35rem;
	line-height: 0.5rem;
	font-weight:200;
}

.banner .open_btns {
	font-size: 0;
	text-align: center;
	margin-top: 2rem;
}

.banner .open_btns a {
	display: inline-block;
	font-size: 0.32rem;
	width: 2.84rem;
	height: 0.84rem;
	line-height: 0.80rem;
	border-radius: 0.06rem;
	font-weight:500;
	color: #fff;
	position: relative;
	box-sizing:border-box;
	vertical-align:middle;
}

.banner .open_btns a:nth-of-type(1) {
	background: #2b9fdc;
	margin-right: 0.4rem;
}

.banner .open_btns a:nth-of-type(2) {
	background:none;
	border:2px solid rgba(255,255,255,.6);
}


.quote {
	height: 2.02rem;
	border-bottom: 0.2rem solid #F5F5F5;
}

.quote .swiper-container {
	height: 100%;
}

.quote .swiper-slide {
	font-size: 0;
	text-align: center;
}

.quote .swiper-slide li {
	display: inline-block;
	vertical-align: top;
	font-size: 0.24rem;
	line-height: 0.24rem;
	padding-top: 0.34rem;
	text-align: center;
	color: #333;
	width:33%;
}

.quote .swiper-slide li:nth-of-type(2) {

}

.quote .swiper-slide li:last-of-type {

}

.quote .swiper-slide li div.price {
	font-size: 0.5rem;
	line-height: 0.42rem;
	padding-top: 0.2rem;
	padding-bottom: 0.11rem;
	color: #FB605A;
	font-family: "din1451alt";
}

.quote .swiper-container-horizontal>.swiper-pagination {
	bottom: 0.08rem;
}

.swiper-pagination-bullet {
	width: 0.08rem;
	height: 0.08rem;
}

.quote .swiper-slide li div.per {
	font-size: 0.2rem;
	color: #FB605A;
}

.quote .swiper-slide li.rise div.per,
.quote .swiper-slide li.rise div.price {
	color: #30B840;
	font-family: "din1451alt";
}

.quote .swiper-slide li div.pname {
	width:1.5rem;
	margin:0 auto;
	background-image: url(fall.png);
	background-repeat: no-repeat;
	background-size: 0.24rem 0.24rem;
	background-position: right center;
}

.quote .swiper-slide li.rise div.pname {
	background-image: url(raise.png);
}

.activities {
	padding-top: 0.32rem;
}

.title_name {
	text-align: center;
	color:#555;
	line-height: 0.44rem;
	font-size: 0.4rem;
	margin: 0 auto;
	position: relative;
	font-weight: bold;
}

.title_name:after {
	position: absolute;
	content: '';
	width: 0.34rem;
	height: 0.04rem;
	background-color: #3ebff9;
	bottom: -0.2rem;
	left: 50%;
	margin-left: -0.17rem;
}

.activities .act_swiper {
	width: 100%;
	margin-top: 0.5rem;
	padding-bottom: 0.4rem;
	border-bottom: 0.2rem solid #F5F5F5;
	color: #666666;
	font-size: 0.32rem;
	text-align: center;
}

.activities .act_swiper img {
	width: 6.72rem;
	margin-top: 0.05rem;
	border-radius: 4px;
	transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;
}

.activities .swiper-slide {
	width: 6.9rem;
	margin: 0 0.04rem;
}

.activities .swiper-slide.swiper-slide-active img {
	width: 6.9rem;
	margin-top: 0;
}

.activities .tips {
	padding-top: 0.16rem;
}

.safe {
	padding-top: 0.3rem;
	border-bottom: 0.2rem solid #f5f5f5;
}

.safe .list {
	font-size: 0;
	margin-top: 0.86rem;
	padding-bottom: 0.4rem;
}

.safe .list li {
	width: 50%;
	text-align: center;
	vertical-align: top;
	font-size: 0.24rem;
	color: #999;
	display: inline-block;
}

.safe .list li div:nth-of-type(1) {
	color: #424242;
	font-size: 0.35rem;
	padding-top: 1.22rem;
	background-repeat: no-repeat;
	background-size: 1.08rem auto;
	background-position: center top;
	background-image: url(li1.png);
}

.safe .list li:nth-of-type(2) div:nth-of-type(1) {
	background-image: url(li2.png);
}

.safe .list li:nth-of-type(3) div:nth-of-type(1) {
	background-image: url(li3.png);
}

.safe .list li:nth-of-type(4) div:nth-of-type(1) {
	background-image: url(li4.png);
}
.safe .list li:nth-of-type(1) div.div5{
	background-image: url(li5.png);
}
.safe .list li:nth-of-type(2) div.div6{
	background-image: url(li6.png);
}
.safe .list li:nth-of-type(3) div.div7{
	background-image: url(li7.png);
}
.safe .list li:nth-of-type(4) div.div8{
	background-image: url(li8.png);
}
.safe .list li div:nth-of-type(2) {
	width: 3.04rem;
	margin: 0.16rem auto 0;
	text-align: center;
	margin-bottom: 0.27rem;
}

/*公告*/
.announcement{
	padding:20px 15px 10px 15px;
	border-bottom:0.2rem solid #F5F5F5;
}
.announcement ul{
	margin:35px auto 25px auto;
}
.announcement ul li{
	line-height: 1.2em;
	font-size:.3rem;
	margin:.4rem auto;
	clear:both;
}
.announcement ul li .title{
	display:inline-block;
	width:80%;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align: middle;
	line-height: .5rem;
	font-weight: 700;
}
.announcement ul li .date{
	float:right;
	display:inline-block;
	width:18%;
	font-size:.25rem;
	text-align: right;
	line-height: .5rem;
	vertical-align: middle;
	overflow: hidden;
	border-radius:3px;
}
.announcement .more{color:#2B9FD9;display:block;text-align: center;border-top:1px solid #f5f5f5;line-height: 3em;}


.addsBox {
	height: 0.96rem;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background: rgba(0, 0, 0, .8)
}

.addsBox .closeBtn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0.3rem;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background-image: url(bottom_close.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	margin: auto;
}

.addsBox .img1 {
	padding: 0.08rem 0 0.08rem 0.94rem;
}

.addsBox .img1 img {
	height: 0.8rem;
}

.addsBox .dowBtn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0.3rem;
	width:1.56rem;
	height:0.6rem;
	margin: auto;
	background:#2d53a1;
	line-height:0.6rem;
	text-align:center;
	border-radius:0.08rem;
}
.addsBox .dowBtn a{color:#fff;font-size:0.24rem;}

.htb{
	border-bottom: 0.2rem solid #F5F5F5;
	
}
.htb .htb_title{
	position: relative;
	height: 0.96rem;
	line-height: 0.96rem;
	padding-left: 0.32rem;
	font-size: 0.36rem;
	color: #333333;
	font-weight: bold;
}
.htb .htb_title:after{
	content: "";
    pointer-events: none;
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border-bottom: 1px solid #E5E5E5;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.htb .swiper-slide{
	position: relative;
	padding-top: 1.4rem;
	padding-bottom: 0.4rem;
}
.htb .swiper-slide .mess{
	font-size: 0.36rem;
	color: #333333;
	padding-bottom: 0.1rem;
	padding-left: 0.56rem;
	font-weight: bold;
}
.htb .swiper-slide .tips{
	font-size: 0.28rem;
	color: #333333;
	padding-left: 0.56rem;
}
.htb .swiper-slide .tiyan{
	display: block;
	width: 3.2rem;
	height: 0.72rem;
	text-align: center;
	line-height: 0.72rem;
	font-size: 0.34rem;
	color: #2b9fdc;
	font-weight: bold;
	
	margin: 0.92rem auto 0;
	position: relative;
}
.htb .swiper-slide .tiyan:after{
	content: "";
    pointer-events: none;
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
    top: 0;
    border: 1px solid #2b9fdc;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius:0.6rem;
}
.htb .swiper-slide:after{
	position: absolute;
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	top: 0.42rem;
	left: 0.52rem;
	background: url(../../mobile/index/htb_icon1.png) no-repeat center 0 / 100% auto;
}
.htb .swiper-slide:before{
	position: absolute;
	content: '';
	width: 2.8rem;
	height: 2.8rem;
	background: url(../../mobile/index/htb_img1.png) no-repeat center 0 /100% auto;
	top: 0.3rem;
	right: 0.48rem;
}
.htb .swiper-slide.l2:after{
	background-image: url(../../mobile/index/htb_icon2.png);
}
.htb .swiper-slide.l3:after{
	background-image: url(../../mobile/index/htb_icon3.png);
}
.htb .swiper-slide.l2:before{
	background-image: url(../../mobile/index/htb_img2.png);
}
.htb .swiper-container-horizontal>.swiper-pagination{
	font-size: 0;
	width: auto;
	bottom: 1.7rem;
	left: 0.58rem;
}
.htb .swiper-pagination-bullet{
	width: 0.28rem;
	height: 0.06rem;
	border-radius: 0.16rem;
}
.swiper-pagination-bullet-active{
	background: #2ba0d9;
}