*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{font-family:"微软雅黑","Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background-color:#fff;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
* {-webkit-tap-highlight-color: transparent; -webkit-appearance:none;
}
*:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none;} /*长按不能复制*/



/*全局*/
html,body{position: relative; margin:0; width:100%;height: 100%;}
body {
 margin:0; padding: 0; text-align:center;}
p,h2,h3,h4,h5 { margin:0;}
.respon-img,.respon img { max-width:100%; height:auto;}
.tx-center { text-align:center;}
.vetically {display:box; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; -webkit-box-orient:vertical;}ul{padding: 0;margin: 0;overflow: hidden;}ol{
	padding: 0;margin: 0;
}
a{text-decoration: none;}
/* loading */
.loader{position: fixed;z-index: 999;left: 0;top: 0;height: 100%;width: 100%;text-align: center;background: #4d5156;}
.loader p{color: #89959e;margin-top: 15px;}
.spinner{position: absolute;top: 50%;left: 50%;margin-left: -100px;margin-top: -25px;width: 200px;text-align: center;}

.btn{
    margin: 0;
    padding: 0;
    position: relative;
    background: none;
    border: none;
}
.btn a{
    color: inherit;
}

.jconfirm.jconfirm-white .jconfirm-box{
    box-shadow: none;
}
.jconfirm .jconfirm-box{
    background: none;
    padding: 0;
}
.jconfirm .jconfirm-box div.closeIcon{
    opacity: 0;
}

.box-size{
    width: 100%;
    min-height: 100%;
    position: relative;
    background:url(../images/bg.jpg) no-repeat top center;background-size: cover;
}
.box-size img{
    width: 100%;
    display: block;
}

.top{
    width: 100%;
    padding-top: .5rem;
}
.zhuanpan-div{
    width: 100%;
    position: relative;
    margin-top: -.4rem;
}
.zhuanpan-div .zhuanpan{
    width: 12.4rem;
    position: absolute;
    left: 3.7rem;
    top: 1.6rem;
}
.zhuanpan ul{
    width: 100%;
    position: absolute;
    list-style-type: none;
    left: 50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border: 12.4rem solid transparent;
    border-radius: 50%;
    overflow: visible;
}

.zhuanpan ul li{
    position: absolute;
    top: -4.7rem;
    left: -4.7rem;
    transform-origin: 4.7rem 4.7rem;
}
.zhuanpan ul li:nth-child(1){
    transform: rotate(22.5deg);
}
.zhuanpan ul li:nth-child(2){
    transform: rotate(67.5deg);
}
.zhuanpan ul li:nth-child(3){
    transform: rotate(112.5deg);
}
.zhuanpan ul li:nth-child(4){
    transform: rotate(157.5deg);
}
.zhuanpan ul li:nth-child(5){
    transform: rotate(202.5deg);
}
.zhuanpan ul li:nth-child(6){
    transform: rotate(247.5deg);
}
.zhuanpan ul li:nth-child(7){
    transform: rotate(292.5deg);
}
.zhuanpan ul li:nth-child(8){
    transform: rotate(337.5deg);
}
.zhuanpan ul li span{
    width: 4rem;
    height:4rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    /*background-image: url(../images/gift1.png);*/
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: top center;
}
.zhuanpan-div .start-btn{
    width: 18%;
    position: absolute;
    left: 40%;
    top: 30%;
}
.bottom{
    width: 16rem;
    margin: -1.9rem auto 0;
    z-index: 1;
    position: relative;
}
.rule-btn,.gift-btn{
    width: 5.6rem;
    height: 2.5rem;
    position: absolute;
    top: 0.7rem;
}
.rule-btn{
    left: 2rem;
}
.gift-btn{
    right: 2rem;
}
.jilu-btn{
    color: white;
    font-size: 0.8rem;
    text-decoration: underline;
    position: absolute;
    left: 0;
    bottom: .5rem;
    width: 100%;
}


/*弹窗*/
.tanchuang,.back-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top:0;
    z-index: 99;
}
.back-bg{
    background: rgba(0,0,0,.7);
}

.gift-show,.rule-show{
    width: 80%;
    position: absolute;
    left: 50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 100;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
    opacity: 0
}
.gift-mess{
    width: 50%;
    position: absolute;
    left: 25%;
    top: 40%;
    color: white;
    line-height: 1.5rem;
}
.use-btn{
    width: 50%;
    position: absolute;
    left: 25%;
    bottom: 1.5rem;
    height: 2rem;
}
.close{
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    right: 1.5rem;
    top: 0;
}