*{margin:0;padding:0;}
body{margin:0;padding:0;}
a{text-decoration:none;color:#333;}
img{max-width:100%;display:block;}
.wap{width:100%;max-width:640px;margin:auto;}
.tab-list-wrapper{padding:0 15px;margin: 15px 0;height: 41px;overflow: hidden;}
.tab-list{/* padding:15px 0; */display:-webkit-box;overflow:auto;white-space:nowrap;height: 50px;}
.tab-list a.tab-item.active{color:#fff;background-image:linear-gradient(90deg,#6297F7,#3F6FE0);}
.tab-list a.tab-item{background:#f5f5f5;padding:10px 20px;border-radius:200px;margin-right:10px;display:inline-block;text-decoration:none;color:#999;}
.pic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:15px;}
.pic-list a.pic-item{box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:10px;padding:15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
.pic-list a.pic-item img{width:100%;max-width:100%;}
.tab-nav{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #ddd;padding:5px 0;height:57px;box-sizing:border-box;width:100%;max-width:640px;}
.tab-nav a.tab-item.active{}
.tab-nav a.tab-item.active .ico{}
.tab-nav a.tab-item.active .ico img{}
.tab-nav a.tab-item.active .txt{}
.tab-nav a.tab-item.active .ico img:nth-of-type(1){display:none;}
.tab-nav a.tab-item.active .ico img:nth-of-type(2){display:block;}
.tab-nav a.tab-item{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.tab-nav a.tab-item .ico{max-width:30px;}
.tab-nav a.tab-item .ico img{max-width:100%;}
.tab-nav a.tab-item .ico img:nth-of-type(1){}
.tab-nav a.tab-item .ico img:nth-of-type(2){display:none;}
.tab-nav a.tab-item .txt{text-align:center;font-size:12px;margin-top:-4px;color:#BCC6E8;}
.wap-flex{height:100vh;display:flex;flex-direction:column;justify-content:space-between;width:100%;}
.wap-flex-top{}
.wap-flex-main{flex:1;overflow:auto;}
.wap-flex-bottom{}
.top-bar{}
.top-bar .row1{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(90deg,#6297F7,#3F6FE0);position:relative;height:50px;}
.top-bar .row1 .col1{position:absolute;top:0;left:0;}
.top-bar .row1 .col1 .ico{width:50px;height:50px;display:flex;align-items:center;justify-content:center;}
.top-bar .row1 .col1 .ico img{width:26px;}
.top-bar .row1 .col2{color:#fff;}
.top-bar .row1 .col3{position:absolute;top:0;right:0;}
.top-bar .row1 .col3 .ico{width:50px;height:50px;display:flex;align-items:center;justify-content:center;}
.top-bar .row1 .col3 .ico img{width:26px;}
.tool-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px;}
.tool-list .tool-item{color:#fff;background-image:linear-gradient(90deg,#6297F7,#3F6FE0);padding:10px;box-sizing:border-box;border-radius:5px;font-size:14px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.pic-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px;}
.pic-box img{}

.zhizhang{padding: 0;}
.zhizhang-block1{box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:8px;padding:0;box-sizing:border-box;height:90px;overflow:hidden;}
.zhizhang-block1 .row1{display:-webkit-box;white-space:nowrap;overflow:auto;padding:15px 0;padding-bottom:30px;}
.zhizhang-block1 .row1 .item{width:60px;height:60px;margin:0 10px;position: relative;}
.zhizhang-block1 .row1 .item img{}
.zhizhang-block1 .row1 .item.active::after{content: "";display: block;position: absolute;top: 70px;left: 50%;width: 40px;height: 5px;background: #3F6FE0;border-radius: 5px;transform: translateX(-50%);}
.zhizhang .block2{padding:30px;}
.zhizhang .block2 img{width:80%;margin:auto;display:block;}
.zhizhang-block3{/* box-shadow:0 0 15px rgba(0,0,0,0.1); *//* border-radius:10px; *//* padding-bottom:10px; */}
.zhizhang-block3 .row1{display:flex;border-bottom:1px solid #ddd;height: 50px;overflow: hidden;}
.zhizhang-block3 .row1 .itemG{display:-webkit-box;white-space:normal;overflow:auto;height: 60px;}
.zhizhang-block3 .row1 .item{padding:15px; position: relative; }
.zhizhang-block3 .row1 .item.active { color: #3F6FE0;}
.zhizhang-block3 .row1 .item.active::after{content: "";display: block;position: absolute;top: 47px;left: 50%;width: 30px;height: 3px;background: #3F6FE0;border-radius: 5px;transform: translateX(-50%);}
.zhizhang-block3 .row2{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;padding-top: 25px;}
.zhizhang-block3 .row2 .col1{}
.zhizhang-block3 .row2 .col2{display:flex;align-items:center;}
.zhizhang-block3 .row2 .col2 input{width: 17px;height: 17px;border-color:#ddd;}
.zhizhang-block3 .row2 .col2 input#checkbox1{}
.zhizhang-block3 .row2 .col2 label{margin-left:5px;}
.zhizhang-block3 .row2 .col2 input#checkbox2{margin-left: 30px;}
.zhizhang-block3 .row3{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;}
.zhizhang-block3 .row3 .col1{}
.zhizhang-block3 .row3 .col2{flex:1;margin-left:30px;}
.zhizhang-block3 .row3 .col2 input{width:100%;}
.zhizhang-block3 .row4{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;}
.zhizhang-block3 .row4 .col1{}
.zhizhang-block3 .row4 .col2{}
.zhizhang-block3 .row4 .col2 .btn{color:#fff;background-image:linear-gradient(90deg,#6297F7,#3F6FE0);height:40px;line-height:40px;padding:0 40px;border-radius:5px;}
.zhizhang-bottom{}
.zhizhang-bottom .row1{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-top:1px solid #ddd;}
.zhizhang-bottom .row1 .col1{display:flex;align-items:center;}
.zhizhang-bottom .row1 .col1 a.item{width:60px;}
.zhizhang-bottom .row1 .col1 a.item .ico{width:30px;margin:auto;}
.zhizhang-bottom .row1 .col1 a.item .ico img{}
.zhizhang-bottom .row1 .col1 a.item .txt{font-size:12px;text-align:center;}
.zhizhang-bottom .row1 .col2{}
.zhizhang-bottom .row1 .col2 .btn{color:#fff;background-image:linear-gradient(90deg,#6297F7,#3F6FE0);height:40px;line-height:40px;padding:0 40px;border-radius:100px;margin-right:20px;}

.setItemFlex { display: flex;}



/*登陆页面*/
.dlbox { width:22rem; height: 100%; margin: 0 auto; background-image: url("../images/loginbg.jpg"); background-size: 100% auto; background-position: left bottom; background-repeat: no-repeat; }
.dlform { padding: 0 1.3rem; padding-top:3rem; }
.dlform li { position:relative; font-size:1.5rem; margin-bottom:5px;}
.dlform li input { width: 100%; height:1.5rem; font-size: 1rem; padding:1.5rem 0; padding-left: 0; -webkit-tap-highlight-color: transparent; letter-spacing: normal; border:none; border-bottom:1px solid #ECECEC }
.dlmenu a.fr { margin-left:10px }
.u-clear { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAFVBMVEX////MzMzR0dH39/fv7+/Y2Njl5eV2rLm+AAAAqUlEQVQ4y+2SOw7CQBBDAwFqvELULL86CqIPFNQILgCI+5+BYGWlzCSSc4C4nCdb3p3JRg3T7YHDtw9c8de+C84A9fRgFhsSKkcuSFpZkEcgqTBkjvDh+Bhxd2Fr2kLxdnGxnpUAdjUPphmHCbfbLRhUkgIvU4CmLS2mwhQ0nWjBpkUmoCmjBUtBRJpvIFqLl7rfET+qt5DDbk5vm+2SKnFV4hLt9Y4apB8QwyHeAHAVtAAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 0.6rem 0.6rem; width: 0.88rem; height: 0.88rem; position: absolute; top:50%; right:0; -webkit-transform: translate3d(-50%, -50%, 0); margin: 0; -webkit-tap-highlight-color: transparent; display:none; }
.dlbutton { margin: 0.8rem 0 0.53333rem; }
.dlbutton input { height: 2.5rem; font-size: 1rem; line-height:2.4rem; border-radius: 3px; display: block; width: 100%; background: #b4282d; border:none; color:#fff; -webkit-appearance:none;}
.dlmenu a { font-size:0.72rem; }
.ologin { width: 100%; height: 3.6rem; margin-top: 2rem; }
.ologin .otip { position: relative; float: none; width: 100%; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.4375rem; color: #999999; z-index: 10; text-indent: -9999px; }
.ologin .otip:before { content: '其他方式登录'; position: absolute; top: 0; left: 50%; text-indent: 0; height: 100%; margin-left: -2.6rem; padding: 0 0.5rem; background: #fff; z-index: 2; font-size: 0.7rem; }
.ologin .otip:after { content: ''; position: absolute; bottom: 0; left: -50%; width: 200%; height: 1px; background: #d9d9d9; -webkit-transform: scale(0.5); top: 50%; bottom: auto; z-index: 0; }
.ologin .olist { margin: 0; text-align: center; width: 100%; height: auto; margin: 0; padding-top: 0.4rem; text-align: center; -webkit-tap-highlight-color: transparent; }
a.weixin, a.qq, a.weibo { position: relative; width: 1.8rem; height:1.8rem; float: none; padding: 0 1.5rem 0; margin: 0; display: inline-block; text-align: center; background: none; -webkit-tap-highlight-color: transparent; }
a.qq:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAArCAMAAADISrFBAAAAb1BMVEUAAAB/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f395FQx5AAAAJHRSTlMA8vhE3NTDaVcvIcuim5FyKxno5bawfWM+MwgBvaiGTDglDuml8dRjAAABBUlEQVQ4y5XU63aCMBAE4BBDQLmjglKv7bz/MzZS2w2a3Zx+v+fsCUOyamEzVtZsjS2zu+J0Fch5Ew7lCXw6C4UavLoEJuHd27Q7Qo4vKYuQdBlaI2y1SO2YVOGHPsHxWxvBabxUCc7OS6XgbD/oWBqsjq4CeGuhLXL4Sx1B+F5b8G7/nFWDd/4NTRqIV5FBMjxTBpL+J3SD7EpnF5RzqocsmVzogJjcpSrE7F3qCzF6on8o/qUGcZf5ymvpC+fLXwD1CF4zAKky0KoVz5TAqEcdHXjto1Bla9fGCQ67T4bCex7xdVLxtftS6WWTE7+XyGofSNnrYlbec81nyt8TOgnRzz3xDcuEnUE5oMebAAAAAElFTkSuQmCC) no-repeat 50% 50%; background-size: 1rem 1.2rem; }
a.weixin:after, a.qq:after, a.weibo:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clear: none; visibility: visible; overflow: auto; content: ''; display: block; }
a.weibo:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAMAAAB+DzuWAAAAeFBMVEUAAAB/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f38xPerMAAAAJ3RSTlMA+QjLFeDS5Cno2riZHbGTOvHtfWxBMMWfjGVaIw5fVE1Ip3S/w4NvTebzAAACI0lEQVQ4y42U2baCMAxFw0xBZhFFAXHK///h7ZTWqsvrfoGGpmlPT4B/OJURohdvzj78Ro6aZPwt5Y6GoYAfqDM23GJPFUnhV/xjIDLYxxrhseuW9/1uRZUB3jgOKIhDINJtN4vRKjJGcFky1FQUKuT+NxOvwZ+RU7oo0RCZU6txwDPEOc5gWVu0JEBUceCJGgBH9SAe+Ezm6HDjkQJ8nhgb4S7osBdybYaIBYeCv/KpM0DMXULzS3SpFhNpUnnhHYAoBIoLfqGUa18BBpOwwXccxbhlawBGYmzxKzHAensAnPh7LqX2vidc6M5RbgymzH5r8m6p01NaHw+DCS6gOTT5JB70wbus/rP610grVrhN6JH0xZurr/pbuaOQVSjpKTA9ldklqLjawmqRIFRrznnLddybFdNGZ3QUGZV1JjnoI3PTVGamCK1RyuOmqnvQYG0ZvQQS2y475z5q0tJcn8Kz5Uj56q79SjZwWkpel7lIr9yzTM2JXxICPW5FMp2ApQAhy5wJe51wePoXNqTXSDOsg/z2RaXRDHrEFUD1um3364sDwU/ogD7D0je9fQdHudb6ZqHlxB0leaKdclJCMO1LMg4J3UjVOySCwvnzeAs8U4nQVrZSrqbPymbUuW0PLqMnZsltTfW5D5XtD+S7WwGvnOTKUbWG2uF9F6AmmeETfa57NIvjrEVDtiXbvlehRS1s08NXwvOjjJk8ZpZXYwof+ANu4XkA+Z7RTwAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size:1.2rem 1rem; }
/*通用功能部分*/
.yzkey { position:absolute; right:1rem; top:0.6rem; height:1.6rem;}

/*会员中心首页*/
.hybox { height: 100%; margin: 0 auto;}
.profile { height: 7rem; background-image: url("pbg.jpg"); background-size: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 0.8rem;
}
.profile .fl { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; padding: .88889rem 0;
width: 15rem; }
.profile .fl .avatar { vertical-align: middle; width: 4rem; height: 4rem; border-radius: 50%; }
.profile .fl .info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1rem;
line-height: 1; overflow: hidden; }
.profile .fl .info .nickname { color: #fff; font-size: 1rem;
line-height: 1.2; text-align: left; margin-bottom:0.26rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.profile .fl .info .membershipLevel span { color: #b4a078; font-size: 0.8rem;
vertical-align: middle; }
.umenu {
margin-bottom: 1rem; background: #fff; }
.umenu .list { zoom: 1; }
.umenu .item { float: left; width: 33.33333%; border-right: 1px solid rgba(0, 0, 0, .15); border-bottom: 1px solid rgba(0, 0, 0, .15); background:#fff;text-align: center;}
.m-uMenuItem { display:block; height: 6rem; padding-top:1.25rem;
text-align: center; }
.m-uMenuItem .img {
width: 2.8rem;
height:2.8rem; vertical-align: middle; margin-bottom: 0.4rem;display: inline;
}
.m-uMenuItem .txt { display: block; font-size:0.8rem;
line-height: 1; color: #333; }
.umenu .item:nth-of-type(3n) {
border-right: 0;
}
.umenu .item-bottom { border-bottom: none; }
.w-button, .w-button:focus, .w-button:visited { display:inline-block; vertical-align:middle; width:7rem; text-align:center; line-height:3rem;
color:#fff; border:1px solid #b4282d; background-color:#b4282d; border-radius:4px; overflow:hidden }
[data-dpr="1"] .w-button, [data-dpr="1"] .w-button:focus, [data-dpr="1"] .w-button:visited { border-radius:2px }
.w-button:active { border:1px solid #9a2727; background-color:#9a2727 }
.w-button-white, .w-button-white:focus, .w-button-white:visited { border:1px solid #fff; background-color:#fff; color:#333 }
.w-button-white:active { border:1px solid #efefef; background-color:#efefef }
.w-button-ghost, .w-button-ghost:focus, .w-button-ghost:visited { border:1px solid #7f7f7f; color:#333; background-color:transparent }
.w-button-ghost:active { border:1px solid #666; color:#fff; background-color:#666 }
.w-button-ghostRed, .w-button-ghostRed:active, .w-button-ghostRed:focus, .w-button-ghostRed:visited { border-color:#b4282d; color:#b4282d; background-color:transparent }
.w-button-ghostGrey, .w-button-ghostGrey:focus, .w-button-ghostGrey:visited { border-color:#c7c7c7; color:#333; background-color:#f9f9f9 }
.w-button-ghostGrey:active { border-color:#c7c7c7; background-color:#fff }
.w-button-ghostGrey-code, .w-button-ghostGrey-code:focus, .w-button-ghostGrey-code:visited { border-color:#7f7f7f; color:#333; background-color:transparent }
.w-button-ghostGrey-code:active { border-color:#7f7f7f; background-color:#f4f4f4 }
.w-button-disabled, .w-button-disabled:focus, .w-button-disabled:visited, .w-button.disabled, .w-button.disabled:focus, .w-button.disabled:visited, .w-button[disabled], .w-button[disabled]:focus, .w-button[disabled]:visited { color:#fff; border:1px solid #ccc!important; background-color:#ccc!important }
.w-button-disabled:active, .w-button.disabled:active, .w-button[disabled]:active { border:1px solid #ccc!important; background-color:#ccc!important }
.w-button-code-disabled, .w-button-code-disabled:focus, .w-button-code-disabled:visited { color:#ccc; border:1px solid #ccc!important; background-color:transparent!important }
.w-button-code-disabled:active { border:1px solid #ccc!important; background-color:transparent!important }
.w-button-u-disabled, .w-button-u-disabled:focus, .w-button-u-disabled:visited { color:#cb7a7a }
.w-button-u-disabled:active { background-color:#b4282d!important }

.w-button-block, .w-button-block:focus, .w-button-block:visited { display:block; width:100% }
.w-button-noRadius, .w-button-noRadius:focus, .w-button-noRadius:visited, [data-dpr="1"] .w-button-noRadius, [data-dpr="1"] .w-button-noRadius:focus, [data-dpr="1"] .w-button-noRadius:visited { border-radius:0 }

/*充值页面*/
.tclist {
    padding: 10px;
}
.tclist h3 {
    line-height: 42px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;margin-bottom: 10px;
}
.tctab {
    border-bottom: 1px solid #ccc;
}
.tctab span {
    display: inline-block;
    padding: 0 22px;
    background: #eee;
    /* margin-right: 10px; */
    font-size: 14px;
    line-height: 35px;
}
.tctab span.hover {
    background: #588cf1;
    color: #fff;
}
.payfs {
    height: 55px;
    line-height: 45px;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
}
.payfs a { width: 100px; height: 42px; border: 1px solid #eee; float: left; margin-right: 10px; padding: 1px; position: relative; }
.payfs img { width: 100px; height: 38px; }
.rbutton:hover { background-position: 0 -50px; }
.payfs a.hover { border: 1px solid #d94a4a; }
.payfs a.hover span { display: inline-block; width: 14px; height: 14px; background: url(j.png) no-repeat; position: absolute; right: 0; bottom: 0; }
.tcxzlist li span{ float:right;}
.tcxzlist li {
    line-height: 36px;
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 2px 10px;
    border-radius: 4px;
}
.tcxzlist li.hover{border: 1px solid #4879e6;
    background: #e7fbff;color: #487ae6;}
.tcxzlist li span i {
    font-style: normal;
    color: #ff0000;
    font-weight: bold;
}
.tcxzlist li span em{font-style: normal;
    font-weight: normal;
    color: #333;
    font-size: 13px;}

/*修改资料页面*/
label.uploadtx { width:2.27778rem; ; height:2.27778rem; ; position: absolute; line-height:2.27778rem; ; z-index: 999; }
.avatar #upload { display: none; }
canvas#cvs { width:2.27778rem; ; height:2.27778rem; ; position: absolute; z-index: 10; border-radius: 50%; }
.userDetail table {
font-size: .36111rem; background:none !important; }
.userDetail table tr { border-bottom: 1px solid #d9d9d9; }
.userDetail table tr td { line-height: 1.44444rem; color:#333; }
.userDetail table tr td:nth-child(1) {
width: 2rem !important;
display: inline-block;
padding-left:0.41667rem;
margin-right:1rem;
}
.userDetail table tr td:nth-child(2) {
}
.userDetail table tr td img { display:block; margin-bottom:0.2rem; }
.userDetail table tr td input[type=text] { border:none; line-height:0.8rem; max-width:60%; }
.userDetail table tr td textarea { margin:0.4rem 0 0.2rem 0; max-width:50% !important; border:none; max-height:2rem !important; }
/*会员资料修改*/
.userDetail {  margin: 0 auto; background: #fff; }
.userDetail .avatar { height: 8rem; padding-top: 1.8rem; }
.userDetail .avatar .wraper { text-align: center; position:relative }
.userDetail img { width:5rem; height:5rem; border-radius: 50%; border: 1px solid #d9d9d9; }
.userDetail .holder {
height: 0.5rem; background: #f4f4f4; }
.userDetail .item {
padding-left: 0.8rem; border-bottom: 1px solid #d9d9d9; font-size: .72rem;
color: #333; line-height: 2.8rem; }
.userDetail .text-color { color: #7f7f7f; }
.userDetail .input_wraper input { width: 100%; margin-top: .7rem;
height: 1.4rem;
font-size: 0.8rem;
border: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.userDetail .input_wraper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-right: .8rem;
}
.userDetail .item span:nth-child(2n+1) {
width: 4rem;
display: inline-block;
margin-right: 1.2rem;
}
.userDetail .item b:last-child { margin-left: 4.5rem; }
.foot-btn { width: 100%; height:2.8rem; line-height:2.8rem; text-align: center; font-size: .8rem;
color: #333; }
.foot-btn .fl { float: left; width: 50%; outline: #d9d9d9 solid 1px; background: #fff; }
.foot-btn .fr { background: #b4282d; float: left; width: 50%; color: #fff; }
.work-null-tips {
    padding: 60px 20px;
    text-align: center;
}