html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, blockquote { margin: 0; padding: 0; }
body {
    font-family: 'Microsoft YaHei','PingFang SC';
}
/* 通用头部 */
#mask {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9998;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;

}

.xinglu-header {
    position: relative;
    width: 1220px;
    margin: 0 auto;
    height: 100%;
}

header {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;

    height: 80px;
    background-color: #fff;
}

#xinglu-header-logo {
    position: absolute;
    left: 0;
    top: 12px;
    margin: 0;
}

#xinglu-header-logo img {
    width: 164px;
    height: 56px;
}

.xinglu-header-nav {
    margin-left: 195px;
    float: left;
    height: 100%;
}

.xinglu-nav-item {
    float: left;
    box-sizing: border-box;
    height: 100%;
    padding: 31px 0 0 5px;
}

.xinglu-nav-item a {
    height: 18px;
    padding: 8px 20px;
    color: #4d4d4d;
    font-size: 18px;
    cursor: pointer;
    border-radius: 20px;
}

.xinglu-nav-item .headactive {
    height: 18px;
    padding: 8px 20px;
    background-color: #F4765C;
    border-radius: 20px;
    font-size: 18px;
    color: #ffffff;
}

.xinglu-nav-item a:hover {
    height: 20px;
    padding: 8px 20px;
    background-color: #F6967C;
    border-radius: 20px;
    font-size: 18px;
    color: #ffffff;
}

.xinglu-header-search {
    float: left;
    position: relative;
    margin: 23px 0 0 20px;
}

.xinglu-header-search input {
    height: 34px;
    background: #f3f3f3;
    border-radius: 17px;
    border: 0;
    font-size: 16px;
    padding-left: 21px;
    outline: none;
    width:120px;
}

.xinglu-header-search .btn-search {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 40px;
    border-radius: 17px;
    cursor: pointer;
    border: 0;
    outline: 0;
}

.xinglu-header-control {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.xinglu-user {
    height: 80px !important;
    padding-top: 23px !important;
    cursor: pointer;
    width: 120px;

}

.xinglu-user .userName {
    float: left;
    font-size: 16px;
    color: #4D4D4D;
    padding-top: 10px !important;
    margin-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75px;
    height: 30px;
}

.xinglu-user .userAvater {
    display: block;
    float: left;
    width: 39px;
    height: 39px;
}

.xinglu-user .userAvater img {
    width: 39px;
    height: 39px;
    border-radius: 50%;
}

.xinglu-nav-right {
    float: left;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding-top: 26px;
    margin-left: 20px;
}

.xinglu-nav-right span {
    color: #4d4d4d;
    cursor: pointer;
}

.xinglu-nav-right:last-child {
    right: -10px;
}

.xinglu-nav-title {
    position: relative;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    margin-right: 10px;
}

.xinglu-nav-title .title {
    height: 16px;
    font-size: 16px;
    color: #4d4d4d;
    padding-left: 26px;
}

.xinglu-login {
    padding-left: 26px;
}

.xinglu-nav-icon {
    position: absolute;
    left: 0;
    top: -2px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.xinglu-nav-daili-icon {
    background-size: 20px 20px;
}

.xinglu-nav-chongzhi-icon {
    background-size: 20px 20px;
}

.xinglu-nav-login-icon {
    background-size: 20px 20px;
}

.xinglu-nav-login-l {
    padding-right: 3px;
}

/* 通用头部样式E */
/* 通用尾部样式S */
footer {

    text-align: center;
    background-color: #fff;
}

.xinglu-footer {
    position: relative;
    width: 1226px;
    margin: 0 auto;
    height: 100%;
    padding-top: 25px;
    box-sizing: border-box;
}

.xinglu-footer-nav {
    margin-bottom: 10px;
    color: #4f4f4f;
}

.xinglu-footer-nav p {
    margin-bottom: 19px;
    color: #4f4f4f;
}

.xinglu-footer-nav p a {
    height: 20px;
    font-size: 16px;
    color: #666666;
    margin-left: 29px;
}

.xinglu-footer-nav p a:hover {
    color: #F4765C;
}

.xinglu-footer-nav p .clickstat {
    height: 19px;
    font-size: 14px;
    color: #888888;
    margin-left: 0;
    cursor: pointer;
    word-break: break-all;
    font-weight: normal;
}

.xinglu-footer-nav h6 {
    margin-bottom: 19px;
    height: 18px;
    font-size: 16px;
    color: #666666;
}

/* 通用尾部样式E */


/* 通用banner样式S */
.bannerWrap {
    position: relative;
    height: 480px;
}

.banner {
    position: absolute;
    width: 100%;
}

.banner .swiper-container {
    width: 100%;
    height: 480px;
}

.banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #ffffff;
    opacity: 0.5;
    border-radius: 50%;
    margin-right: 20px !important;
    margin-bottom: 12px !important;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

}

.banner .my-bullet-active {
    width: 28px;
    height: 14px;
    background: #ffffff;
    border-radius: 5px;

    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;

}

/* 通用banner样式E */

/* 首页通用菜单样式S */
.containerWrap {
    width: 100%;
    background: #f4f5f8;
}

.container {
    display: flex;
    width: 1220px;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 30px;
}

.container .left {
    width: 180px;
    margin-top: 34px;
}

.container .right {
    width: 295px;
}

.left .menu {
    width: 180px;
    line-height: 35px;
    border-radius: 4px;
    background: #fff;
}

.menu ul li {
    position: relative;
    height: 69px;
    border-bottom: 1px solid #efefef;
    line-height: 69px;
    text-align: center;
}

.menu ul li>a {
    background: #fff;
    font-size: 16px;
    padding-left: 5px;
    padding-top: 5px;
    line-height: 18px;
	margin-left:8px;
    color: #4d4d4d;
}

.menu .shuxian {
    position: absolute;
    left: 38px;
    top: 21px;
    width: 24px;
    height: 24px;
}
 .history{
	background:url("../images/index/history_icon.png") center no-repeat;
}
.fav{
	background:url("../images/index/fav_icon.png")  center no-repeat;
}
.roomAll{
	background:url("../images/index/roomAll-icon.png")  center no-repeat;
}
.recharge_icon{
	background:url("../images/index/recharge_icon.png")  center no-repeat;
}
.left .box {
    width: 180px;
    margin-top: 14px;
    background: #fff;
    border-radius: 4px;
}

.left .box p {
    padding-left: 40px;
    height: 50px;
    font-size: 14px;
    color: #676767;
    line-height: 50px;
    border-bottom: 1px solid #f4f5f8;
}

.left .box h6 {
    padding:0 10px 0 10px;
    height: 50px;
    font-size: 14px;
    color: #676767;
    line-height: 50px;
    border-bottom: 1px solid #f4f5f8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ggHelpWrap,
.menu,
.roomTypeWrap,
.downloadWrap,
.officialWrap {
    margin-top: 20px;
}

.left .commonTitle {
    position: relative;
    padding-left: 44px;
    padding-top: 0;
    font-size: 16px;
    color: #4d4d4d;
}

.left .commonTitle img {
    position: absolute;
    height: 20px;
    top: 0px;
    left: 10px;
}

.left .commonTitle>a {
    color: #4d4d4d;
}

.liveHallWrap .liveNum {
    margin-top: 14px;
    width: 180px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
}

.liveNum h5 {
    padding-top: 24px;
    padding-bottom: 21px;
    font-size: 14px;
    color: #656565;
}

.liveNum p {
    font-size: 30px;
    color: #EF7046;
}

/* 首页通用样式E */

/* 用户等级icon图S */
.user-level {
    display: inline-block;
}
.user-level_0 {
    width: 36px;
    height: 17px;
    background: url(/static/index/rank/level/fu/u_34.gif) no-repeat;

}
.user-level_1 {
    width: 47px;
    height: 17px;
    background: url(/static/index/rank/level/fu/u_1.gif) no-repeat;

}

.user-level_2 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_2.gif) no-repeat; }
.user-level_3 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_3.gif) no-repeat; }
.user-level_4 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_4.gif) no-repeat; }
.user-level_5 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_5.gif) no-repeat; }
.user-level_6 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_6.gif) no-repeat; }
.user-level_7 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_7.gif) no-repeat; }
.user-level_8 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_8.gif) no-repeat; }
.user-level_9 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_9.gif) no-repeat; }
.user-level_10 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_10.gif) no-repeat; }
.user-level_11 { width: 47px; height: 17px; background: url(/static/index/rank/level/fu/u_11.gif) no-repeat; }
.user-level_12 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_12.gif) no-repeat; }
.user-level_13 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_13.gif) no-repeat; }
.user-level_14 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_14.gif) no-repeat; }
.user-level_15 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_15.gif) no-repeat; }
.user-level_16 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_16.gif) no-repeat; }
.user-level_17 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_17.gif) no-repeat; }
.user-level_18 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_18.gif) no-repeat; }
.user-level_19 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_19.gif) no-repeat; }
.user-level_20 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_20.gif) no-repeat; }
.user-level_21 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_21.gif) no-repeat; }
.user-level_22 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_22.gif) no-repeat; }
.user-level_23 { width: 42px; height: 17px; background: url(/static/index/rank/level/fu/u_23.gif) no-repeat; }
.user-level_24 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_24.gif) no-repeat; }
.user-level_25 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_25.gif) no-repeat; }
.user-level_26 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_26.gif) no-repeat; }
.user-level_27 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_27.gif) no-repeat; }
.user-level_28 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_28.gif) no-repeat; }
.user-level_29 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_29.gif) no-repeat; }
.user-level_30 { width: 38px; height: 17px; background: url(/static/index/rank/level/fu/u_30.gif) no-repeat; }
.user-level_31 { width: 36px; height: 17px; background: url(/static/index/rank/level/fu/u_31.gif) no-repeat; }
.user-level_32 { width: 36px; height: 17px; background: url(/static/index/rank/level/fu/u_32.gif) no-repeat; }
.user-level_33 { width: 36px; height: 17px; background: url(/static/index/rank/level/fu/u_33.gif) no-repeat; }
.user-level_34 { width: 36px; height: 17px; background: url(/static/index/rank/level/fu/u_34.gif) no-repeat; }
.user-level_35 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_35.gif) no-repeat; }
.user-level_36 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_36.gif) no-repeat; }
.user-level_37 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_37.gif) no-repeat; }
.user-level_38 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_38.gif) no-repeat; }
.user-level_39 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_39.gif) no-repeat; }
.user-level_40 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_40.gif) no-repeat; }
.user-level_41 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_41.gif) no-repeat; }
.user-level_42 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_42.gif) no-repeat; }
.user-level_43 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_43.gif) no-repeat; }
.user-level_44 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_44.gif) no-repeat; }
.user-level_45 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_45.gif) no-repeat; }
.user-level_46 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_46.gif) no-repeat; }
.user-level_47 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_47.gif) no-repeat; }
.user-level_48 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_48.gif) no-repeat; }
.user-level_49 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_49.gif) no-repeat; }
.user-level_50 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_50.gif) no-repeat; }
.user-level_51 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_51.gif) no-repeat; }
.user-level_52 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_52.gif) no-repeat; }
.user-level_53 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_53.gif) no-repeat; }
.user-level_54 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_54.gif) no-repeat; }
.user-level_55 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_55.gif) no-repeat; }
.user-level_56 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_56.gif) no-repeat; }
.user-level_57 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_57.gif) no-repeat; }
.user-level_58 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_58.gif) no-repeat; }
.user-level_59 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_59.gif) no-repeat; }
.user-level_60 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_60.gif) no-repeat; }
.user-level_61 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_61.gif) no-repeat; }
.user-level_62 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_62.gif) no-repeat; }
.user-level_63 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_63.gif) no-repeat; }
.user-level_64 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_64.gif) no-repeat; }
.user-level_65 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_65.gif) no-repeat; }
.user-level_66 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_66.gif) no-repeat; }
.user-level_67 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_67.gif) no-repeat; }
.user-level_68 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_68.gif) no-repeat; }
.user-level_69 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_69.gif) no-repeat; }
.user-level_70 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_70.gif) no-repeat; }
.user-level_71 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_71.gif) no-repeat; }
.user-level_72 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_72.gif) no-repeat; }
.user-level_73 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_73.gif) no-repeat; }
.user-level_74 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_74.gif) no-repeat; }
.user-level_75 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_75.gif) no-repeat; }
.user-level_76 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_76.gif) no-repeat; }
.user-level_77 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_77.gif) no-repeat; }
.user-level_78 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_78.gif) no-repeat; }
.user-level_79 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_79.gif) no-repeat; }
.user-level_80 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_80.gif) no-repeat; }
.user-level_81 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_81.gif) no-repeat; }
.user-level_82 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_82.gif) no-repeat; }
.user-level_83 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_83.gif) no-repeat; }
.user-level_84 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_84.gif) no-repeat; }
.user-level_85 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_85.gif) no-repeat; }
.user-level_86 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_86.gif) no-repeat; }
.user-level_87 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_87.gif) no-repeat; }
.user-level_88 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_88.gif) no-repeat; }
.user-level_89 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_89.gif) no-repeat; }
.user-level_90 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_90.gif) no-repeat; }
.user-level_91 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_91.gif) no-repeat; }
.user-level_92 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_92.gif) no-repeat; }
.user-level_93 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_93.gif) no-repeat; }
.user-level_94 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_94.gif) no-repeat; }
/* 用户等级icon图E */
/* 直播等级icon图S */


.host-level {
   width: 26px;
   height: 19px;
    display: inline-block;
    background-size: 100% 100%;
}

.hostress_35 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_94.gif) no-repeat; }
.hostress_36 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_93.gif) no-repeat; }
.hostress_37 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_92.gif) no-repeat; }
.hostress_38 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_91.gif) no-repeat; }
.hostress_39 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_90.gif) no-repeat; }
.hostress_40 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_89.gif) no-repeat; }
.hostress_41 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_88.gif) no-repeat; }
.hostress_42 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_87.gif) no-repeat; }
.hostress_43 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_86.gif) no-repeat; }
.hostress_44 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_85.gif) no-repeat; }
.hostress_45 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_84.gif) no-repeat; }
.hostress_46 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_83.gif) no-repeat; }
.hostress_47 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_82.gif) no-repeat; }
.hostress_48 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_81.gif) no-repeat; }
.hostress_49 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_80.gif) no-repeat; }
.hostress_50 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_79.gif) no-repeat; }
.hostress_51 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_78.gif) no-repeat; }
.hostress_52 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_77.gif) no-repeat; }
.hostress_53 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_76.gif) no-repeat; }
.hostress_54 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_75.gif) no-repeat; }
.hostress_55 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_74.gif) no-repeat; }
.hostress_56 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_73.gif) no-repeat; }
.hostress_57 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_72.gif) no-repeat; }
.hostress_58 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_71.gif) no-repeat; }
.hostress_59 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_70.gif) no-repeat; }
.hostress_60 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_69.gif) no-repeat; }
.hostress_61 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_68.gif) no-repeat; }
.hostress_62 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_67.gif) no-repeat; }
.hostress_63 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_66.gif) no-repeat; }
.hostress_64 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_65.gif) no-repeat; }
.hostress_65 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_64.gif) no-repeat; }
.hostress_66 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_63.gif) no-repeat; }
.hostress_67 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_62.gif) no-repeat; }
.hostress_68 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_61.gif) no-repeat; }
.hostress_69 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_60.gif) no-repeat; }
.hostress_70 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_59.gif) no-repeat; }
.hostress_71 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_58.gif) no-repeat; }
.hostress_72 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_57.gif) no-repeat; }
.hostress_73 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_56.gif) no-repeat; }
.hostress_74 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_55.gif) no-repeat; }
.hostress_75 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_54.gif) no-repeat; }
.hostress_76 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_53.gif) no-repeat; }
.hostress_77 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_52.gif) no-repeat; }
.hostress_78 { width: 26px; height: 19px; background: url(/static/index/rank/level/hg/u_51.gif) no-repeat; }
.hostress_79 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_50.gif) no-repeat; }
.hostress_80 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_49.gif) no-repeat; }
.hostress_81 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_48.gif) no-repeat; }
.hostress_82 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_47.gif) no-repeat; }
.hostress_83 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_46.gif) no-repeat; }
.hostress_84 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_45.gif) no-repeat; }
.hostress_85 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_44.gif) no-repeat; }
.hostress_86 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_43.gif) no-repeat; }
.hostress_87 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_42.gif) no-repeat; }
.hostress_88 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_41.gif) no-repeat; }
.hostress_89 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_40.gif) no-repeat; }
.hostress_90 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_39.gif) no-repeat; }
.hostress_91 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_38.gif) no-repeat; }
.hostress_92 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_37.gif) no-repeat; }
.hostress_93 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_36.gif) no-repeat; }
.hostress_94 { width: 26px; height: 20px; background: url(/static/index/rank/level/hg/u_35.gif) no-repeat; }



/* 直播等级icon图E */
/* 购买成功/失败弹窗 */
.buytipswrap {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 9999;
    display: none;
}

.search-liang {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 9999;
    display: none;
}

.buy_tips {
    box-sizing: border-box;
    position: absolute;
    height: 106px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    background: #fff;
    box-shadow: 0px 0px 13px 0px rgba(88, 88, 88, 0.17);
    border-radius: 4px;
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    align-items: center;
}

.buy_tips em {
    width: 50px;
    height: 45px;
    padding-top: 31px;
    padding-bottom: 30px;
}

.buy_tips em img {
    width: 50px;
    height: 45px;
}

.buy_tips span {
    margin-left: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    word-wrap: break-word;
    word-break: break-all;
}


/* 购买成功/失败弹窗 */

/* 弹窗S */
#msg-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 9999;
    display: none;
}

#msg-wrap-avatar {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 9999;
    display: none;
}

.msg_box {
    box-sizing: border-box;
    min-width: 300px;
    width: auto !important;
    width: 300px;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background: #fff;
    box-shadow: 0px 0px 13px 0px rgba(88, 88, 88, 0.17);
    border-radius: 10px;
    z-index: 9999;
    padding-bottom: 20px;
}

.msg-title {
    color: #fff;
    line-height: 56px;
    height: 56px;
    background: #F4765C;
    border-radius: 10px 10px 0px 0px;
    padding-left: 20px;
    font-size: 20px;
    position: relative;
}

.msg-title .closetitle {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}


.msg-content {
    min-height: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.msg-footer {
    text-align: center;
    margin-top: 19px;
    display: flex;
    justify-content: space-around;
}

.msg-footer .msg-button {
    display: inline-block;
    width: 90px;
    height: 34px;
    background: linear-gradient(90deg, #F4765C, #FF9400);
    border-radius: 17px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    cursor: pointer;

}
.msg-footer .msg-button:hover {

    background: #F6967C;

}
.search-user {
    margin-top: 15px;
    display: block;
    width: 200px;
    height: 30px;
    font-size: 16px;
    outline: none;
    border-radius: 15px;
    border: 1px solid #53C9A3;
    padding-left: 15px;
}

.switch-item {
    width: 360px;
    margin-bottom: 20px;
}

.switch-item .inputid {
    outline: none;
    width: 100px;
    height: 30px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    padding-left: 10px;

}

.switch-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    width: 16px;
    height: 16px;
    border: 1px solid #B2B2B2;
    border-radius: 2px;
    position: relative;
    left: 0;
    top: 3px;
}

.switch-item input[type='radio']:checked {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #B2B2B2;
    border-radius: 2px;
    position: relative;
}

.switch-item input[type='radio']:checked:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/recharge/checkgou.png) no-repeat;
    background-size: 100%;

}

.switch-item span {
    display: inline-block;
    font-size: 14px;
    color: #4D4D4D;
    white-space: nowrap;
    width: 320px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: 2px;
}

.switch-item em {
    display: inline-block;
    font-size: 14px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 3px;
}

.text-success {
    color: #bfd84d !important;
}

.text-error {
    color: #ff4a4a !important;
}

/* 弹窗E */


/* 404,不存在，成功跳转页面提示S */
.pagejump_tips {
    width: 100%;
    height: 100%;
    display: flex;
    /*Flex布局*/
    align-items: center;
    /*指定垂直居中*/
    justify-content: center;
    flex-direction: column;
}



.pagejump_tips .pagejump_text {
    font-size: 32px;
    font-weight: 400;
    color: #53C9A3;
    margin-top: 48px;
    margin-bottom: 30px;

}

.pagejump_tips .pagejump_wenben {
    height: 14px;
    font-size: 14px;
    font-weight: 300;
    color: #A5A5A5;

}

.pagejump_tips a.return-to_index {
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    border: 1px solid #2ED09B;
    background-color: #fff;
    min-width: 100px;
    padding-left: 30px;
    padding-right: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #5ECDA9;
    margin-top: 70px;
    border-radius: 6px;
}

.pagejump_tips a:hover {
    text-decoration: underline;
}

.pagejump_tips .d1 {
    color: #1A1A1A !important;
}

.pagejump_tips .d2 {
    color: #A5A5A5 !important;
}

.pagejump_tips .d3 {
    color: #1A1A1A !important;
    border: 1px solid #1A1A1A !important;
}

.pagejump_tips .error {
    color: #DA3435;
}

/* 404,不存在，成功跳转页面提示E */


/* 充值input number类型样式 */
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}