a:hover{
    color:#ff9130;
}

.swiper-box {
    position: relative;
    width: 1920px;
    height: 670px;
    min-width: 1600px;
    overflow-y: hidden;
    margin: 0 auto;
}


.title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 24px;
    line-height: 48px;
    letter-spacing: 0;
    color: #333;
}

.title .titleIcon {
    width: 130px;
    height: 19px;
}

.line {
    width: 110px;
    height: 1px;
    background-color: #af7530;
    margin-top: 5px;
}

.tab-search {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(to right, rgb(198, 255, 221), rgb(251, 215, 134), rgb(247, 121, 125));
    border: 1px solid #ccc;
    padding-right: 10px;
    position: relative;
}

.hot-game-label {
    width: 1200px;
    margin: 0 auto;
}

.hot-game-label .tab {
    width: 136px;
    height: 55px;
    color: #cc7a20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 2px;
    border-right: 1px solid #e1b66d;
}

.search-box {
    width: 385px;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}

.search-box .search-div {
    width: 53px;
    height: 31px;
    background-color: #eca222;
    overflow: hidden;
}

.search-box .search-div .search-image {
    width: 50px;
    height: 30px;
}

.width {
    width: 1200px!important;
}

.label-classification {
    width: 1200px;
    height: auto;
    min-height: 70px;
    margin: 0 auto;
    border: 1px solid #ccc8c5;
    border-top: 0;
    position: relative;
    padding: 12px 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
}

.label-classification .label-box {
    width: 100%;
}

.label-box-bq {
    width: 100%;
    height: 50px;
}

.label-box-bq .label {
    width: 78px;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid #ffc05e;
    font-size: 14px;
    letter-spacing: 0;
    color: #666;
    margin-bottom: 10px;
    cursor: pointer;
}

.label-box-bq .label,.label-title {
    height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.label-title {
    white-space: nowrap;
    width: 60px;
}

.label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 29px;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.label {
    width: 78px;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid #cbcbcb;
    font-size: 14px;
    letter-spacing: 0;
    color: #666;
    margin-right: 10px;
    cursor: pointer;
}

.image-box-activity {
    width: 100%;
    min-width: 1600px;
    position: relative;
    margin-top: -222px;
}

.image-box-activity .content {
    width: 1200px;
    margin: 0 auto;
    height: 350px;
}

.image-box-activity .content .head {
    width: 1200px;
}

.image-box-activity .content .head .activity,.image-box-activity .content .head {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.image-box-activity .content .head .activity .item {
    width: 216px;
    height: 222px;
}

.image-box-activity .content .head .activity .item img {
    width: 216px;
    height: 222px;
}

.image-box-activity .content .head .activity .item img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.image-box-activity .content .head .activity .item .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 19px;
    box-sizing: border-box;
}

.image-box-activity .content .head .activity .item .intro .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #333;
}

.image-box-activity .content .head .activity .item .intro .line {
    margin: 6px 0;
    width: 40px;
    height: 2px;
    background-color: #ffb040;
    border-radius: 1px;
}

.image-box-activity .content .head .activity .item .intro .subtitle {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0;
    color: #666;
}

.image-box-activity .content .head .person {
    width: 200px;
    height: 200px;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0,0,0,.07);
    border-radius: 8px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

.image-box-activity .content .head .person .opt-box {
    width: 285px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
}

.image-box-activity .content .head .person .opt-box .login {
    width: 232px;
    height: 40px;
    background-color: #ffb82c;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0;
    color: #fff;
}
.image-box-activity .content .head .person .opt-box .login:hover {
    background-color: #e49a08;
    color: #fff;
    border: 0;
}
.image-box-activity .content .head .person .opt-box .login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.image-box-activity .content .head .person .person-detail {
    padding-top: 10px;
}

.image-box-activity .content .head .person .person-detail .logo-style {
    /* width: 96px;
    height: 96px;
    background-color: #fff;
    border: 1px solid #ffb82c;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; */
    margin-bottom: 20px;
}

.image-box-activity .content .head .person .person-detail .logo-style img {
    width: 100px;
    height: 100px;
}

.image-box-activity .content .head .person .person-detail .login-button-new {
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0;
    color: #333;
}

.hot-game-box {
    width: 100%;
    min-width: 1600px;
    height: auto;
}

.isChoose {
    border-radius: 15px;
    color: #dd9237;
    background-color: #fce7c5;
    border: 1px solid #ebb663;
}
.enter_gw {
    width: 80px;
    height: 36px;
    margin-left: 5px;
    line-height: 36px;
    border-radius: 18px;
    border: 1px solid #e1e1e1;
    /*color: #fff;*/
    /*background-color: red*/
}
.item_label {
    width: 222px;
    height: 80px;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}
.item_label .image_auto {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAsCAYAAAApSpU1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjExQjU4RTNBMjAzMjExRURBRTM2QkIzOEMxOTk2QjAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjExQjU4RTNCMjAzMjExRURBRTM2QkIzOEMxOTk2QjAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTFCNThFMzgyMDMyMTFFREFFMzZCQjM4QzE5OTZCMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFCNThFMzkyMDMyMTFFREFFMzZCQjM4QzE5OTZCMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5a9cwRAAAFeklEQVR42uyab2wTZRzHv9dVnJOwLA7UYJZgeGGMvlmiRKLyQtQoVkn8E7IYfUFQxEQMojKdMeqiiwtoEJSoLwQT/4NjlSlqABnqEgyyJUpUXJy4OBXUuXWr7a7n9+k9T/vsbO3V9m7bsV/2W3vX9tL79Pv7Pr/nuTOaADQjHcYDwGUhoPVioH4xEDZw8oTFv48A8yDQy82HWoAd9m6g4nL+288krCsJ6AM+rfsRCMX55Fz5rpMh36NIvuB5VwBnMG9ZBAyRy+dp9TTZIOuYPXxztfjAGDPJXCQz6NHJ3Ms8hRkWUOw0+XApq6wrJN+3kVktX4TYSZrYwzzMTAU4j1FIe+T5hrKAIHdtpogMAW4B8wZF1ZCvyjpFO/MsHq/WPkaggpCsNp5yyAFJi3pmROy/1/lhpaaw3H6Xm9SeFTQVdTFPyPNUkLQYlY/3i9dfZW5iCq+uZp7KrGGeyZxLYHX9wPwe4JwLgdlBURF9N/4J0Ebv7eY5HiWgn0Lp6sNf9KEh2IOZYFcjIHU05z9WSEKbyZKrP98e/QIRpLF1A/AYbCBCIKYa8lU02/uOG5ZlwTDydkSGNP0qobJvOQhUAvMC4EWJRmDh68AP3IwxE7ICc0a4cI+VKWFzhJKcEQBIg8AhAvpNdjspp4KKhaTBR0qMBmYASs20lWNqAigZkjpAZnQLQLlBa7YLRrjYg5vBggQ3oIqGFCAluY5pSOWGZAak3MxpJU0rafIryQqIkqycT0uHZMk+yQpIuRX1e4eLEJBp2V13ECD9rXXcBdUUcn9cjHE2+OZUX0MimdR3wDZt3lYwCq0CqJWAsFoy2QlsqgFunKJelOIP3XQ78DI3OV/PKMoqFZJSnFgyqbwEmNMIvDALuGKKlVj8CLD2buAdDZArNbmFZOigKKmZLwH3zAXWGNkl8UkbJDGwD1jxJHBQAhKrAEm3k1y3kJygROmd1kw1XQQ8S0q1kxXQKPDlK8Ad24E+ezMNSCjI+pi5uEyelAuU8KgZAtQyYB7z+Sr7ysKkit+B7Y8AD9Ko/4S9RKvWkawPpYKu8gCSAqXMPF1+c4BZG4BHZwO34V9XZSbEoM1jQMsKeqcsr7gsr9Ruhwdd7REkHZReflXrOeqdBzzFnadPoEEPHgZWPwzsluWlDNp8P4f/XOMhpFzll/apVcAFlPAW1uJ8vwGxlno7gOUvAl87/CfVkcegr/UBkrP8hE9V0pxq1wKt1cB1fgEaBvZvBFZ9CvwiASWVQe/6jxFsiYtjl3zpOpodRsektEcO8Ys2ACvZuD0uFt297qIH2BzeRT8koJ+1IT4NKFrgyjP8UFJUex6xoY8rv3XAwgXs0rnjbA8MOsGRq/E+4A2tQUwbdNQlg4gfSnIAU9cKknJEibUAnfSIJTHgszI3iL92AssI6DW72jIeZEbLvKJT9jtFotlVAwVqhKNK33KgYcAekks+AR60h2SubwUOSEBxZdBRl2tEEwpJgdJUJUpglEoaZN/yRA9wp5m+iPr/gh9sbwJuehs46pyDeQHIM0g5yi8hyyHG/qV9B62AP/1Xxc7g+4Gnb+UI9g1w3DmL9wqQ55DylF9sG3CEhr70D+Atlw3icDcnqCs5T9T8J6n8x0tAvkDK0SYIVY18D5zgHGZNL7DOsuHlaxD76GlLOQfbpfmPAmT58f19u8VP86kxrfyGVwNb9wI3J+1Z+rhgPR14jqW5BeiGfYuMPsRbfn133++DlCen2oQ0qGeArs1sE4aANqEqvjjAtnk9G8SGfUC/w6AtPwGVvZksJiLZ6UyFnCSrrMB4kAlt9Cr7dQg3zWQYExTKpyIZb86UYQjaFRo1g/BbPeWe4Jble2jrUEZ21Hd/e4yX8Y8AAwAgxgpXfOc/eQAAAABJRU5ErkJggg==);
    width: 74px;
    height: 44px;
    line-height: 32px;
    z-index: 1;
    text-align: center;
}
.item_label .image_auto span {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}
.button-opt {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.button-opt .xiazai-image {
    width: 96px;
    height: 36px;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-stretch: normal;
    line-height: 14px;
    border: 1px solid #e1e1e1;
    /*color: #fff;*/
    border-radius: 18px;
}
.button-opt .xiazai-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0;
    /*background-color: red*/
}
.enter_gw:hover,
.xiazai-image:hover {
    background-color: #ffb82c;
    /*background-color: red;*/
    color: #fff;
    border: 0;
}
.game_label {
    font-size: 16px;
}
.game_label span {
    font-weight: 700;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #666;
}
.wrap{
    min-width: 1600px;
    height: auto;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}
.wrap .content {
    width: 1218px;
    margin: 0 auto;
}
.wrap .content .item1 {
    width: 286px;
    height: 412px;
    border: 1px solid #eae8e8;
    margin: 10px 9px 10px 9px;
    padding: 7px 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.wrap .content .item1 a{
    width: 100%;
   
}
.wrap .content .item1:hover {
    -webkit-box-shadow: 0 4px 4px #eae8e8;
    box-shadow: 0 4px 4px #eae8e8;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.game-image-box {
    width: 100%;
    height: 186px;
    overflow: hidden;
}
.game-image-box .game-image {
    width: 100%;
    height: 100%;
    display: block;
}
.game-image-box .game-image:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.game-detail {
    width: 100%;
    height: 57px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px dashed #d9d6d6;
}
.game-detail .game-name {
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 1px;
    color: #333;
}
.box {
    width: 100%;
    overflow: hidden;
    height: 49px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    color: #999;
    border-bottom: 1px dashed #d9d6d6;
    line-height: 49px;
}
.foot {
    width: 100%;
    min-width: 1600px;
    height: 280px;
    background-color: #383838;
    position: relative;
    color: #ccc8c5;
    padding-top: 20px;
    border: 0;
    font-size: 28px;
}

.foot .tips {
    margin-top: 12px;
    white-space: pre-line;
    line-height: 44px;
}

.foot .footIconBox {
    margin-top: 25px;
    margin-left: 30px;
}

.lyIndex_style {
    font-size: 20px;
}

.wrap .tab-box {
    height: 88px;
    width: 100%;
    min-width: 1600px;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 4px 2px 2px #d2d0d0;
}

.wrap .tab-box .content,.wrap .tab-box {
    display: flex;
    align-items: center;
}

.wrap .tab-box .content {
    width: 1200px;
    line-height: 58px;
    margin: 0 auto;
}

.wrap .tab-box .content .tab {
    width: 788px;
    height: 58px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.isActivityLy {
    color: #eca222!important;
}



/*::-webkit-scrollbar-track-piece {*/
/*    background-color: rgba(0,0,0,.2);*/
/*    -webkit-border-radius: 6px;*/
/*}*/

/*::-webkit-scrollbar-thumb:vertical {*/
/*    height: 5px;*/
/*    background-color: hsla(0,0%,49%,.7);*/
/*    -webkit-border-radius: 6px;*/
/*}*/

/*::-webkit-scrollbar-thumb:horizontal {*/
/*    width: 5px;*/
/*    background-color: hsla(0,0%,49%,.7);*/
/*    -webkit-border-radius: 6px;*/
/*}*/

body,html {
    width: 100%;
}

.topswiper58 {
    margin-top: 88px;
}

.fff {
    background: #fff;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.border-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pointer {
    cursor: pointer;
}

.dis-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-x-center {
    justify-content: center;
}

.flex-x-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-y-center {
    -ms-flex-align: center;
    align-items: center;
}

.f-20 {
    font-size: 20px;
}

.f-14 {
    font-size: 14px;
}

.t-c {
    text-align: center;
}

.f-w {
    font-weight: 700;
}

.m-top10 {
    margin-top: 10px;
}

.m-bot10 {
    margin-bottom: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-30 {
    margin-right: 30px;
}

.oneline-hide {
    white-space: nowrap;
}

.oneline-hide {
    overflow: hidden;
    text-overflow: ellipsis;
}

div {
    box-sizing: border-box;
}
.ant-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd9d2;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.selectGameType1:hover{
    color: #dd9237;
    background-color: #fce7c5;
}
/* 闪光字 */
.tophotgame{
    background: -webkit-gradient(linear,left top,right top,from(#ffae12),to(#fb0555));
    background: linear-gradient(left,#ffae12,#fb0555);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: scratchy .253s linear infinite forwards;
    animation: scratchy .253s linear infinite forwards;
}
@-webkit-keyframes scratchy {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 60px -60px
    }

    99% {
        background-position: 60px -60px
    }

    to {
        background-position: 0 0
    }
}

@keyframes scratchy {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 60px -60px
    }

    99% {
        background-position: 60px -60px
    }

    to {
        background-position: 0 0
    }
}
/* 闪光字END */
/* logo 扫光开始 */
.navbar-brand {
    position: relative;
    overflow: hidden;
    margin: 0px 0 0 0px;
}

.navbar-brand:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 300px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 6s ease-in 0s infinite;
    -o-animation: searchLights 6s ease-in 0s infinite;
    animation: searchLights 6s ease-in 0s infinite;
}

@-moz-keyframes searchLights {
    50% {
        left: -100px;
        top: 0;
    }

    65% {
        left: 120px;
        top: 100px;
    }
}

@keyframes searchLights {
    40% {
        left: -100px;
        top: 0;
    }

    60% {
        left: 120px;
        top: 100px;
    }

    80% {
        left: -100px;
        top: 0px;
    }
}
/* logo 扫光结束 */

.image-box-activity .content .head .person .person-detail .head-name{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.image-box-activity .content .head .person .person-detail .head-name span{
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0;
    color: #af7530;
}
.vipbg{
    margin: 0 auto;
    border-radius: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAApCAYAAABJCxWnAAAQOklEQVRogd1beYxkx1n/1fGuft09M91zH7vrPbxxbBkTx3ZiMLHNH/GBBRFSMFmQQsB/2AkCiZgoAsQfHLICQgkCB5yYGMKGOBwSClopJCEh2GQDDoptdrHXXu/h2Z2du4/3+p1Vhape93TP7KzXIMPu5JNq+vV71e+9+tVX3/H7aohqnQIIBZQA0iYgkuK7bnYVkAqqcRIKGQCCi4QwBKvzd7fOv3R0aqzauei6kiBWFXTubsCpAFmreJaS+iLIxO39rkpdfP8dJPTyr0oAkReD14Pd0pqt9l7fc/52uOJ9pLjd1kYA5hWTg50N1uWEb6ttg0IISJ5BiQYUY5uvKUV9p/RZIsmwa/PfDKP0H33P/t7mPhpHd3ut/j4T2mis7V5Za1becLBKQQXnoE2Cap3pttOI189+nCO7y/xWiZLD6efmLzQ9bRo2mlIgxLqsVjbPfvfAToeWWuvP/9wwa3+t0WztLpbiJTo6EyBZCJI2QNImgsbK7S5JfgNZuwBK5GDIb6qV7ceUyGFaHoO44wAvdW3kVikmMD7z9U944bG/+P8Z8v+dUBmeZSw4dms1O/1s0Fx/v3YoF4l2GKVJkPIe46BWGmHFs+mTkKmjomWoNITSpiCN4SL5xebq2v2q0zA/I8P7t9dKQtFqh/uTV//+iB2felR25v0dD6ZYv3BBxitAdGrGz08/nQbLh1fWmgcLUAeWvvbKQ9dBSY4yF3/AiXobZA6kLSBaBdIYKg4gg3XiJat/tHb65IgB39qilYRifmHVi4LGo2W1eJSnp++V8RLE6uLyFUHgLRSev77wrOS2IsNVQtwI3Ao+ULNqDyRt9fncwRN+efj5DU/s1khH1j/ktk//giJjIG7JOCgVr0EmHaOZKgqhwtYexx7+TOTvebis1LLuA8rRDqNRnjUenPDDR1i6cp1Km1BxCLQ7iM8sfFsdvm/HAegfOrJxTNofv4Wosamvevt2/SgqLlApgThlEEu3WpbDfyZbev1L0nZaNo9+mYXnbklffQ5KCZByDcQrQ2UC+dq6AUZFAYgScK+/BXR832LCxv9UxdkL9lD9Ac7EPUQ2JmTegkoCIAihWhHU4nqydOzEO0Zurh+/osj8L2QTmPHhX8PSM1+5fmxm4lm2e3IIwy5I1QdKHqgOqoMQ4B4kSyA76ybkFDExURUf3wtSGgIhDCrT11vIV85BReuw6mVQmoK5elJGQOMOpM2gXA8qjqFaIdCIoJZbaB1/+dfH/uR7vxP85b07CMZCNoHZWHpppPTqc+urT33yPUPV0l/zufGxAlAOihiozULSHHm7AWWPgo+9DWx4GoTbhWMSotDSASej8hQyWEG+fgaqswjm2WDuiH4YVC4gIwKsRpBLLURyHda1wwB3gTy+UphsJwGAeQBnAHwTwNPebQ+d2tqP7n/fxjFp//unPmRP3/D+9VfOfjD98hdofW74b5zJ6rvJ0glg77UQFR950AGbvAl8/ACIhk2mgOw5lV5GJADZbfq4677yYBX58glQnoPbZZBXXgRIBcIZR8YI7JkJiJFdJpVlUdh9q27mRAba4HedWRnfSIukYuM82f53GDg2hwPnge41DPQvHK7KIsg0ggwWIVZPQiXtvwLwae+2h/5lWzBXjjzynpHZfd8k3thK3Ip/nybzP8ERvYssrSpRdkmeA9aeO8AqY1B50vXMFNCApgGQBYBICwCYUzRzPTegKg1+niJbegmUJLDiHCj5kOUS8pYAG5sFswni+Vdgqe4UENoFg/aB2gBxAEzSA5NuBnzwHrjUhJA+iBug0g3Ae9cJ4cZ5gtkQzQVkr/8bVBr8nnfbQ796EZivPf5AaWr/rhdtTvaCcCibFbOiNFYR7GvuBPNrJgA3DxOpyYDk2imocA3QaBuCQufgDNSrggxNgZTGoHR4JbvXpUS69DKopU2wY74TSYAkhLTKSJcvgDvWJcDsf39jMOmAVtJLAksuCWa3LzBwnQKU6fQGRJsiaiM9+x2tqY8D+BX/0JEN28R+9+7ZrLO8zj2WvVdVhwBKDJhZqwVr9jaw6kTXllEgXoec/zbk+eMggoKXJ8GGZ0Gr06B+HYS5UJ0Qcn0eKmuB2Jrg4AWgkKBOBaK1BEIViM7zGQNpNZGePQ9eYqbPBqPU/SRbvvc/+41s+X65dlF/bPlUom+2No6LlUaUAqvv1dbtFhks1ewb+x6IsyxFYy36tF+vPGhZ/BbtrkUnAKnuAR+eMXbDzFK0BHH2Wag4B599J2h1rIgxoTWs+5LVUdD6NFSwhnzxFERyHHxiP5RmjaQwE838ceThAuwqNxOktCOzyYZyXF3S8wcSIAXIyvgDCWv6RqgsfCQ8fF/oHzpSLHl+603Yc8+7Izk9/QJ0SphnEDkFHz8IpW2hWe8tyPmjUBmBfeAu0NmboexycT2LgbgNpCGgbaqezVIVfPageb5YOg0i4mJmRQJmawbJgohjQGSQngtadq9GJDeLBlSPTY85j4y/sHe9C8QuPxoevu9HYHJz5JBEEcrkD+ofyLgDUp4Cc0pmsGY2Vo5Bxhms2R+Acn0onT4mTUBmBkgFx6SS2hwofc6YBQU2PgeVRCZMMvfR5IfMwBwfMkmM3aTaV9Ft+ICrUtQGoMooSApr7lb9og93wfSxuLDsEymnlRQQWQ5WneoCKU3eLRsXQGvXAF7Z2E3EqwVgaadQ3K+dQn52DSoPi5kzWpgWdnK4BtFa08Fn0UQGyhikkJB6JRhnt5NI4+6y14DmMZh2tk75wfDwfbupted+1Cf2hiqPygUAHNTpLmH9o3ARithg1VEg18s6AqKWDiABmkCsCgR/9gza/3QKBClIHoCkbWNrDQVncRBt2LNuWKU11wRMgMoK4HdctaLnpPRYRApW36fPPsijtdd+m1R2TbDWqqe0/aOlwtOKYtAyaoK42svToj6k08bUQXZsEWIlROe5MwiaLYh/jpDZNljNhb3bRmmMglYKW0gYgUwTUMeB1v4CzCL+hHbqw3MQvAS29vKVhunNS8+Gygy0PAng+bs45r9yyC55e7RnlTrxpqzfUS9LjT6vFp9ai2SiMwG0nzmO4MsvIXcZhEMhOykWD38XnVGK/T+/D+XxCUDywoERCWVCC7uYJKKKiRI5KGxwsQiVZTurQmSWkzTenbpVfeYGmsbiO3pgSuXdARdA6mMlsmJB6jUps+I6paBWhqEP7Aa/ZzcyIiEgIZREOmVh30N7UL9+FHBdw75rh6PvXZQ2usu8l3YK0V3mEiLdjom/mqVfWDQ8BTBG46BzVHtZEwdKnY/GBkT0gNWMkAZVZF3nIgDGYXkU3oFRZJlAJ8mQJDmsEkN10gP0ctbe2wCXFdVNZqP3nN5E9YJhHZjnUbrDwLxYaNAMvyrTNEPXlhUliLifgVhdNkfbNwNOaprKJRqvriAcA0Z+vA735hKCRoRoKeiDaIDUGq3MfYxT6gKo7SUxy78ImYROS3eU9PN8Y/uBZV5h8lhnPThaHi3fYdIprZlRy5C+Rlt1PqrakGkIymjhQEQG0Y5QeTvB+B37UJ6qIgs6WPuvJVChbWoCWLwf5HIfhBKorLtHQYdDOsC3LRCZQ2QCnPEdhmWRt2suV8QtfeY/qUwzNBYbn9KfZv2rFKJ53uSgBRvEQW0XIgq6y78wAYSkqL99GOVrJiFLZbD6CMbfOQt3otyNw4p+IklAKrOGMO7ltzKNjXOjpIjZomYMy7auPED/EyF9AkQGF/QPv0FlloMnyd+1Ftef0fEg5RT52tkiJ+8l+tw1RjbvtDdAor4DUqlAki7dpk2E44KNDgNUGbCELmP4c6CWDXRWN4gLfV73IUQhDTqw7B2QTg6KYaEKIA01t/qavvg0zaMYeZKq8yfO/2z7wkpINWuUNpCtnDWabJyG8VgeCC8h72gNTfreX/YynmzDU+vzQhfWvBnDKqn1Uxs2WMebIumAcYosCBG3ctiuc9XgdHnp0nTMNiZQc5wqaX/RP3TkNB+emzDk53Dl4OksPPfhLIme4hZBtvgSmD8EwgsKzTBD2hkxzfosg4pOQaX10ivjvYVJESUs0Nr1YN4w1OoJEE0MmNdQSNoNUKYMDZbKEVRG38R2p6tGSLG0NZCs4DY1WazZd/2Hl2pVgDs0rF93dzn2f4au/IeEIpSqGPGZ5+HtvrHL8+UgOiUkHKw6UxTQNNmRd4rUU29bYo6pWOp6j2aa1PIx42DQtddpu2VCL+67UHkOp+pDuGOg4bmrfydSb2cgs02BEXYZ6ZmjhnX3Dx35lumy8Ng79IfNfO/r1SH1wwr9zQd5JwK8MbhzB7sBdzdO1MfMgeJd8rfHWJttiaEhR3raWKSOClk7QNZpwyrZILTQRkoE0oRAuTU4JXegbPBmmHbyFjHtA4z7YA2oODFwrwGNtMvIFl5EvvDC4/6hIx/u9eadVb1fEml4bvUn08mhp2rT1Xv1WHVsyBwbebCI6GQCZ3qv+a56oIoERDNIelNXl7EmXUdUpFpdMkMKJDp3j0Lwkl3slNElC0IQtgXg1eBXqv1BYxvwLlO2uBjkNwbz0jWgreDS7csWZ3TZ4lVdtnh0UHl5T0t8x1rqLLbu6zTjj45NVz/mVp1RUx13HIikiejk87BqU+DDIybeNJgRDJQWVPEeqpc5SqPZabMFonJYnm0ANBXLOEcndeHP7IVVKm2uRl7Rghrpb1klPS0e8NrbFNQ2WYLXPnZtsRj1DuFcmtaM1a6RmveRoVH/kFd2piknhpQQUQZFbbBKBcx3zUMoZebx2ruLvMiQZJxABIlh7ZnDwGwOJQmyRCBGGc7kNSiNT20BaqCYdTWUek39P4GK2xD9Uu8Xu6Xeb/X6bK5ObgHTbLs2XIdCkMia47Ifq1T991X8ofuZKyypEpWHiqQNDzKcgVMZg5xbBlY8pOcykNIinHoAqywMladSjkQISJfArZZg+zsmDNIc5BKAYzogB/Al77aHXtva6U2Bqbq2kGYenOgAs9jEAuEJW0tef6BKJj9noXKtNVRvN+tLH02sf30i7EwcnMtuf5IsNX8ILMdqfvqnLGHd6aH2cDuJPsgrZ/48d5dM9ZOa5Ws8EPZ/8uTGy+z07THbBHkKimo0Kbx4CkPhDUgjp+zQjFo5zWlQe6EkmWuNesflgZk73Tp9QjukoUrysndw+m7srv2hjQx+OHTSySuLvmPBZ9yuRvtRCa8Fz0tQmuAg33/727mixaCUAVGBCgYvrMAN6+CZdg4xaJqCJYJASs+m2ZCcnv7jfHr6M0Nlf72hNw4bj6P/kUCl5V0zvxTa8gX+8omUdFpVlqRgeawYCHjmwe1cg8RdQ1xuIHeTKz3+t1S4v1Au7qdTxpTBjl2wzAZIDkUa5hJPc8IS4eUTk1+YGh5ZxOyuT0DvU5cXE7p6Y5Y/OvqkduvBhXP/QBuNR2jU8hjr75TwIxel5jgyR1cxLzJDO1Z4tTHUf3ejYApwxKbxOErZ2UT9sdLszG/JMFYQ0iQ8l5TupoTKyMg3OmXvp0mn5XBNmhhDqVeCDqUAK99McAzanx0nAP4b1KE52mWgwzgAAAAASUVORK5CYII=) no-repeat;
    height: 41px;
    width: 83px;
    line-height: 41px;
    padding-left: 27px;
    padding-top: 5px;
    color: #f00f0f;
    font-style: oblique;
    background-blend-mode: normal,normal;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.image-box-activity .content .head .person .person-detail .balance-yuanbao{
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.image-box-activity .content .head .person .person-detail .balance-yuanbao .item{
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image-box-activity .content .head .person .person-detail .balance-yuanbao .num-style{
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    letter-spacing: 0;
    color: #cf7013;
}
.image-box-activity .content .head .person .person-detail .balance-yuanbao .num-label{
    font-size: 14px;
    letter-spacing: 0;
    color: #a1947e;
}
.image-box-activity .content .head .person .person-detail .balance-yuanbao .line2{
    width: 1px;
    height: 31px;
    background-color: #e8dbc4;
    border-radius: 1px;
}
.image-box-activity .content .head .person .opt-box{
    width: 185px;
    height: 30px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.image-box-activity .content .head .person .opt-box .button:last-child {
    height: 25px;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #ffb82c;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0;
    color: #cf7013;
    text-align: center;
}
.image-box-activity .content .head .person .opt-box .button:last-child:hover{
    color: #dd9237;
    background-color: #fce7c5;
}

.tc{
    background-color: #f7f7f7;
    text-align: center;
    height: 100%;
    border-radius:0 0 10px 10px;
}
.tc h1 {
	text-align: center;
	padding: 20px 0 0px;
	color: #1e2023;
	font-size: 26px;
}
 .tc span {
    color:#9a9b9c;
	padding: 0 0 10px;
    font-size: 12px;
}
.tc .xy{
    color: #FD4029;
    text-decoration: underline;
}
.tcqrcode{
    width: 230px;
    height: 250px;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #efe6e6;
    margin: auto;
    margin-top: 10px;
}
.qrcode{
    margin-top: 10px;
}
.tchr{
    border-bottom: 1px solid #eae8e8;
    margin: 30px 60px 20px 60px;
}
.shadows {
    background-color: transparent !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.layui-layer-title {
    border-bottom: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    border-radius: 10px 10px 0 0;
}

.layui-layer {
    border-radius: 10px 10px 10px 10px;
}
.head-name img{
    width: 80px;height: 80px;border-radius:50%;margin-left: 60px;
}
.right-off {
    background-image: url('/home/images/xiajia.png');
    position: absolute;
    right: 7px;
    bottom: 165px;
    width: 95px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}
/* 左侧横幅 */
    .bangz_box {
        position: fixed;
        left: 0;
        top: 250px;
        z-index: 45;
        -webkit-animation: bounce-down 2s linear infinite;
    }
    .bangz_box1 {
        position: fixed;
        left: 0;
        top: 500px;
        z-index: 45;
        -webkit-animation: bounce-down 2s linear infinite;
    }
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    50%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}
/* 左侧横幅END */
/*滚动条样式*/
/*::-webkit-scrollbar {!*滚动条整体样式*!*/
/*  width: 10px;     !*高宽分别对应横竖滚动条的尺寸*!*/
/*  height: 1px;*/
/*}*/
/*::-webkit-scrollbar-thumb {!*滚动条里面小方块*!*/
/*  background-color: #12b7f5;*/
/*  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%,*/
/*  rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);*/
/*  border-radius: 5px;*/
/*}*/
/*::-webkit-scrollbar-track {!*滚动条里面轨道*!*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*    background: #ffbfbf;*/
/*}*/