*[hidefocus],input,textarea,a{outline:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
caption,th{font-weight:normal;font-style:normal;text-align:left;}
em,strong{font-weight:bold;font-style:normal;}
body,textarea,select,input{font-family:miui-bold,arial,microsoft yahei,helvetica,sans-serif;font-size:14px;color:#000;}
body{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;line-height:1.5em;}
a,button{cursor:pointer;}
textarea{resize:none;overflow:auto;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;*word-wrap:break-word;*white-space:normal;}
a{color:#fff;text-decoration:underline;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none;}
html,body{width:100%;height:100%;}
html{overflow:auto;overflow-y:scroll;}
.clear:after{clear: both;height: 0;overflow: hidden;display: block;visibility: hidden;content: ".";}
.loan-loading{position:fixed;width:100%;height:1024px;left:0;top:0;background:#fff;z-index:9999}.loan-loading .animate{position:fixed;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;-webkit-animation:auto-circle 1s linear infinite}@-webkit-keyframes auto-circle{from{-webkit-transform:rotate(0);-webkit-transform-origin:center center}to{-webkit-transform:rotate(360deg);-webkit-transform-origin:center center}}.loan-loading .animate img{width:20px}
.gq-banner {
    height: 45vw;
    background: url(https://ts.market.mi-img.com/thumbnail/jpeg/q80/Finance/0e78e4edc642e849910cbace05d8f245f96416dec) no-repeat;
    background-size: 100%;
    margin: 0 auto;
}

.gq-background {
    position: relative;
    margin:0 auto;
    background: url(https://ts.market.mi-img.com/thumbnail/jpeg/q80/Finance/0e78ec4dc646e449810cb2ce0d98fe4cfe293d56e) no-repeat;
    background-size: 100%;
}

.gq-coupon {
    height: 23.5vw;
    width: 84%;
    padding-top: 21%;
    margin-left: 8%;
}

.gq-coupon .coupon-btn {
    width: 94px;
    height: 82px;
    float: right;
}

.gq-laohuji {
    position: relative;
    width: 300px;
    height: 557px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 19vw;
    background: url(https://ts.market.mi-img.com/thumbnail/jpeg/q80/Finance/0e78e4edc642e9499a0cbcce02d8f545f76416dec) no-repeat;
    background-size: 100%;
    border-radius: 12px;
    padding-top: 30px;
}

.gq-laohuji .gq-notes {
    position: relative;
    width: 71%;
    height: 30px;
    overflow: hidden;
    margin-left: 60px;
}

.gq-laohuji .gq-notes .scroll {
    font-size: 10px;
    height: 25px;
    width: 100%;
    line-height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffe3a1;
}

.gq-laohuji .gq-notes .scroll li {
    width: 100%;
}

.gq-laohuji .roulette-box {
    width: 80%;
    height: 102px;
    margin-left: 30px;
    margin-top: 16px;
}

.gq-laohuji .roulette-box div.roulette-container {
    float: left;
    width: 53px;
    height: 98px;
    margin-left: 25px;
    overflow: hidden;
}

.gq-laohuji .roulette-box div.roulette-container .roulette,
.roulette1,
.roulette2 {
    margin: 22px 5px;
}

.gq-laohuji .roulette-box div.roulette-container img {
    height: 60px;
    width: 30px;
}

.choujiang {
    margin-top: 30px;
    width: 100%;
    height: 76px;
}

.choujiang .choujiang-notice {
    width: 100%;
    height: 15px;
    font-weight: bold;
    text-align: center;
    color: #b14902;
    letter-spacing: 1px;
}

.choujiang .choujiang-notice span {
    color: #fc4346;
}

.choujiang .choujiang-btn {
    height: 50px;
    width: 88%;
    margin-top: 10px;
    margin-left: 6%;
    background: url(../images/start_btn.png) no-repeat;
    background-size: 100%;
}

.choujiang #moreRoll {
    height: 50px;
    width: 88%;
    margin-top: 10px;
    margin-left: 6%;
    background: url(../images/startbutton2.png) no-repeat;
    background-size: 100%;
}

.choujiang #tomorrowRoll {
    height: 50px;
    width: 88%;
    margin-top: 10px;
    margin-left: 6%;
    background: url(../images/tomorrow.png) no-repeat;
    background-size: 100%;
}
.gq-button {
    width:320px;
    margin:0 auto;
    padding: 18px;
}

.gq-button div {
    float: left;
    margin-left: 10px;
}
.gq-button .prize-btn .btn, .gq-button .rules-btn .btn{
    text-decoration:none;
    display: inline-block;
    height: 55px;
    width: 150px;  
}
.gq-button .prize-btn .btn {
    background: url(../images/myprizebtn.png) no-repeat;
    background-size: 100%;
}
.gq-button .rules-btn .btn {
    background: url(../images/rule-button.png) no-repeat;
    background-size: 100%;
}


/*弹窗*/
.gq-layer .act .btn,
.gq-noprize .act .btn,
.gq-hasprize .act .btn {
    background-size: 202px;
    font-weight: bold;
    color:#fff8d3;
}

.gq-layer {
    position: fixed;
    top: 175px;
    left: 50%;
    margin-left: -134px;
    width: 273px;
    height: 170px;
    background-color: #fff;
    border-radius: 10px;
    background-size: 100%;
    z-index: 1001;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
}

.gq-layer .wrap {
    margin-top: -30px;
    text-align: center;
    letter-spacing: 1px;
}

.gq-layer .cnt h2 {
    margin-top: 28px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: rgb(255, 78, 47);
}

.gq-layer .cnt h3 {
    color: #555;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: normal;
}

.gq-layer .cnt .extra {
    font-size: 9px;
    display: block;
    margin-top: 10px;
    color: rgb(255, 78, 47);
}

.gq-layer .close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 27px;
    height: 27px;
}

.gq-layer .act {
    text-align: center;
}

.gq-layer .act .btn {
    display: inline-block;
    height: 38px;
    line-height: 32px;
    font-size: 16px;
    font-weight:bold;
    text-decoration: none;
}

.gq-layer .act .btn1 {
    margin-top: 12px;
    width: 105px;
    background-position: 0 0;
}

.gq-layer .act .btn2 {
    margin-top: 12px;
    width: 208px;
    height: 48px;
    line-height: 48px;
    background-position: 28px -48px;
    background-size: 250px;
}

.gq-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
}

/*有和无奖品提示页*/
.gq-noprize {
    margin: 0 auto;
    width: 360px;
    height: 638px;
    background: url(../images/noprize.jpg)no-repeat;
    background-size: 100%;
}

.gq-noprize .act {
    top: 420px;
    position: absolute;
}

.gq-noprize .act .btn3,
.gq-hasprize .act .btn3 {
    margin-top: 55px;
    margin-left: 27%;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff8d3;
    display: inline-block;
    width: 232px;
    height: 73px;
    line-height: 48px;
    background-position: 0px -94px;
    background-size: 230px;
    text-decoration: none;
    text-align: center;
}

.gq-hasprize {
    margin: 0 auto;
    width: 360px;
    height: 575px;
    background: url(../images/myprize.jpg) no-repeat;
    background-size: 100%;
}

.gq-hasprize .m-award {
    color: #753400;
    padding-top: 123px;
}

.gq-hasprize .m-award ul {
    height: 237px;
    width: 69%;
    vertical-align: middle;
    margin-left: 15%;
}

.gq-hasprize .m-award li {
    position: absolute;
    width:80%;
}

.gq-hasprize .m-award em {
    float: left;
    display: inline-block;
    width: 35px;
    height: 50px;
    margin-left: 16px;
    margin-top: 10px;
}
.gq-hasprize .m-award em.icn-xm5{
    background: url(../images/mi5icon.png) no-repeat;
    background-size: 100%;
    
}
.gq-hasprize .m-award em.icn-wrist-strap{
    background: url(../images/shouhuan.png);
    background-size: 100%;
    height: 64px;
}
.gq-hasprize .m-award em.icn-mobile-battery{
    background: url(../images/dianyuan.png);
    background-size: 100%;
    height: 58px;
}
.gq-hasprize .m-award em.icn-socket{
    background: url(../images/chaxianban.png);
    background-size: 100%;
    height: 58px;
}

.gq-hasprize .m-award span {
    display: inline-block;
    float: left;
    width: 33%;
    margin-left: 8%;
    margin-top: 25px;
    font-size: 15px;
    font-weight: bold;
}

/*活动规则*/
.gq-rule {
    height: 100%;
    width: 84%;
    margin-left: 9%;
    padding-top: 36px;
    padding-bottom: 36px;
}

.gq-rule .rulelist {
    text-align: left;
    font-size: 15px;
    line-height: 1.7;
}

.gq-rule .rulelist .u-ttl4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

/*信息页填写*/
.gq-info-wrapper {
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 100px;
    background-size: 100% auto;
    background-color: rgb(255, 234, 137);
}
    
.info-title {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    margin: 30px auto 0;
    width: 75%;
    height: 56px;
    font-size: 20px;
    text-align: center;
}

.gq-info-wrapper .mi5-pic {
    background: url(../images/mi5-pic.png) no-repeat;
    background-size: 100%;
}

.gq-info-wrapper .shouhuan-pic {
    background: url(../images/shouhuan-pic.png) no-repeat;
    background-size: 100%;
}

.gq-info-wrapper .socket-pic {
    background: url(../images/socket-pic.png) no-repeat;
    background-size: 100%;
}

.gq-info-wrapper .wrist-pic {
    background: url(../images/wrist-pic.png) no-repeat;
    background-size: 100%;
}

.gq-person-info {
    overflow: hidden;
    margin: 30px auto 0;
    background: url(https://ts.market.mi-img.com/thumbnail/png/q80/Finance/0e78e4edc742ea49980cbace0cd8fd45fb6416dec) no-repeat top center;
    background-size: 320px;
    width: 85%;
    height: 438px;
}

.gq-person-info > p {
    margin: 106px auto;
    text-align: center;
    color: #555;
}
.gq-person-info > div > em {
    position: absolute;
    top: 260px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-style: normal;
    color: rgb(255, 78, 47);
}
#submitBtn {
    background-color: rgb(255, 78, 47);
    position: absolute;
    border-radius: 30px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    margin: auto;
    left: 0;
    right: 0;
    top: 350px;
    cursor: pointer;
}
.gq-person-info .form {
    position: absolute;
    width: 305px;
    margin: 0 auto;
    left: 0;
    height: 390px;
    right: 0;
    top: 120px;
}

.gq-person-info .form ul {
    border-radius: 5px;
    padding-top: 16px;
    margin-left: 9%;
    position: absolute;
    margin-top: 58px;
    width: 80%;
}

.gq-person-info .form li {
    padding-bottom: 16px;
    padding-left: 2px;
    list-style-type: none;
}

.gq-person-info .form label {
    color: #666;
    width: 63px;
    text-align: right;
    display: inline-block;
    font-size: 10px;
}

.gq-person-info .form input {
    height: 30px;
    width: 158px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.gq-person-info .form .btn {
    height: 55px;
    width: 86%;
    position: absolute;
    margin-top: 298px;
    margin-left: 7%;
}