.gift-item {
    width: 100%;
    background: #fff;
    padding: .78125rem 0;
    position: relative
}

.gift-item:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d2d2d2;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.gift-btn {
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    right: .9375rem;
    width: 4.0625rem;
    height: 1.75rem;
    line-height: 1.78125rem;
    border-radius: .875rem;
    font-size: .8125rem;
    text-align: center;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.gift-normal {
    border: .0625rem solid #fd9b36;
    color: #fd9b36
}

.gift-get {
    border: .0625rem solid #ddd;
    color: #ddd
}

.gift-container-info {
    width: 15.9375rem;
    position: relative;
    margin-left: .9375rem
}

.gift-title {
    width: 100%;
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    /*color: #000;*/
    color:white;
    font-size: .9375rem
}

.gift-desc {
    font-size: .8125rem;
    /*color: #989898;*/
    color:white;
    line-height: 1.09375rem;
    max-height: 2.1875rem;
    overflow: hidden
}

.gift-progress {
    position: relative;
    height: .9375rem;
    line-height: .9375rem;
    margin-top: .375rem
}

.gift-progress .line-text {
    color: #fd9b36;
    font-size: .6875rem;
    float: left;
    margin-left: .375rem
}

.line-container {
    overflow: hidden;
    float: left;
    position: relative;
    width: 6.25rem;
    height: .46875rem;
    border-radius: .25rem;
    border: 1px solid #fd9b36;
    margin-top: .125rem;
    background-image: linear-gradient(90deg,#ff6126,#ff8f19)
}

.line-container .line-width {
    position: absolute;
    top: 0;
    right: 0;
    background: #ffe9e0;
    border-radius: 0 .25rem .25rem 0;
    height: .46875rem
}

* {
    padding: 0;
    margin: 0
}

.login-container {
    transition: .32s;
    width: 100%;
    height: 100%;
    background-color: #010329;
    background-image: url(images/bg-img.png?fc39);
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.login-container .sdw-logo-v2 {
    width: 20.3125rem;
    height: 7.5rem;
    position: absolute;
    top: 3.75rem;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    background: url(images/logo2x.png?3e8a) 0 0/100%
}

.ios-mask {
    background: rgba(0,0,0,.7);
    -webkit-backdrop-filter: saturate(180%) blur(30px)
}

.and-mask {
    background-image: url(images/bg@2x.png?f85c);
    background-size: 100%
}

.normal-ipt {
    display: block;
    width: 13.125rem;
    height: 1.25rem;
    line-height: 1.25rem;
    border: none;
    outline: none;
    font-size: .875rem;
    color: #858b94;
    left: 1.875rem;
    bottom: .5625rem;
    -webkit-appearance: none
}

.mask-v2,.normal-ipt {
    background: transparent;
    position: absolute
}

.mask-v2 {
    width: 100%;
    height: 100%
}

input:focus {
    border: none;
    outline: none
}

#loginForm-v2 {
    width: 15.9375rem;
    position: absolute;
    top: 13.875rem;
    left: 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: translate3d(-50%,0,0) scale(1);
    transform: translate3d(-50%,0,0) scale(1)
}

#loginForm-v2 .inpus {
    height: 3.125rem;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #858b94
}

#loginForm-v2 .inpus input {
    height: 1.25rem;
    line-height: 1.25rem;
    color: #fff;
    background: transparent;
    position: absolute;
    bottom: .625rem;
    left: 1.5625rem;
    border: none;
    box-shadow: none
}

#loginForm-v2 .short {
    width: 7.8125rem
}

#loginForm-v2 .long {
    width: 12.8125rem
}

#loginForm-v2 .icons-v2 {
    width: 1rem;
    height: 1.1875rem;
    position: absolute;
    bottom: .625rem;
    left: 0
}

#loginForm-v2 #getCode-v2,#loginForm-v2 #getCode-v-2 {
    display: inline-block;
    padding: 0 0 0 .625rem;
    height: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .9375rem;
    border: .625rem solid transparent;
    border-right: none;
    text-align: right
}

#loginForm-v2 .codenormal {
    color: #e4e4e4
}

#loginForm-v2 .codetimer {
    color: #f0f0f0
}

#loginForm-v2 .phone {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAMAAACS/WnbAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAVFBMVEVMaXHk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OT9DZMSAAAAG3RSTlMAhfNv5hIG+W7HG88HEdBK50lt9Mv65Ph3dtH6M8PJAAAArklEQVQ4y+2Uxw7DIBBE1zamuZfU+f//DM1EsjE55uK5sOWxEhKzRERcqhJ7lUpy8tIN0mq06/OzPtC3FpgBIWvaq5MCmG2kgIpSegLKngb09wsRJovC5TXwsKep+Bvi+wJfCJ0IxAm3Ig0cdAEX8H9gYmBTDmAmYTnA/fpfE8Y9EK1nNIy4D1tSB4udmvcVzCut/bu0/aWN2v50gbzb/ArqdZjGq3U5dJe1ckvsA32kJ8bS5Cu6AAAAAElFTkSuQmCC) 0 0/100%
}

#loginForm-v2 .code {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAMAAACS/WnbAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAflBMVEVMaXHk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OTk5OS8ItB7AAAAKXRSTlMA/EHPxxKF+QZubxvX9BHQB/iPDSt787KzlG0My44q/ZW9uwl30Zh21gCTWiYAAADmSURBVDjLzVTbFoIgEERKAy+ppaXd7zX//4OhPcQSYG81Tww7HNjZOTD2NXbbtESH8rHdfZZFu8cb+9vZrJ9AcRRUcFB7S77u12veKNaSehUAtcZrIKh0wQxoyIklMNN5CnAi4ECq8wkwJ4I5MNG5epTRlrHzc4GQY9gwli+7kxFcGCXdeXcdyAvGVsoSGVryMZXKvhVj6v7YEaGLekfvcugQhCpdtg6NXqkgWkR+QUCGaBFY2P8JBruIsgEfLE76Z7HwTvPeT1N2eZi68iAZK3JPoq6FP5N58kp1vMks1WwTi2++rifq7Tv58YOKSQAAAABJRU5ErkJggg==) 0 0/100%
}

.login-btn-v2,.login-btn-v3 {
    margin-top: 2.5rem;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.25rem;
    background: #0c94d0;
    font-size: 1.125rem;
    color: #fff;
    text-align: center;
    position: relative;
    background-image: linear-gradient(90deg,#1fc7b9,#40e38d)
}

.login-btn-v2:before {
    content: "";
    width: 120%;
    height: 160%;
    position: absolute;
    top: -30%;
    left: -10%
}

.weixin {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAHpUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////0zIqEkAAACjdFJOUwBkZRAIAULMZmAHXw4COjxYPRY+KC5hUGISY1EPA1orXBUlEVtWSAwFRkQKDSlDTsofGFktLBTLNQRMShkhG0fHMiLCE10jCyfFBiA3HEDJnh4vKoqBODtJrpxeuMBFCcSpw3iQmr6xHWyqqMG9sDmitLZ1lrqZjk96Tb9LcndndLlul5ijiTR+rKuGF2qLgsaFGrNXU7KNr1S7fJKta6FBJJF1Ky/FAAAACXBIWXMAAAsSAAALEgHS3X78AAAFy0lEQVRo3r1a918aSRQf2u5bVoogXSkKIiiKHTXWaPQ0msRujDHtLvUuuUsv13vvvd9ferO7mFB2ZgdYeD/AfGaH+TKzr7+HECOZp4btKZ9T9AJ4RacvZR+eMiM9qSnChUGFwlykSR8EU84pbSj0OTyTrlZrF0Jd1lbXpMfRJ0jzzpypVgRrxIc3EnszAbWngUyviB/7ItZaDtEcBIjuDFjISywDO1GAYHO1x2nljGDsXLForbOsdOKFXGsVEGaHAQysf9DUjBc7Kua2FgFDJNnXJzGM0FIRRM84wKP5yv7W/COA8R729e0C7LdUfsNL+yC0M65tcwOkqmJKawrA3caysjsEhqFqmX7IAKFu7WWBMAzGqhet2CCEA1qLXCL01aT4zCEQXfQlx7xwvq02TdQ1Ad5j1HN44R8LqpFsHHgpZwkIsKaH4l4DgfheuuNw3qIHiCUN8UXCMX3gG9PHBrXhrWyqT9zg1M2gmp3gVtUl4J9HulHADyoapkeAFqQjLYFQri3HIa2r84HSMF5mP2DBqi+IdaH0aswinEA60xyIxYy0AxNId5oAR5HPYDB06A/SYTAUehccNKM6UDNwBc6GMZisB0gyaDQVyLobofoc5fnGZr+xqT4gTUb/EYN5oJPFsGZmM/3LFaJ0gic/SkC/xtoz3geXeImyFy9v2yoA6YeEMhiBKP13s/dG+QJ6PcyuG2xRGJEHJ8FO9Qw3+VK66mFGscNJ+dsJNLu//i5fTqeCrBZ0AJwyB4BI+YX9JV6VPmFEsYggcW6kUCxLaeMCT6DrjEfhIII/eyFDdllfU3b8puA8x5WvUQdjDAK9+DMMZN34nrLhZvfY9TzE3ipKKbz2PZvMdEAcizsI5AAqf4AvsP/xVBnu4ukHyvAHtqMIYEZTECI+j+f//hmElvO35MPTfyvDm2wgfbCKhinv/eU8yOm5777ND8/lAn6en/ljMMIaVDlgGEvLLFFcL6kz1lN/JZGuB8v6NNm4j6hCjD7GZ1jZf7h3K3v/xhW/Zvw2CdMoBEQP/JoaxnF8u46zBRN3OLpcuvBLHwSiLYmpYBx40Px/JXMfDFBtCoQxhxF1qq1cpWRzaOlc2eyr6zT/C8uIF7qIz0+XbWdE/x6onO/CMCXyAi8CID/3l27251j3nio3vEGx3xiBBhI7VbJXJ/pL2dOdUoRzxndbUW9vUUFo14UuF2P81pVU9saa6K48+BmhHxW0Edp1UV489iyLX/IWeqYMHtqW78iDXxYtW8qUk/biKSyM6eOZQpBf0e9Hdv7+EWP9lB98RGNhijBKlMoWgOTQPZIN4z+kCeO0RszgvvViow10lghyk6ZWKAoy7zq98nyjdbRJBHmfpiBpql5Rky8ujENGIsibNFVPM1qKf8nzn0bvfjYqy3sLESRHM1o086tYriu3JTWbzNjTHjVNo9BFC9n8HmIbC/Qga7U4a5ZVNzJ2qiOBXaKK4ve3VUHe0XCJIlpvvsQlfKyC8blNw7mju6lqjmep2sx+adNyUzUcbrUbKBHJr7Udbq3QQTVi2TqS0AOs3K4yhA6aQZCqaZ7jEmIi3W679hXPr9CCoBhrOEePc26EyXHgUTjHGJhS8nQbDIFpQ0Js5K5P1kNSju66pz0WC9MeDUng1C8VZSq+vPon1aT04Jz+6UHBXPdEZ7TchjQiZSsln5fqnnyW0ugB/TDU0+iNKQhQ6hEV05gPQoSq1WIc0roUaWzPiEUa/cpNHKXcJBfO1updOGtMCRCfRai9mCm4NBm8AWVZucAcrL7AHGQqMDemVI7kov9CFYWhEwvsRX/Jy3gCsFuhrezYBXhSmdfTgEYMpLSUBB2MLSWtjmA1LSWSoyQ3x/RrN8f0y80x1fbgKG0+dnqbj72mNh/50jwJpWFJdROT0rCU8NRsh2LbRa1XY9haFLVebceQLtQU4eJqTWRx3ZrI8nQ4NWSf9jlFP4BfdPqm7UNTh6y//R99N7l0nhrOQgAAAABJRU5ErkJggg==) 0 0/100% 100%
}

.weibo {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAIHUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5AzBXgAAACtdFJOUwAOZAIIQgHMZmA9BxY8EF9YZTphElEFPmJQYwMoES5OXERaK8sPCg1bDCEsSFYlIxtHQ7YeHyIVTErKGDcEfjsLXRlGWS0pKrsgvsEGwhQTT0UyCXFsNl5NJ8RBukB6xrm9xTSweJ6NkpqoOLJ/aomPHC9ze3ZproaClsA1sciKJkmqjsloJLx5uKZtolXDlXSTU7SFiHB9g7c/p4Eam1LHoW+jV0t3q3WQcq9nGWjwnAAAAAlwSFlzAAALEgAACxIB0t1+/AAABp1JREFUaN69WudDE0kUH9L2bQobUkgBUiEEAhI6KFJEEBGVooCAqGfv3bP37vXee7/7I29mdhOCZGc3m03eh2TL5P0yM6+/QUglmdIp12jAKbgB3IIzMOpKpU1IT6qIm2OQ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) 0 0/100% 100%
}

.dh {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAIHUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5AzBXgAAACtdFJOUwABQhBgCGTMZg4CXwdlOj1hRFg8FlE+AxJjYihaLhFQNgVcDytbSFYlQxVdo04YDF4fDUwKRlkELSEsGxNKGSlHN8ojOydAC00dFMcyvpZFeK9yCRominc1OIZJyx5tIoWbyboqfI8gVKyxuIA/c7ulT4KOdrxBnoHAnbmgxZdqg2kcrcTBep9+w1KSpq60MYhVwmhTe2uNsqjGL6SwiYyZqqkkbnG2mkt/lH1nCEsQ1wAAAAlwSFlzAAALEgAACxIB0t1+/AAABeVJREFUaN69Wmd72kgQXkCgAQHGYKrBHBjs2MS9G/e4xr3E3Y7v0nNJLr3367333uuPvF3J2AJjNIBgPoh9xEqvpJ2deacQghR9vNvaFrQLNgCbYA+2WbvjeqKmGCNaP6QRvzZiVAdBt2pnN+TqHIGuskpziJCQubKsK+Co49h5+6ouXwRzJEhvJNT0e9L96+mvEejfwYg5n5co8QKEh+s1h0/R1A+HAbwlub5OpdYClqpzGqV5mnNVdKK2MgcIvcMABuwD6kroZEfW2lbOUYgG/PwGCsOVZwXR3AJwrSe7x+q5BtDSjJ9/hIPG8uy/8EgjcEeQc90ugLaclNLcBuByY2a2OsHQmavSdxrA2ao8zeOH9trct1ZtO/g9SpPKBKjLy/DpnSCUZZ7SZ4NZd36WKNQLtr6M72GD2xqSp5i0YMvwLh4ORtUw3KPAHbourVGY1agBoimF6NghrxmEYIc6PshNb2VK+48L7Ko5VL0dXGltCfh6iGri8UEaC9PMQTlRUUaAO2gtW6BUVfJBSqHlgP+AmFldEHMs9dPoBThGVJaTICQr0jD0EtWlFxxJnMFgqFAfpMJgkLMLLZSQAkgJaGVkw+JtKARIg9eik+11FyGFeZW9G+t9FmNhQIwWX0LBAlBFCiRVENgdVUMT5oKP+RR5ZULxmiaolgbHIWzCgHzdXron9ynGa90ILxmG4+JgEKwYjG+v7o/PU4whlLJYYVD8tUMfZvp15742DlGQ86hFqQe7qAEgYHyu7sEi5bv9W3S4OkkxfEhPLADT3Ih8Wx4usSv08ISn6/jrPYoxh9UvLUTosQb6MU/0PtXAkbkdN5n4g2LcMGFByqGGHv2AsY2DM/Rwdy5EKuYpxkM8GaiAKN3uwGHmLt+muj45R8YeUoz5bEw2B3oSByeGR1+k5PUZvxB6jNuEMqmD56Qbte4WL/Wnt/jtpxTjkdW4J4jIygHddLdMIcjaRcqWnDw/nWpZ/MrXBuheH8A499F1RsxekMufSAzSBQPECWXKE9/9MPXMb1gMUkYXvR2UfUn8vdQzv6MxqEXxUw1T5lvbp45KcnN3Zy4wjCiSf9E9YoOQYux0K7HOsxLGTTYOYyMvsBEAZfeWwPhAjPQ0K2wcQ28UioAAeTEBItoGzRts2EiyAUF8rt2NtzTN+I3mjBzjBO5zYRZ+lwp8zvzpWzIMkzCJW3iMCkvyM31s0yWGIUgnluh3xKkwajMymfqJYlyXYYy/zmNA2GYcwMYMO5eJaYdh2CR3vCzqAs6soAwkcz7zJtP6Pob1ZR4JwgwkztRT3xPr+IFPEAj9yiaPBWGmHue0iOkXz/IexulX92w9zmkh3a/10o8JDLfhJT4LEA4ol4qiiMQNxh946h/JxJtyr4UjEpQSIeL3esYZeQMdvfM2nxWIRIlQ5O7TXQzP2RT/iyR3GJrawRSWWtLLp5IQLiysIWkqhnDXiBitZ2QAn3z52RKecGNChxmGEfg+AbB59YspZBIxETooB0FNmzx0PBmSEKbXx6VsUmun88qMchBUiwznFvj/uo4ygKE7htP0gUInNrbPfoVZ+K1EOKcYmJqnn1U/4vkHf7cZTVtay0cX8JtxPzBVCrFb/v1n8nHj8HDj3e++4bNSYVmITVyZsx4rd2ae3r/HpxUl4+gqeNpjTJ72KEoCp3CpKF3yxyt8Uo2lB0+qnx7k9AVPdIYP+pBipGxZ8nlETYy0yWeWRveoh5E+jV6cgkCGekTW0hEE5yEOZywKpaoUaUx/HVqkUa/cpM1QbhILZ6OFLpwVpwRI34XLv5jJKUY8xSjLigVmb+4FZi+qwFycUjkRi/6xHApDx2L4oj9jGeMAG1n6yooNgPHsCgtFaMQgUkuJ14FsKal0eHNpKWFESWyOaVJujmkSm2Ny7cGR2nysmdt8rHm1+YgfLVAtNSylvYlOaliqDuTth2rXklqvOqi3SGq9Wqslqogxoo2mayKLqtZEtiuL8U7rQNAu+AB8gj04YO2ML2Kv/R939ruO+FQfjwAAAABJRU5ErkJggg==) 0 0/100% 100%
}

.qq {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGtUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8WFlBMAAACPdFJOUwAOBxAIQmTMZmABWAJfEmU9PBZhOj4oLlBRY2IrDwNaW1wRVkgNBRlZJUNOGAQMFUoKXUxGRC0hLBtHFB8jKcswxoDENxMiJwtAm36SysXHjhq5vR47SzJFHAnCqn+1j8iRsLSTh1S2lr5VJFKzIDU4T0leTZ63gWioqy96gpm/uGedoVdTKrsdw5qyMbpBOZPbzQAAAAlwSFlzAAALEgAACxIB0t1+/AAABQxJREFUaN69Wmd32kgUHaquEAJjwPRm3GIb927HNe6OW2IncXrvPdtLtvfd37wSxDk4RvMGkLgfOByYmavRvHmdMUE4JydCI1FFDQJBVYmOhCYmncxM2JKuDCog40razGFwvFT0BeWeQGS8OWXvYKzDnmoejwR6ZP135aWjXgZ7MqotpHbP+ir965vtVrW/o0l7PZtoigO5g16P8RBP70EOiDfVup2Uyw9/2wsPNc7zok0b6ErVQOEMuOEWfUBHkzY4ULW0tcgaRZ/4+D6NRm6piqJ9GHi9XN1jLb8GhtvFx5+R8bal+je8+hbyGcGx6TAwUpNQ2keAcFpk5GAM7rFahX7MjdggPcyXQVd/7VervwsZHzWoWUVPXYrPGYPazB/SGcTldH2aqGMAwU7uPoL4z8PqhNeFIGcvPhnrZijudciG5zKYxWWPGSSeUWTXDLYZRbRgjg1Ka0t5K/4ThmKaQXUqCFfUJUgsM9PgS6CChmmX0cJMxCrk09pyGKOmOh9sFMOn7AeG7OaS2Ic+fTVOFWeZyViBelKQDjDATMcAAid8Bre71XySVre73LtwoYlZgCa4ypwNf7zPCpK+uN9RdtfDjFmzlY8LOxN+mzUkNn/iWMAiaBN1lQ7vf70tbV+7/6tPbEIbIh++5TEjNGPv+oJ0jFubvSJTZpAvfZlGzisyQVmSyvFnXsRK5jBd/HIOIZHhi9Kn2BR4thDOlZ4QnQLG7jSHJF2n5/VCKUoAVAGb2yVVwi/0w6nQJTdZfi2NcHGnIsnCRXKmC0ntsxuzNMlNqTJ26RgE3dpnBrRu/E0ywlNSSyKrXXfI9EY2DUm+JefKcLJJxGjxfWxI8pgU4x5cYRMC5z4vGWOemhzAhHZbLpEkX3JIfqQmR7S7PiVg3O9xSO5Rk8cxxWJoJklucEjukhGPduhdIG2J9zyH5Dx18jZkNAkj/S2fxANlWezaHQmigyJ5yiVZoSIvBBlAcUxvcEk2pon5GgNJ8sddiY/nV0gS6nUtP5co/O2jXhdx8OkNicZfXuLgCRFWJBE8IUSYfxkHLwiRXBjkX0a+WnkmieEZX63wFeRtQZKbfAXJV/U/CJI85Kt6vtHStdZXC9z1l65pHzt8o8U3v/vaApmfuSSfZbWPz3nm94ixLM+R+E6SHhW6uCT5wiNJWuQ7EppLxInfbYmBNHPe4XDcsbPCYcJGuEQCzl1yyfhEkkLOnYibOv+7Ace/ETE3VcDh3vvilgHJzuKekMNNhw6XrnLO5Oo/QqEDGQT9xJWu74kgqF8snMtySTLcaOA4nKMD0yfvj1ecu/2NLgdbcx/1b14wMKVD7NSDrf257Ru7uWMR6Rzafbgwt7/1oF00xGZha7IeunIMW572WCtPezQkgWNdKspx8uVZn1TT04MrZnOsQHZanujMnbYhjUjZ6snnVcuTz3oa3WceR+U0emMKApx6RNUoRBEzqFqtZTFqSpHGe2hYpDGv3OTilJuKhbN1qwtnjSkBanuR6y9mymT6oRFl2WKBOV57gTkuVGBuTKmcFYv+QzUUhs4OiRf9dS/jHfCmSlvZ+gZ4V11hoQGNGKzUUhIPCLaUpALxWlpKdEep2BwzQzfHzBSbY2rtwSm1+YT4bT6hutp8ii8tki81LFVcxFFqWMpH6rZD/a9OtF4VNGtxovXqVT8zBbakK1upiSxrWhPZBxxNjoWmooqaABKqEp0KjU0eic79H/djo4sDMZSKAAAAAElFTkSuQmCC) 0 0/100% 100%
}

.other-login-v2 {
    width: 15.9375rem;
    font-size: .875rem;
    color: #868b94;
    text-align: center;
    height: 1.25rem;
    line-height: 1.25rem;
    position: absolute;
    bottom: 6.875rem;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.login-ani {
    transition: .32s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.login-ani-enter {
    transition: .32s;
    -webkit-transform: scale(1.2,1.5);
    transform: scale(1.2,1.5)
}

.login-ani-leave {
    transition: .4s;
    opacity: 0
}

.other-icon-v2 {
    width: 15.9375rem;
    height: 3.125rem;
    font-size: 0;
    position: absolute;
    bottom: 2.1875rem;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.other-icon-v2 .icons-v2 {
    width: 3.125rem;
    height: 3.125rem;
    display: inline-block;
    margin: 0 .375rem
}

.scale21-leave {
    opacity: 0
}

.scale21-leave-active {
    opacity: 1
}

.scale21-enter-active {
    transition: opacity .36s,-webkit-transform .36s cubic-bezier(.5,1.65,.49,.63);
    transition: transform .36s cubic-bezier(.5,1.65,.49,.63),opacity .36s;
    transition: transform .36s cubic-bezier(.5,1.65,.49,.63),opacity .36s,-webkit-transform .36s cubic-bezier(.5,1.65,.49,.63);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale21-enter {
    -webkit-transform: scale(1.63,1.23);
    transform: scale(1.63,1.23);
    opacity: 0
}

input {
    -webkit-appearance: none;
    box-shadow: none
}

body {
    -webkit-tap-highlight-color: rgba(88,44,22,0);
    -webkit-user-select: none;
    font-family: Microsoft YaHei,arial,helvetica,verdana,tahoma
}

.dialogsCont {
    width: 100%;
    height: 100%;
    position: fixed;
    background: transparent;
    z-index: 99999999999;
    top: 0;
    left: 0;
    visibility: hidden;
    transition: .34s;
    opacity: 0
}

.dialogs {
    padding: 1.40625rem .9375rem;
    position: fixed;
    z-index: 9999;
    border-radius: 6px;
    background: rgba(0,0,0,.8);
    top: 40%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    min-width: 7.5rem
}

#icons {
    width: 1.71875rem;
    height: 1.71875rem;
    margin: 0 auto;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.icon-ok {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMA+zH1+ey65IYoWhlBDSPSEvLesWgkG8x2NjPVxc6KUiwGwUa1raGbXFQIXUh/bvXW0QAAAhtJREFUSMedlumWojAQhcMqy9CKQKMi7t2ttlPv/3hzUacDlunE5A+HJN9JLbeSEs/GZB19jAOHnKApVuuJMBrprHaoP5x6lmqpeSGhHlrMf6Xi8LZtGSWLNBNZukiinX+dO8RK6hz5HRQes8F0dgw7G/zorDhs3FGf8bOlz44cPz1yn2Npt1HYstlhNd/zhQQ2eqVQj9KDrQnDiGjq/ho0d4o9D+Deh/mpLrNjnDgwtYJvrV4XE4B5Jf+3NYw0kdM7TK23P78RQrIxEuEGwYl+sgPnSmE2Srj4P40QV6gn2OY5VBIbczGUcxN5QfQlzMcXUXGNEeqzeoGrsP8d3xnzTu/hDB/k7luf8ZOsrW/kEOJBYDMd9jaipaxHn5yJOBGm9BhN5e+SaN1pJTLAvD/yH8hKfBAlppisuYOAxBevYWJB1IiAKO0JvnzTYdhENBLQtCwMnB64OkxkRLkgot5UQwA1mOiYh/PcoAM5xs+T/nFQYsw/GU8OckzGU+aPgQzr5++uFw4ybKiXuz45eGLYQJ/3euAgMWxYD6Ll9QdQjYkjUSvrnYHA1PWuvF+qv67mfrG5z2zvT8v72v59kO+Ra4S5Xl9e2/aF96/dDt/b2vS9tXvfL5b9hF3/cuTzF4N+6fJUCY2mP2sUqjqvnI4Mk4d+MAmv86uz2vVb/+n3+8/Qu86Frl2/a9Fftwb9teznRznlo+ag6Of/AQxZWI/B9BykAAAAAElFTkSuQmCC)
}

.icon-error {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMArwX7G9pbJvm604YOGTXO8vUqRzEV38W1VFIvE+rBdmYJ5qGbindojHh1lX35VgAAAiRJREFUSMeM0ttuozAURuEfTMFgc0qa86mdtqo06/3fb0Q1LYljGtbdlvjAFluxjnuXVCeDOVXJx/6oWdV/W8N1pr3UD1WTGO4zSfOrWpQAmI3Lm9rL103uzhaA7WJSvTo7oDL3us7npQGse42zohrUW+y9i7dBVkWMLTvgPKpAnoFuqbtyC/2npvvsweZ3DFgf9FuHNRDApYWqfvRnK7A3Ry06aL0e5SvoinFOW3ha6XHZGtr0Z3TQHzSnQw/u55QWXjSvF7DfJy2hnEHChxswxWxXGGg0lMC75vcOiSRlJvhc2qQK5uCDJpN0CW6XbknS6zlhmwY3vEhqg+XZwRccGeyClWylGuzNpqyevuDIwp3wFnPUDjbBUvyHI8t00wb2cuAUhVNsIB9KIFccTjDlsFUFz4pDH2d6hkonWCkOT3GmDP7IQqo4nGDy0AmI72EP9P86LZsdBGEgCB/En5po0BTi0XJAzL7/+xmMcSBf+ds9QiZNOzM7k9etmfE88SY6eJ7uR5iAvB/fU3RfJQC+J/kT3RIA+aNeRLeA1Iv0SZiA1Kf8QJiA9AP994cJSP/R71X9gwlYV/Q790vRXsax8C6wX5z7zLs/vfta+fDakA/3YR7FVbCoPNqUf3vlnyNvXfnu7xPsL8+5l0R/8fQl9rNj7pf6WWZSt8v1wXQI3+9dmqY1WD+nYf8MN+snRG/fXWKpRb+WITHs801pZXN+TPT5Dwt6WX9AyUYHAAAAAElFTkSuQmCC)
}

.icon-loading {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.icon-loading:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.dialogs .msg {
    font-size: 1rem;
    margin-top: 1rem;
    line-height: 1.09375rem;
    text-align: center;
    color: #fff
}

.app-shandw {
    padding-bottom: 0!important
}

* {
    padding: 0;
    margin: 0
}

body {
    background: #2b323d;
    font-family: helvetica,Microsoft YaHei,arial
}

#app {
    width: 100%;
    max-width: 30.625rem;
    margin: 0 auto;
    position: relative;
    display: block;
    padding-bottom: 4.0625rem
}[v-cloak] {
     display: none
 }

.gift-list-container {
    width: 22.1875rem;
    border-radius: 6px;
    /*background: #fff;*/
    background:#2b323d;
    margin: 0 auto;
    margin-top: 10px
}

.game-head-container {
    width: 100%;
    height: 5rem;
    position: relative
}

.game-head-container .game-btn-fill {
    color: #fff;
    background-image: linear-gradient(90deg,#ff6126,#ff8f19)
}

.game-head-container:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.game-cover-icon {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 12px;
    position: absolute;
    top: .625rem;
    left: .9375rem
}

.game-title {
    font-size: 1rem;
    /*color: #000;*/
    color:white;
    top: .78125rem
}

.game-desc,.game-title {
    width: 9.6875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    overflow: hidden;
    position: absolute;
    left: 5.46875rem
}

.game-desc {
    font-size: .8125rem;
    /*color: #989898;*/
    color:white;
    bottom: .78125rem
}

.gift-item {
    background: none
}

.gift-list-container .gift-item:last-child:before {
    background: transparent
}

.gift-bg-container {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2222
}

.gift-bg-container .gift-cover {
    width: 20.53125rem;
    height: 17.75rem;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    background: url(../images/gift-bg-cover.png) 0 0/100%
}

.gift-bg-container .goto-game-btn {
    width: 8.75rem;
    height: 2.3125rem;
    background: url(../images/go-to-game.png) 0 0/100%;
    position: absolute;
    left: 50%;
    bottom: 3.125rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gift-bg-container .game-code {
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    -webkit-user-select: text!important;
    width: 100%;
    height: 2.1875rem;
    line-height: 2.1875rem;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 8rem;
    left: 0
}