/*sign*/
.sign {}
.sign-list {display: flex;}
.sign-list li {flex: 1;text-align: center;}
.sign-list li:not(:last-child) {margin-right: 20px;}
.sign-list li a {border: 2px var(--color) solid;display: block;border-radius: 10px;position: relative;}
.sign-list li a span {text-transform: uppercase;background-color: var(--color);padding: 10px 40px;display: inline-block;border-radius: 0 0 20px 20px;font-weight: bold;color: #fff;}
.sign-list li a img {width: 70%;margin: 20px 0;}
.sign-list li a em {position: absolute;left: 0;right: 0;bottom: -20px;margin: auto;background-color: white;width: 40px;height: 40px;border-radius: 100%;border: 2px var(--color) solid;display: flex;align-items: center;justify-content: center;}
.sign-list li a i {display: none;}
.sign-list li a.lost em {background-color: var(--deep);border-color: var(--deep);}
.sign-list li a.done em {background-color: var(--color);}
.sign-list li a.done i {display: block;color: #fff}
.sign-cont {display: flex;padding: 50px 0 100px;}
.sign-bet {flex: 1;margin-right: 20px;text-align: center;background-image: url(../images/bonus/sign/sign.jpg);background-size: cover;border-radius: 20px;padding: 40px 0;}
.sign-bet h6 {color: var(--color);}
.sign-bet b {font-size: 40px;color: white;padding: 30px 0;display: block;}
.sign-bet a {display: inline-block;padding: 0 40px;}
.sign-data {flex: 1;background-color: var(--light);border-radius: 20px;text-align: center;display: flex;align-items: center;}
.sign-data li {flex: 1;}
.sign-data span {text-transform: capitalize;padding-bottom: 30px;display: block;}
.sign-data h4 {font-size: 30px;color: var(--333);}
.sign-data b {color: var(--red);}
.sign .cliam-bonus.disabled {pointer-events: none;background: #ccc;}