@charset "UTF-8";
a:link,a:partive,a:visited,a:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;outline: none;}
body {background: #fff;padding-top: 40px;}
.wrap{width: 100%;min-width: 1200px;  position: relative;overflow: hidden;z-index: 2;}
.section{ height:2548px; position: relative; z-index: 3; width: 100%; margin: 0 auto; box-sizing: border-box;
background: url(../images/bg_01.jpg) no-repeat 50% 0}
.section .logo {position: absolute;width: 185px;height: 70px;top: 95px;left: 50%;margin-left: -480px;text-indent: -999em;}
.section .btn-login,
.section .btn-logout,
.section .btn-send,
.section .btn-record{line-height: 100px;height:100px;text-align: center;color:#b2d286;font-size:26px;top: 1013px;left:50%;width: 250px;}

.section .btn-login,
.section .btn-logout {margin-left: -475px;}
.section .btn-logout {font-size: 24px;}

.section .btn-login:hover,
.section .btn-logout:hover,
.section .btn-record:hover{text-decoration: underline;}

.section .btn-send {font-size:40px;font-weight: bold;width: 410px;margin-left: -205px;}
.section .btn-send:hover::after {content: "";width: 670px;height:160px;background: url(../images/btn-on.png) no-repeat 0 0;position: absolute;z-index: -1;top: -58px;left: -129px;}
.section .btn-record {margin-left: 240px;width: 220px;}

.section .rules-box {width:980px;top:1980px;left:50%;margin-left:-490px}
.section .rules-box p {color:#ecc3ad;font-size: 18px;line-height: 30px;}
.section .rules-box .title {color:#ca8b6b;font-weight: bold;}


.pop {display: none;}
.pop .btn_close {width: 50px;height: 50px;position: absolute;top: 18px;right: 9px;}
.pop-text {width: 536px;height:262px;background: url(../images/pop.png) no-repeat 0 0;padding-top: 60px;box-sizing: border-box;}
.pop-text p {width:500px;height:170px;display: flex;margin:0 auto;justify-content: center;align-items: center;text-align: center;font-size: 30px;color:#dcbf9c;font-weight: bold;}

.pop-form {width: 536px;height:442px;background: url(../images/pop-form.png) no-repeat 0 0;}
.pop-form .nick {width: 145px;height:32px;left:150px;top:105px;line-height: 32px;font-size: 18px;color:#000;outline: none;box-sizing: border-box;border: 0 none;}
.pop-form .area {width: 150px;height:32px;left:150px;top:150px;line-height: 32px;font-size: 18px;color:#000;outline: none;box-sizing: border-box;border: 0 none;}
.pop-form .name {width: 145px;height:32px;left:150px;top:193px;line-height: 32px;font-size: 18px;color:#000;outline: none;box-sizing: border-box;border: 0 none;}
.pop-form .desc {width: 335px;height:95px;left:150px;top:240px;line-height: 30px;font-size: 18px;color:#000;resize: none;outline: none;box-sizing: border-box;border: 0 none;}
.pop-form .btn-send {width:167px;height:53px;top:350px;left:86px;}
.pop-form .btn-cancel {width:167px;height:53px;top:350px;left:285px;}


.pop-list {width: 716px;height:442px;background: url(../images/pop-list.png) no-repeat 0 0;padding-top: 158px;box-sizing: border-box;}

.pop-list .listBox,.pop-list .listTitle {
    width: 660px;
    margin-left: 27px;
    height: 240px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.pop-list .myPrize{
    text-align: center;
    width: 660px;
}

.pop-list .listBox .myPrize td {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color:#d5b796;
}