.wechat_tip .i, img, input, select {
    vertical-align: middle
}

body, button, input, select, textarea {
    font: 12px/1.125 "Microsoft Yahei", Arial, Helvetica, sans-serif
}

.btn_download, .game_list ul li .title, .hashover, .link, .nav ul li, a, del, ins {
    text-decoration: none
}

.btn_back, .btn_cancel, .btn_submit, .header .page_title, .load_more, .slide_nav, .videoplayer {
    text-align: center
}

.cn-maplink li, .i-friendlink li, .reply_list .reply_content, .strategy_desc p {
    word-break: break-all
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

input, select {
    outline: 0
}

ol, ul {
    list-style: none
}

label {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

address, cite, dfn, em, var {
    font-style: normal
}

body {
    -webkit-text-size-adjust: none;
    -moz-user-select: none;
    -moz-text-size-adjust: none;
    -ms-user-select: none;
    -ms-text-size-adjust: none;
    -o-user-select: none;
    -o-text-size-adjust: none;
    user-select: none;
    text-size-adjust: none;
    background-color: #f4f4f4;
    min-height: 100%
}

body::-webkit-scrollbar{
    width: 0px;
}

.c1, .f1 {
    font-size: 14px
}

.hashover, .link, a, body {
    -webkit-user-select: none
}

.hashover, .link, a {
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent
}

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

.clearfix {
    zoom: 1
}

.clear {
    clear: both
}

.fl, .left {
    float: left
}

.fr, .right {
    float: right
}

.c1 {
    color: #777;
    padding-top: 5px
}

.f1 {
    line-height: 20px;
    color: #999
}

.btn_download, .load_more {
    height: 34px;
    line-height: 34px
}

.load_more span{
    color: #ffa92d;
    line-height: 16px;
    display: inline-block;
    border-bottom: 1px solid #ffa92d;
}

.mt5 {
    margin-top: 39px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.pt45 {
    /*padding-top: 45px*/
}

.p5 {
    padding: 5px
}

.page {
    width: 100%;
    overflow: hidden
}
#categoryPage,#searchPage{
    background-color: #eeeeee;
}

#detailPage{
    background-color: #eee;
}

.u_iphone_tips {
    display: none;
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9999;
}
.u_iphone_tips .filter {
    background:rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.u_iphone_tips .box{
    width:90%;
    height:auto;
    position: fixed;
    bottom:10px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index:9999;
}
.avatar {
    background: url(../images/default_img.png?1543301161199) center center no-repeat #e0e0e0;
    -webkit-background-size: auto 80%
}

.light_line_bottom {
    height: 0;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #eeeeee;
    /*border-bottom: 1px solid #fcfcfc*/
}

.light_line_top {
    height: 0;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #fcfcfc;
    border-bottom: 1px solid #d6d6d6
}

.ico_video {
    background: url(../images/icons.png?1543301161199) -140px -370px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px
}

.page_loading {
    background: url(../images/loading.gif?1543301161199);
    -webkit-background-size: 130px 130px;
    width: 130px;
    height: 130px;
    margin: 140px auto 40px;
    overflow: hidden
}

.container {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 43px 0 0px;
}

.container::-webkit-scrollbar{
    display: none;
}

.btn_download {
    float: left;
    border-radius: 3px;
    padding: 0 12px;
    font-size: 14px;
    color: #fff;
    border: none;
}

.btn_download, .btn_download.free {
    background: #54ba3d;
}

.btn_download.free.hover, .btn_download.hover {
    background-color: #4ca733
}

.btn_download.disabled {
    background-color: #D1D1D1;
}

.btn_download.charge {
    background-color: #ff6868;
}

.btn_download.charge.hover {
    background-color: #ff5454
}

.load_more {
    font-size: 14px;
    color: #666666;
    display: block
}

.load_more.hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.03, #e0e0e0), color-stop(.31, #e2e2e2), color-stop(1, #ececec));
    background: -webkit-linear-gradient(top, #e0e0e0 3%, #e2e2e2 31%, #ececec) #e2e2e2;
    background-color: #e2e2e2
}

.load_more.loading, .load_more.nodata {
    border: none;
    line-height: 50px
}

.load_more.nodata_visible {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin-top: 0
}

.load_more.auto {
    height: 50px;
    line-height: 50px;
    background-color: #eeeeee;
    color: #999999;
    margin-bottom: 0;
}

.load_more.auto.loading, .load_more.auto.nodata {
    display: block;
    height: 50px;
    background-color: #eeeeee;
    color: #999999;
    margin-bottom: 0;
}

.ico_refresh {
    width: 27px;
    height: 23px;
    background: url(../images/icons.png?1543301161199) -95px -170px no-repeat;
    -webkit-background-size: 200px 800px;
    display: inline-block;
    margin: 6px 3px 0;
    vertical-align: top
}

.star {
    background: url(../images/icons.png?1543301161199) -5px -300px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 12px;
    overflow: hidden;
    width: 64px;
    margin: 7px 0;
}

.star span {
    display: block;
    background: url(../images/icons.png?1543301161199) -5px -315px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 12px;
    overflow: hidden
}

.star_1 {
    width: 5px
}

.star_2 {
    width: 12px
}

.star_3 {
    width: 18px
}

.star_4 {
    width: 26px
}

.star_5 {
    width: 31px
}

.star_6 {
    width: 38px
}

.star_7 {
    width: 44px
}

.star_8 {
    width: 52px
}

.star_9 {
    width: 57px
}

.star_10 {
    width: 64px
}

.videoplayer {
    padding: 0 10px 15px;
    position: relative
}

.videoplayer video {
    width: 240px;
    height: 135px;
    display: inline-block;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    padding: 5px
}

.videoplayer .play_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    background: url("../images/icon_video_play.png") no-repeat;
    margin-top: -20px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.text_list li {
    line-height: 38px;
    height: 38px;
    border-bottom: 1px dashed #bdbdbd;
    color: #333;
    font-size: 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 35px;
    position: relative
}

.text_list li.hover {
    background-color: #dfdfdf
}

.text_list li:last-child {
    border: 0
}

.text_list li .ico_arrow {
    background: url(../images/icons.png?1543301161199) -95px -60px;
    -webkit-background-size: 200px 800px;
    position: absolute;
    height: 21px;
    width: 12px;
    top: 50%;
    margin-top: -11px;
    right: 10px
}

.toggle, .toggle li {
    position: relative;
    height: 30px
}

.toggle {
    position: fixed;
    top: 43px;
    left: 0;
    width: 100%;
    height: 39px;
    background-color: #fff;
    overflow: hidden;
    float: left;
    border-bottom: 1px solid #eeeeee;
}

#categoryPage .toggle{
    border-bottom: none;
}

.toggle li {
    float: left;
    width: 50%;
    height: 39px;
    line-height: 39px;
    text-align: center;
    z-index: 1;
    box-sizing: border-box;
}

.toggle li.hover, .toggle li.on {
    background-color: #fff;
}

.toggle li.hover:first-child, .toggle li.on:first-child {
    border-radius: 5px 0 0 5px
}

.toggle li.hover:last-child, .toggle li.on:last-child {
    border-radius: 0 5px 5px 0
}

.toggle li.hover {
    opacity: .75
}

.toggle li a, .toggle li span {
    display: inline-block;
    font-size: 15px;
    color: #666;
    line-height: 39px;
    text-decoration: none;
    text-align: center
}

.toggle li.on span{
    color: #54ba3d!important;
    box-shadow: 0 -2px 0 0 #54ba3d inset;
}

.toggle_n3 {
    width: 100%;
}

.toggle_n3 li {
    width: 33.3%;
}

.fixed_toggle {
    position: fixed;
    top: 48px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    padding: 7px 10px;
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(1, #efefef));
    background: -webkit-linear-gradient(top, #fff, #efefef) #efefef;
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.toggle_b {
    width: 100%;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 39px;
    background-color: #FFF;
}

.toggle_b li.hover, .toggle_b li.on {
    color: #54ba3d;
}

.btn_back, .btn_cancel, .btn_submit {
    line-height: 30px;
    border-radius: 5px
}

.toggle_b li.hover a, .toggle_b li.hover span, .toggle_b li.on a, .toggle_b li.on span {
    color: #fff
}

.toggle_b li a, .toggle_b li span {
    height: 39px;
    color: #666;
    line-height: 39px
}

.btn_back{
    position: relative;
    float: left;
    height: 30px;
    width: 30px;
    margin: 8px;
    font-size: 0px;
}

.btn_cancel{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-image: url("../images/icon_back.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none!important;
    margin-left: 8px;
    font-size: 0;
}

.btn_back, .btn_cancel, .btn_submit {
    -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, .15), 0 0 1px 0 rgba(0, 0, 0, .57) inset
}

.btn_back{
    box-shadow: none;
}

.btn_back i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    height: 20px;
    width: 15px;
    background-image: url(../images/icon_back.png), url(../images/icon_back.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.btn_submit {
    position: absolute;
    right: 0;
    height: 43px;
    line-height: 43px;
    width: 50px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    box-shadow: none!important;
}


.header {
    background: #54ba3d;
    height: 43px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    position: fixed!important;
}

.header .page_title {
    font-size: 14px;
    color: #fff;
    line-height: 43px;
    position: absolute;
    left: 35px;
    right: 10px;
    height: 43px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#searchPage .header .page_title{
    left: 14px;
}

.header .logo, .slide_nav {
    font-size: 0;
    line-height: 0
}

.header .logo {
    display: inline-block;
    width: 35%;
    height: 43px;
    background-image: url(../images/logo_new_2.png?1543301161199);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 12px;
}

.slide, .slide ul, .slide_nav {
    width: 100%
}

.slide {
    position: relative;
    margin-top: 39px;
    overflow: hidden
}

.slide ul {
    height: 100%
}

.slide ul li {
    z-index: 0;
    display: none;
    float: left
}

.slide ul li a, .slide ul li.cur {
    display: block;
    position: relative;
}

.slide_nav {
    position: absolute;
    bottom: 10px
}

.slide_nav ol {
    display: inline-block;
    padding: 4px;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, .8)
}

.slide_nav ol li {
    display: inline-block;
    float: left;
    height: 6px;
    width: 6px;
    overflow: hidden;
    background-color: #9d9d9d;
    border-radius: 3px;
    margin: 0 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .44) inset, 0 1px 0 0 rgba(255, 255, 255, 1)
}

.slide_1 li .bg, .slide_1 li .title {
    position: absolute;
    height: 20px;
    width: 100%
}

.game_list ul li .in, .nav ul li i {
    display: block
}

.slide_nav ol li.cur {
    background-color: #2689f0
}

.slide_1 li {
    position: relative
}

.slide_1 li .title {
    display: none;
    color: #fff;
    line-height: 20px;
    bottom: 0;
    z-index: 1;
    text-indent: 10px
}

.slide_1 li .bg {
    display: none;
    background: #000;
    opacity: .7;
    bottom: 0
}

.hot_search li.hover, .nav ul li.hover {
    opacity: .75
}

.slide_1 li .has_video {
    height: 36px;
    width: 36px;
    background: url(../images/icons.png?1543301161199) -100px -370px no-repeat;
    -webkit-background-size: 200px 800px;
    position: absolute;
    bottom: 30px;
    left: 10px
}

.slide_1 .slide_nav {
    text-align: center;
    bottom: 3px
}

.slide_1 .slide_nav ol {
    background: 0 0
}

.slide_1 .slide_nav ol li {
    box-shadow: none;
    background-color: #bbb
}

.slide_1 .slide_nav ol li.cur {
    box-shadow: none;
    background-color: #3e9bfa
}

.slide_1 .slide_nav_1 ol li {
    background-color: #aaa;
}

.slide_1 .slide_nav_1 ol li.cur {
    background-color: #fff;
}

.nav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    z-index: 40;
    box-shadow: 0 -1px 2px 0 #ddd;
}

.nav ul {
    display: flex;
    justify-content: space-between;
    padding: 5px 22px;
    width: 100%;
    height:50px;
    box-sizing: border-box;
}

.nav ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 30px;
    text-align: center;
}

.nav ul li span {
    font-size: 12px;
    color: #999999;
}

.nav ul li i {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.game_list ul li .avatar, .game_list ul li .avatar img {
    border-radius: 12px;
    height: 58px;
    width: 58px
}

.nav ul li.cur span{
    color: #54ba3d;
}

.nav .ico_home {
    background-image: url(../images/home_nl.png);
}

.nav .cur .ico_home {
    background-image: url(../images/home_hl.png);
}

.nav .ico_free {
    background-image: url(../images/limit_nl.png);
}

.nav .cur .ico_free {
    background-image: url(../images/limit_hl.png);
}

.nav .ico_rank {
    background-image: url(../images/rank_nl.png);
}

.nav .cur .ico_rank {
    background-image: url(../images/rank_hl.png);
}

.nav .ico_category {
    background-image: url(../images/classify_nl.png);
}

.nav .cur .ico_category {
    background-image: url(../images/classify_hl.png);
}

.nav .ico_search {
    background-image: url(../images/search_nl.png);
}

.nav .cur .ico_search {
    background-image: url(../images/search_hl.png);
}

.nav .ico_special {
    background-image: url(../images/limit_nl.png);
}

.nav .cur .ico_special {
    background-image: url(../images/limit_hl.png);
}
.free_game_list{
    margin-top: 39px;
}
.game_list ul li {
    border-top: 1px #fff solid;
    border-bottom: 1px #eee solid;
    overflow: hidden;
    padding: 12px;
    position: relative;
    background-color: transparent;
}

.game_list ul li:first-child {
    border-top: none
}

.game_list ul li.hover {
    background-color: #dfdfdf;
    border-top-color: #dfdfdf
}

.game_list ul li .avatar {
    float: left;
    margin-right: 10px;
    position: relative
}

.game_list ul li .avatar.tag_hd:after, .game_list ul li .avatar.tag_sf:after, .game_list ul li .avatar.tag_xf:after {
    content: "";
    position: absolute;
    height: 35px;
    width: 35px;
    left: 0;
    top: 0;
    -webkit-border-radius: 12px 0 0;
    background: url(../images/icons.png?1543301161199) 0 -765px no-repeat;
    -webkit-background-size: 200px 800px
}

.game_list ul li .avatar.tag_hd:after {
    background-position: -35px -765px
}

.game_list ul li .avatar.tag_sf:after {
    background-position: 0 -765px
}

.game_list ul li .avatar.tag_xf:after {
    background-position: -70px -765px
}

.game_list ul li dl {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 75px;
    overflow: hidden;
    height: 58px
}

.game_list ul li .hot {
    font-size: 10px;
    color: #fff;
    border-radius: 4px;
    padding: 2px 5px;
    background-color: #ff6868;
    font-weight: 400;
    float: left;
    margin-right: 6px;
    font-style: normal;
    vertical-align: bottom;
}

.game_list ul li dt {
    height: 15px
}

.game_list ul li .title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game_list ul li .star {
    font-size: 12px;
    line-height: 12px;
    height: 12px
}

.game_list ul li .meta {
    color: #999;
    font-size: 12px;
    overflow: hidden
}

.game_list ul li .btn_download {
    position: absolute;
    right: 10px;
    top: 28px;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    padding: 0 8px
}

.game_list ul li .arrow_r {
    background: url(../images/icons.png?1543301161199) -70px -170px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 10px;
    width: 10px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    right: 5px
}

.game_list ul li .free_price, .game_list ul li .pre_price, .game_list ul li .price {
    font-size: 12px;
    position: absolute;
    right: 20px;
    line-height: 12px;
    top: 34px;
    color: #54ba3d;
}

.game_list ul li .price{
    font-size: 15px!important;
}

.game_list ul li .pre_price {
    color: #999;
    text-decoration: line-through
}

.game_list ul li .free_price {
    font-size: 15px!important;
    color: #54ba3d;
}

.free_game_list ul li .free_price, .free_game_list ul li .price {
    font-size: 12px;
    line-height: 12px;
    top: 44px
}

.free_game_list ul li .pre_price {
    top: 24px;
    font-size: 12px;
    line-height: 12px
}

.loading_page {
    position: fixed;
    z-index: 4;
    width: 100%;
    height: 100vh;
    bottom: 50px;
    background-color: #f4f4f4;
    top: 0
}

.loading_page .header {
    position: static;
}

.m_box {
    padding: 10px;
    overflow: hidden;
    background-color: #ffffff;
}

.m_box .m_title {
    color: #000;
    font-size: 14px;
    /*line-height: 16px;*/
    text-align: left;
    padding-bottom: 10px;
    font-weight: 400;
    /*border-bottom: 1px solid #eeeeee;*/
}

.m_box img {
    max-width: 100%
}

.native_app_down {
    background: url(../images/logo_l.png?1543301161199) 10px 10px no-repeat #fff;
    margin: 10px;
    padding: 10px 90px 10px 10px;
    -webkit-background-size: 60px 60px;
    overflow: hidden;
    height: 60px;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.native_app_down .dl_logo {
    height: 60px;
    width: 60px;
    margin-right: 8px;
    float: left
}

.native_app_down h3 {
    font-size: 15px;
    color: #333;
    font-weight: 700;
    line-height: 20px
}

.native_app_down p {
    color: #666;
    font-size: 10px;
    line-height: 16px;
    height: 32px;
    margin-top: 8px;
    overflow: hidden
}

.native_app_down .btn_dl {
    height: 29px;
    line-height: 28px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    padding: 0 9px;
    -webkit-border-radius: 2px;
    position: absolute;
    right: 10px;
    bottom: 12px;
    background: #70c700
}
.category_list{
    margin-top: 39px;
    margin-bottom: 50px;
    z-index: 1;
}
.category_list li, .category_list li .bg {
    position: relative
}

.game_recommand {
    display: -webkit-box;
}

.game_recommand a {
    -webkit-box-flex: 1;
    display: block;
    margin-left: 10px
}

.game_recommand a:first-child {
    margin-left: 0
}

.game_recommand a img {
    width: 100%
}

.category_list ul {
    padding-top: 13px;
    margin-left: 13px;
}

.category_list li {
    margin-bottom: 10px;
    float: left;
    width: 50%
}

.category_list li .in {
    border-radius: 5px;
    margin-right: 13px;
    background: #fff;
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
}

.category_list li .out_bg {
    border-radius: 5px;
    z-index: 1;
    background: #fff;
}

.category_list li .out_bg_1 {
    border-radius: 5px;
    top: -4px;
    left: -4px;
    z-index: 0;
    right: 14px;
    bottom: 4px
}

.category_list li .avatar {
    width: 100%;
    display: block;
    overflow: hidden;
    min-height: 74px
}

.comment_input, .special_detail .avatar {
    min-height: 100px
}

.category_list li .avatar img {
    width: 100%;
    display: block
}

.category_list li .title_bg {
    background: #000;
    opacity: .5;
    height: 22px;
    line-height: 22px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.category_list li .title {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    height: 22px;
    line-height: 22px;
    color: #f1f1f1;
    font-size: 13px;
    right: 0;
    text-align: center;
    font-weight: 400
}

.category_list li .tag, .category_list li .tag p, .category_list li .tag_in {
    background-color: rgba(0,0,0,0.5);
    border-radius: 9px;
}

.category_list li .tag {
    padding: 2px 9px;
    color: #fff;
    position: absolute;
    left: 6px;
    top: 6px;
    text-align: center;
    max-height: 26px;
    overflow: hidden;
}

.category_list li .tag_in {
    background-position: 0 0;
    background-color: transparent;
}

.category_list li .tag p {
    background-position: 0 -32px;
    background-repeat: repeat-x;
    background-color: transparent;
    font-size: 10px;
    color: #f1f1f1;
}

.category_list li .count {
    font-size: 10px;
    line-height: 14px;
    color: #fff
}

.category_list li .lastUpdate {
    font-size: 8px;
    line-height: 12px
}

.white_bg {
    background: #f4f4f4
}

.comment_form {
    padding: 10px
}

.comment_star {
    overflow: hidden;
    height: 50px;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
}

.star_l {
    background: url(../images/icons.png?1543301161199) 0 -620px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 24px;
    overflow: hidden;
    width: 165px
}

.star_l span {
    display: block;
    background: url(../images/icons.png?1543301161199) 0 -590px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 24px;
    overflow: hidden
}

.star_l_1 {
    width: 25px
}

.star_l_2 {
    width: 60px
}

.star_l_3 {
    width: 95px
}

.star_l_4 {
    width: 130px
}

.star_l_5 {
    width: 165px
}

.comment_star .star_l {
    margin-top: 12px;
    float: left;
    margin-left: 10px
}

.comment_star .star_text {
    line-height: 50px;
    font-size: 13px;
    color: #666666;
    margin-left: 20px
}

.comment_form{
    border-bottom: 1px solid #eeeeee;
}

.comment_input {
    background: #ffffff;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    -webkit-appearance: none;
    border:none;
    resize: none;
    outline: none;
    font-size: 12px;
}

.comment_main .load_more {
    display: block
}

.comment {
    margin-top: 5px;
    padding: 15px 0 10px
}

.comment .m_title {
    border-bottom: 1px solid #eee;
    padding-left: 10px
}

.comment .m_title .count {
    display: none;
    font-size: 11px;
    color: #999
}

.comment .m_title .count b {
    color: #54ba3d;
    font-weight: 400
}

.comment_list .item {
    position: relative;
    padding: 9px 10px 10px
}

.comment_list .avatar {
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}

.comment_list .created, .comment_list .essence, .comment_list .from, .comment_list .nick {
    color: #333;
    line-height: 15px;
    height: 15px;
    overflow: hidden;
    display: inline-block
}

.comment_list .essence {
    color: #ed7a14
}

.comment_list .essence i {
    background: url(../images/comment.png?1543301161199) no-repeat;
    -webkit-background-size: 12px 12px;
    display: inline-block;
    vertical-align: top;
    height: 12px;
    width: 12px;
    margin: 1px 4px 0 3px
}

.comment_list .created, .comment_list .from {
    margin-top: 5px;
    display: block;
    color: #999999;
}

.comment_list .from{
    vertical-align: bottom;
}

.comment_list .from i{
    float: left;
    display: inline-block;
    background-image: url(../images/icon_comment_from.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 3px;
}

.comment_list .from i.PC{
    width: 17px;
    background-image: url(../images/icon_comment_from_pc.png);
}

.comment_list .created{
    margin: 0;
    color: #999999;
}

.comment_list .created .btn_report{
    display: none;
}

.comment_list .created .btn_report.show{
    display: inline;
}

.comment_list .star {
    display: block;
    vertical-align: top;
    margin-top: 3px
}


.comment_list .btn_reply {
    display: inline-block;
    color: #999999;
    vertical-align: bottom;
    margin-top: 6px;
}

.comment_list .btn_reply i {
    float: left;
    display: inline-block;
    background-image: url(../images/icon_details_comment.png?t=1571886530);
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 3px;
}

.comment_list .content {
    word-break: break-all;
    color: #333333;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px
}

.comment_list .content img {
    max-width: 30px;
    margin: 0 3px
}

.reply_list {
    position: relative;
    background: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 15px
}

.reply_list .reply_meta {
    line-height: 20px;
    padding: 10px;
    color: #333333;
    font-size: 12px;
}

.reply_list .reply_meta.reportShow{
    position: relative;
    padding-right: 40px;
}

.reply_list .reply_meta.reportShow .reply_report{
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    padding: 10px;
}

.reply_list .reply_nick {
    color: #54ba3d;
    float: left
}

.reply_list .load_reply {
    text-align: center;
    color: #54ba3d;
    margin-top: 10px;
    padding-bottom: 10px
}

.reply_list .load_reply p:nth-last-of-type(1){
    display: none;
}

.reply_list .load_reply i {
    display: inline-block;
    background: url(../images/icons.png?1543301161199) -95px -290px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 15px;
    width: 14px
}

.reply_list .ico_arrow_up {
    border: 10px solid transparent;
    border-bottom-color: #f6f6f6;
    position: absolute;
    top: -20px;
    left: 10px
}

.v_comment_form {
    padding: 5px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    margin: 0 10px
}

.game_data .avatar, .game_data .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 12px
}

.ico_comment {
    background: url(../images/icons.png?1543301161199) -50px -480px no-repeat;
    -webkit-background-size: 200px 800px;
    width: 17px;
    height: 17px;
    float: left
}

.v_comment_form .ico_comment {
    margin: 3px
}

.v_comment_form .textarea {
    margin-left: 20px;
    font-size: 14px;
    border: 0;
    width: 100%;
    height: 36px;
    line-height: 22px
}

.game_data .avatar {
    float: left;
    margin-right: 10px;
}

.game_data .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    max-height: 20px;
    line-height: 20px;
    display: block;
    margin-right: 120px;
    padding-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game_data .a_title {
    padding-right: 105px
}

.game_data .meta {
    margin-left: 67px;
    position: relative
}

.game_data .meta .size {
    color: #999;
    line-height: 12px;
    height: 12px;
    font-size: 12px;
    margin-top: 7px;
    overflow: hidden
}
.game_data .meta .price {
    color: #fe7f3f;
}

.game_data .meta .size b {
    color: #333;
    font-weight: 400
}

.game_data .meta .btn_download {
    position: absolute;
    top: 0;
    right: 0
}

.tab {
    border-top: 1px solid #fcfcfc
}

.tab ul {
    width: 100%;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
    display: -webkit-box
}

.tab li {
    color: #333;
    font-size: 15px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #ffffff;
    -webkit-box-flex: 1
}

.tab li span{
    display: inline-block;
}

.tab li.cur {
    color: #54ba3d;
    background-color: #ffffff;
}

.tab li.cur span {
    box-shadow: 0 -2px 0 0 #54ba3d inset;
}

.tab li.cur.noborder {
    border-bottom: none
}

.tab ul.l2 li {
    width: 50%
}

.gallary {
    background-color: #ffffff;
    padding: 10px
}

.gallary .slide {
    width: 100%;
    margin: 0;
    overflow: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
}

.gallary .slide_nav {
    display: none;
    bottom: 0
}

.gallary ul {
    overflow: hidden;
    width: 10000px
}

.gallary ul li {
    float: left;
    height: 194px;
    margin-left: 10px
}

.gallary ul li.video{
    width: 300px !important;
}

.gallary ul li:first-child {
    margin-left: 0;
}

.gallary ul li img {
    height: 194px
}

.gallary ul li img.video_poster {
    width: 300px !important;
}

.videoplayer_hd {
    margin-top: 5px;
    padding: 0
}
.videoplayer_hd .m_title{
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}

.meta_list {
    overflow: hidden;
    padding: 5px 10px
}

.meta_list ul {
    overflow: hidden
}

.meta_list li {
    float: left;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
    width: 45%;
    margin-right: 10%;
    color: #333;
    font-size: 12px;
    white-space: nowrap
}

.meta_list li:nth-child(2n) {
    width: 45%;
    margin-right: 0
}

.meta_list li:last-child {
    width: 100%;
    margin-right: 0;
    max-height: 38px;
    white-space: normal
}

.game_desc .text {
    line-height: 20px;
    color: #333;
    max-height: 80px;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    font-size: 12px
}

.game_desc .more {
    color: #54ba3d;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    float: right;
    margin-top: 10px;
    display: none
}

.game_desc .more i {
    float: right;
    height: 12px;
    width: 12px;
    background-image: url(../images/icon_details_extension_down.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 4px;
}

.game_desc .more.show i {
    -webkit-transform: rotate(180deg)
}

.test_list {
    margin-top: 5px;
    padding: 0
}

.test_list .m_title {
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}

.test_list .text_list li {
    padding-right: 0
}

.test_list .text_list .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 30px
}

.test_list .text_list .type {
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    float: left;
    color: #fff;
    border-radius: 2px;
    margin: 9px 10px 0 0;
    font-size: 12px;
    background: #f25c05
}

.test_list .text_list .type_1 {
    background: #f25c05
}

.test_list .text_list .type_2, .test_list .text_list .type_6 {
    background: #ae83d7
}

.test_list .text_list .type_3, .test_list .text_list .type_7 {
    background: #97bf3f
}

.test_list .text_list .type_4 {
    background: #54ba3d;
}

.test_list .text_list .type_5 {
    background: #3fbfb7
}

.test_list .text_list .txt {
    line-height: 38px;
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 1px
}

.test_list .m_title {
    /*padding-bottom: 10px*/
}

.suggest_list {
    margin-top: 5px;
    padding: 0;
}

.suggest_list .m_title {
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}

.img_text_list {
    width: 100%;
    overflow: hidden
}

.img_text_list li .avatar, .img_text_list li .avatar img {
    border-radius: 12px;
    width: 12vw;
}

.img_text_list ul {
    display: flex;
    margin-top: 5px;
    overflow: hidden;
    height: 100px
}

.img_text_list li {
    flex: 1 1 100px;
    padding: 10px;
    border-radius: 5px
}

.img_text_list li.hover {
    background-color: #dfdfdf
}

.img_text_list li .avatar {
    display: block;
    margin: 0 auto;
}

.img_text_list li .title {
    color: #000;
    margin-top: 12px;
    width: 100%;
    text-decoration: none;
    line-height: 12px;
    display: block;
    height: 12px;
    overflow: hidden;
    text-align: center;
}

.video_list li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 7px 10px;
    background-color: #ffffff;
}

.video_list li.hover {
    background: #dfdfdf
}

.video_list li .ico_tag_green {
    width: 29px;
    height: 24px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/icons.png?1543301161199) -145px -560px no-repeat;
    font-style: normal;
    font-size: 10px;
    -webkit-background-size: 200px 800px
}

.video_list .avatar {
    width: 100px;
    height: 56px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.video_list .avatar img {
    width: 100px;
    border-radius: 5px;
}

.video_list .meta {
    position: relative;
    padding-right: 30px;
    display: inline-block;
    vertical-align: top;
    height: 56px;
    width: 50%;
}

.video_list .meta dt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video_list .meta dd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    color: #999999;
    font-size: 11px
}

.video_list .ico_arrow {
    background: url(../images/icons.png?1543301161199) -95px -60px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 21px;
    width: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px
}

.ico_arrow_1 {
    background: url(../images/icons.png?1543301161199) -30px -480px no-repeat;
    -webkit-background-size: 200px 800px;
    width: 13px;
    height: 13px;
    float: left
}

.fixed_title {
    display: flex;
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;

}

.fixed_title h2 {
    flex: 1 1 100px;
    height: 39px;
    overflow: hidden;
}

.fixed_title .left{
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 15px;
    font-weight: 400;
    color: #54ba3d;
    text-align: center;
}

.game_list_1 li .title, .game_list_1 li .title_in {
    display: inline-block;
    height: 16px;
    line-height: 16px
}

.fixed_title h2 .ico_arrow_1 {
    margin-top: 10px;
    margin-left: 5px;
    display: none;
}

.fixed_title.fixed {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    background: #f4f4f4;
    z-index: 2
}

.game_list_1.fixed {
    padding-top: 30px
}

.game_list_1 {
    margin-left: 10px
}

.game_list_1 ul {
    width: 50%
}

.game_list_1 li {
    overflow: visible;
    margin-bottom: 12px
}

.game_list_1 li .in {
    margin-right: 10px;
    position: relative;
    display: block
}

.game_list_1 li .avatar {
    width: 100%;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 50%;
}

.game_list_1 li .avatar img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.game_list_1 li dl {
    padding: 0 2px;
    overflow: hidden
}

.game_list_1 li dt {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 2px;
}

.game_list_1 li .title {
    max-width: 60%;
    font-size: 0;
    overflow: hidden
}

.game_list_1 li .title.is_hot {
    padding-right: 26px;
    background: url(../images/icons.png?1543301161199) right -452px no-repeat;
    -webkit-background-size: 200px 800px
}

.game_list_1 li .title.has_video {

}

.game_list_1 li .title.is_hot.has_video {
    background: url(../images/icons.png?1543301161199) right -452px no-repeat, url(../images/icons.png?1543301161199) left -428px no-repeat;
    -webkit-background-size: 200px 800px
}

.game_list_1 li .title_in {
    font-weight: 700;
    color: #444;
    font-size: 12px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game_list_1 li .type {
    display: none;
    color: #666;
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    float: right;
    margin-top: 2px;
    width: 40px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 1px;
    background: #fff
}

.game_list_1 li .type i {
    background: url(../images/icons.png?1543301161199) -95px -220px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 8px;
    width: 8px;
    overflow: hidden;
    display: inline-block;
    -webkit-transform: scale(1.25);
    margin-right: 5px;
    margin-top: 1px
}

.game_list_1 li .star {
    float: right;
    -webkit-transform: scale(.83);
    margin-right: -4px;
    margin-top: 2px
}

.game_list_1 li .desc {
    line-height: 18px;
    overflow: hidden;
    color: #888;
    position: relative;
    font-size: 10px;
    min-height: 36px;
}

.ico_free, .ico_free_limit {
    background-size: contain;
    background-repeat: no-repeat;
}

.ico_free {
    background-image: url(../images/limit_nl.png);
}

.ico_free_limit {
    background-image: url(../images/limit_nl.png);
}

.foot_link {
    text-align: center;
    padding: 15px;
    padding-bottom: 15px!important;
    line-height: 1.2em;
    color: #999;
    background-color: #eeeeee;
}

.page_1{

}

.page_1 header .logo {
    float: left;
    line-height: 28px;
    color: #fff;
    text-align: right;
    font-weight: 500;
    font-size: 12px
}

.visit_tip {
    display: none;
    height: 50px;
    width: 100%;
    background: #faf2e2;
    overflow: hidden
}

.visit_tip .ico_close {
    background: url(../images/icons.png?1543301161199) -95px -120px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 26px;
    width: 26px;
    float: left;
    margin: -28px 8px 12px
}

.visit_tip .text {
    line-height: 15px;
    color: #837b70;
    float: left;
    margin-left: 42px;
    margin-right: 86px;
    height: 30px;
    overflow: hidden;
    margin-top: 10px
}

.visit_tip .c1 {
    color: #ca1616;
    font-size: 12px
}

.visit_tip .btn_dy30 {
    height: 30px;
    line-height: 30px;
    color: #85480c;
    border: 1px solid #ccb28c;
    border-radius: 5px;
    float: right;
    padding: 0 10px;
    background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0, #edd4b0), color-stop(1, #f8e2c3));
    background: -webkit-linear-gradient(bottom, #edd4b0, #f8e2c3) #edd4b0;
    background-color: #edd4b0;
    margin-top: -30px;
    margin-right: 8px
}

.strategy_game .avatar, .strategy_game .avatar img {
    height: 57px;
    width: 57px;
    border-radius: 12px
}

.i_visit_a .visit_tip {
    display: block
}

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

.banner .followWeChat{
    position: fixed;
    top: 0;
    right: 12px;
    width: 16.5%;
    height: 43px;
    background-image: url(../images/followWechat.png?t=1565580272);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
}
.banner em{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto;
}

.strategy_meta {
    padding: 20px 0 15px;
    margin: 0 10px;
    border-bottom: 1px dashed #bdbdbd
}

.strategy_meta .title {
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 20px
}

.strategy_meta .other {
    color: #999;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    text-align: center;
    padding-top: 10px
}
.strategy_meta .m_forum_report{
    display: none;}

.strategy_desc img {
    display: block;
    max-width: 100%;
    height: auto !important
}

.strategy_desc p {
    text-indent: 2em
}

.strategy_desc p strong {
    color: #333
}

.strategy_desc {
    line-height: 200%;
    font-size: 14px;
    color: #666;
    padding: 12px 10px;
    overflow: hidden
}

.strategy_desc h1, .strategy_desc h2, .strategy_desc h3, .strategy_desc h4, .strategy_desc h5, .strategy_desc h6 {
    color: #333
}

.video_detail_place {
    margin-top: 15px
}

.strategy_game {
    background-color: #e8e8e8;
    padding: 10px;
    position: relative
}

.strategy_game.hover {
    background-color: #dfdfdf
}

.strategy_game .avatar {
    float: left;
    margin-right: 10px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .25)
}

.strategy_game dl {
    margin-right: 90px;
    overflow: hidden;
    height: 58px
}

.strategy_game .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px
}

.strategy_game .star_hold, .strategy_game .type {
    color: #999;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    overflow: hidden;
    margin: 8px 0
}

.strategy_game .star_hold .star {
    display: block
}

.strategy_game .star_hold .text {
    float: left
}

.strategy_game .btn_download {
    position: absolute;
    right: 10px;
    top: 33px;
    padding: 0 15px
}

.rel_article {
    padding: 15px 0
}

.rel_article .m_title {
    padding: 0 10px
}

.strategy_list li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 7px 10px;
    overflow: hidden;
    background-color: #ffffff;
}

.strategy_list li .avatar {
    height: 50px;
    width: 50px;
    overflow: hidden;
    float: left;
    -webkit-border-radius: 5px;
    position: relative
}

.strategy_list .item_1 .avatar {
    height: 60px;
    width: 100px
}

.strategy_list li .avatar img {
    height: 100%;
    width: 100%
}

.strategy_list li .meta {
    padding-left: 58px;
    line-height: 25px
}

.strategy_list .item_1 .meta {
    padding-left: 108px;
    line-height: 20px
}

.strategy_list li .title {
    font-size: 15px;
    color: #333;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.strategy_list .item_1 .title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    height: 40px;
    white-space: normal
}

.strategy_list li .count {
    color: #999;
    font-size: 11px
}

.strategy_list li .tag {
    height: 34px;
    width: 34px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 0 0
}

.strategy_list li .tag_1, .strategy_list li .tag_8 {
    background: url(../images/icons.png?1543301161199) -155px -335px no-repeat;
    -webkit-background-size: 200px 800px
}

.strategy_list li .tag_8 {
    background-position: -155px -300px
}

.page_404 .ico_warn {
    background: url(../images/icons.png?1543301161199) -90px -10px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 45px;
    width: 45px;
    float: left;
    margin-right: 10px
}

.page_404 .c_red {
    color: red !important
}

.page_404 .tip {
    width: 240px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0
}

.page_404 .tip .title {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    margin: 5px 0
}

.page_404 .tip .note {
    font-size: 16px;
    color: #999;
    line-height: 16px
}

.page_404 .action {
    text-align: center;
    font-size: 0
}

.page_404 .btn_download {
    float: none;
    display: inline-block;
    font-size: 17px
}

.btn_refresh_b {
    border: 1px solid #54ba3d;
    border-radius: 19px;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    padding: 10px 24px;
    white-space: nowrap;
}

.btn_refresh_b i {
    display: none;
    vertical-align: top;
    width: 15px;
    height: 21px;
    background: url(../images/icons.png?1543301161199) -95px -195px no-repeat;
    -webkit-background-size: 200px 800px;
    margin-right: 8px;
    margin-top: 6px
}

.btn_refresh_b span {
    font-size: 12px;
    text-decoration: none;
    color: #54ba3d;
}

.btn_center {
    text-align: center;
    margin-top: 43px;
}

.search_form {
    padding: 8px 12px;
    position: relative;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee;
    background-color: #FFFFFF;
}

.search_form .input {
    border: 1px solid #eee;
    height: 30px;
    border-radius: 40px;
    margin-right: 68px;
    overflow: hidden;
    z-index: 10;
    background-image: url("../images/ic_search.png?123456");
    background-size: 10px 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
}

.search_form .input_inner {
    height: 30px;
    width: 100%;
    position: relative;
    display: block;
    padding: 10px 20px 10px;
    box-sizing: border-box;
    font-size: 13px;
}

.search_form .input input {
    border: 0;
    width: 110%;
    -webkit-appearance: none;
    margin-left: 15px;
    z-index: 1;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f1f1f1;
    color: #BBBBBB;
    font-size: 12px;
}

.search_form .input .placeholder {
    color: #aaa;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    overflow: hidden;
    margin-left: 15px;
    z-index: 0;
    background-color: #f1f1f1;
    font-size: 12px;
}

.search_form .btn_reset {
    display: none;
    height: 24px;
    width: 24px;
    background: url(../images/icons.png?1543301161199) -4px -204px no-repeat #999;
    -webkit-background-size: 200px 800px;
    border: 0;
    border-radius: 12px;
    float: right;
    margin-top: -31px;
    margin-right: 94px;
    position: relative
}

.search_form .submit_btn {
    position: absolute;
    right: 20px;
    top: 10px;
    width: 26px;
    height: 15px;
    color: #FFFFFF;
    border-radius: 16px;
    background:#54ba3d !important;
    border: none;
    font-size: 12px;
}

.search_form .search_btn {
    padding: 9px 16px !important;
    position: absolute;
    right: 12px;
    top: 8px;
    color: #FFFFFF;
    border-radius: 16px;
    background:#54ba3d !important;
    border: none;
    font-size: 12px;
    pointer-events: none;
}

.hot_search {
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #FFFFFF;
}

.hot_search ul {
    min-width: 320px;
    max-width: 400px;
    min-height: 141px;
    margin: 0 auto;
    overflow: hidden;
    padding: 12px;
    box-sizing: border-box;
}

.hot_search li {
    display: inline-block;
    border-radius: 15px;
    font-size: 12px;
    color: #777777;
    font-weight: 400;
    clear: both;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 80%;
    background-color: #f6f6f6;
    margin: 4px 4px;
    padding: 8px 22px;
}

.no_result {
    padding-top: 80px
}

.no_result .text {
    color: #319908;
    font-size: 14px;
    text-align: center
}

.no_result .tip {
    width: 258px;
    margin: 30px auto 0;
    overflow: hidden
}

.no_result .tip_ico {
    float: left;
    height: 75px;
    width: 41px;
    background: url(../images/failure.gif?1543301161199) no-repeat;
    -webkit-background-size: 41px 75px
}

.no_result .tip_text {
    color: #999;
    line-height: 26px;
    font-size: 12px;
    margin-left: 20px;
    width: 195px;
    float: left;
    margin-top: 15px
}

.special_detail video {
    height: 180px;
    width: 100%
}

.special_detail .video_tip {
    text-align: center;
    font-size: 12px
}

.special_detail .avatar img {
    max-width: 100%;
    display: block
}

.special_detail .desc {
    line-height: 20px;
    padding: 10px;
    height: 40px;
    overflow: hidden
}

.special_detail .desc dt {
    float: left;
    color: #333;
    height: 100%
}

.special_detail .desc dd {
    color: #666;
    height: 40px;
    overflow: hidden
}

.special_detail .meta {
    background: #eeeeee;
    color: #999;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.map_widget {
    border-top: 1px solid #dedede
}

.special_detail .count {
    float: left;
    margin-left: 10px
}

.special_detail .count b {
    color: #56b20c;
    font-size: 10px;
    font-weight: 400
}

.special_detail .date {
    float: right;
    margin-right: 10px
}

.fixed_summary{
    width: 100%;
}

.fixed_summary .count{
    float: right;
    color: #666666;
}

.fixed_summary .count::first-letter{
    color: #54ba3d;
}

.fixed_summary, .summary {
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 12px;
    background-color: #f4f4f4!important;
    padding: 0 12px;
    box-sizing: border-box;
}

.fixed_summary_out {
    position: fixed;
    top: 82px;
    width: 100%;
    z-index: 3
}

.fixed_summary, .summary .count{
    float: right;
    color: #666666;
}

.fixed_summary, .summary .count::first-letter{
    color: #54ba3d;
}

.fixed_summary .date, .summary .date {
    float: left;
    color: #666666;
}

.ico_date, .special_list_summary .date {
    float: left
}

.ico_date {
    background: url(../images/icons.png?1543301161199) -110px -480px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 17px;
    width: 18px;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 3px
}

.special_list ul {
    padding: 0 14px
}

.special_list li {
    box-shadow: 0 0 8px 1px #ccc;
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff
}

.special_list li dl {
    position: relative;
    overflow: hidden;
    padding: 3px 10px 3px;
    height: 24px;
    line-height: 24px;
}

.special_list li dt {
    height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.special_list li .title {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.special_list li .date {
    display: none;
    margin-top: -24px;
    float: right;
    margin-right: 40px;
    color: #999;
    font-size: 10px
}

.special_list li .count {
    position: absolute;
    top: 0;
    right: 5px;
    float: left;
    background: url(../images/icons.png?1543301161199) -10px -560px no-repeat;
    -webkit-background-size: 200px 800px;
    height: 23px;
    width: 28px;
    overflow: hidden;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 10px
}

.special_list li .avatar {
    display: block;
    min-height: 62px;
    position: relative;
}

.special_list li .avatar img {
    display: block;
    max-width: 100%
}

.special_list .date {
    float: left
}

.special_list li .ico_video {
    left: 18%
}

.special_detail img {
    width: 100%;
    max-width: 100%
}

.special_video {
    position: relative
}

.m_pop {
    display: none
}

.m_pop_mask {
    position: fixed;
    z-index: 888;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6)
}

.wechat_tip .m_pop_main {
    position: fixed;
    z-index: 999;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    top: 48px;
    padding: 15px;
    border-radius: 5px;
    width: 270px;
    right: 10px
}

.wechat_tip .arrow {
    position: fixed;
    z-index: 999;
    width: 25px;
    height: 45px;
    top: 0;
    right: 10px;
    background: url(../images/wx_tips.png?1543301161199) 0 -120px no-repeat;
    -webkit-background-size: 29px 175px
}

.wechat_tip p {
    line-height: 22px
}

.wechat_tip b {
    color: #ffa352;
    font-weight: 400
}

.wechat_tip .i {
    background: url(../images/wx_tips.png?144539330809) no-repeat;
    -webkit-background-size: 29px 175px;
    display: inline-block;
    -webkit-transform: scale(.8)
}

.wechat_tip .i_share {
    height: 29px;
    width: 29px;
    background-position: 0 -60px
}

.wechat_tip .i_ios_browser {
    height: 29px;
    width: 29px;
    background-position: 0 0
}

.wechat_tip .i_android_browser {
    height: 29px;
    width: 29px;
    background-position: 0 -30px
}

.wechat_tip .i_refresh {
    width: 22px;
    height: 27px;
    background-position: 0 -90px
}

.wechat_tip .f2 {
    font-size: 10px
}

.wechat_tip .f2 .i {
    -webkit-transform: scale(.6);
    vertical-align: -9px
}

@media (min-width: 479px) {
    .emt_i .special_detail video {
        height: 270px
    }
}

@media (min-width: 567px) {
    .emt_i .special_detail video {
        height: 320px
    }
}

.fixed_tip {
    width: 173px;
    height: 75px;
    background: url(../images/fixed_tip.png?t=1560911521) no-repeat;
    -webkit-background-size: 173px 75px;
    position: fixed;
    bottom: 50px;
    left: 50%;
    margin-left: -86px;
    display: none
}

.fixed_tip .btn_close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 7px
}

.ios-widget {
    background: #fff;
}

.ios-widget .w-hd {
    height: 22px;
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

.ios-widget .w-hd .heading {
    height: 23px;
    line-height: 24px;
    float: left;
    color: #333;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden
}

.i-friendlink {
    padding: 5px
}

.i-friendlink li {
    float: left;
    word-wrap: break-word;
    white-space: nowrap;
    margin-right: 10px
}

.i-friendlink li a {
    display: block;
    color: #999;
    padding: 3px 5px;
    line-height: 20px
}

.cn-maplink li a, .cn-maplink-hot li a, .map-appdown, .map_widget .w-hd h2 a {
    color: #333
}

.map_widget {
    margin-top: 0;
    background: #fff;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden
}

.map_widget .w-hd {
    border-bottom: 1px solid #eee;
    height: 22px;
    overflow: hidden;
    padding: 10px
}

.map_widget .w-hd h2 {
    height: 23px;
    line-height: 24px;
    color: #333;
    font-weight: 400;
    font-size: 18px;
    overflow: hidden
}

.cn-maplink {
    padding: 5px 5px 10px;
    margin-right: -16px
}

.cn-maplink li {
    float: left;
    margin-right: 15px;
    word-wrap: break-word;
    white-space: nowrap
}

.cn-maplink li a {
    display: block;
    padding: 3px 5px;
    line-height: 22px;
    font-size: 14px
}

.cn-maplink-hot {
    padding: 10px 10px 5px
}

.cn-maplink-hot li {
    float: left;
    width: 33%;
    line-height: 32px;
    font-size: 14px;
    margin-bottom: 10px
}

.cn-maplink-hot li .in {
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cn-maplink-hot li img {
    width: 32px;
    height: 32px
}

.map-appdown {
    display: block;
    height: 60px;
    padding: 10px
}

.map-appdown img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.map-appdown .info {
    float: left;
    height: 60px;
    padding-top: 3px;
    font-size: 14px
}

.map-appdown .info dt {
    margin: 8px 0
}

.map-appdown .btn {
    position: absolute;
    right: 0;
    margin-right: 10px;
    margin-top: 10px;
    background-color: #fff;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #52B929;
    color: #52B929;
    font-size: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.emt_a .special_video {
    text-align: center;
    background: #000;
    font-size: 0;
    position: relative
}

.emt_a .special_detail video {
    width: 320px;
    display: inline-block
}

@media (min-width: 479px) {
    .emt_a .game_list_1 li .avatar {
        height: 116px
    }

    .emt_a .category_list li .avatar {
        min-height: 126px
    }

    .emt_a .videoplayer video {
        width: 300px;
        height: 169px
    }

    .emt_a .special_detail video {
        width: 480px;
        height: 270px
    }
}

@media (min-width: 639px) {
    .emt_a .special_list li .avatar {
        min-height: 111px
    }

    .emt_a .videoplayer video {
        width: 400px;
        height: 225px
    }

    .emt_a .special_detail video {
        width: 640px;
        height: 360px
    }
}

@media (min-width: 719px) {
    .emt_a .videoplayer video {
        width: 450px;
        height: 253px
    }

    .emt_a .special_detail video {
        width: 720px;
        height: 405px
    }
}

.btn_download_1 {
    color: #999;
    line-height: 14px;
    position: absolute;
    top: 44px;
    right: 20px
}

.btn_download_1 i {
    background: url(../images/icons.png?1543301161199) -30px -650px no-repeat;
    -webkit-background-size: 200px 800px;
    float: left;
    height: 14px;
    width: 14px;
    margin-right: 5px
}

.game_data .meta .btn_download_h {
    top: 0
}

.game_data {
    padding-bottom: 10px;
    background-color: #ffffff;
    overflow: hidden
}

.app_dl_box {
    margin: 10px;
    background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(.03, #eee), color-stop(1, #e5e5e5));
    background: -webkit-linear-gradient(bottom, #eee 3%, #e5e5e5) #e5e5e5;
    background-color: #e5e5e5;
    border: 1px solid #d5d5d5;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    overflow: hidden
}

.app_dl_box .i_app {
    height: 38px;
    width: 38px;
    background: url(../images/logo.png?1543301161199) no-repeat;
    -webkit-background-size: 100% 100%;
    float: left;
    margin: 4px 15px 0 20px
}

.app_dl_box .i_dl {
    float: right;
    height: 18px;
    width: 18px;
    background: url(../images/dl.gif?1543301161199) no-repeat;
    -webkit-background-size: 100% 100%;
    margin: 13px 20px 0 0
}

.game_test .tit, .game_test li {
    margin-right: 10px
}

.app_dl_box .title {
    float: left
}

.game_test {
    overflow: hidden;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 8px
}

.game_test li {
    overflow: hidden;
    float: left;
    color: #999;
    line-height: 16px;
    height: 16px
}

.game_test li i {
    margin-right: 4px
}

.game_tip {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 12px;
    padding-left: 10px
}

.game_tip em {
    color: #f80;
    font-style: normal
}

.ico_hasad, .ico_neednetwork, .ico_nosafe, .ico_notneednetwork, .ico_ok {
    height: 15px;
    width: 15px;
    background: url(../images/icons.png?1543301161199) -40px -560px no-repeat;
    -webkit-background-size: 200px 800px;
    float: left
}

.ico_nosafe {
    background-position: -55px -560px
}

.ico_hasad {
    background-position: -70px -560px
}

.ico_neednetwork {
    background-position: -105px -648px;
    width: 16px
}

.ico_notneednetwork {
    background-position: -105px -664px;
    width: 16px
}

.app-guide {
    position: fixed;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, .7);
    overflow: hidden
}

.app-guide .m-close {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: no-repeat left top url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAMAAABE+WOeAAAAYFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZzc3Pk5OT///9vb2/x8fHm5ua6dh9/AAAAGXRSTlMA/MqJpnz2JSAG79ugSEQJ5pFkXjTSvU5LnS8Y4wAAAPNJREFUSMe100l2wyAQBNBikjXZ8pQBFNn3v2WyK5KATS3cK+nptx40BaJU0Hwn+lH0k+it6L3onejPor9mPm35ly0VuFno023NSFpvqTQe+m39YkP6edmK20XMTcof/9cnPVWddws9XZXHGfRsqPJ4oM8aqvwI+qyhxqPTvOkhrWcGlP2aHQBhnh4A2s6Lv2/PQwB9IW/3P3mbBvpinu+/87wHfcN9OYG+oewg+bGH4s0HJH+B5AMk7yD5AMWbCxQ/7qF420PxboDgpwPQ7ruwQPB+BzR7M1M/90fXA62+85z4M2/eA0fyyL9Z60/n64BX1DeaxqH1wza15QAAAABJRU5ErkJggg==);
    -webkit-background-size: 23px 23px;
    background-size: 23px 23px
}

.app-guide .m-icon {
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/APP-icon.png);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    margin: 4px 10px 0 30px
}

.app-guide dl {
    float: left;
    color: #fff;
    padding: 6px 0
}

.app-guide dt {
    font-size: 18px;
    margin-bottom: 2px
}

.app-guide dd {
    font-size: 12px
}

.app-guide .m-btn {
    float: right;
    color: #fff;
    background: #54ba3d;
    font-size: 15px;
    text-align: center;
    height: 32px;
    width: 80px;
    margin: 8px 10px;
    line-height: 32px
}

.app-guide .m-btn:active {
    background: #4BB334
}

.m_footer_tips {
    font-size:9px;
    border-top:solid 1px #dedede;
    line-height:1;
    text-align:center;
    color: #999;
    margin-bottom: 50px;
    background-color: #eee;
    padding-bottom: 5px;
}
.m_footer_tips a {
    color: #999;
}
.m_footer_tips .title{
    line-height:1;
    margin-top:10px;
    margin-bottom:7px;
}
.m_footer_tips .content {
    line-height: 16px;
}

.m_footer_tips .content span{
    display: inline-block;
}

.m_footer_tips .title i{
    display: inline-block;
    margin-right:8.5px;
    width:13px;
    height:13px;
    background:url(https://fs.img4399.com/ma~330_20180102184423_5a4b62871b765.png?t=1514889863) no-repeat;
    background-size:100% auto;
    vertical-align: middle;
}
.m_footer_tips .title i.mww{
    background: url(https://fs.img4399.com/ma~576_20180810134115_5b6d257b7fd9e.png?t=1533879675) no-repeat;
    background-size:100% auto;
}
.m_footer_tips .title i.mgw{
    background: url(https://fs.img4399.com/ma~330_20180102184423_5a4b62871b765.png?t=1514889863) no-repeat;
    background-size:100% auto;
}

.m_null_tips {
    font-size:10px;
    color: #999999;
    line-height: 16px;
    margin-top: 8px;
    margin-left: -67px;
}
.m_null_tips i {
    float: left;
    width:9px;
    height: 9px;
    margin-top:3px;
    background:url("../images/icon_sign.png") no-repeat;
    background-size:100%;
    vertical-align: middle;
    margin-right:5px;
}
.copybox{
    height: 0;
    overflow: hidden;
}
.copySuccessTips{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10;
}
.copySuccessBox{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 255px;
    height: 280px;
    background: url("../images/copy_tips_bg.png") no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.copySuccessBox .copySuccessClose{
    position: absolute;
    left: 10px;
    top: -36px;
    width: 24px;
    height: 24px;
    background: url("../images/copy_tips_close.png") no-repeat;
    background-size: 100% 100%;
}
.copySuccessBox .copySuccessSure{
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 179px;
    height: 35px;
    background: url("../images/copy_tips_btn.png") no-repeat;
    background-size: 100% 100%;
    border-radius: 18px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 6px 12px rgba(159,67,255,.2), 0 3px 6px rgba(203,66,228,.12);
}
.copySuccessBox .copySuccessSure:active{
    background: url("../images/copy_tips_btn_active.png") no-repeat;
    background-size: 100% 100%;
}
.detailCopySuccessBox{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 93%;
    font-size: 18px;
    background: #fff;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.detailCopySuccessBox .copySuccessTitle{
    line-height: 34px;
    font-size: 100%;
    font-weight: bold;
    color: #333;
    margin: 20px 0 0 20px;
}
.detailCopySuccessBox .copySuccessDesc{
    line-height: 36px;
    font-size: 90%;
    color: #666;
    margin: 0 0 15px 20px;
}
.detailCopySuccessBox .copySuccessBtn{
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
}
.detailCopySuccessBox .copySuccessBtn div{
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 95%;
    color: #666;
}
.detailCopySuccessBox .copySuccessBtn .copySuccessSure{
    color: #54ba3d;
    box-shadow: 1px 0 0 #e5e5e5 inset;
}
.wxcode_tip{
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: -1;
}
.wxcode_box{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    font-size: 18px;
    background: #fff;
    border-radius: 5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 25px;
}
.wxcode_box.wxPubilc_box{
    padding-bottom: 7%;
}
.wxcode_box .wxcode_close{
    position: absolute;
    top: -20%;
    right: 12.5px;
    width: 9.3%;
    height: 20%;
    background: url(../images/wxcode_close.png) bottom center no-repeat;
    background-size: 100% auto;
}
.wxcode_box .wxcode_title{
    margin-top: 7%;
}
.wxcode_box .wxcode_title p{
    width: 100%;
    line-height: 1.3;
    text-align: center;
    font-size: 78%;
    font-weight: 700;
    color: #333;
    margin: 0 auto 7.5px;
    white-space: nowrap;
}
.wxcode_box .wxcode_title .title{
    display: none;
}
.wxcode_box .wxcode_title .title.wx{
    display: block;
}
.wxcode_box .wxcode_title.nowx .title{
    display: block;
}
.wxcode_box .wxcode_title.nowx .title.wx{
    display: none;
}
.wxcode_box .wxcode_title  + ul{
    display: none;
}
.wxcode_box .wxcode_title.nowx  + ul{
    display: block;
}
.wxcode_box .wxPubilc_title p{
    font-size: 90%;
}
.wxcode_box .wxcode_title p em{
    color: #54ba3d;
}
.wxcode_box .code_img{
    display: block;
    width: 60%;
    margin: 0 auto;
}
.wxcode_box ul{
    margin: 6% 0;
    padding-left: 13%;
}
.wxcode_box ul li{
    line-height: 1;
    font-size: 90%;
    color: #666;
    margin-bottom: 4%;
}
.wxcode_box .wxcode_copy{
    position: relative;
    width: 89%;
    line-height: 2.5;
    text-align: center;
    font-size: 100%;
    color: #fff;
    background: #32cc12;
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden;
}
.wxcode_box .wxcode_copy span{
    display: block;
}
.wxcode_box .wxcode_copy em{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: -1;
    -webkit-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto;
}
.wxcode_box .wxcode_describe{
    line-height: 1;
    text-align: center;
    font-size: 83%;
    color: #999;
    margin-top: 4%;
}
.wxcode_box .code_box{
    border-top: 1px dashed #bbb;
    margin: 7% 25px 0;
}
.wxcode_box .code_box p{
    line-height: 1;
    text-align: center;
    font-size: 90%;
    color: #333;
    margin: 7% 0 6%;
}
.wxcode_box .code_box .qrcode{
    width: 116px;
    height: 116px;
    background: url(../images/wxcode.jpg) center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 7%;
}
.toastBox{
    position: fixed;
    bottom: 100px;
    left: 50%;
    max-width: 80%;
    line-height: 25px;
    text-align: center;
    font-size: 17.5px;
    color: #fff;
    background: rgba(0,0,0,.3);
    padding: 12.5px 25px;
    border-radius: 25px;
    word-break: break-all;
    z-index: 100;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-animation: toastAnimate 2s linear;
    -moz-animation: toastAnimate 2s linear;
    -ms-animation: toastAnimate 2s linear;
    animation: toastAnimate 2s linear;
}
.toastBox.toast{
    font-size: 14px;
    background: rgba(0,0,0,.5);
    padding: 5px 10px;
}
@-webkit-keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}
@-moz-keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}
@-ms-keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}
@keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}
.m_libaolingqu_tips{
    height: 30px;
    background: #f8f8f8;
    border-radius: 2.5px;
    margin: 10px 0 4px -67px;
    padding: 5px 6px;
}
.m_libaolingqu_tips i{
    float: left;
    width: 30px;
    height: 30px;
    background: url(../images/cn/app_icon.png);
    background-size: 100% 100%;
    margin-right: 5px;
}
.m_libaolingqu_tips p{
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: .8rem;
    color: #333;
}
.m_libaolingqu_tips p span.wxgzh{
    display: none;
}
.m_libaolingqu_tips p span.wechat_content{
    display: block;
}
.m_libaolingqu_tips.nowx p span.wxgzh{
    display: block;
}
.m_libaolingqu_tips.nowx p span.wechat_content{
    display: none;
}
.m_libaolingqu_tips .m_wxcode_btn{
    position: relative;
    float: right;
    width: 44px;
    height: 20px;
    background: url(../images/follow_btn.png);
    background-size: 100% 100%;
    margin-top: 5px;
}
.m_libaolingqu_tips .m_wxcode_btn i{
    display: none;
    position: absolute;
    top: 21px;
    right: 8px;
    width: 55px;
    height: 20px;
    background: url(../images/lingqu_tips.png);
    background-size: 100% 100%;
}
.toastCopyBox{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 90px;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    margin: -45px 0 0 -65px;
    pointer-events: none;
}
.toastCopyBox i{
    display: block;
    width: 28px;
    height: 23px;
    background: url(../images/toastIcon.png);
    background-size: 100% 100%;
    margin: 20px auto 0;
}
.toastCopyBox span{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
@media (max-width:374px) {
    .wxcode_box,.copySuccessBox{
        font-size: 16px;
    }
}

.m_dialog{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 50;
}
.m_dialog .report_dialog{
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    background: #fff;
    transform: translateY(-50%);
    border-radius: 4px;
    z-index: 1;
}
.report_dialog .dialog_title{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.report_dialog .dialog_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/icon_close.png);
    background-size: 100% 100%;
}
.report_dialog .report_title{
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
    padding: 0 10px;
}
.report_dialog .report_title em{
    float: left;
    color: #F36861;
}
.report_dialog ul{
    margin-bottom: 10px;
    padding: 0 10px;
    overflow: hidden;
}
.report_dialog ul li{
    line-height: 20px;
    font-size: 14px;
    color: #333;
    margin: 5px 0;
    overflow: hidden;
}
.report_dialog ul li i{
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    border-radius: 100%;
    margin: 3px 5px 0 0;
}
.report_dialog ul li.active i::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    background: #54ba3d;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}
.report_dialog .report_content{
    position: relative;
    height: 60px;
    background: #eee;
    margin: 10px;
    padding: 5px;
}
.report_dialog textarea{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    background: none;
    border: none;
    margin: 0;
    resize: none;
    outline: none;
    word-break: break-all;
}
.report_dialog .report_btn{
    overflow: hidden;
}
.report_dialog .report_btn div{
    float: left;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
.report_dialog .report_btn div span{
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
}
.report_dialog .report_btn .report_cancel span{
    color: #333;
    border: 1px solid #ccc;
}
.report_dialog .report_btn .report_confirm span{
    color: #fff;
    background: #54ba3d;
}
.report_dialog .report_success_title{
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.report_dialog .report_success_desc{
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #999;
}
.report_dialog .report_success_btn{
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #54ba3d;
    border-radius: 4px;
    margin: 20px 10px;
}

/* 举报 */
.m_dialog_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0, 0, 0, 0);
    display: none;
}
.m_dialog_popup .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.m_dialog_popup .md_download {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    box-sizing: border-box;
    width: 324px;
    background: #fff;
    border-radius: 8px;
    padding: 26px;
    /*height:185px;*/
    padding-bottom: 0;
}
.md_download .title {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    font-size: 16px;
}
.m_dialog_popup .md_download .content {
    padding: 26px 0;
    line-height: 22px;
    font-size: 14px;
}
 .m_dialog_popup .md_download .btn {
    border-top: 1px solid #eee;
    margin: 0 -26px;
    position: relative;
     height:48px;
}
.m_dialog_popup .md_download .btn a {
    width: 50%;
    text-align: center;
    line-height:48px;
    font-size: 16px;
}
.m_dialog_popup .md_download .btn::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 48px;
    background-color: #eee;
    left: 50%;
}
.m_dialog_popup .md_download .b_download {
    color: #54BA3D;
}