ohplay_official/public/static/css/maofm.css

@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-08-01 16:56:17
 * @version $Id$
 */

* {
    margin: 0;
    padding: 0;
}
html {
    font-family: "PingFang SC", "STXihei", "Microsoft YaHei";
    font-size: 625%;
}

.footer-wrap {
    display: none;
}

.subnav-logo {
	background-image: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/subnav_logo_fm.jpg');
}
.m-maofm {
	font-size: 0;
}

.maofm-first {
	width: 100%;
	height: 100vh;
	background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_01.jpg') center center;
	background-size: cover;
	position: relative;
}
.maofm-second {
	width: 100%;
	height: 100vh;
	background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_bg_02.jpg') center center;
	background-size: cover;
	position: relative;
}
.maofm-logo {
	position: relative;
	left: 50%;
	top: 0.5rem;
	margin-left: -1rem;
}
.maofm-logo img{
	width: 2rem;
	height: auto;
}
.scroll-hint {
    width: 0.2rem;
    height: auto;
    position: absolute;
    top: 90%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
}
.content-wrap {
	margin: 10vh 25% 0 25%;
	color: #eaedda;
}
.content-section {
	margin: 0.4rem 0;
}
.content-title {
	color: #dab379;
	font-size: 0.3rem;
	line-height: 0.8rem;
	font-weight: 500;
}
.content-text {
	font-size: 0.18rem;
	line-height: 0.3rem;
	font-weight: 300;
    word-wrap: break-word;
}

.app-content-wrap {
	display: inline-block;
	width: 30%;
	position: relative;
	left: 35%;
	color: #eaedda;
	padding-top: 22vh;
	font-size: 0;
	vertical-align: top;
}
.app-name {
	font-size: 0.7rem;
}
.app-line {
	width: 1rem;
	height: 3px;
	background-color: #988360;
	margin: 0.3rem 0;
}
.app-title {
	font-size: 0.38rem;
	line-height: 0.5rem;
	margin-bottom: 0.3rem;
}
.app-text {
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin: 0.3rem 0;
	font-weight: 300;
    word-wrap: break-word;
}
.app-download {
	display: none;
	width: 40%;
}
.dl-qrcode {
	width: 2.5rem;
	height: 3.5rem;
	background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_qr_bg.png') no-repeat center top;
	background-size: contain;
	text-align: center;
	margin-top: 0.2rem;
}
.dl-qrcode img {
	display: block;
	width: 2rem;
	height: auto;
	position: relative;
	top: 0.23rem;
	margin: auto;
}
.dl-qrcode span {
	font-size: 0.24rem;
	color: #000;
	font-weight: bold;
	position: relative;
	top: 0.32rem;
}
.app-img {
	display: inline-block;
	position: relative;
	left: 25%;
	padding: 15vh 0;
}
.app-img img {
	width: auto;
	height: 70vh;
}

.mb-scroll-hint {
	display: none;
}
.mb-btn-download {
	display: none;
}

@media (min-width: 959px) {
	html {
		font-size: 385%;
	}
}
@media (min-width: 1279px) {
	html {
		font-size: 465%;
	}
}
@media (min-width: 1599px) {
	html {
		font-size: 545%;
	}
}
@media (min-width: 1919px) {
	html {
		font-size: 625%;
	}
}

@media (max-device-width: 1081px) {
    html {
        font-size: 585%;
    }
    .maofm-logo {
    	display: none;
    }
    .content-wrap {
    	width: 75%;
    	margin: 0 8% 0 17%;
    	padding-top: 1rem;
    }
    .content-section {
    	margin-bottom: 0.5rem;
    }
    .content-section:before {
    	display: block;
    	content: '';
    	width: 0.32rem;
    	height: 3px;
    	position: absolute;
    	background-color: #fff;
    }
    .content-title {
		font-size: 0.32rem;
		margin: 0.2rem 0 0 0;
		padding-top: 0.2rem;
		line-height: 0.5rem;
	}
	.content-text {
		font-size: 0.2rem;
		line-height: 0.3rem;
		opacity: 0.8;
	}
	.scroll-hint {
		display: none;
	}
	.mb-scroll-hint {
		display: inline-block;
	    width: 0.4rem;
	    height: auto;
	    position: absolute;
	    top: 92%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	            transform: translate(-50%, -50%);
	    z-index: 2;
	}
	.app-content-wrap {
		width: 60%;
		position: absolute;
		left: 0;
		top: 1.2rem;
		padding: 0 20% 0 20%;
	}
	.app-name {
		font-size: 0.5rem;
	}
	.app-line {
		margin: 0.18rem 0;
	}
	.app-title {
		font-size: 0.3rem;
	}
	.app-img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin-top: 1.5rem;
	}
	.app-img img {
		height: 36vh;
	}
	.dl-qrcode {
		display: none;
	}
	.mb-btn-download {
		display: block;
		width: 3rem;
		height: 1rem;
		background: url('http://airsmart-web.oss-cn-shanghai.aliyuncs.com/upload/images/%E9%A2%91%E9%81%93/fm_btn_dl.png') no-repeat center center;
		background-size: contain;
		position: absolute;
		top: 90vh;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (max-device-width: 720px) {
    html {
        font-size: 465%;
    }
}
@media (max-device-width: 660px) {
    html {
        font-size: 445%;
    }
}
@media (max-device-width: 600px) {
    html {
        font-size: 425%;
    }
}
@media (max-device-width: 540px) {
    html {
        font-size: 405%;
    }
}
@media (max-device-width: 480px) {
    html {
        font-size: 385%;
    }
}
@media (max-device-width: 420px) {
    html {
        font-size: 345%;
    }
}
@media (max-device-width: 360px) {
    html {
        font-size: 325%;
    }
}
@media (max-device-width: 240px) {
    html {
        font-size: 305%;
    }
}