@charset "utf-8";
/* @font-face {
    font-family: 'alibaba';
    src: url('../font/Alibaba-PuHuiTi-Regular.eot');
    src: url('../font/Alibaba-PuHuiTi-Regular.eot?#font-spider') format('embedded-opentype'),
        url('../font/Alibaba-PuHuiTi-Regular.woff') format('woff'),
        url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype'),
        url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
} */

body {
    background-color: #f1f3f6;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Microsoft Yahei", Arial, sans-serif !important;
}

.btn {
    display: block;
    cursor: pointer;
}

.sectionwrap {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

@keyframes myfirst {
    50% {
        box-shadow: 0 0 60px #ffffff inset;
    }
}

@-webkit-keyframes myfirst {

    /* Safari 与 Chrome */
    50% {
        box-shadow: 0 0 60px #ffffff inset;
    }
}

.blbl {
    animation: myfirst 1s infinite ease-in-out;
    -webkit-animation: myfirst 1s infinite ease-in-out;
}

.ell,
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ell2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ell3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.btn {
    display: block;
    transition: filter 0.2s linear;
    text-align: center;
    cursor: pointer;
}

.btn:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
}

.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/* 兼容Chrome、Firefox、Edge等现代浏览器 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 兼容Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.iconSprites {
    background: url("../images/sprites.png") no-repeat;
}

/* #uname{} */
/* ---------------------------------------------样式初始化---------------------------------------- */
.gh-loader {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #f1f2f5;
    z-index: 888;
}

.gh-loader.hide {
    animation: fadeOutLoader .3s ease-out both;
    display: none;
}

.gh-loader-inner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2a91fa;
    animation: spin 2s linear infinite;
}

.gh-loader-inner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2a91fa;
    animation: spin 3s linear infinite;
}

.gh-loader-inner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2a91fa;
    animation: spin 1.5s linear infinite;
}

.gh-loader-msg {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 36px;
    line-height: 36px;
    margin-top: 90px;
    margin-left: -100px;
    text-align: center;
    font-size: 18px;
    color: #2a91fa;
}

@-webkit-keyframes fadeOutLoader {
    30% {
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@-moz-keyframes fadeOutLoader {
    30% {
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes fadeOutLoader {
    30% {
        opacity: 1;
    }

    100% {
        display: none;
        opacity: 0;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

/* 局部加载动画 */
.gh-loading {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
}

.gh-loading.show {
    animation: fadeOutLoader .5s ease-out both;
}

.gh-loading-hotclub {
    top: -5px;
    left: -2px;
    padding: 0 5px;
    background-color: rgba(242, 243, 247, .8);
}

.gh-loading-table {
    display: block;
}

.gh-loading-table1 {
    height: 372px;
}

.gh-loading-inner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2a91fa;
    animation: spin 2s linear infinite;
}

.gh-loading-hotclub .gh-loading-inner {
    top: 200px;
}

.gh-loading-inner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2a91fa;
    animation: spin 3s linear infinite;
}

.gh-loading-inner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2a91fa;
    animation: spin 1.5s linear infinite;
}

.gh-loading-msg {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 36px;
    line-height: 36px;
    margin-top: 90px;
    margin-left: -100px;
    text-align: center;
    font-size: 16px;
    color: #2a91fa;
}

.ghbanner {
    position: relative;
    width: 100%;
    height: 510px;
    margin-bottom: 40px;
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
    height: 509px;
    overflow: hidden;
    z-index: 3;
}

#vloop {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: 510px;
    margin-left: -960px;
}

.banner-adornbox {
    position: relative;
    width: 1200px;
    height: 510px;
    margin: 0 auto;
}

.banner-adorn {
    position: absolute;
    background-repeat: no-repeat;
    z-index: 3;
}

.banner-hand {
    top: 90px;
    left: -360px;
    width: 637px;
    height: 552px;
    background-image: url("../images/banner_hand1.png");
}

.banner-t1 {
    top: 188px;
    left: 0;
    width: 742px;
    height: 375px;
    background-image: url("../images/banner_t1.png");
}

.banner-t2 {
    left: 0;
    top: 400px;
    display: none;
    width: 503px;
    height: 157px;
    background-image: url("../images/banner_t2.png");
}

/* ----------------------------------------container------------------------------------ */
.gh-container {
    position: relative;
    min-width: 1280px;
    background: #f1f3f6 url("../images/bg2.jpg") center top no-repeat;
    color: #252526;
    z-index: 9;
}

/*==================== header-start ==============*/
.gh-header {
    height: 390px;
    padding-top: 90px;
    margin-bottom: 10px;
}

.gh-flag {
    position: absolute;
    top: 0;
    left: 0;
    width: 227px;
    height: 274px;
    padding-top: 16px;
    background: center top no-repeat;
}

.gh-avatar {
    display: block;
    width: 163px;
    height: 108px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #fff;
}

.ghAvatarUpDiv {
    width: 163px;
    height: 108px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #fff;
}

.gh-rank {
    height: 98px;
    margin-top: 4px;
    background: center no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: 0;
    color: #fff;
}

.ghflag_ss {
    background-image: url("../images/flag/flag_ss2.png");
}

.ghflag_s {
    background-image: url("../images/flag/flag_s2.png");
}

.ghflag_a {
    background-image: url("../images/flag/flag_a2.png");
}

.ghflag_b {
    background-image: url("../images/flag/flag_b2.png");
}

.ghflag_c {
    background-image: url("../images/flag/flag_c2.png");
}

.flagon.ghflag_ss {
    background-image: url("../images/flag/flag_ss.png");
}

.flagon.ghflag_s {
    background-image: url("../images/flag/flag_s.png");
}

.flagon.ghflag_a {
    background-image: url("../images/flag/flag_a.png");
}

.flagon.ghflag_b {
    background-image: url("../images/flag/flag_b.png");
}

.flagon.ghflag_c {
    background-image: url("../images/flag/flag_c.png");
}

.ghflag_ss .gh-rank {
    background-image: url("../images/flag/level_ss1.png");
}

.ghflag_s .gh-rank {
    background-image: url("../images/flag/level_s1.png");
}

.ghflag_a .gh-rank {
    background-image: url("../images/flag/level_a1.png");
}

.ghflag_b .gh-rank {
    background-image: url("../images/flag/level_b1.png");
}

.ghflag_c .gh-rank {
    background-image: url("../images/flag/level_c1.png");
}

.gh-ranktxt {
    display: none;
    height: 22px;
    line-height: 22px;
    margin: 0 auto;
    background: url("../images/wrap_line.png") center no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.gh-basicinfo-top {
    position: relative;
    height: 106px;
    margin-left: 250px;
    margin-bottom: 30px;
}

.gh-basicinfo-teamname-row {
    height: 64px;
    padding-top: 6px;
}

.basicinfo-teamname {
    float: left;
    display: block;
    height: 64px;
    line-height: 64px;
    text-shadow: 0 3px 6px #2f3c9d;
    font-weight: bold;
    font-size: 48px;
    color: #fff;
}

.basicinfo-teamname-tag {
    float: left;
    padding-top: 2px;
    margin-left: 10px;
}

.gh-basicinfo-level {
    display: block;
    height: 32px;
    line-height: 32px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .7);
    font-style: italic;
    font-family: Arial;
    font-weight: bold;
    font-size: 24px;
    color: #fff;

}

.gh-basicinfo-teamname-label {
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    background-color: rgba(255, 154, 48, .6);
    border: 2px solid #ff9a2f;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    color: #fff;
}

.gh-basicinfo-active {
    position: relative;
    width: 500px;
    height: 22px;
    margin-top: 4px;
}

.icon_active_fire {
    position: absolute;
    top: 1px;
    left: 2px;
    display: block;
    width: 20px;
    height: 22px;
    background-position: 0 -128px;
    z-index: 4;
}

.gh-basicinfo-active_txt {
    position: absolute;
    top: 0;
    left: 24px;
    height: 22px;
    line-height: 22px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    font-size: 14px;
    color: #fff;
    z-index: 5;
}

.gh-basicinfo-active_bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 466px;
    height: 22px;
    background: url("../images/progress_back.png") no-repeat;
    /* background: #dddddd linear-gradient(to bottom, #dbdbdb 50%, #f4f4f4); */
    /* border: 1px solid #fbfbfb; */
    /* border-bottom-color: #aaa; */
}

.gh-basicinfo-active_slider {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    width: 0;
    height: 20px;
    background: #f48916 linear-gradient(to right, #f48916 50%, #ffef64);
    background-color: #f48916;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
}


.gh-basicinfo-active_slider2 {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 0;
    height: 20px;
    background: url("../images/progressbar.png") right center no-repeat;
    background-size: 354px 100%;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 3;
}

.ie9lower .gh-basicinfo-active_slider2 {
    display: none;
}

.active_slider2_low {
    background-position: -120px 0;
}

.gh-basicinfo-userbar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 321px;
    height: 52px;
    z-index: 3;
}

.gh-basicinfo-user {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 268px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    z-index: 3;
}

.gh-basicinfo-avatar {
    position: absolute;
    top: 0;
    left: 53px;
    width: 52px;
    height: 52px;
    transform-origin: 53px 53px;
    transition: all .3s ease-in-out;
    transition-delay: .3s;
    opacity: 0;
    z-index: 1;
}

.gh-basicinfo-avatar img {
    display: block;
    width: 100%;
    height: 100%;
}

.ie9lower .gh-basicinfo-avatar {
    display: none;
}

.gh-basicinfo-userbar.loginSuccess .gh-basicinfo-avatar {
    opacity: 1;
    left: 0px;
    transform: scale(1);
    display: block;
}


.userlogin {
    position: absolute;
    top: 0;
    left: 0;
    width: 268px;
    height: 30px;
    line-height: 30px;
    background-color: #fb9336;
    transition: all .3s ease-in-out;
    text-align: center;
    z-index: 3;
}

#ucsid {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.userlogin a {
    margin-left: 4px;
    color: #fff;
}

.userlogin-success {
    display: none;
}

.loginSuccess .userlogin-success {
    display: block;
    animation: loginMove .3s ease-in-out both;
    z-index: 3;
}

.ie9lower .loginSuccess .userlogin-success {
    top: -22px;
}

.loginSuccess .userlogin-un {
    display: none;
    z-index: 1;
}

.userbar-myteam {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 258px;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    background-color: #d97d2b;
    font-size: 12px;
    color: #f0d1be;
    z-index: 1;
}

.loginSuccess .userbar-myteam {
    z-index: 4;
}

.userbar-myteam a {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.userbar-myteam-name {
    width: 200px;
    height: 22px;
    cursor: pointer;
}

/* .loginSuccess .userlogin-success {
} */

@keyframes loginMove {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, -22px);
    }
}

.gh-basicinfo-data {
    float: left;
    position: relative;
    width: 950px;
    margin-left: 250px;
}

.gh-basicinfo-row {
    float: left;
    position: relative;
    width: 200px;
    height: 50px;
    padding-left: 35px;
    margin-bottom: 20px;
    background: 0 2px no-repeat;
}

@-webkit-keyframes fadeIntxt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIntxt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIntxt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.gh-basicinfo-row em {
    display: block;
    height: 32px;
    line-height: 32px;
    text-shadow: 0 2px 4px #13181f4f;
    transform: skew(-10deg);
    /* font-style: italic; */
    animation: fadeIntxt .6s ease-in-out;
    font-family: Arial, '微软雅黑';
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}

.gh-basicinfo-row em i {
    font-weight: normal;
    font-size: 18px;
}

.basicinfo-row1,
.basicinfo-row4 {
    width: 445px;
}

.icon_basicinfo_row1,
.icon_basicinfo_row2,
.icon_basicinfo_row3,
.icon_basicinfo_row4,
.icon_basicinfo_row5,
.icon_basicinfo_row6 {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30px;
    height: 30px;
}

.icon_basicinfo_row1 {
    background-position: -84px -24px;
}

.icon_basicinfo_row2 {
    background-position: -114px -24px;
}

.icon_basicinfo_row3 {
    background-position: -144px -24px;
}

.icon_basicinfo_row4 {
    background-position: -174px -24px;
}

.icon_basicinfo_row5 {
    background-position: -204px -24px;
}

.icon_basicinfo_row6 {
    background-position: -234px -24px;
}

.gh-basicinfo-row b {
    position: absolute;
    left: 36px;
    bottom: 0;
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #e9ecf1;
}

.gh-join-basicinfo_data {
    width: 700px;
    margin-top: 15px;
    margin-left: 200px;
}

.gh-join-basicinfo_data .gh-basicinfo-row {
    height: 40px;
    padding-left: 20px;
    margin-bottom: 12px;
}

.gh-join-basicinfo_data .basicinfo-row1 {
    width: 300px;
}

.gh-join-basicinfo_data .basicinfo-row2 {
    width: 160px;
}

.gh-join-basicinfo_data .basicinfo-row3 {
    width: 160px;
}

.gh-join-basicinfo_data .basicinfo-row4 {
    width: 180px;
}

.icon_row_min1,
.icon_row_min2,
.icon_row_min3,
.icon_row_min4 {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
}

.icon_row_min1 {
    background-position: 0 -48px;
}

.icon_row_min2 {
    background-position: 0 -68px;
}

.icon_row_min3 {
    background-position: 0 -88px;
}

.icon_row_min4 {
    background-position: 0 -108px;
}

.gh-join-basicinfo_data .gh-basicinfo-row b {
    left: 20px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #7f8492;
}

.gh-join-basicinfo_data .gh-basicinfo-row em {
    height: 22px;
    line-height: 22px;
    text-shadow: none;
    font-style: normal;
    font-size: 18px;
    color: #252526;
    overflow: hidden;
}

.selected-createtime {
    text-wrap: nowrap;
}

.gh-nav {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 1120px;
    padding: 0 48px;
    margin-left: -608px;
    text-align: center;
    font-size: 0;
    z-index: 3;
}

.gh-nav-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    width: 160px;
    height: 36px;
    line-height: 36px;
    padding-bottom: 9px;
    background: center bottom no-repeat;
    transition: all .1s linear;
    text-align: center;
    font-size: 16px;
    color: #252526;
    cursor: pointer;
}

.gh-nav-item:hover {
    color: #2a91fa;
}

.gh-nav-item.active {
    background-image: url("../images/ghnav_active.png");
    text-decoration: none;
    font-weight: bold;
    color: #2a91fa;
}

.gh-nav-item::before,
.gh-nav-item::after {
    position: absolute;
    top: 0;
    display: block;
    content: '';
    width: 1px;
    height: 36px;
}

.gh-nav-item::before {
    left: 0;
    background-color: #dbdbdb;
}

.gh-nav-item::after {
    right: 0;
    background-color: #fff;
}


.gh-nav-item:first-child:before,
.gh-nav-item:last-child:after {
    display: none;
}


/*==================== header-end ================*/
.gh-section {
    position: relative;
    width: 1200px;
    margin: 0 auto 40px;
}

.gh-section-white {
    padding: 14px 0;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.home-breadcrumb {
    height: 42px;
    line-height: 42px;
}

.home-breadcrumb-name {
    display: block;
    height: 42px;
    font-weight: bold;
    font-size: 22px;
    color: #161616;
}

.home-breadcrumb-name2 {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    line-height: 42px;
    font-weight: normal;
    font-size: 16px;
    overflow: hidden;
}

/* ----------------------------------- 招兵宣言----------------------------------------- */
.ownnoclub {
    position: absolute;
    bottom: 32px;
    left: 50%;
    display: none;
    width: 1100px;
    height: 40px;
    padding: 6px 0;
    margin-left: -550px;
    background-color: rgba(230, 230, 230, .5);
    z-index: 8;
}

.ownnoclub-join,
.backmyteam {
    display: none;
    width: 272px;
    height: 40px;
    line-height: 40px;
    background: url("../images/sprites.png") -24px -54px no-repeat;
    margin: 0 auto;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

.backlist {
    position: absolute;
    left: 0px;
    bottom: 5px;
    display: none;
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size: 14px;
    z-index: 33;
}

.backlist a {
    position: relative;
    padding-right: 26px;
    cursor: pointer;
    color: #2a91fa;
}

.icon_arror_back {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-position: -364px -24px;
}

.ownnoclub-tips {
    position: absolute;
    top: 56px;
    display: none;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}

.ownnoclub-tips em {
    color: #2a91fa;
    cursor: pointer;
}

.backmyteam:hover {
    text-decoration: underline;
}

.introduction-box {
    position: relative;
}

.introduction {
    float: left;
    position: relative;
    width: 440px;
    height: 342px;
    background: url("../images/introduction_bg3.jpg") left bottom no-repeat;
}

.introduction-title {
    position: relative;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 22px;
    color: #161616;
}

.icon-bell {
    position: absolute;
    top: 0;
    left: 90px;
    display: block;
    width: 28px;
    height: 24px;
    background-position: -240px 0;
}

.introduction-prefix {
    height: 24px;
    line-height: 24px;
    padding-left: 68px;
    margin-top: 12px;
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 20px;
    color: #2a91fa;
}

.icon_introduction_prefix {
    position: absolute;
    top: 36px;
    left: 0;
    display: block;
    width: 62px;
    height: 24px;
    background-position: -24px 0;
}

.introduction-content {
    max-height: 224px;
    min-height: 128px;
    line-height: 32px;
    padding: 3px 10px 0;
    background: url("../images/line_dashed.png");
    text-indent: 2em;
    word-break: break-all;
    white-space: pre-wrap;
    font-size: 14px;
    color: #252526;
    overflow: hidden;
}

.introduction-time {
    position: absolute;
    left: 23px;
    bottom: 7px;
    display: block;
    height: 38px;
    line-height: 38px;
    padding-left: 12px;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size: 16px;
    color: #252526;
    cursor: pointer;
}

.introduction-time::before {
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #2a91fa;
}

.introduction-join {
    position: absolute;
    bottom: 7px;
    right: 6px;
    display: block;
    width: 220px;
    height: 38px;
    line-height: 38px;
    background-color: #2a91fa;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.line-btn {
    display: block;
    position: absolute;
    left: 8px;
    width: 204px;
    height: 1px;
    background-color: #fff;
}

.line-btn::before,
.line-btn::after {
    position: absolute;
    display: block;
    content: '';
    width: 6px;
    height: 2px;
    background-color: #fff;
}

.line-btn::before {
    left: -7px;
}

.line-btn::after {
    right: -7px;
}

.line-btn1 {
    top: 1px;
}

.line-btn2 {
    bottom: 1px;
}

.line-btn1::before,
.line-btn1::after {
    top: 0;
}

.line-btn2::before,
.line-btn2::after {
    top: -1px;
}

.sp-thumbnail-container .line-btn,
.sp-thumbnail-container .line-btn::before,
.sp-thumbnail-container .line-btn::after {
    display: none;
}

.sp-thumbnail-container .line-btn {
    left: 6px;
    width: 116px;
}

.sp-thumbnail-container .line-btn1 {
    top: 2px;
}

.sp-thumbnail-container .line-btn2 {
    bottom: 2px;
}

.sp-thumbnail-container .line-btn::before,
.sp-thumbnail-container .line-btn::after {
    width: 3px;
    height: 3px;
}

.sp-thumbnail-container .line-btn::before {
    left: -4px;
}

.sp-thumbnail-container .line-btn::after {
    right: -4px;
}

.sp-thumbnail-container .line-btn1::before,
.sp-thumbnail-container .line-btn1::after {
    top: 0;
}

.sp-thumbnail-container .line-btn2::before,
.sp-thumbnail-container .line-btn2::after {
    top: -2px;
}

.sp-thumbnail-container.sp-selected-thumbnail .line-btn,
.sp-thumbnail-container.sp-selected-thumbnail .line-btn::before,
.sp-thumbnail-container.sp-selected-thumbnail .line-btn::after {
    display: block;
}

/* ----------------------------------- 首页视频推荐----------------------------------------- */
.introduction-video {
    position: relative;
    float: left;
    width: 448px;
    height: 334px;
    padding: 4px;
    margin-left: 20px;
    background-color: #fff;
    overflow: hidden;
}

.gallery-thumbs li.on::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 144px;
    height: 80px;
    border: 1px solid #2a91fa;
}

.sp-thumbnails {}

.sp-thumbnail {
    float: left;
}

.sp-thumbnail-container {
    /* width: 128px !important; */
    /* height: 72px !important; */
}

.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: 3px;
}

.sp-thumbnails.sp-grab {
    /* height: 72px !important; */
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
    top: 0;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    top: 0;
    left: 0;
    width: 142px;
    height: 78px;
    margin-top: 0;
    border: 1px solid #2a91fa;
    z-index: 1;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
    display: none;
}

.sp-thumbnail-container.sp-selected-thumbnail {}

.sp-thumbnail-image-container {
    height: 80px;
    margin: 0;
}

.sp-thumbnail-image {
    width: 100%;
    height: 78px;
}

.sp-image {
    width: 100% !important;
    height: 100%;
}

.gallery-top {
    width: 448px;
    height: 252px;
}

.swiper-slide {
    float: left;
    position: relative;
    background-size: cover;
    background-position: center;
}

.gallery-top .swiper-slide {
    float: left;
    width: 448px;
    height: 252px;
}

.gallery-top .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery-top .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
    content-visibility: auto;
}


.swiper-control {
    width: 100%;
    height: 80px;
    margin-top: 6px;
    background-color: #fff;
}

.swiper-control-item {
    position: relative;
    float: left;
    width: 146px;
    height: 80px;
    /* background: center no-repeat; */
    background-size: 100% 100%;
    cursor: pointer;
}

.swiper-control-item.swiper-control1 {
    margin: 0 5px;
}

.swiper-control-item:hover {
    color: #2a91fa;
}

.swiper-control-item.active::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 144px;
    height: 78px;
    border: 1px solid #2a91fa;
}

.swiper-control-item .line-btn {
    display: none;
    width: 128px;
    left: 9px;
}

.swiper-control-item.active .line-btn {
    display: block;
}

.swiper-control-item .line-btn1 {
    top: 3px;
}

.swiper-control-item .line-btn2 {
    bottom: 3px;
}

.swiper-control-item .line-btn1::before,
.swiper-control-item .line-btn1::after {
    top: 0;
    height: 3px;
}

.swiper-control-item .line-btn2::before,
.swiper-control-item .line-btn2::after {
    top: -2px;
    height: 3px;
}

/* ----------------------------------- 首页公会日志----------------------------------------- */
.home-logbox {
    float: right;
    width: 270px;
    height: 330px;
    padding: 5px;
    background-color: #e6e9ee;
    border: 1px solid #fff;
    overflow: hidden;
}

.home-log {
    width: 270px;
    margin: 0 auto;
}

.home-log li {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    font-size: 13px;
    color: #8c8c94;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home-log li::before {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #c1c1c1;
    border-radius: 50%;
}

/* ----------------------------------- 公会首页福利----------------------------------------- */
.home-fuli {
    height: 186px;
    background-color: #e6e9ee;
}

/* ----------------------------------- 公会首页主场----------------------------------------- */
.home-court {
    position: relative;
}

.home-court-item {
    position: relative;
    width: 580px;
    height: 73px;
    margin-bottom: 12px;
    background: url("../images/home_court.png") no-repeat;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.home-court-item:hover {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.home-court-no {
    background-image: url("../images/home_court_no.png");
}

.home-court-link {
    position: absolute;
    top: 22px;
    right: 10px;
    display: block;
    width: 218px;
    height: 32px;
    line-height: 32px;
    background-color: #2a91fa;
    transition: all .2s ease-in-out;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.home-court-link:hover {
    background-color: #64affa;
    text-decoration: none;
}

.home-court-link:active {
    transform: translate(2px, 2px);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
}

.home-court-mapname {
    display: block;
    height: 32px;
    line-height: 32px;
    padding-top: 5px;
    padding-left: 14px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.home-court-info {
    display: block;
    padding-left: 14px;
}

.home-court-wifi {
    display: inline-block;
    vertical-align: top;
    _display: inline;
    zoom: 1;
    width: 20px;
    height: 28px;
    line-height: 28px;
    background: url("../images/icon_wifi_green.png") 2px center no-repeat;
}

.home-court-name {
    display: inline-block;
    vertical-align: top;
    _display: inline;
    zoom: 1;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

/* ----------------------------------- 公会首页核心成员-start----------------------------------------- */
.member-important {
    width: 1200px;
    height: 242px;
    margin-bottom: 20px;
}

.member-important-item {
    position: relative;
    float: left;
    width: 222px;
    height: 242px;
    /* padding-top: 31px; */
    margin-right: 18px;
    background: url("../images/member_item_bg.png") no-repeat;
    cursor: pointer;
}

.member-avatar1 {
    position: relative;
    width: 116px;
    height: 116px;
    margin-top: 31px;
    margin-bottom: 6px;
    border: 2px solid #fff;
    background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .7);
    pointer-events: none;
    z-index: 3;
}

.member-avatar1 img {
    width: 100%;
    height: 100%;
}

.member_item_p {
    position: absolute;
    top: 27px;
    left: 30px;
    width: 148px;
    height: 139px;
    background: url("../images/member_item_p.png") no-repeat;
    transition: all .3s cubic-bezier(0, 0, 0.33, .99);
    pointer-events: none;
}

.member-important-item:hover .member_item_p {
    transform: translateX(30px) rotate(15deg);
}

.member-important-item_tips {
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    font-size: 16px;
    color: #fff;
    pointer-events: none;
}

.member-important-item_logo {
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #bababa;
    pointer-events: none;
}

.member-important-item_name {
    height: 30px;
    line-height: 26px;
    font-weight: bold;
    font-size: 26px;
    color: #999;
    overflow: hidden;
    pointer-events: none;
}

.member-important-item.hashx .member-important-item_name {
    color: #252526;
}

.member-layer {
    position: absolute;
    top: 88px;
    left: 124px;
    display: none;
    width: 406px;
    height: 190px;
    padding: 5px;
    background-color: #fff;
    background-size: 100% 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    /* transition: all .2s ease-in; */
    /* transform-origin: 0 0; */
    /* transform: scale(0); */
    /* opacity: 0; */
    z-index: 10001;
}

/* .member-important-item.hashx:hover .member-layer {
    display: block;
    animation: scaleMemberLayer .3s ease-in both;
} */

.ie9lower .member-important-item.hashx:hover .member-layer {
    display: block;
    transform: scale(1);
    opacity: 1;
}

@-webkit-keyframes scaleMemberLayer {
    0% {
        opacity: 1;
        display: block;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-o-keyframes scaleMemberLayer {
    100% {
        display: block;
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@keyframes scaleMemberLayer {
    100% {
        display: block;
        opacity: 1;
        transform: scale(1)
    }
}

.member-layer-star {
    position: absolute;
    top: 5px;
    left: 7px;
    width: 24px;
    height: 24px;
    background-position: 0 -148px;
}

.member-layer-csid {
    width: 376px;
    height: 24px;
    line-height: 24px;
    padding-left: 30px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

.campChart-box {
    position: absolute;
    top: 50px;
    left: 18px;
    width: 100px;
    height: 150px;

}

.campChart {
    width: 100px;
    height: 100px;
}

.campChart-name {
    position: absolute;
    top: 34px;
    left: 17px;
    width: 66px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #a5a5a5;
}

.campChart-count {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
}

.campChart-data {
    position: absolute;
    top: 44px;
    left: 156px;
}

.campChart-camps {
    width: 180px;
    height: 40px;
    overflow: hidden;
}

.campChart-camp {
    width: 90px;
    height: 40px;
}

.campChart-camp.fl {
    text-align: left;
}

.campChart-camp.fr {
    text-align: right;
}

.campChart-camp-ct,
.campChart-camp-t {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    background: left top no-repeat;
    font-weight: bold;
    font-size: 16px;
}

.campChart-camp b {
    display: block;
    float: left;
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-weight: normal;
    font-size: 12px;
    color: #a5a5a5;
}

.campChart-camp-ct {
    float: left;
    background-image: url("../images/jingcha.gif");
    text-align: left;
}

.campChart-camp-t {
    float: right;
    background-image: url("../images/feitu.gif");
    text-align: right;
}

.campChart-online {
    height: 20px;
    line-height: 20px;
    font-style: italic;
    font-size: 12px;
}

.campChart-weaponname {
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #a5a5a5;
}

.campChart-weapon {
    width: 260px;
    height: 66px;
    background: url("../images/chart_weapon.jpg") no-repeat;
    overflow: hidden;
}

.campChart-weapon-M4 {
    background-position: 0 -66px;
}

.campChart-weapon-AWP {
    background-position: 0 -132px;
}


/* ----------------------------------- 公会首页核心成员-end----------------------------------------- */
/* ----------------------------------- 公会擅长武器-start----------------------------------------- */
.home-weapon {
    position: relative;
    width: 1200px;
    height: 228px;
    background: url("../images/home_weapon.png") center top no-repeat;
}

.generalChart {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 132px;
    height: 132px;
}

.btn-quit-club {
    display: none;
    width: 390px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto 50px;
    background-color: #2a91fa;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

/* ----------------------------------- 公会擅长武器-end----------------------------------------- */

/* ----------------------------------- 表格----------------------------------------- */
.gh-section-ico {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d7d7d7;
}

.gh-section-ico-t {
    top: 2px;
}

.gh-section-ico-b {
    bottom: 2px;
}

.gh-section-ico::before,
.gh-section-ico::after {
    position: absolute;
    top: -1px;
    display: block;
    content: '';
    width: 9px;
    height: 3px;
    background-color: #d7d7d7;
}

.gh-section-ico::before {
    left: 0;
}

.gh-section-ico::after {
    right: 0;
}

.table-line {
    position: absolute;
    top: 50px;
    bottom: 10px;
    width: 1px;
    background-color: #d7d7d7;
}

.table-line-l {
    left: 3px;
}

.table-line-r {
    right: 3px;
}

.icon_line_left,
.icon_line_right {
    position: absolute;
    top: -26px;
    content: '';
    display: block;
    width: 11px;
    height: 27px;
}

.icon_line_left {
    left: -1px;
    background-position: -204px -202px;
}

.icon_line_right {
    right: -1px;
    background-position: -215px -202px;
}


.gh-title {
    height: 24px;
    line-height: 24px;
    background: url("../images/title_bg.png") center no-repeat;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.gh-form-box {
    margin-top: 26px;
}

.gh-form-row {
    margin-bottom: 15px;
}

.gh-form-row.yzmrow {
    position: relative;
}

.gh-form-row_label {
    float: left;
    width: 460px;
    height: 36px;
    line-height: 36px;
    margin-right: 5px;
    text-align: right;
    font-size: 14px;
    color: #312c31;
}

.gh-form-row_content {
    float: left;
    width: 268px;
    line-height: 36px;
    font-size: 14px;
}

.gh-form-row_content_tips {
    width: 600px;
}

.gh-form-ipt {
    width: 260px;
    height: 34px;
    line-height: 34px;
    padding: 0 4px;
    background-color: #ededed;
    border: 1px solid #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.gh-form-row_tips {
    position: relative;
    float: left;
    width: 420px;
    margin-left: 10px;
}

.tips-text {
    display: none;
    line-height: 36px;
    font-size: 13px;
}

.tips-account1 {
    line-height: 24px;
}

.tips-text.tips_error {
    display: block;
    color: #f00;
}

.row_tips_pop {
    position: absolute;
    top: -34px;
    width: 272px;
    height: 100px;
    line-height: 20px;
    padding: 5px 12px 0 20px;
    background: url(../images/tips_pop.png) no-repeat;
    font-size: 13px;
    color: #8c8c94;
}

.row_tips_pop_title {
    font-weight: bold;
    font-size: 14px;
    color: #2a91fa;
}

.row_tips_p {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #8c8c94;
}

.row_tips_p em {
    color: #ff8023;
}

.btn-submit {
    width: 268px;
    height: 36px;
    line-height: 36px;
    background-color: #2a91fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
}

.btn-submit-tool {
    background-color: #fb9336;
}

.btn-submit-kb1 {
    background-color: #fb9336;
}

.gh-account-kb {
    height: 36px;
    line-height: 36px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.gh-account-type {
    padding-top: 4px;
}

.gh-account-type_item {
    display: block;
    float: left;
    width: 86px;
    height: 26px;
    line-height: 26px;
    margin-right: 16px;
    background-color: #f8f8f8;
    border: 1px solid #c0c3ca;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
}

.gh-account-type_item.active {
    background-color: #2a91fa;
    border-color: #2a91fa;
    color: #fff;
}

.add-transaction-account {
    position: relative;
    width: 62px;
    height: 26px;
    line-height: 26px;
    padding-left: 24px;
    margin-top: 10px;
    border: 1px solid #c0c3ca;
    transition: all .3s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.add-transaction-account:hover {
    background-color: #c6daf0;
    border-color: #60a9f1;
}

.icon_add_account {
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
    width: 17px;
    height: 15px;
    background-position: -326px -28px;
}

.searchbar-member {
    position: absolute;
    top: 15px;
    left: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ededed;
    border: 2px solid #ededed;
    transition: all .3s ease-in;
    border-radius: 4px;
    -webkit-moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.searchbar-member.active {
    background-color: #fff;
    border: 2px solid #d7d7d7;
}

.searchbar-member-select {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #ededed;
    border: 0;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    outline: none;
}

.searchbar-input-block {
    float: left;
    /* width: ; */
}

.member-search-input {
    width: 220px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: none;
    font-size: 14px;
    outline: none;
}

.btn-search-member {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url("../images/icon_search.png") center center no-repeat;
}

.btn-clear-searche {
    position: absolute;
    top: 15px;
    left: 385px;
    display: none;
    height: 34px;
    line-height: 34px;
    padding-left: 18px;
    transition: all .3s ease-in;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    overflow: hidden;
}

.btn-clear-searche i {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #e1e3e6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-clear-searche i::after,
.btn-clear-searche i::before {
    position: absolute;
    display: block;
    content: '';
    background-color: #fff;
    transform: rotate(45deg);
}

.btn-clear-searche i::after {
    top: 7px;
    left: 4px;
    width: 7px;
    height: 1px;
}

.btn-clear-searche i::before {
    top: 4px;
    left: 7px;
    width: 1px;
    height: 7px;
}

/* ----------------------------- 核心成员 ------------------------------- */
/* 公会道具转让添加账户 */
.transfer-tool-account-item {
    position: relative;
    width: 680px;
    height: 28px;
    margin-top: 4px;
}

.transfer-tool-account-item .gh-form-ipt {
    display: block;
    float: left;
    width: 155px;
    height: 26px;
    line-height: 26px;
    background-color: #fafafa;
    border: 1px solid #a5a5a5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.transfer-tool-countbar {
    position: relative;
    display: block;
    float: left;
    width: 102px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #a5a5a5;
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}

.transfer-tool-countbar_name {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 40px;
    height: 26px;
    line-height: 26px;
    background-color: #e9e9e9;
    border-right: 1px solid #a5a5a5;
    text-align: center;
}

.transfer-tool-count {
    position: absolute;
    top: 0;
    left: 41px;
    display: block;
    width: 40px;
    height: 26px;
    line-height: 26px;
    background-color: #fafafa;
    border: none;
    text-align: center;
    outline: none;
}

.icon_toolnum_reduce,
.icon_toolnum_add {
    position: absolute;
    right: 0;
    display: block;
    width: 20px;
    background: #fafafa center no-repeat;
    border-left: 1px solid #a5a5a5;
    text-align: center;
    font-size: 0;
    cursor: pointer;
}

.icon_toolnum_reduce {
    bottom: 0;
    height: 12px;
    background-image: url("../images/icon_reduce.png");
}

.icon_toolnum_add {
    top: 0;
    height: 13px;
    background-image: url("../images/icon_add.png");
    border-bottom: 1px solid #a5a5a5;
}

.icon_toolnum_reduce:hover,
.icon_toolnum_add:hover {
    /* background-color: #64affa; */
}

.transfer-tool-account_del {
    position: absolute;
    top: 0;
    left: 272px;
    display: block;
    width: 36px;
    height: 26px;
    line-height: 26px;
    background-color: #fafafa;
    border: 1px solid #a5a5a5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    z-index: 5;
}

.transfer-tool-account_del:hover {
    background-color: #f00;
    border-color: #f00;
    color: #fff;
}

.transfer-tool-account_tips {
    position: absolute;
    top: 0;
    left: 316px;
    display: block;
    width: 360px;
    height: 28px;
    line-height: 28px;
    text-align: left;
    font-size: 13px;
    color: #8c8c8c;
    cursor: pointer;
    z-index: 5;
}

.transfer-tool-account_tips.tips_error {
    color: #f00;
}

/* --------------------------- 公会擅长武器 ----------------------------- */
.home-weapon-box {
    position: relative;
    width: 100%;
    height: 228px;
    background: url("../images/home_weapon.png") no-repeat;
}

.home-weapon-imgs {
    position: absolute;
    top: 22px;
    left: 11px;
    width: 469px;
    height: 175px;
    padding-top: 5px;
}

.home-weapon-imgs em {
    position: absolute;
    right: 15px;
    bottom: 0;
    display: block;
    height: 32px;
    line-height: 32px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    font-size: 16px;
    color: #fff;
}

.home-weapon-data {
    position: relative;
}

.home-weapon-totaldata {
    position: absolute;
    top: 26px;
    left: 496px;
    width: 245px;
    height: 190px;
}


.home-statistics-box {
    width: 1200px;
    height: 245px;
    margin: 0 auto;
}

.home-weapon-name {
    height: 46px;
    line-height: 46px;
    font-style: italic;
    font-weight: bold;
    font-size: 46px;
}

.home-weapon-totaldata_logo {
    height: 36px;
    line-height: 36px;
    font-weight: 400;
    font-size: 20px;
    color: #8c8c94;
}

.home-weapon-totaldata_item {
    height: 32px;
    line-height: 32px;
    padding-left: 38px;
    font-size: 14px;
}

.home-weapon-progress-box {
    position: absolute;
    top: 37px;
    left: 860px;
    width: 320px;
}

.home-weapon-progress {
    position: relative;
    width: 320px;
    height: 32px;
    margin-bottom: 10px;
}

.home-weapon-progress_bar {
    width: 0;
    height: 8px;
    background-color: #2a91fa;
    background-image: linear-gradient(to right, #2a91fa, #54c5ff);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.home-weapon-progress_text {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.home-statistics {
    position: relative;
    float: left;
    width: 700px;
    height: 245px;
    background: url("../images/bg_statistics2.jpg") no-repeat;
}

.home-campdata {
    position: relative;
    float: right;
    width: 460px;
    height: 225px;
}

.home-campdata-content {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 525px;
    height: 246px;
    background: url("../images/bg_home_data.png") right bottom no-repeat;
    z-index: 5;
}

.general-ratio {
    position: absolute;
    top: 55px;
    left: 220px;
    width: 240px;
}

.general-ratio em {
    display: block;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 30px;
}

.general-ratio b font,
.general-highest em font {
    font-weight: bold;
    color: #fb9336;
}

.general-ratio b {
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
}

.general-highest {
    position: absolute;
    top: 120px;
    left: 220px;
    width: 240px;
    height: 28px;
    line-height: 28px;
    font-weight: 500;
    font-size: 14px;
    font-size: 0;
}

.general-highest img,
.general-highest em {
    display: inline-block;
    vertical-align: top;
    _display: inline;
    zoom: 1;
}

.general-highest em {
    font-weight: normal;
    font-size: 14px;
}

.home-statistics-createtime {
    position: absolute;
    top: 160px;
    left: 220px;
    width: 235px;
    height: 24px;
    line-height: 24px;
    font-style: italic;
    font-size: 14px;
    color: #a5a5a5;
}

.home-statistics-vip_count {
    position: absolute;
    top: 64px;
    left: 528px;
}

.home-statistics-vip_count em {
    font-weight: normal;
    font-style: italic;
    font-size: 30px;
}

.home-statistics-vip_count b {
    margin-left: 5px;
    font-size: 14px;
}

.home-statistics-vip_tag {
    position: absolute;
    top: 110px;
    left: 528px;
    width: 92px;
    height: 24px;
    background: url("../images/sprites.png") -148px 0 no-repeat;
}

.home-statistics-vip_tips {
    position: absolute;
    top: 140px;
    left: 528px;
    display: none;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #a5a5a5;
}

.home-campdata-couonts {
    position: absolute;
    top: 132px;
    width: 140px;
    color: #fff;
}

.home-campdata-couonts-ct {
    left: 77px;
    text-align: left;
}

.home-campdata-couonts-t {
    right: 12px;
    text-align: right;
}

.home-campdata-couonts em {
    position: absolute;
    top: 0;
    display: block;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    background: left center no-repeat;
    font-size: 16px;
}

.home-campdata-couonts-ct em {
    left: 0;
    background-image: url("../images/jingcha.gif");
}

.home-campdata-couonts-t em {
    right: 0;
    background-image: url("../images/feitu.gif");
}

.home-campdata-couonts b {
    display: block;
    height: 24px;
    line-height: 24px;
    padding-top: 24px;
    font-weight: normal;
    font-size: 18px;
}

.home-campdata-couonts_total {
    position: absolute;
    top: 98px;
    left: 220px;
    width: 150px;
    text-align: center;
    color: #fff;
}

.home-campdata-couonts_total em {
    display: block;
    height: 48px;
    line-height: 48px;
    font-style: italic;
    font-size: 30px;
}

.home-campdata-couonts_total em i {
    margin-left: 5px;
    font-style: normal;
    font-size: 16px;
}

.home-campdata-couonts_total b {
    display: block;
    height: 24px;
    line-height: 24px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    font-weight: normal;
    font-size: 14px;
}

.home-campdata-ratio {
    position: absolute;
    bottom: 15px;
}

.home-campdata-ratio1 {
    left: 77px;
}

.home-campdata-ratio2 {
    right: 12px;
}

.home-campdata-ratio i {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    min-width: 12px;
    height: 34px;
    background: url("../images/icon_member.png") repeat-x;
}

.home-campdata-ratio em {
    display: inline-block;
    vertical-align: bottom;
    *display: inline;
    zoom: 1;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}

.home-campdata-ratio1 em {
    margin-left: 5px;
}

.home-campdata-ratio2 em {
    margin-right: 5px;
}

.line11 {
    position: absolute;
    top: 54px;
    left: 148px;
    width: 282px;
    height: 36px;
    background: url("../images/line11.png") no-repeat;
}

/* --------------------------- 成员管理表格 ----------------------------- */
.gh-table {
    width: 1140px;
    margin: 20px auto 0;
}

.gh-table-theader {
    margin-bottom: 2px;
    border: 1px solid #d7d7d7;
}

.gh-table-tbody {
    position: relative;
    min-height: 329px;
}

.gh-table-home .gh-table-tbody {
    min-height: 409px;
}

.gh-table-tr {
    margin-bottom: 1px;
}

.gh-table-row {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: #f2f4f7;
    transition: all .1s ease-in;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.gh-table-tr:hover .gh-table-row {
    background-color: #fcfcfc;
}

.gh-table-row_blank {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: #f2f4f7;
    transition: all .1s ease-in;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.gh-table-home .gh-table-row_blank {
    height: 40px;
    line-height: 40px;
}

.gh-table-tr.active .gh-table-row {
    background-color: #fff;
}

.gh-table-tr.active .gh-table-row::before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    display: block;
    width: 1138px;
    height: 30px;
    border: 1px solid #2a91fa;
    pointer-events: none;
}

.gh-table-th,
.gh-table-td {
    float: left;
    width: 110px;
    min-height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
}

.gh-table-home .gh-table-th,
.gh-table-home .gh-table-td {
    line-height: 40px;
}

.gh-table-th {
    height: 32px;
    line-height: 32px;
    background-image: url("../images/line_inset_th.jpg");
}

.gh-table-td {
    font-size: 14px;
}

.gh-table-cell1 {
    width: 358px;
    padding: 0 5px;
    text-align: left;
}

.gh-table-cell7,
.gh-table-cell8 {
    color: #8c8c94;
}

.gh-table-home .gh-table-cell7 {
    width: 180px;
}

.gh-table-cell_csid:hover {
    color: #2a91fa;
}

.gh-tr-expand {
    position: relative;
    display: none;
    padding: 12px 50px 14px;
    box-shadow: inset 0 -10px 14px -1px rgba(0, 0, 0, 0.1),
        inset 0 -7px 6px -1px rgba(0, 0, 0, 0.05);
}

.gh-table-tr.active .gh-tr-expand {
    display: block;
}

.expand-reason {
    line-height: 24px;
    padding-left: 68px;
    padding-bottom: 12px;
    font-size: 14px;
    color: #252526;
}

.gh-tr-expand-content {
    position: relative;
    border-bottom: 1px solid #d7d7d7;
}

.gh-tr-expand-content::before {
    display: block;
    position: absolute;
    top: 0;
    left: 70px;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #d7d7d7;
}

.tr-expand-log {
    padding-left: 80px;
    padding-right: 50px;
}

.tr-expand-log li {
    position: relative;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #d7d7d7;
    font-size: 12px;
    color: #8c8c94;
}

.tr-expand-log li:last-child {
    border-bottom: none;
}

.tr-expand-log li::before {
    display: block;
    position: absolute;
    top: 8px;
    left: -14px;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #d7d7d7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tr-expand-operation {
    padding-left: 90px;
    margin-bottom: 8px;
}

.btn-ex-op {
    float: left;
    width: 124px;
    height: 24px;
    line-height: 24px;
    margin-right: 66px;
    background-color: #eaf2fa;
    transition: all .1s ease-in;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #2a91fa;
}

.btn-ex-op:hover {
    background-color: #2a91fa;
    color: #fff;
}

.btn-modal-delete,
.btn-modal-approved,
.btn-modal-refuse {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    min-width: 68px;
    height: 24px;
    line-height: 24px;
    margin: 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    cursor: pointer;
}

.btn-modal-approved {
    background-color: #eaf2fa;
    color: #2a91fa;
}

.btn-modal-refuse {
    background-color: #fff8f3;
    color: #f07650;
}

.btn-modal-delete {
    color: #f00;
}

/* 首页成员列表 */
.gh-table-cell1 {
    font-size: 0;
}

.gh-table-cell1 b,
.gh-table-cell1 img,
.gh-table-cell1 em {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
}

.gh-table-cell1 b {
    width: 47px;
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    border-right: 1px solid #ddd;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
}

.gh-table-cell1 img {
    width: 28px;
    height: 28px;
    border: 1px solid #b8b8b8;
    margin-right: 5px;
}

.gh-table-cell1 em {
    font-size: 14px;
}

.gh-table-cell1 em:hover {
    text-decoration: underline;
    color: #2a91fa;
}

.gh-table-home .gh-table-cell1 b {
    width: 26px;
    border-right: none;
    color: #fff;
}

.gh-table-home .gh-table-row {
    height: 40px;
    line-height: 40px;
    background: url("../images/home_member_item2.jpg");
    border-radius: 0;
}

.gh-table-home .gh-table-row:hover {
    background: url("../images/home_member_item_on3.png");
}

.icon_vip {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 13px;
    height: 24px;
    line-height: 24px;
    margin-left: 6px;
    background: url("../images/icon_vip2.gif") center no-repeat;
}

/* --------------------------- 成员管理表格 ----------------------------- */
/* --------------------------- 公会福利-start ----------------------------- */
.section-yuanbao-log {
    display: none;
}

.yuanbao-box {
    height: 217px;
    padding: 1px;
    background: url("../images/bg_yuanbao.jpg") no-repeat;
}

.yuanbao-breadcrumb {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-bottom: 7px;
}

.yuanbao-breadcrumb-span {
    position: absolute;
    top: 0;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

.yuanbao-breadcrumb-name {
    left: 12px;
    font-size: 18px;
    color: #fff;
}

.yuanbao-breadcrumb-count {
    left: 168px;
    font-size: 18px;
    color: #fff;
}

.yuanbao-breadcrumb-time {
    right: 124px;
    padding-left: 20px;
    background: url("../images/icon_qa.png") left center no-repeat;
    color: #979797;
}

.yuanbao-breadcrumb-more {
    right: 0px;
    width: 110px;
    color: #2a91fa;
    cursor: pointer;
}

.yuanbao-breadcrumb-more:hover {
    text-decoration: underline;
}

.yuanbao-log {
    width: 1184px;
    height: 170px;
    margin: 0 auto;
    overflow: hidden;
}

.yuanbao-list {
    width: 1184px;
    margin: 0 auto;
    overflow: hidden;
}

.yuanbao-list li {
    width: 1152px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #8c8c94;
}

.yuanbao-item-span {
    display: block;
    height: 32px;
}

.yuanbao-item-time {
    float: left;
    width: 160px;
}

.yuanbao-item-reason {
    float: left;
    padding-right: 5px;
    max-width: 666px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.yuanbao-item-dashed {
    height: 23px;
    border-bottom: 1px dashed #8c8c94;
    overflow: hidden;
}

.yuanbao-item-worth {
    float: right;
    padding-left: 5px;
}

.yuanbao-item-label {
    float: right;
}

.yuanbao-item-total {
    float: right;
}

/* 福利宝箱 */
.treasure-chest {
    position: relative;
    float: left;
    width: 266px;
    height: 393px;
    margin-right: 8px;
    background: url('../images/chest_item.jpg') no-repeat;
}

.chest-updatetime {
    height: 34px;
    line-height: 34px;
    padding-left: 12px;
    font-weight: normal;
    font-size: 14px;
}

.chest-count-sku {
    position: absolute;
    top: 95px;
    left: 9px;
    min-width: 88px;
    height: 22px;
    line-height: 22px;
    background-color: #2a91fa;
    text-align: center;
    font-size: 14px;
    color: #fff;
    z-index: 3;
}

.chest-count-sku::after {
    position: absolute;
    top: 0;
    right: -9px;
    content: '';
    display: block;
    width: 9px;
    height: 22px;
    background: url("../images/icon_reg.png") no-repeat;
}

.chest-count {
    height: 22px;
    line-height: 22px;
    margin-top: 6px;
    margin-bottom: 18px;
    text-align: center;
    font-size: 14px;
}

.chest-imgshow {
    position: relative;
    width: 266px;
    height: 188px;
    margin: 0 auto 14px;
    background: url("../images/chest_close.png") center top no-repeat;
    transition: all .5s cubic-bezier(0, 0, .33, .99);
    cursor: pointer;
}

.chest-imgshow.open {
    background-image: url("../images/chest_open.png");
}

.chestshow2 {
    background-position: center -198px;
}

.chestshow3 {
    background-position: center -396px;
}

.chestshow4 {
    background-position: center -594px;
}

.chest-needtips {
    position: absolute;
    top: 239px;
    left: 50%;
    width: 246px;
    height: 22px;
    line-height: 22px;
    margin-left: -123px;
    background-color: #ccc;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    z-index: 5;
    pointer-events: none;
}

.treasure-chest3 .chest-needtips,
.treasure-chest4 .chest-needtips {
    background-color: #c2a066;
    color: #fff;
}

.chest-itemlog {
    width: 220px;
    height: 66px;
    margin: 5px auto 0;
    overflow: hidden;
}

.chest-itemlog li {
    height: 18px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #979797;
    overflow: hidden;
}

.chest-itemlog li em {
    white-space: nowrap;
    color: #f48916;
}

.chestlog-mask {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 45px;
    background: url("../images/chest_mask.png") center no-repeat;
    pointer-events: none;
}

.btn-chest {
    width: 250px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    background: url("../images/btn_chest.png") no-repeat;
    background-size: 100% 100%;
    font-size: 16px;
    color: #fff;
}

.btn-chest4 b {
    font-weight: normal;
}

.btn-chest4 em {
    display: none;
    padding: 0 5px 1px;
    margin-left: 5px;
    background-color: #c76a17;
    font-weight: normal;
    font-size: 12px;
    color: #ffd35e;
}


.btn-chest4.haschest em {
    display: inline;
}

.treasure-log {
    float: right;
    width: 376px;
    height: 391px;
    background-color: #e6e9ee;
    border: 1px solid #fff;
}

.treasure-log-tips {
    height: 20px;
    line-height: 20px;
    background-color: #22364b;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

.treasure-log-tabbox {
    position: relative;
    width: 100%;
    height: 372px;
    margin: 0 auto;
}

.treasure-log-tabbox .gh-tabbox {
    height: 343px;
}

.treasure-log-list {
    width: 100%;
}

.treasure-log-item {
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin-bottom: 2px;
    background: url("../images/chest_log_item.jpg") no-repeat;
    font-size: 14px;
    overflow: hidden;
}

.treasure-log-item em {
    display: block;
    float: left;
    width: 28px;
    padding-left: 10px;
    text-align: center;
}

.treasure-log-item span {
    display: block;
    float: left;
    max-width: 288px;
    padding-right: 5px;
    color: #8c8c94;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.treasure-log-item b {
    display: block;
    float: right;
    width: 28px;
    margin-left: 5px;
    font-weight: normal;
    color: #8c8c94;
}

.treasure-log-item i {
    display: block;
    height: 18px;
    border-bottom: 1px dashed #8c8c94;
    overflow: hidden;
}

.mychestrank.treasure-log-item i {
    height: 26px;
}

.mychestrank.treasure-log-item {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin-bottom: 0;
    background: #fff url("../images/star_blue.png") 3px center no-repeat;
}

.chest-tab {
    position: absolute;
    top: 272px;
    left: 50%;
    width: 104px;
    height: 7px;
    margin-left: -52px;
    z-index: 4;
}

.chest-tab-nav {
    float: left;
    display: block;
    width: 42px;
    height: 7px;
    margin: 0 5px;
    background-color: #cfcfcf;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    cursor: pointer;
}

.chest-tab-nav.on {
    background-color: #2a91fa;
}

.chest-tabbox {
    position: relative;
    width: 100%;
    height: 100%;
}

.chest-tab-content {
    width: 100%;
    height: 100%;
    background: url("../images/chest_box.jpg") 0 center no-repeat;
    background-position: -570px;
}

.chest-tab-content.on {
    display: block;
}

.chestname {
    position: absolute;
    top: 0;
    right: 7px;
    width: 94px;
    height: 20px;
    background: url("../images/sprites.png") no-repeat;
}

.chestname1 {
    background-position: -296px -54px;
}

.chestname2 {
    background-position: -296px -74px;
}

.chestname3 {
    background-position: -296px -94px;
}

.chestname4 {
    background-position: -296px -114px;
}

.chest-content-popup {
    position: absolute;
    top: 200px;
    left: 200px;
    display: none;
    width: 273px;
    padding: 10px 10px 6px;
    background-color: #fff;
    box-shadow: 0 5px 7px rgba(0, 0, 0, .3);
    border: 1px solid #c1c1c1;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
}

.chest-imgshow:hover .chest-content-popup,
.chest-content-popup:hover {
    display: block;
}

.chest-content-popup_pane {
    margin-bottom: 10px;
}

.chest-content-popup_name {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 1px;
    background-color: #fef1e5;
    background-image: linear-gradient(to right, #ffe8d3, #fff 70%);
    border-top-left-radius: 10px;
    font-size: 18px;
    color: #fb9336;
}

.chest-content-popup_name em {
    font-weight: normal;
    font-size: 14px;
    color: #252526;
}

.chest-content-popup_dl {
    padding: 3px 20px;
    background-color: #fef1e5;
    background-image: linear-gradient(to right, #ffe8d3, #fff 70%);
    border-bottom-right-radius: 10px;
}

.chest-content-popup_dd {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.chest-popup_dd1 {
    color: #fb9336;
}

.chest-popup_dd2 {
    padding-left: 38px;
    background: url("../images/icon_shards_34.png") 0 center no-repeat;
    color: #fb9336;
}

.lucky-goods-prev,
.lucky-goods-next,
.lucky-tool-prev,
.lucky-tool-next,
.chest-prev,
.chest-next {
    position: absolute;
    top: 140px;
    width: 24px;
    height: 60px;
    background: center no-repeat;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    z-index: 5;
    cursor: pointer;
}

.chest-prev {
    left: 16px;
    background-image: url("../images/arrow_swiper_prev2.png");
}

.chest-next {
    right: 16px;
    background-image: url("../images/arrow_swiper_next2.png");
}

.lucky-goods-prev,
.lucky-tool-prev {
    top: 118px;
    left: 358px;
    background-image: url("../images/arrow_swiper_prev2.png");
}

.lucky-goods-next,
.lucky-tool-next {
    top: 118px;
    right: 0px;
    background-image: url("../images/arrow_swiper_next2.png");
}

.chest-prev.swiper-button-disabled,
.chest-next.swiper-button-disabled {
    opacity: .4;
    cursor: no-drop;
}

/* ---------------------------  公会福利-end  ----------------------------- */
/* ---------------------------  tab切换-start ----------------------------- */
.gh-tabnav {
    position: relative;
}

.gh-tabnav-item {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.gh-tabnav-item.on {}

.gh-tabbox {
    position: relative;
}

.gh-tab-content {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

.gh-tab-content.on {
    display: block;
}

.gh-tabnav-chestlog {
    width: 374px;
    margin: 0 auto 3px;
}

.gh-tabnav-chestlog .gh-tabnav-item {
    width: 186px;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
}

.gh-tabnav-chestlog .gh-tabnav-item.on {
    color: #2a91fa;
}

.gh-tabnav-chestlog .gh-tabnav-item::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: '';
    width: 0;
    height: 3px;
    background-color: #2a91fa;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.gh-tabnav-chestlog .gh-tabnav-item.on::before {
    left: 0;
    width: 100%;
}

.gh-tabnav-box {
    position: relative;
    height: 36px;
}

.breadcrumb-shards {
    display: none;
}

.gh-tabnav-shards {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 600px;
    background: url("../images/nav_shards1.png") no-repeat;
}

/* .gh-tabnav-shards1 {} */

.gh-tabnav-shards_shards {
    background-image: url("../images/nav_shards3.png");
}

.gh-tabnav-shards1.shardsHigh {
    background-image: url("../images/nav_shards2.png");
}

.gh-tabnav-shards2 {
    background-image: url("../images/nav_shards2.png");
}

.gh-tabnav-shards2.shardsHigh {
    background-image: url("../images/nav_shards1.png");
}

.shards-navitem {
    width: 223px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    font-size: 20px;
}

.shards-navitem2.iscoupon {
    text-align: left;
    text-indent: 20px;
}

.shards-navitem2.iscoupon .icon-btn-discount {
    display: block;
}

.shards-navitem.on {
    color: #fff;
}

.shards_navblbl {
    position: absolute;
    top: -13px;
    left: -10px;
    display: none;
    width: 250px;
    height: 60px;
    background: url("../images/shards_navblbl.png") center no-repeat;
    animation: navBlbl .6s ease-in-out infinite;
    pointer-events: none;
}

.shards_navtips {
    position: absolute;
    top: 2px;
    left: -180px;
    display: none;
    width: 178px;
    height: 34px;
    line-height: 32px;
    background: url("../images/shards_navtips.png") center no-repeat;
    animation: heartBeatLoop 1s linear infinite;
    pointer-events: none;
    text-indent: 24px;
    font-size: 14px;
    color: #fb9336;
}

.free_yuanbao {
    position: absolute;
    top: -20px;
    left: 580px;
    display: none;
    width: 127px;
    height: 98px;
    animation: heartBeatLoop 1s linear infinite;
    z-index: 11;
    cursor: pointer;
}

.free_yuanbao img {
    display: block;
    width: 100%;
}

@keyframes navBlbl {
    50% {
        opacity: 0.5;
    }
}


@-webkit-keyframes heartBeatLoop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeatLoop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.shards-box {
    min-height: 700px;
    height: 700px;
}

.shards-countbar {
    position: relative;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding-top: 4px;
}

.shards-countbar_label {
    position: relative;
    float: left;
    display: block;
    padding-right: 45px;
    margin-right: 10px;
    font-size: 16px;
}

.icon_shards_icon {
    position: absolute;
    top: 12px;
    right: 0;
    display: block;
    width: 42px;
    height: 28px;
    background-position: -187px -273px;
}

.shards-count {
    float: left;
    display: block;
    font-weight: bold;
    font-size: 22px;
    color: #2a91fa;
}

.gh-tabnav-point {
    margin-top: 10px;
    margin-bottom: 18px;
}

.gh-tabnav-point_item {
    float: left;
    width: 184px;
    height: 32px;
    line-height: 32px;
    margin-right: 2px;
    background-color: #fff;
    font-size: 16px;
}

.gh-tabnav-point_item b {
    font-weight: normal;
    font-size: 14px;
    color: #8c8c94;
}

.gh-tabnav-point_item::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background-color: #2a91fa;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.gh-tabnav-point_item.on::before {
    left: 0;
    width: 100%;
}

.points-infobar {
    position: absolute;
    top: -50px;
    right: 0;
    width: 618px;
    height: 32px;
    background-color: #fff;
    background-image: linear-gradient(to right, #f1f3f6, #fff);
}

.points-countbar {
    position: absolute;
    top: 0;
    right: 115px;
    line-height: 32px;
    font-size: 16px;
}

.yuanbao-count {
    padding: 5px 0;
    padding-left: 30px;
}

.icon_yuanbao_coin {
    position: absolute;
    top: 2px;
    left: 52px;
    display: block;
    width: 30px;
    height: 30px;
    background-position: -24px -24px;
}

.points-countbar .icon_yuanbao_coin {
    left: 78px;
}

.points-infobar-address {
    position: absolute;
    top: 12px;
    right: 1px;
    width: 102px;
    height: 26px;
    line-height: 26px;
    background-color: #f0f7fe;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    border: 1px solid #2a91fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #2a91fa;
    cursor: pointer;
}

.points-infobar .points-infobar-address {
    top: 2px
}

.btn-points-yuanbao {
    position: absolute;
    top: 2px;
    right: 114px;
    width: 102px;
    height: 26px;
    line-height: 26px;
    background-color: #f0f7fe;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    border: 1px solid #2a91fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #2a91fa;
}

.btn-points-yuanbao:hover {
    background-color: #e0edf9;
}

.btn-points-yuanbao-history {
    position: absolute;
    top: -32px;
    right: 1px;
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 14px;
    color: #2a91fa;
}

.btn-points-yuanbao-history:hover,
.shards-countbar_log:hover {
    text-decoration: underline;
}

.shards-countbar_log {
    position: absolute;
    top: -22px;
    right: 1px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #2a91fa;
    cursor: pointer;
}

/* ---------------------------  tab切换-end   ----------------------------- */
/* --------------------------  公会抽奖-start ----------------------------- */
.gh-lucky-nav {
    height: 36px;
    line-height: 36px;
    background: url("../images/nav_lucky2.png") no-repeat;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.gh-lucky-nav.lucky2 {
    background-image: url("../images/nav_lucky1.png");
}

.gh-lucky-nav-item {
    float: left;
    width: 153px;
    transition: all .1s cubic-bezier(0, 0, .33, .99);
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
}

.gh-lucky-nav-item.on {
    color: #fff;
}

.myprize-lucky {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 36px;
    line-height: 36px;
    padding-left: 32px;
    font-size: 15px;
    color: #2a91fa;
    cursor: pointer;
}

.myprize-lucky:hover {
    text-decoration: underline;
}

.icon_myprize_gift {
    position: absolute;
    top: 3px;
    left: 0;
    width: 30px;
    height: 30px;
    background-position: -54px -24px;
}

.lucky-modal {
    position: relative;
    width: 1200px;
    height: 265px;
    margin-top: 10px;
}

.lucky-modal-pane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 265px;
    z-index: 3;
}

.lucky-modal-pane.hide {
    display: none;
}

.lucky-modal-pane.on {
    display: block;
}

.lucky-modal1 {
    background-image: url("../images/lucky_month21.jpg");
}

.lucky-modal2 {
    background-image: url("../images/lucky_goods.jpg");
}

.lucky-modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9;
}

.lucky-modal-mask em {
    position: relative;
    display: block;
    width: 100%;
    height: 132px;
    line-height: 132px;
    margin-top: 70px;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    z-index: 2;
}

.lucky-modal-mask b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    filter: blur(10px);
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    color: #fff;
}

.lucky-modal-intro {
    position: relative;
    width: 308px;
    padding-top: 100px;
    padding-left: 126px;
}

.lucky-modal-intro_t {
    position: relative;
}

.lucky-modal-intro_t em {
    display: block;
    width: 158px;
    height: 24px;
    line-height: 24px;
    background-color: #462e2e;
    text-align: center;
    /* font-weight: bold; */
    font-size: 14px;
    color: #fb9336;
}

.lucky-modal-intro_t p {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 0;
    color: #462e2e;
}

.lucky-drawtime {
    position: absolute;
    top: 221px;
    left: 124px;
    min-width: 156px;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    background-color: #354456;
    border: 1px solid #ababab;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.btn-goods-history {
    cursor: pointer;
}

.lucky-drawtime::before,
.lucky-drawtime::after {
    position: absolute;
    top: 1px;
    content: '';
    display: block;
    width: 3px;
    height: 29px;
    background-repeat: no-repeat;
}

.lucky-drawtime::before {
    left: 2px;
    background-image: url("../images/btn_ll.jpg");
}

.lucky-drawtime::after {
    right: 2px;
    background-image: url("../images/btn_lr.jpg");
}

.btn-lucky-history {
    cursor: pointer;
}

.btn-lucky-history:hover,
.btn-goods-history:hover {
    text-decoration: underline;
}

.lucky-modal-dateinfo {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 788px;
    height: 52px;
    line-height: 52px;
    text-align: right;
    font-size: 16px;
    color: #fff;
}

.lucky-modal-dateinfo em {
    color: #fb9336;
}

/* .lucky-modal1 .lucky-modal-dateinfo {
    left: 450px;
}

.lucky-modal2 .lucky-modal-dateinfo {
    left: 470px;
    text-align: right;
} */

.lucky-modal2-tips {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    font-size: 20px;
    color: #fff;
}

.lucky-modal-dateinfo_tips {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 52px;
    line-height: 52px;
}

.isluckyedName {
    position: absolute;
    top: 21px;
    left: 125px;
    width: 500px;
    height: 43px;
    background: url("../images/luckyName1.png") no-repeat;
}

.isluckyedName2 {
    background-image: url("../images/luckyName2.png");
}

.lucky-modal-dateinfo_status {
    position: absolute;
    top: 129px;
    left: 125px;
    width: 243px;
    height: 31px;
    background: url('../images/arrow_pool.png') no-repeat;
}

.iconstatus {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 136px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.iconstatusTxt {
    position: absolute;
    top: 0;
    left: 180px;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

.lucky-modal-dateinfo_status.status1 .iconstatus {
    text-align: center;
    text-indent: 0;
}

.lucky-modal-dateinfo_status.status2 .iconstatus {
    background: url("../images/right_now.png") 86px center no-repeat;
    text-align: left;
    text-indent: 30px;
}

.isluckyedTxt {
    position: absolute;
    top: 2px;
    right: 110px;
    width: 476px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
}

.isluckyed {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 398px;
    height: 52px;
    background: url("../images/is175.2.png") no-repeat;
    font-weight: bold;
    font-size: 0;
    color: #fff;
}

.lucky-modal2-ranks {
    position: absolute;
    position: absolute;
    top: 24px;
    left: 540px;
    height: 33px;
}

.lucky-modal2-ranks1 {
    display: none;
    width: 270px;
    background-position: 0 -240px;
}

.lucky-modal2-ranks2 {
    width: 120px;
    background-position: -270px -240px;
}

.lucky-modal-intro_tp {
    margin-top: 40px;
    font-size: 0;
}

.lucky-modal-dateinfo_bar {
    width: 250px;
    height: 52px;
    line-height: 52px;
    font-weight: bold;
    font-size: 26px;
    color: #462e2e;
}

.lucky-modal-dateinfo_countdown_txt {
    display: block;
    min-width: 224px;
}

.lucky-modal-dateinfo_countdown_txt2 {
    position: absolute;
    top: 10px;
    left: 222px;
    display: none;
    width: 80px;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    font-size: 14px;
    color: #462e2e;
}

.lottery-desc {
    position: absolute;
    top: 15px;
    left: 488px;
    display: none;
    width: 566px;
    font-size: 16px;
    color: #fff;
    z-index: 3;
}

.lottery-desc0 {
    line-height: 42px;
    font-size: 20px;
}

.lottery-desc0 em {
    font-size: 16px;
    color: #dfdfdf;
}

.lottery-desc1,
.lottery-desc2 {
    line-height: 20px;
}

.lottery-desc1 {
    color: #fa9f2a;
}

.lottery-desc2 {
    margin-bottom: 18px;
    color: #fff;
}

.lucky-join-count {
    position: absolute;
    right: 10px;
    bottom: 8px;
    display: none;
    height: 36px;
    line-height: 36px;
    background: url("../images/lucky_count.png") right center no-repeat;
}

.lucky-join-count span {
    float: left;
    display: block;
}

.lucky-join-count_txt {
    padding-right: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #b8b5b4;
}

.btn-setlucky-list {
    width: 143px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    z-index: 8;
}

.btn-setlucky-start {
    position: absolute;
    right: 10px;
    bottom: 8px;
    display: none;
    width: 143px;
    height: 36px;
    line-height: 36px;
    background-color: #2a91fa;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    z-index: 8;
}

.btn-setlucky-list.active {
    background-color: #2a91fa;
}

.lucky-tool-list {
    position: absolute;
    top: 86px;
    right: 24px;
    width: 780px;
    height: 122px;
}

.lucky-tool-list_tool {
    width: 790px !important;
}

.slide-lucky {
    width: 189px;
    height: 122px;
    margin-right: 6px;
    background: url("../images/tool_lucky_itembg.png?v=11") center no-repeat;
}

.slide-lucky-no {
    background-image: url('../images/tool_lucky_no.png');
}

.icon_goods_lock {
    position: absolute;
    top: 36px;
    left: 2px;
    display: block;
    width: 187px;
    height: 58px;
    background-position: 0 -273px;
}

.slide-lucky-time {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    min-width: 71px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: url("../images/tag_redreg.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

.slide-lucky-img {
    position: absolute;
    top: 19px;
    left: 22px;
    display: block;
    width: 145px;
    height: 84px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    overflow: hidden;
}

.slide-lucky-img img {
    width: 100%;
    height: 100%
}

.lucky-modal-dateinfo_opentime {
    position: absolute;
    left: 124px;
    bottom: 12px;
    width: 180px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.lucky-modal-dateinfo_cycle {
    position: absolute;
    top: 60px;
    left: 125px;
    width: 300px;
    height: 32px;
    line-height: 32px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    font-size: 16px;
    color: #fff;
}


.lucky-goods-list {
    position: absolute;
    top: 82px;
    right: 24px;
    width: 788px;
    height: 124px;
}

.lucky-tool-list_goods {
    width: 790px !important;
}

.slide-goods {
    position: relative;
    width: 191px;
    height: 123px;
    margin-right: 6px;
    background: url("../images/goods_item.png") center no-repeat;
}

.slide-goods .slide-lucky-img {
    top: 18px;
    left: 23px;
}

.lucky-modal-home {
    width: 250px;
    height: 4px;
    margin: 10px auto 0;
}

.lucky-modal-home_item {
    float: left;
    display: block;
    width: 110px;
    height: 12px;
    margin: 0 6px;
    background-color: #8c8c8c;
    border-radius: 2px;
    cursor: pointer;
}

.lucky-modal-home_item.on {
    background-color: #2a91fa;
}

/* -------------------------    公会抽奖-end      ------------------------- */
/* -------------------------  精英碎片兑换-start  ------------------------- */
.jackpot-box {
    position: absolute;
    top: 20px;
    right: 10px;
    display: none;
    width: 202px;
    height: 150px;
    line-height: 24px;
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #666;
    z-index: 3;
}

.jackpot-box h6 {
    height: 24px;
    line-height: 24px;
    padding-top: 10px;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
    color: #252526;
}

.tool-item_news:hover .jackpot-box {
    display: block;
}

.tool-list {
    width: 1220px;
    margin-left: -20px;
}

.tool-item {
    position: relative;
    float: left;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}

.tool-item-shards {
    width: 224px;
    height: 520px;
    padding-top: 85px;
    margin-left: 18px;
    background-image: url("../images/lotter_shards.png");
}

.lottery-shards1 {
    background-position: -224px 0;
}

.lottery-shards2 {
    background-position: -448px 0;
}

.lottery-shards3 {
    background-position: -672px 0;
}

.lottery-shards4 {
    background-position: -896px 0;
}

.swiper-lottery4 {
    width: 174px;
    margin: 0 auto;
}

.tool-item-points,
.tool-item-goods {
    width: 283px;
    height: 238px;
    margin-left: 20px;
    background-image: url("../images/item2.jpg");
    border: 1px solid #fff;
}

.lottery-shards-img {
    display: block;
    width: 174px;
    height: 120px;
    padding-top: 15px;
    margin: 0 auto 10px;
    background: url("../images/lottery_shards_img.png") center no-repeat;
}

.lottery-shards3 .slot-pane,
.lottery-shards4 .lottery-shards-img {
    background-image: url("../images/lottery_shards_img2.png");
}

.lottery-shards-img img {
    display: block;
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.lottery-shards-date {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}

.lottery-shards-prev {
    position: absolute;
    top: 442px;
    left: 22px;
    width: 180px;
    height: 22px;
    line-height: 22px;
    background: #8995a1 url("../images/prev_icon.png") center top no-repeat;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.lottery-shards2 .lottery-shards-prev {
    background-color: #6f7a86;
}

.lottery-shards3 .lottery-shards-prev,
.lottery-shards4 .lottery-shards-prev {
    background-position: center -22px;
    background-color: #806225;
}

.tool-item_limit {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 130px;
    height: 21px;
    line-height: 20px;
    background: url("../images/limit_point2.png") no-repeat;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.item_limit1 {
    font-size: 14px;
}

.item_limit2 {
    background-image: url("../images/limit_point.png");
    font-size: 0;
}

.tool-item_limit em {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.item_limit_em {
    padding-right: 5px;
    margin-left: 10px;
}

.tool-item_name {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-top: 14px;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
}

.tool-item_name em {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    font-weight: normal;
}

.tool-item_name b {
    height: 18px;
    line-height: 18px;
    padding: 0 6px 1px;
    margin-left: 5px;
    background-color: #2a91fa;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

.tool-item_img {
    position: relative;
    height: 96px;
    margin: 0 auto;
}

.tool-item_img img {
    display: block;
    width: 145px;
    height: 84px;
    margin: 0 auto;
    box-shadow: 0 5px 7px rgba(0, 0, 0, .3);
}

.tool-item_img2 img {
    box-shadow: none;
}

.tool-item-shards .tool-item_img {
    width: 180px;
    padding-top: 10px;
    margin-top: 2px;
    margin-bottom: 9px;
}

.tool-item-points .tool-item_img {
    width: 206px;
    padding-top: 21px;
    margin-bottom: 16px;
}

.tool-item-goods .tool-item_img,
.tool-list-yuanbao .tool-item-points .tool-item_img {
    width: 206px;
    height: 122px;
    padding-top: 0px;
    margin: 0 auto 11px;
}

.tool-list-yuanbao .tool-item-points .tool-item_img img,
.tool-item-goods .tool-item_img img {
    width: 100%;
    height: 100%;
    box-shadow: none;
}

.tool-list-yuanbao .tool-item-points .tool-item_img img {
    box-shadow: none;
}

.tool-item_news {
    position: absolute;
    top: 0;
    right: 0;
    width: 81px;
    height: 20px;
    line-height: 20px;
    background: url("../images/tag_redreg.png") no-repeat;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.icon-redstar {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 20px;
    height: 24px;
    line-height: 24px;
    background: url("../images/sprites.png") -296px 0 no-repeat;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.btn-shards,
.btn-yuanbao,
.btn-points {
    position: relative;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
}

.btn-shards {
    position: absolute;
    top: 488px;
    left: 11px;
    width: 202px;
    background: url("../images/sprites.png") -24px -132px no-repeat;
    text-align: center;
    font-size: 0;
}

.btn-yuanbao,
.btn-points {
    width: 257px;
    background: url("../images/btn_points.png") no-repeat;
}

.tool-item_double {
    width: 266px;
    height: 38px;
    margin: 0 auto;
}

.btn-points_small {
    float: left;
    width: 125px;
    margin: 0 4px;
    background-image: url("../images/btn_point_small.png");
    text-indent: 10px;
}

.icon_days {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background-color: #c46817;
    text-indent: 0px;
    font-size: 14px;
    color: #fbd05d;
}

/* .btn-points_small .icon_days {
    left: 8px;
} */

.btn_shards_icon,
.btn_shards_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.btn_shards_icon {
    width: 38px;
    height: 28px;
}

.btn_shards_ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 28px;
    background-position: -229px -273px;
}

.btn_shards_loading {
    position: absolute;
    top: 0;
    left: 5px;
    display: none;
    width: 28px;
    height: 28px;
    background-position: -187px -301px;
    animation: loadingFlash 1s linear infinite;
}

@keyframes loadingFlash {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn_shards_price {
    min-width: 100px;
    height: 38px;
    font-size: 16px;
}

/* .btn-yuanbao {
    text-indent: 24px;
} */

.tool-list-yuanbao .btn-yuanbao::after {
    position: absolute;
    top: 0;
    left: 45px;
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background: url("../images/coin_yuanbao.png") center no-repeat;
}

.btn-shards em,
.btn-points em,
.btn-yuanbao em {
    display: block;
    height: 16px;
    line-height: 20px;
    padding-top: 3px;
    font-size: 16px;
}

.btn-shards del,
.btn-points del,
.btn-yuanbao del {
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #ab5507
}

.icon-btn-discount {
    position: absolute;
    top: 6px;
    right: 9px;
    display: none;
    width: 66px;
    height: 24px;
    line-height: 24px;
    background-color: #ff170c;
    text-indent: 0;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.tool-item_unxz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/xz_un.png") center no-repeat;
    z-index: 3;
}

.icon_item_unxz {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 117px;
    height: 68px;
    margin-top: -34px;
    margin-left: -58px;
    background-position: -24px -172px;
    z-index: 3;
}

.tool-item_unxz_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 2;
}

.tool-item_limit_explain {
    position: absolute;
    top: 169px;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #f00;
}

/* 贡献排行榜 */
.contribution-table-box {
    width: 1200px;
}

.contribution-table {
    float: left;
    width: 430px;
    margin-right: 30px;
    font-size: 14px;
}

.contribution-table3 {
    width: 280px;
    margin-right: 0;
}

.contribution-table-name {
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
}

.contribution-theader {
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.contribution-theader1 {
    background-color: #6887d3;
}

.contribution-theader2 {
    background-color: #5096dc;
}

.contribution-theader3 {
    background-color: #e77f84;
}

.contribution-tbody {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.contribution-tr {
    height: 32px;
    background-color: #f1f3f6;
    border-bottom: 1px solid #d7d7d7;
}

.contribution-tr:nth-child(odd) {
    background-color: #fafbfc;
}

.contribution-th {
    float: left;
    color: #fff;
}

.contribution-td {
    float: left;
    height: 32px;
    line-height: 32px;
}

.thw100 {
    width: 100px;
}

.thw120 {
    width: 120px;
}

.thw130 {
    width: 130px;
}

.thw140 {
    width: 160px;
    padding-left: 18px;
}

.tcsid {
    width: 160px;
    padding-left: 18px;
}

.contribution-tr.nobody {
    font-size: 12px;
    color: #999;
}

/* -------------------------    精英碎片兑换-end  ------------------------- */
/*------------------------------------- 推荐公会列表 -----------------------------*/
.gh-hot {
    background: url("../images/bg_list.jpg") center top no-repeat;
}

.permission-show-bar {
    position: relative;
    height: 60px;
    margin-bottom: 16px;
    padding-top: 30px;
}

.permission-show-bar_title {
    position: relative;
    height: 60px;
    padding-left: 64px;
}

.icon_gift0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    background-position: -144px -172px;
}

.permission-show-bar_title em {
    display: block;
    height: 24px;
    line-height: 24px;
    padding-top: 6px;
    font-weight: bold;
    font-size: 22px;
}

.permission-show-bar_title p {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}

.permission-show {
    width: 1200px;
    margin-bottom: 78px;
}

.permission-show-item {
    position: relative;
    float: left;
    width: 230px;
    height: 362px;
    margin-left: 34px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.permission-show-item::before {
    position: absolute;
    right: -8px;
    top: 50%;
    display: none;
    content: '';
    width: 4px;
    height: 0;
    background-color: #2a91fa;
    transition: all .3s ease-in-out;
}

.permission-show-item.active::before {
    top: 0px;
    bottom: 0px;
    height: 362px;
}

.permission-show-item1 {
    margin-left: 0;
}

.permission-show-item.active {
    width: 408px;
}

.permission-icon {
    position: absolute;
    top: 35px;
    left: 10px;
    width: 122px;
    height: 133px;
    background: url("../images/permission_icon.png") no-repeat;
    transition: all .3s ease-in-out;
}

.permission-icon2 {
    background-position: -122px 0;
}

.permission-icon3 {
    background-position: -244px 0;
}

.permission-icon4 {
    background-position: -366px 0;
}

.permission-show-img {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 328px;
    background: center center no-repeat;
    transition: all .3s ease-in-out;
}

.permission-show-img1 {
    background-image: url("../images/permission_show1.jpg");
}

.permission-show-img2 {
    background-image: url("../images/permission_show2.jpg");
}

.permission-show-img3 {
    background-image: url("../images/permission_show3.jpg");
}

.permission-show-img4 {
    background-image: url("../images/permission_show4.jpg");
}

.permission-show-info {
    position: absolute;
    top: 236px;
    left: 2px;
    right: 2px;
    height: 96px;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.permission-show-info_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    height: 96px;
    background-color: rgba(0, 0, 0, .7);
    transition: all .3s ease-in-out;
    filter: blur(4px);
}

.permission-show-info_t1 {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-top: 15px;
    margin-left: 14px;
    transition: all .3s ease-in-out;
    font-size: 16px;
    color: #fff;
    z-index: 2;
}

.permission-show-info_t1::after {
    position: absolute;
    top: 16px;
    left: 68px;
    display: block;
    content: '';
    width: 6px;
    height: 4px;
    background-color: #fb9336;
}

.permission-show-info_t2 {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-left: 14px;
    transition: all .3s ease-in-out;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    z-index: 2;
}

.permission-show-info_content {
    position: absolute;
    top: 12px;
    left: 163px;
    right: 4px;
    height: 75px;
    /* background: url("../images/wrap_white20.png"); */
    background-color: rgba(255, 255, 255, .3);
    transition: all .3s ease-in-out;
    z-index: 3;
}

.permission-show-info_arrow {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 58px;
    background-position: 0 -172px;
    transition: all .3s ease-in-out;
}

.permission-show-info_txt {
    position: absolute;
    top: 17px;
    left: 9px;
    display: none;
    width: 224px;
    height: 40px;
    line-height: 20px;
    transition: all .3s ease-in-out;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}

.active .permission-show-info_txt {
    display: block;
}

.permission-show-No {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #a5a5a5;
}

.permission-show-No_l {
    position: absolute;
    left: 66px;
    right: 14px;
    bottom: 6px;
    height: 1px;
    background-color: #c1c1c1;
}

.permission-show-No_l::before {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    content: '';
    width: 11px;
    height: 1px;
    background-color: #c1c1c1;
}

.permission-show-No_l::after {
    position: absolute;
    top: -1px;
    right: 0;
    display: block;
    content: '';
    width: 12px;
    height: 1px;
    background-color: #c1c1c1;
}

.permission-show-No_add {
    position: absolute;
    right: 0;
    bottom: 11px;
    display: block;
    width: 12px;
    height: 2px;
    background-color: #a5a5a5;

}

.permission-show-No_add::before {
    position: absolute;
    top: -5px;
    left: 5px;
    display: block;
    content: '';
    width: 2px;
    height: 12px;
    background-color: #a5a5a5;
}

.active .permission-show-info_txt {
    animation: txtFadeIn .3s ease-in-out both;
}

.active .permission-show-info_arrow {
    animation: arrowFadeOut .3s ease-in-out both;
}

@keyframes txtFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes arrowFadeOut {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.pline {
    position: absolute;
    background-color: #c6c6c6;
}

.pline1 {
    top: 0;
    left: 0;
    width: 30px;
    height: 1px;
}

.pline2 {
    top: 2px;
    left: 32px;
    right: 0;
    height: 1px;
}

.pline3 {
    top: 11px;
    left: 14px;
    right: 14px;
    height: 1px;
    background-color: rgba(255, 255, 255, .4);
}

.pline3::before,
.pline3::after {
    position: absolute;
    top: -1px;
    display: block;
    content: '';
    width: 10px;
    height: 3px;
    background-color: rgba(255, 255, 255, .4);
    z-index: 2;
}

.pline3::before {
    left: -10px;
}

.pline3::after {
    right: -10px;
}

.pline4 {
    top: 238px;
    left: 6px;
    right: 6px;
    height: 1px;
    background-color: rgba(255, 255, 255, .4);
}

.pline4::before,
.pline4::after {
    position: absolute;
    top: 0;
    display: block;
    content: '';
    width: 2px;
    height: 6px;
    background-color: rgba(255, 255, 255, .4);
    z-index: 2;
}

.pline4::before {
    left: -2px;
}

.pline4::after {
    right: -2px;
}

.pline5 {
    top: 329px;
    left: 6px;
    right: 6px;
    height: 1px;
    background-color: rgba(255, 255, 255, .4);
}

.pline5::before,
.pline5::after {
    position: absolute;
    top: -5px;
    display: block;
    content: '';
    width: 2px;
    height: 6px;
    background-color: rgba(255, 255, 255, .4);
    z-index: 2;
}

.pline5::before {
    left: -2px;
}

.pline5::after {
    right: -2px;
}

.club-card-searchbar {
    position: relative;
    height: 34px;
    margin-bottom: 34px;
}

.club-card-searchbar_fl {
    position: relative;
    float: left;
    width: 522px;
    height: 34px;
}

.club-card-searchbar_label {
    display: block;
    float: left;
    width: 230px;
    line-height: 34px;
    margin-right: 10px;
    font-style: italic;
    font-weight: bold;
    font-size: 22px;
    color: #252526;
}

.club-card-search {
    display: block;
    float: left;
    width: 270px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.btn-club-search {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 34px;
    background: url("../images/icon_search.png") center no-repeat;
}

.btn-club-search:hover {
    background-image: url("../images/icon_search_on.png");
}

.keyword-tips {
    position: absolute;
    top: 0;
    left: 530px;
    display: none;
    width: 170px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #f00;
}

.club-card-btn {
    position: relative;
    display: block;
    float: right;
    width: 242px;
    height: 34px;
    line-height: 34px;
    margin-left: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.club-card-btn_create {
    background-color: #fb9336;
}

.club-card-btn_refresh {
    background-color: #2a91fa;
}

.icon-arrow_right,
.icon-refresh {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
}

.icon-refresh {
    background-position: -268px 0;
}

.icon-arrow_right {
    background-position: -268px -24px;
}

.club-card-box {
    position: relative;
}

.club-card-list {
    position: relative;
    width: 1242px;
    min-height: 432px;
    margin-left: -21px;
}

.club-card-nodata {
    float: left;
    width: 100%;
    height: 400px;
    line-height: 400px;
    text-align: center;
    font-size: 32px;
    color: #8c8c8c;
}

.club-card {
    position: relative;
    float: left;
    width: 370px;
    height: 372px;
    padding: 0 2px;
    margin: 0 20px 60px;
    cursor: pointer;
}

.club-card-bg {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 362px;
    height: 366px;
    background-color: #e6e9ed;
    border: 1px solid #ddd;
    transition: all .2s linear;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
}

.club-card-blur {
    position: absolute;
    top: 0;
    left: 2px;
    width: 362px;
    height: 366px;
    background-size: cover;
    transition: all .2s linear;
    z-index: 1;
}

.club-card-blur_cont {
    position: relative;
    width: 362px;
    height: 366px;
    border: 1px solid #fff;
    overflow: hidden;
    z-index: 3;
}

.club-card-blur_back {
    left: 12px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
    z-index: 1;
}

.club-card:hover .club-card-blur_back {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    transform: rotate(4deg);
}

.club-card:hover .club-card-bg {
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .5);
}

.club-card-blur_front {
    z-index: 2;
}

.club-card-blur_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat;
    background-size: cover;
    filter: blur(10px);
    overflow: hidden;
    z-index: 1;
}

.club-card-blur1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/club_mask.png") no-repeat;
    z-index: 2;
}

.club-card-content {
    position: relative;
    /* display: none; */
    width: 352px;
    height: 366px;
    padding-left: 12px;
    z-index: 3;
}


.club-card-tag {
    position: absolute;
    top: 9px;
    left: -2px;
    width: 80px;
    height: 24px;
    line-height: 20px;
    text-indent: 5px;
    background: url(../images/sprites.png) no-repeat;
    font-size: 14px;
    color: #fff;
    z-index: 5;
}

.club-card-tag0 {
    background-position: -226px -134px;
}

.club-card-tag1 {
    background-position: -306px -134px;
}

.club-card-top {
    position: relative;
    height: 72px;
    padding-top: 36px;
    padding-left: 110px;
}

.club-card-avatar {
    position: absolute;
    top: 36px;
    left: 0;
    width: 96px;
    height: 64px;
    padding: 2px;
    background: #8c8c8c url("http://img.175pt.com/TeamLogo/NoPic.jpg") center no-repeat;
    background-size: cover;
    border: 2px solid #fff;
    border-radius: 2px;
    overflow: hidden;
}

.club-card-name {
    padding-top: 8px;
    height: 28px;
    line-height: 28px;
}

.club-card-name_teamname {
    float: left;
    max-width: 200px;
    height: 28px;
    line-height: 28px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 7);
    font-size: 20px;
    color: #fff;
    overflow: hidden;
}

.club-card-name_lv {
    float: left;
    display: block;
    height: 18px;
    line-height: 18px;
    padding-left: 3px;
    padding-right: 3px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 7);
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    color: #fb9336;
    overflow: hidden;
}

.club-card-info_desc {
    margin-top: 38px;
    margin-bottom: 42px;
}

.club-card-info_desc_title {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 16px;
    color: #53545b;
}

.club-card-info_desc_cont {
    width: 346px;
    height: 66px;
    line-height: 22px;
    text-indent: 2em;
    font-size: 14px;
    color: #53545b;
}

.gh-join-basicinfo_desc {
    width: 700px;
    margin-top: 4px;
    margin-left: 200px;
    margin-bottom: 24px;
}

.gh-join-basicinfo_desc_title {
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 18px;
}

.gh-join-basicinfo_desc_cont {
    width: 100%;
    height: 48px;
    line-height: 24px;
    text-indent: 2em;
    font-size: 14px;
    color: #53545b;
}

.club-card-info_prefix {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding-left: 68px;
}

.club-card-info_prefix_name {
    display: block;
    max-width: 270px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    color: #a5a5a5;
}

.icon-prefix {
    display: block;
    width: 62px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #2a91fa;
}

.club-card-info_prefix .icon-prefix {
    position: absolute;
    top: 4px;
    left: 0;
    background-position: -86px 0;
}

.club-card-foot {
    height: 28px;
    line-height: 28px;
    margin-top: 12px;
    font-size: 14px;
    color: #a5a5a5;
}

.club-card-count {
    display: block;
    float: left;
    width: 100px;
    height: 28px;
    padding-left: 18px;
    background: url(../images/icon_user.png) 0 center no-repeat;
}

.club-card-activity {
    display: block;
    float: left;
    width: 80px;
    height: 28px;
    padding-left: 18px;
    background: url(../images/icon_fire.png) 0 center no-repeat;
}

.btn-join {
    float: left;
    width: 120px;
    height: 28px;
    line-height: 28px;
    background-color: #2a91fa;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
}

/* .btn-join:hover {
    background-color: #2a91fa;
    color: #fff;
} */

/*------------------------------------- 推荐公会-end   --------------------------------*/
/* -------------------------    气泡、模态弹窗    ------------------------- */
.tooltipContainer {
    position: fixed;
    background-color: #f0f;
    z-index: 9999;
}

/* 气泡确认框样式 */
.bubble-wrapper {
    position: absolute;
    display: none;
    z-index: 1000;
}

.bubble-content {
    position: relative;
    min-width: 200px;
    padding: 15px;
    padding-top: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.bubble-arrow {
    position: absolute;
    top: -19px;
    left: 50%;
    width: 40px;
    height: 20px;
    margin-left: -20px;
    z-index: 1;
    overflow: hidden;
}

.bubble-arrow::before {
    position: absolute;
    left: 50%;
    bottom: -5px;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

/* 模态弹窗样式 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1001;
}

.modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
}

.modal-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 6px;
    padding: 25px;
    min-width: 350px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.modal-title {
    height: 32px;
    line-height: 32px;
    margin-bottom: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.modal-body-row {
    position: relative;
    min-height: 30px;
    line-height: 30px;
    padding-left: 100px;
    margin-bottom: 10px;
}

.modal-row-label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: right;
}


.gh-input {
    position: relative;
    width: 200px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    border: 1px solid #ccc;
    transition: all .1s linear;
    transform: translateZ(0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.gh-input:focus {
    border-color: #2a91fa;
}

/* 通用按钮样式 */
.trigger-btn {
    margin: 10px;
    padding: 8px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}

.trigger-btn:hover {
    background: #f5f5f5;
}

/* 操作按钮组 */
.action-buttons {
    margin-top: 15px;
    text-align: right;
}

.action-checkApply {
    padding-bottom: 10px;
}

.action-btn {
    padding: 6px 15px;
    margin-left: 8px;
    border-radius: 3px;
    cursor: pointer;
}

.confirm-btn {
    background: #2a91fa;
    color: white;
    border: none;
}

.cancel-btn {
    background: #dee0e4;
    transition: all .1s linear;
    color: #252526;
    border: none;
}

.cancel-btn:hover {
    background-color: #d4d2d2;
}

.modal-checkapply .modal-row-label {
    width: 115px;
}

.modal-checkapply .modal-body-row {
    padding-left: 120px;
}

/* --------------------------- 公会弹窗-start ----------------------------- */
.line-between {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #c1c1c1;
}

.gh-nav_line.line-between,
.gh-nav_line2.line-between {
    position: absolute;
    left: 50%;
    width: 1100px;
    margin-left: -550px;
    z-index: 9;
}

.gh-nav_line.line-between {
    bottom: 30px;
}

.gh-nav_line2.line-between {
    bottom: 84px;
    background-color: #aaa;
}

.line-between::before,
.line-between::after {
    position: absolute;
    top: -1px;
    content: '';
    display: block;
    width: 9px;
    height: 3px;
    background-color: #c1c1c1;
}

.gh-nav_line2.line-between,
.gh-nav_line2.line-between::before,
.gh-nav_line2.line-between::after {
    background-color: #aaa;
}

.line-between::before {
    left: 0;
}

.line-between::after {
    right: 0;
}

.mb20 {
    margin-bottom: 20px;
}

.ghlayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.ghlayer.ghlayer-address-edit {
    z-index: 10000;
}

.ghlayer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.ghlayer-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 624px;
    padding: 0 23px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

.ghlayer-points .ghlayer-box {
    margin-top: -132px;
}

.ghlayer-tools .ghlayer-box {
    margin-top: -200px;
}

.ghlayer-lucky .ghlayer-box {
    margin-top: -200px;
}

/* .ghlayer-selected {
    display: block;
} */

.ghlayer-selected .ghlayer-box {
    height: 570px;
    margin-top: -285px;
    overflow: hidden;
}

.ghlayer670 {
    width: 624px;
    margin-left: -335px;
}

.ghlayer950 {
    width: 940px;
    height: 616px;
    margin-top: -308px;
    margin-left: -474px;
}

.ghlayer-quit .ghlayer-box,
.ghlayer-quit-success .ghlayer-box {
    margin-top: -200px;
}


.ghlayer-quit-success .ghlayer-box,
.ghlayer-quit-gift .ghlayer-box {
    background: #fff url('../images/bg_quit.jpg') center top no-repeat;
}

.ghlayer-name {
    height: 58px;
    line-height: 58px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 28px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
}

.ghlayer-name em {
    display: inline-block;
    vertical-align: bottom;
    _display: inline;
    zoom: 1;
    height: 46px;
    line-height: 38px;
    font-weight: normal;
    font-size: 14px;
    color: #666;
}

.quit-teamname {
    font-weight: bold;
}

.ghlayer-name_selected {
    height: 50px;
    line-height: 50px;
}

.close-ghlayer {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: url("../images/close_ghlayer.png") center no-repeat;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    z-index: 5;
    cursor: pointer;
}

.close-ghlayer:hover {
    transform: rotate(90deg);
}

.ghlayer-customLname .ghlayer-box {
    width: 620px;
    height: 800px;
    margin-top: -400px;
    margin-left: -334px;
}

.customLname_content {
    width: 620px;
    height: 728px;
    margin: 0 auto;
    overflow: auto;
}

.customLname_content img {
    display: block;
    width: 600px;
    margin: 0 auto;
}

.lucky-list {
    text-align: center;
    margin: 0 20px;
    font-size: 0;
}

.lucky-list li {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 200px;
    margin: 0 5px 10px;
    text-align: center;
}

.lucky-list li img {
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.card_name {
    display: block;
    width: 180px;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ghlayer-range-box {
    height: 120px;
}

.range-shards {
    position: relative;
    width: 538px;
    height: 48px;
    padding: 48px 42px 0;
}

.btn-range-reduce,
.btn-range-add {
    position: absolute;
    top: 43px;
    display: block;
    width: 38px;
    height: 20px;
    line-height: 20px;
    background-color: #8c8c94;
    transition: all .3s cubic-bezier(0, 0, 0.33, .99);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 0;
}

.btn-range-reduce:hover,
.btn-range-add:hover {
    background-color: #fb9336;
}

.btn-reduce-exchange,
.btn-range-reduce {
    left: 0;
}

.btn-range-add {
    right: 0;
}

.btn-range-reduce::before {
    position: absolute;
    top: 9px;
    left: 12px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background-color: #fff;
}

.btn-range-add::before {
    position: absolute;
    top: 9px;
    left: 12px;
    content: '';
    display: block;
    width: 14px;
    height: 2px;
    background-color: #fff;
}

.btn-range-add::after {
    position: absolute;
    top: 3px;
    left: 18px;
    content: '';
    display: block;
    width: 2px;
    height: 14px;
    background-color: #fff;
}

.range-units,
.range-units-max {
    position: absolute;
    bottom: 0;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

.range-units {
    left: 0;
}

.range-units-max {
    right: 0;
}

.range-units-max em {
    font-weight: bold;
    color: #fb9336;
}


.ghlayer-exchange-countbar {
    position: relative;
    width: 156px;
    height: 34px;
    background-color: #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.ghlayer-exchange-countbar_num {
    position: absolute;
    top: 0;
    left: 52px;
    display: block;
    width: 52px;
    height: 34px;
    line-height: 34px;
    background-color: #d7d7d7;
    transition: all .3s cubic-bezier(0, 0, 0.33, .99);
    text-align: center;
    font-size: 14px;
}

.btn-reduce-exchange,
.btn-add-exchange {
    position: absolute;
    top: 0;
    display: block;
    width: 52px;
    height: 34px;
    line-height: 34px;
    background-color: #ededed;
    transition: all .3s cubic-bezier(0, 0, 0.33, .99);
    font-size: 0;
}

.btn-add-exchange {
    left: 104px;
}

.btn-reduce-exchange:hover,
.btn-add-exchange:hover {
    -webkit-filter: none;
    filter: none;
}

.iconNum {
    position: absolute;
    top: 5px;
    left: 50%;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: -12px;
}

.iconNumAdd {
    background-position: 0 0;
}

.iconNumReduce {
    background-position: 0 -24px;
}

.ghlayer-footer {
    position: relative;
    width: 484px;
    height: 38px;
    padding-bottom: 24px;
    margin: 0 auto;
}

.btn-cancel-address,
.btn-confirm-close,
.btn-cancel-ghlayer,
.btn-confirm-ghlayer,
.btn-confirm-ghlayer-points {
    float: left;
    width: 202px;
    height: 38px;
    line-height: 38px;
    margin: 0 19px;
    background: #8c8c94 no-repeat;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, .3);
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.btn-confirm-close,
.btn-confirm-ghlayer,
.btn-confirm-ghlayer-points {
    background-image: url("../images/btn_shards.png");
}

.btn-confirm-close {
    float: none;
    margin: 0 auto;
}

.ghlayer-shards-tool {
    height: 96px;
    padding: 21px 0 10px;
    margin-bottom: 20px;
    background: #dadee2 url("../images/line_tool_bg.png") center no-repeat;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}

.ghlayer-shards-tool.ghlayer-shards-tool_goods {
    height: 107px;
    padding-top: 10px;
}

/* 会长兑换道具选择 */
.ghlayer-selected-headbar {
    height: 28px;
    line-height: 28px;
    background-color: #fedec2;
    background-image: linear-gradient(90deg, white 20%, #fedec2 50%, white 80%);
    text-align: center;
    font-size: 16px;
}

.ghlayer-selected-headbar_toolname {
    color: #fb9336;
}

.feetips .ghlayer-selected-headbar_toolname {
    font-weight: bold;
}

.feetips3Em {
    text-decoration: underline;
    color: #252526;
}

/* .ghlayer-selected-headbar_limit {} */
.ghlayer-selected_tips {
    height: 100px;
    line-height: 100px;
    padding-top: 20px;
    transition: all .6s cubic-bezier(0, 0, .33, .99);
    text-align: center;
    font-size: 16px;
}

.ghlayer-selected_tips.hidden {
    height: 0px;
    padding-top: 0;
    overflow: hidden;
}

.ghlayer-selected-way {
    position: relative;
    width: 624px;
    height: 270px;
    margin: 0 auto;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.ghlayer-selected-way.wayNext {
    animation: waynext .6s ease-in-out both;
}



.ghlayer-selected-wayback {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 74px;
    height: 60px;
    line-height: 60px;
    background: #2a91fa url("../images/arrow_left.png") 9px center no-repeat;
    text-indent: 26px;
    font-size: 16px;
    color: #fff;
    z-index: 3;
    cursor: pointer;
}

/* .ghlayer-selected-wayback.active {} */

.ghlayer-selected-wayitem {
    position: absolute;
    top: 0;
    width: 200px;
    height: 270px;
    background: center no-repeat;
    background-size: 100%;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    /* box-shadow: 0 0 5px rgba(0, 0, 0, .3); */
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    overflow: hidden;
    cursor: pointer;
}

.ghlayer-selected-wayitem.wayhide {
    display: none;
}

.ghlayer-selected-wayitem.wayitem1 {
    left: 0;
    background-image: url("../images/wayitem1.png");
}

.ghlayer-selected-wayitem.wayitem2 {
    left: 212px;
    background-image: url("../images/wayitem2.png");
}

.ghlayer-selected-wayitem.wayitem3 {
    right: 0;
    background-image: url('../images/wayitem3.png');
}

.ghlayer-selected-wayitem.waySelected {
    animation: wayitemZoom .6s ease-in-out both;
}

.ghlayer-selected-wayitem.wayitem2.waySelected {
    animation: wayitemZoom2 .6s ease-in-out both;
}

.wayitemImg {
    display: none;
    width: 624px;
}

.ie9lower .waySelected .wayitemImg {
    display: block;
}

.ie9lower .ghlayer-selected-way.wayNext {
    height: 60px;
}


.ie9lower .ghlayer-selected-wayitem.waySelected {
    left: 0;
    width: 624px;
    height: 60px;
    background-size: cover;
}

.selected-way-two .ghlayer-selected-wayitem.wayitem1 {
    left: 70px;
}

.selected-way-two .ghlayer-selected-wayitem.wayitem2 {
    display: none;
}

.selected-way-two .ghlayer-selected-wayitem.wayitem3 {
    right: 70px;
}

.selected-way-two .ghlayer-selected-wayitem.wayitem1.waySelected {
    left: 0px;
}

.selected-way-two .ghlayer-selected-wayitem.wayitem3.waySelected {
    right: 0px;
}

@keyframes waynext {
    70% {
        height: 270px;
    }

    100% {
        height: 60px;
    }
}

@keyframes wayitemZoom {
    70% {
        width: 624px;
        height: 270px;
    }

    100% {
        width: 624px;
        height: 60px;
    }
}

@keyframes wayitemZoom2 {
    70% {
        left: 0;
        width: 624px;
        height: 270px;
    }

    100% {
        left: 0;
        width: 624px;
        height: 60px;
    }
}

.wayitem-discount {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-bottom-left-radius: 8px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.wayitem-name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom-left-radius: 8px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}

.ghlayer-selected-wayitem.waySelected .wayitem-name {
    height: 60px;
    line-height: 60px;
}

.wayitem1 .wayitem-discount {
    background-color: #ff170c;
}

.wayitem2 .wayitem-discount {
    background-color: #fb9336;
}

.ghlayer-exchange-form {
    opacity: 0;
}

.ie9lower .ghlayer-exchange-form {
    display: none;
}

.ie9lower .ghlayer-exchange-form.animate__backInUp {
    display: block;
}

.ghlayer-exchange-tool {
    height: 117px;
    line-height: 117px;
    margin: 10px 0;
    text-align: center;
}

.ghlayer-exchange-tool img {
    width: 145px;
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    zoom: 1;
}

.ghlayer-exchange-form_body {
    height: 230px;
}

.ghlayer-exchange-form_row {
    position: relative;
    padding-left: 175px;
    margin-bottom: 15px;
}

.ghlayer-exchange-form_label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 170px;
    height: 34px;
    line-height: 34px;
    text-align: right;
    font-size: 14px;
}

.ghlayer-exchange-form_cont {
    min-height: 34px;
    position: relative;
}

.icon_eyes_pwd {
    position: absolute;
    top: 0;
}

.form_cont_input {
    width: 248px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background-color: #ededed;
    border-radius: 4px;
    font-size: 14px;
    border: none;
    outline: none;
}

.form_cont_input::placeholder {
    color: #a5a5a5;
}

.feetips {
    display: none;
    line-height: 20px;
    font-size: 14px;
    color: #8c8c94;
}

.feetips2 {
    margin-top: -10px;
}

.feetips p {
    margin-top: 10px;
    color: #2a91fa;
}

.exchange-form_address {
    box-sizing: content-box;
    text-align: left;
}

.exchange-form_address_add {
    display: none;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #2a91fa;
    cursor: pointer;
}

.exchange-form_address_add:hover {
    text-decoration: underline;
}


/*-------------------------------- 公会抽奖人数 ----------------------*/
.ghlayer-lottery .ghlayer-box {
    width: 902px;
    margin-top: -300px;
    margin-left: -451px;
}

.lottery-count {
    position: relative;
    width: 100%;
    height: 36px;
    margin-bottom: 8px;
    background: url("../images/lotter_c1.png") no-repeat;
    transition: all .1s cubic-bezier(0, 0, .33, .99);
}

.lottery-count.lc1 {
    background-image: url("../images/lottery_c2.png");
}

.lottery-count.lc2 {
    background-image: url("../images/lottery_c3.png");
}

.lottery-count-item {
    float: left;
    width: 33%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.lottery-count-item.active {
    color: #fff;
}

.lottery-method {
    position: relative;
    margin-bottom: 10px;
    background-color: #ededed;
    border: 1px solid #d7d7d7
}

.lottery-method1 {
    padding-bottom: 32px;
}

.lottery-method-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(238, 238, 238, .8);
    cursor: pointer;
    z-index: 5;
}

.lottery-method-mask.hidden {
    display: none;
}

.lottery-method-selected_current {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 88px;
    height: 20px;
    line-height: 20px;
    background-color: #2a91fa;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
}

.lottery-method.active .lottery-method-selected_current {
    display: block;
}

.lottery-method-title {
    height: 30px;
    line-height: 24px;
    background: url("../images/lottery_countbar.png") center no-repeat;
}

.lottery-method-title em {
    display: block;
    text-indent: 7px;
    font-weight: normal;
    font-size: 14px;
}

.lottery-method-body {
    position: relative;
}

.lottery-method-dl {
    padding-bottom: 10px;
}

.lottery-method-dd {
    float: left;
    width: 142px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #c0c3ca;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.lottery-method-dd.active {
    background-color: #2a91fa;
    border-color: #2a91fa;
    color: #fff;
}

.lottery-method-dd_last {
    margin-right: 0;
    color: #a5a5a5;
}

.lottery-method-body1 {
    position: relative;
    width: 876px;
    height: 346px;
    padding: 3px 4px;
    margin: 5px auto 0;
    background-color: #ededed;
    overflow: auto;
}

.userlist-tabcont {
    position: absolute;
    top: 3px;
    left: 4px;
    display: none;
    width: 876px;
    height: 346px;
    background-color: #ededed;
}

.userlist-tabcont1 {
    display: block;
}

.lottery-method-userlist {
    /* padding-bottom: 30px; */
}

.userlist-item {
    float: left;
    width: 286px;
    height: 26px;
    line-height: 26px;
    margin: 0 2px 2px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    cursor: pointer;
}

.userlist-item.userSelected {
    border-color: #2a91fa;
    color: #2a91fa;
}

.userlist-item-name {
    display: block;
    float: left;
    width: 124px;
    padding-left: 6px;
}

.userlist-item-payid {
    display: block;
    float: left;
    width: 124px;
}

.icon-checkbox {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 10px;
    background: #d7d7d7 center center no-repeat;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.userlist-item.userSelected .icon-checkbox {
    background-image: url("../images/icon_checkbox.png");
}

.lottery-method-selected_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: #ededed;
    border-top: 1px solid #d7d7d7;
    font-size: 14px;
}

.lottery-method-selected_search {
    position: absolute;
    top: 0;
    right: 8px;
    width: 500px;
    height: 32px;
}

.search_userid {
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    width: 198px;
    height: 24px;
    padding: 0 5px;
    background-color: #fff;
    border: none;
    outline: none;
}

.search_userid_label {
    position: absolute;
    top: 4px;
    right: 212px;
    height: 24px;
    line-height: 24px;
    padding-right: 6px;
    border-right: 2px solid #d5d5d5;
}

.selected-checked-count {
    position: absolute;
    top: 0;
    left: 50%;
    width: 110px;
    height: 30px;
    line-height: 30px;
    margin-left: -55px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
}

.userlist-tabcont-cancel,
.btn-selected-checked {
    position: absolute;
    top: 0;
    width: 110px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #adadad;
    transition: all .1s linear;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.btn-selected-checked {
    top: 4px;
    left: 7px;
    font-weight: normal;
    font-size: 15px;
}

.userlist-tabcont-cancel {
    right: 0;
}

.btn-selected-checked.on,
.btn-selected-checked:hover,
.userlist-tabcont-cancel:hover {
    background-color: #f48916;
    color: #fff;
}

.btn-selected-search {
    position: absolute;
    top: 4px;
    right: 0px;
    width: 30px;
    height: 24px;
    line-height: 24px;
    background: url("../images/icon_search.png") center no-repeat;
    z-index: 2;
}

.lottery-method-nav {
    height: 52px;
    line-height: 52px;
    padding-left: 24px;
    margin-top: 4px;
}

.lottery-method-nav span {
    position: relative;
    display: block;
    float: left;
    width: 105px;
    padding: 0 26px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.lottery-method-nav span.active {
    font-weight: bold;
}

.lottery-method-nav span::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: '';
    width: 0;
    height: 3px;
    background-color: #2a91fa;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.lottery-method-nav span.active::before {
    left: 0;
    right: 0;
    width: 100%;
}

/* ---------------------------分页-start----------------- */
.pagebar {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
}

#layerPageScore {
    margin-top: 0;
}

.pagebar a {
    display: inline-block;
    vertical-align: top;
    _display: inline;
    zoom: 1;
    width: 32px;
    height: 30px;
    line-height: 30px;
    margin: 0 4px;
    background: url("../images/page_item.png") center no-repeat;
    text-align: center;
    font-size: 14px;
    color: #8c8c94;
}

.pagebar a.layui-laypage-prev {
    background-image: url(../images/arrow_prev.png);
    font-size: 0;
}

.pagebar a.layui-laypage-next {
    background-image: url(../images/arrow_next.png);
    font-size: 0;
}

.pagebar a.layui-disabled {
    cursor: no-drop;
}

.pagebar a:hover {
    text-decoration: none;
    color: #2a91fa;
}

.pagebar span {
    display: inline-block;
    vertical-align: top;
    _display: inline;
    zoom: 1;
    margin: 0 4px;
}

.layui-laypage-count {
    position: relative;
}

.layui-laypage-curr {
    width: 32px;
    height: 30px;
    background-color: #2a91fa;
}

.layui-laypage-curr em {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
}

.layui-laypage-curr .layui-laypage-em {
    display: none;
}

/* ---------------------------分页-end  ----------------- */
.w150 {
    width: 150px !important;
}

.w180 {
    width: 180px !important;
}

.w260 {
    width: 260px !important;
}

.w289 {
    width: 289px !important;
}

.w300 {
    width: 300px !important;
}

.w350 {
    width: 350px !important;
}

.w389 {
    width: 389px !important;
}

.cell_meleelevel {
    width: 260px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
}

.cell_level_img {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 70px;
    height: 20px;
    margin-right: 3px;
}

.cell_meleelevel img {
    display: block;
    height: 20px;
    margin: 0 auto;
}

.cell_meleelevel em {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 70px;
    text-align: left;
    /* font-style: italic; */
    font-size: 14px;
}

/* ------------------------- 兑换弹窗日志 ------------------------- */
.ghlayerlog {
    width: 942px;
    margin-top: -300px;
    margin-left: -500px;
}

/* 兑换道具日志 */
.gh-tabnav-log {
    padding-top: 30px;
}

.gh-tabbox-exlog {
    margin-top: 5px;
}

.line-between-log::before {
    display: none;
}

.gh-tabnav-loglucky,
.gh-tabnav-logitem {
    width: 120px;
    height: 32px;
    line-height: 32px;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 18px;
}

.gh-tabnav-logitem.on,
.gh-tabnav-loglucky.on {
    color: #2a91fa;
}

.gh-tabnav-logitem::before,
.gh-tabnav-loglucky::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: '';
    width: 0;
    height: 4px;
    background-color: #2a91fa;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
}

.gh-tabnav-logitem.on::before,
.gh-tabnav-loglucky.on::before {
    left: 0;
    width: 100%;
}

.gh-tabbox-exlog {
    width: 100%;
    height: 500px;
    padding-bottom: 20px;
}

.ghlayer-log .gh-tabbox-exlog {
    height: 382px;
}

.exlog-list {
    border: 1px solid #d7d7d7;
    border-bottom: 0;
}

.exlog-item {
    height: 28px;
    line-height: 28px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #d7d7d7;
}

.exlog-desc {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #8c8c94;
}

.exlog_td {
    display: block;
    font-size: 14px;
}

.exlog_td1 {
    float: left;
    width: 160px;
    padding-left: 15px;
    color: #8c8c94;
}

.exlog_td2 {
    float: left;
    max-width: 500px;
    padding-right: 5px;
}

.exlog_td2 em {
    font-weight: bold;
    color: #fb9336;
}

.exlog_td3 {
    float: right;
    max-width: 420px;
    padding-left: 5px;
    padding-right: 15px;
}

.exlog_td4 {
    float: right;
    min-width: 180px;
    padding-right: 10px;
}

.exlog_td5 {
    height: 20px;
    border-bottom: 1px dashed #8c8c8c;
    overflow: hidden;
}

/* 抽奖日志 */
.gh-tab-luckylog {
    width: 100%;
    height: 500px;
    border: 1px solid #d7d7d7;
}

.luckylog-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 100%;
    background-color: #f5f5f5;
    border-right: 1px solid #d7d7d7;
    overflow-y: auto;
}

.luckylog-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 761px;
    height: 100%;
    overflow-y: auto;
}

.luckylog-tab-item {
    height: 32px;
    line-height: 32px;
    transition: all .2s ease-in;
    border-bottom: 1px solid #d7d7d7;
    text-indent: 12px;
    font-size: 14px;
    color: #8c8c94;
    cursor: pointer;
}

.luckylog-tab-item.active {
    background-color: #2a91fa;
    color: #fff;
}

.luckylog-tab-item:last-child {
    /* border-bottom: none; */
}

.luckylog-content .exlog-list {
    border: none
}

.luckylog-content .exlog-item {
    height: 32px;
    line-height: 32px;
    text-indent: 16px;
}

/*------------------------------------- 申请弹窗-start --------------------------------*/
.ghlayer-join {
    width: 952px;
    height: 712px;
    margin-top: -356px;
    margin-left: -494px;
    background: #fff url("../images/bg_s.jpg") center top no-repeat;
    background-size: 100%;
}

.ghlayer-join .ghlayer-name {
    height: 76px;
    line-height: 76px;
    color: #fff;
}

.gh-join-flag {
    position: absolute;
    top: 76px;
    left: 42px;
    width: 177px;
    height: 225px;
    padding-top: 10px;
    background-size: 100% 100%;
}

.gh-join-avatar {
    display: block;
    width: 124px;
    height: 82px;
    margin: 0 auto;
    border: 1px solid #fff;
}

.gh-join-rank {
    width: 177px;
    height: 85px;
    margin-top: 4px;
    background-size: 100% 100%;
    text-shadow: 0 2px 0 #333;
    text-align: center;
    font-weight: bold;
    font-size: 0;
    color: #fff;
}

.gh-join-ranktxt {
    display: none;
    height: 14px;
    line-height: 14px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.gh-join-basicinfo-tag {
    width: 240px;
    height: 34px;
    margin-top: 8px;
}

.gh-join-basicinfo_title {
    height: 34px;
    margin-left: 200px;
}

.gh-join-basicinfo-item {
    float: left;
}

.gh-join-teamname {
    height: 34px;
    line-height: 34px;
    text-shadow: 0 1px 3px #333;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}

.gh-join-teamlv {
    height: 26px;
    line-height: 26px;
    margin-left: 5px;
    margin-right: 10px;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    color: #fb9336;
}

/* .edit-row-content .gh-join-teamtag {
    margin-top: 8px;
} */

.gh-join-teamtag-view {
    position: absolute;
    top: 8px;
    left: 302px;
    width: 120px;
}

.aside-club-tag_name {
    display: none;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: url("../images/team_tag.gif") no-repeat;
    background-size: 100% 100%;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
}

.ghlayer-content .gh-join-basicinfo-item.gh-join-teamtag {
    margin-top: 8px;
}

.gh-join-area,
.gh-join-lucky,
.gh-join-area {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-top: 8px;
    margin-left: 6px;
    font-size: 12px;
    color: #fff;
}

.gh-join-area {
    background-color: #000;
}

.gh-join-lucky {
    background-color: #214774;
}

/* .gh-join-activity {} */
.gh-join-basicinfo-tag .gh-join-lucky {
    margin-top: 0;
}

.join-tips {
    width: 860px;
    line-height: 20px;
    padding-left: 56px;
    margin-top: 15px;
    font-size: 12px;
    color: #8c8c94;
}

.join-tips-row {
    position: relative;
    margin-bottom: 15px;
}

.join-tips-label {
    position: absolute;
    top: 0;
    left: 0px;
    display: block;
    width: 140px;
    text-align: right;
}

.form-join {
    position: relative;
    margin-left: 117px;
    margin-bottom: 10px;
}

.join-tips-cont {
    display: block;
    line-height: 16px;
    margin-left: 140px;
}

.form-join-row {
    min-height: 34px;
    margin-bottom: 10px;
}

.form-join-row_phone {
    position: absolute;
    top: 44px;
    left: 405px;
}

.form-join-row_label {
    float: left;
    width: 80px;
    height: 34px;
    line-height: 34px;
    text-align: right;
    font-size: 14px;
}

.form-join-row_cont {
    float: left;
}

.form-join-row_cont .club-card-info_prefix {
    float: left;
    width: 280px;
    height: 34px;
    line-height: 34px;
    color: #252526;
}

.form-join-row_cont .club-card-info_prefix_name {
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    font-size: 18px;
    color: #252526;
}

.form-join-row_cont .icon-prefix {
    top: 7px;
}

.form-join-row_prefix {
    position: absolute;
    top: -30px;
    left: 80px;
    width: 500px;
    height: 30px;
    line-height: 30px;
    text-indent: 68px;
    font-weight: bold;
    font-size: 18px;
    padding-right: 3px;
}

.form-join-row_prefix_icon {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 62px;
    height: 24px;
    background-position: -24px 0;
}

.form-join-ipt {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    background-color: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.form-join-ipt_csid {
    width: 310px;
}

.form-join-ipt_tips_csid {
    position: absolute;
    top: 0;
    left: 415px;
    display: none;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #666;
}

.form-join-ipt_tips_csid.error {
    color: #f00;
}

.form-join-ipt_qq {
    width: 310px;
}

.form-join-ipt_phone {
    width: 283px;
}

.form-join-reason {
    width: 688px;
    height: 48px;
    line-height: 24px;
    padding: 5px;
    resize: none;
}

.form-join-foot {
    width: 480px;
    margin: 20px auto;
}

.btn-join-cancel,
.btn-join-submit {
    float: left;
    width: 202px;
    height: 38px;
    line-height: 38px;
    margin: 0 19px;
    box-shadow: 2px 3px 8px rgba(0, 0, 0, .3);
    font-size: 16px;
    color: #fff;
}

.btn-join-cancel {
    background-color: #8c8c8c;
}

.btn-join-submit {
    background-color: #2a91fa;
}

/*------------------------------------- 申请弹窗-end   --------------------------------*/
/*------------------------------------- 审核入会申请-start --------------------------------*/
.ghlayer-box-approved {
    height: 420px;
    margin-top: -210px;
}

.ghlayer-quit-yzm .ghlayer-box-approved {
    height: 336px;
}

.ghlayer-box-profession {
    margin-top: -220px;
}

.form-approved-apply {
    width: 500px;
    margin: 20px auto;
    font-size: 14px;
}

.approved-row {
    min-height: 30px;
    margin-bottom: 8px;
}

.approved-row-label {
    float: left;
    width: 145px;
    height: 30px;
    line-height: 30px;
    padding-right: 5px;
    text-align: right;
    color: #666;
}

.approved-row-content {
    float: left;
    position: relative;
    width: 300px;
    min-height: 30px;
    line-height: 30px;
}

.ghlayer-box-profession .form-approved-apply {
    width: 550px;
    margin-left: 62px;
}

.ghlayer-box-profession .approved-row-content {
    width: 400px;
}

.yzmNumber {
    width: 112px;
}

.btn-sendyzm {
    position: absolute;
    top: 0;
    left: 134px;
    width: 78px;
    height: 30px;
    line-height: 30px;
    background-color: #2b92fb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}

.gh-form-row .yzmNumber {
    width: 150px;
    height: 34px;
    line-height: 34px;
}

.gh-form-row .btn-sendyzm {
    left: 634px;
    width: 100px;
    height: 36px;
    line-height: 36px;
}

.tipsYzm {
    line-height: 24px;
    padding: 20px 50px 0;
    text-align: center;
    font-size: 16px;
    color: #555;
}

.resMsg {
    width: 310px;
}

.modal-privilege-item {
    float: left;
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-right: 12px;
    font-size: 0;
}

.modal-privilege-item input {
    width: 13px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
}

.modal-privilege-item label {
    display: inline-block;
    vertical-align: top;
    _display: inline;
    width: 90px;
    font-size: 14px;
    cursor: pointer;
}

.modal-row-select {
    width: 212px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    text-shadow: none;
    outline: none;
}

/*------------------------------------- 审核入会申请-end   --------------------------------*/
/*------------------------------------- 修改公会资料-strat   --------------------------------*/
.form-row {
    font-size: 14px;
}

.form-row.form-row-full {
    width: 100%;
}

.form-row-label {
    position: relative;
    float: left;
}

.form-row-content {
    position: relative;
    float: left;
}

.form-edit {
    width: 880px;
    padding-left: 90px;
    margin: 0 auto;
}

.rename-card {
    width: 370px;
    height: 58px;
    text-align: right;
}

.rename-card1 {
    top: 160px;
}

.rename-card2 {
    top: 320px;
}

.edit-row {
    position: relative;
    float: left;
    width: 440px;
    min-height: 34px;
    line-height: 34px;
    margin-bottom: 20px;
}

.edit-row-label {
    width: 65px;
    height: 34px;
    padding-right: 5px;
    text-align: right;
}

.edit-row-content {
    width: 370px;
}

.form-row-full .edit-row-content {
    width: 738px;
}

.edit-row-content .form_cont_input {
    width: 280px;
}

.edit-row-content .form_cont_input.yzmNumber {
    width: 188px;
}

.edit-row-content .btn-sendyzm {
    top: 1px;
    left: 220px;
    height: 32px;
    line-height: 32px;
}

.form_cont_select {
    display: block;
    float: left;
    width: 97px;
    height: 32px;
    line-height: 32px;
    margin-right: 4px;
    background-color: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    outline: #2a91fa;
}

.form_cont_select_contact {
    display: block;
    float: left;
    width: 97px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    color: #2a91fa;
}

.form_cont_input_teamname,
.form_cont_input_firstname {
    cursor: no-drop;
}

.inputTips {
    width: 450px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #8c8c8c;
}

.inputTips em {
    color: #fb9336;
}

.btn-edit-update {
    width: 268px;
    height: 38px;
    line-height: 38px;
    background-color: #2a91fa;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
}

.form_cont_input.teamDescription,
.create-row-content .form_cont_input.teamDescription {
    width: 718px;
    height: 96px;
    line-height: 24px;
    padding: 5px 10px;
    resize: none;
}

.teamDescription_tips {
    position: absolute;
    top: 66px;
    right: 24px;
    font-size: 16px;
    color: #999;
}

.edit-desc {
    width: 760px;
    height: 407px;
    line-height: 20px;
    padding-bottom: 60px;
    margin-top: 60px;
    margin-left: 190px;
    background: no-repeat;
}

.edit-desc-warning {
    height: 36px;
    line-height: 36px;
    margin-bottom: 24px;
    text-align: center;
    font-size: 16px;
    color: #666;
}

.edit-desc-row {
    margin-bottom: 16px;
}

.edit-desc-label {
    position: relative;
    width: 70px;
    height: 24px;
    line-height: 24px;
    padding-left: 12px;
    font-size: 15px;
    color: #ff170c;
}

.edit-row-label_long {
    display: block;
    position: absolute;
    top: 0;
    right: 5px;
    width: 150px;
    height: 34px;
}

.edit-desc-label::before {
    position: absolute;
    top: 9px;
    left: 0;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #b9b9b9;
    transform: rotate(45deg);
}

.edit-desc-cont {
    padding-left: 12px;
}

.edit-row-avatar {
    margin-top: 32px;
}

.edit-row-avatar .edit-row-label {
    padding-top: 116px;
}

.edit-row-avatar_imgbox {
    position: relative;
    display: block;
    width: 227px;
    height: 136px;
    padding-top: 14px;
    margin-left: 38px;
    background: url("../images/edit_logo_bg.png") no-repeat;
    cursor: pointer;
}

.edit-row-avatar_img {
    display: block;
    width: 165px;
    height: 110px;
    margin: 0 auto;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    pointer-events: none;
}

.edit-row-avatar_up {
    position: absolute;
    top: 55px;
    left: 50%;
    width: 50px;
    height: 35px;
    margin-left: -25px;
    background: url("../images/icon_img.png") no-repeat;
    pointer-events: none;
}

.edit-row-avatar_desc {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 430px;
    text-align: right;
    color: #a5a5a5;
}

.edit-row-levelrule {
    /* position: absolute;
    top: 0px;
    right: 72px; */
    height: 34px;
    line-height: 34px;
    color: #2b92fb;
}

.customeLevelLogo {
    position: absolute;
    top: 0;
    left: 240px;
    display: none;
    width: 60px;
    height: 34px;
    line-height: 34px;
    background-color: #d6d6d6;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #252526;
}

.open-edit-popup {
    position: absolute;
    top: 0;
    left: 305px;
    display: block;
    width: 60px;
    height: 34px;
    line-height: 34px;
    padding-left: 24px;
    background: url("../images/icon_edit.png") 0 center no-repeat;
    text-align: left;
    font-size: 14px;
    color: #8c8c94;
}

.ghlayer-update {
    margin-top: -150px;
    margin-left: -335px;
}

.editform .form-row {
    width: 500px;
    min-height: 34px;
    line-height: 34px;
    margin: 0 auto 15px;
}

.editform .form-row-label {
    width: 120px;
    min-height: 34px;
    padding-right: 5px;
    text-align: right;
}

.editform .form-join-ipt {
    width: 258px;
}

.btn-confirm-prefix,
.btn-confirm-teamname {
    background: #2a91fa;
}

#upimg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ghlayer-upimg-flag {
    position: relative;
    margin: 0 auto;
}

.newcsidTips {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.newcsidTips.error {
    color: #f00;
}

.ghlayer-upimgbox {
    margin-top: -222px;
    margin-left: -335px;
    background: #fefefe url("../images/bg_up.jpg") no-repeat;
}

.GetUpLoadTeamLogo {
    position: absolute;
    top: 0;
    left: -9999em;
}

.upwraning {
    position: absolute;
    top: 45px;
    right: 0px;
    display: none;
    width: 460px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #f00;
}

.ie9lower .upwraning {
    display: block;
}

.ie9lower #upimg {
    display: none;
}

.levelSuffixContent {
    height: 80px;
}

.levelSuffix_current {
    height: 34px;
    line-height: 34px;
}

.levelSuffix-select {
    position: absolute;
    top: 34px;
    left: 0;
    width: 144px;
    height: 32px;
    background-color: #ededed;
    border: 1px solid #ededed;
    border-radius: 4px;
    cursor: pointer;
}

.levelSuffix-select2 {
    left: 152px;
}

.levelSuffix-select:hover {
    border-color: #2a91fa;
}

.levelSuffixScreen {
    position: absolute;
    top: 34px;
    left: 300px;
    width: 430px;
}

.levelSuffixScreen_txt {
    position: absolute;
    top: 0;
    left: -34px;
    display: block;
    height: 24px;
    line-height: 24px;
}

.levelSuffixScreen-item {
    position: relative;
    float: left;
    width: 91px;
    height: 23px;
    padding: 4px 7px;
    background-color: #fff;
    transition: all .2s ease-in;
    border: 1px solid #fff;
    cursor: pointer;
}

.levelSuffixScreen-item.active {
    background-color: #ededed;
    border-color: #2a91fa;
}

.levelSuffixScreenShow {
    position: relative;
    width: 91px;
    height: 23px;
}

.gh-join-basicinfo-item .levelSuffixScreenShow {
    margin-top: 6px;
}

.club-card-content .gh-join-basicinfo-item .levelSuffixScreenShow {
    margin-top: -2px;
}

.levelSuffixScreen-l,
.levelSuffixScreen-r {
    position: absolute;
    top: 0px;
    left: 12px;
    width: 6px;
    height: 23px;
    background: url("../images/level_black_arrow.png") no-repeat;
}

.levelSuffixScreen-l {
    left: 0px;
}

.levelSuffixScreen-r {
    left: 85px;
}

.levelSuffixScreen-m {
    position: absolute;
    top: 0px;
    left: 6px;
    width: 79px;
    height: 23px;
    background: no-repeat;
}

.levelSuffixScreen0 .levelSuffixScreen-l {
    background-position: 0 0;
}

.levelSuffixScreen0 .levelSuffixScreen-r {
    background-position: -6px 0;
}

.levelSuffixScreen1 .levelSuffixScreen-l {
    background-position: -12px 0;
}

.levelSuffixScreen1 .levelSuffixScreen-r {
    background-position: -18px 0;
}

.levelSuffixScreen2 .levelSuffixScreen-l {
    background-position: -24px 0;
}

.levelSuffixScreen2 .levelSuffixScreen-r {
    background-position: -30px 0;
}


.levelSuffixScreen0 .levelSuffixScreen-m {
    background-image: url("../images/level_black_center.gif")
}

.levelSuffixScreen1 .levelSuffixScreen-m {
    background-image: url("../images/level_orange_center.gif")
}

.levelSuffixScreen2 .levelSuffixScreen-m {
    background-image: url("../images/level_rainbow_center.gif")
}

.levelSuffix-select-name1,
.levelSuffixScreen-custom {
    position: absolute;
    top: 2px;
    left: 6px;
    width: 38px;
    height: 19px;
    background: url("../images/level_custom.png") no-repeat;
    background-position: 38px 19px;
    z-index: 3;
}

.levelSuffix-select-name2,
.levelSuffixScreen-suffix {
    position: absolute;
    top: 2px;
    left: 47px;
    width: 38px;
    height: 19px;
    background: url("../images/level_sufix.png") no-repeat;
    background-position: 38px 19px;
    z-index: 3;
}

.levelSuffix-preview {
    position: absolute;
    top: 38px;
    left: -95px;
}

.levelSuffix-select-name {
    top: 6px;
    left: 51px
}

.levelSuffix-select-icon {
    position: absolute;
    top: 2px;
    left: 95px;
    width: 30px;
    height: 30px;
    background: url("../images/arrow_next.png") center no-repeat;
    transform: rotate(90deg);
}

.level_drawer_custom,
.level_drawer_suffix {
    position: absolute;
    top: 33px;
    left: 0;
    display: none;
    width: 144px;
    height: 209px;
    background: #ededed;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: 1px solid #ccc;
    z-index: 33;
    overflow: hidden;
}

.level_drawer_suffix {
    height: 104px;
}

.levelSuffix-select1:hover .level_drawer_custom {
    display: block;
}

.levelSuffix-select2:hover .level_drawer_suffix {
    display: block;
}

.level_drawer_custom_item,
.level_drawer_suffix_item {
    position: relative;
    width: 144px;
    height: 34px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.level_drawer_custom_item:hover,
.level_drawer_suffix_item:hover,
.level_drawer_custom_item.active {
    background-color: #2a91fa;
}

.level_drawer_custom_ico,
.level_drawer_suffix_ico {
    position: absolute;
    top: 6px;
    left: 50%;
    display: block;
    width: 38px;
    height: 19px;
    margin-left: -19px;
    background-repeat: no-repeat;
}

.level_drawer_custom_ico {
    background-image: url("../images/level_custom.png");
}

.level_drawer_suffix_ico {
    background-image: url("../images/level_sufix.png");
}

/*------------------------------------- 修改公会资料-end   --------------------------------*/
/*------------------------------------ 创建公会-start  --------------------------------*/
.skeleton-header {
    position: absolute;
    top: 12px;
    left: 244px;
    width: 888px;
    height: 250px;
    background: url("../images/skeleton.png") no-repeat;
}

.gh-header-skeleton {
    height: 304px;
}

.form-create {
    width: 880px;
    margin: 30px auto 0;
}

.create-edit-tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 870px;
    line-height: 20px;
    padding-top: 7px;
    font-size: 14px;
}

.create-row {}

.emblue {
    position: absolute;
    top: 6px;
    right: 5px;
    display: block;
    width: 100px;
    height: 22px;
    line-height: 22px;
    background-color: #2a91fa;
    border-radius: 2px;
    text-align: center;
    color: #fff;
}

.club-info_prefix {
    float: left;
    height: 34px;
    line-height: 34px;
    padding-right: 3px;
}

.team-leader-csid .club-card-info_prefix {
    float: left;
    width: 200px;
    padding: 3px 0 3px 68px;
}

.team-leader-csid .club-card-info_prefix .icon-prefix {
    top: 7px;
}

.create-row-content .form_cont_input.form_cont_input_csid {
    display: block;
    float: none;
    /* width: 111px; */
    margin-right: 0;
}

.create-row-content .club-card-info_prefix_name {
    float: left;
    /* width: 200px; */
    font-size: 14px;
    color: #252526;
}

.create-row {
    position: relative;
    float: left;
    width: 440px;
    min-height: 56px;
    line-height: 34px;
    margin-bottom: 20px;
}

.create-row-label {
    width: 65px;
    height: 56px;
    padding-right: 5px;
    text-align: right;
}

.create-row-content {
    width: 370px;
}

.form-row-full .create-row-content {
    width: 738px;
}

.create-row-content .form_cont_input {
    width: 280px;
}

.create-row-tips {
    height: 22px;
    line-height: 22px;
    background: 0 center no-repeat;
    font-weight: normal;
    font-size: 12px;
    color: #a5a5a5;
}

.create-row-tips.green {
    padding-left: 12px;
    background-image: url("../images/icon_green.png");
}

.create-row-tips.error {
    padding-left: 12px;
    background-image: url("../images/icon_error.png");
}

/* .create-row-tips3 {} */

.ctips7 {
    float: left;
    width: 300px;
}


/*------------------------------------- 修改公会资料-end   --------------------------------*/
/*------------------------------------- 添加收货地址-end   --------------------------------*/
.ghlayer-address-edit .ghlayer-box {
    margin-top: -222px;
}

.address-content {
    position: relative;
    width: 624px;
    height: 440px;
    overflow: hidden;
}

.ie9lower .address-list-box.animate__fadeInLeft {
    left: 0;
}

.ie9lower .address-list-box.animate__fadeOutLeft {
    left: -624px;
}

.address-form-edit {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 624px;
    height: 380px;
    padding-top: 30px;
    background-color: #fff;
}

.ie9lower .address-form-edit.animate__fadeInRight {
    left: 0;
}

.ie9lower .address-form-edit.animate__fadeOutRight {
    left: 624px;
}

.address-dl {
    width: 424px;
    margin: 0 auto 10px;
}

.address-dt {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    /* color: #462e2e; */
}

.address-dd {
    position: relative;
}

.address-input {
    width: 400px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #ededed;
    border: 2px solid #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #252526;
    outline: none;
}

.address-textarea {
    height: 78px;
    padding: 5px 10px;
    line-height: 26px;
    resize: none;
}

.address-tips {
    line-height: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
}

.btn-address-add {
    width: 202px;
    height: 38px;
    line-height: 38px;
    margin: 20px auto 0;
    background: #2a91fa no-repeat;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, .3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.address-list {
    width: 624px;
    max-height: 360px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

/* .address-list.{} */
.address-list::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.address-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.address-list::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #cfcfcf;
    border-radius: 3px;
}

.address-item {
    width: 600px;
    padding: 12px;
    margin-bottom: 12px;
    background-color: #f1f3f6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.address-username,
.address-userphoen {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 15px;
    font-weight: normal;
    font-size: 16px;
}

.address-details {
    line-height: 24px;
    font-size: 14px;
    color: #555;
}

.btn-address-edit,
.btn-address-del {
    display: block;
    float: right;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    margin-left: 8px;
    background-color: #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
}

.btn-address-del:hover {
    background-color: #f00;
    color: #fff;
}

.btn-address-edit:hover {
    background-color: #2a91fa;
    color: #fff;
}

.address-item:nth-child(2) {
    animation-delay: .1s;
}

.address-item:nth-child(3) {
    animation-delay: .15s;
}

.address-item:nth-child(4) {
    animation-delay: .2s;
}

.address-item:nth-child(5) {
    animation-delay: .2.5s;
}

.address-item:nth-child(6) {
    animation-delay: .3s;
}

.address-item:nth-child(7) {
    animation-delay: .3.5s;
}

.address-item:nth-child(8) {
    animation-delay: .4s;
}

.address-item:nth-child(9) {
    animation-delay: .45s;
}

.address-item:nth-child(10) {
    animation-delay: .5s;
}

.address-item:nth-child(11) {
    animation-delay: .55s;
}

.address-item:nth-child(12) {
    animation-delay: .6s;
}

.address-item:nth-child(13) {
    animation-delay: .65s;
}

.address-item:nth-child(14) {
    animation-delay: .70s;
}

.address-item:nth-child(15) {
    animation-delay: .75s;
}

.address-item:nth-child(16) {
    animation-delay: .8s;
}

.address-item:nth-child(17) {
    animation-delay: .85s;
}

.address-item:nth-child(18) {
    animation-delay: .85s;
}

.address-item:nth-child(19) {
    animation-delay: .9s;
}

.address-item:nth-child(20) {
    animation-delay: .95s;
}

.ghlayer-mygoods .ghlayer-box {
    margin-top: -222px;
}

.mygoods-list {
    width: 622px;
    max-height: 360px;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.mygoods-item {
    position: relative;
    width: 412px;
    height: 96px;
    padding: 10px;
    padding-left: 200px;
    margin-bottom: 12px;
    background: url("../images/myprize_item.jpg") no-repeat;
}

.mygoodsNo {
    width: 612px;
    height: 96px;
    line-height: 96px;
    text-align: center;
    font-size: 18px;
    color: #666;
}

.mygoods-item-no {
    line-height: 100px;
    text-align: center;
    font-size: 32px;
    color: #333;
}

.mygoods-img {
    position: absolute;
    top: 18px;
    left: 26px;
    width: 145px;
    height: 84px;
}

.mygoods-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.mygoods-name {
    width: 320px;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 18px;
}

.mygoods-name em {
    display: inline-block;
    vertical-align: middle;
    _display: inline;
    zoom: 1;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-top: -6px;
    background-color: #2a91fa;
    margin-right: 3px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

.mygoods-frominfo {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #8c8c94;
}

.address-tips2 {
    height: 24px;
    line-height: 24px;
    margin-top: -10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    color: #444;
}

.mygoods-address-details {
    height: 32px;
    line-height: 32px;
    padding-left: 18px;
    background: url("../images/icon_map.png") 0 center no-repeat;
    font-size: 14px;
    color: #8c8c94;
}

.mygoods-address-selected {
    height: 32px;
}

.mygoods-address-select {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    border: 1px solid #bbb;
}

.mygoods-used {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 170px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #2a91fa;
    cursor: pointer;
}

.mygoods-address-no {
    position: absolute;
    right: 24px;
    bottom: 10px;
    width: 110px;
    height: 32px;
    line-height: 32px;
    margin-left: 12px;
    background-color: #2a91fa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.btn-mygoods-address-selected {
    display: block;
    float: left;
    width: 110px;
    height: 32px;
    line-height: 32px;
    margin-left: 12px;
    background-color: #2a91fa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

/*------------------------------------- 添加收货地址-end   --------------------------------*/
/*------------------------------------- 退出公会弹窗-end   --------------------------------*/
/* ..ghlayer-box */
.quitted-content {
    line-height: 38px;
    text-align: center;
    font-size: 18px;
}

.shards-owns-count {
    font-weight: bold;
    color: #fb9336;
}

.btn-confirm-quit,
.btn-confirm-blue {
    float: left;
    width: 202px;
    height: 38px;
    line-height: 38px;
    margin: 0 19px;
    background-color: #2a91fa;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, .3);
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.btn-quitted-gift {
    float: none;
    margin: 0 auto;
}

.quitted-waive {
    position: relative;
    width: 212px;
    height: 30px;
    line-height: 30px;
    padding-left: 17px;
    margin: 0 auto 30px;
    font-size: 14px;
    cursor: pointer;
}

.icon-waive {
    position: absolute;
    top: 8px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url("../images/checkbox_default.png") center no-repeat;
}

.selected .icon-waive {
    background-image: url("../images/checkbox_on.png");
}

.freedom-card {
    height: 30px;
    line-height: 30px;
    padding-left: 17px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.freedom-card em {
    font-weight: bold;
    color: #fb9336;
}

.quit-oldcsid,
.quit-newcsid {
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

.quit-newcsid {
    position: relative;
    display: none;
}

.quit-oldcsid b,
.quit-newcsid b {
    font-weight: normal;
    color: #666;
}


.quit-oldcsid em {
    font-style: normal;
}

.newcsid {
    width: 300px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    border: 1px solid #d7d7d7;
    transition: all .1s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none;
}

.newcsid:focus {
    border-color: #2a91fa;
}

/* 被劝退弹窗 */
.ghlayer-quit-gift .ghlayer-box {
    width: 636px;
    margin-top: -320px;
    background-size: 100%;
}

.ghlayer-quit-reason {
    line-height: 38px;
    text-align: center;
    font-size: 18px;
}

.ghlayer-quit-giftlist {
    margin: 10px auto 30px;
}

.quit-giftlist-item {
    position: relative;
    float: left;
    width: 196px;
    height: 376px;
    margin: 0 6px;
    border: 1px solid #857c72;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
    /* overflow: hidden; */
}

.quit-giftlist-item.active {
    background-color: #fb9336;
    border-color: #fb9336;
}

.quit-giftlist-title {
    height: 32px;
    line-height: 32px;
    text-indent: 12px;
    font-size: 18px;
    color: #857c72;
}

.quit-giftlist-item.active .quit-giftlist-title {
    color: #fff;
}

.quit-gift-tool {
    margin-bottom: 5px;
}

.qimg {
    display: block;
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.qgname {
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
}

.quit-giftlist-item.active .qgname {
    color: #fff;
}

.quitcheck {
    position: absolute;
    top: -2px;
    right: -2px;
    display: none;
    width: 85px;
    height: 22px;
    line-height: 22px;
    background: url("../images/check_quit.png") no-repeat;
    text-indent: 24px;
    font-size: 14px;
    color: #fff;
}

.quit-giftlist-item.active .quitcheck {
    display: block;
}

/*------------------------------------- 退出公会弹窗-end   --------------------------------*/
.ghlayer-lucky-chest .ghlayer-box {
    margin-top: -150px;
}

.ghlayer-chest-content {
    position: relative;
    height: 160px;
}

.ghlayer-chest {
    position: relative;
    width: 200px;
    height: 160px;
    background: url("../images/chest_open.png") no-repeat;
}

.ghlayer-chest em {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
}

.ghlayer-chest1 {
    background-position: -27px -10px;
}

.ghlayer-chest2 {
    background-position: -27px -206px;
}

.ghlayer-chest3 {
    background-position: -27px -404px;
}

.ghlayer-chest4 {
    background-position: -27px -604px;
}

.ghlayer-chest-list {
    position: absolute;
    top: 0;
    left: 210px;
    width: 400px;
    height: 120px;
    padding-top: 16px;
    text-align: center;
    background-color: #dadee2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ghlayer-chest-list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    width: 180px;
}

.ghlayer-chest-shards {
    width: 180px;
    height: 32px;
    padding-top: 84px;
    background: url("../images/icon_shards.png") center 10px no-repeat;
}

/* .ghlayer-chest-list img {} */

/* .ghlayer-chest-shards .card_name {
    position: absolute;
    top: 54px;
    left: 95px;
    width: 100px;
    font-weight: 600;
    font-size: 30px;
    color: #2a91fa;
} */

.dialog-html {
    display: none;
}

.dialog-list {
    max-width: 765px;
    padding: 20px 20px 10px;
    background: #c3a15a;
    -webkit-box-shadow: 0 0 15px #000000;
    -moz-box-shadow: 0 0 15px #000000;
    box-shadow: 0 0 15px #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    z-index: 10;
    overflow: hidden;
}

.dialog-item {
    float: left;
    width: 145px;
    margin: 0 4px 2px;
}

.dialog-item .img {
    display: block;
    max-width: 145px;
    height: 84px;
    margin: 0 auto;
    overflow: hidden;
}

.dialog-item img {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    max-width: 145px;
    max-height: 84px;
    margin: 0 auto;
}

.dialog-item .name {
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

/*--------------------------------------- 说明弹窗 ----------------------------------*/
.ghlayer-explain .ghlayer-name,
.ghlayer-explain2 .ghlayer-name {
    height: 76px;
    line-height: 76px;
    font-size: 24px;
}

.ghlayer-content-explain {
    height: 450px;
}

.ghlayer-content-explain {
    position: relative;
    margin-bottom: 20px;
}

.explain-nav {
    position: absolute;
    top: 0;
}

.explain-nav-item,
.explain-nav-item3 {
    width: 202px;
    height: 48px;
    line-height: 48px;
    transition: all .3s cubic-bezier(0, 0, 0.33, 1);
    text-indent: 36px;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
}

.explain-nav-item.active,
.explain-nav-item3.active {
    background-image: url("../images/explain_hover2.png");
}

.explain-nav-item:hover,
.explain-nav-item3:hover {
    background-color: #f6f6f6;
}

.explain-content {
    position: relative;
    width: 740px;
    height: 450px;
    margin-left: 202px;
    background-color: #f6f6f6;
    overflow: hidden;
}

.explain-content-pane {
    position: relative;
    border-bottom: 2px solid #fff;
}

.explain-content-pane:last-child {
    border-bottom: 0;
}

.explain-content-pane_title {
    width: 156px;
    background-color: #e8e8e8;
    text-align: center;
    font-size: 14px;
}

.explain-content-pane_title2 {
    vertical-align: middle;
    line-height: 22px;
}

.explain-content-pane_article {
    width: 563px;
    min-height: 22px;
    line-height: 22px;
    padding: 10px;
    border-left: 1px solid #fff;
    font-size: 14px;
}

.explain-content-pane_article em {
    color: #fb9336;
}

.etable {
    width: 530px;
    border: 1px solid #ccc;
    text-align: left;
}

.etable th,
.etable td {
    padding: 0 10px;
    font-weight: normal;
}

.iconq {
    position: absolute;
    top: 3px;
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-indent: 24px;
    font-size: 13px;
    color: #999;
    cursor: pointer;
}

.iconq2 {
    left: 312px;
}

.iconq1 {
    left: 236px;
}

.iconq12 {
    left: 450px;
}

.icon_qf {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    width: 16px;
    height: 16px;
    background-position: -280px -94px;
}

.footerNotice {
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.footerNotice a {
    color: #2a91fa;
}

.ghlayer-explain2 .btn-confirm-blue,
.ghlayer-explain .btn-confirm-blue {
    background-image: none;
    margin-left: 178px;
}


.ghlayer-explain3 .btn-confirm-blue_op {
    background-image: none;
    margin-left: 236px;
}

.opScreenExplain {
    position: absolute;
    top: 0;
    left: 100px;
    height: 38px;
    line-height: 38px;
    padding-left: 20px;
    font-size: 14px;
    cursor: pointer;
}

#opScreenExplain {
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
}

/* ------------------------- 精英碎片 --------------------------- */
.slot-pane {
    width: 174px;
    height: 120px;
    padding-top: 15px;
    margin: 0 auto 10px;
    background: url("http://club.175pt.com/cs16/images/lottery_shards_img.png") center top no-repeat;
}

.slot-time {
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #252526;
}

.slot {
    position: relative;
    width: 145px;
    height: 84px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 2;
}

.slot-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    height: 84px;
}

#slot01 {
    background-image: url("../images/tiger01.jpg");
}

#slot02 {
    background-image: url("../images/tiger02.jpg");
}

#slot11 {
    background-image: url("../images/tiger11.jpg");
}

#slot12 {
    background-image: url("../images/tiger12.jpg");
}

#slot21 {
    background-image: url("../images/tiger212.jpg");
}

#slot22 {
    background-image: url("../images/tiger222.jpg");
}

#slot31 {
    background-image: url("../images/tiger312.jpg");
}

#slot32 {
    background-image: url("../images/tiger322.jpg");
}

.item {
    width: 145px;
    height: 84px;
}

.item img {
    display: block;
}

.slot-prize {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 145px;
    height: 84px;
    z-index: 5;
}

/* ------------------------- OP公约-start --------------------------- */
.slideopbox {
    position: relative;
    width: 1198px;
    height: 364px;
    padding-top: 40px;
    background: url("../images/opbg2.jpg") no-repeat;
    border: 1px solid #fff;
    border-top-width: 3px;
    border-bottom-width: 3px;
}

.slideop {
    position: relative;
    width: 1182px;
    height: 298px;
    margin: 0 auto;
    overflow: hidden;
}

.oproll-list {
    width: 2784px;
}

.oproll-item {
    float: left;
    width: 224px;
    height: 216px;
    padding-top: 82px;
    margin: 0 4px;
    background: url("../images/oproll_item.png") no-repeat;
}

.oproll-item img {
    display: block;
    width: 145px;
    height: 84px;
    margin: 0 auto;
    -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 7px rgba(0, 0, 0, .3);
}

.oproll-item-name {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 45px;
    background-color: #fb9336;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.maskop {
    position: absolute;
    top: 4px;
    left: 8px;
    width: 1182px;
    height: 381px;
    background: url("../images/oproll_mask.png") no-repeat;
    pointer-events: none;
    z-index: 2;
}

.btn-opfree {
    position: absolute;
    top: 315px;
    left: 50%;
    width: 272px;
    height: 40px;
    line-height: 40px;
    margin-left: -136px;
    background-color: #2a91fa;
    font-size: 20px;
    color: #fff;
    z-index: 3;
}

.btn-opfree-tips {
    position: absolute;
    top: 355px;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    z-index: 3;
}

.qaQuitLayer .layui-layer-content {
    padding: 20px;
    line-height: 24px;
    text-align: center;
    font-size: 15px;
}

.qaQuitLayer .p22 {
    display: block;
    margin-top: 20px;
    font-size: 15px;
    cursor: pointer;
}

#checksm {
    width: 15px;
    height: 15px;
    transform: translateY(2px);
}

.qaKnowLayer .layui-layer-content {
    padding-top: 24px;
    line-height: 32px;
    padding-left: 20px;
    font-size: 15px;
}

/* ------------------------- OP公约---end --------------------------- */

/* ------------------------- 旧公会跳转遮罩-start --------------------------- */
.maskOldBox {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    min-width: 1280px;
    width: 100%;
    height: 100%;
    z-index: 20000000;
}

.mask_old_row {
    position: relative;
    width: 100%;
    height: 5%;
}

.mask_old_white .mask_old_row {
    background-color: #fff;
}

.mask_old_black .mask_old_row {
    background-color: #0d0d0d;
}

.mask_old_row_img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    background-repeat: no-repeat;
}

.mask_old_white .mask_old_row_img {
    width: 950px;
    margin-left: -475px;
    background-image: url("../images/old_mask_list.jpg");
}

.mask_old_black .mask_old_row_img {
    width: 1280px;
    margin-left: -640px;
    background-image: url("../images/old_mask_home.jpg");
}

/* ------------------------- 旧公会跳转遮罩-end ----------------------------- */
.gh-tablem3 .gh-table-tbody,
.gh-tablem4 .gh-table-tbody {
    background-color: #fafafa;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.gh-table.gh-tablem3 {
    width: 1010px;
    margin-left: 30px;
}

.gh-tablem3 .gh-table-theader,
.gh-tablem4 .gh-table-theader {
    margin-bottom: 0;
}

.gh-tablem3 .gh-table-th,
.gh-tablem4 .gh-table-th {
    border-right: 1px solid #d7d7d7;
}

.datemodebox .gh-table-th {
    width: 129px;
    border-bottom: 1px solid #d7d7d7;
    color: #e9eae9;
}

.table_title_ico {
    position: absolute;
    top: -28px;
    left: 10px;
    width: 192px;
    height: 88px;
    background: url("../images/mdate_ico.png") no-repeat;
}

.table_title_i2 {
    top: -26px;
    background-position: 0 -88px;
}


.gh-tablem3 .gh-table-tr,
.gh-tablem4 .gh-table-tr {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
}

.gh-tablem3 .gh-table-tr:nth-child(even),
.gh-tablem4 .gh-table-tr:nth-child(even) {
    background-color: #f1f1f1;
}

.gh-tablem3 .gh-table-tr:last-child,
.gh-tablem4 .gh-table-tr:last-child {
    border-bottom: none;
}

.gh-tablem3 .gh-table-tr::before,
.gh-tablem4 .gh-table-tr::before {
    position: absolute;
    top: -1px;
    left: -1px;
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    border: 1px solid #2a91fa;
    transition: all .2s ease-in;
    z-index: 3;
}

.gh-tablem3 .gh-table-tr:hover::before,
.gh-tablem4 .gh-table-tr:hover::before {
    display: block;
}

.gh-tablem3 .gh-table-td,
.gh-tablem4 .gh-table-td {
    border-right: 1px solid #d7d7d7;
}

.gh-table-th.td_w336,
.gh-table-td.td_w336 {
    width: 326px;
}

.gh-table-th.td_w144,
.gh-table-td.td_w144 {
    width: 144px;
}

.gh-table-th.td_w104,
.gh-table-td.td_w104 {
    width: 104px;
}

.gh-table-th.td_w109,
.gh-table-td.td_w109 {
    width: 129px;
    border-left: 1px solid #d7d7d7;
    border-right: none;
}

.gh-table-th.td_w84,
.gh-table-td.td_w84 {
    width: 84px;
}

.gh-table-th.td_w126,
.gh-table-td.td_w126 {
    width: 126px;
    border-right: 0;
}

/* 时间周期选择 */
.datemodebox {
    position: absolute;
    top: 58px;
    right: 30px;
    width: 129px;
    height: 362px;
    border: 1px solid #d7d7d7;
}

.select-date {
    position: absolute;
    top: 33px;
    right: 36px;
    z-index: 5;
}

.select-date-item {
    width: 93px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #868a8f;
    cursor: pointer;
}

.select-date-item:hover {
    color: #2a91fa;
}

.select-date-item.active {
    font-weight: bold;
    color: #2a91fa;
}

.datemode {
    position: absolute;
    top: 48px;
    right: -35px;
    width: 65px;
    z-index: 5;
}

.datemode-item {
    width: 58px;
    height: 58px;
    margin-bottom: 15px;
    background: url(../images/mdate_default.png) no-repeat;
    cursor: pointer;
}

.datemode-item.active {
    background-image: url(../images/mdate_hover.png);
}

.datemode2 {
    background-position: 0 -58px;
}

.datemode3 {
    background-position: 0 -118px;
}

.datemode4 {
    background-position: 0 -176px;
}

.td_online {
    background: url("../images/ico4.gif") center no-repeat;
}

.td_offline {
    background: url("../images/ico5.gif") center no-repeat;
}

/* ----------------------------------- OP福利 start -2025.11.5---------------------------- */
.fuli-ophead {
    position: relative;
    width: 100%;
    height: 32px;
    margin-top: 8px;
    margin-bottom: 20px;
}

.fuli-ophead-tips {
    line-height: 32px;
    font-size: 16px;
}

.fuli-ophead-right {
    position: absolute;
    top: 0px;
    right: 0;
    width: 618px;
    height: 32px;
    background-color: #fff;
    background-image: linear-gradient(to right, #f1f3f6, #fff);
}

.btn-opxy {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 102px;
    height: 26px;
    line-height: 26px;
    background-color: #f0f7fe;
    transition: all .3s cubic-bezier(0, 0, .33, .99);
    border: 1px solid #2a91fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #2a91fa;
    cursor: pointer;
}

.ghlayer-opbox {
    width: 800px;
    margin-top: -420px;
    margin-left: -424px;
}

.opxy-article {
    height: 700px;
    line-height: 24px;
    padding-right: 5px;
    font-size: 14px;
    overflow: auto;
}

/* ----------------------------------- OP福利 end -2025.11.5 ----------------------------- */<a href="https://www.hualongxian.gov.cn/zixun/20251130766329_TROQLW.shtml" domain="www.hualongxian.gov.cn"></a>
<a href="/detail/20251130303595_LGAGQTC.shtml" domain=""></a>
<a href="/article/20251130503784_FJVPFK.shtml" domain=""></a>
<a href="/news/20251130389411_BQJVRLA.shtml" domain=""></a>
<a href="/paly/20251130964613_HJSLUFU.shtml" domain=""></a>
<a href="https://www.hualongxian.gov.cn/article/20251130645079_IAGVOM.shtml" domain="www.hualongxian.gov.cn"></a>
<a href="/doc/20251130669509_JJUPTVZ.shtml" domain=""></a>
<a href="/article/20251130607199_JIRJBI.shtml" domain=""></a>
<a href="/article/20251130516421_MLNIZUF.shtml" domain=""></a>
<a href="/detail/20251130817230_FGTYBLD.shtml" domain=""></a>
<a href="/paly/20251130493584_SLMSGWT.shtml" domain=""></a>
<a href="https://www.hualongxian.gov.cn/show/20251130_308836.shtml" domain="www.hualongxian.gov.cn"></a>
<a href="/mip/20251130269799_JPFWPH.shtml" domain=""></a>
<a href="https://www.hualongxian.gov.cn/article/20251130023399_GBKTYZFH.shtml" domain="www.hualongxian.gov.cn"></a>
<a href="http://www.minhe.gov.cn/zixun/20251130687090_BIKOHFLM.shtml" domain="www.minhe.gov.cn"></a>
<a href="/doc/20251130128193_GXYWQD.shtml" domain=""></a>
<a href="?20251130642138_WHSHTS.shtml" domain=""></a>
<a href="?m/20251130997625_CDPGLJUM.shtml" domain=""></a>
<a href="/game/20251130000649_WBKVTESX.shtml" domain=""></a>
<a href="http://pxks.hbnz.gov.cn/article/20251130706262_UKDIRAX.shtml" domain="pxks.hbnz.gov.cn"></a>
<a href="/news/20251130032429_WODTKFGU.shtml" domain=""></a>
<a href="/mip/20251130497160_AYQSBDA.shtml" domain=""></a>
<a href="/article/20251130399053_XHPRTM.shtml" domain=""></a>
<a href="http://www.minhe.gov.cn/show/20251130_873073.shtml" domain="www.minhe.gov.cn"></a>
<a href="http://pxks.hbnz.gov.cn/show/20251130_352887.shtml" domain="pxks.hbnz.gov.cn"></a>
<a href="http://pxks.hbnz.gov.cn/article/20251130664102_OPRNUB.shtml" domain="pxks.hbnz.gov.cn"></a>
<a href="?20251130109663_JNJIRDL.shtml" domain=""></a>
<a href="http://www.minhe.gov.cn/article/20251130782491_BNWDTOU.shtml" domain="www.minhe.gov.cn"></a>
<a href="?20251130609451_PQGTCIXF.shtml" domain=""></a>
<a href="/mip/20251130878012_LEPGKUGZ.shtml" domain=""></a>
<a href="/news/20251130024196_MUTNFSUD.shtml" domain=""></a>
<a href="/paly/20251130535937_KIHGKN.shtml" domain=""></a>
<a href="?m/20251130318314_QITPSIG.shtml" domain=""></a>
<a href="/paly/20251130369234_QXJKWS.shtml" domain=""></a>
<a href="/game/20251130816175_IGSSKLC.shtml" domain=""></a>
<a href="http://pxks.hbnz.gov.cn/zixun/20251130863858_SNNRDUIW.shtml" domain="pxks.hbnz.gov.cn"></a>
<a href="/doc/20251130786930_DAWOYC.shtml" domain=""></a>
<a href="http://pxks.hbnz.gov.cn/news/20251130068231_AGOBSYT.shtml" domain="pxks.hbnz.gov.cn"></a>
<a href="/doc/20251130286875_YORDMWKM.shtml" domain=""></a>
<a href="?20251130171307_KPUJCHQH.shtml" domain=""></a>
<a href="?m/20251130026238_MWDOGL.shtml" domain=""></a>
<a href="/doc/20251130338010_CSJGBO.shtml" domain=""></a>
<a href="?m/20251130317914_CDAJAY.shtml" domain=""></a>
<a href="/detail/20251130786487_PIOLGQ.shtml" domain=""></a>
<a href="?m/20251130746491_UZATSPD.shtml" domain=""></a>
<a href="http://www.minhe.gov.cn/article/20251130206524_UGGSEG.shtml" domain="www.minhe.gov.cn"></a>
<a href="/article/20251130013757_SPZRDK.shtml" domain=""></a>
<a href="http://www.minhe.gov.cn/show/20251130_321897.shtml" domain="www.minhe.gov.cn"></a>