body{ font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul{margin:0;padding:0}
a:link,a:visited{text-decoration:none;}
*{ box-sizing: border-box;}
a img{border:0}
body{ margin:0; padding:0; color: #05265e; font-size: 16px; background:  #fff; line-height: 1.5;}
ul,li{ list-style:none;}
img{ margin:0; padding:0; border: none;}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
input[type=text],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=email],input[type=url],textarea{ color: #05265e; -webkit-appearance:none;-webkit-border-radius:0; font-size: 16px; border-radius:0}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
:-moz-placeholder { color: #05265e; opacity:0.4; }
::-moz-placeholder {  color: #05265e;opacity:0.4; }
input:-ms-input-placeholder{ opacity:0.4;}
input::-webkit-input-placeholder{ opacity:0.4; color: #05265e; font-size: 14px; }
em{ font-style: normal;}
a{ color: #031b4d; -webkit-tap-highlight-color:rgba(0,0,0,0); }
:after, :before{box-sizing:initial}

h4{ font-size: 16px; }
.form-control[disabled]{ background-color: #f1f1f1; opacity: 0.6; }

.page-wrap{ max-width: 640px; margin: 0 auto; padding-bottom: 30px; min-height:100vh; background-color: #f4f3f8;  }
.page-login{ background: url(../images/reg-bg.png) no-repeat center top #fe885c; background-size: cover; }
.page-home{ background-color:#f4f3f8; padding-bottom: 0; }
.reg-header{ text-align: center; padding: 20px 0 0;}
.reg-form{ margin: 0 10px; border-radius: 10px; padding: 20px 30px; background-color: rgba(255, 255, 255, 0.95);}
.reg-banner h1{ color: #fff; font-size: 20px; margin-bottom: 10px; }
.reg-txt h2{ font-size: 18px; font-weight: normal; margin: 12px 0; }   
.reg-txt h3{ font-size: 16px; font-weight: normal; margin: 5px 0 10px; opacity: 0.7;}   
.reg-form-tit{ margin-bottom: 20px; display: flex; align-items: center; }
.reg-form-tit h2{ font-size: 18px; width: 50%; position: relative;}
.reg-form-tit h2::before{ content: ""; position: absolute; left: 0; bottom: 3px; width: 40px; border-radius: 10px; height: 4px; background-color:rgba(255,52,45,0.6);}
.reg-form-tit .login-link{ width: 50%; text-align: right;}
.reg-item{ margin-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap;}
.reg-tit { width: 100px; font-size: 16px;}
.reg-tit span{ color: #f85029; margin-left: 5px;}
.reg-con { width: calc(100% - 100px); background-color: #fff; margin-top: 6px; height: 40px; border: 1px #ddd solid; overflow: hidden; border-radius: 5px; }
.reg-select{ border: none; }
.reg-input { margin: 1px 10px; height: 38px; border: none; width: calc(100% - 20px); }
.reg-opera a.submit-btn{ display: block; text-align: center; height: 50px; line-height: 50px; border-radius: 60px; background-color: #ff342d; color: #fff; }
.reg-tip{ margin-left: 100px; width: 100%; margin-top: 5px; font-size: 14px; opacity: 0.6; }
.reg-opera{ margin-top: 20px;}
.reg-tip a,.login-link a{ color: #3777fe; }
.reg-flex{ display: flex; align-items: center; }
.reg-flex a{ width: 120px; text-align: center; height: 40px; line-height: 40px; border-left: 1px #ddd solid; color: #3777fe;}
.reg-flex input{ width: calc(100% - 120px); }
.reg-flex img{ height: 38px; }
.reg-mobile-wrap{ display: none; }
#login-code{ display: none; }
.select2{ width: 100%; }
.select2-container--default .select2-selection--single{ font-size: 16px; height: 38px;}
.reg-upload{ border: none; height: auto; background-color: transparent;}
.file-upload{  background-color: #fff; position: relative; height: 80px; width: 80px; overflow: hidden; border: 1px #ddd solid; border-radius: 6px;  }
.file-upload a{ opacity: 0.5; display: block; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
.file-btn{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 9; opacity: 0;}
.file-show{ background-color: #fff; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10;  }
.file-show img{ width: 100%; height: 100%; object-fit: scale-down; }
.file-show .del-btn{ color: #fff; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 11; height: 24px; font-size: 14px; background-color:rgba(0, 0, 0, 0.5); }

.agent-head{ padding: 20px 10px 0 10px; background-image: linear-gradient(to right,#fe5948,#ff2a27);}
.agent-info{ }
.agent-info a{ display: flex; align-items: center; color: #fff; background: url(../images/right.svg) no-repeat center right; background-size: 26px 26px; }
.agent-logo{ width: 55px; }
.agent-txt{ width: calc(100% - 60px); margin-left: 5px;}
.agent-txt h2{ margin-bottom: 5px;}
.agent-txt p span{ position: relative; margin-left: 20px; background-color: #fff5c7; color: #9f671f; padding: 1px 10px 1px 24px; border-radius: 30px; font-size: 14px;}
.agent-txt p span img{ position: absolute; left: -5px; top: 50%; transform: translateY(-50%); width: 28px;}
.cash-out{ display: flex; align-items: center; margin: 10px 5px 0 5px; padding: 15px 20px 30px; border-radius: 10px 10px 0 0; background-image: linear-gradient(to right,#feecdc,#fcc4a9);}
.cash-num{ width: 70%; }
.cash-num p{ color: #b7774a; }
.cash-num h3{ margin-top: 5px; color: #a33103; font-size: 26px; }
.cash-opera{ width: 30%; text-align: right; }
.cash-opera a{ background-color: #f85029; color: #fff; font-size: 14px; padding: 8px 15px; border-radius: 30px;}

.agent-body{ margin-top: -15px; border-radius: 15px 15px 0 0; padding-bottom: 15px; background-image: linear-gradient(#ffe7e9, #f4f3f8, #f4f3f8, #f4f3f8);}
.cash-out-other{ display: flex; align-items: center; margin: 0 15px; background-color: #fff; padding: 15px 10px; border-radius: 0 0 15px 15px; }
.cash-out-other dl{ width: 50%; padding: 0 10px; }
.cash-out-other dl:nth-child(1){ border-right: 1px #eee solid; } 
.cash-out-other dd{ opacity: 0.6; font-size: 14px; }
.cash-out-other dt{ font-size: 20px; }
.cash-out-other dt::before{ content: "¥"; font-size: 14px; margin-right: 5px; }
.agent-common{ margin: 15px 15px 0 15px; padding: 10px; background-color: #fff; border-radius: 10px; min-height: 80px; }
.agent-share{ margin: 15px 15px 0 15px; display: flex; }
.share-item{ border-radius: 10px; padding: 10px; width: 100%; /* width: calc(50% - 7px); */margin-right: 7px; background-image: linear-gradient(#faedd8,#f6d7be);}
.share-item:nth-child(2){/* width: calc(50% - 8px); */ margin-right: 0; margin-left: 8px; background-image: linear-gradient(#dce2f5,#949ec8); }
.share-item h3{ font-size: 14px;}
.share-item h3{ display: flex; align-items:center; }
.share-item h3 span{ width: calc(100% - 20px); }
.share-item h3 em{ width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 40px; background-color: #fff;}
.share-item h3 em img{ width: 10px; }
.share-info{ display: flex; flex-wrap: wrap; margin-top: 10px; background-image: linear-gradient(#fff,#fff,#fef6e8); padding: 10px; border-radius: 10px; }
.share-item:nth-child(2) .share-info{ background-image: linear-gradient(#fff,#fff,#dce2f5);  }
.share-info dl{ width: 100%; display: flex; align-items: center; }
.share-info dl:nth-child(2){ margin-bottom: 0;}
.share-info dt{ width: 50px; display: flex; align-items: center; justify-content: center; }
.share-info dd{ width: calc(100% - 55px); margin-left: 5px; font-size: 14px; }
.share-info dd p:nth-child(2){ opacity: 0.5; font-size: 12px; }
.share-item:nth-child(2) .share-info dt{ /* border: 1px #c6cde7 solid; */}
.agent-menu{ display: flex; align-items: center; flex-wrap: wrap; margin: -5px 0 5px; }
.agent-menu li{ text-align: center; width: 25%; font-size: 14px; } 
.agent-menu li .menu-icon{ width: 44px; margin: 10px auto 5px; }

.agent-data{ padding: 10px 10px 0;}
.agent-data h1{ font-size: 16px;}
.agent-data ul{ margin-top: 10px; display: flex; flex-wrap: wrap; }
.agent-data li{ width: 50%; display: flex; align-items: center; margin-bottom: 20px; }
.agent-data li .data-icon{ width: 32px; height: 32px; }
.agent-data li .data-txt{ width: calc(100% - 53px); margin-left: 5px; font-size: 14px; }
.agent-data li .data-txt p{ opacity: 0.5; }

.page-cust{ background-image: linear-gradient(#ffc8a9,#f4f3f8,#f4f3f8,#f4f3f8); }
.cust-head{ padding: 15px 15px 0 15px; }
.cust-data{ background-image: linear-gradient(#feeddb,#fff,#fff); border: 1px #fff solid; border-radius: 10px; }
.cust-data dl{ padding: 10px 20px; border-bottom: 1px #fbf4ee solid; }
.cust-data dd{ opacity: 0.6; font-size: 14px; }
.cust-data dt{ font-size: 20px;}
.cust-data dt span{ font-size: 14px; font-weight: normal;}
.cust-data ul{ display: flex; align-items: center;}
.cust-data li{ width: 50%; padding: 10px 20px 20px; border-right: 1px #fbf4ee solid; }
.cust-data li:last-child{ border-right: 1px #fbf4ee solid; }
.cust-data li p{ font-size: 14px; opacity: 0.6; margin-bottom: 5px;}
.cust-body .nav{ margin: 0 5px; border-bottom: 1px solid #e5e5e5; }
.nav-secondary>li>a{ border-bottom: 1px solid #e5e5e5; padding: 5px 0; }
.nav>li{ margin-right: 30px;}
.nav>li>a{ margin-bottom: -1px; color: #031b4d;}
.nav>li>a:focus,.nav>li>a:hover{ text-decoration:none; background-color:transparent;}
.cust-list,.cash-list{ margin: 10px 5px;}
.cust-item{ padding-bottom: 10px; border-bottom: 1px #e5e5e5 dashed;}
.cust-item:last-child{ padding-bottom: 0; border-bottom: none;}
.cust-item h2{ display: flex; align-items: center; font-size: 16px; margin: 10px 0 10px; background: url(../images/right-grey.svg) no-repeat center right; background-size: 20px 20px; }
.cust-item img{ width: 30px; height: 30px; margin-right: 5px;}
.cust-item h2 span{ width: calc(100% - 55px); padding-right: 20px;}
.cust-item ul{ display: flex; flex-wrap: wrap; }
.cust-item li{ width: 50%; margin-bottom: 5px; }
.cust-item li.width-100{ width: 100%;}
.cust-item li span{ opacity: 0.6;}
.modal-dialog{ position: fixed; left: 0; right: 0; bottom: 0; border-radius:10px 10px 0 0; }
.modal-body{ height:500px; overflow-y: auto; }
.modal-footer{ text-align: center;}
.common-search{ background-color: #f4f3f8; border-radius: 6px; margin: 10px 5px; height: 60px; padding: 10px; display: flex; align-items: center; }
.common-search .form-control{ width: calc(100% - 120px); height: 40px; border-radius: 6px; }
.common-search .search-btn{ font-size: 14px; margin-left: 5px; width: 55px; background-color: #3777fe; height: 40px; line-height: 40px; border-radius: 5px; color: #fff; text-align: center; }
.cust-detail{ padding-bottom: 20px; }
.cust-detail h2{ background-color: #f4f3f8; padding: 5px; border-radius: 6px; display: flex; align-items: center; font-size: 16px; }
.cust-detail h2 img{ width: 48px; height: 48px; margin-right: 10px; }
.cust-detail h2 span{ width: calc(100% - 46px); }
.cust-detail ul{}
.cust-detail li{ display: flex; align-items: center; padding: 10px 0; border-bottom: 1px #e5e5e5 dashed; }
.cust-detail li:last-child{ border-bottom: none; }
.cust-detail li em{ text-align: right; width: 60%; word-break: break-word; }
.cust-detail li em img{ width: 60px; height: auto; }
.cust-detail li span{ width: 40%; opacity: 0.6; }
.cash-item { border-bottom: 1px #e5e5e5 dashed; padding: 10px 0; }
.cash-item:last-child{ border-bottom: none; }
.cash-item h2{ font-size: 16px; margin-bottom: 5px; display: flex; background: url(../images/right-grey.svg) no-repeat center right; background-size: 20px 20px; }
.cash-item h2 em{ font-weight: normal; font-size: 14px; text-align: right; width: 60px; margin-left: 10px; }
.cash-item h2 span i{ font-weight: normal; font-size: 12px; margin-right: 5px; padding: 3px 10px; font-style: normal; border-radius: 10px 0 10px 0; }
.cash-item h2 span i.cost{ background-color: #dcf0ff; color: #3eabfd; }
.cash-item h2 span i.topup{ background-color: #d4faf0; color: #43ba9a; }
.cash-item h2 span i.refund{ background-color: #fcebeb; color: #f57371; }
.cash-item h2 span{ width: calc(100% - 20px); }
.cash-item p.time{ margin-bottom: 10px; }
.cash-item p.time span{ opacity: 0.5; }
.cash-info{ background-color: #f9f8fc; border-radius: 6px; padding: 10px; display: flex; align-items: center; }
.cash-info dl{ width: calc(100% / 3); text-align: center; border-right: 1px #ebebeb solid; }
.cash-info dl:last-child{ border-right: none; }
.cash-info dd{ opacity: 0.5; margin-bottom: 5px; }
.ratio { padding: 15px; border-radius: 10px; border: 1px #fff solid; background-image: linear-gradient(#e5ecff,#fff,#fff); }
.ratio h2{ font-size: 16px; margin-bottom: 8px;}
.ratio p{ margin: 10px 0; }
.table{ margin-bottom: 0; }
.table tbody td{ background-color: #fff; }

.page-agent{ background-image: linear-gradient(#bcc5fe,#f4f3f8,#f4f3f8,#f4f3f8); }
.page-agent .cust-data{ background-image: linear-gradient(#dadffc,#fff,#fff); border: 1px #fff solid; border-radius: 10px; }

.mask{ position: fixed; top: 0; bottom: 0; left: 0; right: 0;  max-width: 640px; margin: 0 auto; z-index: 1999; background-color: rgba(0, 0, 0, 0.6); }
.tip-config{ max-width: 560px; margin: 0 auto; position: fixed; left: 40px; right: 40px; top: 50%; z-index: 2000; transform: translateY(-50%); background-color: #fff; border-radius: 8px;}
.tip-config p{ padding: 25px; }
.tip-config-opera{ display: flex; align-items: center; border-top: 1px #cad5ff solid; }
.tip-config-opera a{ padding: 12px 0; width: 50%; text-align: center; }
.tip-config-opera a:nth-child(1){ color: #3777fe; border-right: 1px #cad5ff solid; }

.my-info li{ display: flex; align-items: center; padding: 10px; border-bottom: 1px #e5e5e5 dashed; }
.my-info li span{ width: 30%; }
.my-info li em{ width: 70%; text-align: right; }
.my-info li em img{ width: 60px; height: auto; }
.my-info li:last-child{ border-bottom: none; }
.page-tit{ padding: 15px 15px 0; font-size: 18px; }
.logout{ margin: 15px; }
.logout a{ display: block; text-align: center; background-color: #ff342d; color: #fff; padding: 12px 0; border-radius: 6px; }

.page-fee{ background-image: linear-gradient(#ff425f,#f4f3f8,#f4f3f8); }
.page-fee .cust-data{ position: relative; background-image: linear-gradient(#ffd9d9,#fff,#fff); border: 1px #fff solid; border-radius: 10px; }
.page-fee .cust-data li h4{ font-size: 18px; margin: 5px 0;}
.page-fee .cust-data li p{ margin: 0;}
.page-fee .cust-data dl a,.page-fee .cust-data dl a:hover{ color: #fff;}
.fee-btn{ position: absolute; right: 15px; top: 20px; background-color: #ff425f;  color: #fff; padding: 8px 20px; border-radius: 40px; }
.fee-item{ padding: 10px; background-image: linear-gradient(#fff3f3,#fff,#fff); border: 1px #fbf4ee solid; margin: 10px 5px; border-radius: 6px; }
.fee-item dl{ display: flex; align-items: center; margin: 5px 0;}
.fee-item dt{ width: 40%; font-weight: normal; opacity: 0.6;}
.fee-item dd{ width: 60%; text-align: right;}
.fee-item .fee-head{ display: flex; align-items: center; margin-bottom: 10px; }
.fee-item .fee-head img{ width: 36px; margin-right: 6px;}
.fee-item .fee-head span{ width: 80%;}
.fee-item .fee-head em{ width: 20%; font-size: 14px; padding: 2px 0; text-align: center; color: #fff; border-radius: 4px; }
.fee-item .fee-head em.undo{ background-color: #f96555;  }
.fee-item .fee-head em.done{ background-color: #27b3c8;  }
.cash-tip{ margin: 10px 5px; font-size: 12px; opacity: 0.6; }
.bill-item{ background-image: linear-gradient(#fff3f3,#fff,#fff); border: 1px #fbf4ee solid; border-radius: 10px; margin-bottom: 15px; }
.bill-item h2{ font-weight: normal; padding: 10px 15px; border-bottom: 1px #fcf2eb solid; font-size: 16px; margin-bottom: 10px; }
.bill-item ul{ padding: 0 15px 5px; }
.bill-item li{ display: flex; align-items: center; margin-bottom: 5px; }
.bill-item li span{ width: 30%;}
.bill-item li em{ width: 70%;}
.bill-item li em{ text-align: right;}
.bill-item li span{ opacity: 0.6;}
.apply-item{ margin-bottom: 15px; }
.apply-tit { margin-right: 10px; margin-bottom: 6px;}
.apply-tit span{ color: #ff342d; margin-left: 5px;}
.apply-con{ width: 100%;}
.apply-con .nav{ display: flex; align-items: center;}
.apply-con .nav>li{ margin-right: 10px;}
.apply-con .nav>li>a{ border: 1px #ddd solid; border-radius: 4px;}
.apply-con .nav>li.active>a{ border: 1px #3777fe solid; color: #3777fe; }
.apply-con .form-control{ border-radius: 4px; height: 36px;}
.apply-con p{ font-size: 14px; opacity: 0.6; margin-top: 6px;}
.apply-con p b{ color: #ff342d;}
.apply-tip{ background-color: #e5eeff; font-size: 14px; padding: 15px; border-radius: 6px; }
.apply-tip h3{ margin-bottom: 5px; font-size: 14px; }
.common-filter{ margin: 10px 5px 5px; font-size: 15px; background-color: #3777fe; padding: 1px; border-radius: 3px;}
.filter-item label{ opacity: 0.6; font-weight: normal; }
.filter-item .filter-con{ width: 100%; }
.filter-item .filter-con ul{ display: flex; align-items: center; }
.filter-item .filter-con li{ width: 100%; text-align: center; background-color: #fff; color: #3777fe; padding: 5px 0;}
.filter-item .filter-con li:first-child{ border-radius: 3px 0 0 3px;}
.filter-item .filter-con li:last-child{ border-radius: 0 3px 3px 0;}
.filter-item .filter-con li.active{ background-color: #3777fe; color: #fff; }
.cust-tip{  border-radius: 0 0 10px 10px; padding: 8px 15px; font-size: 14px; color: #8b6438; background-image: linear-gradient(to right,#fff8db,#fff7d3); }
.percent-tip{ margin-bottom: 10px; border-radius: 0px; padding: 8px 15px; font-size: 14px; color: #8b6438; background-image: linear-gradient(to right,#fff8db,#fff7d3); }

.page-per{ background-color: #f4f3f8; }
.percent-wrap{}
.per-item{ background-image: linear-gradient(#e5ecff,#fff,#fff); border: 1px #e5ecff solid; margin-bottom: 15px; border-radius: 10px; padding: 20px 20px 0; }
.per-item li{ padding-top: 8px; display: flex; align-items: center; }
.per-item li span{ width: 50%; opacity: 0.6;}
.per-item li em{ width: 50%; text-align: right;}
.per-item li em i{ margin-left: 5px; font-style: normal; font-size: 14px; }
.per-opera{ display: flex; align-items: center; margin-top: 15px; padding: 15px 0; border-top: 1px #e7ecfa solid; }
.per-opera a{ display: block; width: 50%; text-align: center; border-right: 1px #e7ecfa solid;}
.per-opera a:last-child{ border-right: none; }
.per-item h3{ display: flex; align-items: center; }
.per-item h3 img{ width: 32px; margin-right: 5px; }
.cust-detail h4{ position: relative; margin: 10px 0; }
.cust-detail h4::before{ content: ""; position: absolute; left: -15px; top: 0;  height: 16px; width: 4px; border-radius: 0 5px 5px 0; background-color: #3777fe;}
.apply-type{  display: flex; align-items: center; }
.checkbox-inline{ display: flex; align-items: center;}
.bg-common{ background-color: #f4f3f8; padding: 10px 10px 5px; border-radius: 6px; margin-bottom: 10px;}
.bg-common h4{ position: relative; margin: 10px 0; }
.bg-common h4::before{ content: ""; position: absolute; left: -10px; top: 0;  height: 16px; width: 4px; border-radius: 0 5px 5px 0; background-color: #3777fe;}

.share-link{ background-color: #f6f6f6; margin: 10px 5px; padding: 10px; border-radius: 6px;}
.share-tit{ margin: 5px 10px; font-size: 16px;}
.share-tip{ background-color: rgba(255, 255, 255, 0.3); padding: 10px 15px;}
.poster-list{ display: flex; flex-wrap: wrap; padding: 10px; }
.poster-item{ width: calc(50% - 10px); margin: 5px; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.poster-item:nth-child(odd){ margin-left: 0; }
.poster-item:nth-child(even){ margin-right: 0; }
.poster-item img{ width: 100%; height: 288px; object-fit: cover; display: block; }
.poster-item p{ padding: 10px; text-align: center; font-size: 14px; color: #333; margin: 0; }
.view-poster{ width: 240px; margin: 0 auto;}
.share-opera {  margin: 20px 5px 10px; }
.share-opera a{ background-color: #3777fe; padding: 8px 20px; border-radius: 6px; color: #fff;}
.share-code{ text-align: center; padding-bottom: 20px; }
.share-code img{ width: 240px; height: auto;}
.share-code p{  opacity: 0.5; }
.fee-agent{ padding: 5px 0; display: flex; align-items: center;}
.fee-agent img{ width: 32px; margin-right: 5px;}
.fee-agent span{ width: calc(100% - 25px);}

.afee-list .fee-item{  padding: 10px 10px 0; }
.afee-opera{ display: flex; align-items: center; justify-content:center; margin: 0 -10px; padding: 10px 0; border-top: 1px #fbf4ee solid; }
.afee-opera a{ display: block; width: 50%; text-align: center; border-right: 1px #e7ecfa solid; }
.afee-opera a:last-child{ border-right: none; }
.success-wrap{ padding: 20px; }
.success-tip{ text-align: center; margin: 20px; }
.success-txt{ margin-top: -30px; }
.success-txt h3{ margin-bottom: 6px; }
.success-txt p{ opacity: 0.6; }
.success-img{ width: 240px; margin: 0 auto;}
.wechat-public{ margin-top: 30px; border-radius: 10px; overflow: hidden; }

.more-data{ padding: 20px 0; text-align: center;}
.more-data a{ background-color: #F2F5F9; border-radius: 50px; padding: 7px 20px; font-size: 15px; opacity: 0.7; }
.none-data{ border-radius: 8px; background-image: linear-gradient(#f0f5ff,#fff); text-align: center; padding: 30px 0; opacity: 0.7; }
.none-data img{ width: 300px; }

.return-btn{ position: fixed; left: 10px; top: 60px; z-index: 9; height: 44px; }
.return-btn a{ width: 44px; height: 44px; border-radius: 50px; background-color: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center; }
.return-btn a img{ width: 24px; height: 24px; }

.cust-body h1{ font-size: 16px; margin-top: 5px; margin-bottom: 10px; }
.my-percent{ padding: 15px; }
.per-body{ background-color: #fff; margin: 0px 15px; padding: 10px; border-radius: 10px;}

.visit-btn{ position: fixed; right: 10px; bottom: 60px; z-index: 9; height: 44px; }
.visit-btn a{ width: 44px; height: 44px; border-radius: 50px; background-color: rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: center; }

.share-opera a.share-wx{ margin-left: 5px; background-color: #24db5a; color: #fff;  }
.share-opera a.share-wx img{ width: 24px; height: 24px; margin-right: 5px;}
.share-tips{ margin-top: 15px; font-size: 14px; }