html, body{
	margin:0; padding:0; width:100%; height:100%;/* overflow: hidden; */
	font:10px/1.68em Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,select
{
	margin: 0;
	padding: 0;
}

body{background-color: #fff;}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapper, .page {height: 100%;max-width: 800px; margin: 0 auto;/*overflow: hidden;*/}

.wrapper { position: relative;font-size: 1.5rem;}
.page{ position: absolute; width: 100%; left: 0; top: 0; }
li {list-style: none; }

.ui-mt-24 {
	margin-top: 1.2rem;
}
.page0-ddq-btn{
    z-index: 20; 
    margin: 4rem auto;
    color: #fff;
    font-size: 1.6rem;
    display: -webkit-box;
    -webkit-box-pack: center;
}
.page0-ddq-btn .btnCont,.page0-ddq-btn .btnCont *{
    position: static;
}
.page0-ddq-btn a{display: block;position: static;z-index: 11;}
.page0-ddq-btn .btnCont{
    /* box-shadow: 0 8px 16px 0 rgba(219,155,0,0.30); */
    border-radius: 44rem;
    color: #fff;
    line-height: 4.4rem; 
    text-align: center;
    text-indent: -1rem;
    width: 38.4%;
    background-image: -webkit-linear-gradient(-45deg, #FAD757 0%, #FF9F2E 100%);
    background-image: linear-gradient(45deg, #FAD757 0%, #FF9F2E 100%);
}
.page0-ddq-btn .btnCont:last-child{
    margin-left: 2rem;
    background-image: none;
    border: #F59D2D 1px solid;
    color: #F59D2D;
}
.page0-ddq-btn .btnCont img{    
    vertical-align: top;
    margin-top: 1.45rem;
    width: auto;
    height: 1.5rem;}
.page0-ddq-btn .btnCont i{height:24px;border-right: 1px dotted #fff;padding-left: 10px;}
.page0-ddq-btn .btnCont em{padding-left: 4px;font-style: normal;line-height: 27px;}

.header{
	background: #fff;
	z-index: 999;
	width: 100%;
	height: 5.5rem;
	display: flex;
	position: fixed;
}
.header-left{
    background: url(../images/mddcash/logo.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	height: 4rem;
	width: 15.6rem;
	margin: 0.8rem auto 0.8rem 1.5rem;

}
.footer{
	margin: 0 auto;
	width: 19.8rem;
	height: 7.3rem;
	background: url(../images/img_wenan_new_new.png) no-repeat;
	background-size: contain;
}

.footer p{
	font-size: 1.6rem;
	color: #000;
	opacity: 0.8;
	-webkit-opacity:0.8;
	letter-spacing: 0;
	text-align: center;
	line-height: 25px;
}
.footer p:nth-child(2){
    margin-top: 1.2rem;
    font-size: 5rem;
    color: #F59D2D;
}
.footer-txt {
    position: relative;
    padding: 0 2rem;
}
.footer-txt::before,.footer-txt::after{
    content: '';
    width: 1rem;
    height: 1rem;
    background: #000;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.footer-txt::after{
    right: 0;
    left: auto;
}
.footer-credit::before{
    content: '¥  ';
    font-size: 2.2rem;
}
.border-txt{
    font-size: 1.1rem;
    color: #999999;
	padding: 1rem 4rem 2rem 4rem;
}
.top{
	width: 100%;
	height: 5.5rem;
	/*background: #fff;	*/
}
.bgwhite{
	/*width: 100%;*/
	/*height: 5.5rem;*/
	background: #fff;
}
.header-right{
	color: #FE8431;
	height: 2.9rem;
	width: 8.9rem;
	text-align: center;
	line-height: 2.9rem;
	border: 1px solid #FE8431;
	border-radius: 2.7rem;
	font-weight: bold;
	margin: 1.5rem 1.3rem;
	padding: 0 1.1rem;
	position: relative;
}
.banner{
	width: 100%;
	height: auto;
}
.list0,.list0 li,.list0 li img{
	width: 100%;
	height: auto;
}
.list0 li{
	width: 65.3%;
	margin:0 auto;
	padding:2rem 0;
}
.list1{
	background: #F2F2F2;
}
.list1 li{
	padding: 2.4rem 1.5rem;
	background: #fff;
}
.list0 li{
	background: #fff;
	text-align: center;
}
.menu{
	height: 1.7rem;
	width: auto;
	position: absolute;
	left: 1rem;
	top: 0.5rem;
}

.menu-text{
	position: absolute;
	right: 1.1rem;
	font-size: 1.5rem;
}
.list-detail{
	display: inline-block;
	line-height: 50px;
}
.title{
	font-size: 1.8rem;
	color: #FE7E33;
	text-align: center;
	font-weight: bold;
/*	margin-top: -4rem;*/
	margin-top:1rem;
	line-height: 2;
}
.title1{
	font-size: 1.8rem;
	color: #FE7E33;
	text-align: left;
	font-weight: bold;
	line-height: 2;
}
.title2{
	font-size: 12px;
	color: #2A2A2A;
}

.desc{
	font-size: 1.2rem;
	color: #666666;
	text-align: center;
	line-height: 2.2rem;
}
.desc1{
	font-size: 1.2rem;
	color: #666666;
	line-height: 2.2rem;
	text-align: justify;

}

.circle{
	height: 0.9rem;
	width: 0.9rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #FB814D;
	display: inline-block;

}

.history-date{
	width: 7rem;
	display: inline-block;
	font-size: 1.2rem;
	color: #666666;
}

.history-line{
	border-left: 1px solid #FB814D;
	display: inline-block;
	height: 2.2rem;
	margin-left: -0.45rem;
	position: relative;
	top: 2.2rem;
}

.history-event{
	letter-spacing: 0;
	display: inline-block;
	font-size: 1rem;
	padding-left: 2rem;
	color: #666666;
    position: absolute;
    left: 9rem;
    top: 1rem;
    padding-right: 1rem;
    line-height: 1.5;
}
.chart{
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	color: #666666;
	letter-spacing: 1.4px;
	text-align: left;
}
.history-chart{
	padding-left: 1.5rem;
	position: relative;
    margin-bottom: 0.3rem;
}
.history-chart:last-child .history-line{
	border-left:none;
}
/* Loader */
.pl15{
	padding-left: 1.5rem;
}
.mt10{
	margin-top: 1rem;
}
#ddq1{
	background: #F9F9F9;
}
#ddq2{
	background: #F1F1F1;
	display: none;
}
#ddq3{
	background: #F1F1F1;
	display: none;
}
.pb25{
	padding-bottom: 2.5rem;
}

.menu-list{
	position: absolute;
	/*height: 150px;*/
	width: 130px;
	right: 1.4rem;
	top: 5.5rem;
	z-index: 1000;
	opacity: 0.79;
	background: #000000;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.triangle{
	z-index: 1001;
	position: absolute;
	right: 2.4rem;
	top: 4.6rem;
	width: 0;
	height: 0;
	border-width: 0 10px 10px;
	border-style: solid;
	border-color: transparent transparent #333;
}
.menu-li{
	height: 5rem;
	/*line-height: 5rem;*/
	font-size: 1.4rem;
	color: #FFFFFF;
	letter-spacing: 0;
}
.menu-li:not(:nth-last-of-type(1)) {
	border-bottom: 1px solid #3F3F3F;
}
.menu-li p{
	margin-left: 38px;
}
.menu-img{
	height: 22px;
	position: absolute;
	margin: 14px auto auto 8px;
}
#toggle{
	display: none;
}
@media screen and (device-width:320px ) {
	.bg {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: url(../images/bg_iphone.png) no-repeat center 65%;
		background-size: 50%;
	}
	.page0-ddqLogo{
		top:10px;
	}
	.page0-ddq-solgan{
		top:40px;
	}
	.page0-ddq-slogan1{
		top:110px
	}
	.page0-ddq-slogan2{
		top:180px
	}
	.page0-ddq-slogan3{
		top:250px
	}
	.page1-pupple1{
		top:130px;
	}
	.page1-pupple2{
		top:240px;
	}
	.page1-pupple3{
		top:290px;
	}
	.page2-pupple1{
		height: 106px;
		top:120px;
		background-position:0 -433px
	}
	.page2-pupple2{
		top:240px;
		background-position:0 -549px
	}
	.page0-ddq-state,.page1-ddq-state,.page2-ddq-state{
		height: 190px;
		top:auto;
		bottom:0;
	}
	.page2-ddq-state{
		height: 220px;
	}
	.page1-ddq-state{
		height: 140px;
	}
	.page0-ddq-state1,.page1-ddq-state1{
		height: 100px;
		background-size: 100% 120px;
	}
	.page0-ddq-state1-fillColor{
		height:100px;
	}
	.page0-ddq-btn{
		bottom: 20px;
	}

}

.images{
    transition: all 2s;
    
}
.images .banner{
	vertical-align: top;
    height: auto;
    width: 100%;
	display: block;
	margin: 0;
	padding: 0;

}
.window{
	width: 100%;                 /*涓巌mg瀹藉害鐩稿悓*/
	overflow: hidden;             /*window婧㈠嚭鍒欓殣钘�*/
}
.btn-down {
	display: block;
	margin: 4rem auto;
	width: 80%;
	height: 4.4rem;
	line-height: 4.4rem;
	border-radius: 2.2rem;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	background-image: -webkit-linear-gradient(-45deg, #FAD757 0%, #FF9F2E 100%);
    background-image: linear-gradient(45deg, #FAD757 0%, #FF9F2E 100%);
}