@charset "UTF-8";
a,
body,
dd,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
html,
i,
img,
input,
li,
p,
span,
ul {
    margin: 0;
    padding: 0;
}

body {
    font: 14px/28px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
    font-family: arial,\5FAE\8F6F\96C5\9ED1;
    background: #f6f6f6;
}

a {
    color: #333333;
    text-decoration: none;
    -webkit-transition: color ease .15s;
    -moz-transition: color ease .15s;
    -ms-transition: color ease .15s;
    cursor: pointer;
}

a:hover {
    color: #23c268;
}

li,
ol,
ul {
    list-style: none;
}

em,
i {
    font-style: normal;
}

img {
    border: none;
}

button {
    border: none;
}


/*评论详情页*/

.page .comment-detail .bottom {
    height: 105px;
}

.page .comment-detail .user-info {
    float: right;
    text-align: right;
    font-size: 14px;
    color: #999999;
}

.page .comment-detail .user-info p {
    margin-bottom: 5px;
}

.page .comment-detail .user-info img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.page .comment-detail .middle {
    padding: 20px;
}

.page .box.comment-detail .bottom label {
    margin-left: 20px;
}

.page .box.comment-detail .favour_d_big {
    margin-top: 16px;
    cursor: pointer;
}

.page .box .top-right {
    font-size: 14px;
    color: #999999;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 20px;
}

.page .box.comment-detail .top-right {
    height: 60px;
}

.page .box .top .title {
    font-size: 20px;
    color: #333333;
    /*margin: 0;*/
}

.page .box.comment-detail .top img {
    height: 60px;
    width: 60px;
    border-radius: 16px;
}


/*首页*/

:focus {
    outline: none;
}

.page {
    color: #000000;
    position: relative;
}

.page i {
    color: #23c268;
}

.page>div.header {
    width: auto;
    z-index: 15;
    white-space: nowrap;
}

.page>div.footer {
    width: auto;
    margin-top: 40px;
}

.page>div {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    position: relative;
    min-height: 1%
}

.page>div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.page em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.page .header>div {
    width: 1200px;
    margin: 0 auto;
    background: white;
    height: 80px;
}

.page .header {
    background: #fff;
    height: 80px;
    line-height: 80px;
    /*width: inherit !important;*/
    margin: 0;
    box-shadow: 0px 8px 4px #efefef;
}

.page .nav {
    float: left;
    *display: inline;
    *zoom: 1;
    margin-left: 15px;
    font-size: 16px;
}

.page .header .download-app {
    float: left;
    color: #23c268;
    margin-left: 20px;
    font-size: 12px;
}

.page .header .phone-app {
    margin-right: 6px;
    font-size: 0;
    line-height: 16px;
    vertical-align: middle;
    margin-top: -3px;
}

.page .header .logo {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.page .user {
    float: right;
    position: relative;
    height: 80px;
    text-align: center;
    z-index: 15;
    cursor: pointer;
    visibility: hidden;
}

.page .user img {
    height: 30px;
    width: 30px;
    border: white thin solid;
    vertical-align: middle;
    border-radius: 50%;
    display: block;
    margin-top: 20px;
}

.page .user .pop {
    display:none;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 68px;
    width: 120px;
    border: 1px solid #eee;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    padding: 10px;
    margin-left: -70px;
}

.page .user:hover .pop {
    display: block;
}

.page .user .pop .info {
    /* font-weight: bold; */
    /* padding: 10px 0 0; */
    text-align: center;
}

.page .user .pop .name {
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 5px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 5px;

}

.page .user .pop .uid {
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    font-weight: 400
}

.page .user .pop p {
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page .user .pop p a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .page .user .pop p:hover {
    background: #f8f8f8;
} */

.page .user .pop em {
    display: none;
    /* display: inline-block; */
    width: 18px;
    height: 6px;
    background: url("../images/bubble_corn.png") center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -5px;
    left: 50px;
}
.page .nav{
    margin-right: 10px;
}
.page .nav a {
    height: 77px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin:0 14px;
}

.page .nav a.active {
    width: auto;
    /* min-width: 58px; */
    border-bottom: 3px solid #23c268;
    color: #23c268;
    *height: 77px;
}

input {
    outline: none;
}

.page .input-box {
    float: left;
    width: 230px;
    height: 40px;
    background: url("../images/input_bg.png") center no-repeat;
    border-radius: 20px;
    line-height: 40px;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    margin-top: 20px;
}

.page .input-box input {
    display: block;
    width: 210px;
    height: 20px;
    line-height: 20px;
    padding: 10px 0;
    background: none;
    border: none;
    outline: none;
}

em.search {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    right: 30px;
    top: 11px;
    cursor: pointer;
}


/* .page .banner-img {
    width: 1200px;
    height: 470px;
}

.page .banner {
    position: relative;
    margin-top: 19px;
}

.page .banner-des {
    position: absolute;
    bottom: 8px;
    left: 0px;
    height: 80px;
    background: url("../images/des_bg.png") center no-repeat;
    background-size: 100% 100%;
    width: 1200px;
    color: white;
    *bottom: 3px;
}

.page .banner-des a {
    color: white;
}

.page .banner-des label {
    float: right;
    margin-right: 38px;
    margin-top: 35px;
    cursor: pointer;
}

.page .banner-des em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
    vertical-align: -4px;
    *vertical-align: 0;
}

.page .banner-des EM.icon_commentary {
    *vertical-align: -1px;
}

.page .banner .time {
    margin-top: 35px;
    margin-left: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 96px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    background: url("../images/cover_tag_b.png") center no-repeat;
    background-size: 100% 100%;
    padding: 8px;
    float: left;
} */

.page .hdslide {
    width: 1200px;
    height: 466px;
    overflow: hidden;
    border-radius: 8px;
    margin: 20px auto 0;
    position: relative;
}

.hdslide-img {
    width: 1200px;
    height: 466px;
    overflow: hidden;
}

.hdslide-img li {
    display: none;
    width: 1200px;
    height: 466px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.hdslide-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.hdslide-img .con {
    position: absolute;
    bottom: 0;
    left: 0px;
    background: url("../images/des_bg.png") center no-repeat;
    background-size: 100% 100%;
    width: 1150px;
    height: 56px;
    color: white;
    padding: 30px 25px 12px;
}

.hdslide-img .info,
.hdslide-img .desc {
    height: 28px;
    overflow: hidden;
    line-height: 28px;
}

.hdslide-img .desc {
    font-size: 16px;
}

.hdslide-img .info label {
    float: left;
    margin-right: 38px;
}

.hdslide-img .info em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
    vertical-align: -4px;
    *vertical-align: 0;
}

.hdslide-img .cur {
    display: block;
}

.hdslide-nav {
    /* width: 256px; */
    width: 82px;
    height: 466px;
    overflow: hidden;
    background: url("../images/hdslide-nav.png") repeat-y left top;
    position: absolute;
    right: 0;
    top: 0;
}

.hdslide-nav ul {
    padding: 26px 0 0;
}

.hdslide-nav li {
    opacity: .7;
    filter: alpha(opacity=70);
    border-right: 4px solid transparent;
    height: 48px;
    overflow: hidden;
    padding: 16px 0;
    transition: border .5s;
}

.hdslide-nav li a {
    display: block;
    height: 48px;
    padding: 0 16px;
    overflow: hidden;
}

.hdslide-nav li img {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 15px;
}

.hdslide-nav li em {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hdslide-nav li span {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hdslide-nav .cur {
    background: url("../images/hdslide-nav-cur.png") no-repeat;
    opacity: 1;
    filter: alpha(opacity=100);
    border-right: 4px solid #23C268;
}

.hdslide-nav .hdslide-arrow {
    background: url("../images/hdslide-arrow.png") no-repeat center;
    display: block;
    height: 15px;
    margin-top: 10px;
}

.page .box {
    background: white;
    width: 784px;
    /*min-height: 426px;*/
    padding: 18px 18px 12px 18px;
    margin-top: 20px;
    font-size: 16px;
    position: relative;
}

.page .box.no-margin {
    margin: 0;
}

.page .back-top {
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: 557px;
    z-index: 100;
    visibility: hidden;
}

.page .back-top.end {
    bottom: 330px;
}

.page .box .head {
    height: 32px;
    line-height: 32px;
}

.page .box .head em {
    font-size: 18px;
    color: #333;
}

.page .box .top {
    height: 64px;
}

.page .box .top.small {
    height: 32px;
}

.page .box .top.small .title {
    margin-left: 0px;
}

.page .box .small .author {
    margin-top: 1px;
}

.page .eclipse_v {
    height: 26px;
    width: 4px;
    background-position: -621px 0;
}

.page .mark_o {
    height: 17px;
    width: 17px;
    background-position: -603px 0;
}

.page .rank.box .top {
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.page .rank.box .top a {
    color: #333333;
}

.page .rank.box .top a:hover {
    color: #23c268;
}

.page .box .icon {
    width: 64px;
    height: 64px;
    vertical-align: top;
    right: auto;
    border-radius: 12px;
    margin-right: 18px;
}

.page .box .title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 500px;
    font-size: 18px;
}

.page .box .title p {
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page .box .top .title-1 a {
    color: black;
}

.page .box .top .title-1 a:hover {
    text-decoration: none;
    color: #23c268;
}

.page .box .top .title-1 .vote {
    color: #ffaf0f;
    margin-left: 15px;
    font-size: 20px;
}

.page .box .top label {
    font-size: 14px;
    color: #999999;
    margin-right: 15px;
}

.page .box .top a {
    /*color: #999999;*/
}

.page .box .top .title label {
    cursor: default;
}

.page .box .top .title label a {
    color: #999999;
}

.page .icon_commen_big {
    height: 19px;
    width: 19px;
    background-position: -626px 0;
}

.page .box .top label.author {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    position: relative;
}

.page .box .menu {
    position: absolute;
    right: 22px;
    top: 31px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
}

.page .box .menu:hover .author-des {
    display: block;
}

.page .box .author-des {
    position: absolute;
    top: 35px;
    right: -5px;
    z-index: 100;
    width: 170px;
    height: 50px;
    background: white;
    border: 1px #eeeeee solid;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    display: none;
    font-size: 15px;
}

.page .box .author-des .bubble {
    display: inline-block;
    width: 18px;
    height: 6px;
    background: url(../images/bubble_corn.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -6px;
    right: 0;
}

.page .box .author-des em {
    margin-right: 10px;
    vertical-align: -3px;
    *vertical-align: 0;
}

.page .box .cover {
    margin: 15px 0 0px 0;
}

.page .box .cover img {
    width: 780px;
    height: 366px;
}

.page .box p.bottom {
    color: #333333;
}

.page .box .author {
    float: right;
    margin-top: 16px;
}

.page .box .bottom span {
    float: right;
}

.page .box .bottom em {
    margin-right: 10px;
    vertical-align: -3px;
    *vertical-align: 0;
}

.page .box .bottom em.icon_commentary_1 {
    vertical-align: -4px;
    *vertical-align: 0;
}

.page .box .bottom label {
    font-size: 15px;
    color: #7d7d7d;
    margin-left: 38px;
}

.page .box .bottom a {
    color: #7d7d7d;
    cursor: default;
}

.page .left {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 820px;
}

.page .left>.box,
.slider-contain,
.page .box.small,
.page .share.box,
.page .right .box {
    box-shadow: 0 2px 10px 0 #ECECEC;
}

.page .title-bar label em {
    vertical-align: -4px;
    *vertical-align: 0;
    margin-right: 11px;
}

.page .title-bar label em.time {
    vertical-align: -7px;
    *vertical-align: 0;
}

.page .title-bar {
    font-size: 24px;
    margin-top: 20px;
    position: relative;
}

.page .title-bar.small {
    font-size: 20px;
}

.page.forum .title-bar {
    font-size: 20px;
}

.page.detail .title-bar {
    font-size: 22px;
}

.page .title-bar a {
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 15px;
}

.page .box.small {
    width: 368px;
    height: 239px;
    padding: 12px 16px 16px 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    vertical-align: top;
    margin-right: 20px;
    margin-top: 0;
}

.page .box.small.no-margin {
    margin-right: 0;
}

.page .box.small p.content {
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: #666666;
}

.page .small-contain .a_left {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 100;
    display: none;
    cursor: pointer;
}

.page .small-contain:hover .a_left {
    display: block;
}

.page .small-contain .a_right {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 100;
    display: none;
    cursor: pointer;
}

.page .small-contain:hover .a_right {
    display: block;
}

.page .box.small p {
    line-height: 24px;
    margin-top: 15px;
}

.page .box.small .icon {
    width: 80px;
    height: 80px;
    vertical-align: middle;
    border-radius: 12px;
}

.page .box.small .title p {
    margin-top: 5px;
}

.page .box.small .tip {
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}

.page .box.small .tip span {
    float: right;
}

.page .box.small .title {
    width: 200px;
    font-size: 20px;
    vertical-align: middle;
}

.page .box .title .score {
    margin-left: 3px;
    font-size: 14px;
    color: #ffcc00;
    vertical-align: 6px;
    *vertical-align: 0;
}

.page .box .star-bar em {
    vertical-align: -2px;
    *vertical-align: 0;
}

.page .box .top button {
    height: 40px;
    min-width: 120px;
    background: #f8f8f8;
    border-radius: 20px;
    float: right;
    margin-top: 12px;
    color: #333333;
}

.page .box.comment-detail .btn {
    background: #23c268;
    border-radius: 4px;
    color: white;
    float: right;
    text-align: center;
    line-height: 40px;
    min-width: 120px;
}

.page .box .top button em {
    margin-right: 12px;
    vertical-align: -2px;
    *vertical-align: 0;
}

.page .arrow {
    height: 12px;
    width: 8px;
    background-position: 0 0;
    *vertical-align: 3px;
}

.page a:hover .arrow {
    background-position: -581px 0;
}

.page .slider-inner-contain {
    position: relative;
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    background: white;
    width: 820px;
}

.page .big .slider-inner-contain {
    width: 780px;
    margin-left: 20px;
}

.page.detail .big .slider-inner-contain {
    margin-left: 0;
}

.page .big .img-slider {
    padding-left: 0;
}

.page .img-slider {
    width: 800px;
    height: 249px;
    padding: 16px 0 20px 20px;
    font-size: 14px;
    white-space: nowrap;
}

.page .slider-contain.big {
    height: 356px;
}

.page .big .img-slider {
    height: 320px;
}

.page .slider-contain {
    position: relative;
    width: 820px;
    height: 281px;
    overflow: hidden;
    margin-top: 20px;
    background: white;
}

.page .slider-contain .a_left {
    position: absolute;
    left: 0;
    top: 83px;
    z-index: 10;
    cursor: pointer;
}

.page .slider-contain .arrow-btn {
    display: none;
}

.page .slider-contain:hover .arrow-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.a_left:hover {
    background-position: 0 -204px;
}

.a_right:hover {
    background-position: 0 -68px;
}

.page .slider-contain .a_right {
    position: absolute;
    right: 0;
    top: 83px;
    z-index: 10;
    cursor: pointer;
}

.page .img-slider img {
    width: 180px;
    height: 180px;
    border-radius: 8px;
}

.page .big .img-slider img {
    width: 502px;
    height: 290px;
}

.page .img-slider .img-item {
    position: relative;
    line-height: 0;
    font-size: 0;
}

.page .img-slider li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 180px;
    margin-right: 17px;
    height: 245px;
    vertical-align: top;
}

.page .big .img-slider li {
    width: 502px;
}

.page .img-slider li p {
    white-space: normal;
    cursor: pointer;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}

.page .big .img-slider li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
}

.page .img-slider label.favour a {
    color: white;
}

.page .img-slider label.favour {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 60px;
    height: 24px;
    background: url("../images/favour_bg.png") center no-repeat;
    line-height: 24px;
    position: absolute;
    top: 10px;
    left: 111px;
    text-align: center;
    font-size: 12px;
    color: white;
}

.page .img-slider div.people {
    position: absolute;
    top: 122px;
    width: 168px;
    height: 29px;
    line-height: 30px;
    font-size: 14px;
    background: url("../images/s_bg.png") center no-repeat;
    background-size: 100% 100%;
    color: white;
    padding-top: 30px;
    padding-left: 12px;
    left: 0;
}

.page .img-slider div.people em {
    vertical-align: -1px;
    *vertical-align: 0;
    margin-right: 10px;
}

.page .img-slider label.favour em {
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

.page .slider-contain.big .a_left,
.page .slider-contain.big .a_right {
    top: 145px;
}

.page button,
.dialog .btn,
.page .btn {
    height: 40px;
    border-radius: 20px;
    min-width: 150px;
    background: #23c268;
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-family:'kbNum',\5FAE\8F6F\96C5\9ED1,Verdana,arial
}
.page .btn .ico-bmh{display:inline-block;vertical-align:middle;width:20px;height:20px;margin:-2px 4px 0 0;background:url(../images/ico-bmh.png) no-repeat}
.page button.sub,
.dialog .btn.sub,
.page .sub {
    background: #9baab9;
}

.page button.disable,
.dialog .btn.disable,
.page .disable {
    background: #d0d0d0;
}

.page button.danger,
.dialog .btn.danger,
.page .danger {
    background: #ffaf0f;
}

.page .btn-bar {
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.page .btn-bar button {
    font-weight: bold;
}

.page .right {
    width: 360px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 15px;
}

.page .right .box {
    width: 324px;
    min-height: 124px;
    vertical-align: top;
}

.page .right .box.share .phone {
    vertical-align: -5px;
    *vertical-align: 0;
    margin-right: 10px;
}

.page .right .share .top-tip {
    color: #333333;
    font-size: 16px;
    margin-bottom: 12px;
}

.page .right .share .right-tip {
    float: left;
    color: #666666;
    margin-left: 15px;
    vertical-align: top;
    height: 120px;
    margin-top: 15px;
}

.page.detail .right .share .right-tip {
    height: auto;
    vertical-align: 17px;
    *vertical-align: -3px;
}

.page .right .share .right-tip p {
    line-height: 15px;
    margin-bottom: 24px;
}

.page .right .box.hot-re {
    overflow: hidden;
    height: 169px;
}

.page.detail .right .share.box {
    padding: 33px 30px 0;
    width: 300px;
    height: 206px;
    *height: 198px;
}

.page .share .way {
    float: left;
    margin-right: 35px;
}

/* .page .share .way a {
    cursor: default;
} */

.page .share .qr-code {
    float: right;
    width: 120px;
    height: 120px;
}

.page.detail .share .qr-code {
    vertical-align: 0;
}

.page .share.box {
    height: 136px;
}

.page .share ul {
    margin-top: 22px;
}

.page .share .share-list {
    margin-top: 14px;
}

.page .share .log-txt {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    margin-top: 5px;
}

.page .share li {
    margin-right: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.page .right .box .share-list a {
    cursor: pointer;
}

.page .share-list a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    font-size: 12px;
    padding-left: 0;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 5px 0 0;
    background: url("../images/all.png") center no-repeat;
}

.page .rank .des {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 170px;
    color: #999999;
    min-height: 84px;
    vertical-align: top;
}

.page .rank .des .tag {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 28px;
    cursor: default;
}

.page .rank .des .tip {
    min-height: 28px;
    cursor: default;
}

.page .rank li {
    margin-bottom: 26px;
}

.page .rank img {
    width: 84px;
    height: 84px;
    vertical-align: -8px;
    margin: 0 18px;
    border-radius: 12px;
    cursor: pointer;
}

.page .rank .num {
    vertical-align: 25px;
    color: black;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20px;
    text-align: center;
    font-size: 14px;
}

.page em {
    color: #ffaf0f;
}

.page .rank .tip em {
    margin-right: 21px;
}

.page .rank .tag label {
    margin-right: 15px;
}

.page .rank {
    font-size: 12px;
    color: #999999;
}

.page .rank .top {
    font-size: 16px;
    color: black;
}

.page .hot-re label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 40px;
    min-width: 40px;
    padding: 0 20px;
    background: url("../images/hot_re_bg.png") center no-repeat;
    background-size: 100% 100%;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 14px;
}


/*底部*/

.page .footer {
    background: #333333;
    color: #9a9a9a;
    font-size: 12px;
    /*width: inherit !important;*/
    margin: 0;
}

.page .footer .share {
    float: right;
    color: white;
}

.page .footer .des {
    line-height: 20px;
    margin-top: 10px;
}

.page .footer .des a {
    color: #9a9a9a;
}

.page .footer .des .share a {
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 27px;
    float: none;
    font-size: 12px;
    padding-left: 0px;
    line-height: 24px;
    height: 24px;
    background: url("../images/all.png") center no-repeat;
    cursor: pointer;
    vertical-align: middle;
}

.page .footer .des a:hover {
    color: white;
}

.page .footer .share li {
    margin-left: 27px;
}

.page .footer .share em {
    vertical-align: -5px;
    *vertical-align: 0;
}

.page .footer .link {
    color: white;
    line-height: 30px;
}

.page .footer .link-1 {
    font-size: 13px;
    font-weight: bold;
}

.page .footer .about {
    margin: 15px 0;
}


/*.page .footer .link>*{
    margin-bottom: 15px;
}*/

.page .footer a {
    color: white;
}

.page .footer a:hover {
    color: #23c268;
    text-decoration: underline;
}

.page .footer>div {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 30px;
    background: #333333;
}

.page .small-contain {
    width: 820px;
    height: 265px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.page .small-inner-contain {
    width: 820px;
    overflow-x: scroll;
    position: relative;
    top: 0;
    left: 0;
    white-space: nowrap;
}

.page .small-inner-contain .small-list {
    width: 820px;
    white-space: nowrap;
}

.page .star-bar .star-bar-a {
    height: 16px;
    width: 90px;
    background-position: 0 -57px;
}

.page .star-bar .star-bar-d {
    height: 16px;
    width: 90px;
    background-position: 0 -41px;
}

.page .star-bar {
    position: relative;
    text-align: center;
    height: 16px;
    width: 90px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.page .star-bar.no-score {
    margin: 10px 0;
}

.page .star-bar span {
    background: url("../images/star_bar.png");
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
}


/*.page .small-contain:after {
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:0;;
    content:'';
    vertical-align:top;!*opera浏览器解决底部多余的空白*!
}*/

.page .small-contain .bottom-align {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.page .bread a {
    color: #999999;
}

.page .bread a:hover {
    color: #23c268;
}

.page .bread {
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}

.page .bread em {
    margin: 0 12px 0;
    vertical-align: middle;
}

.page .box .tab {
    border-bottom: solid thin #eeeeee;
    width: 820px;
    margin-left: -30px;
    text-align: center;
    font-size: 18px;
    color: #333333;
    padding-bottom: 10px;
}

.page .box .tab .eval {
    margin: 0 149px;
}

.page .box .tab a {
    padding: 0 8px 11px;
}

.page .box .tab a.active {
    color: #23c268;
    border-bottom: 2px solid #23c268;
}

.page .box.introduce {
    padding: 10px 30px 8px;
    width: 760px;
}

.page .box .warm-tip {
    background: #f4f4f4;
    width: 716px;
    padding: 22px;
    border-radius: 8px;
    margin-top: 15px;
}

.page .box .cover {
    position: relative;
}

.page .box .cover-tag {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    font-size: 12px;
    height: 24px;
    min-width: 40px;
    background: url("../images/cover_tag.png") center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    border-radius: 4px;
    line-height: 24px;
    padding: 0 8px;
    cursor: default;
}

.page .box .cover-tag.big {
    background: url("../images/cover_tag_b.png") center no-repeat;
    min-width: 80px;
}

.page .banner-des .banner-left {
    font-size: 14px;
    margin-left: 20px;
}

.page .banner-left .banner-title {
    font-size: 20px;
}

.page .banner-left p {
    margin-bottom: 10px;
}


/*游戏详情页*/

.dialog .mask {
    background: black;
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .7;
    filter: alpha(opacity=70);
}

.dialog .dialog-content {
    width: 500px;
    min-height: 100px;
    background: white;
    text-align: center;
    z-index: 1005;
    position: relative;
    /*top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -250px;*/
    padding: 50px 0;
    font-size: 16px;
    border-radius: 4px;
    color: #666666;
}

.dialog .dialog-content .sub-content {
    background: #f6f6f6;
    min-width: 520px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 30px 0;
    margin: 20px 0;
}

.dialog .dialog-content .sub-content p {
    margin-bottom: 10px;
}

.dialog .dialog-content .right-title {
    font-size: 18px;
    color: #333333;
}

.dialog .dialog-content .right-tip {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 30px;
    text-align: left;
}

.dialog .dialog-content .right-tip em {
    margin-right: 12px;
    vertical-align: -2px;
    *vertical-align: 2px;
}

.dialog .dialog-content .qr-code {
    vertical-align: center;
    *vertical-align: 10px;
}

.dialog .dialog-content.big {
    width: 600px;
}

.dialog .dialog-content p.title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #333333;
}

.dialog .dialog-content .btn {
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    font-size: 16px;
    color: white;
    margin: 0 10px;
    height: 48px;
    line-height: 48px;
    min-width: 180px;
}

.dialog .dialog-content button a {
    color: white;
}

.dialog .dialog-content.big button {
    margin: 0 30px;
}

.dialog .dialog-content button.sub {
    background: #cccccc;
}

.dialog .dialog-content .btn.main {
    background: #32a5e6;
}

.dialog .dialog-content .action-bar {
    margin-top: 22px;
}

.dialog .dialog-content .sub-content {
    min-width: 520px;
}

.dialog .dialog-content .d-input-box input {
    float: left;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    font-size: 16px;
    padding: 0 20px;
    border: none;
    width: 360px;
    color: #333;
}

.dialog .dialog-content .d-input-box.auth-code input {
    padding: 0 120px 0 20px;
    width: 260px;
}

.dialog .dialog-content .login-box-title {
    margin-bottom: 12px;
}

.dialog .dialog-content .d-input-box a {
    position: absolute;
    top: 0;
    right: 20px;
    color: #557db4;
    font-size: 14px;
}

.dialog .dialog-content .d-input-box {
    height: 51px;
    width: 401px;
    line-height: 50px;
    border: #eeeeee 1px solid;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
}

.dialog .dialog-content .d-input-box.img-code {
    border: none;
}

.dialog .dialog-content .d-input-box.auth-code.img-code input {
    width: 220px;
    border: #eeeeee 1px solid;
    border-radius: 4px;
    padding: 0 20px !important;
}

.dialog .dialog-content .d-input-box.auth-code.img-code img {
    width: 120px;
    height: 50px;
    background: #eeeeee;
    border: none;
    outline: none;
    position: absolute;
    left: 280px;
    top: 0;
}

.dialog .dialog-content .d-agreement {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    margin-top: 15px;
}

.dialog .dialog-content .d-agreement a {
    color: #23C268;
}

.dialog .dialog-content i {
    color: #ff6455;
}

.dialog .f16 {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    padding: 0 25px 20px;
    color: #999;
}

.dialog .dialog-content .third-login {
    margin-top: 20px;
    color: #999999;
}

.dialog .third-login .line {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 1px;
    width: 120px;
    background: #eeeeee;
    vertical-align: middle;
    margin: 0 30px;
}

.dialog .dialog-content.login em.close {
    height: 30px;
    width: 30px;
    background: url("../images/dialog_all.png") -30px 0;
}

.dialog .dialog-content.login em.close:hover {
    background-position: 0 0;
}

.dialog .dialog-content .login-way {
    margin-top: 30px;
}

.dialog .dialog-content .login-way a {
    margin: 0 20px;
}

.dialog .dialog-content em.close {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    background: url("../images/close.png") center no-repeat;
}

.page .footer .des .share a.qq_1 {
    height: 24px;
    width: 21px;
    background-position: -240px 0;
}

.page .footer .des .share a.wechat_1 {
    height: 23px;
    width: 28px;
    background-position: -314px 0;
}

.page .footer .des .share a.weibo_1 {
    height: 26px;
    width: 28px;
    background-position: -342px 0;
}

.share a.wechat {
    height: 30px;
    width: 30px;
    background-position: -370px 0;
}

.share a.qq {
    height: 30px;
    width: 30px;
    background-position: -400px 0;
}

.share a.wb {
    height: 30px;
    width: 30px;
    background-position: -460px 0;
}

.share a.qq_zone {
    height: 30px;
    width: 30px;
    background-position: -490px 0;
}


/*对话框图标*/

.dialog .dialog-content em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

em.d_tip_1 {
    height: 14px;
    width: 14px;
    background-position: -458px 0;
}

em.d_tip_2 {
    height: 16px;
    width: 16px;
    background-position: -440px 0;
}

em.d_tip_3 {
    height: 17px;
    width: 17px;
    background-position: -421px 0;
}

.dialog_all {
    background: url(../images/logico.png) no-repeat;
}

.d_close_l:hover {
    height: 30px;
    width: 30px;
    background-position: 0 0;
}

.d_close_l {
    height: 30px;
    width: 30px;
    background-position: -30px 0;
}

.d_wechat {
    height: 50px;
    width: 50px;
    background-position: -54px 0;
}

.d_qq {
    height: 50px;
    width: 50px;
    background-position: 0 0;
}

.d_weibo {
    height: 50px;
    width: 50px;
    background-position: -108px 0;
}


/*图标*/

.star_all {
    background: url(../images/star_bar.png) no-repeat;
}

.page .badge {
    height: 19px;
    width: 18px;
    background-position: -473px 0;
}

.page .crown {
    height: 26px;
    width: 26px;
    background-position: -288px 0;
}

.page .badge {
    height: 19px;
    width: 18px;
    background-position: -473px 0;
}

.star_bar_d {
    height: 20px;
    width: 136px;
    background-position: 0 0;
}

.star_bar {
    height: 20px;
    width: 136px;
    background-position: 0 -20px;
}

.arrow-btn {
    background: url(../images/arrow.png) no-repeat;
}

.a_right {
    height: 68px;
    width: 44px;
    background-position: 0 0;
}

.a_right_a {
    height: 68px;
    width: 44px;
    background-position: 0 -68px;
}

.a_left {
    height: 68px;
    width: 44px;
    background-position: 0 -136px;
}

.a_left_a {
    height: 68px;
    width: 44px;
    background-position: 0 -204px;
}

.all-icon {
    background: url(../images/all.png) no-repeat;
}

.page .favour {
    height: 14px;
    width: 14px;
    background-position: -8px 0;
}

.people {
    height: 14px;
    width: 14px;
    background-position: -22px 0;
}

.star {
    height: 16px;
    width: 16px;
    background-position: -35px 0;
}

.refresh {
    height: 16px;
    width: 18px;
    background-position: -50px 0;
}

.star_a {
    height: 16px;
    width: 15px;
    background-position: -68px 0;
}

.search {
    height: 18px;
    width: 17px;
    background-position: -84px 0;
}

.icon_download_1 {
    height: 19px;
    width: 20px;
    background-position: -102px 0;
}

.icon_download {
    height: 19px;
    width: 20px;
    background-position: -120px 0;
}

.num_3 {
    height: 24px;
    width: 20px;
    background-position: -140px 0;
}

.num_2 {
    height: 24px;
    width: 20px;
    background-position: -160px 0;
}

.icon_commentary_1 {
    height: 18px;
    width: 20px;
    background-position: -180px 0;
}

.icon_commentary {
    height: 18px;
    width: 20px;
    background-position: -200px 0;
}

.icon_score {
    height: 22px;
    width: 22px;
    background-position: -470px -38px;
}

.num_1 {
    height: 24px;
    width: 20px;
    background-position: -220px 0;
}

.qq_1 {
    height: 24px;
    width: 21px;
    background-position: -240px 0;
}

.hot {
    height: 30px;
    width: 26px;
    background-position: -262px 0;
}

.crown {
    height: 26px;
    width: 26px;
    background-position: -288px 0;
}

.wechat_1 {
    height: 23px;
    width: 28px;
    background-position: -314px 0;
}

.weibo_1 {
    height: 26px;
    width: 28px;
    background-position: -342px 0;
}

.wechat {
    height: 30px;
    width: 30px;
    background-position: -370px 0;
}

.qq {
    height: 30px;
    width: 30px;
    background-position: -400px 0;
}

.wb {
    height: 30px;
    width: 30px;
    background-position: -460px 0;
}

.qq_zone {
    height: 30px;
    width: 30px;
    background-position: -490px 0;
}

.diamond {
    height: 26px;
    width: 30px;
    background-position: -430px 0;
}

.t_star {
    height: 30px;
    width: 30px;
    background-position: -520px 0;
}

.time {
    height: 30px;
    width: 31px;
    background-position: -550px 0;
}

.page .wenhuajingying {
    height: 22px;
    width: 22px;
    background-position: -283px -34px;
    vertical-align: -5px;
    margin-right: 2px
}


/*detail_all 雪碧图*/

.detail_all {
    background: url(../images/detail_all.png) no-repeat;
}

.triangle {
    height: 6px;
    width: 4px;
    background-position: 0 0;
}

.pre_d {
    height: 15px;
    width: 10px;
    background-position: -4px 0;
}

.pre {
    height: 15px;
    width: 11px;
    background-position: -14px 0;
}

.next {
    height: 15px;
    width: 11px;
    background-position: -25px 0;
}

.next_d {
    height: 15px;
    width: 11px;
    background-position: -36px 0;
}

.phone_2 {
    height: 14px;
    width: 12px;
    background-position: -47px 0;
}

.expand_2 {
    height: 8px;
    width: 13px;
    background-position: -59px 0;
}

.close_up {
    height: 8px;
    width: 13px;
    background-position: -72px 0;
}

.close_up_2 {
    height: 8px;
    width: 13px;
    background-position: -85px 0;
}

.expand {
    height: 8px;
    width: 13px;
    background-position: -98px 0;
}

.icon_Google {
    height: 16px;
    width: 16px;
    background-position: -111px 0;
}

.icon_free {
    height: 16px;
    width: 16px;
    background-position: -127px 0;
}

.favour_d_a {
    height: 16px;
    width: 16px;
    background-position: -143px 0;
}

.com_1 {
    height: 15px;
    width: 16px;
    background-position: -159px 0;
}

.favour_d {
    height: 16px;
    width: 16px;
    background-position: -175px 0;
}

.phone {
    height: 22px;
    width: 18px;
    background-position: -191px 0;
}

.icon_user {
    height: 18px;
    width: 18px;
    background-position: -209px 0;
}

.icon_network {
    height: 13px;
    width: 19px;
    background-position: -227px 0;
}

.android {
    height: 20px;
    width: 20px;
    background-position: -246px 0;
}

.gamebate {
    width: 30px;
    height: 28px;
    background-position: -596px 0;
    vertical-align: middle;
    margin: -2px 5px 0 0
}

.horn {
    height: 20px;
    width: 21px;
    background-position: -266px 0;
}

.ellipsis {
    height: 4px;
    width: 22px;
    background-position: -287px 0;
}

.play {
    height: 50px;
    width: 50px;
    background-position: -309px 0;
}

.favour_d_big {
    height: 60px;
    width: 60px;
    background-position: -359px 0;
}

.page .phone-app {
    height: 16px;
    width: 12px;
    background-position: -590px 0;
}

.page .next-page {
    text-align: center;
    height: 120px;
    line-height: 120px;
    /*border-top: 1px solid #eeeeee;*/
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 40px;
    background: white;
}

.page.eval-page .next-page {
    margin-bottom: 0;
}

.page .next-page em {
    *vertical-align: -9px;
    margin-top: 11px;
}

.page .next-page em.ellipsis {
    *vertical-align: 10px;
}

.page .next-page a {
    border: solid 1px #eeeeee;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
    margin: 0 5px;
}

.page .next-page a.active {
    color: #999999;
    border: none;
}

.page .box.next-page.no-bg {
    background: none;
}

.page .next-page.no-bg a {
    background: white;
}

.page .next-page.no-bg a.active {
    background: none;
}


/*toast弹窗*/

.page .toast-content,
.dialog .toast-content {
    position: absolute;
    width: 240px;
    z-index: 101;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 20px 15px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7f000000', EndColorStr='#7f000000');
    border-radius: 10px;
}

.page .toast-mask,
.dialog .toast-mask {
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    background: black;
    position: absolute;
    width: 240px;
    height: 66px;
    opacity: .7;
    filter: alpha(opacity=70);
    border-radius: 4px;
}

.page .toast,
.dialog .toast {
    width: 240px;
    height: 66px;
    position: absolute;
}

.dialog .toast {
    top: 20px;
    left: 50%;
    margin-left: -120px;
}

.dialog .toast-content {
    font-size: 18px;
}

.dialog .toast-mask {
    border-radius: 30px;
}

.dialog .dialog-content {
    word-break: break-all;
}

.dialog .dialog-content.reply {
    width: 640px;
    padding: 30px;
    text-align: left;
    margin-left: 0;
}

.dialog .reply .reply-1 {
    overflow: hidden;
}

.dialog .reply .reply-1 img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.dialog .reply .reply-1 span,
.dialog .reply .reply-1 p {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0 18px;
}

.dialog .reply .reply-1 p {
    margin: 0 10px
}

.dialog .reply .reply-2 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.dialog .reply textarea {
    width: 600px;
    padding: 11px 20px;
    min-height: 200px;
    background: #f8f8f8;
    border: none;
    resize: none;
    font-size: 16px;
}

.dialog .reply .reply-3 {
    text-align: center;
    margin-top: 20px;
}

.dialog .reply .reply-3 button {
    min-width: 120px;
}

.dialog .d-title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 37px;
}

.dialog .d-des {
    width: 396px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 50px;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

.overlaybg {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 8888;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7f000000', EndColorStr='#7f000000');
}

:root * {
    filter: none\9 !important;
}


/*--*/

.sch-res {
    width: 210px;
    padding: 20px;
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.sch-res .hd {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700
}

.sch-res li {
    line-height: 1.4;
    font-size: 14px;
    padding: 5px;
    white-space: normal;
}

.sch-res li span {
    color: #23C268
}

.loading {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 20px 0;
}

.loading i {
    background: url(../images/loading.gif) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 99;
    vertical-align: top;
    margin-right: 10px
}


/*add tbmsg*/

.tbmsg {
    float: left;
    width: 40px;
    height: 80px;
    position: relative;
    margin-left: 15px;
}

.tbmsg .msgtip {
    width: 40px;
    height: 80px;
    overflow: hidden;
    background: url(../images/ico-msg.png) no-repeat center;
    position: relative;
    cursor: pointer;
}

.tbmsg .msgtip span {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    background: #FF5050;
    border-radius: 7px;
    overflow: hidden;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 20px;
}

.msgpop {
    display: none;
    width: 400px;
    padding-top: 32px;
    position: absolute;
    right: -68px;
    top: 70px;
}

.msgpop .inner {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 3px 1px #eee;
    position: relative;
}

.msgpop .inner .itarrow {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    right: 78px;
    top: -10px
}

.msgtab {
    height: 55px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.msgtab li {
    float: left;
    width: 33.2%;
    height: 55px;
    overflow: hidden;
    position: relative;
}

.msgtab li span {
    display: block;
    width: 42px;
    height: 53px;
    overflow: hidden;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    color: #333;
}

.msgtab .on span {
    border-bottom: 2px solid #23C268
}

.msgtab li i {
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    background: #FF5050;
    border-radius: 7px;
    overflow: hidden;
    padding: 0 4px;
    position: absolute;
    left: 50%;
    top: 22px;
    margin-left: 20px;
}

.msgcon {
    overflow: hidden;
}

.msgcon .nodata {
    padding: 40px 0;
    line-height: 20px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.msgcon .msgmore {
    height: 56px;
    overflow: hidden;
}

.msgcon .msgmore a {
    display: block;
    height: 56px;
    line-height: 56px;
    width: 140px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

.msgcon .msgmore a em {
    margin-left: 5px;
}

.msglist {
    overflow: hidden;
    line-height: 2
}

.msglist li {
    padding: 20px;
    border-bottom: 1px solid #eee
}

.msglist .hd {
    height: 40px;
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}

.msglist .con {
    max-height: 60px;
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
    font-size: 16px;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.msglist .con .grey {
    color: #999
}

.msglist .msg {
    background: #F6F6F6;
    padding: 6px 10px;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
    color: #999;
    margin-top: 12px;
    max-height: 44px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.msglist .uinfo {
    float: left;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #666;
}

.msglist .uinfo em {
    display: block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    font-size: 16px;
    color: #666;
}

.msglist .uinfo p {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #999
}

.msglist .uinfo p span {
    float: left;
    margin-right: 10px;
}

.msglist .uinfo img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.msglist .lk {
    color: #557db4
}

.msglist .vote {
    height: 16px;
    overflow: hidden;
    margin-top: 8px;
}

.msglist .vote span {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/all.png) no-repeat -420px -40px
}

.msglist .vote .good {
    background-position: -420px -40px
}

.msglist .vote .bad {
    background-position: -440px -40px
}

.msg .msglist .con {
    max-height: 150px;
    -webkit-line-clamp: 5;
}


/*add190428*/

.warm-beta {
    background: #32C993;
    height: 28px;
    line-height: 28px;
    padding: 14px;
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
}

.warm-beta p {
    float: left;
}

.warm-beta p em {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.warm-beta .lk {
    float: right;
    color: #fff;
    font-size: 14px;
}

.warm-beta .lk:hover {
    text-decoration: underline
}


/*add190506*/

.appSlogan {}

.appSlogan .img {
    float: left;
    width: 180px;
    height: 174px;
    overflow: hidden;
    text-align: center;
    line-height: 2.8;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-left: 15px;
}

.appSlogan .img img {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.appSlogan .con {
    float: left;
    width: 304px;
    overflow: hidden;
    margin-left: 10px;
}

.appSlogan .con p {
    text-align: left;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    margin-bottom: 0 !important;
    color: #666
}

.appSlogan .con .tit {
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 10px !important;
}

.appSlogan .con p em {
    margin-right: 8px;
    vertical-align: -2px;
    height: 18px;
    width: 18px;
    background: url(../images/ico-slogan.png) no-repeat;
}

.appSlogan .con .d_tip_1 {
    background-position: 0 0
}

.appSlogan .con .d_tip_2 {
    background-position: -18px 0
}

.appSlogan .con .d_tip_3 {
    background-position: -36px 0
}

.appSlogan .con .d_tip_4 {
    background-position: -54px 0
}

.page .title-bar .common {
    width: 4px;
    height: 24px;
    background: #23C268;
}

.slider-gbeta {
    position: relative;
    width: 820px;
    height: 280px;
    overflow: hidden;
    margin-top: 20px;
    background: white;
}

.page .gameBeta .slider-inner-contain {
    background: url(../images/beta-line.png) repeat-x left 116px;
}

.page .gameBeta .img-slider {
    width: auto;
    line-height: 0;
    font-size: 0;
}

.page .gameBeta li {
    width: 144px;
}

.page .gameBetaItem .state {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    position: relative;
}

.page .gameBetaItem .state .hot {
    background: url(../images/beta-hot.png) no-repeat;
    width: 40px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -10px;
    right: -2px;
}

.page .gameBetaItem .date {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.page .gameBetaItem .dot {
    background: url(../images/beta-dot.png) no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    margin: 15px auto 0;
}

.page .gameBetaItem .img {
    display: block;
    width: 80px;
    height: 80px;
    margin: 20px auto 0;
}

.gameBetaItem .name {
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    margin-top: 6px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.page .share .follow-item{margin-top:10px;}

/* 关注账号 */
.follow-item{height: 30px}
.follow-item .follow-text{float: left;line-height: 30px;font-size: 14px;color: #666;margin-right: 10px;}
.follow-li{float:left;width:30px;height:30px;position:relative;margin-right:10px}
.follow-li:hover .inner{display: block;}
.follow-li .inner{display:none;width:240px;height:160px;position:absolute;left:-122px;top:42px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border-radius:5px;padding:30px 10px;z-index:100;}
.follow-li .inner img{display: block;width:130px;height:130px;margin:0 auto;}
.follow-li .inner p{height:22px;line-height:24px;font-size:14px;color:#333;text-align:center;margin-top:10px;}
.follow-li .inner p span{color: #00BA0C;padding:0 3px;}
.follow-li .it{background:url(../images/follow-ico.png?v1218) no-repeat;display: block;width:30px;height:30px;}
.follow-li .it:hover{opacity: .8;}
.follow-li .wx{background-position:0 0;}
.follow-li .wb{background-position:-32px 0;}
.follow-li .zh{background-position:-64px 0;}
.follow-li .dy{background-position:-96px 0;}
.follow-li .bz{background-position:-128px 0}

.footer .follow-item{float: right;}
.footer .follow-li .inner{top: -240px;}
.footer .follow-li{margin-left:15px;}
.footer .follow-li .it{background-image:url(../images/follow-ico-footer.png?v1218);}