@charset 'UTF-8';

body,html {
    height: 100%
}

a,body {
    color: #333
}

.pos-r,body {
    position: relative
}

.act-cen .act-title,.like-game li p,.special-title {
    overflow: hidden;
    white-space: nowrap
}

.act-cen .act-title,.pro-reviews p {
    font-weight: 400;
    text-overflow: ellipsis
}

.act-cen .act-title,.like-game li p,.pro-reviews p,.special-title {
    text-overflow: ellipsis
}

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

html {
    overflow-x: hidden;
    min-width: 6.4rem;
    -webkit-tap-highlight-color: transparent
}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    outline: 0
}

body {
    font-family: arial,'微软雅黑';
    margin: 0;
    background: #f5f5f5;
    background-size: 100%;
    -webkit-font-smoothing: antialiased
}

ol,ul {
    list-style: none;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

li {
    *vertical-align: top
}

.w100 {
    width: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.p10 {
    padding: 10px
}

.clear {
    line-height: 1px;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0
}

.clearfix:after,.clearfix:before {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ''
}

.orange {
    color: #ff9c00;
}

.glay {
    color: #666
}

.blue {
    color: #1277bd
}

.primary {
    color: #ff9c00;
}

.above-box-bg li a,.head .title {
    color: #fff
}
.dn {
    display: none
}

.head .gob,.head i.logo {
    top: 0;
    left: 10px;
    display: block;
    position: absolute;
    vertical-align: middle
}

.head {
    background: #262626;
    margin-top: 0
}

.head i.logo {
    width: 50px;
    height: 100%;
    background: url(../images/logo.png?v=894ea1a6) center center no-repeat;
    background-size: 100%
}

.head .gif-tit {
    top: 0;
    left: 40px;
    display: block;
    position: absolute;
    vertical-align: middle;
    height: 1rem;
    margin-top: .33rem
}

.head .gob {
    width: 20px;
    height: 25px;
    margin-top: 3px;
    background: url(../images/bg.png?v=29e40408) -40px -120px no-repeat;
    background-size: 100px;
    z-index: 9999
}

.head .search {
    width: 30px;
    height: 35px;
    background: url(../images/bg.png?v=29e40408) 0 -170px no-repeat;
    background-size: 100px
}

.search-bar {
    position: absolute;
    top: 2.2rem;
    left: 0;
    display: none;
    width: 100%;
    padding: 0 10px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff
}

.search-bar .button {
    border-radius: 0 .25rem .25rem 0;
    background: #ff9c00;
}

.bar-tab .tab-item .icon-dy {
    color:#333;
}
.bar-tab .active .icon-dy {
    color:#ff9c00;
}
.above-box {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 10px
}

.icon-59 {
    position: absolute;
    z-index: 9;
    right: 0;
    height: 50px
}

.above-box-bg {
    display: none;
    width: 200px;
    height: 50px;
    padding-left: 20px;
    opacity: .651;
    border-radius: 25px
}

.above-box-bg li {
    font-size: .2rem;
    display: inline-block;
    width: 40px;
    text-align: center;
    color: #fff
}

.above-box-bg li i {
    display: block;
    width: 25px;
    height: 30px;
    margin: 0 auto;
    background: url(../images/bg.png?v=29e40408) no-repeat;
    background-size: 110px
}

.above-box-bg li.admin i {
    background-position: -8px -107px
}

.above-box-bg li.micro i {
    background-position: -42px -107px
}

.above-box-bg li.share i {
    background-position: -75px -107px
}

.above-box-bg li.quit i {
    background-position: -43px -185px
}

.swiper-container {
    padding-bottom: 0
}

.swiper-pagination .swiper-pagination-bullet {
    font-size: 1px;
    float: left;
    overflow: hidden;
    width: 12px;
    height: 12px;
    margin: 4px;
    border-radius: 50%;
    background: #ccc
}

.title-bar1 {
    font-family: 'Microsoft YaHei';
    font-size: .75rem;
    line-height: 1.8rem;
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fb5717
}

.box {
    margin-bottom: 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: #fff
}

.title-bar1 {
    padding-left: 10px
}

.hot-recommend {
     margin-top: 10px
 }
.goplay {
    font-size: .6rem;
    float: right;
    min-width: 55px;
    margin-top: 2%;
    padding: 7px 8px;
    vertical-align: middle;
    color: #d43d36;
    border: 1px solid #d43d36;
    border-radius: 3px;
    background: #fff
}

.goplay:active {
    color: #fff;
    background: #d43d36
}

.goplay.no {
    color: #50c7a1;
    border: 1px solid #50c7a1
}

.goplay.no:active {
    background: #50c7a1
}

.goplay.over {
    color: #999;
    border: 1px solid #999
}

.goplay.over:active {
    background: #999
}

.goplay.yes,.goplay.yes:active {
    background: #ccc
}

.goplay.yes {
    color: #fff;
    border: 1px solid #ccc
}

.list-block.media-list .item-title {
    font-size: .7rem
}

.list-block .item-subtitle,.list-block .item-text {
    font-size: .5rem
}

.list-block ul li:last-child .item-content {
    border-bottom: 0
}

.new-game-box dl dd span,.top-fixed-box dl dd span {
    font-size: .5rem;
    height: .8rem;
    margin-left: 3px;
    padding: 1px 2px;
    color: #fff;
    border-radius: 3px
}

.bg-blue {
    background-color: #5ba2eb
}

.bg-orange {
    background-color: #ff9b58
}

.bg-green {
    background-color: #50c7a1
}

.bg-glay {
    background-color: #b3b3b3
}

.bg-glay:active {
    background-color: #9a9a9a
}

.bg-red {
    background-color: #d43d36
}

.bg-red:active {
    background-color: #b4322c
}

.bg-red2 {
    background-color: #ff6f7d
}

.bg-red1 {
    background-color: #ff6763
}

.bg-green1 {
    background-color: #88cb63
}

.bg-purple {
    background-color: #7c79e8
}

.special-subject section {
    padding: 10px
}

.pic-l {
    padding-right: 5px
}

.pic-2 {
    margin-bottom: 5px;
    padding-left: 5px
}

.game-type {
    font-size: .65rem;
}
.game-type .high a {
    color:#fff;
}
.game-type .c1 {
    background: #a10ad9;
}
.game-type .c2 {
    background: #0a84d9;
}
.game-type .c3 {
    background: #bc0ee1;
}
.game-type .c4 {
    background: #cc7612;
}
.game-type .c5 {
    background: #08c458;
}
.game-type .c6 {
    background: #dcca34;
}
.game-type a {
    display:block;
}
.game-type ul {
    text-align:center;
}
.game-type li {
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1.5rem;
    margin:.25rem 0;
    border:1px solid #f3f3f3;
    background: #fbfbfb;
    colo:#333;
}
.game-type a {
    color: #333;
}
.swiper-container {
    width: 100%
}

.swiper-slide {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.top-fixed-box {
    display: table;
    width: 100%;
    margin-top: 35px;
    padding: 0 10px
}

.top-fixed-box dl dd {
    display: table-cell;
    vertical-align: middle
}

.top-fixed-box dl dd p {
    font-size: .2rem;
    line-height: 25px
}

.game-pic {
    margin-top: 10px;
    padding: 10px
}

.game-pic #owl-demo .item {
    margin: 5px
}

.game-pic #owl-demo .item img {
    display: block;
    width: 100%;
    height: auto
}

.game-pic .owl-controls {
    display: none;
    width: 0;
    height: 0;
    opacity: 0
}

.icon-pic {
    width: 100%
}

.like-game ul {
    padding: 10px;
    letter-spacing: -5px
}

.like-game li {
    display: inline-block;
    float: left;
    width: 20%;
    padding: 5px;
    text-align: center
}

.like-game li p {
    font-size: .5rem;
    width: 100%;
    letter-spacing: 0
}

.btn-paly {
    width: 100%;
    margin-top: -2px;
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    z-index: 999
}

.btn-paly a {
    line-height: 35px;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #d43d36;
}

.introduce-box {
    font-size: .7rem
}

.game-packs .no-packs {
    font-size: .6rem;
    line-height: 5rem;
    text-align: center;
    color: #999
}

.user-center {
    position: relative;
    margin-bottom: 5px;
    vertical-align: middle;
    color: #fff
}

.user-center .head-pic-box {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    right:0;
    margin-top: -50px;
    cursor: pointer;
    text-align: center;
}

.head-pic-box p {
    font-size: .7rem
}

.user-center .head-pic,.user-center1 .head-pic {
    width: 60px;
    height: 60px;
    border: 2px solid #333;
    border-radius: 30px;
    cursor: pointer
}

.personal-data,.user-center1 .personal-data {
    font-size: .6rem;
    position: absolute;
    top: 50%;
    padding: 5px 10px;
    border-radius: 50px;
    cursor: pointer
}

.user-center1 .personal-data {
    left: 50%;
    width: 120px;
    margin-top: 20px;
    margin-left: -60px;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.502)
}

.no-login-b {
    line-height: 60px
}

.signed span {
    font-size: .6rem;
    color: #999
}

.signed i {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../images/bg.png?v=29e40408) -30px -270px no-repeat;
    background-size: 100px
}

.signed i.no-signed {
    background-position: 0 -270px
}

.personal-data {
    right: 15px;
    margin-top: -20px;
    color: #fff;
    background-color: rgba(0,0,0,.502)
}

.user-box li {
    font-size: .7rem;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #e0e0e0
}

.user-box li span {
    font-size: .5rem;
    float: right;
    color: grey
}

.btn-button,.btn-button1 {
    display: block;
    color: #fff;
    border-radius: 5px;
    text-align: center
}

.user-box li i {
    float: right;
    width: 20px;
    height: 25px;
    margin-top: 5px;
    background: url(../images/bg.png?v=29e40408) -5px -120px no-repeat;
    background-size: 100px
}

.btn-button,.btn-button1,.user-security input {
    height: 40px;
    line-height: 40px
}

.user-box li:last-child {
    border-bottom: 0
}

.btn-button {
    margin: 20px 10px
}

.user-security {
    padding: 10px
}

.user-security input {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
    color: grey;
    border: 0;
    border-radius: 5px;
    background: #fff
}

.user-security .error {
    font-size: .2rem;
    color: #d43d36
}

.user-security .yzm {
    position: relative
}

.user-security .yzm input {
    margin-bottom: 0
}

.user-security .yzm img {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px
}

.no-login {
    font-size: .7rem;
    width: 100%;
    padding: 30px;
    text-align: center;
    color: grey
}

.bg-layer {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

/* 用户中心登录框 */
.modal-box {
    padding:.5rem 0 .75rem;
    background-color:#eee;
    border-radius:.5rem;
}
.modal-box .item-after img,
.modal-box .item-after button {
    width:4rem;
    max-width:4rem;
}
.modal-box .content-block {
    margin:.25rem 0;
    padding: 0;
}
.modal-box .content-block:after {
    content:"";
    display: block;
    clear: both;
}
.modal-box .logo {
    display: block;
    padding:.5rem 0;
    text-align:center;
}
.modal-box .logo img {
    width: 40%;
}
.modal-box .real {
  overflow: hidden;
}

.modal-box .real img {
  width: 70%;
}
.modal-box .list-block {
    font-size: .6rem;
}
.modal-box .list-block ul {
    margin-bottom:.5rem;
}
.modal-box .list-block .icon,
.modal-box .list-block .icon-dy {
    font-size:1rem;
    color: #999;
}
.modal-box .list-block .item-media+.item-inner {
    margin-left: .25rem;
}
.modal-box input[type="text"],
.modal-box input[type="password"],
.modal-box input[type="email"],
.modal-box input[type="tel"],
.modal-box input[type="url"],
.modal-box input[type="date"],
.modal-box input[type="time"],
.modal-box input[type="number"],
.modal-box input[type="search"],
.modal-box textarea,
.modal-box select {
    font-size: .6rem;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.modal-box .button-submit {
    margin-bottom: .5rem;
    font-size:.7rem;
}
/* 登录框 */
.user-lr {
    font-size: .6rem;
    position: fixed;
    z-index: 1000;
    top: 17%;
    left: 5%;
    display: none;
    width: 90%;
    padding: 45px 15px 15px;
    text-align: center;
    border-radius: 10px;
    background: #f5f5f5
}

.user-lr .btn-button1 {
    margin: 10px 0
}

.user-lr .logo59 {
    position: absolute;
    left: 50%;
    width: 70px;
    margin-top: -75px;
    margin-left: -35px
}

.login-box {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    background: #fff
}

.login-box li {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 40px;
    padding-left: 5px;
    text-align: left;
    border-bottom: 1px solid #bfbfbf
}

.login-box li.code span .yzm,.tab1 {
    height: 30px
}

.more-packs,.no-search .text,.special-title,.tab1 li {
    text-align: center
}

.login-box li:last-child {
    border-bottom: 0
}

.login-box li input {
    line-height: 40px;
    width: 98%;
    padding-left: 30px;
    border: 0
}

.login-box i {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/bg.png?v=29e40408) no-repeat;
    background-size: 120px
}

.login-box li.username i {
    background-position: -8px -173px
}

.login-box li.password i {
    background-position: -45px -173px
}

.login-box li.code i {
    background-position: -80px -173px
}

.login-box li.code {
    position: relative
}

.login-box li.code span {
    line-height: 30px;
    position: absolute;
    top: 5px;
    right: 5px
}

.f-pas {
    margin-top: 15px;
    padding-top: 5px;
    color: #999;
    border-top: 1px solid #d9d9d9
}

.tab1 {
    line-height: 30px;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #d43d36;
    border-radius: 5px
}

.tab1 li {
    display: table-cell;
    width: 50%;
    color: #d43d36
}

.tab1 .on {
    color: #fff;
    background: #d43d36
}

.top-box-clear {
    display: block;
    width: 100%;
    height: 45px
}

.bottom-box-clear {
    display: block;
    width: 100%;
    height: 50px
}

.special-box {
    font-size: .7rem;
    line-height: 1.5;
    padding: 10px
}

.special-box span {
    font-size: .6rem;
    float: right;
    color: grey
}

.special-title {
    font-size: .75rem;
    width: 100%;
    padding: 0 10px
}

.special-zt-box .new-game-box dl dd h2 {
    width: 50%
}

.special-zt-box .new-game-box .people {
    font-size: .2rem;
    float: right
}

.special-1,.special-2 {
    margin-top: -10px;
    color: #ccc
}

.special-1 .list-block ul,.special-2 .list-block ul,.special-3 .list-block ul,.special-4 .list-block ul {
    background: 0
}

.special-1 .list-block .item-content,.special-2 .list-block .item-content {
    border-bottom: 1px solid #333
}

.special-4 .list-block .item-content {
    border-bottom: 1px solid #ffbbc8
}

.special-1-about {
    margin: 10px;
    padding: 5px;
    border: 1px solid #222;
    border-radius: 10px;
    background-color: #1c1c1c;
    box-shadow: inset 0 0 8px 0 rgba(0,0,0,.89)
}

.special-1-about-1 {
    font-size: .7rem;
    padding: 10px;
    border: 1px solid #313131;
    border-radius: 7px;
    background-color: #232323
}

.special-1 .new-game-box,.special-2 .new-game-box {
    overflow: hidden;
    border-top: 1px solid #333
}

.new-game-box dl:first-child dd {
    border-top: 0
}

.special-1 .new-game-box dd,.special-2 .new-game-box dd {
    border-top: 1px solid #333
}

.special-1 .goplay {
    color: #d1942a;
    border: 1px solid #d1942a;
    background: 0
}

.special-1 .new-game-box font,.special-1 .orange {
    color: #d1942a
}

.special-2 .orange {
    color: #d9475a
}

.special-3 .orange {
    color: #ffde00
}

.special-1 .list-block .item-text,.special-2 .list-block .item-text {
    color: grey
}

.special-3 .list-block .item-text {
    color: #d0edff
}

.special-1 .list-block ul:before,.special-2 .list-block ul:before {
    background-color: #333
}

.special-4 .list-block ul:before {
    background-color: #ffbbc8
}

.special-4 .list-block.media-list .item-inner {
    color: #333
}

.special-2 .goplay {
    color: #d9475a;
    border: 1px solid #d9475a;
    background: 0
}

.special-3 {
    margin-top: -10px;
    color: #fff
}

.special-3-about {
    margin: 10px;
    padding: 5px;
    border-radius: 10px;
    background-color: #1e8dd2
}

.special-3-about-1 {
    font-size: .7rem;
    padding: 10px;
    border-radius: 7px;
    background-color: #0064a2
}

.special-3 .new-game-box dd {
    border-top: 1px solid #308ac2
}

.special-3 .goplay {
    color: #ffde00;
    border: 1px solid #ffde00;
    background: 0
}

.special-4 {
    margin-top: -10px;
    color: #ff4b6e
}

.special-4-about {
    margin: 10px;
    padding: 5px;
    border-radius: 10px;
    background-color: #ffb2c0;
    box-shadow: inset 0 -2px 0 0 rgba(235,144,160,.89)
}

.special-4-about-1 {
    font-size: .7rem;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #fdd5dd;
    border-radius: 7px;
    background-color: #ffccd6
}

.special-4 .goplay {
    color: #ff3d64;
    border: 1px solid #ff3d64;
    background: 0
}

.new-reviews .list-block li,.notice {
    border-bottom: 1px solid #e0e0e0
}

.more-packs {
    font-size: .7rem;
    line-height: 1.8rem;
    color: #666
}

.notice {
    font-size: .6rem;
    line-height: 30px;
    z-index: 99;
    overflow: hidden;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    background: #fff
}

.notice i {
    display: inline-block;
    float: left;
    width: 20px;
    height: 30px;
    margin-top: 0;
    background: url(../images/bg.png?v=29e40408) -75px -260px no-repeat #fff;
    background-size: 100px
}

.notice .tp {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.game-packs-act .list-block.media-list .item-media img {
    width: 6.5rem;
    border-radius: 0
}

.game-packs-act .list-block .item-title {
    line-height: 1.1rem
}


.classify li {
    width: 100%;
    clear: both
}

.classify li .item-media {
    float: left;
    width: 50%
}

.classify li img {
    width: 100%;
    padding: 5px 10px
}

.no-search .text {
    font-size: .7rem;
    padding: 20px;
    color: #999
}

.no-search .text img {
    width: 4rem
}

.no-search .text1 {
    padding: 10px
}

.no-search .text1 li {
    font-size: .7rem;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 3px 10px;
    color: #fff
}

.act-cen .act-title {
    width: 70%
}

.new-reviews {
    background: #fff
}

.new-reviews .list-block.media-list .item-media img {
    width: 2rem;
    height: 2rem;
    border-radius: 1.5rem;
    flex-shrink: 0
}

.new-reviews .list-block .item-title {
    max-width: 100%
}

.new-reviews .list-block.media-list .item-title {
    font-size: .5rem;
    color: #b2b2b2
}

.new-reviews .list-block.media-list .item-title p {
    font-size: .7rem;
    font-weight: 400;
    float: left;
    overflow: hidden;
    max-width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ed241b;
    padding-right: 5px
}

.new-reviews .list-block.media-list .item-title span {
    float: right
}

.new-reviews .item-title-row .row {
    font-size: .7rem;
    color: #b2b2b2
}

.list-block .item-subtitle,.new-reviews .list-block .item-text {
    font-size: .7rem
}

.new-reviews .list-block .item-text {
    overflow: auto;
    height: auto;
    white-space: initial
}

.new-reviews .list-block.media-list .item-media {
    align-items: flex-start
}

.new-reviews .list-block li:last-child {
    border-bottom: 0 solid #e0e0e0
}

.new-reviews .list-block .item-content {
    display: -webkit-box;
    border-bottom: 0 solid #e0e0e0;
    -webkit-box-align: start
}

.item-text-1 {
    font-size: .6rem;
    position: relative;
    padding: 5px;
    background: #f0f0f0
}

.item-text-1 .jt-pic {
    position: absolute;
    top: -5px
}

.item-text-1 p span {
    font-size: .5rem;
    float: right;
    margin-left: 10px;
    color: #b2b2b2
}

.red {
    color: #ed241b
},.list-block input[type=text].reviews-inp {
      font-size: .7rem;
      line-height: 1.8rem;
      height: 1.8rem;
      border-radius: 5px;
      background: #f0f0f0
  }

.list-block textarea.reviews-inp {
    font-size: .7rem;
    padding-top: .35rem;
    text-align: left;
    border-radius: 5px;
    background: #f0f0f0
}

.pro-reviews,.pro-reviews p {
    font-size: .6rem;
    color: #9a9a9a
}

.pro-reviews {
    line-height: 1.5rem
}

.pro-reviews p {
    overflow: hidden;
    width: 70%;
    white-space: nowrap
}

.js-say-box {
    display: none
}

.pro-reviews i,.say-box2 .uppic i {
    display: inline-block;
    vertical-align: middle
}

.pro-reviews i {
    width: 20px;
    height: 20px;
    padding: 0 5px;
    background: url(../images/bg.png?v=29e40408) no-repeat;
    background-size: 100px
}

.pro-reviews i.say {
    background-position: -2px -317px
}

.pro-reviews i.zan {
    background-position: -32px -350px
}

.pro-reviews span.on,.pro-reviews span:active {
    color: #ed241b
}

.pro-reviews span.on i.zan,.pro-reviews span:active i.zan {
    background-position: -2px -350px
}

.say-box2 .uppic {
    float: left;
    margin-top: 10px
}

.say-box2 .uppic i {
    width: 25px;
    height: 25px;
    background: url(../images/bg.png?v=29e40408) -73px -420px no-repeat;
    background-size: 120px
}

#scrollUp {
    font-family: sans-serif;
    font-size: 12px;
    right: 1rem;
    bottom: 3.5rem;
    width: 2rem;
    height: 2rem;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
    text-decoration: none;
    opacity: .8;
    color: #fff;
    background: url(../images/gotop.png?v=42b97526) no-repeat;
    background-size: 100%
}

#scrollUp:hover {
    opacity: 1
}

.list-block .js-say-box input[type=text] {
    font-size: .6rem;
    line-height: 2rem;
    height: 2rem;
    border-radius: 3px;
    background: #f0f0f0
}

.personal1 {
    cursor: pointer
}

.fx-box {
    position: fixed;
    z-index: 100000;
    display: none;
    text-align: center
}

.fx-top {
    top: 50px;
    right: 0
}

.fx-bottom {
    bottom: 0;
    left: 50%;
    margin-left: -30%
}


@media screen and (min-width:750px) {

    .btn-button1,.login-box li input {
        line-height: 60px
    }

    .login-box li {
        height: 60px
    }

    .login-box i {
        margin-top: 10px
    }

    .btn-button1 {
        height: 60px
    }

    .login-box li.code span .yzm,.tab1 {
        height: 50px
    }

    .tab1 {
        line-height: 50px
    }

    .login-box li.code span {
        line-height: 50px;
        position: absolute;
        top: 5px;
        right: 5px
    }

    .icon-59 {
        position: absolute;
        z-index: 9;
        right: 0;
        height: 80px
    }

    .above-box-bg {
        display: none;
        width: 300px;
        height: 80px;
        padding-left: 20px;
        opacity: .651;
        border-radius: 40px
    }

    .above-box-bg ul {
        padding-top: 10px
    }

    .above-box-bg li {
        font-size: .2rem;
        display: inline-block;
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff
    }

    .user-box li {
        font-size: .7rem;
        line-height: 60px;
        padding: 0 10px;
        border-bottom: 1px solid #e0e0e0
    }

    .top-box-clear {
        height: 65px
    }

    .user-security input {
        line-height: 60px;
        width: 100%;
        height: 60px;
        margin-bottom: 10px;
        padding: 0 10px;
        color: grey;
        border-radius: 5px;
        background: #fff
    }

    .user-security .yzm img {
        height: 50px
    }

    .btn-button {
        line-height: 60px;
        height: 60px
    }

    .user-box li i {
        float: right;
        width: 20px;
        height: 25px;
        margin-top: 15px;
        background: url(../images/bg.png?v=29e40408) -5px -120px no-repeat;
        background-size: 100px
    }

    .head .gob {
        top: 5px
    }

    .above-box-bg li.admin {
        top: -80px;
        right: 0
    }

    .above-box-bg li.micro {
        top: -35px;
        right: 90px
    }

    .above-box-bg li.share {
        top: 50px;
        right: 90px
    }

    .above-box-bg li.quit {
        top: 100px;
        right: 0
    }

    .above-box-bg.right li.admin {
        top: -80px;
        left: 0
    }

    .above-box-bg.right li.micro {
        top: -35px;
        left: 90px
    }

    .above-box-bg.right li.share {
        top: 50px;
        left: 90px
    }

    .above-box-bg.right li.quit {
        top: 100px;
        left: 0
    }

    .above-box-bg.bottom li.admin {
        top: 0;
        left: -80px
    }

    .above-box-bg.bottom li.micro {
        top: 80px;
        left: -35px
    }

    .above-box-bg.bottom li.share {
        top: 80px;
        left: 50px
    }

    .above-box-bg.bottom li.quit {
        top: 0;
        left: 100px
    }

    .above-box-bg.top li.admin {
        top: 0;
        left: -90px
    }

    .above-box-bg.top li.micro {
        top: -80px;
        left: -35px
    }

    .above-box-bg.top li.share {
        top: -80px;
        left: 50px
    }

    .above-box-bg.top li.quit {
        top: 0;
        left: 110px
    }
}

.marqueebox {
    float: left;
    margin-left: 20px;
    margin-top: -30px
}

.consumer {
    font-size: .7rem;
    text-align: center
}

.consumer th {
    line-height: 1.4rem;
    background-color: #afaeae;
    border-right: 1px solid #d3d0d0
}

.consumer tr:nth-child(2n) td {
    line-height: 1.4rem;
    background-color: #eee;
    border-right: 1px solid #d3d0d0
}

.consumer tr:nth-child(2n+1) td {
    line-height: 1.4rem;
    background-color: #e0e0e0;
    border-right: 1px solid #d3d0d0
}

.consumer tr td:last-child {
    border-right: 0 solid #d3d0d0
}

#tab1-3 {
    padding-bottom: 5rem
}

#tc-act {
    position: fixed;
    top: 20%;
    margin-left: 5%;
    z-index: 9999
}

.tc-act1 {
    position: absolute;
    top: 53%;
    left: 0;
    margin-left: 17%;
    z-index: 9999
}

.btn-close {
    position: fixed;
    top: 15%;
    right: 5%;
    z-index: 9999
}

.modal-text div {
    display: inline-block;
    font-size: .8rem
}

.other-login {
    margin: 10px 0
}

.lo-tit {
    margin: -15px auto 0;
    display: block;
    background: #f5f5f5;
    width: 100px;
    text-align: center
}

.other-login li {
    width: 30%;
    display: inline-block
}

.other-login li i {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background: url('../images/other-text.png') no-repeat;
    background-size: 200px
}

.other-login li i.icon-wx {
    background-position: -73px 0
}

.other-login li i.icon-wb {
    background-position: -150px 0
}

.hotnews-list {
    font-size: .7rem;
    line-height: 1.8rem
}

.hotnews-list li {
    border-bottom: 1px solid #e0e0e0;
    height: 1.8rem
}

.hotnews-list li:last-child {
    border-bottom: 0 solid #e0e0e0
}

.hotnews-list span {
    float: right;
    color: #808080
}

.hotnews-list a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.hot-news .title-bar i {
    background-position: 0 -377px
}

.hot-news2 .title-bar i {
    background-position: -62px -377px
}

.hotnews-list {
    padding: 10px
}

.mt10 {
    margin-top: 10px
}

.icon-cj {
    position: fixed;
    right: 20px;
    bottom: 6rem;
    z-index: 99999
}

.icon-cj .icon-cjp {
    width: 60px;
}

#btn-close {
    position: absolute;
    top: -5px;
    left: 2.8rem;
}

.ewm-c {
    position: fixed;
    left: 50%;
    margin-left: 350px;
    top: 0px;
    width: 150px;
    font-size: 16px;
    text-align: center;
    z-index: 99999;
    color: #000;
    display: none;
}

.ewm-c img {
    margin-top: 10px
}

@media screen and (min-width:1024px) {
    body,.page,.head,.bar-tab,.btn-paly,.remodal-wrapper,.remodal-wrapper {
        width: 640px!important;
        margin: 0 auto
    }

    .above-box {
        position: fixed;
        z-index: 999;
        top: 50%;
        margin-left: 300px;
        left: 50%;
        right: auto
    }

    .icon-cj {
        position: fixed;
        left: 50%;
        margin-left: 200px;
        bottom: 6rem;
        z-index: 99999
    }

    #scrollUp {
        left: 50%;
        margin-left: 250px
    }

    .ewm-c {
        display: block
    }

    #ewm-close {
        positionabs;position: absolute;
        right: -40px;
    }
}

/* 元件 */
.title img {
    margin: .25rem 0;
    height: 1.7rem;
}
.bar .icon-me,
.bar a.icon-search {
    font-size:1.3rem;
}


/* 标签 */
.ui-badge {
    display: inline-block;
    padding:1px .25rem 0;
    font-size:.5rem;
    line-height: 1.5;
    color: #fff;
    background-color: #999;
}
.ui-badge-round {
    border-radius: 1000px;
}
.ui-badge.primary {
    background-color: #ff9c00;
}
.ui-badge.success,
.ui-badge.green {
    background-color: #5eb95e;
}
.ui-badge.warning,
.ui-badge.orange {
    background-color: #F37B1D;
}
.ui-badge.danger,
.ui-badge.red {
    background-color: #dd514c;
}
.ui-badge.info,
.ui-badge.blue {
    background-color: #3bb4f2;
}
/* 进度条 */
.ui-progress,
.ui-progress-bar {
    border-radius:1000px;
}
.ui-progress {
    position:relative;
    display: inline-block;
    width: 100%;
    height: .5rem;
    background-color: #eee;
}
.ui-progress-bar {
    position:absolute;
    top:0; left: 0;
    width:0%;
    height:100%;
    background-color: #ff9c00;
    -webkit-transition: width .8s ease;
    transition:width .8s ease;
}
.table {
    display: table;
    table-layout: fixed;
}
.table .col {
    display: table-cell;
}
/* 分隔头条 */
.title-bar {
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    padding:.5rem .5rem .5rem;
    font-size:.8rem;
    line-height: normal;
}
.title-bar .name {
    position:relative;
    float:left;
    padding-left:1.25rem;
    font-weight: normal;
}
.title-bar .name i {
    position:absolute;
    top:50%; left:0;
    vertical-align: middle;
    width: 1rem; height:1rem;
    margin-top: -.5rem;
    background-image:url("/images/icon_title.png");
    background-repeat:no-repeat;
    background-size: 1rem 7rem;
}
.title-bar i.new {
    background-position: 0 0;
}
.title-bar i.hot {
    background-position: 0 -1rem;
}
.title-bar i.gift {
    background-position:0 -2rem;
}
.title-bar i.news {
    background-position:0 -3rem;
}
.title-bar i.text {
    background-position:0 -4rem;
}
.title-bar i.love {
    background-position:0 -5rem;
}
.title-bar i.relation {
    background-position:0 -6rem;
}
.title-bar .more {
    position: relative;
    float:right;
    padding-right: .8rem;
    color: #999;
}
.title-bar .more:after {
    content:"";
    position: absolute;
    top:50%; right: 0;
    width:.7rem; height:.7rem;
    margin-top: -.35rem;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

/* 公共模块 */

/* 游戏图标列表 */
.mod-icon-list {
    font-size: .65rem;
}
.mod-icon-list .content-padded {
    text-align :center;
    margin-bottom: 0;
}
.mod-icon-list .item {
    padding:0 .25rem;
    margin-bottom: .25rem;
}
.mod-icon-list img {
    width: 100%;
}
.mod-icon-list .name {
    display: block;
    overflow: hidden;
    height: .8rem;
    line-height: .8rem;
    text-align:center;
}

/* 列表展示 */
.mod-media-list.list-block .item-media img {
    vertical-align: middle;
}
.mod-media-list.list-block .item-title,
.mod-media-list.list-block .item-text,
.mod-media-list.list-block .item-subtitle {
    font-size: .65rem;
    line-height: 1.5;
    height: auto;
}
.mod-media-list.list-block .item-text,
.mod-media-list.list-block .item-subtitle {
    color: #999;
    font-size:.6rem;
}
.mod-media-list .item-link .item-inner {
    background-position-x:1000%;
}
.mod-media-list .item-title-row {
    overflow: hidden;
}
.mod-media-list .item-after {
    max-height: none;
}
.mod-media-list .item-subtitle span {
    padding-right:.5rem;
}
.mod-media-list .ui-badge {
    float:left;
    margin-left:.25rem;
}
.mod-media-list .table .col,
.mod-media-list .ui-progress {
    vertical-align: middle;
}
.mod-media-list .progress {
    width: 75%;
    padding-right: .25rem;
}
.mod-media-list .ui-progress {
    margin-top: -2px;
}
.mod-media-list .content-block {
    position:relative;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #fff;
    margin:0;
}
.mod-media-list .content-block:after {
    content:"";
    position:absolute;
    left:0; bottom:0; right:0;
    width:100%; height:1px;
    background-color:#e7e7e7;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
    transform:scaleY(0.5)
}
/* 内容模块 */
.mod-content {
    font-size: .6rem;
    margin:.25rem 0;
}
.mod-content img {
    max-width: 100%!important
}
/* 游戏广告位 */
.mod-ad {
    display: block;
}
.mod-ad img {
    vertical-align: top;
    width: 100%;
}
/* 文字列表 */
.list-view.list-text {

}
.list-view.list-text li {

}

/*
 * @description 页面样式
 */

/* 按钮居中修复 */
.button-vertical {
    padding:.5rem .5rem .45rem;
    height:auto;
    line-height: 1 !important;
}

/* 福利中心 */
.mod-media-list .gift-list .item-text,
.mod-media-list .gift-list .item-subtitle {
    font-size:.6rem;
}
.remodal-modal-gift .modal-text {
    font-size: .65rem;
    line-height: 1.5;
}
.remodal-modal-gift .modal-text p {
    font-size: .6rem;
}
.remodal-modal-gift .modal-buttons {
    margin-top: .5rem;
}
    /* 资讯列表 */
.news-list .list-block .item-media img {
    border-radius: 0;
    width:6rem;
    height:3.8rem;
}
.news-list .media-list .item-inner {
    -webkit-align-self: center;
    align-self: center;
}
.news-list .media-list .item-subtitle {
    white-space: normal;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list .headline {
    padding:.5rem;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.45;
}
.news-list .headline a {
    color: #ff9c00;
}
.list-block.list-view-text .item-title,
.list-block.list-view-text .item-after {
    font-size:.65rem;
}
.list-block.list-view-text .item-title {
    max-width: none;
}
.list-block.list-view-text .item-after {
    padding-left:.5rem;
}
.list-block.list-view-text .item-link {
    padding-left:.5rem;
}
.list-block.list-view-text .item-link:before {
    content:"";
    display: inline-block;
    width:8px; height:8px;
    border-radius:50%;
    margin-right:.25rem;
    background:#ff9c00;
}
.news-list .media-list .item-inner {
    background-position-x:100% center;
}
.news-list .item-title {
    float:none;
    max-width: 100%;
}
.news-list .type {
    float: left;
}
.news-list .time {
    float: right;
}
/* 资讯内页 */
.article {
    padding:.5rem .75rem;
}
.article-hd {
    margin-bottom: .5rem;
    text-align: center;
}
.article-info {
    font-size: .65rem;
}
.article-info span {
    margin:0 .25rem;
}
.article-title {
    margin-bottom: .25rem;
    font-size:.8rem;
}
.article-bd {
    line-height:1.5;
    font-size: .65rem;
}
.article-bd img,
.article-bd iframe {
    max-width:100% !important;
}