body,html{width: 100%; height: 100%; overflow: hidden;}
.flex_img img,.logo img{width: 100%; height: auto; margin: 0 auto; display: block;}
[class$='_rel']{position: relative;}
[class$='_abs']{position: absolute; left: 0; width: 100%; height:auto; box-sizing:border-box;}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?uwr3mr');
	src:url('../fonts/icomoon.eot?#iefixuwr3mr') format('embedded-opentype'),
		url('../fonts/icomoon.woff?uwr3mr') format('woff'),
		url('../fonts/icomoon.ttf?uwr3mr') format('truetype'),
		url('../fonts/icomoon.svg?uwr3mr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#musicControl { position:fixed;right:10px;top:20px;margin-top:0;display:inline-block;z-index:99999999}
#musicControl a { display:inline-block;width: 25px; height: 25px;overflow:hidden;background:url('../images/mcbg1.png') no-repeat;background-size:100%;}
#musicControl a.stop{background:url('../images/mcbg1.png') no-repeat 0 -30px; background-size:100% auto;}
#musicControl a audio{width:100%;height:56px;}
#musicControl a.stop { background-position:left bottom;}
#musicControl a.on { background-position:0px 1px;}
#music_play_filter{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:99999998;}
.card-bottom .music-icon a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
    
    .card-bottom .rotate{
    -webkit-animation: spinner-loader 2s infinite linear;
        animation: spinner-loader 2s infinite linear;
        
    }


.challe a.blur,.top_1 img.blur{position: absolute; top: 0; -webkit-animation: logo_blur infinite 1.2s ease;animation: logo_blur infinite 1.2s ease;}
@-webkit-keyframes logo_blur {
        0% {
            opacity:0;}
        50% {
            opacity:1;}
        100% {
            opacity:0;}
    }
@keyframes logo_blur {
        0% {
            opacity:0;}
        50% {
            opacity:1;}
        100% {
            opacity:0;}
    }

.m-order-address {
    position: relative;
    width: 85%;
    margin-left: 7%;
    color: #fff;
    cursor: pointer;
}
/*首页*/
.overlay { position:fixed; left:0; right:0; top:0; bottom:0; z-index:10; background:rgba(0,0,0,.8); }
.share-weChat {  position: relative;}
.share-weChat img{position:fixed; top:5%; right:0%; z-index: 11; width:100%;}
/*.top_1{margin-top:4%;}
*/.top_2{margin-top:4%;}
.challe{position: absolute; bottom:9%; width: 100%;}
.challe_a{position: absolute; bottom:3%; width: 100%;}
.btn_tw{position: absolute; bottom: 11%; width: 100%;}
.tel_number{ float:left;color:#fff; font-size:1.8rem;outline:none; background-color:rgba(255,255,255,0); position: absolute; top: 14%; border:0; width:34%; margin: 0 25% 0 25%; height:3rem; text-align:center;}
input::-webkit-input-placeholder{color:#fff; font-size:1.6rem;}
.btn_q{ width:8rem; height:3rem; display:block;position: absolute; top: 12%; border:0; right:13%;}

.item_list{position: absolute; top: 24%; width:70%; margin-left:20%; color:#fff; font-size:1.2rem; height:58%; overflow-y:scroll;}
.m-order-address:before{position:absolute;left:-25px; top:50%; margin-top:-10px; width:30px;height:20px; line-height:20px; font-size:1.35em;    font-family: 'icomoon';
    content: '';
    color: #fff;
    text-align: center;
    background:url(../images/s1.png)  center center;
    background-repeat:no-repeat;
    background-size:70% auto;
}

.cur .m-order-address:before {
    color: #a3231d;
    font-size: 1.25em;
    content: '';
    background:url(../images/s2.png) center center;
    background-repeat:no-repeat;
    background-size:70% auto;
}

.order-item-btn{position: absolute; bottom:4%; width:100%; height:5rem;}

.m-order-item{ padding:4px 0;}
.send_number{display:inline-block; color:#fff;font-size:2rem; font-weight:bold;position: absolute; top:59%; width:100%; text-align:center;line-height:2.8rem;}
.send_number i{color:#e4007f;margin:0 4px;display:inline-block;font-weight:none;}
.send_da{display:inline-block; color:#fff;font-size:2rem; font-weight:bold;position: absolute; top:38%; width:100%;text-align:center;line-height:2.8rem;}
.sned_home{position: absolute; bottom:4%; width: 100%; height:2rem;}

.index_bd{background: url(../images/bg.png) no-repeat 0 0 #050202; background-size: 100% auto;}
.btm{position: absolute; bottom: 0; width: 100%;}
.main_cont{position: relative; max-width: 640px; height: auto; margin: 0 auto;}
.challenge{display: block; margin-bottom:4%;}
.click_rule{margin: 0 auto; display: block;}
.click_rule_1,.click_rule_2{margin: 0 auto; display: block; color:#fff;right:5%;position: absolute; font-size:1.4rem; }
a.click_rule_1,a.click_rule_2 {text-decoration:underline; }
/*题目1 sub_01*/
.bd_color{background-image: url(../images/top.png),url(../images/btm.png); background-position: center top,center bottom; background-color: #ff6b70; background-repeat: no-repeat; background-size: 100% auto,100% auto;}
.m_title{position: absolute; left: 50%; width: 40%; -webkit-transform:translate(-50%,-66%); transform:translate(-50%,-70%); z-index: 100;}
.sub_wrap{width: 90%; margin: 0 auto; margin-top: 22%;}
.line{width: 100%; height: 3px; background: #000;}
.sub_main{min-height: 4rem;border-radius: 6px; padding-bottom: 1.5rem; background: #fff;}
[class *="subject"]{padding: 1rem 0;}
.option a{width: 90%; margin: 0 auto; padding-top: 0.8rem; display: block;}
.m_cont{width: 90%; margin: 0 auto;}

/*弹出层*/
.bomb_bg,.share_bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 1000;}
.bomb_cont{position: fixed; left: 50%; top: 50%; width: 84%; max-width: 400px; height: auto;/* min-height: 340px;*/ border-radius: 10px; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-sizing:border-box;}
[class *= "m_cont"]{position: relative;}
.get,.got{position: absolute; left: 16%; top: 48%; width: 66%; height: 30%; min-height: 3rem; display: block;}
.got{top:40%; width: 60%; height: 24%;}
.op_text,.op_false{position: absolute; top: 32%; left: 3%; width: 92%;}

/*领券页*/
.coup_top{position: relative; margin-top: 8%;}
.coup_abs{top: 0; width: 100%; text-align: center;line-height: 2.4rem; font-size: 1.6rem; color: #fff;}
.coup_abs i{color: #FFF100; padding-right: .5rem;}

.coup_main{padding:5% 5% 0 5%;}
.coup_main div{float: left; width: 46%; padding:0 2% 3% 2%;}
.coup_main div:nth-last-of-type(1),.coup_main div:nth-last-of-type(2){padding-bottom: 0;}
.tel{position: relative; height: auto;}
.tel_in{position: absolute; left: 50%; top: 0; width: 90%; height: 100%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
.tel_in input{float: left; width: 67%; height: 100%; line-height: 1; min-height: 1.6rem; padding: 0 0 0 10%; font-size: 1.5rem; color: #010035; font-weight: bold; border: none; background: none; box-sizing:border-box;}
.tel_in>a{float: left; width: 33%; height: 100%; display: block;}
.tel_abs .total .percent{width: 66.66%;}
[class*="share_cont"]{width: 88%; margin: 0 auto; padding-top: 1rem;}
[class*="share_cont"] a{height: 3rem; width: auto; display: inline-block;}
[class*="share_cont"] a>img{height: 100%; width: auto;}
/*[class*="share_cont"] a:first-of-type{margin-right: 4%;}*/
.share_cont_02{padding-top: 12%;}
.close_btn,.close_rule,.free_close_rule{position: absolute; right: 8%; top: 0; width: 14%; height: 20%; min-width: 2rem; min-height: 2rem; display: block; z-index: 9999;}
.share_bg .bomb_cont{top:5%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
.close_rule,.free_close_rule{right: 4%; height: 14%;}

.logo{position: absolute; left: 0; right: 0; bottom: 0.6rem; margin:auto; width: 4.4rem; height: auto;}
/*@media screen and (max-width: 640px) and (max-height: 568px){
	[class*="share_cont"] a{height: 2.6rem;}
}
@media screen and (max-width: 640px) and (max-height: 480px){
	.sub_wrap{margin-top: 16%;}
}

*/@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){

    .tel_number{top:11.5%; font-size:1.6rem;}
    .m-order-address{    margin-left: 8%;}
    .m-order-item{padding:2px 0;}
    .send_da{font-size:1.6rem; top:35%;line-height: 2.6rem;}
    .send_number{font-size:1.6rem;    line-height: 2.4rem;}

}