body {
    margin: 0;
    padding: 0;
    font-family: PingFang SC;
}
#body {
    background-color: #FFF5E9;
    /* background: linear-gradient(to bottom,#EBEBEB,#FFFFFF); */
    position: relative;
    padding-bottom: 30px;
}
.main-body {
    width: 100%;
    background: url(../images/top-banner-bb-pc.webp) center top no-repeat;
    background-size: 1920px auto;
    background-origin: border-box;
    background-clip: content-box;
    background-color: #FFF5E9;
    /* padding-bottom: 40px; */
    position: relative;
    color:#333333
}
.top-banner {
    width: 100%;
    height: 660px;
    /* background: url(../images/top-banner-bb-pc.png) center top no-repeat;
    background-size: 1920px 1042px;
    background-origin: border-box;
    background-clip: content-box; */
}
.main-content-box {
    width: 1000px;
    margin: 0px auto 0;
    position: relative;
    padding: 0 58px;
    background: linear-gradient(to bottom, #FDF5EC 0%, #FFFFFF 100%);
    border-radius: 20px;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
}
.content-table {
    text-align: center;
    position: relative;
    z-index: 2;
    /* background: #FFFFFF; */
    border-radius: 10px;

}
.table-title {
    font-size: 18px;
    color: #AA850A;
    height: 65px;
    padding: 0 20px;
    position: relative;
}
.title-center {
    position: absolute;
    top: 46px;
    left: 188px;
    font-weight: bold;
}
.title-side-right2 {
    font-size: 24px;
    position: absolute;
    right: 0px;
    top: 26px;
    color: #8E7B65;
    /* font-weight: bold; */
    /* width: 200px; */
}
.title-side-right3 {
    position: absolute;
    right: 20px;
    top: 26px;
}
.title-side-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
}
.rules-icon {
    height: 20px;
    margin-left: 5px;
}
.table-title-bg {
    position: absolute;
    top: 22px;
    left: 0;
    width: 202px;
    height: 38px;
}
.title-side-left {
    width: 88px;
}
.table-list-box {
    /* border: #DADFE6 1px solid; */
    border-radius: 8px;
    overflow: hidden;
    margin-top: 15px;
    font-size: 18px;
}
#toggleContent {
    overflow: hidden;
    height: 195px;
    border: #DADFE6 1px solid;
    border-radius: 0 0 10px 10px;
    border-top: none;
}
.table-list-title {
    background: #EDC258;
    border: #DADFE6 1px solid;
    height: 65px;
    color: #3C3124;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.table-content-list-left {
    color: #746554;
}
#prizeBox .table-content-list-left {
    font-weight: bold;
}
.table-content-list-center {
    color: #3C3329;
    font-weight: bold;
}
.sub-btn {
    width: 68px;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 13px;
    padding: 5px 8px;
    background: linear-gradient(92deg, #78BDF2 0%, #1D9DFC 100%);

}
body .toggle-btn {
    padding: 8px 0 14px;
    font-size: 18px;
    /* border-top: #DADFE6 1px solid; */
}
.toggle-icon {
    height: 18px;
    margin-left: 4px;
    margin-top: -3px;
}
.toggle-icon2 {
    transform: rotate(180deg);
}
#switchToHide {
    display: none;
}
.toggle-list {
    position: relative;
    height: 65px;
}
.rules-list-box {
    padding: 106px 8px 10px;
}
.rules-list-left {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #EDC258;
    margin-right: 5px;
}
.rules-list-right {
    color: #785D3E;
    font-size: 24px;
}
.border-bottom {
    border-bottom: #E1E4EB 1px solid;
}
.rules-list-box2 {
    padding: 10px 8px;
    text-align: left;
}
.rules-content-fonts {
    margin-top: 8px;
    color: #A08769;
    font-size: 18px;
}
.rules-title-img {
    height: 38px;
}
.rules-popup-content {
    width: 90%;
    margin: -10px auto 0;
    font-size: 12px;
    padding-bottom: 20px;
    border-top: #D9C49E 1px solid;
}
.rules-popup-content-list {
    margin-top: 6px;
    font-size: 15px;
    color: #A08769;
    font-weight: normal;
}
body .rules-popup {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}
body .close-rules-btn {
    font-weight: bold;
    position: absolute;
    top: 14px;
    right: 5%;
    font-size: 34px;
    color: #8D6935;
    transform: rotate(45deg);
}
.rules-body {
    display: none;
    width: 1000px;
    background: linear-gradient(0deg, #FFFFFF 0%, #FEF5E4 100%);
    border-radius: 20px;
    overflow: hidden;
}
.sub-popup-body {
    display: none;
    padding: 18px;
}
body .sub-popup {
    background: #000000;
    border-radius: 15px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.success-icon {
    height: 20px;
    margin-right: 6px;
}
.active-index {
    margin-right: 6px;
}
body .input-popup {
    border-radius: 6px;
    overflow: hidden;
}
.input-popup-body {
    display: none;
    border-radius: 15px;
}
.top-line {
    height: 10px;
    background: linear-gradient(90deg, #78BDF2 0%, #2383FC 100%);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.title-box {
    margin-top: 15px;
}
.title-left-line {
    width: 4px;
    height: 20px;
    background: #78BDF2;
}
.title-fonts {
    color: #303030;
    font-size: 16px;
    margin-left: 6px;
    font-weight: bold;
}
.input-box {
    margin-top: 15px;
    padding: 0 15px;
}
.input-list {
    display: block;
    width: 248px;
    height: 30px;
    line-height: 30px;
    color: #7C8591;
    font-size: 15px;
    padding: 2px 6px;
    border: none;
    border-radius: 5px;
    background: #EEF0F5;
    margin-top: 10px;
}
.input-list:first-child {
    margin-top: 0;
}
.input-bottom-box {
    margin-top: 20px;
    border-top: #E4E6ED 1px solid;
}
.input-bottom-list {
    width: 50%;
    text-align: center;
    padding: 10px 0;
}
.input-bottom-list2 {
    color: #A8B3C3;
    border-left: #E4E6ED 1px solid;
}
body .layui-icon-close-fill {
    color:#E55660;
    font-size: 20px;
    margin-top: 2px;
    margin-right: 4px;
}
#subPopupBody,
#alertPopupBody {
    /* background: #000000; */
    color: #FFFFFF;
}
.sub-btn-box {
    margin-top: 15px;
    padding-bottom: 0;
}
.sub-btn2 {
    width: 484px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
    background: #C89303;
    margin: 0 auto;
    font-size: 20px;
}
.main-body2 {
    width: 100%;
    /* background: url(../images/main-content-bg-dark.png) no-repeat; */
    background: #FFF5E9;
    background-size: 100% 100%;
    margin-top: 40px;
    /* padding-top: 40px; */
}
.content-table2 .table-list-box {
    background: #FFFFFF;
}
.content-table1 .table-list-box,
.content-table2 .table-list-box {
    margin-top: 20px;
    background: #FFFFFF;
}
.content-table1 .table-list-box {
    margin-top: 25px;
}
body .chosing-menu-box {
    width: 272px;
    text-align: center;
    border-radius: 10px;
}
#subPopupBody,
#alertPopupBody {
    background: #000000;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}
body .layui-icon-about {
    color:#E55660;
    font-size: 24px;
    margin-top: 2px;
    margin-right: 4px;
}
.yeb-intro-line-box {
    margin-top: 20px;
}
.table-title-bg2 {
    position: unset;
}
#quesBody .rules-list-title {
    margin-top: 15px;
}
#quesBody .rules-content-fonts {
    margin-top: 5px;
    color: #7C8591;
    font-weight: normal;
}
.main-body3 {
    /* padding: 40px 0; */
    background: none;
    margin-top: 40px;
    /* background-color: #EBEBEB; */
}
.light-border {
    border-bottom: #F1F1F1 1px solid;
}
.prx-top-bg {
    height: 650px;
    background: url(../images/top-banner-24-pc-bg.png) no-repeat top center;
    background-size: cover;
}
.prx-banner-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.banner-imgcont1 {
    width: 450px;
    margin-right: -88px;
}
.banner-imgcont2 {
    width: 850px;
    margin-right: -48px;
}
#diceBody {
    position: relative;
    /* margin-top: -520px; */
}
.dice-main {
    background: url(../images/dice-bg.png) center center no-repeat;
    background-size: 100% 100%;
    height: 260px;
}
#dicebox {
    position: relative;
    z-index: 3;
    width: 380px;
    top: -88px;
    left: 108px;
}
.init-dice-img {
    position: absolute;
    width: 38px;
    z-index: 4;
}
.init-dice-img1 {
    top: 160px;
    left: 120px;
}
.init-dice-img2 {
    top: 160px;
    left: 170px;
}
.init-dice-img3 {
    top: 160px;
    left: 220px;
}
.init-dice-img4 {
    top: 206px;
    left: 148px;
}
.init-dice-img5 {
    top: 206px;
    left: 198px;
}
.init-dice-img6 {
    top: 252px;
    left: 173px;
}
#dicebox #redpacket0,#dicebox #redpacket1,#dicebox #redpacket2,#dicebox #redpacket3,#dicebox #redpacket4,#dicebox #redpacket5{
	top: 15%;left: 20%;width: 38px;position: absolute;
	-webkit-animation-duration: 1.5s;
	   -moz-animation-duration: 1.5s;
	     -o-animation-duration: 1.5s;
	        animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-direction: alternate;
	   -moz-animation-direction: alternate;
	     -o-animation-direction: alternate;
	        animation-direction: alternate;
		position: absolute;
	}
#dicebox #redpacket0{
	-webkit-animation-name: dice1;
	-moz-animation-name: dice1;
	-o-animation-name: dice1;
	animation-name: dice1;
}
#dicebox #redpacket1{
	-webkit-animation-name: dice2;
	-moz-animation-name: dice2;
	-o-animation-name: dice2;
	animation-name: dice2;
}
#dicebox #redpacket2{
	-webkit-animation-name: dice3;
	-moz-animation-name: dice3;
	-o-animation-name: dice3;
	animation-name: dice3;
}
#dicebox #redpacket3{
	-webkit-animation-name: dice4;
	-moz-animation-name: dice4;
	-o-animation-name: dice4;
	animation-name: dice4;
}
#dicebox #redpacket4{
	-webkit-animation-name: dice5;
	-moz-animation-name: dice5;
	-o-animation-name: dice5;
	animation-name: dice5;
}
#dicebox #redpacket5{
	-webkit-animation-name: dice6;
	-moz-animation-name: dice6;
	-o-animation-name: dice6;
	animation-name: dice6;
}
.dice-bg {
    display: block;
    width: 380px;
    margin: 0 auto;
}
.top-dice-area {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.blank {
    height: 255px;
}
.join-btn {
    width: 300px;
    height: 40px;
    border-radius: 6px;
    margin: 10px auto 0;
}
.copy-btn {
    width: 20px;
}
.dice-icons-list {
    width: 100%;
}
.result-dice-show {
    width: 26px;
    margin-right: 2px;
}
.result-dice-show:last-child {
    margin-right: 0;
}
.content-table2 .toggle-list {
    height: 65px;
    padding: 0;
}
.content-table4 .result-dice-show {
    width: 10%;
    margin: 0 2px 0 0;
}
.content-table4 .result-dice-show:last-child {
    margin-right: 0;
}
.content-table4 .toggle-list {
    height: 48px;
    padding: 0;
}
.content-table4 .height-u {
    height: 96px;
}
.content-table5 {
    background: linear-gradient(to bottom, #FDF5EC 0%, #FFFFFF 100%);
    padding: 40px 10px  20px;
    border-radius: 20px;
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
}
.blank2 {
    height: 30px;
}
.un-sub-content {
    background: #FDEFCE;
    border-radius: 10px;
    padding: 10px 0;
    width: 920px;
    margin: 0 auto;
}
.un-sub-content2 {
    padding-bottom: 24px;
}
.un-sub-content-list {
    font-size: 30px;
    color: #614011;
    /* display: flex;
    justify-content: start;
    align-items: center; */
    width: 700px;
    margin: 10px auto 0;
    padding: 38px 0;
    line-height: 52px;
}
.level-up-list .gold,
.level-up-condition .gold,
.un-sub-content-list .gold,
.un-sub-content-list2 .gold {
    display: inline-block;
    font-size: 32px;
    line-height: 40px;
    border-bottom: #614011 2px solid;
    margin: -8px 6px 0;

}
.content-table5 .sub-btn2 {
    margin-top: 15px;
}
#topSwitch1,
#topSwitch2,
#topSwitch3
 {
    width: 1000px;
}
#topSwitch2,
#topSwitch3
 {
    /* display: none;*/
}
.top-vip-show {
    position: absolute;
    font-size: 16px;
    top: -26px;
    left: 0;
    color: #FFFFFF;
    width: 318px;
    height: 48px;
    line-height: 40px;
    /* background: linear-gradient(90deg, #F4ECD4 0%, #C79200 100%); */
    background: url(../images/top-vip-show-bg.png) no-repeat;
    background-size: 100% 100%;
}
#vipLev {
    color: #FFFFFF;
    margin-left: 66px;
    font-size: 28px;
}
#topSwitch1 .content-table5,
#topSwitch2 .content-table5,
#topSwitch3 .content-table5
 {
    margin: 68px auto 0;
    /* padding: 20px 0; */
}
/* #topSwitch3 .content-table5 {
    padding: 20px 10px;
} */
.user-info-area {
    width: 92%;
    margin: 0 auto;
}
.user-info-top-list {
    height: 26px;
    margin-top: 15px;
}
.user-info-top {
    /* width: 44%; */
}
.user-info-center-line {
    width: 1px;
    height: 70px;
    background: #E8D183;
}
.user-info-top2 {
}
.user-info-fonts1 {
    font-size: 18px;
    color: #746554;
}
.user-info-fonts2 {
    font-size: 20px;
}
.user-info-top-list:last-child {
    /* margin-top: 15px; */
}
.status-fonts {
    margin-top: 10px;
}
.user-info-bottom {
    width: 900px;
    margin: 0 auto;
}
.invite-content-list,
.invite-content-list2-left,
.invite-content-list2-right
 {
    height: 40px;
    background: #F8F1DD;
    border-radius: 5px;
    padding: 0 12px;
    margin-top: 10px;
}
.invite-list-left-part1 {
    width: 60px;
    text-align: left;
}
.copy-img {
    width: 20px;
}
.more-icon {
    width: 56%;
}
.invite-content-list2-right {
    width: 40px;
    padding: 0;
    margin-top: 0;
}
.invite-content-list2-left {
    width: calc(100% - 50px);
    background: #C89303;
    color: #FFFFFF;
    margin-top: 0;
}
.prize-results-scroll {
	height: 150px;
	margin: 0 auto;
	overflow:hidden;
    border: none;
}
.scroll-list-box {
    width: 100%;
    height: 100%;
}
.scroll-list {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    /* transition: all .3s; */
    color: #7D7974;
}
.scroll-list-bold {
    /* font-size: 18px; */
    color: #303030;
}
.scroll-list-side {
    width: 45%;
    text-align: center;
}
.content-table1 .first-prize {
    background: linear-gradient(0deg, #FFD496, #FEF2D4);
}
.first-prize .table-content-list-left
 {
    color: #AF6F00;
}
.content-table1 .first-prize {
    line-height: unset;
}
.content-table1  .white-bg {
    background: #FFFFFF;
}
#toHidePrize {
    display: none;
}
.content-table1 .table-list-content {
    height: 168px;
    border: #DADFE6 1px solid;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    border-top: none;
}
.content-table6 .table-list-box {
    border: none;
    box-shadow: inset 0px 0px 40px -8px rgba(0,0,0,.2);
    background: linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 50%, #F7F7F7 100%);
    /* box-shadow: 0px 0px 10px red inset; */
}
#inviteHelpBody,
#startGame
 {
    width: 270px;
    background: #FFFFFF;
    display: none;
    padding: 15px 15px 10px 15px;
}
.invite-help-title {
    font-size: 18px;
    color: #C79200;
    margin-bottom: 5px;
}
.invite-help-title2 {
    font-size: 16px;
    margin-top: 0px;
}
.invite-help-title3 {
    margin-top: 8px;
}
.invite-bottom-code {
    width: 220px;
    height: 40px;
    line-height: 40px;
    background: #F3E8C1;
    border-radius: 5px;
    margin: -25px auto 0;
}
.title-bd {
    width: 100px;
    height: 32px;
    line-height: 31px;
    border: #C18828 1px solid;
    border-radius: 20px;
    font-size: 16px;
    margin: 0 auto;
}
#startGame,
#gameResult,
#gameResultNone
 {
    width: 300px;
    height: 446px;
    /* height: 480px; */
    background: none;
    padding: 0;
}
#gameResult {
    height: 480px;
}
#startGame .close-icon,
#inviteHelpBody .close-icon,
#gameResult .close-icon,
#gameResultNone .close-icon
 {
    bottom: 0;
}
#startGame .invite-main-box,
#gameResult .invite-main-box,
#gameResultNone .invite-main-box
{
    height: 380px;
    background: url(../images/popup-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px 15px 10px;
}
#gameResult .invite-main-box {
    height: 416px;
}
#gameResultNone .invite-main-box {
    height: 390px;
}
#inviteHelpBody {
    width: 320px;
    height: 494px;
    background: none;
    padding: 0;
}
#inviteLink {
    width: 300px;
    height: 600px;
    background: none;
    padding: 0;
}
#inviteHelpBody .invite-main-box,
#inviteLink .invite-main-box
 {
    height: 430px;
    background: url(../images/popup-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 15px 15px 10px;
}
#inviteLink {
    /* width: 276px; */
}
#inviteLink .invite-main-box{
    padding: 0;
    height: 540px;
}
#inviteLink .invite-content-list {
    width: 70%;
    margin: 8px auto 10px;
}
#inviteLink .close-icon {
    bottom: 0px;
}
#gameResult .close-icon {
    /* bottom: -25px; */
}
.invite-top {
    width: 280px;
    border-radius: 10px 10px 0 0;
}
.close-icon {
    position: absolute;
    bottom: 5px;
    width: 70px;
    left: 50%;
    margin-left: -35px;
}
.popup-side-icon {
    position: absolute;
    width: 40px;
}
.popup-side-icon1 {
    top: 30px;
    left: 30px;
}
.popup-side-icon2 {
    top: 30px;
    right: 30px;
    transform: rotate(90deg);
}
.popup-side-icon3 {
    bottom: 196px;
    left: 30px;
    transform: rotate(-90deg);
}
.popup-side-icon4 {
    bottom: 196px;
    right: 30px;
    transform: rotate(180deg);
}
#inviteHelpBody .popup-side-icon3,
#inviteHelpBody .popup-side-icon4
 {
    bottom: 25px;
}
.invite-help-img {
    display: block;
    width: 220px;
    margin: 10px auto 0;
}
.start-game-center {
    margin-top: 30px;
}
.start-game-center-fonts1 {
    font-size: 26px;
    color: #333333;
}
.start-game-center-fonts2 {
    font-size: 40px;
    color: #333333;
}
.start-game-btn {
    width: 154px;
    height: 46px;
    line-height: 46px;
    background: linear-gradient(269deg, #930101 0%, #A61111 100%);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
    border-radius: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 68px auto 0;
}
.un-sub-content-list2 {
    width: 100%;
    padding: 0 32px;
    text-align: left;
}
.level-up-condition-fonts {
    font-size: 18px;
    color: #7D766C;
    padding-left: 32px;
    margin-top: 6px;
}
.level-up-title {
    font-size: 16px;
    color: #464646;
    margin-top: 5px;
}
.level-up-list {
    font-size: 18px;
    color: #464646;
    margin-top: 3px;
}
.level-up-list2 {
    margin-top: 5px;
}
.left-yellow-point {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #DDBB6F;
    margin-right: 10px;
}
.level-up-list .gold {
    /* line-height: 20px; */
    margin-top: -6px;
}
.relative-box {
    position: relative;
}
.car-img {
    position: absolute;
    top: 8px;
    left: 58px;
    height: 40px;
}
.content-table4 {
    overflow: hidden;
    margin-top: 5px;
}
body .rules-popup {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    max-height: 80%;
}
.rules-popup-content {
    width: 90%;
    margin: 0 auto 0;
    font-size: 12px;
    padding-bottom: 20px;
}
.rules-popup-title {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    padding: 14px 0;
    overflow: hidden;
    /* background: linear-gradient(180deg, #EDDBB8 0%, #FFFFFF 100%); */
}
.disable-btn {
    background: #C9C9C9;
    color: #393D43;
    box-shadow: unset;
}
.play-btn {
    width: 188px;
    height: 52px;
    background:url(../images/can-play.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 160px;
    right: 220px;
}
body .disable-play-btn {
    width: 188px;
    height: 52px;
    background:url(../images/disable-play.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 160px;
    right: 220px;
}
.play-times {
    color: #E7CBA4;
    font-weight: bold;
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    border: #E7CBA4 1px solid;
    border-radius: 50%;
    margin: -10px 0 0 80px;
    text-align: center;
}
.vip-icon {
    height: 20px;
    margin-left: 15px;
    margin-right: 2px;
}
.invite-link-fonts1 {
    font-size: 16px;
    margin-top: 5px;
}
.more-icon1 {
    height: 18px;
    margin: 0px 0 0 4px;
}
.more-icon2 {
    height: 16px;
    margin: 2px 0 0 4px;
}
.more-icon3 {
    height: 16px;
    margin: -1px 0 0 2px;
}
#friendsList .rules-popup-content {
    height: auto;
}
#friendsList .rules-popup-content-box {
    height: auto;
    max-height: 400px;
}
body .layui-panel {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
#friendsMoreInfo,
#allFriendsInfo,
#validFriendInfo,
#gameTimesInfo
 {
    width: 210px;
    background: #FFFFFF;
    display: none;
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    z-index: 2;
}
#friendsMoreInfo
 {
    top: 30px;
    right: 0px;
    font-weight: normal;
    font-size: 14px;
}
#gameTimesInfo,
#validFriendInfo {
    top: 26px;
    left: 0px;
}
.tips-title,
.tips-title2
 {
    width: 100%;
    height: 10px;
    background: linear-gradient(90deg, #C89302 0%, rgba(255, 255, 255, 0) 100%);
}
.tips-content {
    padding: 8px 10px;
    background: #FFFFFF;
}
.scroll-center-line {
    position: absolute;
    width: 1px;
    height: 80px;
    background:linear-gradient(to bottom,rgba(0,0,0,0),#C3CAD7,rgba(0,0,0,0));
    top: 122px;
    left: 50%;
}
.tips-title2 {
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    padding-left: 6px;
}
.result-dice-box {
    margin-top: 15px;
}
.result-dice-img {
    width: 32px;
}
.result-dice-line {
    margin-top: 4px;
}
.result-fonts1 {
    font-size: 30px;
    margin-top: 6px;
}
.result-line {
    width: 90px;
    margin: 0 auto 0;
}
.result-fonts2 {
    margin-top: 5px;
    font-size: 20px;
}
.result-fonts3 {
    margin-top: 5px;
    font-size: 26px;
}
#gameResult .popup-side-icon3,
#gameResult .popup-side-icon4,
#gameResultNone .popup-side-icon3,
#gameResultNone .popup-side-icon4
 {
    bottom: 178px;
}
#gameResult .start-game-btn {
    margin: 32px auto 0;
}
#gameResult .result-num-box,
#gameResultNone .result-num-box
 {
    margin-top: 10px;
}
.result-num-box {
    margin-top: 15px;
}
.result-copy-btn {
    height: 18px;
    margin-left: 5px;
}
.blank-main {
    height: 256px;
}
.result-none-top {
    width: 200px;
    margin: 20px auto 0;
}
.result-none-top-left {
    font-size: 24px;
}
.result-none-brown-line {
    width: 2px;
    height: 30px;
    background: #C79200;
}
#gameResultNone .result-dice-box {
    margin-top: 0;
}
#gameResultNone .result-dice-line:first-child {
    margin-top: 0;
}
#gameResultNone .result-fonts1 {
    margin-top: 6px;
}
#gameResultNone .result-line {
    margin: 2px auto 4px;
}
#gameResultNone .start-game-btn {
    margin: 26px auto 0;
}
.result-fonts4 {
    font-size: 30px;
    color: #898989;
}
#friendsList {
    width: 700px;
}
#friendsList .rules-title-img {
    width: 30%;
    margin-top: 6px;
    height: unset;
}
#friendsList .rules-popup-title {
    padding: 0;
}
#friendsList .table-list-content {
    max-height: 288px;
    overflow-y: auto;
}
/* #prizeSwiper */
.dice-right-area
 {
    position: absolute;
    top: 60px;
    right: 150px;

    width: 335px;
    height: 83px;
    background: #F7EFE3;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.85);
    border-radius: 8px;
}
.prize-show-box {
    width: 335px;
    height: 83px;
    background: #F7EFE3;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.85);
    border-radius: 8px;
}
.dice-right-area .layui-carousel>[carousel-item]>*,
.dice-right-area .layui-carousel
 {
    background-color: unset;
}
.dice-right-area .layui-carousel>[carousel-item]:before {
    display: none;
}
.dice-right-area .layui-carousel>[carousel-item]>.layui-carousel-next,
.dice-right-area .layui-carousel>[carousel-item]>.layui-carousel-prev,
.dice-right-area .layui-carousel>[carousel-item]>.layui-this {
    display: flex;
}
.left-prize-coin {
    height: 52px;
    margin-right: 15px;
}
.rabite-icon {
    height: 40px;
    margin-top: -8px;
}
.click-icon {
    height: 24px;
    margin-left: 4px;
}
.table-content-list:nth-child(even) {
    background: #F5F6F7;
}
.content-table1 .table-list-content {
    height: 195px;
    overflow: hidden;
}
.content-table1 {
    margin-top: 40px;
    background: none;
}
.to-friends-list {
    height: 18px;
    margin-left: 5px;
}
.main-body2 .copy-btn {
    position: unset;
}
.hide-prize-num {
    color: #7C8591;
    font-weight: normal;
    margin-right: 8px;
}
.main-body2 .content-table2 .table-title-list:nth-child(2) {
    text-align: right;
    padding-right: 56px;
}
.main-body2 .content-table2 .table-content-list-center:nth-child(2) {
    padding-right: 64px;
}
#scrollBox {
    margin-top: 20px;
    border: none;
    box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.2);
    background: linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 50%, #F7F7F7 100%);
}
.gold-point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #D0A000;
    margin-right: 5px;
    margin-left: 8px;
}
.gold-point:first-child {
    margin-left: 0;
}
.level-up-condition {
    margin-top: 12px;
}
.level-up-condition .gold {
    font-size: 20px;
    margin: -2px 8px 0 0;
    line-height: 20px;
}
#rulesBody .rules-table-box {
    align-items: flex-start;
}
.rules-table-side {
    width: 445px;
}
.rules-left-fonts,
.rules-right-fonts
 {
    font-size: 14px;
}
.content-table3 .rules-list-box:nth-child(2) {
    padding: 78px 8px 10px;
}
.left-prize-cash {
    margin-right: 20px;
}
#resultNum {
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#rulesBody .content-table4 .toggle-list {
    padding: 8px 0;
    height: auto;
}
#rulesBody .rules-table-side {
    width: 900px;
}
#rulesBody .table-list-title {
    height: 50px;
}






.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-start {
    display: flex;
    justify-content: start;
    align-items: center;
}
.flex-j-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.w33 {
    width: 33.3%;
}
.w50 {
    width: 50%;
}
.w15 {
    width: 15%;
}
.w14 {
    width: 14%;
}
.w15 {
    width: 15%;
}
.w20 {
    width: 20%;
}
.w40 {
    width: 40%;
}
.w25 {
    width: 25%;
}
.w35 {
    width: 35%;
}
body .normal {
    font-weight: normal;
}
body .gray-fonts {
    color:#7C8591;
}
.text-c {
    text-align: center;
}
.text-l {
    text-align: left;
}
.bold {
    font-weight: bold;
}
.green {
    color: #50BE44;
}
.silver {
    color: #7C8591;
}
.red {
    color: #E90619;
}
.gold {
    color: #614011;
}
.brown {
    color: #6F410F;
}
body .normal-fonts {
    font-size: 16px;
}
input:focus {
    box-shadow:  0 0 0 1px #0F93F5;
    background: #FFFFFF;
}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
} 
.closeBtnActived {
    color: #B3BDCA;
}
.cfmBtnActived {
    color: #1D9DFC;
}
.cursor,
.cursor3,
.cursor-normal {
    cursor: pointer;
    transition: all .3s;
}
.cursor:hover {
    transform: scale(1.1);
}
.cursor3:hover {
    transform: scale(1.05);
}
.main-body svg {
    stroke:unset;
}
body .layui-layer {
    min-width: unset;
    background: none;
    box-shadow: none;
}
.alert-icon {
    width: 28px;
    margin-right: 10px;
}
.relative {
    position: relative;
}
.hide-mask,
.hide-mask2
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 20000000;
    display: none;
}