* {
    font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI","Microsoft YaHei","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
:root {
    --zhanpay-color: #25b864;
    --zhanpay-width: 1120px;
}

a {
    text-decoration: none;
}
a:focus-visible,select:focus-visible,textarea:focus-visible {
    outline: none;
}
body,ul,p,h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
input:focus-visible {
    outline: none;
}
.opacity:hover{
    opacity: 0.8;
}
.clear:after{
    display: block;
    content: '';
    clear: both;
}

/*空数据*/
.zhanpay-empty {
    text-align: center;
    padding: 30px;
    color: #999;
}
.zhanpay-empty>i {
    font-size: 50px;
}
.zhanpay-empty p {
    margin-top: 10px;
    font-size: 14px;
}

/*登录页面*/
.zhanpay-login-main {
    position: relative;
    height: 100%;
}
.zhanpay-login-main>div {
    flex: 1;
    height: 100%;
    float: left;
}
.zhanpay-login-left {
    position: relative;
    width: 30%;
    background-image: url(../img/1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ecf0f2;
}
.zhanpay-login-right {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
}
.zhanpay-login-right-header {
    display: flex;
    width: 100%;
    align-items: center;
    position: absolute;
    top: 0;
    padding: 20px;
    box-sizing: border-box;
}
.zhanpay-login-right-header .left {
    height: 50px;
    flex: 1;
}
.zhanpay-login-right-header .left .logo {
    width: 160px;
}
.zhanpay-login-right-header .left .logo svg {
    display: block;
}
.zhanpay-login-right-header .left .logo svg .cls-1 {
    fill: #444;
}
.zhanpay-login-right-content {
    width: 328px;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    position: relative;
}
.zhanpay-login-right-content .title {
    font-size: 36px;
    line-height: 52px;
    color: #3b426b;
}
.zhanpay-login-right-content .subtitle {
    font-size: 16px;
    line-height: 23px;
    color: #3b426b;
    margin-bottom: 32px;
}
.zhanpay-login-page-form li {
    height: 44px;
    border: 1px solid #dce1e6;
    border-radius: 3px;
    background-color: #fff;
    padding-left: 52px;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
}
.zhanpay-login-page-form li:before {
	background-size: 33%;
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    width: 40px;
    border-right: 1px solid #dce1e6;
    border-radius: 3px 0 0 3px;
    background-color: #f6f9fc;
    background-repeat: no-repeat;
    background-position: center;
}
.zhanpay-login-page-form li.phone:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjEgKDY3MDQ4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXBob25lbnVtPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuihqOWNleagt+W8jyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwODYuMDAwMDAwLCAtMTAzOC4wMDAwMDApIiBmaWxsPSIjOTNBMkJCIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwODcuNSwxMDM4IEwxMDk1LjcsMTAzOCBDMTA5Ni41Mjg0MywxMDM4IDEwOTcuMiwxMDM4LjY3MTU3IDEwOTcuMiwxMDM5LjUgTDEwOTcuMiwxMDUyLjUgQzEwOTcuMiwxMDUzLjMyODQzIDEwOTYuNTI4NDMsMTA1NCAxMDk1LjcsMTA1NCBMMTA4Ny41LDEwNTQgQzEwODYuNjcxNTcsMTA1NCAxMDg2LDEwNTMuMzI4NDMgMTA4NiwxMDUyLjUgTDEwODYsMTAzOS41IEMxMDg2LDEwMzguNjcxNTcgMTA4Ni42NzE1NywxMDM4IDEwODcuNSwxMDM4IFogTTEwOTEuNiwxMDUyLjQgQzEwOTIuNDgzNjYsMTA1Mi40IDEwOTMuMiwxMDUxLjY4MzY2IDEwOTMuMiwxMDUwLjggQzEwOTMuMiwxMDQ5LjkxNjM0IDEwOTIuNDgzNjYsMTA0OS4yIDEwOTEuNiwxMDQ5LjIgQzEwOTAuNzE2MzQsMTA0OS4yIDEwOTAsMTA0OS45MTYzNCAxMDkwLDEwNTAuOCBDMTA5MCwxMDUxLjY4MzY2IDEwOTAuNzE2MzQsMTA1Mi40IDEwOTEuNiwxMDUyLjQgWiIgaWQ9Imljb24tcGhvbmVudW0iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.zhanpay-login-page-form li.code:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjEgKDY3MDQ4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXBob25ldGV4dDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLooajljZXmoLflvI8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDg1LjAwMDAwMCwgLTEwOTQuMDAwMDAwKSIgZmlsbD0iIzkzQTJCQiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Imljb24tcGhvbmV0ZXh0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDg1LjAwMDAwMCwgMTA5NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjEwNzY5MjMxLDEyLjA2NjI1IEw0LjU2OTIzMDc3LDkuNjE2MjUgTDEyLjQzMDc2OTIsOS42MTYyNSBDMTMuMjMwNzY5Miw5LjYxNjI1IDEzLjg2MTUzODUsOC45NzMxMjUgMTMuODYxNTM4NSw4LjE5MjE4NzUgTDEzLjg2MTUzODUsMS41NDY1NjI1IEMxMy44NjE1Mzg1LDAuNzUwMzEyNSAxMy4yMTUzODQ2LDAuMTIyNSAxMi40MzA3NjkyLDAuMTIyNSBMMS40MzA3NjkyMywwLjEyMjUgQzAuNjMwNzY5MjMxLDAuMTIyNSAwLDAuNzY1NjI1IDAsMS41NDY1NjI1IEwwLDguMTc2ODc1IEMwLDguOTczMTI1IDAuNjQ2MTUzODQ2LDkuNjAwOTM3NSAxLjQzMDc2OTIzLDkuNjAwOTM3NSBMMS43NTM4NDYxNSw5LjYwMDkzNzUgTDEuNzUzODQ2MTUsMTEuODk3ODEyNSBDMS43Mzg0NjE1NCwxMi4xMTIxODc1IDEuOTY5MjMwNzcsMTIuMjA0MDYyNSAyLjEwNzY5MjMxLDEyLjA2NjI1IFogTTEwLjQwNjk2ODYsMy42NTQ5MzAxMyBDMTEuMDEyNDg1NiwzLjY1NDkzMDEzIDExLjUwNTg2OTcsNC4xNDYwMDE1NiAxMS41MDU4Njk3LDQuNzQ4NjgwMTMgQzExLjUwNTg2OTcsNS4zNTEzNTg3IDExLjAxMjQ4NTYsNS44NDI0MzAxMyAxMC40MDY5Njg2LDUuODQyNDMwMTMgQzkuODAxNDUxNzEsNS44NDI0MzAxMyA5LjMwODA2NzU0LDUuMzUxMzU4NyA5LjMwODA2NzU0LDQuNzQ4NjgwMTMgQzkuMzA4MDY3NTQsNC4xMjM2ODAxMyA5LjgwMTQ1MTcxLDMuNjU0OTMwMTMgMTAuNDA2OTY4NiwzLjY1NDkzMDEzIFogTTYuOTA2OTY4NjQsMy42NTQ5MzAxMyBDNy41MTI0ODU1NywzLjY1NDkzMDEzIDguMDA1ODY5NzQsNC4xNDYwMDE1NiA4LjAwNTg2OTc0LDQuNzQ4NjgwMTMgQzguMDA1ODY5NzQsNS4zNTEzNTg3IDcuNTEyNDg1NTcsNS44NDI0MzAxMyA2LjkwNjk2ODY0LDUuODQyNDMwMTMgQzYuMzAxNDUxNzEsNS44NDI0MzAxMyA1LjgwODA2NzU0LDUuMzUxMzU4NyA1LjgwODA2NzU0LDQuNzQ4NjgwMTMgQzUuODA4MDY3NTQsNC4xMjM2ODAxMyA2LjMwMTQ1MTcxLDMuNjU0OTMwMTMgNi45MDY5Njg2NCwzLjY1NDkzMDEzIFogTTMuNTgzODkxNzEsMy42NTQ5MzAxMyBDNC4xODk0MDg2NSwzLjY1NDkzMDEzIDQuNjgyNzkyODEsNC4xNDYwMDE1NiA0LjY4Mjc5MjgxLDQuNzQ4NjgwMTMgQzQuNjgyNzkyODEsNS4zNTEzNTg3IDQuMTg5NDA4NjUsNS44NDI0MzAxMyAzLjU4Mzg5MTcxLDUuODQyNDMwMTMgQzIuOTc4Mzc0NzgsNS44NDI0MzAxMyAyLjQ4NDk5MDYyLDUuMzUxMzU4NyAyLjQ4NDk5MDYyLDQuNzQ4NjgwMTMgQzIuNDg0OTkwNjIsNC4xMjM2ODAxMyAyLjk3ODM3NDc4LDMuNjU0OTMwMTMgMy41ODM4OTE3MSwzLjY1NDkzMDEzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.zhanpay-login-page-form li.phone.active:before {
	background-color: #2faf61;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjEgKDY3MDQ4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXBob25lbnVtPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuihqOWNleagt+W8jyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwODYuMDAwMDAwLCAtMTAzOC4wMDAwMDApIiBmaWxsPSIjZmZmZmZmIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwODcuNSwxMDM4IEwxMDk1LjcsMTAzOCBDMTA5Ni41Mjg0MywxMDM4IDEwOTcuMiwxMDM4LjY3MTU3IDEwOTcuMiwxMDM5LjUgTDEwOTcuMiwxMDUyLjUgQzEwOTcuMiwxMDUzLjMyODQzIDEwOTYuNTI4NDMsMTA1NCAxMDk1LjcsMTA1NCBMMTA4Ny41LDEwNTQgQzEwODYuNjcxNTcsMTA1NCAxMDg2LDEwNTMuMzI4NDMgMTA4NiwxMDUyLjUgTDEwODYsMTAzOS41IEMxMDg2LDEwMzguNjcxNTcgMTA4Ni42NzE1NywxMDM4IDEwODcuNSwxMDM4IFogTTEwOTEuNiwxMDUyLjQgQzEwOTIuNDgzNjYsMTA1Mi40IDEwOTMuMiwxMDUxLjY4MzY2IDEwOTMuMiwxMDUwLjggQzEwOTMuMiwxMDQ5LjkxNjM0IDEwOTIuNDgzNjYsMTA0OS4yIDEwOTEuNiwxMDQ5LjIgQzEwOTAuNzE2MzQsMTA0OS4yIDEwOTAsMTA0OS45MTYzNCAxMDkwLDEwNTAuOCBDMTA5MCwxMDUxLjY4MzY2IDEwOTAuNzE2MzQsMTA1Mi40IDEwOTEuNiwxMDUyLjQgWiIgaWQ9Imljb24tcGhvbmVudW0iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.zhanpay-login-page-form li.code.active:before {
	background-color: #2faf61;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjEgKDY3MDQ4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXBob25ldGV4dDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLooajljZXmoLflvI8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDg1LjAwMDAwMCwgLTEwOTQuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Imljb24tcGhvbmV0ZXh0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDg1LjAwMDAwMCwgMTA5NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjEwNzY5MjMxLDEyLjA2NjI1IEw0LjU2OTIzMDc3LDkuNjE2MjUgTDEyLjQzMDc2OTIsOS42MTYyNSBDMTMuMjMwNzY5Miw5LjYxNjI1IDEzLjg2MTUzODUsOC45NzMxMjUgMTMuODYxNTM4NSw4LjE5MjE4NzUgTDEzLjg2MTUzODUsMS41NDY1NjI1IEMxMy44NjE1Mzg1LDAuNzUwMzEyNSAxMy4yMTUzODQ2LDAuMTIyNSAxMi40MzA3NjkyLDAuMTIyNSBMMS40MzA3NjkyMywwLjEyMjUgQzAuNjMwNzY5MjMxLDAuMTIyNSAwLDAuNzY1NjI1IDAsMS41NDY1NjI1IEwwLDguMTc2ODc1IEMwLDguOTczMTI1IDAuNjQ2MTUzODQ2LDkuNjAwOTM3NSAxLjQzMDc2OTIzLDkuNjAwOTM3NSBMMS43NTM4NDYxNSw5LjYwMDkzNzUgTDEuNzUzODQ2MTUsMTEuODk3ODEyNSBDMS43Mzg0NjE1NCwxMi4xMTIxODc1IDEuOTY5MjMwNzcsMTIuMjA0MDYyNSAyLjEwNzY5MjMxLDEyLjA2NjI1IFogTTEwLjQwNjk2ODYsMy42NTQ5MzAxMyBDMTEuMDEyNDg1NiwzLjY1NDkzMDEzIDExLjUwNTg2OTcsNC4xNDYwMDE1NiAxMS41MDU4Njk3LDQuNzQ4NjgwMTMgQzExLjUwNTg2OTcsNS4zNTEzNTg3IDExLjAxMjQ4NTYsNS44NDI0MzAxMyAxMC40MDY5Njg2LDUuODQyNDMwMTMgQzkuODAxNDUxNzEsNS44NDI0MzAxMyA5LjMwODA2NzU0LDUuMzUxMzU4NyA5LjMwODA2NzU0LDQuNzQ4NjgwMTMgQzkuMzA4MDY3NTQsNC4xMjM2ODAxMyA5LjgwMTQ1MTcxLDMuNjU0OTMwMTMgMTAuNDA2OTY4NiwzLjY1NDkzMDEzIFogTTYuOTA2OTY4NjQsMy42NTQ5MzAxMyBDNy41MTI0ODU1NywzLjY1NDkzMDEzIDguMDA1ODY5NzQsNC4xNDYwMDE1NiA4LjAwNTg2OTc0LDQuNzQ4NjgwMTMgQzguMDA1ODY5NzQsNS4zNTEzNTg3IDcuNTEyNDg1NTcsNS44NDI0MzAxMyA2LjkwNjk2ODY0LDUuODQyNDMwMTMgQzYuMzAxNDUxNzEsNS44NDI0MzAxMyA1LjgwODA2NzU0LDUuMzUxMzU4NyA1LjgwODA2NzU0LDQuNzQ4NjgwMTMgQzUuODA4MDY3NTQsNC4xMjM2ODAxMyA2LjMwMTQ1MTcxLDMuNjU0OTMwMTMgNi45MDY5Njg2NCwzLjY1NDkzMDEzIFogTTMuNTgzODkxNzEsMy42NTQ5MzAxMyBDNC4xODk0MDg2NSwzLjY1NDkzMDEzIDQuNjgyNzkyODEsNC4xNDYwMDE1NiA0LjY4Mjc5MjgxLDQuNzQ4NjgwMTMgQzQuNjgyNzkyODEsNS4zNTEzNTg3IDQuMTg5NDA4NjUsNS44NDI0MzAxMyAzLjU4Mzg5MTcxLDUuODQyNDMwMTMgQzIuOTc4Mzc0NzgsNS44NDI0MzAxMyAyLjQ4NDk5MDYyLDUuMzUxMzU4NyAyLjQ4NDk5MDYyLDQuNzQ4NjgwMTMgQzIuNDg0OTkwNjIsNC4xMjM2ODAxMyAyLjk3ODM3NDc4LDMuNjU0OTMwMTMgMy41ODM4OTE3MSwzLjY1NDkzMDEzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.zhanpay-login-page-form li.phone.error:before {
    background-color: #dd5c5c;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjEgKDY3MDQ4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXBob25lbnVtPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuihqOWNleagt+W8jyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwODYuMDAwMDAwLCAtMTAzOC4wMDAwMDApIiBmaWxsPSIjZmZmZmZmIj4KICAgICAgICAgICAgPHBhdGggZD0iTTEwODcuNSwxMDM4IEwxMDk1LjcsMTAzOCBDMTA5Ni41Mjg0MywxMDM4IDEwOTcuMiwxMDM4LjY3MTU3IDEwOTcuMiwxMDM5LjUgTDEwOTcuMiwxMDUyLjUgQzEwOTcuMiwxMDUzLjMyODQzIDEwOTYuNTI4NDMsMTA1NCAxMDk1LjcsMTA1NCBMMTA4Ny41LDEwNTQgQzEwODYuNjcxNTcsMTA1NCAxMDg2LDEwNTMuMzI4NDMgMTA4NiwxMDUyLjUgTDEwODYsMTAzOS41IEMxMDg2LDEwMzguNjcxNTcgMTA4Ni42NzE1NywxMDM4IDEwODcuNSwxMDM4IFogTTEwOTEuNiwxMDUyLjQgQzEwOTIuNDgzNjYsMTA1Mi40IDEwOTMuMiwxMDUxLjY4MzY2IDEwOTMuMiwxMDUwLjggQzEwOTMuMiwxMDQ5LjkxNjM0IDEwOTIuNDgzNjYsMTA0OS4yIDEwOTEuNiwxMDQ5LjIgQzEwOTAuNzE2MzQsMTA0OS4yIDEwOTAsMTA0OS45MTYzNCAxMDkwLDEwNTAuOCBDMTA5MCwxMDUxLjY4MzY2IDEwOTAuNzE2MzQsMTA1Mi40IDEwOTEuNiwxMDUyLjQgWiIgaWQ9Imljb24tcGhvbmVudW0iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.zhanpay-login-page-form li.code.error:before {
    background-color: #dd5c5c;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjEgKDY3MDQ4KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uLXBob25ldGV4dDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLooajljZXmoLflvI8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDg1LjAwMDAwMCwgLTEwOTQuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Imljb24tcGhvbmV0ZXh0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDg1LjAwMDAwMCwgMTA5NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjEwNzY5MjMxLDEyLjA2NjI1IEw0LjU2OTIzMDc3LDkuNjE2MjUgTDEyLjQzMDc2OTIsOS42MTYyNSBDMTMuMjMwNzY5Miw5LjYxNjI1IDEzLjg2MTUzODUsOC45NzMxMjUgMTMuODYxNTM4NSw4LjE5MjE4NzUgTDEzLjg2MTUzODUsMS41NDY1NjI1IEMxMy44NjE1Mzg1LDAuNzUwMzEyNSAxMy4yMTUzODQ2LDAuMTIyNSAxMi40MzA3NjkyLDAuMTIyNSBMMS40MzA3NjkyMywwLjEyMjUgQzAuNjMwNzY5MjMxLDAuMTIyNSAwLDAuNzY1NjI1IDAsMS41NDY1NjI1IEwwLDguMTc2ODc1IEMwLDguOTczMTI1IDAuNjQ2MTUzODQ2LDkuNjAwOTM3NSAxLjQzMDc2OTIzLDkuNjAwOTM3NSBMMS43NTM4NDYxNSw5LjYwMDkzNzUgTDEuNzUzODQ2MTUsMTEuODk3ODEyNSBDMS43Mzg0NjE1NCwxMi4xMTIxODc1IDEuOTY5MjMwNzcsMTIuMjA0MDYyNSAyLjEwNzY5MjMxLDEyLjA2NjI1IFogTTEwLjQwNjk2ODYsMy42NTQ5MzAxMyBDMTEuMDEyNDg1NiwzLjY1NDkzMDEzIDExLjUwNTg2OTcsNC4xNDYwMDE1NiAxMS41MDU4Njk3LDQuNzQ4NjgwMTMgQzExLjUwNTg2OTcsNS4zNTEzNTg3IDExLjAxMjQ4NTYsNS44NDI0MzAxMyAxMC40MDY5Njg2LDUuODQyNDMwMTMgQzkuODAxNDUxNzEsNS44NDI0MzAxMyA5LjMwODA2NzU0LDUuMzUxMzU4NyA5LjMwODA2NzU0LDQuNzQ4NjgwMTMgQzkuMzA4MDY3NTQsNC4xMjM2ODAxMyA5LjgwMTQ1MTcxLDMuNjU0OTMwMTMgMTAuNDA2OTY4NiwzLjY1NDkzMDEzIFogTTYuOTA2OTY4NjQsMy42NTQ5MzAxMyBDNy41MTI0ODU1NywzLjY1NDkzMDEzIDguMDA1ODY5NzQsNC4xNDYwMDE1NiA4LjAwNTg2OTc0LDQuNzQ4NjgwMTMgQzguMDA1ODY5NzQsNS4zNTEzNTg3IDcuNTEyNDg1NTcsNS44NDI0MzAxMyA2LjkwNjk2ODY0LDUuODQyNDMwMTMgQzYuMzAxNDUxNzEsNS44NDI0MzAxMyA1LjgwODA2NzU0LDUuMzUxMzU4NyA1LjgwODA2NzU0LDQuNzQ4NjgwMTMgQzUuODA4MDY3NTQsNC4xMjM2ODAxMyA2LjMwMTQ1MTcxLDMuNjU0OTMwMTMgNi45MDY5Njg2NCwzLjY1NDkzMDEzIFogTTMuNTgzODkxNzEsMy42NTQ5MzAxMyBDNC4xODk0MDg2NSwzLjY1NDkzMDEzIDQuNjgyNzkyODEsNC4xNDYwMDE1NiA0LjY4Mjc5MjgxLDQuNzQ4NjgwMTMgQzQuNjgyNzkyODEsNS4zNTEzNTg3IDQuMTg5NDA4NjUsNS44NDI0MzAxMyAzLjU4Mzg5MTcxLDUuODQyNDMwMTMgQzIuOTc4Mzc0NzgsNS44NDI0MzAxMyAyLjQ4NDk5MDYyLDUuMzUxMzU4NyAyLjQ4NDk5MDYyLDQuNzQ4NjgwMTMgQzIuNDg0OTkwNjIsNC4xMjM2ODAxMyAyLjk3ODM3NDc4LDMuNjU0OTMwMTMgMy41ODM4OTE3MSwzLjY1NDkzMDEzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
.zhanpay-login-page-form li input {
    height: 44px;
    line-height: 44px;
    width: 100%;
    font-size: 14px;
    border-radius: 3px;
    outline: none;
    background: transparent;
    padding-left: 50px;
    color: #082155;
    border: 0;
    box-sizing: border-box;
}
.zhanpay-login-page-form li.code input {
    padding-left: 0;
}
.zhanpay-login-page-form li span.type {
    width: 50px;
    height: 44px;
    position: absolute;
    left: 50px;
    display: flex;
    align-items: center;
    color: #082155;
    font-size: 14px;
}
.zhanpay-login-page-form li .get {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 32px;
    width: 86px;
    border-radius: 3px;
    background-color: #2faf61;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    opacity: .6;
}
.zhanpay-login-page-form li.ok .get {
	opacity: 1;
}
.zhanpay-login-page-form li.active {
    border: 1px solid #2faf61;
    background-color: #f6f9fc;
}
.zhanpay-login-page-form li.error {
    background-color: rgba(211,107,117,.06);
    border: 1px solid #dd5c5c;
    color: rgba(211,107,117,.4);
    margin-bottom: 30px;
}
.zhanpay-login-page-form li .error-text {
    display:none;
}
.zhanpay-login-page-form li.error .error-text {
    text-align: right;
    margin-top: 4px;
    font-size: 14px;
    color: #dd5c5c;
    display:block;
}
.zhanpay-login-page-form .doc {
    font-size: 13px;
    line-height: 14px;
    color: #292f3a;
    margin-top: 32px;
}
.zhanpay-login-page-form .doc a {
    color: #3262e6;
    font-weight: 550;
}
.zhanpay-login-page-form .btn {
    background: #2faf61;
    background: linear-gradient(180deg, #3fc071 0%, #269b5b 100%);
    color: #fff;
    text-align: center;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 20px;
    transition: all .2s;
}
.zhanpay-login-right-content .btn:hover {
    transform: scale(1) translateY(-4px);
}
.zhanpay-login-right-footer {
    position: absolute;
    bottom: 30px;
    color: rgba(32,37,51,.6);
    font-size: 12px;
}
.zhanpay-login-right-footer a {
    color: #202533;
    margin-right: 40px;
}


/*商户管理面板*/
.zhanpay-panel-content {
    height: 100%;
    display: flex;
}
.zhanpay-panel-left {
    width: 220px;
    height: 100%;
    background-color: #fff;
    position: fixed;
}
.zhanpay-panel-right {
    flex: 1;
    margin-top: 20px;
    margin-left: 240px;
    overflow-x: auto;
}
.zhanpay-panel-left-logo {
    box-shadow: 0 1px 0 #eef1fa;
    height: 60px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 20px;
}
.zhanpay-panel-left-logo svg {
    display: block;
    width: 100%;
}
.zhanpay-panel-left-logo svg .cls-1 {
    fill: #40434c;
}
.mini .zhanpay-panel-left-logo svg ,.max .zhanpay-panel-left-logo font {
    display: none;
}
.mini .zhanpay-panel-left-logo {
    padding: 0;
    margin: 0;
}
.mini .zhanpay-panel-left-logo font {
    color: #6c7ba2;
    font-weight: bold;
    font-size: 20px;
}
.zhanpay-panel-left-list {
    padding: 28px 15px 40px;
}
.zhanpay-panel-left-list>a {
    margin-bottom: 10px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 6px;
    padding: 12px 18px;
    color: rgba(32,37,51,.6);
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
}
.zhanpay-panel-left-list a:hover, .zhanpay-panel-left-list a.on {
    background-color: #eff3fb;
    color: #6c7ba2;
}
.zhanpay-panel-left-list>a i {
    font-size: 22px;
    margin-right: 25px;
}
.zhanpay-panel-left-list>a.on i.zhanpay-yingyong:before,.zhanpay-panel-left-list>a:hover i.zhanpay-yingyong:before {
    content: "\e7b7";
}
.zhanpay-panel-left-list>a.on i.zhanpay-tongji:before,.zhanpay-panel-left-list>a:hover i.zhanpay-tongji:before {
    content: "\e64d";
}
.zhanpay-panel-left-list>a.on i.zhanpay-shezhi:before,.zhanpay-panel-left-list>a:hover i.zhanpay-shezhi:before {
    content: "\e60a";
}
.zhanpay-panel-left-list>a.on i.zhanpay-tuichu:before,.zhanpay-panel-left-list>a:hover i.zhanpay-tuichu:before {
    content: "\e606";
}
.zhanpay-panel-left-list>a.on i.zhanpay-tousu:before,.zhanpay-panel-left-list>a:hover i.zhanpay-tousu:before {
    content: "\e68f";
}
.zhanpay-panel-left-bottom {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.zhanpay-panel-left-bottom i {
    background-color: #eff3fb;
    color: #656a73;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}
.zhanpay-panel-left-bottom i:hover {
    background-color: #dfe5f0;
}
.mini .zhanpay-panel-left {
    width: 80px;
}
.mini .zhanpay-panel-left .zhanpay-panel-left-list a span {
    display: none;
}
.mini .zhanpay-panel-left .zhanpay-panel-left-list a {
    padding-left: 14px;
}
.mini .zhanpay-panel-left .zhanpay-panel-left-logo img {
    display: none;
}
.mini .zhanpay-panel-left .zhanpay-panel-left-logo span {
    margin-left: 0;
}
.mini .zhanpay-panel-left .zhanpay-fanhui:before {
    content: "\e629";
}
.mini .zhanpay-panel-right {
    margin-left: 100px;
}

.zhanpay-panel-right-top {
    display: flex;
}
.zhanpay-panel-right-top>div {
    box-shadow: 0 4px 10px -5px rgb(0 0 0 / 15%);
    border-radius: 6px;
    background-color: #fff;
    padding: 20px;
}
.zhanpay-panel-right-top .info-box {
    margin-right: 20px;
    display: flex;
    width: 65%;
}
.zhanpay-panel-right-top .info-box .avatarimg img {
    width: 100px;
    display: block;
    border-radius: 6px;
}
.zhanpay-panel-right-top .info-box .avatarimg {
    margin-right: 20px;
}
.zhanpay-panel-right-top .info {
    display: flex;
    align-items: center;
    width: 100%;
}
.zhanpay-panel-right-top .info li span {
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
    color: #6c7ba2;
}
.zhanpay-panel-right-top .info li {
    flex: 1;
    color: #888;
}
.zhanpay-panel-right-top .doc-box .title {
    font-weight: bold;
    color: #6c7ba2;
}
.zhanpay-panel-right-top .doc-box .list {
    margin-top: 10px;
    position: relative;
    z-index: 1;
}
.zhanpay-panel-right-top .doc-box .list li a {
    color: #888;
    margin-right: 20px;
}
.zhanpay-panel-right-top .doc-box {
    width: calc(35% - 40px);
    margin-right: 20px;
    position: relative;
}
.zhanpay-panel-right-top .doc-box .list li {
    margin-bottom: 12px;
}
.zhanpay-panel-right-top .doc-box .bg {
    width: 140px;
    height: 140px;
    position: absolute;
    background-image: url(../img/doc-bg.png);
    right: 0px;
    bottom: -12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
.zhanpay-panel-box {
    box-shadow: 0 4px 10px -5px rgb(0 0 0 / 15%);
    border-radius: 6px;
    background-color: #fff;
    margin-top: 20px;
    margin-right: 20px;
}
.zhanpay-panel-box.mch {
    margin-bottom: 20px;
}
.zhanpay-panel-box.process .content {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}
.zhanpay-panel-box .title {
    color: #292f3a;
    font-size: 16px;
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
    background-color: #f9fbfd;
    box-shadow: 0 1px 0 #e1e5ed;
    height: 54px;
    line-height: 54px;
    padding: 0 24px;
}
.zhanpay-panel-box .title .refunds {
    margin-left: 50px;
    background-color: #f44336;
    color: #fff;
    padding: 6px 20px;
    border-radius: 4px;
    cursor: pointer;
}
.zhanpay-panel-box.process .content>span {
    background-color: #bdbdbd;
    color: #fff;
    border: 5px solid #ebebeb;
    border-radius: 25px;
    width: 80px;
    padding: 8px 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.zhanpay-panel-box.process .content>i {
    margin: 0 20px;
    display: block;
    color: #4b9afb;
    font-size: 20px;
}
.zhanpay-panel-box.process .content>span:hover, .zhanpay-panel-box.process .content>span.on {
    background-color: #2faf61;
    border: 5px solid #d4f3e0;
}
.zhanpay-panel-box .title .add {
    font-size: 14px;
    margin-left: 20px;
    background-color: #4caf50;
    padding: 5px 10px;
    line-height: 12px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.zhanpay-panel-box .title .add:hover {
    background-color: #36983a;
}
.zhanpay-panel-box .title .add.alipay {
    background-color: #2196f3;
}
.zhanpay-panel-box .title .add.alipay:hover {
    background-color: #1077c8;
}

/*开户表单*/
.zhanpay-open-mch-content {
    padding: 20px;
}
.zhanpay-open-mch-content li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    height: 40px;
}
.zhanpay-open-mch-content li span {
    width: 80px;
    display: inline-block;
    font-weight: bold;
    color: #6c7ba2;
}
.zhanpay-open-mch-content li input {
    width: calc(100% - 80px);
    box-sizing: border-box;
    border: 2px solid #dddee4;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
}
.zhanpay-open-mch-content li select {
    width: calc(100% - 85px );
    box-sizing: border-box;
    border: 2px solid #dddee4;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
}
.zhanpay-open-mch-content li input:focus,.zhanpay-open-mch-content li input:hover {
    border: 2px solid #6c7ba2;
}
.zhanpay-open-mch-content li:nth-child(2n-1) {
    width: 45%;
    margin-right: 30px;
}
.zhanpay-open-mch-content li:nth-child(2n) {
    width: calc(55% - 30px);
}
.zhanpay-open-mch-content .btn{
    background-color: #2196f3;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.zhanpay-open-mch-content li.card>i {
    display: block;
    font-size: 70px;
    color: #999;
    margin-top: 10px;
    padding: 5px;
}
.zhanpay-open-mch-content li.card form {
    opacity: 0;
    position: absolute;
    top: 30px;
    height: 85px;
    cursor: pointer;
    width: 110px;
}
.zhanpay-open-mch-content li.card {
    position: relative;
    height: inherit;
}
.zhanpay-open-mch-content li.card form input {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.zhanpay-open-mch-content li.card span {
    display: initial;
}
.zhanpay-open-mch-content li span m {
    color: #4caf50;
    margin-left: 10px;
}
.zhanpay-open-mch-content .tips {
    color: #f44336;
    font-size: 14px;
}
.zhanpay-panel-box.mch>.content,.zhanpay-panel-box.order>.content,.zhanpay-panel-box.complaints>.content,.zhanpay-panel-box.complaint_detail>.content {
    padding: 20px;
}
.zhanpay-panel-mch-list .header,.zhanpay-panel-order-list .header {
    padding: 10px;
    background-color: #eaeaea;
    font-weight: bold;
    color: #333;
    display: flex;
    border-radius: 4px;
    box-shadow: 0 1px 0 #cdcdcd;
}
.zhanpay-panel-mch-list .header>span,.zhanpay-panel-order-list .header>span {
    padding: 0 10px;
    text-align: center;
    box-shadow: 1px 0px 0 #cdcdcd;
}
.zhanpay-panel-order-list .header>span:last-child {
    box-shadow: 0 0 0 #000;
}
.zhanpay-panel-mch-list .header>span:nth-child(1),.zhanpay-panel-mch-list .content>li>span:nth-child(1) {
    flex: 4;
}
.zhanpay-panel-mch-list .header>span:nth-child(2),.zhanpay-panel-mch-list .content>li>span:nth-child(2) {
    flex: 2;
}
.zhanpay-panel-mch-list .header>span:nth-child(3),.zhanpay-panel-mch-list .content>li>span:nth-child(3) {
    flex: 2;
}
.zhanpay-panel-mch-list .header>span:nth-child(4),.zhanpay-panel-mch-list .content>li>span:nth-child(4) {
    flex: 2;
}
.zhanpay-panel-mch-list .header>span:nth-child(5),.zhanpay-panel-mch-list .content>li>span:nth-child(5) {
    flex: 4;
}
.zhanpay-panel-mch-list .header>span:nth-child(6),.zhanpay-panel-mch-list .content>li>span:nth-child(6) {
    flex: 4;
}
.zhanpay-panel-mch-list .header>span:nth-child(7),.zhanpay-panel-mch-list .content>li>span:nth-child(7) {
    flex: 4;
}
.zhanpay-panel-mch-list .header>span:last-child {
    box-shadow: 0 0 0 #000;
}
.zhanpay-panel-mch-list .content,.zhanpay-panel-order-list .content {
    padding: 5px 0;
}
.zhanpay-panel-mch-list .content li,.zhanpay-panel-order-list .content li {
    padding: 15px;
    border-bottom: 1px solid #ebeef5;
    display: flex;
}
.zhanpay-panel-mch-list .content li>span,.zhanpay-panel-order-list .content li>span {
    text-align: center;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.zhanpay-panel-mch-list .content li:last-child {
    border-bottom: 0;
}
.zhanpay-panel-mch-list .content>li>span:nth-child(3) i {
    color: #4caf50;
    font-size: 20px;
}
.zhanpay-panel-mch-list .content>li>span:nth-child(4) {
    color: #4caf50;
    font-weight: bold;
}
.zhanpay-panel-mch-list .content>li>span:nth-child(6) {
    color: #999;
}
.zhanpay-panel-mch-list .content>li>span:nth-child(5) {
    color: #555;
}
.zhanpay-panel-mch-list .content>li>span:nth-child(5) m {
    background-color: #2196f3;
    margin-left: 10px;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.zhanpay-panel-mch-list .content>li>span:nth-child(7) m {
    font-weight: bold;
    cursor: pointer;
}
.zhanpay-panel-mch-list .content li>span.do>m {
    color: #4caf50;
}

.zhanpay-mch-status-content {
    padding: 20px;
}
.zhanpay-mch-status-content li {
    margin-bottom: 10px;
    color: #666;
}
.zhanpay-mch-status-content li span {
    font-weight: bold;
    color: #333;
}
.zhanpay-mch-status-content li.reason {
    color: #F44336;
}
.zhanpay-mch-status-content .tips {
    font-weight: bold;
    color: #f00;
    text-align: center;
    margin-top: 30px;
}
.zhanpay-panel-mch-sign-qrcode {
    text-align: center;
    padding: 30px;
}
.zhanpay-panel-mch-sign-qrcode canvas {
    border-radius: 6px;
}
.zhanpay-panel-mch-sign-qrcode p {
    margin-top: 10px;
}
.zhanpay-panel-mch-pay-qrcode {
    text-align: center;
    padding: 20px;
}
.zhanpay-panel-mch-pay-qrcode.miniprogram img {
    width: 70%;
}
.zhanpay-panel-mch-pay-qrcode.follow-mp img {
    width: 150px;
    height: 150px;
}
.zhanpay-panel-mch-pay-qrcode.miniprogram p {
    font-size: 18px;
    margin-top: 20px;
}
.zhanpay-panel-mch-pay-qrcode canvas {
    border-radius: 6px;
}
.zhanpay-panel-mch-pay-qrcode p {
    margin-top: 10px;
    color: #41b035;
}
.zhanpay-panel-mch-pay-qrcode p i {
    font-size: 20px;
    margin-right: 2px;
    vertical-align: -2px;
}
.zhanpay-panel-mch-pay-qrcode .zhanpay-chenggong,.zhanpay-panel-mch-sign-qrcode .zhanpay-chenggong {
    color: #41b035;
    font-size: 50px;
    margin-top: 30px;
    display: block;
}


.zhanpay-panel-box.order {
    margin-top: 0;
}

.zhanpay-panel-order-list .header>span:nth-child(1),.zhanpay-panel-order-list .content>li>span:nth-child(1) {
    flex: 3;
}
.zhanpay-panel-order-list .header>span:nth-child(2),.zhanpay-panel-order-list .content>li>span:nth-child(2) {
    flex: 5;
}
.zhanpay-panel-order-list .header>span:nth-child(3),.zhanpay-panel-order-list .content>li>span:nth-child(3) {
    flex: 1;
}
.zhanpay-panel-order-list .header>span:nth-child(4),.zhanpay-panel-order-list .content>li>span:nth-child(4) {
    flex: 5;
}
.zhanpay-panel-order-list .header>span:nth-child(5),.zhanpay-panel-order-list .content>li>span:nth-child(5) {
    flex: 2;
}
.zhanpay-panel-order-list .header>span:nth-child(6),.zhanpay-panel-order-list .content>li>span:nth-child(6) {
    flex: 4;
}
.zhanpay-panel-order-list .header>span:nth-child(7),.zhanpay-panel-order-list .content>li>span:nth-child(7) {
    flex: 4;
}
.zhanpay-panel-order-list .header>span:nth-child(8),.zhanpay-panel-order-list .content>li>span:nth-child(8) {
    flex: 4;
}
.zhanpay-panel-order-list .content>li>span.wechat {
    color: #4caf50;
}
.zhanpay-panel-order-list .content>li>span.total {
    font-weight: bold;
    color: #ff5722;
}
.zhanpay-panel-order-list .content li>span.out_trade_no, .zhanpay-panel-order-list .content li>span.trade_no {
    color: #666;
}
.zhanpay-open-mch-select-content {
    padding: 20px;
    display: flex;
}
.zhanpay-open-mch-select-content>li {
    flex: 1;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    border: 2px solid #f1f1f1;
    margin-right: 10px;
    border-radius: 4px;
}
.zhanpay-open-mch-select-content>li .icon i {
    font-size: 50px;
}
.zhanpay-open-mch-select-content.wechat>li .icon i {
    color: #4caf50;
}
.zhanpay-open-mch-select-content .title {
    font-weight: bold;
    color: #555;
    margin: 10px 0;
}
.zhanpay-open-mch-select-content>li p {
    line-height: 35px;
    color: #999;
}
.zhanpay-open-mch-select-btn {
    width: 110px;
    text-align: center;
    margin: 5px auto 0;
    background-color: #4caf50;
    color: #fff;
    padding: 8px;
    border-radius: 2px;
    cursor: pointer;
}
.zhanpay-open-mch-select-content>li:hover,.zhanpay-open-mch-select-content>li.on {
    border-color: #4caf50;
    background-color: #efffef;
    color: #5f8361;
}
.zhanpay-open-mch-select-content>li:hover p,.zhanpay-open-mch-select-content>li.on p {
    color: #5f8361;
}
.zhanpay-open-mch-select-content>li:last-child {
    margin-right: 0;
}
.zhanpay-open-mch-select-content>li p m {
    margin: 0 5px;
    color: #e4e4e4;
}
.zhanpay-open-mch-select-content>li p:first-child {
    color: #495f4a;
    font-size: 12px;
}
.zhanpay-open-mch-select-content .title>span {
    padding-bottom: 5px;
    border-bottom: 2px solid #d7e6d8;
    color: #ff5722;
}
.zhanpay-open-mch-select-content>li p k {
    color: #f00;
}
.zhanpay-open-mch-select-doc {
    text-align: center;
    margin-bottom: 20px;
    color: #555;
}
.zhanpay-open-mch-select-doc a {
    color: #f00;
}
.zhanpay-open-mch-select-doc input {
    width: 15px;
    height: 15px;
    vertical-align: -2px;
    cursor: pointer;
}

.zhanpay-panel-box.process .content-list ul {
    display: none;
    padding: 30px;
    margin: 0;
    color: #666;
    text-align: center;
}
.zhanpay-panel-box.process .content-list ul.on {
    display: block;
}
.zhanpay-panel-mch-pay-qrcode.h5 {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    color: #666;
}
.zhanpay-panel-mch-pay-qrcode.h5 p {
    font-size: 14px;
}
.zhanpay-panel-order-list .content li>span.do .test {
    color: #999;
}

.layui-layer-dialog .layui-layer-btn .layui-layer-btn0 {
    background-color: #fff;
    color: #333;
    border: 1px solid #dedede;
}
.layui-layer-dialog .layui-layer-content {
    text-align: center;
}


/*首页*/
.menu li a {
    color: #000; /* 默认颜色 */
    text-decoration: none; /* 移除下划线 */
    padding: 10px 15px; /* 内边距 */
}

.menu li a:hover,
.menu li.active a {
    color: #25b864; /* 悬停和激活时的颜色 */
    border-bottom: 3px solid #25b864; /* 下划线样式 */
}
.zhanpay-header {
    border-top: 3px solid var(--zhanpay-color);
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e7eaf0;
}
.zhanpay-header-content {
    width: var(--zhanpay-width);
    margin: 0 auto;
}
.zhanpay-header-content .logo {
    float: left;
    margin: 27px 0;
    width: 200px;
    height: 34px;
}
.zhanpay-header-content .logo>a {
    display: inline-block;
    height: 100%;
}
.zhanpay-header-content .logo svg {
    display: block;
    width: 100%;
}
.zhanpay-header-content .logo svg .cls-1 {
    fill: #444;
}
.zhanpay-header-content .join {
    float: right;
    background: var(--zhanpay-color);
    border-color: var(--zhanpay-color);
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 26px;
    margin-left: 40px;
}
.zhanpay-header-content .join a {
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 0px 22px 0;
    box-sizing: border-box;
}
.zhanpay-header-content .menu {
    float: right;
    padding-top: 24px;
}
.zhanpay-header-content .menu li {
    display: block;
    float: left;
    line-height: 30px;
    padding: 3px 5px 0;
    margin: 0 20px;
    vertical-align: middle;
    border-bottom: 3px solid #fff;
}
.zhanpay-header-content .menu li:last-child {
    margin-right: 0;
}
.zhanpay-header-content .menu li a {
    color: #333;
    cursor: pointer;
}
.zhanpay-header-content .menu li.current-menu-item a {
    color: var(--zhanpay-color);
}
.zhanpay-header-content .menu li.current-menu-item {
    border-color: var(--zhanpay-color)!important;
}




.zhanpay-index-banner {
    height: 300px;
    background-color: #565656;
}
.zhanpay-index-banner-wrap {
    width: var(--zhanpay-width);
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.zhanpay-index-banner-wrap .content {
    margin-left: 590px;
    color: #fff;
    position: absolute;
    top: 100px;
}
.zhanpay-index-banner-wrap .content .title {
    font-size: 28px;
    font-weight: 700;
    color: #FFF;
}
.zhanpay-index-banner-wrap .content .desc {
    font-size: 14px;
    margin-top: 20px;
}
.zhanpay-index-banner-wrap .content .btn {
    display: inline-block;
    margin-top: 20px;
    width: 108px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #FFF;
    border-radius: 3px;
}
.zhanpay-index-banner-wrap .content .btn:hover {
    background-color: var(--zhanpay-color);
}
.zhanpay-index-banner-wrap .content .btn a {
    color: #fff;
    display: inline-block;
    width: 100%;
}
.zhanpay-index-slider-wrap {
    width: var(--zhanpay-width);
    margin: 0 auto;
}
.zhanpay-index-slider {
    height: 150px;
    position: relative;
}
.zhanpay-index-slider-wrap .cover {
    position: absolute;
    width: 520px;
    height: 389px;
    top: -280px;
}
.zhanpay-index-slider-wrap .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
}
.zhanpay-index-slider-wrap .list {
    margin-left: 590px;
    margin-top: 40px;
}
.zhanpay-index-slider-wrap .list li {
    width: 110px;
    height: 110px;
    float: left;
    margin-right: 30px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 2px solid #fff;
}
.zhanpay-index-slider-wrap .list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    opacity: .5;
}
.zhanpay-index-slider-wrap .list li:last-child {
    margin-right: 0;
}
.zhanpay-index-slider-wrap .list li.on, .zhanpay-index-slider-wrap .list li:hover {
    border: 2px solid var(--zhanpay-color);
}
.zhanpay-index-slider-wrap .list li.on img {
    opacity: 1;
}
.zhanpay-index-product-wrap {
    width: var(--zhanpay-width);
    margin: 0 auto;
    display: flex;
}
.zhanpay-index-product-wrap .left .title {
    font-size: 28px;
    font-weight: 700;
    position: relative;
    color: #3b426b;
}
.zhanpay-index-product-wrap .left .desc {
    margin-top: 30px;
    color: #858ab4;
    text-align: center;
}
.zhanpay-index-product-wrap .left {
    padding-right: 60px;
    border-right: 1px solid #EDEDED;
    width: 150px;
}
.zhanpay-index-product-wrap .left .title:after {
    width: 44px;
    margin-left: -22px;
    content: "";
    position: absolute;
    height: 4px;
    bottom: -12px;
    left: 50%;
    background-color: var(--zhanpay-color);
    border-radius: 1px;
}
.zhanpay-index-product-wrap .right {
    padding-left: 71px;
    width: 100%;
}
.zhanpay-index-product {
    padding-top: 50px;
}
.zhanpay-index-product-wrap .right li {
    float: left;
    width: calc((100% - 108px)/4);
    margin-right: 36px;
    height: 186px;
    padding: 0 32px;
    box-sizing: border-box;
    margin-bottom: 36px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    color: #333;
    text-align: center;
    border: 2px solid rgb(232 232 232);
    cursor: pointer;
    position: relative;
}
.zhanpay-index-product-wrap .right li:nth-child(4n) {
    margin-right: 0;
}
.zhanpay-index-product-wrap .right li .icon i {
    font-size: 52px;
    color: #5d5d5d;
}
.zhanpay-index-product-wrap .right li .icon {
    margin-top: 44px;
}
.zhanpay-index-product-wrap .right li p {
    margin-top: 10px;
    position: relative;
}
.zhanpay-index-product-wrap .right li p:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 4px;
    left: 50%;
    margin-left: -17px;
    border-radius: 1px;
    bottom: -12px;
    background-color: #F4F4F4;
}
.zhanpay-index-product-wrap .right li:hover {
    border-color: var(--zhanpay-color);
}
.zhanpay-index-product-wrap .right li:hover .icon i {
    color: var(--zhanpay-color);
}
.zhanpay-index-product-wrap .right li:hover p:after {
    background-color: var(--zhanpay-color);
}
.zhanpay-index-product-wrap .right li .mark {
    position: absolute;
    right: 2px;
}
.zhanpay-index-product-wrap .right li .mark.wechat {
    color: #00c250;
}
.zhanpay-index-product-wrap .right li .mark.wechat i:nth-child(2) {
    margin-left: 5px;
    color: #2196f3;
}
.zhanpay-index-product-wrap .right li .mark.alipay {
    color: #2196f3;
}
.zhanpay-index-product-wrap .right li .no {
    position: absolute;
    font-size: 12px;
    background-color: #e5e5e5;
    color: #fdfdfd;
    padding: 3px 4px;
    border-radius: 4px;
    line-height: 12px;
    top: 5px;
    left: 5px;
}
.zhanpay-index-why {
    margin-top: 50px;
}
.zhanpay-index-why-wrap {
    width: var(--zhanpay-width);
    margin: 0 auto;
}
.zhanpay-index-why-wrap .title {
    font-size: 30px;
    font-weight: 550;
    text-align: center;
    color: #3b426b;
    margin-bottom: 50px;
}
.zhanpay-index-why-wrap .content li {
    width: 25%;
    float: left;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 30px;
}
.zhanpay-index-why-wrap .content li .icon i {
    font-size: 30px;
    color: #3b426b;
    opacity: .6;
    margin-right: 30px;
}
.zhanpay-index-why-wrap .content li:hover .icon i {
    opacity: 1;
}
.zhanpay-index-why-wrap .content li .icon {
    margin-bottom: 20px;
}
.zhanpay-index-why-wrap .content li .subtitle {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 14px;
    color: #3b426b;
}
.zhanpay-index-why-wrap .content li .desc {
    color: #858ab4;
    font-size: 16px;
    line-height: 27px;
}

.zhanpay-index-footer {
    margin-top: 100px;
    color: #9D9D9D;
    background: #404343;
    border-top: 3px solid var(--zhanpay-color);
}
.zhanpay-index-footer-wrap {
    width: var(--zhanpay-width);
    margin: 0 auto;
    padding: 43px 0 23px;
}
.zhanpay-index-footer-logo {
    margin-bottom: 43px;
}
.zhanpay-index-footer-logo svg {
    width: 200px;
}
.zhanpay-index-footer-logo svg .cls-1 {
    fill: #eaeaea;
}

.zhanpay-index-footer-menu {
    display: flex;
}
.zhanpay-index-footer-menu li {
    flex: 1;
}
.zhanpay-index-footer-menu li a {
    display: block;
    color: #9D9D9D;
    font-size: 15px;
    margin-top: 20px;
    border-left: 2px solid;
    padding-left: 5px;
    line-height: 10px;
}
.zhanpay-index-footer-menu li .title {
    color: #FFF;
    margin-bottom: 21px;
    font-size: 20px;
}
.zhanpay-index-footer-menu li .code img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
}
.zhanpay-index-footer-bottom {
    margin-top: 40px;
    text-align: center;
    font-size: 12px;
}
.zhanpay-index-footer-bottom p {
    margin-bottom: 7px;
}
.zhanpay-index-footer-bottom p.report {
    margin-bottom: 0;
    font-size: 14px;
    color: #ccc;
}
.zhanpay-index-footer-bottom p.report a {
    color: #25b864;
    text-decoration: underline;
}
.zhanpay-index-footer-bottom p n {
    margin: 0px 15px;
    color: #5f5f5f;
}
.zhanpay-index-footer-menu li a:hover {
    color: var(--zhanpay-color);
}
.zhanpay-index-footer-bottom a:hover {
    color: #fff;
}
.zhanpay-index-footer-bottom a {
    color: #9D9D9D;
}

.zhanpay-doc-content {
    width: var(--zhanpay-width);
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
}
.zhanpay-doc-content-left {
    width: 200px;
    padding-right: 20px;
    border-right: 2px solid #f1f1f1;
}
.zhanpay-doc-content-left li {
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    font-weight: bold;
    color: #999;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-left: 4px solid #f1f1f1;
    background-color: #fefefe;
    position: relative;
}
.zhanpay-doc-content-left li n {
    font-size: 12px;
    background-color: var(--zhanpay-color);
    position: absolute;
    top: 13px;
    line-height: 12px;
    color: #fff;
    padding: 2px 6px;
    border-radius: 2px;
    margin-left: 5px;
}
.zhanpay-doc-content-left li.on, .zhanpay-doc-content-left li:hover {
    border-left: 4px solid var(--zhanpay-color);
    color: var(--zhanpay-color);
    background-color: #f4fff9;
}
.zhanpay-doc-content-right {
    min-height: 1000px;
    width: 100%;
    flex: 1;
    padding: 0 20px 20px;
}
.zhanpay-doc-box {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f1f1f1;
}
.zhanpay-doc-box .time {
    color: #999;
    margin-top: 10px;
    font-size: 14px;
}
.zhanpay-doc-box>p {
    margin: 10px 0;
    color: #333;
}
.zhanpay-doc-box>p>span {
    font-weight: bold;
    color: #555;
}
.zhanpay-doc-box>p>k {
    color: #2196f3;
    font-weight: bold;
}
.zhanpay-doc-box h2 {
    margin-bottom: 20px;
}

.zhanpay-doc-part-form .header {
    background-color: #fafafa;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 20px;
    display: flex;
}
.zhanpay-doc-part-form .header span:nth-child(1),.zhanpay-doc-part-form .content li span:nth-child(1) {
    flex: 2;
}
.zhanpay-doc-part-form .header span:nth-child(2),.zhanpay-doc-part-form .content li span:nth-child(2) {
    flex: 2;
    padding-left: 10px;
}
.zhanpay-doc-part-form .header span:nth-child(3),.zhanpay-doc-part-form .content li span:nth-child(3) {
    flex: 2;
    padding-left: 10px;
}
.zhanpay-doc-part-form .header span:nth-child(4),.zhanpay-doc-part-form .content li span:nth-child(4) {
    flex: 1;
    padding-left: 10px;
}
.zhanpay-doc-part-form .header span:nth-child(5),.zhanpay-doc-part-form .content li span:nth-child(5) {
    flex: 5;
    padding-left: 10px;
}
.zhanpay-doc-part-form .header span {
    border-right: 1px solid #e3e3e3;
    font-weight: bold;
    color: #666;
}
.zhanpay-doc-part-form .header span:last-child {
    border-right: 0;
}
.zhanpay-doc-part-form .content {
    padding: 10px;
}
.zhanpay-doc-part-form .content li {
    display: flex;
    padding: 0 10px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    align-items: center;
}
.zhanpay-doc-part-form .content li:last-child {
    border-bottom: 0;
}
.zhanpay-doc-part-form .content li span {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.zhanpay-doc-part-form .content li span:nth-child(5) m {
    color: var(--zhanpay-color);
    margin-top: 5px;
    display: inline-block;
}
.zhanpay-doc-part-form .content li span:nth-child(5) {
    color: #666;
    font-size: 14px;
}
.zhanpay-doc-part-form .content li span:nth-child(5) n {
    margin-top: 5px;
    display: inline-block;
    color: #f00;
    font-weight: bold;
    cursor: pointer;
}
.zhanpay-doc-part-code {
    background: #183055;
    padding: 20px;
    color: #fff;
    border-radius: 4px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.zhanpay-doc-part-code m {
    color: #ff4855;
}
.zhanpay-doc-part-code n {
    color: #27ff30;
    margin-left: 10px;
}
.zhanpay-doc-part-code k {
    color: #ffeb3b;
}
.zhanpay-doc-part-code>p {
    padding-left: 20px;
}
.zhanpay-doc-notice {
    margin-bottom: 30px;
    color: #d33e3e;
    padding: 10px;
    background-color: #ffe0e0;
    font-size: 14px;
    border: 1px solid #dca4a4;
    border-radius: 4px;
}
.zhanpay-doc-notice.success {
    color: #5b8a5d;
    background-color: #f0fff0;
    border: 1px solid #7fc882;
}

.zhanpay-doc-box h2>k {
    margin-left: 20px;
    color: #4caf50;
    font-size: 16px;
}
.zhanpay-panel-order-list .content li>span.do {
    font-size: 13px;
}
.zhanpay-panel-order-list .content li>span.do m {
    display: inline-block;
    background-color: #2faf61;
    color: #fff;
    margin-left: 10px;
    padding: 3px 6px;
    line-height: 14px;
    border-radius: 4px;
    cursor: pointer;
}
.zhanpay-panel-order-list .content li>span.do m.tui {
    background: #ff5722;
}
.zhanpay-doc-header-notice {
    color: #d33e3e;
    padding: 10px;
    background-color: #ffe0e0;
    font-size: 16px;
    border: 1px solid #dca4a4;
    border-radius: 4px;
    margin: 30px auto;
    width: var(--zhanpay-width);
    box-sizing: border-box;
}
.zhanpay-doc-header-notice i {
    font-size: 20px;
    vertical-align: -2px;
}
.zhanpay-doc-box .commend {
    color: #ff9800;
    font-size: 15px;
}


/*订单页面*/
.zhanpay-panel-order-search,.zhanpay-panel-setting-box,.zhanpay-panel-order-data-show {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    margin-right: 20px;
}
.zhanpay-panel-order-search .list li {
    width: calc((100% - 60px)/4);
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}
.zhanpay-panel-order-search .list li:last-child {
    margin-right: 0;
}
.zhanpay-panel-order-search .list li span {
    display: block;
    font-weight: bold;
    color: #555;
    margin-bottom: 10px;
}
.zhanpay-panel-order-search .list li input {
    width: 100%;
    padding: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    box-sizing: border-box;
}
.zhanpay-panel-order-search .btn {
    text-align: center;
    padding: 8px;
    background-color: var(--zhanpay-color);
    color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    width: calc((100% - 60px)/4);
    float: left;
}
.zhanpay-panel-order-search .reset {
    text-align: center;
    padding: 8px;
    background-color: #eb6359;
    color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    width: calc((100% - 60px)/4);
    float: left;
    margin-left: 20px;
}

.zhanpay-panel-order-data-show {
    display: flex;
}
.zhanpay-panel-order-data-show li {
    flex: 1;
    text-align: center;
    margin-right: 20px;
    color: #fff;
    padding: 20px 0;
    border-radius: 4px;
    opacity: 0.8;
    cursor: pointer;
}
.zhanpay-panel-order-data-show li:nth-child(1),.zhanpay-panel-order-data-show li:nth-child(2) {
    background-color: #28a55e;
}

.zhanpay-panel-order-data-show li:nth-child(3),.zhanpay-panel-order-data-show li:nth-child(4) {
    background-color: #bbb;
}
.zhanpay-panel-order-data-show li:hover {
    opacity: 1;
}
.zhanpay-panel-order-data-show li:last-child {
    margin-right: 0;
}
.zhanpay-panel-order-data-show li span {
    font-size: 26px;
    font-weight: bold;
}
.zhanpay-panel-order-data-show li p {
    margin-top: 10px;
}
.zhanpay-panel-order-data-show li span m {
    font-weight: normal;
    font-size: 16px;
    margin-left: 6px;
}


/*客服图标*/
.zhanpay-rightbar {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 1;
}
.zhanpay-rightbar .kefu {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #00c250;
    border-radius: 100%;
    box-shadow: rgb(0 0 0 / 6%) 0px 1px 6px 0px, rgb(0 0 0 / 16%) 0px 2px 32px 0px;
}
.zhanpay-rightbar .kefu i {
    font-size: 30px;
    color: #fff;
}
.zhanpay-rightbar .kefu a {
    display: block;
    height: 100%;
}



/*支付设置*/
.zhanpay-panel-setting-box li {
    margin-bottom: 40px;
    display: flex;
}
.zhanpay-panel-setting-box li select {
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #5b8a5d;
    background-color: #f0fff0;
    border: 1px solid #7fc882;
    margin-right: 20px;
}
.zhanpay-panel-setting-box li span {
    margin-right: 20px;
    display: inline-block;
    width: 140px;
}
.zhanpay-panel-setting-box li select option {
    padding: 10px;
}
.zhanpay-panel-setting-box li textarea {
    width: 300px;
    height: 100px;
    resize: none;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 20px;
    border: 1px solid #7fc882;
    font-size: 14px;
}
.zhanpay-panel-setting-box li m {
    color: #F44336;
}
.zhanpay-panel-setting-box .btn {
    text-align: center;
    padding: 8px;
    background-color: var(--zhanpay-color);
    color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    width: 460px;
}
.zhanpay-panel-setting-box li .list {
    margin-right: 20px;
}
.zhanpay-panel-setting-box li .list p {
    margin-right: 10px;
    margin-bottom: 10px;
}
.zhanpay-panel-setting-box li .list p input {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    cursor: pointer;
}
.zhanpay-panel-notice {
    background: #fff9ea;
    border: 1px solid #ffe6bb;
    padding: 10px;
    color: #89650b;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-right: 20px;
    letter-spacing: 2px;
}


/*投诉页面*/
.zhanpay-panel-box.complaints,.zhanpay-panel-box.complaint_detail {
    margin-top: 0;
}
.complaints .zhanpay-panel-order-list .header>span:nth-child(1), .complaints .zhanpay-panel-order-list .content>li>span:nth-child(1) {
    flex: 1;
}
.complaints .zhanpay-panel-order-list .header>span:nth-child(2), .complaints .zhanpay-panel-order-list .content>li>span:nth-child(2) {
    flex: 4;
}
.complaints .zhanpay-panel-order-list .header>span:nth-child(3), .complaints .zhanpay-panel-order-list .content>li>span:nth-child(3) {
    flex: 2;
}
.complaints .zhanpay-panel-order-list .header>span:nth-child(4), .complaints .zhanpay-panel-order-list .content>li>span:nth-child(4) {
    flex: 1;
}
.complaints .zhanpay-panel-order-list .header>span:nth-child(5), .complaints .zhanpay-panel-order-list .content>li>span:nth-child(5) {
    flex: 2;
}
.complaints .zhanpay-panel-order-list .header>span:nth-child(6), .complaints .zhanpay-panel-order-list .content>li>span:nth-child(6) {
    flex: 1;
}
.complaints .zhanpay-panel-order-list .content>li>span.payer_phone k {
    font-size: 12px;
    margin-left: 5px;
    color: #ff5722;
}
.complaints .zhanpay-panel-order-list .content>li>span.complaint_detail,.complaints .zhanpay-panel-order-list .content>li>span.complaint_detail a {
    font-size: 14px;
    color: #006abe;
}
.complaints .zhanpay-panel-order-list .content>li>span.do {
    cursor: pointer;
    font-weight: bold;
}
.complaints .zhanpay-panel-order-list .content>li>span.do a {
    color: #555;
}
.complaints .zhanpay-panel-order-list .content>li>span.complaint_time {
    color: #999;
}
.complaints .zhanpay-panel-order-list .content>li>span.complainted_mchid a {
    color: #333;
}
.complaints .zhanpay-panel-order-list .content>li>span.complainted_mchid a:hover {
    text-decoration: underline;
}
.zhanpay-panel-box.complaint_detail .title span a {
    margin-left: 10px;
    color: #2196f3;
    text-decoration: underline;
}
.zhanpay-panel-complaint-detail-form li {
    padding: 10px 10px 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
}
.zhanpay-panel-complaint-detail-form li .a {
    width: 150px;
    border-right: 1px solid #e3e3e3;
    font-weight: bold;
    color: #666;
}
.zhanpay-panel-complaint-detail-form li .b {
    flex: 1;
    padding-left: 20px;
    color: #555;
}
.zhanpay-panel-complaint-detail-form li .b m {
    margin-right: 10px;
    margin-bottom: 10px;
}
.zhanpay-panel-complaint-detail-form li .b img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
}
.zhanpay-panel-complaint-detail-form li.phone .b {
    color: #2196f3;
}
.zhanpay-panel-box-complaints-mch-list li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px;
}
.zhanpay-panel-box-complaints-mch-list li a {
    display: inline-block;
    padding: 10px;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 4px;
}
.zhanpay-panel-box-complaints-mch-list li a.on {
    background-color: var(--zhanpay-color);
    color: #fff;
}



/*发起退款*/
.zhanpay-panel-order-refunds-form {
    padding: 20px;
}
.zhanpay-panel-order-refunds-form .tips {
    font-size: 14px;
    color: #f00;
    line-height: 24px;
    margin-bottom: 20px;
}
.zhanpay-panel-order-refunds-form textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 100px;
    resize: none;
    border: 1px solid #999;
    border-radius: 4px;
    font-size: 16px;
}
.zhanpay-panel-order-refunds-form .btn {
    margin-top: 20px;
    text-align: center;
    background-color: var(--zhanpay-color);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}
.zhanpay-panel-order-refunds-form>p {
    margin-bottom: 10px;
}
.zhanpay-panel-order-refunds-form input {
    padding: 6px;
    margin-right: 5px;
    width: 80px;
    font-size: 16px;
    border: 1px solid #999;
    border-radius: 4px;
}


.zhanpay-top-tips {
    background-color: #226b47;
    line-height: 20px;
    color: #eee;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    position: relative;
}
.zhanpay-top-tips .close {
    position: absolute;
    top: 8px;
    right: 20px;
    line-height: 18px;
    color: #ddd;
    font-size: 24px;
    cursor: pointer;
}