@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.fix-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0); display: none;}
.tcbox{ width: 5.52rem; height: 4.65rem; display: block;  position: absolute;
    background: url("../images/tc-bg.png") no-repeat center / 100%;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-border-radius: .22rem;
    -moz-border-radius: .22rem;
    border-radius: .22rem;
}

.rulebox{
    background: #fff;
    background: -webkit-linear-gradient(#fff4e4 0%, #fff 20%);
    background: -moz-linear-gradient(#fff4e4 0%, #fff 20%);
    background: -o-linear-gradient(#fff4e4 0%, #fff 20%);
    background: linear-gradient(#fff4e4 0%, #fff 20%);
    text-align: center;
    padding-bottom: .2rem;
}

.tipSure{width: 93%; clear: both; float: left; text-align: center; margin: .4rem auto .5rem;}
.tipSure a{
    width: 2.93rem;height: .67rem;display: block; margin: auto;
    background: url("../images/btn03.png") no-repeat center top /100%;
    font-size: .38rem; line-height: .65rem; font-weight: 700; color: #d72b2c;
}
.tipSure a span{
    display: inline-block;width: 100%;
}

.close{
    position: absolute!important;
    top: -.3rem;
    right: -.2rem;
    display: block;
    width: .5rem;
    height: .5rem;
}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* 点击loading */
/* #loadPage{display: block;}*/
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.loadingbox img{width: 100%; height: auto; display: block;}

/*温馨提示*/
/* #notePage{display: block} */
.noteTxt{
    width: 92%; clear: both; float: left;margin: 1.6rem auto 0;
    text-align: center;
}
.noteTxt img{
    height: 1.52rem;
    margin-bottom: .3rem;
}
.noteTxt p{
    font-size: .24rem; line-height: .38rem; color: #5d3b3b;
    clear: both; float: left; width: 100%;
}
.noteTxt p span{color: #ff4b00;}

/* pc版打开遮罩 */
.pc-box{width: 6rem; height: auto; text-align: center; background:#fff; position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
}
.pc-box font{
    font-size: .34rem; line-height: .8rem; font-weight: bold;color: #fff;
    width: 100%; clear: both; float: left; text-align: center; height: .8rem; position: relative;
    background: #ff5108;
    background-size: 100%;
    border-radius: .2rem .2rem 0 0;
}

.pc-box .pic{width: 100%; clear: both; float: left; margin: .5rem auto 0}
.pic img{width: 2.48rem;display: inline-block; margin:auto;}
.pc-box p{width: 90%; font: .28rem/1.5 "microsoft yahei";color: #666;float: left; margin: .25rem 5% .35rem;}

.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}