html {
    overflow-y: auto;
    /*濡傛灉鏈夋孩鍑鸿嚜鍔ㄥ舰鎴愭粴鍔ㄦ潯*/
    -webkit-text-size-adjust: 100%;
    /*涓嶆兂璁﹊Phone妯潥灞忓垏鎹㈢殑鏃跺€欒皟鑺傛枃瀛�*/
    -ms-text-size-adjust: 100%;
}

html * { /*鎵€鏈夊厓绱�*/
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*鍘婚櫎绉诲姩绔紑鍙戠偣鍑讳簨浠剁伆鑹茶儗鏅a鏍囩*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body,html{
    min-height: 100%;
}
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

ol,
ul {
    list-style: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:after,
q:before {  /*鍦�<q></q>鏍囩涔嬮棿鐨勬枃瀛椾袱澶村姞涓婂紩鍙�*/
    content: '';
}

a{
    text-decoration: none;
}

/*input*/
button {
    border: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;  /*娓叉煋鎴恇utton鐨勯鏍�*/
    text-transform: none;
    outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;  /*杈撳叆妗嗘彁绀鸿鐨勫瓧浣撴牱寮�*/
}

input::-webkit-inner-spin-button {/*瑙ｅ喅input鐨則ype="number"鍦ㄩ儴鍒嗘墜鏈虹浼氬嚭鐜颁竴涓皬鎸夐挳*/
    -webkit-appearance: none;/*鍘婚櫎绯荤粺榛樿appearance鐨勬牱寮�,甯哥敤浜嶪OS涓嬬Щ闄ゅ師鐢熸牱寮�*/
}

input::-webkit-outer-spin-button {/*瑙ｅ喅input鐨則ype="number"鍦ㄩ儴鍒嗘墜鏈虹浼氬嚭鐜颁竴涓皬鎸夐挳*/
    -webkit-appearance: none;
}

textarea {
    vertical-align: top;
}

button,
input {
    line-height: normal;
}

select {
    margin: 0;
    outline: 0;
}

input.fixAKeyboard:focus,
textarea.fixAndroidKeyboard:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

button,
input[type=button],
input[type=checkbox],
input[type=reset],
input[type=submit],
label {
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

input[type=submit] {
    -webkit-user-modify: read-plaintext-only;
    -moz-user-modify: read-plaintext-only;
    -ms-user-modify: read-plaintext-only;
    -o-user-modify: read-plaintext-only;
    user-modify: read-plaintext-only;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type='search'] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

body{
	max-width:750px;
	margin:0 auto;
	font-size: .28rem;
	line-height:1;
	color: #DDE1EE;
	background-color: #224d6b;
}
img{
	max-width:100%;
	vertical-align: top;
}
.container{
	width:7.5rem;
	background: url("https://static.zidongrenxing.com/qianmianpro/mobile/imgs/bg.png") no-repeat;
	-webkit-background-size: 7.5rem 13.34rem;
	background-size: 7.5rem 13.34rem;
	background-color: #14171A;
}
.header{
	padding-top: .62rem;
}
.header .logo{
	width:2.02rem;
	height:.76rem;
	display: block;
	cursor:pointer;
	margin:0 auto;
}
.header .h1{
	text-align: center;
	height: .86rem;
	margin-top: .32rem;
}
.header .h1 img{
	width: 6.6rem; 
	height: .86rem;
}
.content{
	margin-top: 4.84rem;
}
.video-box{
	display:flex;
	justify-content:center;
	align-items:center;
	width: 6.74rem; 
	height: 3.8rem; 
	background: url("https://static.zidongrenxing.com/qianmianpro/mobile/imgs/video_bg.png") no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
    margin:0 auto 1.22rem;	
}
.video-container{
	width: 6.5rem; 
	height: 3.56rem;
	position: relative;
	/* background:url('https://static.zidongrenxing.com/qianmianpro/mobile/imgs/cover_img.png') no-repeat; */
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}
.video-container:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
	background-color: #000;
	opacity:.4;
	z-index:2;
	position: absolute; 
	left:0;
	top:0;
}
.video-container video{
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}
.btn-play{
	width: 1.24rem; 
	height: 1.24rem; 
	background: url('https://static.zidongrenxing.com/qianmianpro/mobile/imgs/play_video_icon.png') no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -.62rem; 
	margin-top: -.62rem; 
	z-index:8;
}
.played:before{
	display: none;
}
.played .btn-play{
	display: none;
}

.module{
	display:flex;
	justify-content:space-between;
	align-items:flex-starts;
	width: 6.7rem; 
	height: 3.6rem;
	background: url(https://static.zidongrenxing.com/qianmianpro/mobile/imgs/modular_1_bg@2x.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin:0 auto .62rem;
	padding:0 .4rem;
}
.module .imgbox{
	padding-top: .68rem;
}
.module .imgbox img{
	width: 2.8rem; 
	height: 2.8rem; 
}
.module .textbox{
	width: 2.96rem;
	line-height:.4rem;
	padding-top: 1.38rem;
}
.module1{
	background-image: url(https://static.zidongrenxing.com/qianmianpro/mobile/imgs/modular_2_bg@2x.png);
}
.footer{
	background: url(https://static.zidongrenxing.com/qianmianpro/mobile/imgs/bottom_img@2x.png) center bottom no-repeat #14171A;
	-webkit-background-size: 7.5rem 2.52rem;
	background-size: 7.5rem 2.52rem;
}
.interview{
	width: 6.7rem; 
	height: 3.66rem; 
	background: url(https://static.zidongrenxing.com/qianmianpro/mobile/imgs/interview_bg@2x.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin:0 auto;
	padding-top: .28rem;
}
.interview .h1{
	font-size: .44rem; 
	color: #DDE1EE;
	text-align: center;	
	line-height:.54rem;
}
.interview .h2{
	line-height:.4rem;
	color: #DDE1EE;
	text-align: center;
	margin-top: .16rem;
}
.interview .arrow{
	height:.36rem;
	overflow:hidden;
	text-align: center;
	margin-top: .16rem;
}
.interview .arrow img{
	width: .36rem; 
	height: .36rem;
}
.interview .h3{
	line-height:.34rem;	
	color: rgba(255, 255, 255, 0.36);
	font-size: .24rem;
	text-align: center;
	margin-top: .30rem;
}
.interview .btnbox{	
	display:flex;
	height:.8rem;
	align-items:center;
	margin-top: .32rem;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
	background-color: #fff;
}
.interview .btnbox .link{
	flex:1;
	font-size: .3rem;
	color: #14171A;
	padding:0 .4rem;
}
.interview .btnbox .link input{
	width:100%;
	height:100%;
	border:none;
}
.interview .btnbox .btn{
	width: 1.74rem; 
	height: .8rem; 
	line-height:.8rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	font-weight: 600;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
	background-color: #0091FF;
}
.copyright{
	height: 1.2rem;
	line-height:1.2rem;
	background: rgba(0, 0, 0, 0.3);
	margin-top: 1.1rem; 
	font-size: .24rem; 
	text-align: center;
	color: rgba(255, 255, 255, 0.36);
}
.wechat-box{
    text-align:center;
    margin-top:40px;
}
.wechat-box img{
    width:50%;
    margin-top:16px;
}
.wechat-box h3{
    font-size:0.36rem;
}