@charset "UTF-8";
html {
    font-family: BlinkMacSystemFont, "PingFang SC", PingFang-SC-Regular, "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
    background: #020201;
    min-height: 100%
}

body {
    font-size: .14rem;
    min-height: 100%
}

a,
b,
body,
button,
canvas,
code,
dd,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
h4,
html,
i,
iframe,
img,
input,
li,
ol,
option,
p,
pre,
select,
span,
strong,
table,
tbody,
textarea,
thead,
ul,
video,
xmp {
    margin: 0;
    padding: 0;
    word-break: break-all;
    word-wrap: break-word;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-overflow-scrolling: touch
}

audio,
dd,
dl,
dt,
ol,
p,
ul,
video {
    display: block;
    border: 0
}

img {
    border: 0
}

a {
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover {
    text-decoration: none
}

li {
    display: block;
    list-style: none
}

textarea {
    resize: none;
    outline: 0;
    font-family: BlinkMacSystemFont, "PingFang SC", PingFang-SC-Regular, "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif
}

input {
    outline: 0;
    font-size: .12rem
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    padding: 1px;
    box-sizing: border-box;
    background: rgba(94, 94, 94, .35)
}

::-webkit-scrollbar-track {
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #5e5e5e;
    border-radius: 10px
}

::-webkit-input-placeholder {
    color: #bbb!important
}

::-moz-placeholder {
    color: #bbb!important
}

::-ms-input-placeholder {
    color: #bbb!important
}

input[disabled] {
    background: rgba(184, 184, 184, .5);
    color: #9a9a9a
}

.clear {
    *height: 1%
}

.clear:after {
    content: '.';
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.hidden {
    visibility: hidden!important
}

.null {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -999px
}

#simple-text-prompt {
    position: fixed;
    width: 100%;
    top: 320px;
    text-align: center;
    z-index: 999
}

#simple-text-prompt .message {
    display: inline-block;
    padding: 0 40px;
    line-height: 48px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    background-color: rgba(0, 0, 0, .95);
    border-radius: 30px
}

#loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: url(https://douliu.wanmei.com/static-resource/image/loading.gif) transparent center center no-repeat;
    background-size: 1.4rem 1.4rem
}

.u-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 900
}

.popup-normal {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.popup-normal .text{font-size: 24px;text-align: center;height: auto;
    margin: 110px auto 0;color: #fff;
    width: 660px;}
.popup-normal .close-btn {
    position: absolute;
    right: 48px;
    top: 56px;
    width: 57px;
    height: 58px;
    background: url(../images/close.png) no-repeat;
    background-size: 100% 100%;
    text-indent: -999px;
}

.popup-normal .popup-title {
    margin: 0 0 .1rem
}

.popup-normal .scroll-panel {
    overflow-x: hidden;
    overflow-y: auto
}
.popup-normal .scroll-panel a{
    color: #f9e505;
}
.rule-popup {
    width: 951px;
    height: 555px;
    box-sizing: border-box;
    background: url(../images/rule-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 136px 0 0
}
.prompt-popup {
    width: 951px;
    height: 555px;
    box-sizing: border-box;
    background: url(../images/prompt-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 136px 0 0
}
.popup {
    width:816px;
    height: 690px;
    box-sizing: border-box;
    background: url(../images/pop-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 136px 0 0
}
.prompt-popup .close-btn{top: 100px;}
.rule-popup .scroll-panel {
    width: 698px;
    height: 316px;
    box-sizing: border-box;
    padding: 0 36px 0 0;
    margin: 0 0 0 130px;
    font-size: 18px;
    color: #fff;
    line-height: 36px
}

.rule-popup .scroll-panel .center {
    text-align: center
}

.login-container {
    max-width: 1920px; 
    margin: 0 auto;
    position: relative
}

.login-container .panel {
    width: 100%;position: relative;
  
    background-position: center top;
    background-repeat: no-repeat
}

.login-container .panel.panel-1 {
    background: url(../images/bg1.jpg) center top;background-size:auto  100% ;
    height: 748px;
}

.login-container .panel.panel-2 {
    background-image: url(../images/bg2_2.jpg);
    height:152px
}

.login-container .panel.panel-3 {
    background-image: url(../images/bg3.jpg);
    height: 1153px;
}

.login-container .panel.panel-4 {
    background-image: url(../images/bg4.jpg);
    height: 1176px;
    
}

  
.login-container .login-btn {
    position: absolute;
    left: 50%;
    top: 800px;
    width: 190px;
    height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -999px;

    background: url(../images/btn_login.png) no-repeat;
    margin: 0 0 0 -95px;
    background-size: 100%;
}
.login-container .user-panel {
    position: absolute;
    left: 0;
    top: 718px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 1;display: none;
    white-space: nowrap
}

.login-container .user-panel span {
    margin: 0 8px;
    color: red
}

.login-container .user-panel a {
    color: #fff
}

.login-container .role-select {
    position: absolute;
    left: 50%;
    top: 798px;
    margin: 0 0 0 -58px;
    width: 320px;
    height: 42px;
    background: #fff;
    font-size: 20px;
    color: #000;
    padding: 0 0 0 18px;
    box-sizing: border-box
}
 

.login-container .logo {
    position: absolute;
    left: 42px;
    top: 32px;
    width: 221px;
    height: 108px;
    background: url(../images/logo.png) no-repeat
}

.login-container .home-btn {
    position: absolute;
    right: 80px;
    top: 28px;
    width: 336px;
    height: 87px;
    background: url(../images/home-btn.png) no-repeat
}

.login-container .anchor-role {
    position: absolute;
    left: 0;
    top: 756px
}

.login-container .anchor-level {
    position: absolute;
    left: 0;
    top: 1112px
}

.login-container .anchor-gift {
    position: absolute;
    left: 0;
    top: 1990px
}
 
.u-popup .title{width: 308px;height: 108px;position: absolute;top: 20px;left: 40px;}

.btn_box{width: 100%;text-align: center;bottom:50px;position: absolute;display: flex;justify-content: center;}
.btn_confirm{width: 304px;height: 81px;background: url(../images/btn_confirm.png) no-repeat;display: block;margin: 0 10px;cursor: pointer;}

.giftbox{width: 1222px;height: 816px;background: url(../images/giftbox.png) no-repeat;background-size: 100%;left: 50%;margin: 0 0 0 -611px; position: absolute;top: 990px; z-index: 10;}
.btn_q{width: 58px;height: 58px;position: absolute;background: url(../images/btn_q.png) no-repeat;right:30px;top:40px;cursor: pointer;
    background-size: 100%;}
.btn_buy{width: 316px;height: 92px;background: url(../images/btn_buy.png) no-repeat;position: absolute;cursor: pointer;bottom: 80px;right: 140px;}

.mailList{font-size: 18px;color: #fff;margin: 0 auto 20px;}
.mailList label,.confirmForm label{width: 110px; display: inline-block;}
.mailList input{background: #fff;width: 500px;height: 30px;font-size: 16px;border: 0;padding: 0 5px; }
.mailForm{width: 680px;height: 440px;margin: 40px auto 0;}
.mailForm p{font-size: 18px;color: #fff;line-height: 30px;margin: 30px auto 0;}
 
.confirmForm p{font-size: 28px;color: #fff;line-height: 30px;margin: 50px auto 0;text-align: center;}
.confirmForm{width: 560px;height: 440px;margin: 80px auto 0;}
.confirmList{font-size: 18px;color: #fff;margin: 0 auto 20px;}

.btn_modify{width: 302px;height: 92px;background: url(../images/btn_modify.png) no-repeat;display: block;margin: 0 10px;cursor: pointer;}
.btn_pay{width: 312px;height: 102px;background: url(../images/btn_pay.png) no-repeat;display: block;margin: 0 10px;cursor: pointer;}
#address_confirm .btn_box{bottom: -10px;}
#payfail .title,#paysucess .title{top: -60px;}