.toast-box {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    text-align: center;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.toast-box.top {
    top: 50px
}

.toast-box.top .toast-box>p {
    margin-bottom: auto
}

.toast-box.bottom {
    bottom: 50px
}

.toast-box.bottom .toast-box>p {
    margin-top: auto
}

.toast-box.fade-in {
    animation: toast-fadein .3s forwards;
    -webkit-animation: toast-fadein .3s forwards
}

.toast-box.fade-out {
    animation: toast-fadeout .3s forwards;
    -webkit-animation: toast-fadeout .3s forwards
}

.toast-box>p {
    font-size: 30px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    max-width: 60%;
    padding: 10px 20px;
    color: #fff;
    background-color: #747474;
    border-radius: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.toast-box>p.main {
    background-color: rgba(34, 39, 115, .9019607843137255)
}

.toast-box>p.primary {
    background-color: #007bff
}

.toast-box>p.success {
    background-color: #28a745
}

.toast-box>p.danger {
    background-color: #dc3545
}

.toast-box>p.warning {
    background-color: #ffc107
}

.toast-box>p.info {
    background-color: #17a2b8
}

.toast-box>p.dark {
    background-color: #343a40
}

@keyframes toast-fadein {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes toast-fadein {
    0% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes toast-fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes toast-fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.gray-filter {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grey;
    filter: gray;
    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

* {
    margin: 0;
    padding: 0
}

body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
    font: 400 26px/1.5 HelveticaNeue-Thin, Helvetica Neue, Helvetica, Arial, PingFangSC-Light, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-style: normal
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
menu,
nav,
section {
    display: block
}

body {
    width: 100%;
    color: #333;
    background: #f3f3f3;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none
}

fieldset,
img {
    border: 0
}

address,
cite,
dfn,
em,
i,
var {
    font-weight: 400;
    font-style: normal
}

dfn {
    font-family: Arial
}

ol,
ul {
    list-style: none
}

address,
em {
    font-style: normal
}

a {
    text-decoration: none;
    color: #333
}

a:hover {
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none
}

button {
    border: 0;
    outline: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

input {
    border: none;
    border-radius: 0;
    -webkit-appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cdcdcd
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #cdcdcd
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cdcdcd
}

#docWrap,
body,
html {
    width: 100%;
    min-width: 1140px;
    background-color: #fff
}

.lowie footer,
.lowie header,
.lowie nav {
    display: block
}

#header {
    height: 60px
}

#header .fix-head {
    position: fixed;
    height: 60px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    z-index: 9999
}

#header .fix-head .page-head {
    max-width: 1040px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

#header .fix-head .page-head .page-logo {
    width: 160px;
    height: 24px;
    margin-top: 16px;
    background-image: url(../static/img/logo.png);
    background-size: 160px;
    background-repeat: no-repeat
}

#header .fix-head .page-head .nav-list {
    position: absolute;
    right: 0;
    top: 15px;
    width: 65%;
    min-width: 230px;
    z-index: 999;
    background: #fff
}

#header .fix-head .page-head .nav-list.nav-list-cn {
    width: 85%
}

#header .fix-head .page-head .nav-list .head-nav {
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border-bottom: 2px solid #fff;
    margin-left: 32px
}

#header .fix-head .page-head .nav-list .head-nav.unmanned {
    position: relative
}

#header .fix-head .page-head .nav-list .head-nav.unmanned:after {
    content: "TM";
    font-family: HelveticaNeue;
    position: absolute;
    font-size: 8px;
    line-height: 10px;
    top: 5px
}

#header .fix-head .page-head .nav-list .head-nav.investor {
    width: 113px;
    text-align: center
}

#header .fix-head .page-head .nav-list .head-nav.active,
#header .fix-head .page-head .nav-list .head-nav:hover {
    font-weight: 600;
    border-bottom-color: #ffc107
}

#header .fix-head .page-head .nav-list .showcooperation {
    width: 30px;
    height: 30px;
    display: block;
    background: url(data:image/gif;base64,R0lGODlhHgAeALMPAKqvxpeduTlFevr6/MjM29XX40ZRg2dwmeHj6+3u83V9o1dhjoKJq7u/0h4raP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MUEyRDAzMjlCMTExRTg5QzgzQzM1QTRFM0VGRTFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2MUEyRDA0MjlCMTExRTg5QzgzQzM1QTRFM0VGRTFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjYxQTJEMDEyOUIxMTFFODlDODNDMzVBNEUzRUZFMUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjYxQTJEMDIyOUIxMTFFODlDODNDMzVBNEUzRUZFMUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno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) no-repeat
}

#header .fix-head .page-head .nav-list .showcooperation.active,
#header .fix-head .page-head .nav-list .showcooperation:hover {
    border: none
}

#footer {
    background: #FCCF00;
    height: 300px;
    font-size: 13px;
    color: hsla(0, 0%, 40%, .6);
    text-align: center;
    font-family: PingFang SC
}

.bottom-box .company {
    margin-bottom: 20px
}

.bottom-box a {
    color: hsla(0, 0%, 40%, .6);
    margin: 0 3px
}

.cooperation-pop {
    position: fixed;
    top: 39px;
    left: 50%;
    margin-left: 200px;
    z-index: 9999;
    width: 240px;
    padding: 32px 50px 26px;
    border-radius: 6px;
    display: none;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    background: url(data:image/png;base64,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) no-repeat
}

.cooperation-pop .title {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #1e2b68;
    line-height: 28px
}

.cooperation-pop .content {
    font-size: 13px;
    line-height: 18px;
    color: #848dbb
}

#animate-wrap .commitment-desc .hd,
.common-bg {
    background-size: 270px auto;
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/9011fe1fe50f2f0dbe9d7ba5f5deb13e.png)
}

#animate-wrap .commitment-desc .hd {
    background-position: 0 0
}

#animate-wrap .product-slogan .hd {
    background-position: 0 -140px
}

#animate-wrap .about-text .hd,
#animate-wrap .product-slogan .hd {
    background-size: 270px auto;
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/9011fe1fe50f2f0dbe9d7ba5f5deb13e.png)
}

#animate-wrap .about-text .hd {
    background-position: -120px -140px
}

#animate-wrap .cooperation-text .hd {
    background-position: 0 -250px
}

#animate-wrap .cooperation-text .hd,
#animate-wrap .other-content .hd {
    background-size: 270px auto;
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/9011fe1fe50f2f0dbe9d7ba5f5deb13e.png)
}

#animate-wrap .other-content .hd {
    background-position: 0 -70px
}

#animate-wrap .slogan .item-1:before {
    background-position: 0 -210px
}

#animate-wrap .slogan .item-1:before,
#animate-wrap .slogan .item-2:before {
    background-size: 270px auto;
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/9011fe1fe50f2f0dbe9d7ba5f5deb13e.png)
}

#animate-wrap .slogan .item-2:before {
    background-position: -80px -210px
}

#animate-wrap .slogan .item-3:before {
    background-position: -40px -210px
}

#animate-wrap .product-slogan .item-1:before,
#animate-wrap .slogan .item-3:before {
    background-size: 270px auto;
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/9011fe1fe50f2f0dbe9d7ba5f5deb13e.png)
}

#animate-wrap .product-slogan .item-1:before {
    background-position: -120px -210px
}

#animate-wrap .product-slogan .item-2:before {
    background-position: -200px -210px
}

#animate-wrap .product-slogan .item-2:before,
#animate-wrap .product-slogan .item-3:before {
    background-size: 270px auto;
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/9011fe1fe50f2f0dbe9d7ba5f5deb13e.png)
}

#animate-wrap .product-slogan .item-3:before {
    background-position: -160px -210px
}

.lowie #animate-wrap .animate-item .hd,
.lowie #product .item-wrap .product-slogan .slogan-item:before {
    background-repeat: no-repeat;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/public/assets/133e82d4b311b690aea0d99744df5f74.png)
}

#animate-wrap {
    width: 100%;
    overflow: hidden
}

#animate-wrap .animate-item {
    position: relative
}

#animate-wrap .item-with-margin {
    margin-bottom: 20px
}

#animate-wrap .item-wrap {
    width: 1920px;
    min-width: 1140px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
    background-repeat: no-repeat
}

#animate-wrap .chinese {
    font-size: 13px;
    color: #000
}

#animate-wrap .english {
    font-size: 12px;
    color: #707070
}

#animate-wrap .hd-new {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAABOCAMAAABsSsYnAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAzJkUZsJMKFEZHnpwheuj2I8JW9QzPQV/uOWua3dsv0fQDuES9rM4LyUjk/Bgx9yqQp6LVXIG1JIAAAZdSURBVGje7NfbdqIwFIDhjYCcRBFExOpoVTyfetjv/2qTHekQMFVSnbma76bNWgV+SMKi8N9/AqvPWPAPzXRdn4G6F2Q6IBd5njcFJT4yr3CDiYiNZ5d6iDgHzpVYwDUNmY86peOu1BgELcErMlpLAAUHGRsYHavkN+ggmdYpDVAqAAHeBIKUjSc1Ss9a7oTkVbu2+LulETKb+6UB3qXLSietkpdqqSbYI9PWBCDggXw9WBKOemlkGPTYTcMI6ZgulIxpPtR3FNdDxBTuGjQuhsjMGzIzIPOiXFKaFldTLt0hYjaDmiwknyAlKw06Ij4zux+WWgajK73yTLjhbJq03oamOQtQJnPhi1/G/77nlwzgZ6ZIYuDCFmOovqWCt7obn8ugInG/oYPAbSNFiJuxfaf03C+JHSCqpYmXm0KMMpXlH2rITBKV0i7cYN6XAgkx16hVGqZ89hagVLryrqxBhXrpzERmvwW1Ug+vRFDWbTPNYmzTeACChD3d06U0jEk/Q0aLBX/CthoSDZ5fekDmvRg3kFlBhSHukRGSPkgc9qhY2nd46TqKIp8fGX3ZQpmLzLAYn/jwZil/wEuQ6CLHS9fGRYuvBiPnlktPQ+x/7aiEpoN/wDhxbMG1FJk15FbI7G6W2kj4qcI+k5Qvfs5LPZSx4cJ9G82RFKU7HppHZA4IDm2S8Xtuk/LI+KbUFH6nqxli6dnS65RG+GVo5aU0H68L4I6Vj3ADb2rJS5t83TlAeM4J/qA3i1Jp8JlAj5fu6AnZ/f7bNPrls9JMf7TUaYsf83p2tUn1OjuKl5be/HOs8KDg2oIjMqYt2EpL0/JZOmzUUy9tLgdN7XappvAtJSvlO/kFoLQD7Uqp+vv0Azops6TewF45dL3tQ6Ubmu1sNBr73fdzeuzN98ikD5WehElq5F+LTrfbXT1UOkWpxSOlQ/bzV6m0LLHKUmSWVllYs/TwSOmeTrDxOVq7c5/7hJyFNcSl0k61dB8sd6023eEDpSEyzSlWdR4o7QFs/MHAG7eMyH6L3QTImf+H9fPSmB//tFIvX44S0w6z/nnpgc+JE3ET2vsRtyrOULZE5qyXJZA7I3mHu9RLKe4A8h2lvvc3eOGHtUsjQ/ItRRLIHXmpRfexeFape8LcvDGyZZpXpXP8RggXSUa3zh+pDWHunUrDnHJpMt7Toj9M8Htt1dKmd0Rm1LwsAZSxVEtd/jDXkDSeWPqCJHMNRC18Ymnw4QBjf6TDuqU3FKUDMLBBC1eTcVVLf7dbJ9uJQlEUhjc9GCwIjYAY9SIBhBK7vP+zlRjhonAVRzXhH2QQTs75zDJZxvoWtEjoK35X6gdB+HkEbBvvlq0vZRgbGxsbGxsb+8/9WKBNjmhSI1wTZD80PrLO9E+GJlcBJqKHuszt3+nWP6PsmjUpmnbV+LJKnMV4jNNAk3k0rba/m8yzrbj2KtTup4sDhcEXAfnbR93yq3/nxwK/hZvazO0F1M2rcUm8pBeSo74nPQfC7REXt6Y9owAepCcpHSrViFrU98WEStvjQlJ4b0htA3VqQqetxEdHyufEGij1dc+06vu82CsFzvpwqWW2nhKhno4lET1SiPxA6T7GVKzvW2TbL41Ma7B0OQVtvb1Na5yKXikSeZBUNYBJ2dxPS69Xiqk4WGrMet7VOTmCIRUcbYg0SKsvbrPRn/ZL1c/B0lLrSrO5DJYUcjJAmpMrg6f3pbRXmiWDpXN0pDNuwcVMKfhFR/rXaZpfn56XuOSZUXM/J1GfVCCDpRvvUSqWGnaSxZRaRHn1O/U2EaqmC3pfPPVJ8xVTum6NSflFmz9KperKV+CxpHBL74XUNrxrOWndD9Ueqcwzpe03xt4CeBk0Vwa4CarOBlMKf/pCKhHutz8zel9wtK5U/2JKIwdNGwByCNohpdOngimFNHsqVQhuqUbrvhx0pJ6jMKVwctxaJ6B/lFUTpzXtJT5TmpPombRYNJJ93LrPLx+l+ifY0t0Jt8qrMSU1PeKO7WlLWnSkdMkTqTWPUDfV2xuJci/dmfETKYLTdZEW3F7PzJFRtebs++mY2CwpwhVbujuhaWK2N7rlHzouHBMjxr3UdOquJt1cFXxJP3Jph8s3Dk6oPL4uzVyzpMKcLeVS0IJje+PHd/Pv93JTxsuEYxqh3WSdWRgbGxsbY/UPP4D7LcVKcdkAAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 57px;
    margin: 88px 0
}

#animate-wrap .hd {
    width: 188px;
    height: 66px;
    margin-bottom: 60px;
    position: relative;
    background-repeat: no-repeat
}

#animate-wrap .hd:after {
    content: "\20";
    width: 36px;
    height: 2px;
    background: #a38d71;
    position: absolute;
    left: 0;
    bottom: -36px
}

#cover {
    overflow: hidden
}

#cover,
#cover .item-wrap {
    width: 100%;
    max-height: 900px
}

#cover .item-wrap {
    -webkit-transition: none;
    transition: none
}

#cover .item-wrap .cover-logo {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer
}

#cover .item-wrap .cover-logo .video-play {
    width: 100px;
    height: 100px;
    -webkit-transform: translate3D(-50%, -50%, 0);
    transform: translate3D(-50%, -50%, 0);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAIHRSTlMAswWrDp0fi4MaNS2iTKd2UkY8bEGWfJInWnFnFVZeYkRmvr4AAAk0SURBVHja1Z1ps5sgFIZZFRfc43pN/v+/bGfaTsCYGDmA9PnWmfbevnA25ADIDSRK5dSWYuA8LyilRc5vcdneZRoR9H9AxnqJc/yBIm5lxlDIsHS54S/hcxemGJI+BnySW9sEJiaaYorNGB4jCgQmBwyCTwm6HNIIiuHE9bU2lrUFtgQt08sCcxpjq/D6CimkGbB1uPQthdT8wFJu/b2qmzSLEkYIS6IsbWo5lcOBR+WVTylE8g8S4rZKk/f/nZ9MLiL/kPgnb37f5G9FiHUk32Ue2Rdvf4ofA0vEu5mYMnIujVbvQvfgPkmSaf93i46YFTbl/s9rHdtXuusctwrwa1kd77pKjdzx0+/FmUcEttaJ72X7CDmiozuT0RFnyZWuyAVk3nHKxmK5I3Y8z4GnRLfXuU+RVcb+1W4zZJmavoxWhqwTlXjL5NiseIqcMA4nzAtuVvTuLvfKwpl5ZXQ7SE5XdGw7/bSzVFptdOQNcky2tYDKylRjnZYg55B1M3gPBGYCTDOALMcaM3T42k0GTJAnmNj4JUgJKQFmBWVjXjED6BC6WTXIKxnXyzpzJaX+g2BmBTev2NQeFitTCzVtuJ+sWKWHuwd8MGejMhEQ/iyyQvNJqsWMO7qMmoJyfLb/z+FAh/RkQk60ErRGVgENKs1ORYshmPl4mZOcmRYmD3Q5WuARJwp3PeQFwGq0+k2oqj+MfXEtn2QGDhKHoUMvl3J2WvwtmO1jrYAVZx2ERigYGMdPVnQIK8JJINt0cmqE59AC1n7oig9lqw4SiqP/Q3xvLGQI00H+wHJl/+RzGKpCdZBXN2k/Slb+YokCRHWT8busUwSTQVSI8g1yIF95ukRB8t1/8aaGt0CZNaM5zunBRaxnwj4ug5XQu5hZcPd4VBlyi1SmZN9LUrW8BLR25HencYIMR2vXWFnhwxakhdMWn1EZcPI5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) no-repeat 50%;
    background-size: cover;
    display: none
}

#cover .item-wrap .cover-logo .video-play.show {
    display: block
}

#cover .item-wrap .slogan {
    width: 950px;
    margin: 60px auto 0;
    padding-left: 90px;
    font-size: 0;
    opacity: 0;
    padding-top: 20px;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

#cover .item-wrap .slogan .item {
    display: inline-block;
    padding-left: 43px;
    position: relative;
    margin-right: 80px
}

#cover .item-wrap .slogan .item .chinese {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff
}

#cover .item-wrap .slogan .item .english {
    font-size: 13px;
    color: #d4a778
}

#cover .item-wrap .slogan .item:last-child {
    margin-right: 0
}

#cover .item-wrap .slogan .item:before {
    content: "\20";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0
}

#cover .item-wrap .video-wrap {
    max-height: 900px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#cover .item-wrap .qrcode-wrap {
    position: absolute;
    bottom: 30px;
    right: 40px;
    font-size: 0;
    width: 400px
}

#cover .item-wrap .qrcode-wrap .code {
    width: 100px;
    height: 32px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    padding: 8px 8px 8px 48px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    position: relative;
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

#cover .item-wrap .qrcode-wrap .code:before {
    content: "\20";
    width: 27px;
    height: 27px;
    position: absolute;
    top: 10px;
    left: 9px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

#cover .item-wrap .qrcode-wrap .code.down {
    width: 150px
}

#cover .item-wrap .qrcode-wrap .code.down:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbBAMAAAB/+ulmAAAAKlBMVEUAAAD6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vrszkN3AAAADXRSTlMAu0R3ZjMiEe7dmYjM/jMjSAAAAJ5JREFUGNNjEASDAEcwtYHhLhgo2IIpAYa7EwUFZYDci0DJXiDXgIGBCci9wMDAIIuFGygK5rJIQ7i6l8Bc5osQbrIZmMtkgqYXk4vqDAyuMRgkKIMpBwY0oAQGBUlKSqoMQQFIekHOwOAuUlJSBnNvIDyIsNegSB3EvSgJ5iJ8hMlFKL7ABrQ+AMlHYHBX2NjYCup9ZweIM+CBg8YFAKklkA9PasoCAAAAAElFTkSuQmCC)
}

#cover .item-wrap .qrcode-wrap .code.wechat:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaBAMAAAAktUMMAAAAMFBMVEUAAAD6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vra4m7BAAAAD3RSTlMAd7tE7hFmM6rdzJlViCKvNXg7AAAA4ElEQVQY013QsUoDQRSF4ROCsRFcn2AVbKwCKrZBG8tNkcJORXvzAqIi2FpabiHW4hMkjbX7BsbabmNhNsJvchhn1Q8uF36YYRjNvK0zuekqemduN5ZWht0pOCM4ki1BmXn2ZT3oX3iqeKK7DDqEoUMb1m49ZeFAUJ4crzz/CpOdHLiuw/2jV+E7gGobvKWUuXEOVqjnfQXJgMuUsVoOpzBMSTpMpVeAF9jz+z+kBkCHH5IG/0NeZnX4lBano4WtA4IvqTnSrBKsKkixKv5sA3tQtOnQV+18o3xqJ/qrmegbZDrwbUdSPC0AAAAASUVORK5CYII=)
}

#cover .item-wrap .qrcode-wrap .code:after {
    content: "\20";
    width: 124px;
    height: 129px;
    position: absolute;
    bottom: 60px;
    right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    display: none
}

#cover .item-wrap .qrcode-wrap .code.down.co:after,
#cover .item-wrap .qrcode-wrap .code.down.com:after {
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/b58e7a526662c056776b506a9d1a3676.png)
}

#cover .item-wrap .qrcode-wrap .code.wechat:after {
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/c5b408386e4989ead6dcd25e6de4d974.png)
}

#cover .item-wrap .qrcode-wrap .code.show-code:after {
    display: block
}

#cover .item-wrap:after {
    content: none;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 44px;
    left: 50%;
    margin-left: -16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEUAAAC1hl2yiF2yf2ayiF2yiV6ziV+ziV2yiV70/kkqAAAACHRSTlMAJuUKvr1bSujetGwAAABbSURBVCjPzcqxDUBgAEThE4labKBTKogBNEZQ2sEGYnDJn5c8G3Ddu3z5zc53LElzj3a9H6mG1WO+2qQrBNAnEAFEABFI6q0AyQSAACQACUACkAAkAAlAAvhqDxgsEWf/vlyFAAAAAElFTkSuQmCC)
}

#cover #playBox {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #000;
    display: none
}

#cover #playBox .video-view,
#cover #playBox .video-view #play-tvc {
    width: 100%;
    height: 100%
}

#cover #playBox .control {
    display: none
}

#cover #playBox .close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADgElEQVRYhd2Zz0/TYBjHP63CwrrqEsGgiTNUDuppQUw8eO6dN/0fvJDAv0LiRf8Dk2ZcSf8FkfTAwR8R4jBCUHCh68wYOg9vJ2V0Xdt1mvi9bHnfp+2n74/ned6nCtmlA2WgBEwBBUAN+n4BbeAH0AQagJflIUpK+wJwC7gZ/E+jNnAI7Af/Eykp4ARwF5hNcc0gdYED4BPQGWac5GEzwD0kZJ7qAB+Br3FGV2L6FGAemBtil1VXgGlgEvgeZxQlFXiIXGvjlo7caEfI6b+gKEAFeADcGC/XBU0BGvCtvyMKcJ6/M3L9KiLX+XG4sR9wBrnm/pV0pO9s9RrUUOcEcrdGSggxbRhGWt93SYZhFIQQ0zEm84Q8RhjwLgNciRBi2rbtV67rvjRNs5wVzjTNsuu6L2zbfhUDeTVguQBYQDrhSG1ubp40m809XdfnarXaWhZI0zTLtm2v6bpuNJvNPdd140LfbMD0B/AWMU67Xq+fWpa16vv+rqZpqSFDcHO+7+9alrW6s7MTF+6UgOkP4NBd6zhOQwixkhayH04IseI4TiPBe93sAeokDPxpIU3TLNdqtSxwBEy6ikyZEispZA9O07QscD2VVWSYSaVhkDnBAZQUYAEZZlIrCgQgJzgAXwGeMEIqFYZstVr1breLpmmVHOAAOgrwlBGTUNM0y+vr68+LxWIFwPf9uhBieUQ4gK463CbhnbrnmZKijJp0n0sFzka5QWiKK77v11utVr1YLFayRpw+nanAaQ5wvQ2xvLS0tJw14kToVEWmN3nArTiO08gacQboh4o8t44EZ1nWanhD5AjZVJGH6pHgNjY2Lh16coJsqMgTf6KDdFK4nCDbgNdzM4d5w+UAeQjnDroAPGaAw65UKpPb29svdV030sCFFX5Bz/N2qtXqs5icsAu8Btq9EWwjyxGRWlxcvFYqle54npcJDs5H0vO83VKpdKdareox5gcB04URmwAeMSAuW5Y1s7W1dTIkEx4qwzAKCwsL12zbHlTy6ABvgt9LUzoD3B8FIAe9I7Qn+s/FLWStJG74x6kDYC/cEFVZ+I7MD4t/gyikI+B9f+Og4tERchSnxkkU0jHwloTFIwLDr8gNM+7p3keO3CU4GF73O0YmE9cT2KZVB/gAfI4z+i9KwGEVgNvIQ/VkymtPke7jC2Mookcp6jNEbxn8JKfPEL8BA/4AwUbGW0cAAAAASUVORK5CYII=);
    background-size: 100%;
    z-index: 999
}

#cover #playBox .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .65)
}

#cover #playBox .replay {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    display: none;
    margin-top: -100px;
    margin-left: -100px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAIHRSTlMAswWrDp0fi4MaNS2iTKd2UkY8bEGWfJInWnFnFVZeYkRmvr4AAAk0SURBVHja1Z1ps5sgFIZZFRfc43pN/v+/bGfaTsCYGDmA9PnWmfbevnA25ADIDSRK5dSWYuA8LyilRc5vcdneZRoR9H9AxnqJc/yBIm5lxlDIsHS54S/hcxemGJI+BnySW9sEJiaaYorNGB4jCgQmBwyCTwm6HNIIiuHE9bU2lrUFtgQt08sCcxpjq/D6CimkGbB1uPQthdT8wFJu/b2qmzSLEkYIS6IsbWo5lcOBR+WVTylE8g8S4rZKk/f/nZ9MLiL/kPgnb37f5G9FiHUk32Ue2Rdvf4ofA0vEu5mYMnIujVbvQvfgPkmSaf93i46YFTbl/s9rHdtXuusctwrwa1kd77pKjdzx0+/FmUcEttaJ72X7CDmiozuT0RFnyZWuyAVk3nHKxmK5I3Y8z4GnRLfXuU+RVcb+1W4zZJmavoxWhqwTlXjL5NiseIqcMA4nzAtuVvTuLvfKwpl5ZXQ7SE5XdGw7/bSzVFptdOQNcky2tYDKylRjnZYg55B1M3gPBGYCTDOALMcaM3T42k0GTJAnmNj4JUgJKQFmBWVjXjED6BC6WTXIKxnXyzpzJaX+g2BmBTev2NQeFitTCzVtuJ+sWKWHuwd8MGejMhEQ/iyyQvNJqsWMO7qMmoJyfLb/z+FAh/RkQk60ErRGVgENKs1ORYshmPl4mZOcmRYmD3Q5WuARJwp3PeQFwGq0+k2oqj+MfXEtn2QGDhKHoUMvl3J2WvwtmO1jrYAVZx2ERigYGMdPVnQIK8JJINt0cmqE59AC1n7oig9lqw4SiqP/Q3xvLGQI00H+wHJl/+RzGKpCdZBXN2k/Slb+YokCRHWT8busUwSTQVSI8g1yIF95ukRB8t1/8aaGt0CZNaM5zunBRaxnwj4ug5XQu5hZcPd4VBlyi1SmZN9LUrW8BLR25HencYIMR2vXWFnhwxakhdMWn1EZcPI5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);
    background-size: 100%;
    z-index: 999
}

#product {
    height: 640px;
    margin-bottom: -2px;
    background: #000
}

#product .hd {
    width: 97px
}

#product .item-wrap {
    height: 640px;
    background-size: 100%
}

#product .item-wrap .wheel-content .wheel-img-box img {
    width: 960px;
    height: 640px;
    position: absolute;
    left: 130px;
    z-index: 1
}

#product .item-wrap .product-slogan {
    width: 440px;
    height: 580px;
    margin-left: 1040px;
    opacity: 0;
    position: relative;
    z-index: 2;
    background: #000;
    padding-left: 40px
}

#product .item-wrap .product-slogan .slogan-item {
    padding: 23px 0 0 78px;
    height: 140px;
    opacity: 0;
    position: relative
}

#product .item-wrap .product-slogan .slogan-item .chinese {
    color: #fff
}

#product .item-wrap .product-slogan .slogan-item .english {
    color: #a2a2a2
}

#product .item-wrap .product-slogan .slogan-item .title {
    padding-bottom: 14px
}

#product .item-wrap .product-slogan .slogan-item .title .chinese {
    font-size: 18px
}

#product .item-wrap .product-slogan .slogan-item:before {
    content: "\20";
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0
}

#product .slogan-wrap {
    background: #000
}

#product .show-animate .product-slogan {
    padding-top: 60px;
    opacity: 1
}

#product .show-animate .product-slogan .bd .item-1 {
    padding-top: 3px;
    opacity: 1;
    -webkit-transition: all 2s ease-in-out 1.2s;
    transition: all 2s ease-in-out 1.2s
}

#product .show-animate .product-slogan .bd .item-2 {
    padding-top: 3px;
    opacity: 1;
    -webkit-transition: all 2s ease-in-out .4s;
    transition: all 2s ease-in-out .4s
}

#product .show-animate .product-slogan .bd .item-3 {
    padding-top: 3px;
    opacity: 1;
    -webkit-transition: all 2s ease-in-out .8s;
    transition: all 2s ease-in-out .8s
}

#gold {
    height: 243px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

#about {
    height: 700px;
    background: #f8f8f8
}

#about .hd {
    width: 97px
}

#about .item-wrap {
    height: 707px
}

#about .item-wrap .about-text {
    width: 1040px;
    margin: 0 auto;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

#about .item-wrap .about-text .hd {
    margin-top: 60px
}

#about .item-wrap .about-text .chinese {
    font-size: 14px;
    margin-bottom: 14px
}

#about .item-wrap .about-text .english {
    font-size: 12px
}

#about .item-wrap .about-image {
    width: 1040px;
    margin: 30px auto;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

#about .item-wrap .about-image .item {
    width: 320px;
    height: 302px;
    margin-right: 40px;
    float: left;
    background-repeat: no-repeat
}

#about .item-wrap .about-image .item-3 {
    margin: 0
}

#about .show-animate .about-text {
    padding-top: 0;
    opacity: 1;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

#about .show-animate .about-image {
    padding-top: 0;
    opacity: 1;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

#cooperation {
    height: 573px;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/64e146eb24c93039526f808744da7ff7.png);
    background-position: bottom;
    background-repeat: no-repeat
}

#cooperation .hd {
    width: 540px
}

#cooperation .item-wrap {
    height: 573px
}

#cooperation .item-wrap .cooperation-text {
    width: 1040px;
    margin: 0 auto;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

#cooperation .item-wrap .cooperation-text .hd {
    margin-top: 60px
}

#cooperation .item-wrap .cooperation-text .chinese {
    font-size: 14px;
    margin-bottom: 14px
}

#cooperation .item-wrap .cooperation-text .english {
    font-size: 12px
}

#cooperation .item-wrap .cooperation-image {
    width: 1040px;
    margin: 30px auto;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

#cooperation .item-wrap .cooperation-image .item {
    width: 500px;
    height: 240px;
    margin-right: 40px;
    float: left;
    background-repeat: no-repeat
}

#cooperation .item-wrap .cooperation-image .item-2 {
    margin: 0
}

#cooperation .show-animate .cooperation-text {
    padding-top: 0;
    opacity: 1;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out
}

#cooperation .show-animate .cooperation-image {
    padding-top: 0;
    opacity: 1;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

#other {
    height: 600px
}

#other .hd {
    width: 180px;
    height: 57px
}

#other .item-wrap {
    height: 600px;
    background-size: 100%;
    background-color: #000
}

#other .item-wrap .other-content {
    width: 1040px;
    margin: 0 auto;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

#other .item-wrap .other-content .hd {
    margin-top: 88px
}

#other .item-wrap .other-content .bd {
    margin: 20px 0 80px
}

#other .item-wrap .other-content .code-content {
    height: 100px;
    padding-left: 100px;
    position: relative;
    margin-bottom: 40px
}

#other .item-wrap .other-content .code-content .code-wrap {
    position: absolute;
    left: 0;
    width: 100px;
    height: 100px
}

#other .item-wrap .other-content .code-content .code-wrap .qrcode {
    width: 100px;
    height: 100px;
    background-size: 100%
}

#other .item-wrap .other-content .code-content .text-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 18px
}

#other .item-wrap .other-content .code-content .text-wrap .chinese {
    color: #fff
}

#other .item-wrap .other-content .code-content .text-wrap .english {
    width: 310px;
    color: #a2a2a2
}

#other .item-wrap .other-content .invite {
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #d4a778;
    display: none
}

#other .item-wrap .other-content .invite span {
    margin-left: 16px
}

#other .show-animate .other-content {
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    opacity: 1;
    padding: 0
}

#gotoTop {
    width: 52px;
    height: 52px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAEJklEQVRogeWaPW/TQBzGn7tUiZQ2KdAS9QV1Q6r4AqhhQCp8ABakFBY2pm5IDS9L1QItQvAhKqGUl4kJCSGmWjAyRYKhL+nQl4EkJahpm2OwnVwud2e7thOjPpJ1ztnne375n/9+O3Llxn14EPGyc4Bibnfsc9iuAugWmA0i9qcEVAGJB3D63S2JgB1gMiAiWZfVqdr4kWiQSOr4/Tq2i0AqGLdgunqVeENEUi+aZkJd23YeSDQrAolQbuC8SjRul64jpRpybTCf3zy7nBk+9zRG6TSAtF/XHlU5aTS+7O7/fnzzzqOfVp0Naa83Ra1S9a+TTyuLkyMXz6/FKL2F7sMAQDpG6a2Ri+fXPq0sTqL9DwcE71RsjfYhRkczFxYIIYNhOnYjQsjgaObCAkzP4mnQlHgOdSyUkunw7bpTLEZvQAECa+jJIgSuESGEpMKxdyoNQBMdoBU+XrJ0HSWpLiMAQMQIqVJ1lKS6jABoz3KySEUZSFqny3JAdIHsssOfKinwDaMopTcdkLZhD6X1pLo5DQzksFbBt3cvAQBXbz9AIhnYzQbvtXn74xQhXzqsVWAUllDe2UB5ZwNGYQmHtUqYXYYHVK9VYRSWUN3fRmr4ElLDl1Dd34ZRWEK9Vg2rW2WW86V6rYq1wvMmTDaXRzaXb0KtFZ4HBeUpy51KJowdmXFkc3nEkynEkykLatyCCidSgQK1YEoWzEPEk61bQRPqoQVVCgUqMKB6rQpjtQUzZUVGVDyZwlQzUiUYq8FCBQJkwiyjsldCasiE0aXnRDJtQg2No7JXgrG6HBiUb6AWzJYJM6OHsZVIpjE1Y0NtwXj7IhAoX0D1WhXG2xctmNycpwunGak5DAyNobK7aUL99QflC+j7h9eo7G5iYGjMhOn3/qSe6B9ENpdvQn17/8qPJX9AhFKkMxPI5vKngrFlQ6UzE6A05seS47ttra7dfeKrc16J/kFcv7fg+zih3sv1QmcCyPW3mAiow+uZiNB/LRGICWWUJfXqFKEogmk96YCiCGNL6U2V5ZrhZIyF97zsUYyxP2gfasosJ9vIALCj45OvYRn0qqPjky/QeAX0SYEBYMVfW/OMsXKYRt2IMVYu/tqaB+fN3sTvR8UKYUc2M7tc/FFcn64fHX9kjB2EaVomxthB/ej444/i+vTM7HIRGhgAjFgzSaQfu2AC2wvhSu0XAD/+uZJfGlzZ4H53LH2Sg4kdNATTYcGIPlRAUhC7sezxgQdrwIxKA61Xrr0AksFJs1wf15g3zB/YhglzqIlyglLNZ9BGSDbZgQfu5sQLuxQTgnauj3Iyg7BdNUMKDvUqqa76KjhZhlOeQyKUap6NeEDZHJ3TSDf9hV+XwgDqIecmUk5GgpDqGqnsV/WSRBxWvbpRdTMc2+T01kds2CtA1/39A1fir/uzdHEvAAAAAElFTkSuQmCC);
    background-size: 100%;
    border-radius: 5px;
    position: fixed;
    bottom: 140px;
    left: 100%;
    margin-left: -92px;
    display: none
}

#gotoTop.show {
    display: block
}

#statement-shade-tea {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

#egm_wrapper,
#statement-shade {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    background: rgba(0, 0, 0, .65);
    z-index: 11
}

.statement-pop {
    display: block;
    width: 690px;
    height: 510px;
    background: #fff;
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -300px
}

.statement-pop:before {
    content: "";
    width: 168px;
    height: 69px;
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/9077f5790448470b4e781295529ace53.png);
    background-size: 100%;
    position: absolute;
    top: -49px;
    left: 50%;
    margin-left: -84px
}

.statement-pop .tips {
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #666;
    position: absolute;
    bottom: 26px
}

.statement-pop .point {
    width: 50px;
    height: 19px;
    position: absolute;
    bottom: 0;
    left: 11px;
    overflow: hidden
}

.statement-pop .point:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #232773
}

.statement-pop .close {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAAXNSR0IArs4c6QAAAetJREFUWAnF2U1Kw0AUAOAZoZFm7w0KFlx5gYLeRtduXKkrN13rcQQvIBQKEXoC3SvYxThvSkJCMjPvL80smjR5896XaRbzqDV+LM7vXpxxN9aarZkXV7uP52+4PvVYXN6fmd+/N+fMhTX2dfe5vj0BVHlqHgELNyAgBE6s7WBhIcvZA5Bs7eoFTLjSKUsDBngqsH6wsY85Qwc8NTqHBV8PPBUag42Cj43GYpPgY6Ep2Cx4bDQViwKPheZg0WBtNBdLAmuhJVgyWIqWYllgLloDywZT0VpYERiL1sSKwTm0NlYFHEPD9WbzrdgYDG5+QjHiR3c1bWV8N+CMWWp3MWpgeL4Dev/unFvCd5+8MmWx0my5QosEydWGX9lm+OXVHmrg5pWA18CvrLW2Ciut3COqgBssdLehYSxWZj5bjdHYin+zHrbVvKbucV8VERgDwsRQ8GwwBUKJzeFZYA6AM2cITwZLCkvm1ngSWKOgNAcaLC1UrxAcJblQYEmBNrR9zs2ZBXMTt3Gxc07uJJiTMIaLXafWiIKpiWIgzHVKrUEwJQEGhInB1uyBsRMxCGoMpnYHjJlARVDjc4YGnAukFpbEpyxhP5wKkBTmzoWWqizs9dB++rCB/9k/hb+WFLtbLraet9msvzpob4R7/y0P4zlMejnGAAAAAElFTkSuQmCC);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer
}

.statement-pop .title {
    margin: 60px auto 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.statement-pop .content-wrapper {
    margin-top: 20px;
    padding-left: 38px;
    padding-right: 38px;
    font-size: 14px;
    line-height: 20px
}

.statement-pop .content-wrapper .content {
    text-indent: 26px;
    margin-bottom: 20px
}

.statement-pop .content-wrapper .content:last-child {
    margin-bottom: 0
}

.statement-pop .content-wrapper .mark {
    text-align: right
}

#footer {
    margin: 0;
    padding-bottom: 97px
}

#mask {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #000;
    z-index: 998
}

@keyframes mymove {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#apply-success-box {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 600px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px
}

#apply-success-box .success-icon {
    width: 142px;
    height: 194px;
    top: -41px;
    left: -26px;
    position: absolute;
    background: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/fbc0ba154a4f34497a8b37c6115bd893.png) no-repeat;
    background-size: cover
}

#apply-success-box .success-apply-btn {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAwCAYAAAC8NUKEAAAAAXNSR0IArs4c6QAAAnhJREFUaAXt2jlLA0EUB3BzoZVoKYJVsLESQQQtDFhYiYV2ViEH+BW0tPAr5LBMJ16VoLVg40ew0ErELikkJvE/cSdsNtcc7+1O4cI4u7Pm+X6ZWckbMjX1f0T/DpTL5Z1qtbrpzyQmL2q12nyj0Sh0Op2HYrH4Isdd7CuVylm73T6JxWIttMV8Pv8h8ozLZOv1+jEg57h+gnhXjrvWS4iX11s6nf6SOfYwGHhEa6JNt1qtGxdBAch7MpncyWQyPwMYLK1nTNmBq6AgJJVKbWez2VcJEX3vmZGDeLD2sNwucZ1C+04kEvu5XO5e3o+iV4GIvAYwYtAlkCpkJMYVkA5kLCZqkC5kIiYqkAlECRM2yBSijAkLZAPRwnCDbCHaGC4QBcQIQw2ighhjqECUECuMLYgaYo0xBXFASDC6IC4IGUYVxAkhxUwCcUPIMaNAqI+2RM0u7uN4H1ZY/d2y+zm0nrELOVAPibI26cVkg4j4LBgRWBR46K4wKwlxjZL8EzX7RrDUFfeoDv+GBlXMbhwkvy4hXuBZLLVl0j8SCMaC8T/sYkbQmoCx7/qQY/wQvHFiO2gDfSi7PqTPTBDi/68VxiYJGWYcRC5tbhAJRgUSBsgaowPhBllhTCCcIGOMDYQLZIShgHCAtDGUEGqQFoYDQglSxnBCqEBKmDAgFKCJmDAhtqCxmCggNqCRmCghpqChGBcgJqABjEsQXVAfBh/Rs6gIL7wgrJsPMlHVXqV8CFaaqy5CRE6FQuEuHo8f4rT7xQvsJ1yXSqUFL99u14fBrJyiXj9ChbjGuYviT0DnHN+RuZUg5DqD8zmd1zv5u5iRJSy7lWByv/lyBAF/YMiGAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 30px
}

#apply-success-box .success-title {
    font-size: 40px;
    color: #247be6;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    margin-bottom: 31px
}

#apply-success-box .success-text {
    font-size: 20px;
    color: #666;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px
}

#apply-success-box .success-apply-to-register {
    width: 315px;
    height: 44px;
    font-size: 14px;
    background: #2f7de1;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
    cursor: pointer
}

#apply-success-box .success-img {
    width: 100px;
    height: 100px;
    background: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/2edcc364393f332e67e8e28765a57ae6.png) no-repeat;
    background-size: cover
}

#apply-success-box .success-circle {
    width: 80px;
    height: 80px;
    background: #f4bacb;
    color: #f4bacb;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(40px, -72px);
    transform: translate(40px, -72px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1px
}

#apply-success-box .success-bottom {
    font-size: 12px;
    color: #2f7de1;
    line-height: 30px
}

#success-box {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 15px 20px;
    border-radius: 14px
}

#success-box .success-btn {
    width: 17px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAwCAYAAAC8NUKEAAAAAXNSR0IArs4c6QAAAnhJREFUaAXt2jlLA0EUB3BzoZVoKYJVsLESQQQtDFhYiYV2ViEH+BW0tPAr5LBMJ16VoLVg40ew0ErELikkJvE/cSdsNtcc7+1O4cI4u7Pm+X6ZWckbMjX1f0T/DpTL5Z1qtbrpzyQmL2q12nyj0Sh0Op2HYrH4Isdd7CuVylm73T6JxWIttMV8Pv8h8ozLZOv1+jEg57h+gnhXjrvWS4iX11s6nf6SOfYwGHhEa6JNt1qtGxdBAch7MpncyWQyPwMYLK1nTNmBq6AgJJVKbWez2VcJEX3vmZGDeLD2sNwucZ1C+04kEvu5XO5e3o+iV4GIvAYwYtAlkCpkJMYVkA5kLCZqkC5kIiYqkAlECRM2yBSijAkLZAPRwnCDbCHaGC4QBcQIQw2ighhjqECUECuMLYgaYo0xBXFASDC6IC4IGUYVxAkhxUwCcUPIMaNAqI+2RM0u7uN4H1ZY/d2y+zm0nrELOVAPibI26cVkg4j4LBgRWBR46K4wKwlxjZL8EzX7RrDUFfeoDv+GBlXMbhwkvy4hXuBZLLVl0j8SCMaC8T/sYkbQmoCx7/qQY/wQvHFiO2gDfSi7PqTPTBDi/68VxiYJGWYcRC5tbhAJRgUSBsgaowPhBllhTCCcIGOMDYQLZIShgHCAtDGUEGqQFoYDQglSxnBCqEBKmDAgFKCJmDAhtqCxmCggNqCRmCghpqChGBcgJqABjEsQXVAfBh/Rs6gIL7wgrJsPMlHVXqV8CFaaqy5CRE6FQuEuHo8f4rT7xQvsJ1yXSqUFL99u14fBrJyiXj9ChbjGuYviT0DnHN+RuZUg5DqD8zmd1zv5u5iRJSy7lWByv/lyBAF/YMiGAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 17px
}

#success-box .success-img-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px
}

#success-box .success-img-group .success-img {
    width: 207px;
    height: 207px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-bottom: 40px;
    padding: 15px 35px;
    position: relative
}

#success-box .success-img-group .success-img:after {
    position: absolute;
    bottom: -40px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#success-box .success-img-group .success-img.success-img-ios {
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/bd81c4143ea01884628e6aa41bcfd9fd.png);
    margin-right: 25px
}

#success-box .success-img-group .success-img.success-img-ios:after {
    content: "iOS"
}

#success-box .success-img-group .success-img.success-img-android {
    background-image: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/33581750b9528ab1c635fc97c949d593.png)
}

#success-box .success-img-group .success-img.success-img-android:after {
    content: "Android"
}

#success-box .success-title {
    font-size: 18px;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    margin-bottom: 10px
}

#success-box .success-text {
    width: 80%;
    font-size: 14px;
    color: #888;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px
}

#saturated-box {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 15px 20px;
    border-radius: 14px
}

#saturated-box .saturated-close-btn {
    width: 17px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAwCAYAAAC8NUKEAAAAAXNSR0IArs4c6QAAAnhJREFUaAXt2jlLA0EUB3BzoZVoKYJVsLESQQQtDFhYiYV2ViEH+BW0tPAr5LBMJ16VoLVg40ew0ErELikkJvE/cSdsNtcc7+1O4cI4u7Pm+X6ZWckbMjX1f0T/DpTL5Z1qtbrpzyQmL2q12nyj0Sh0Op2HYrH4Isdd7CuVylm73T6JxWIttMV8Pv8h8ozLZOv1+jEg57h+gnhXjrvWS4iX11s6nf6SOfYwGHhEa6JNt1qtGxdBAch7MpncyWQyPwMYLK1nTNmBq6AgJJVKbWez2VcJEX3vmZGDeLD2sNwucZ1C+04kEvu5XO5e3o+iV4GIvAYwYtAlkCpkJMYVkA5kLCZqkC5kIiYqkAlECRM2yBSijAkLZAPRwnCDbCHaGC4QBcQIQw2ighhjqECUECuMLYgaYo0xBXFASDC6IC4IGUYVxAkhxUwCcUPIMaNAqI+2RM0u7uN4H1ZY/d2y+zm0nrELOVAPibI26cVkg4j4LBgRWBR46K4wKwlxjZL8EzX7RrDUFfeoDv+GBlXMbhwkvy4hXuBZLLVl0j8SCMaC8T/sYkbQmoCx7/qQY/wQvHFiO2gDfSi7PqTPTBDi/68VxiYJGWYcRC5tbhAJRgUSBsgaowPhBllhTCCcIGOMDYQLZIShgHCAtDGUEGqQFoYDQglSxnBCqEBKmDAgFKCJmDAhtqCxmCggNqCRmCghpqChGBcgJqABjEsQXVAfBh/Rs6gIL7wgrJsPMlHVXqV8CFaaqy5CRE6FQuEuHo8f4rT7xQvsJ1yXSqUFL99u14fBrJyiXj9ChbjGuYviT0DnHN+RuZUg5DqD8zmd1zv5u5iRJSy7lWByv/lyBAF/YMiGAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 17px
}

#saturated-box .saturated-title {
    font-size: 18px;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    margin-bottom: 10px
}

#saturated-box .saturated-text {
    width: 80%;
    font-size: 14px;
    color: #888;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px
}

#register-box {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 600px;
    height: 560px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 30px 40px 120px
}

#register-box .register-btn {
    width: 17px;
    height: 16px;
    min-height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAwCAYAAAC8NUKEAAAAAXNSR0IArs4c6QAAAnhJREFUaAXt2jlLA0EUB3BzoZVoKYJVsLESQQQtDFhYiYV2ViEH+BW0tPAr5LBMJ16VoLVg40ew0ErELikkJvE/cSdsNtcc7+1O4cI4u7Pm+X6ZWckbMjX1f0T/DpTL5Z1qtbrpzyQmL2q12nyj0Sh0Op2HYrH4Isdd7CuVylm73T6JxWIttMV8Pv8h8ozLZOv1+jEg57h+gnhXjrvWS4iX11s6nf6SOfYwGHhEa6JNt1qtGxdBAch7MpncyWQyPwMYLK1nTNmBq6AgJJVKbWez2VcJEX3vmZGDeLD2sNwucZ1C+04kEvu5XO5e3o+iV4GIvAYwYtAlkCpkJMYVkA5kLCZqkC5kIiYqkAlECRM2yBSijAkLZAPRwnCDbCHaGC4QBcQIQw2ighhjqECUECuMLYgaYo0xBXFASDC6IC4IGUYVxAkhxUwCcUPIMaNAqI+2RM0u7uN4H1ZY/d2y+zm0nrELOVAPibI26cVkg4j4LBgRWBR46K4wKwlxjZL8EzX7RrDUFfeoDv+GBlXMbhwkvy4hXuBZLLVl0j8SCMaC8T/sYkbQmoCx7/qQY/wQvHFiO2gDfSi7PqTPTBDi/68VxiYJGWYcRC5tbhAJRgUSBsgaowPhBllhTCCcIGOMDYQLZIShgHCAtDGUEGqQFoYDQglSxnBCqEBKmDAgFKCJmDAhtqCxmCggNqCRmCghpqChGBcgJqABjEsQXVAfBh/Rs6gIL7wgrJsPMlHVXqV8CFaaqy5CRE6FQuEuHo8f4rT7xQvsJ1yXSqUFL99u14fBrJyiXj9ChbjGuYviT0DnHN+RuZUg5DqD8zmd1zv5u5iRJSy7lWByv/lyBAF/YMiGAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

#register-box .register-title {
    font-size: 20px;
    color: #247be6;
    letter-spacing: 0;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-right: 95px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#register-box .register-title .register-title-slash {
    width: 10px;
    height: 10px;
    min-height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAASlJREFUGBljZMACVCb9Z+f4/ErgSrX4S5B06Kr/zBdvvZVgwqKWgenl8+wf3xl4YHIXLz9PZvj5VwRDsWbra8n/DAxcd1rE74IUGzS8F/j/n0nuVrP4RQzFf7//yWfiY50IM/Xb3x+F/7n+g/koitUanpsx/Ge4frNc9DNIsWrNM00g9fpOleRrEB+u+P///4z/fjPE3myRWASSgIJ0XhmJmTAOXLFqzasoFgam5YyMjEAng0x94cPIwLjrbDrjb5hiMK3X/YJbteZ5F0zQeOZ/VqATJsD4MBps8o+PDHn/WdgmwQQ/PXmZycTAOh3Gh9FMGg3PFf4z/P9zp0H4CUhQr+GFGND9gjdbRG/CFMFopj+/GeJEhCSmwAS+/WZI4mHhgAcdTBxEAwBWBmh4OCEErAAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

#register-box .register-title .register-title-text {
    margin-left: 17px;
    margin-right: 17px
}

#register-box .register-select {
    width: 360px;
    height: 42px;
    padding: 11px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ececec;
    border-radius: 2px;
    margin-right: 97px;
    margin-bottom: 20px;
    position: relative
}

#register-box .register-select .select-label {
    font-size: 14px;
    color: #333;
    margin-right: 20px
}

#register-box .register-select .select-result {
    font-size: 14px;
    color: #ccc;
    width: 210px;
    margin-right: 20px;
    cursor: pointer
}

#register-box .register-select .select-arrow {
    width: 9px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAAAXNSR0IArs4c6QAAAPdJREFUOBGt1TEOgjAUBuAWtk4mjp6AyRCO4DVMGDmXidfwCIQ4cQJHE6duiO9vWmMqhb5Ck6K0770vTeAhu67bDcPwEEIomkJKeVdKnYqieOJ+7ej7fq+1vo3jeLS1dJ7nh6wsyxdhDc03NhCAQCRsjcKAZUxXvG3bM/2/EJxhjQJWndw/qT1YXVXV1dTHxY2t8CUUnnSo+12Lx6CTMBZT8Vg0CKfgHHQW5uBcdBGOwVPQKHgOx95vc/BfGeyHxt9THQqceuAQ6zoSB0VeNIxgH8caBhc1OSaTcfHxFBScaY8MV9iWV1OOtvPbBjl1kmPxVcNMLfABWv35Tl3OiKcAAAAASUVORK5CYII=) no-repeat;
    background-position-y: 3px;
    cursor: pointer;
    background-size: 100%
}

#register-box .register-select .to-cancel {
    width: 11px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAUlJREFUKBWdkjFKxFAQhndVAoJokU4LbUy51VZpPICtJ7BYwTopIyQpzQVsPIE3kBRewVaCCAorGImsECJR/L+Qt7xd1sYf/sy8/81kJpMZDhbh6DgS98Wd/upD9km8F796bTA0juyeeCRuWZrtfupwJ74grvMQSDoWqfgXuPPEqThb0wOBSh1c190wvrFLGrEOiXxT1x4BRVFcBEFwaJLCMPTQrGRiR7Tqi5sE1nX907btc5qmZ03TPPq+7+LHcXyd5/kbMT0chnMqLrRHlSRJJgRFUXSVZdkDvoWWVv8FKvGfXJNtqlEJjVZllquSMxiLtDXRAM6rqnrVcC6Nphdl0qbcGU12zDfyO07E+WTLsmx1noOJWhqLcMNUv8V30RO7yWJtMG3rfCu/Mpsz04GN2BXpYBWoRFK3cvauEkwSC3Egbotg5ZL/AhmpbbDtMUpRAAAAAElFTkSuQmCC) no-repeat;
    background-position-y: 0;
    cursor: pointer;
    background-size: 100%
}

#register-box .register-select .selected {
    color: #333
}

#register-box .register-select .select-choices {
    position: absolute;
    width: 362px;
    max-height: 260px;
    overflow-y: auto;
    top: 50px;
    left: -2px;
    background: #fff;
    z-index: 10001;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    line-height: 42px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

#register-box .register-select .select-choices .choice-item {
    width: 100%;
    height: 42px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

#register-box .register-select .select-choices .choice-item:hover {
    color: #2f7de1
}

#register-box .register-place-box {
    width: 360px;
    height: 200px;
    overflow-y: auto;
    padding: 11px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ececec;
    border-radius: 2px;
    margin-right: 97px;
    margin-bottom: 30px
}

#register-box .register-place-box .register-place-title {
    width: 76px;
    height: 20px;
    background: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/f7e3f68568e0745ff80c7c468bfe24a6.png) no-repeat;
    background-size: 100%
}

#register-box .register-place-box .radios {
    width: 100%
}

#register-box .register-place-box .radios .radio-box {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

#register-box .register-place-box .radios .radio-box .radio {
    -webkit-appearance: radio;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    margin-right: 10px
}

#register-box .register-place-box .radios .radio-box .radio-info .info-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    color: #333
}

#register-box .register-place-box .radios .radio-box .radio-info .info-detail {
    font-size: 12px;
    color: #666
}

#register-box .button-box {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: auto;
    margin-right: 97px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 360px
}

#register-box .button,
#register-box .button-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#register-box .button {
    padding: 10px;
    width: 35%;
    background: #2f7de1;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px
}

#register-box .reset {
    background: #f4f4f4;
    color: #333a44
}

#coop-apply-fixed {
    position: fixed;
    z-index: 3;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    background: rgba(19, 22, 22, .8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#coop-apply-fixed .will-show {
    display: none
}

#coop-apply-fixed .apply-box {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1280px;
    height: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#coop-apply-fixed .apply-box .contact-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

#coop-apply-fixed .apply-box .contact-info-box .sub-title {
    font-size: 16px;
    margin-right: 20px
}

#coop-apply-fixed .apply-box .contact-info-box img {
    margin-right: 6px
}

#coop-apply-fixed .apply-box .contact-info-box .contact-info-phone {
    width: 16px;
    height: 16px
}

#coop-apply-fixed .apply-box .contact-info-box .contact-info-email {
    width: 18px;
    height: 14px
}

#coop-apply-fixed .apply-box .contact-info-box .contact-info-text {
    margin-right: 20px;
    font-size: 12px;
    line-height: 17px
}

#coop-apply-fixed .apply-box .partner-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#coop-apply-fixed .apply-box .partner-info .desc {
    position: relative;
    font-size: 18px;
    line-height: 25px;
    color: #fff
}

#coop-apply-fixed .apply-box .partner-info .desc .contract-qrcode {
    position: absolute;
    right: -110px;
    display: inline-block;
    width: 60px;
    height: 60px;
    bottom: -20px;
    background: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/b1e039541491713efadf0134775e0678.png) 50%/cover no-repeat
}

#coop-apply-fixed.coop-apply-fixed-modal {
    padding-top: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    overflow: auto
}

#coop-apply-fixed.coop-apply-fixed-modal .will-show {
    display: block
}

#coop-apply-fixed.coop-apply-fixed-modal #coop-apply-fixed-modal-bg {
    width: 259px;
    height: 227px;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(https://s1.luckincoffeecdn.com/luckyweb/homepage/assets/81c3f16ce998a9588d6fd78ebc2e93b3.png) no-repeat 50%;
    background-size: cover
}

#coop-apply-fixed.coop-apply-fixed-modal #coop-apply-fixed-modal-hint {
    font-size: 22px;
    color: #252378;
    margin-bottom: 30px;
    text-align: center
}

#coop-apply-fixed.coop-apply-fixed-modal #coop-apply-fixed-modal-hint .hint-text {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    text-align: center
}

#coop-apply-fixed.coop-apply-fixed-modal #coop-apply-fixed-modal-hint .hint-text span {
    color: #151b3f
}

#coop-apply-fixed.coop-apply-fixed-modal .will-hidden {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important
}

#coop-apply-fixed.coop-apply-fixed-modal .apply-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#coop-apply-fixed.coop-apply-fixed-modal .apply-form .input {
    margin-right: 0;
    margin-bottom: 30px;
    width: 310px;
    height: 32px
}

#coop-apply-fixed.coop-apply-fixed-modal .apply-form .select-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#coop-apply-fixed.coop-apply-fixed-modal .apply-form label {
    font-size: 14px;
    color: #303133;
    line-height: 32px;
    width: 70px;
    height: 32px
}

#coop-apply-fixed.coop-apply-fixed-modal .apply-form select {
    width: 240px;
    border: 1px solid #dcdfe6;
    border-radius: 4px
}

#coop-apply-fixed.coop-apply-fixed-modal .coop-modal-btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    margin-top: 40px
}

#coop-apply-fixed.coop-apply-fixed-modal .coop-modal-btn-group .button {
    cursor: pointer;
    font-size: 12px;
    width: 220px;
    height: 32px;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px
}

#coop-apply-fixed.coop-apply-fixed-modal .coop-modal-btn-group #fix-coop-modal {
    background: #252378;
    margin-right: 110px
}

#coop-apply-fixed.coop-apply-fixed-modal .coop-modal-btn-group #fix-coop-cancel {
    background: #fff;
    border: 1px solid #252378;
    border-radius: 4px;
    color: #252378
}

.hide {
    display: none !important
}