html, body{
	margin:0; padding:0; width:100%; height:100%;/* overflow: hidden; */
	font:10px/1.68em  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;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('../fonts/Roboto-Black.ttf');
}
.fontRobotoBlack {
  font-family: 'Roboto-Black';
}
.fontRobotoBold {
  font-family: 'Roboto-Bold';
}
.wrapper, .page {height: 100%;/*overflow: hidden;*/}

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

.page0-ddq-btn{position: fixed;background: #ff7701;width: 267px; z-index: 20; height:58px;margin: 0 auto;top: auto;bottom: 30px;left: 0;right: 0;border-radius: 30px;color: #fff;font-size: 23px;box-shadow: 0 2px 8px 0 #F2A44B;}
.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{
	padding-top: 17px;
	text-align: center;
	height: 58px;
	color: #fff;}
.page0-ddq-btn .btnCont img{float: left;margin-left: 10px;}
.page0-ddq-btn .btnCont i{height:24px;border-right: 1px dotted #fff;float: left;padding-left: 10px;}
.page0-ddq-btn .btnCont em{
	font-style: normal;line-height: 27px;
	font-weight: bold;
}
.list0 li.yearRate{color: #999;font-size: 0.9rem;width: 100%;padding-bottom: 1.5rem;}
.header{
	background: #fff;
	z-index: 999;
	width: 100%;
	height: 5.5rem;
	display: flex;
	position: fixed;
}
.header-left{
    background: url(../images/mddcash/logo2021-9-12.png) left center no-repeat;
	  -webkit-background-size: 100% auto;
    background-size: 100% auto;
    height: 3.2rem;
    width: 11rem;
	  margin: 1.2rem auto 1.1rem 1.6rem;

}
.footer{
	margin-top: 5.8rem;
	width: 100%;
	padding:2rem 1rem 9rem;
	border-top: 1px #D6D6D6 solid;
	background: #21233B;
	
}

.footer p{
	font-size: 10px;
	color: #6f707e;
	letter-spacing: 0;
	text-align: center;
	line-height: 25px;
}
.footer p a{
	text-decoration: none;
	color: #6f707e;
}
.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{
	padding-top: 5rem;
}
.list0 li{
	width: 65.3%;
	margin:0 auto;
}
.list0 .title{
	font-size: 2.4rem;
	color: #181818;
}
.list0 .desc{
	font-size: 1.6rem;
	color: #A1A1A1;
}
.list0 .img{
	width: 42.7%;
}
.list1{
	background: #F2F2F2;
}
.list1 li{
	padding: 2.4rem 1.5rem;
	background: #fff;
  border-bottom: #F2F2F2 1px solid;
}
.list0 li{
	background: #fff;
	text-align: center;
}
.list0 ul{
	padding-top: 2.3rem;
	overflow: hidden;
}
.list0 ul li{
	font-size: 1.2rem;
	color: #666;
	padding:0 0 0.7rem;
}
.list0 ul li span{
	display: inline-block;
}
.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: #333;
	text-align: left;
	font-weight: bold;
	line-height: 2;
}
.title2{
	font-size: 1.2rem;
	color: #323232;
}
.featureTitle{
  line-height: 25px;
  padding-bottom: 21px;
}
.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;
	padding-bottom: 1rem;

}

.circle{
	height: 1.4rem;
	width: 1.4rem;
	background: url('../images/mddcash/circle@2x.png') center no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	display: inline-block;

}

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

.history-line{
	border-left: 1px solid #FB814D;
    margin-left: -0.45rem;
    left: 10.1rem;
    position: absolute;
    top: 1rem;
	height: 3rem;
    display: block;
}

.history-event{
	letter-spacing: 0;
	display: inline-block;
	font-size: 1rem;
	padding-left: 2rem;
	color: #666666;
    position: absolute;
    left: 9rem;
    top: 0rem;
    padding-right: 1rem;
    line-height: 1.5;
}
/* Loader */
.pl15{
	padding-left: 1.5rem;
}
.mt10{
	margin-top: 1rem;
}
#ddq1{
	background: #fff;
}
#ddq2{
	background: #fff;
	display: none;
}
#ddq3{
	background: #fff;
	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: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.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: 26px;
	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;
    width: 200%;
}
.images .banner{
	vertical-align: top;
	width: 50%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}
.window{
	width: 100%;                 /*与img宽度相同*/
	overflow: hidden;             /*window溢出则隐藏*/
}
.featureUl{
  padding-bottom: 1.4rem;
  border-bottom: #F2F2F2 1px solid;
}
.featureUl li{
  background: #F6F7FA;
  padding:0.6rem 0.6rem 1.4rem 6.2rem;
  margin: 0 2rem 1rem;
}
.featureUl .title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #323232;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-left: 0;
  text-align: left;
}
.featureUl .feature {
  text-align: left;
  background-image: url('../images/mddcash/icon@3x-2.png');
  background-size: 5rem auto;
  background-position: 6px 6px;
  background-repeat: no-repeat;
}
.featureUl .feature2 {
  background-image: url('../images/mddcash/icon@2x-4.png');
}
.featureUl .feature3 {
  background-image: url('../images/mddcash/icon@2x-3.png');
}
.featureUl .feature4 {
  background-image: url('../images/mddcash/icon@3x-1.png');
}
.featureUl p{
  color: #666;
  line-height: 1.7rem;
  font-size: 1.2rem;
}
.historyUl{
  margin:0 3.8rem;
}
.historyUl li{
  margin-top: 1.5rem;
  border-bottom: #F2F2F2 1px solid;
  padding-bottom: 0.5rem;
}
.historyUl .yearDiv{
  margin-bottom: 17px;
}
.historyUl .yearDiv span{
  margin-left: 0px;
  display: block;
  width: 5.7rem;
  height: 2.6rem;
  line-height: 2.6rem;
  background: #FFF8E8;
  color: #F1812B;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.historyUl .month{
  margin-left: 0.8rem;
  margin-bottom: 1rem;
  padding-left: 4.1rem;
  position: relative;
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: #666;
}
.historyUl .monthSpan{
  position: absolute;
  top: -3px;
  left: 0px;
  font-size: 1.4rem;
  font-weight: bold;
  padding-right: 1.6rem;
}
.historyUl .monthSpan .monthI{
  font-size: 2rem;
  font-style: normal;
}