html{font-size: 62.5%;}
body {font-size: 1.4rem; font-family: "Microsoft YaHei", sans-serif;}
/*重置内外边距*/
*{ margin: 0 ; padding: 0; }
/*a标签下划线 虚线边框*/
a{ text-decoration:none !important; outline:none; color:#666666; }
img{ border:0 none; max-width:100%; }
ul{ list-style:none; }
i{ font-style:normal;}
/*浮动 双倍边距*/
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.clear{ clear:both; }
/*浮动塌陷 定位兼容*/
.clearfix{ zoom:1; }
.clearfix:before,.clearfix:after{ display: table; line-height: 0; content:""; }
.clearfix:after{ clear:both; }

.tl{ text-align:left; }
.tc{ text-align:center; }
.tr{ text-align:right; }


input{outline: none;}
option{outline: none;}
textarea{outline: none;}


.fontGradient{background: -webkit-linear-gradient(left, #f9748f , #fe9a8b);/* 背景色渐变 */-webkit-background-clip: text;/* 规定背景的划分区域 */-webkit-text-fill-color: transparent;/* 防止字体颜色覆盖 */}
.whiteBg{ background:#ffffff;}

.inforMain{ width:100%; padding-bottom:24%;}
.grey{ background-color: #f5f5f5; height: 16px;}
/*首页*/
/*公用头部*/
.subHead{background: #1b82d2; padding:5% 4%; display:flex; justify-content:space-between; align-items:center;}
.subHead .subHeadLeft{ width:15%;}
.subHead .subHeadCenter{ width:70%; text-align:center;}
.subHead .subHeadCenter a{color:#ffffff; font-size:1.9rem;}
.subHead .subHeadRight{ width:15%; text-align:right;}
.subHead img{ height:26px;}

.headTopIco{ width:100%; margin:0 auto; background:#ffffff; padding:6% 1%;}
.headTopIco ul{ margin-bottom:0;}
.headTopIco ul li{ float:left; width:10.666%; margin:0 3%; text-align:center;}
.headTopIco ul li img{ width:34px; height:34px;}

.notice{ height:56px; line-height:56px;}
.noticeBox{display: flex;align-items:center; width:92%; margin:0 auto;}
.noticeBoxIco{ width:15%; color:#666666; font-size:1.6rem;}
.noticeBoxTxt{ width:100%;height:39px;overflow:hidden;position:relative;}
.noticeScroll{position:absolute;left:0;top:0; width:100%;}
.noticeScroll li{line-height:40px;text-align:right; padding-left:8%; width:100%;}
.noticeScroll li a{color:#666666; font-size:1.5rem;}

.regReward{ width:100%; margin:8% auto 6%; padding:0 4%;}
.regReward h2{ font-size:1.8rem; margin: 0;}
.regReward .regRewardItem{ width:50%; float:left; padding:4% 2% 4% 0;}
.regReward .regRewardItem p{ margin:2% 0; font-size:1.5rem;}
.regReward .regRewardItem ul{ margin:5% 0; }
.regReward .regRewardItem ul li{ color: #fd2c24; font-size: 1.5rem; margin: 2% 0; font-weight: bold; }

.perInfor{background: #1b82d2; padding:5% 4%;}
.perInfor dl{display: flex;justify-content: flex-start;align-items: center;color: #ffffff;margin: 0;}
.perInfor dl dt img{width: 6.6rem;height: 6.6rem;max-width: none !important;border-radius: 50%;}
.perInfor dl dd{margin-left: 5%;width: 70%;}
.perInfor dl dd p{ margin: 5px 0; font-size: 1.6rem; }

.perList{ padding:0 4%;}
.perList dl{display: flex;justify-content: flex-start;align-items: center; margin: 0;}
.perList dl dd{margin-left: 5%; width: 100%;height: 7rem; border-bottom: 1px solid #f5f5f5; display:flex; justify-content:space-between; align-items:center;}
.perList dl dd p{ margin: 0; color: #333333;  font-size: 1.6rem;}
.perList dl dd a img{width: 1.8rem;height: 1.8rem;max-width: none !important;}
.line{}


.perList dl dt img{width: 3rem;height: 3rem;max-width: none !important;}

.indexFoot{ display:flex; justify-content:space-between; align-items:center;}

/*footer*/
.footer{ background:#ffffff; padding:2%; border-top:1px solid #f5f5f5; position:fixed; bottom:0; left:0; right:0; z-index:1000; display: flex;}
.footer ul{ width:100%; margin-bottom:0;}
.footer li{ float:left; text-align:center; width:25%;}
.footer li i{ background:url(../images/footerIco.png) no-repeat; display:block; width: 26px; margin: 0 auto; height:26px;}
.footer li.icoPosition0 i{ background-position:-1px -1px;}
.footer li i.sideNavcolor0{ background-position:-1px -28px;}
.footer li.icoPosition1 i{ background:url(../images/deposit.svg) no-repeat center; background-size:contain;}
.footer li i.sideNavcolor1{ background:url(../images/deposit.svg) no-repeat center; background-size:contain;}
.footer li.icoPosition2 i{ background:url(../images/withdraw.svg) no-repeat center; background-size:contain;}
.footer li i.sideNavcolor2{ background:url(../images/withdraw.svg) no-repeat center; background-size:contain;}
.footer li.icoPosition3 i{ background-position:-82px -1px;}
.footer li i.sideNavcolor3{ background-position:-82px -28px;}
.footer li p{ color:#a0a0a0; font-size:1.5rem; margin:7px 0 0 0;}
.footer li p.selected{ color:#1b82d2;}