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;}

.van-grid {
    display: flex;
    flex-wrap: wrap;
}
.body-contter .van-grid {
    margin-top: 5px;
}
.van-grid-item {
    position: relative;
    box-sizing: border-box;
}
.van-grid-item__content {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
}
.van-grid-item__content--center {
    align-items: center;
    justify-content: center;
}

.body-contter .van-grid-item__content {
    background: #fff!important;
}
.van-grid-item__content--square {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.body-contter .van-grid-item img {
    width: 52%;
    margin-bottom: 5px;
}

.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: #ffffff;padding:2% 4%; display:flex; justify-content:space-between; align-items:center;border-bottom: 1px solid #f9f9f9;}
.subHead .subHeadLeft{ width:15%;}
.subHead .subHeadCenter{ width:70%; text-align:center;color: #0b0014}
.subHead .subHeadCenter a{color:#000000; font-size:1.4rem;}
.subHead .subHeadRight{ width:15%; text-align:right;}
.subHead img{ height:26px;}

.item-select:before {
    position: absolute;
    top: 49.7%;
    left: 5px;
    width: 3px;
    height: 15px;
    background-color: #4580f3;
    transform: translateY(-50%);
    content: "";
}

.van-card {
    position: relative;
    box-sizing: border-box;
    padding: 10px 0;
}
.van-card__header {
    display: flex;
}
.financial-list .van-card__thumb {
    width: 40%!important;
    margin-right: 15px;
}
.van-card__content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}
.financial-list .van-card__title {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    margin-top: 7px;
    margin-bottom: 3px;
}
.van-card__title {
    max-height: 32px;
}
.van-multi-ellipsis--l2, .van-multi-ellipsis--l3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.financial-list .van-card__desc {
    font-size: 13px;
    font-weight: 700;
    color: #e53232;
    margin-bottom: 3px;
}
.van-card__desc {
    margin: 12px 0;
    margin-bottom: 12px!important;
}
.van-card__desc, .van-card__title {
    word-wrap: break-word;
}
.van-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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;margin-top: 10px;}
.noticeBox{display: flex;align-items:center; width:95%; margin:0 auto;background-color: #fffbe8;}
.noticeBoxIco{ width:15%; color:#666666; font-size:1.6rem;}
.noticeBoxTxt{ width:100%;height:39px;overflow:hidden;position:relative;margin-left: 10%;}
.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:#ed6a0c; 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.2rem; }

.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: 4.6rem; 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.4rem;}
.perList dl dd a img{width: 1.8rem;height: 1.8rem;max-width: none !important;}
.line{}


.perList dl dt img{width: 2rem;height: 2rem;max-width: none !important;}

.indexFoot{ display:flex; justify-content:space-between; align-items:center;}

/*footer*/
.footer{ background:#ffffff; padding:2px; 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-position:-28px -1px;}
.footer li i.sideNavcolor1{ background-position:-28px -28px;}
.footer li.icoPosition2 i{ background-position:-55px -1px;}
.footer li i.sideNavcolor2{ background-position:-55px -28px;}
.footer li.icoPosition3 i{ background-position:-82px -1px;}
.footer li i.sideNavcolor3{ background-position:-82px -28px;}
.footer li p{ color:#a0a0a0; font-size:1.2rem;margin: 0}
.footer li p.selected{ color:#1b82d2;}









