body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, em, strong, th, td, textarea, button, input, select, figure, figcaption { padding: 0; margin: 0; font-style: normal; font-weight: normal; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; -ms-touch-action: manipulation; touch-action: manipulation; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

body { font-family: PingFangSC-Regular,Helvetica, Tahoma, Arial, "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif; }

textarea, button, input, select { -webkit-appearance: none; border-radius: 0; outline: none; border: 0; }

li, dd { list-style: none; }

a { text-decoration: none; }

table { border-collapse: collapse; }

img { border: 0; }

[v-cloak] { display: none !important; }

body, html { height: 100%; width: 100%; }

.mine-wrap { height: 100%; background: #F5F7FC; min-width: 1000px; position: relative; }

.mine-wrap .top-nav { background: #333; height: 60px; }
.mine-wrap .top-nav span { font-size: 28px; line-height: 40px; margin-left: 250px; float: left; color: white; border: 1px solid #FFFFFF; height: 40px; width: 220px; margin-top: 10px; padding-top: 0px; text-align: center; }

.mine-wrap .con-l { background: #fff; width: 230px; position: absolute; top: 75px; bottom: 0; }
.mine-wrap .con-l .info { text-align: center; font-size: 16px; padding-top: 50px; color: #999; }
.mine-wrap .con-l .info span, .mine-wrap .con-l .info em { display: block; }
.mine-wrap .con-l .info em { color: #333; margin-top: 8px; }
.mine-wrap .con-l .list { margin-top: 44px; }
.mine-wrap .con-l .list li { height: 54px; line-height: 54px; color: #555; font-size: 16px; padding-left: 56px; background: url(../images/icon-money.png) no-repeat 28px center; cursor: pointer; }
.mine-wrap .con-l .list li.cur { background-color: #F5F7FC; color: #286DF7; }

.mine-wrap .con-r { background: #fff; position: absolute; left: 240px; right: 0; top: 75px; bottom: 0; }
.mine-wrap .con-r .zh-con { border-radius: 8px; background: #F5F7FC; width: 740px; height: 290px; padding-top: 75px; margin: 90px auto 0; }
.mine-wrap .con-r .zh-con p { text-align: center; color: #222222; font-size: 0; }
.mine-wrap .con-r .zh-con p span { font-size: 32px; margin-right: 48px; vertical-align: top; font-weight: bold; }
.mine-wrap .con-r .zh-con p em { font-size: 24px; }
.mine-wrap .con-r .zh-con p em i { font-size: 40px; color: #FE7400; vertical-align: middle; margin-right: 12px; font-weight: bold; }
.mine-wrap .con-r .zh-con .btn { margin: 33px auto 0; width: 303px; height: 58px; line-height: 58px; text-align: center; font-size: 24px; color: #fff; background: #286DF7; display: block; cursor: pointer; }
.mine-wrap .con-r .jy-con { padding: 42px 52px 142px; }
.mine-wrap .con-r .jy-con h3 { font-size: 32px; color: #222; }
.mine-wrap .con-r .jy-con .nav { margin: 24px 0 40px; overflow: hidden; }
.mine-wrap .con-r .jy-con .nav span { float: left; border-radius: 6px; border: 1px solid #E5E5E5; background: #FFF; color: #555; font-size: 16px; width: 112px; height: 38px; text-align: center; line-height: 38px; cursor: pointer; margin-right: 16px; }
.mine-wrap .con-r .jy-con .nav span.cur { background: #286DF7; color: #fff; border: 1px solid #286DF7; }
.mine-wrap .con-r .jy-con dl { font-size: 16px; }
.mine-wrap .con-r .jy-con dl dt { border-radius: 4px; background: #F7F8FB; height: 48px; line-height: 48px; color: #999999; }
.mine-wrap .con-r .jy-con dl dd { color: #333; height: 60px; line-height: 60px; }
.mine-wrap .con-r .jy-con dl dd:nth-of-type(2n) { background: #FBFBFB; }
.mine-wrap .con-r .jy-con dl dt span, .mine-wrap .con-r .jy-con dl dd span { float: left; text-align: center; }
.mine-wrap .con-r .jy-con dl dt span:nth-child(1), .mine-wrap .con-r .jy-con dl dd span:nth-child(1) { width: 15%; }
.mine-wrap .con-r .jy-con dl dt span:nth-child(2), .mine-wrap .con-r .jy-con dl dd span:nth-child(2) { width: 25%; }
.mine-wrap .con-r .jy-con dl dt span:nth-child(3), .mine-wrap .con-r .jy-con dl dd span:nth-child(3) { width: 20%; }
.mine-wrap .con-r .jy-con dl dt span:nth-child(4), .mine-wrap .con-r .jy-con dl dd span:nth-child(4) { width: 20%; }
.mine-wrap .con-r .jy-con dl dt span:nth-child(5), .mine-wrap .con-r .jy-con dl dd span:nth-child(5) { width: 20%; }

.cz-wrap { background: #F5F7FC; height: 100%; position: relative; }
.cz-wrap .top-nav { background: #FFF; height: 108px; line-height: 108px; padding-left: 50px; }
.cz-wrap .main-con { position: absolute; width: 100%; top: 124px; bottom: 0; left: 0; background: #fff; padding: 40px 50px 0; }
.cz-wrap .main-con h3 { color: #555; font-size: 32px; }
.cz-wrap .main-con h3 em { color: #999; font-size: 20px; float: right; margin-top: 8px; }
.cz-wrap .main-con .btn-pay { margin: 100px auto 24px; width: 662px; height: 85px; line-height: 85px; text-align: center; font-size: 36px; color: #fff; background: #286DF7; display: block; border-radius: 8px; cursor: pointer; }
.cz-wrap .main-con .tips { font-size: 20px; color: #999; text-align: center; padding-bottom: 40px; }
.cz-wrap .main-con .tips a { color: #286DF7; }
.cz-wrap .main-con .cz-list { overflow: hidden; margin-top: 30px; }
.cz-wrap .main-con .cz-list li { float: left; width: 246px; height: 141px; border-radius: 8px; background: #F6F6F6; border: 2px solid #F6F6F6; box-sizing: border-box; padding-top: 20px; text-align: center; font-size: 30px; color: #999; margin: 0 28px 30px 0; cursor: pointer; position: relative; }
.cz-wrap .main-con .cz-list li.checked { border: 2px solid #286DF7; background: #FFF; }
.cz-wrap .main-con .cz-list li.checked span { color: #286DF7; }
.cz-wrap .main-con .cz-list li.checked:before { content: ''; display: block; width: 0; height: 0; border-top: 22px solid #286DF7; border-right: 22px solid #286DF7; border-bottom: 22px solid transparent; border-left: 22px solid transparent; position: absolute; top: 0; right: 0; }
.cz-wrap .main-con .cz-list li.checked:after { content: ''; display: block; width: 17px; height: 12px; background: url(../images/icon-dg.png) no-repeat; position: absolute; top: 7px; right: 4px; z-index: 2; }
.cz-wrap .main-con .cz-list li span { display: block; color: #222; font-size: 24px; }
.cz-wrap .main-con .cz-list li span i { font-size: 40px; vertical-align: sub; }
.cz-wrap .main-con .cz-list li em { background: url(../images/icon-rmb.png) no-repeat left center; padding-left: 20px; }
.cz-wrap .main-con .pay-nav { overflow: hidden; margin-top: 30px; }
.cz-wrap .main-con .pay-nav span { float: left; width: 240px; height: 85px; border-radius: 8px; background: #F6F6F6; border: 2px solid #F6F6F6; box-sizing: border-box; padding-top: 20px; text-align: center; font-size: 30px; color: #999; margin: 0 28px 30px 0; cursor: pointer; position: relative; }
.cz-wrap .main-con .pay-nav span.checked { border: 2px solid #286DF7; background: #FFF; }
.cz-wrap .main-con .pay-nav span.checked span { color: #286DF7; }
.cz-wrap .main-con .pay-nav span.checked:before { content: ''; display: block; width: 0; height: 0; border-top: 22px solid #286DF7; border-right: 22px solid #286DF7; border-bottom: 22px solid transparent; border-left: 22px solid transparent; position: absolute; top: 0; right: 0; }
.cz-wrap .main-con .pay-nav span.checked:after { content: ''; display: block; width: 17px; height: 12px; background: url(../images/icon-dg.png) no-repeat; position: absolute; top: 7px; right: 4px; z-index: 2; }
.cz-wrap .main-con .pay-nav span span { display: block; color: #222; font-size: 24px; }
.cz-wrap .main-con .pay-nav span span i { font-size: 40px; vertical-align: sub; }
.cz-wrap .main-con .pay-nav span em { background: url(../images/icon-rmb.png) no-repeat left center; padding-left: 20px; }
.cz-wrap .main-con .pay-code { width: 380px; margin: 0 auto; }
.cz-wrap .main-con .pay-code p { font-size: 32px; color: #222; }
.cz-wrap .main-con .pay-code p img { vertical-align: middle; margin-right: 16px; }
.cz-wrap .main-con .pay-code p i { color: #286DF7; }
.cz-wrap .main-con .pay-code .code { display: block; margin: 20px auto 0; }

.agreement-wrap { min-width: 1344px; height: 100%; background: #F5F7FC; position: relative; overflow-y: hidden; }
.agreement-wrap .con-l { background: #fff; width: 260px; position: absolute; top: 75px; bottom: 0; padding: 20px 14px; box-sizing: border-box; overflow-y: scroll; }
.agreement-wrap .con-l li { font-size: 14px; color: #555; margin-bottom: 8px; padding: 8px 16px; line-height: 20px; cursor: pointer; }
.agreement-wrap .con-l li.cur { border-radius: 4px; background: -webkit-linear-gradient(bottom, rgba(40, 109, 247, 0.08) 0%, rgba(40, 109, 247, 0.08) 100%), #FFF; background: linear-gradient(0deg, rgba(40, 109, 247, 0.08) 0%, rgba(40, 109, 247, 0.08) 100%), #FFF; color: #286DF7; }
.agreement-wrap .con-r { background: #fff; position: absolute; left: 275px; right: 0; top: 75px; bottom: 0; }
.agreement-wrap .con-r iframe { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff !important; }
.agreement-wrap .con-r iframe .bg-gray { background: #fff; }

/*# sourceMappingURL=cz.css.map */