html,body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {
	margin:0;
	padding:0;
  	font-family: PingFangSC-Regular,Microsoft YaHei,'微软雅黑',YaHei,tahoma,Helvetica,"Hiragino Sans GB",Arial,"\5b8b\4f53",sans-serif;
    list-style:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none;
	list-style: none;

}
body{
	  background: #4447f4; 
	
}
img{
	display: block;
	width: 100%;
}
.boxshare {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999;
}
.boxshareBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
}
.boxshare img {
	width: 80%;
	position: fixed;
	top: 8%;
	left: 12%;
}
.share{
	position: fixed;
	bottom: 10%;
	right: 3%;
	width:15%;
	z-index: 999;
}
.p-index{
	width: 100%;
    height: 100%;
   
    position: absolute;
    top: 0;
    left: 0;
     overflow: hidden;
    display: none;
}
.one,.two,.three,.four{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 9;
	height: 66px;
	margin-bottom: 10px;
}
.one ul,.two ul,.three ul,.four ul{
	overflow: hidden;
	position:absolute;
	width: 1600px;
	left: 0;
	top: 0;
	_height:1px;
	z-index: 9;
}
.one ul li,.two ul li,.three ul li,.four ul li{
	float: left;
	width: 150px;
	margin-left: 10px;
}
/*模块*/
.m-page {
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.m-page2,.m-page3,.pagebg{
	position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    background: url(../images/bg1.jpg) no-repeat;
    background-size: 100% 100%;
}
.m-page13{
	position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    width: 100%;
    background: url(../images/bg2.jpg) no-repeat;
    background-size: 100% 100%;
}

.m-page.show {
    z-index: 10;
    display: block;
}

.m-page.hide {
    z-index: 5;
    display: none;
}

.m-page.active {
    z-index: 15;
    display: block;
}

.main{
	/* position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%; */
}
.title{
	width: 65%;
    margin: 15% auto 14%;
}
.arrow{
	position: fixed;
	bottom: 3%;
	left:50%;
	margin-left: -8px;
	width: 5%;
	z-index: 99;
	-webkit-animation-name: fadeInBottom;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: fadeInBottom;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
/* 从下往上 */
@-webkit-keyframes fadeInBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.tip{
	width: 40%;
	margin:11% auto 1%;
}
.m-page4 .tip,.m-page5 .tip,.m-page6 .tip,.m-page8 .tip,.m-page9 .tip,.m-page12 .tip,.m-page10 .tip,.m-page7 .tip{
	width: 52%;
}
.tipmain{
	width: 92%;
	margin:0 auto;
	position: relative;
}
.lists{
	position: absolute;
    top: 5%;
    left: 10%;
    width: 100%;

}
.lista{
	position: relative;
}
.hot{
	position: absolute;
	top:0;
	left:35%;
	width: 26%;
}
.top{
	position: relative;
	width: 31%;
}
.listbtop{
	position: relative;
	width: 31%;
	/* float: right; */
    margin-left: 47%;
    margin-top: 8%;
}
.topin,.listbtopin{
	position: absolute;
	top:6%;
	left:5%;
	font-size: 16px;
	color:#fff;
	font-weight: bold;
}
.listbtopin{
	left:4%;
}
.listbtops{
	width: 80%;
    text-align: right;
}
.listop p{
	font-size: 14px;
	color:#fff;
	background: url(../images/circle.png) no-repeat left center;
	background-size: 3%;
	padding-left: 4%;
	margin:4px 0;
}
.listbtops p{
	font-size: 14px;
	color:#fff;
	background: url(../images/circle.png) no-repeat center right ;
	background-size: 3%;
	padding-right: 4%;
	margin:4px 0;
}

.listbtops div{
	font-size: 14px;
	color:#fff;
	text-align: right;
	padding-right: 4%;
}
.listc,.listd{
	margin-top: 10%
}
.time{
	font-size: 14px;
	color:#ffdc1c;
	text-align: center;

}
.datasa,.datasb{
	position: relative;
}
.lends,.borrower{
	position: absolute;
	top: 0;
    left: 0;
	width: 100%;
}
.lendstitle{
	font-size: 16px;
	color:#1e3580;
	font-weight: bold;
	margin:10.5% 0 0 11%;
}
.borrower .lendstitle{
	margin-top:6%;
}
.lendslist{
	width: 78%;
	margin:5% auto 0;
}
.lendslist ul li{
	overflow: hidden;
	margin-bottom: 4%;
	
}
.lendslist ul li .left{
	float:left;
	font-size: 14px;
	color:#74757b;
}
.lendslist ul li .right{
	float: right;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color:#1e3580;
}
.tip3main{
	width: 82%;
	margin:3% auto 0;
	position: relative;
}
.imglist{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
}
.img1{
	width: 77%;
    margin: 9% auto 0;
}
.img2{
	width: 88%;
	margin:5% auto 10%;
}
.oimgs{
	width: 89%;
    margin:0 auto;
	/*overflow: hidden;*/
}
.oimgs .left,.oimgs .right{
	float: left;
	width: 47.5%;
	position: relative;
}
.oimgs .right{
	float: right;

}
.boyimg{
	position: absolute;
	top:-15px;
	right: 0;
	width:32%;
}
.leftcon,.rightcon{
	position: absolute;
	top:46%;
	left:2px;
	width: 100%;

}
.con{
	width: 110px;
}
.cons p{
	font-size: 14px;
	color:#fff;
	padding-left: 5px;
}
.tipsimg{
	width: 85%;
	margin:7% auto 0;
}
.tip5con{
	width: 63%;
	margin:5% 0 5% 5%;
}
.tips5{
	width: 84%;
	margin:0 auto;
}
.tip8con{
	width: 74%;
	margin:9% 0 5% 5%;
	position: relative;
}
.tip8in{
	position: absolute;
	top:20%;
	left:40%;
	font-size: 14px;
	color:#fff;
}
.banner{
	width: 100%;
	padding:4% 0 2% 0;
	background-color: #181874;
	position: relative;
	min-height: 286px;
}

.imgleft{
	position: absolute;
	top:0;
	left:0;
	width: 7%;
	z-index: 999;
}
.imgright{
	position: absolute;
	top:0;
	right: 0;
	width: 8%;
	z-index: 999;
}
.swiper-container{
	margin-bottom: 10px;
}
.swiper-slide{
	width: 145px!important;
}
.qd{
	width: 72%;
	margin:15% 0 5% 6%;
}
.yj{
	width: 72%;
	margin:5% 0 5% 6%;
}
.range1,.range2{
	width: 70%;
	margin:0 auto;
}
.customer li{
	width: 90%;
	margin:6% auto;
	position: relative;
}
.customerin{
	position: absolute;
	top:20%;
	left:5%;

}
.customerin p{
	font-weight: bold;
	font-size: 16px;
	color:#fff;
}
.customerin p:nth-child(2){
	font-size: 14px;
	margin-top: 2%;
}
.customerin p span{
	font-size: 26px;
}
.m-page13 .tip{
	width: 100%;
	margin-top:15%;
}
.ewm{
	width: 53%;
	margin:10% auto 5%;
}
.peo{
	position: relative;
	width: 100%;
	
}
.peo .oimgs{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	-webkit-animation-name: fadeInTOP;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-name: fadeInTOP;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInTOP {
    0% {top:0;}
    50%{top:3px;}
    100% {top:0;}
}
.line1{
	position: absolute;
	top: 23px;
	left: 14%;
	width: 72%;
	-webkit-animation-name: fadeInBottoms;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-name: fadeInBottoms;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}
.line2{
	position: absolute;
	top:8px;
	left:0;
	width: 100%;
	-webkit-animation-name: fadeInTOP2;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-name: fadeInTOP2;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInTOP2 {
	0% {top:8px;}
	50%{top:11px;}
	100% {top:8px;}
}
@-webkit-keyframes fadeInBottoms {
    0% {top:23px;}
    50%{top:20px;}
    100% {top:23px;}
}
.make{
	width: 90%;
	margin:0 auto;
}
.listimg{
	width: 100%;
	
	overflow: hidden;
	background-color: #322cab;
	position: relative;
	margin:5% 0;
}
.listimg .left{
	width: 47%;
}
.num{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 53%;
}
.numtext{
	position: absolute;
	top:13%;
	left:50%;
	font-size: 12px;
	color:#fff;
	width: 47%;
    text-align: justify;
   line-height: 20px;
}

/*iphone Xs Max*/
@media only screen and (device-width: 414px) and (device-height: 896px) {
	
}
@media only screen and (device-width: 375px) and (device-height: 812px){
	
}
@media screen and (max-width: 320px) {
	.listop p,.listbtops p,.listbtops div,.topin,.listbtopin,.lendslist ul li .right,.lendslist ul li .left{
		font-size: 12px;
	}
	.topin, .listbtopin{
		top:12%;
	}
	.listbtopin {
   	 left: 12%;
	}
	.cons p{
		font-size: 12px;
	}
	.numtext{
		position: absolute;
		top:3%;
		left:50%;
		font-size: 10px;
		color:#fff;
		width: 47%;
	    text-align: justify;
	   line-height: 20px;
	}
}
@media (min-width: 330px) and (max-width: 360px) {
	
}