@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-11-09 17:05:28
 * @version $Id$
 */
    .sign-module{
        /* overflow: hidden; */
    }
    #after_play {
        padding-top: 1vw;
    }
    #after_sign {
        padding-top: 6vw;
    }
    .sign-module .box{
        width: 100%;
        height:8vw;
        padding-bottom: 3vw;
        position: relative;
    }
    .sign-module .rules-content{
        width: 96%;
        height: 14vw;
        background-color: #ffffff;
        border-radius: 1vw;
        position: absolute;
        left: 0;
        top: 3.5vw;
        z-index: 999;
        padding: 2%;
        display: none;
    }
    .sign-module .rules-content h2{
        font-size: 1.35vw;
        line-height: 1.5vw;
        color: #4d4d4d;
        padding-bottom: 1vw;
    }
    .sign-module .rules-content p{
        font-size: 1vw;
        line-height: 1.5vw;
        color: #4d4d4d;
    }
    .sign-title{
        width: 100%;
        height: 4vw;
    }
    .sign-title p{
        color: #fc7a06;
        font-size: 1vw;
        font-weight: normal;
        padding-top: 2vw;
    }
    .sign-title .score{
        color: #fdad02;
        font-size: 1vw;
        height: 2vw;
        font-weight: normal;
        vertical-align: middle;
    }
    .sign-title .score strong{
        color: #fdad02;
        font-size: 2vw;
        font-weight: normal;
        vertical-align: text-top;
    }
    .sign-title .score i{
        width: 3vw;
        height: 3vw;
        border-radius: 50%;
    }
    .sign-title .score i img{
        width: 2vw;
        height: 2vw;
        margin-left: 1vw;
        vertical-align: top;
        margin-top: -0.5vw;
    }
    .sign-content{
        width: 100%;
        height: 4.5vw;
        margin-top: 1.5vw;
        margin-bottom: 4.5vw;
    }
    .sign-content .rules{
        width: 100%;
        position: relative;
        background-color: transparent;
    }
    .sign-content .rules:after{
        content: "";
        display: block;
        width: 94%;
        border-top: 0.25vw solid #ece1c2;
        position: absolute;
        left: 50%;
        margin-left: -47%;
        top: 1vw;
        z-index: 0;
    }
    .sign-content .rules li{
        position: relative;
        width: 3vw;
        background-color: transparent;
        z-index: 10;
    }
    .sign-content .rules li:after{
        content: "";
        display: block;
        width: 6vw;
        height: 0;
        position: absolute;
        border-top: 0.25vw solid #fd8505;
        right: -3.8vw;
        top: 1vw;
        z-index: 5;
        display: none;
    }
    .sign-content .rules li span{
        display: block;
        width: 2vw;
        height: 2vw;
        line-height: 2vw;
        border-radius: 50%;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
        position: relative;
        left: 50%;
        margin-left: -1vw;
        z-index: 10;
    }
    .sign-content .rules li.score-50 span{
    	background-image: url('/Public/home/images/50-copy.png');
    	background-size: 100%;
    }
    .sign-content .rules li.score-100 span{
    	background-image: url('/Public/home/images/100-copy.png');
    	background-size: 100%;
    }
    .sign-content .rules li.score-coin span{
    	background-image: url('/Public/home/images/coin-copy.png');
    	background-size: 100%;
    }
    .sign-content .rules li.score-coupon span{
    	background-image: url('/Public/home/images/coupon-copy.png');
    	background-size: 100%;
    }
    .sign-content .rules li a{
        width: 3vw;
        height: 1vw;
        line-height: 1vw;
        border-radius: 1vw;
        font-size: 1vw;
        display: block;
        text-align: center;
        letter-spacing: 0vw;
        color: #505050;
        margin-top: 0.5vw;
    }
    .sign-content .rules li span.double:after{
        content: "";
        display: block;
        width: 1.5vw;
        height: 1vw;
        background-image: url('/Public/home/images/double.png');
        background-size:100% 100%;
        position: absolute;
        left: 1vw;
        top: -.5vw;
    }
    .sign-content .rules li span.coin:after{
        content: "";
        display: block;
        width: 1.5vw;
        height: 1vw;
        background-image: url('/Public/home/images/+5.png');
        background-size:100% 100%;
        position: absolute;
        left: 1vw;
        top: -.5vw;
    }
    .sign-content .rules li span.coupon:after{
        content: "";
        display: block;
        width: 1.5vw;
        height: 1vw;
        background-image: url('/Public/home/images/+6.png');
        background-size:100% 100%;
        position: absolute;
        left: 1vw;
        top: -.5vw;
    }
    .sign-content .rules li.active:after{
        display: block;
    }
    .sign-content .rules li.active span{
        background-image: url('/Public/home/images/score-active.png');
        background-size:100% 100%;
        color: #bb5c12;
        width: 2vw;
        height: 2vw;
        line-height: 2vw;
        border: 0 none;
    }
    .sign-content .rules li.score-50.active span{
    	background-image: url('/Public/home/images/50.png');
    	background-size:100% 100%;
    	color: #bb5c12;
    	width: 2vw;
    	height: 2vw;
    	line-height: 2vw;
    	border: 0 none;
    }
    .sign-content .rules li.score-100.active span{
    	background-image: url('/Public/home/images/100.png');
    	background-size:100% 100%;
    	color: #bb5c12;
    	width: 2vw;
    	height: 2vw;
    	line-height: 2vw;
    	border: 0 none;
    }
    .sign-content .rules li.score-coin.active span{
        background-image: url('/Public/home/images/coin.png');
        background-size: 100%;    /* 通过百分比设置 */
		background-repeat: no-repeat;
		background-position: center center; 
    }
    .sign-content .rules li.score-coupon.active span{
        background-image: url('/Public/home/images/coupon.png');
        background-size: 100%;    /* 通过百分比设置 */
		background-repeat: no-repeat;
		background-position: center center; 
    }
    .sign-content .rules li.active a{
        color: #949494;
    }
    .sign-content .rules li.sign_in a{
        background-color: #fd8505;
        color: #ffffff;
    }