@charset "utf-8";
*{margin: 0px;padding: 0px;list-style: none;border: none;}
* a{text-decoration: none;color: #333;}
* .hide{display: none;}
html body{position: absolute;margin: 0;padding: 0;width: 100%;background: #3a3e4a;font-family: arial, "微软雅黑", STHeiti, "Microsoft Yahei", tahoma, 'Hiragino Sans GB', sans-serif;overflow-x: hidden;}
html body ::-webkit-scrollbar{width: 0;}
html{font-size:15.625vw;}
@media screen and (min-width:640px){html{font-size:100px}}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clear{clear: both;content: ".";display: block;height: 0;margin: 0;padding: 0;visibility: hidden;}
.oh{ overflow:hidden}
.pr{ position:relative}
.pa{ position:absolute}
.fl{float:left;}
.fr{float:right;}
ol,ul{list-style:none;}
.db{display: block;}
.dn{display:none;}
.flex{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center}

.login_flow_box{position: fixed;font-size: 18px;color: #FFF;top: 30%;left: 10%;width: 80%;padding-top: 12px;padding-bottom: 12px;z-index: 9999999999;text-align: center;border-radius: 10px;background: rgba(0, 0, 0, .6);}
.wrap{position: relative;margin-left: auto;margin-right: auto;max-width: 640px;padding-bottom: 46px;background: #ffffff;overflow-x: hidden;}
.wrap .wrap_bg{position: fixed;margin: auto;left: 0;right: 0;top: 0;bottom: 0;height: 100%;width: 640px;background: #ffffff;z-index: -1;}
.wrap .top{position: relative;margin: 0;padding: 0;width: 100%;height: 38px; background: #0896d8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;z-index:999;justify-content: space-between;}
.wrap .top .logo{width: 30%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.wrap .top .userinfo{width: 30%; height: 100%;line-height: 46px;color: #fff;white-space:nowrap;display: -webkit-flex; display: flex; justify-content: flex-start;}
.wrap .top .logo img{display: block; margin:0px auto; width: 70px; background-size: 100% 100%;}
.wrap .top .userinfo img{width: 46px;height: 46px; margin: 0px 0.5rem 0 1rem; border-radius:50%;border:1px solid #0896d8}
.wrap .top .userinfo span{display:inline-block;color:#ffffff;line-height:38px;}
.wrap .top .search{width:13rem; height: 38px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.wrap .top .search .search_bg{display: block; margin-left: auto; margin-right: auto; width: 90%; height: 24px; border-radius: 6px; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap .top .search .search_bg .text{margin-left: 12px; width: 75%; height: 100%;}
.wrap .top .search .search_bg .text input{width: 100%; height: 100%; font-size: .875rem; color: #979797; outline: none; background: #ffffff;}
.wrap .top .search .search_bg .search_btn{width: 20%; height: 100%;}
.wrap .top .search .search_bg .search_btn .img_box{float: right;}
.wrap .top .search .search_bg .search_btn .img_box button{background: url(../images/0_tb_ss.jpg); background-size: 100% 100%; width: 16px; height: 16px; display: block; margin-top: 4px; margin-right: 10px;}
.wrap .top .top_box{position: relative; margin: 0 auto; width: 94%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap .top .top_box .back{margin: 0; width: 60px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap .top .top_box .back img{height: 18px; margin-top: 13px;}
.wrap .top .top_box .back span{line-height: 46px; height: 46px; font-size: 15px; color: #FFFFFF; vertical-align: middle;}
.wrap .top .top_box .back .text_ri{display: block; width: 100%; text-align: right;}
.wrap .top .top_box .search2{width: auto; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1;}
.wrap .top .top_box .search2 .search_bg{margin: 0 0 0 10%;}
.wrap .top .top_box .search2 .search_bg input{color: #FFFFFF;}
.wrap .top .top_box .top_title{-webkit-flex-grow: 1; flex-grow: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.wrap .top .top_box .top_title span{display: block; color: #FFFFFF; font-size: 20px;}
.wrap .top .subscribe{height: 100%;padding:0px 1rem 0 .5rem;}
.wrap .top .download{width: 20%; height: 100%; text-align: center;}
.wrap .top .subscribe a{height: 100%; line-height: 38px; text-decoration: none; font-size:.9rem; color: #FFFFFF; display: block; vertical-align: middle;white-space:nowrap}
.wrap .top .download{display: -webkit-flex;display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items:center}
.wrap .top .download .icon-mobile{font-size: 1.2rem;animation: icon-mobile-bounce 1s infinite linear;display: inline-block;font-family: 'webfont';font-style: normal;;color: #ffffff;height:1.2rem}
/*animate*/
@-webkit-keyframes icon-mobile-bounce {
    0%, 100% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(15deg);}
    50% {-webkit-transform: rotate(-15deg);}
    75% {-webkit-transform: rotate(5deg);}
    85% {-webkit-transform: rotate(-5deg);}
}
@-moz-keyframes icon-mobile-bounce {
    0%, 100% {-moz-transform: rotate(0deg);}
    25% {-moz-transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);}
    75% {-moz-transform: rotate(5deg);}
    85% {-moz-transform: rotate(-5deg);}
}
@keyframes icon-mobile-bounce {
    0%, 100% {transform: rotate(0deg);}
    25% {transform: rotate(15deg);}
    50% {transform: rotate(-15deg);}
    75% {transform: rotate(5deg);}
    85% {transform: rotate(-5deg);}
}
#notic{position: fixed;z-index: 999;width: 50%;height: 100px;background: #ffffff;left: 50%;margin-left: -25%;top: 50%;margin-top: -50px;text-align: center;font-size:0.8rem;display:none;border: 1px solid #e5e5e7;}
#notic p{height: 70px;line-height: 70px;}
#notic a{height: 30px;line-height: 30px;}
.wrap .top .download .icon-mobile:before{content: "\e800";}
.wrap .top .download a{font-size:.725rem;line-height: 46px;color: #ffffff;text-decoration: underline;white-space: nowrap;text-indent: 4px;}
.wrap .top_zd{position: fixed; z-index: 999; max-width: 640px;}
.wrap .banner{margin: 0; padding: 0; width: 100%;}
.wrap .banner img{display: block; width: 100%;max-height:252px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFF;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background: #555; border: 1px solid #fff;}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom: -2px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background: #000;}
.wrap .history{padding: 0; width: 100%; height: 115px; background: #FFFFFF;display:none;}
.wrap .history .item_box{margin-left: auto; margin-right: auto; width:100%; height: 25px; border-bottom: 1px solid #e4e2e3;background:#efeef4}
.wrap .history .item_box .item{height: 100%; float: left; display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;text-indent: 0.8rem;}
.wrap .history .item_box .item img{height:20px;margin: 6px 10px;float: left;}
.wrap .history .item_box .item span{font-size: 0.95rem; height: 100%; line-height: 27px; vertical-align: middle;color: #4a4848;}
.wrap .history .item_box .item i{font-family: "icomoon";display: block;width: 20px;height: 20px;margin: 0 10px;color: #fff;line-height: 20px;font-size: 2.4rem;border-radius: 50%;font-style: normal;text-indent: -0.54rem;background: #f3ae14;}
.wrap .history .item_box .item i:before {content: "\e905";}
.wrap .history .game_box{position: relative; display: block; margin: 0; padding: 0; width: 100%; height:90px; overflow: hidden;}
.wrap .history .game_box .swiper-container_wg{left:0; width: 100%; height: 100%;}
.wrap .history .game_box .swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg{width: 80px; height: 100%;}
.wrap .history .game_box .swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon{display: inline-block; margin-top: 10px; width:100%; height:50px;text-align:center}
.wrap .history .game_box .swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .icon img{width: 50px; border-radius: 10px;margin:0px auto;}
.wrap .history .game_box .swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .name{display: block; margin-top: 0px; width: 100%; /*text-align: center;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap .history .game_box .swiper-container_wg .swiper-wrapper_wg .swiper-slide_wg .name span{display: block;width: 100%;font-size: 12px;text-align: center;white-space: nowrap;}

.wrap .nav{width: 100%; height: 44px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1px; padding: 0; background: #FFFFFF;border-top: 1px solid #e2dfdf;border-bottom: 1px solid #e2dfdf;}
.wrap .nav a{display: block; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; text-align: center; text-decoration: none; font-size: 15px; color: #000000; height: 100%; line-height: 46px; vertical-align: middle;width: 20%;margin: 0 10px;position: relative;}
.wrap .nav a .dot{display: block;width: 0.4em;height:0.4em;border-radius: 50%;background: red;position: absolute;top: 1vw;left: 50%;margin-left: 1.5em;}
.wrap .nav a:visited{color: #000000}
.wrap .nav a:hover{color: #000000}
.wrap .nav a:active{color: #000000}
.wrap .nav span{margin-left: auto; margin-right: auto; display: block; width: 64px;}
.wrap .nav .on{height: 44px; line-height: 46px; color:#419CF7 !important; border-bottom: 2px solid #419CF7;}


.js-nav-list .hd ul{width: 100%; height: 44px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 1px; padding: 0; background: #FFFFFF;border-top: 1px solid #e2dfdf;border-bottom: 1px solid #e2dfdf;}
.js-nav-list .hd ul li{display: block; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; text-align: center; text-decoration: none; font-size: 15px; color: #000000; height: 100%; line-height: 46px; vertical-align: middle;width: 20%;margin: 0 10px;position: relative;}
.js-nav-list .hd ul li .dot{display: block;width: 0.4em;height:0.4em;border-radius: 50%;background: red;position: absolute;top: 1vw;left: 50%;margin-left: 1.5em;}
.js-nav-list .hd ul li:visited{color: #000000}
.js-nav-list .hd ul li:hover{color: #000000}
.js-nav-list .hd ul li:active{color: #000000}
.js-nav-list .hd ul span{margin-left: auto; margin-right: auto; display: block; width: 64px;}
.js-nav-list .hd ul .on{height: 44px; line-height: 46px; color:#419CF7 !important; border-bottom: 2px solid #419CF7;}

.wrap .columns{position: relative; background: #FFFFFF;}
.wrap .columns .title{width: 100%;clear:both; height: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyAQMAAACnNSPJAAAABlBMVEX////i39/vaMElAAAADUlEQVQI12NoIAJSCADiggkBmxnH5gAAAABJRU5ErkJggg==);}
.wrap .columns .title .title_box{position: relative; display: block; margin-left: auto; margin-right: auto; width: 94%; height: 36px;}
.wrap .columns .title .title_box .img{margin-top: 14px; height: 36px; float: left;}
.wrap .columns .title .title_box .img img{display: block; height: 36px;}
.wrap .columns .title .title_box .more{position: relative; margin-top: 14px; width: 80px; height: 36px; float: right; text-align: right;}
.wrap .columns .title .title_box .more a{margin-top: 4px; display: block; font-size: 12px; color: #525353; height: 32px; line-height: 32px; vertical-align: middle;}
.wrap .columns .title .title_box .more a img{height: 10px;}
.wrap .columns .guanggao{clear: both; position: relative; margin: 0; padding: 0; width: 100%;}
.wrap .columns .guanggao img{margin: 0; padding: 0; display: block; width: 100%;}
.wrap .columns .liubuju_game{position: relative; margin-left: -2px; padding-top: 14px; width: 100%;}
.wrap .columns .liubuju_game .liubuju_game1{width: 100%; margin-left: 1%;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox{position: relative; margin-bottom: 14px; width: 49%; display: inline-block;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon{position: relative; display: block; margin-left: auto; margin-right: auto; width: 10rem; height: 5rem;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon img{width: 10rem; height: 5rem; border-radius: 12px;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon .decs_msg{height: 21px; line-height: 21px; position: absolute; left: 0; bottom: 0; width: 100%; color: #FFFFFF; font-size: 12px; background-color: #000000; opacity: .6; border-radius: 0 0 12px 12px; z-index: 998;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon .decs_msg .name{float: left; width:100%;text-align:center}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon .decs_msg .count{float: right; text-align: right; padding: 0 8px 0 0;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail{margin-left: auto; margin-right: auto; margin-top: 8px; width: 10rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .decs{width: 7.125rem;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .decs .name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .decs .msg span{font-size: 11px; color: #868585;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .decs .msg .type{color: #37bc9b;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .button{margin-top: 2px; width: 2.875rem; height: 1.4375rem;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .button img{display: block; width: 2.875rem; height: 1.4375rem; border-radius: 6px;}

.wrap .columns .loading,#gifts_con .loading{text-align:center;font-size:14px;line-height:200%}
.wrap .columns .hengtiao_game{border-bottom: 1px solid #e2dfdf; width: 100%; height: 66px; background: #FFFFFF;}
/*.wrap .columns .hengtiao_game:nth-child(1){border-top:none}*/
.wrap .columns .hengtiao_game .game_box{position: relative; margin-left: auto; margin-right: auto; width: 94%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.wrap .columns .hengtiao_game .game_box .icon{margin-top: auto; margin-bottom: auto; width: 50px; height: 50px;}
.wrap .columns .hengtiao_game .game_box .icon img{display: block; width: 50px; height: 50px; border-radius: 10px;}
.wrap .columns .hengtiao_game .game_box .jp{color: #ffffff;background: #ef4744;font-style: normal;font-size: 8px;padding:0.03rem 0.2rem;position: absolute;top: -5px;right:0px;border-radius:0.2rem}

.wrap .columns .hengtiao_game .game_box .detail{display: block; margin-left: 8px; margin-top: auto; margin-bottom: auto; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1;}
.wrap .columns .hengtiao_game .game_box .detail .name{overflow: hidden; vertical-align: bottom; text-overflow: ellipsis; border-color: #868585; color: #868585; line-height: 1; height: auto; display: flex;margin:0.2em 0 0.1em 0}
.wrap .columns .hengtiao_game .game_box .detail .name span{font-size: 14px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; margin-right: .5em;display: inline-block;height: 20px;line-height: 20px;}
.wrap .columns .hengtiao_game .game_box .detail .name .label{flex: 1; height: 1.3em; overflow: hidden;}
.wrap .columns .hengtiao_game .game_box .detail .name .label > i{display: inline-block; white-space: nowrap; font-size: 60%; border: 1px solid transparent; border-radius: 5px; padding: 2px; margin: 0 .2em 0; font-style: normal;}
.wrap .columns .hengtiao_game .game_box .detail .name .type{font-size: 11px; color: #37bc9b; height: 14px; line-height: 14px; vertical-align: middle;}
.wrap .columns .hengtiao_game .game_box .detail .msg{width: 12rem;height:22px;line-height:22px;font-size:12px;color:#666666;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#kfb_con .hengtiao_game .game_box .detail .msg{height:18px;line-height:18px;}
.wrap .columns .hengtiao_game .game_box .detail .msg span{font-size: 12px; color: #333;}
.wrap .columns .hengtiao_game .game_box .detail .msg .type{color: #37bc9b;}
.wrap .columns .hengtiao_game .game_box .detail .msg .time{color: #db4453;}
.wrap .columns .hengtiao_game .game_box .detail .num{margin-top: 4px;}
.wrap .columns .hengtiao_game .game_box .detail .num .num_text{display: inline-block; font-size: 13px; color: #db4453;}
.wrap .columns .hengtiao_game .game_box .detail .num .jindutiao{display: inline-block; width: 92px; line-height: 13px; height: 13px; border: 1px solid #db4453;}
.wrap .columns .hengtiao_game .game_box .detail .num .jindutiao .jindu{display: inline-block; line-height: 13px; height: 13px; background: #db4453;}
.wrap .columns .hengtiao_game .game_box .detail .open_time{display: block; margin-top: 4px;}
.wrap .columns .hengtiao_game .game_box .detail .open_time span{font-size: 13px;}
.wrap .columns .hengtiao_game .game_box .detail .open_time .yjs_text{color: #bebebe;}
.wrap .columns .hengtiao_game .game_box .button{position:relative;display: block; margin-top: auto; margin-bottom: auto; width: 60px; height: 28px; text-align: center;font-size: 0.8rem;line-height: 28px;color: #ffffff;background:#44a0fb;border-radius: 6px; }
.wrap .columns .hengtiao_game .game_box .button a{position:absolute;display:block;width: 58px; height: 28px;font-size: 14px;line-height:28px;left:0;top:0;color: #ffffff;white-space:nowrap}
.wrap .columns .hengtiao_game .game_box .button span{height: 28px; line-height: 28px; font-size: 14px; border-radius: 6px; color: #FFFFFF;}
.wrap .columns .hengtiao_game .game_box .button img{width: 58px; height: 28px;}
.wrap .columns .hengtiao_game .game_box .yiyong{background: #dedddd;}
.wrap .columns .hengtiao_game .game_box .bukeyong{background: #a1a2a2;}
.wrap .columns .hengtiao_game2{height: 101px;}
.wrap .columns .hengtiao_game2 .game_box .icon{width: 70px; height: 70px;}
.wrap .columns .hengtiao_game2 .game_box .icon img{width: 70px; height: 70px;}
.wrap .columns .hengtiao_game2 .game_box .detail .name{width: 180px;}
.wrap .columns .hengtiao_game2 .game_box .detail .name span{display: block; font-size: 15px;}
.wrap .columns .hengtiao_game2 .game_box .detail .name .type{font-size: 11px;}
.wrap .columns .hengtiao_game2 .game_box .detail .duihuanma{margin-top: 14px; width: 180px; min-height: 21px; background: #db4453; border-radius: 6px;}
.wrap .columns .hengtiao_game2 .game_box .detail .duihuanma p{display: block; margin-left: 4px; font-size: 14px; color: #FFFFFF; line-height: 21px; vertical-align: middle; width: 100%;}
.wrap .columns .hengtiao_game2 .game_box .detail .duihuanma p span{line-height: 21px; white-space: pre-wrap; vertical-align: middle;}
.wrap .columns .hengtiao_game2 .game_box .button{height: 46px;}
.wrap .columns .hengtiao_game2 .game_box .button span{height: 46px; line-height: 46px; font-size: 15px; border-radius: 6px;}

@media only screen and (max-width: 340px){html{font-size: 15px;} .wrap .columns .hengtiao_game2 .game_box .detail .name{width: 160px;} .wrap .columns .hengtiao_game2 .game_box .detail .duihuanma{width: 160px;} .wrap .columns .hengtiao_game2 .game_box .detail .duihuanma .dhm_val{font-size: 12px;} .wrap .columns_nc .text .input_box span{max-width: 180px;} .wrap .columns_nc .text .input_box .zhanghao{font-size: 14px; max-width: 235px;} .wrap .lt_content .content_box .text_content .text .zi span{margin: 8px 7px;} .wrap_qd{width: 302px;} .wrap_qd .dateTable .table_content{width: 301px;} .wrap_qd .dateTable .table_content .td{width: 42px;}}
@media only screen and (min-width: 400px){html{font-size: 18px;} .wrap .gy68 .logo{margin-top: -78px; margin-left: -80px; width: 160px;} .wrap .gy68 .text .text2{margin-top: 35%;}}
@media only screen and (min-width: 500px){.wrap{padding-bottom: 46px;} .wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox{width: 32.3%;} .wrap .lt_content .content_box .text_content .text .zi span{margin: 8px 7px;} .wrap2{padding-bottom: 0; max-width: 420px;}}
#showRightTopQrCodeMask{z-index: 9998; display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .5);}
#showRightTopQrCode{z-index: 9998; display: none; position: fixed; top: 50%; left: 50%;}
#showRightTopQrCode img{width:100%;vertical-align: bottom;}
#showRightTopQrCode .relative{position: relative;}
#showRightTopQrCode .relative .close{position: absolute; /*background-color:rgba(0,0,255,.5);*/ width: 24px; height: 24px; right: 5px; top: 5px; z-index: 9999;}
#showRightTopQrCode .qcode{background: #F0F0F6;text-align: center;padding: 20px 0;border: 1px solid #000;border-radius: 0 0 0.7rem 0.7rem;}
#showRightTopQrCode .qcode b,#showRightTopQrCode .qcode span{display:block;}
#showRightTopQrCode .qcode b{line-height: 4rem;font-size: 1.3rem;}
#showRightTopQrCode .qcode span{line-height: 3rem;color: #5D5D5C;}
.denglu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999;display:none;}
.denglu1{max-width: 640px; width: 100%; height: 100%; margin: auto; background: rgba(0, 0, 0, 0.5);}
.denglu1 .null{height: 10%;}
.denglu1 .bd{border-bottom: 1px solid #a9a9aa;}
.denglu1_1{width: 76.5625%; margin: auto; background: #F5F5F5; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding-bottom: 2%; position: relative;}
.denglu1_1 .fanhui{position: absolute; top: 6%; left: 5%; width: 12%;}
.denglu1_1 .denglu_1_a{width: 38%; margin: auto; padding: 2.5% 0; position: relative;}
.denglu1_1 .denglu_1_a span{position: absolute; left: 0;}
.denglu1_1 .fanhui_2{position: absolute; top: 6%; right: 5%; width: 12%; cursor: pointer;}
.denglu1_1 .denglu_1_b{border-bottom: 1px solid #b2b3b3; border-top: 1px solid #b2b3b3;}
.denglu1_1 .denglu_1_b .shuru,.denglu1_1 .denglu_1_b .shuru2{width: 85%;height:30px; margin: auto; font-size: 0; padding: 5px 0; background: #ffffff; border: 1px solid #D4D4D4; margin: 10px auto;}
.denglu1 .shuru span,.denglu1 .shuru2 span{height:100%;}
.denglu1 .shuru span img,.denglu1 .shuru2 span img{width:20px;height:20px;position: absolute; top: 50%;margin-top:-10px;}
.denglu1_1 .denglu_1_b .shuru span:nth-child(1){width: 8%; display: inline-block;vertical-align: top;position: relative;margin-left:2%}
.denglu1_1 .denglu_1_b .shuru span:nth-child(2){width: 78%; display: inline-block; margin-left: 2%;}
.denglu1_1 .denglu_1_b .shuru span:nth-child(2) input{height:30px;line-height:30px; outline: none; border: none; width: 100%; color: #000000; font-size: 18px;}
.denglu1_1 .denglu_1_b .shuru span:nth-child(3){width: 6.3%; display: inline-block;vertical-align: top;position: relative;}
.denglu1_1 .denglu_1_b .shuru2 span:nth-child(1){float:left;position: relative; width: 8%; display: inline-block;margin-left:2%}
.denglu1_1 .denglu_1_b .shuru2 span:nth-child(2){float:left; width: 78%; display: inline-block; margin-left: 2%;}
.denglu1_1 .denglu_1_b .shuru2 span:nth-child(2) input{height:30px;line-height:30px; outline: none; border: none; width: 100%; color: #000000; font-size: 18px;}
.denglu1_1 .denglu_1_b .shuru2 span:nth-child(3){position: relative; width: 6.3%; display: inline-block;}
#verifyimg{width:50px;height:22px;right:8%;top:10px}
#getcode{width:70px;height:22px;border-radius: 8px;-webkit-border-radius: 8px;line-height:22px;background:#f6bb42;color:#ffffff;font-size:12px;text-align:center;right:10%;top:10px;white-space:nowrap}
.denglu1_1 .denglu_1_cc{width: 100%; margin: auto; font-size: 15px; color: #F00; text-align: center; padding: 2% 0; margin-top: 1%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.denglu1_1 .denglu_1_c{width: 53%; margin: auto; font-size: 24px; color: #FFF; background: #f6bb42; text-align: center; padding: 2% 0; margin-top: 10%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.denglu1_1 .zhuce{background: #8cc152;}
.denglu1_1 .denglu_1_d{border-top: 1px solid #b2b3b3; color: #222222; text-align: center; font-size: 16px; padding: 4% 0;}
.denglu1_1 .denglu_1_e{width: 81.5%; margin: auto; padding-bottom: 5%;}
.denglu1_1 .denglu_1_e ul{width: 100%; margin: auto; text-align: justify; padding-top: 2%;}
.denglu1_1 .denglu_1_e ul.ul2{text-align: center;}
.denglu1_1 .denglu_1_e ul.ul2 li:nth-child(1){padding-right: 5%;}
.denglu1_1 .denglu_1_e ul.ul2 li:nth-child(2){padding-left: 5%;}
.denglu1_1 .denglu_1_e ul:after{display: inline-block; width: 100%; content: ' ';}
.denglu1_1 .denglu_1_e ul li{width: 22.5%; display: inline-block; list-style: none;}
.denglu1_1 .denglu_1_f{width: 81.5%; text-align: justify; margin: auto; padding-top: 5%; color: #ffffff; font-size: 16px;}
.denglu1_1 .denglu_1_f:after{display: inline-block; width: 100%; content: ' ';}
.denglu1_1 .denglu_1_f span:nth-child(1){width: 42%; display: inline-block; text-align: center; padding: 2% 0; background: #f6bb42; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.denglu1_1 .denglu_1_f span:nth-child(2){width: 42%; display: inline-block; text-align: center; padding: 2% 0; background: #8cc152; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.denglu1_1 img{width: 100%; height: auto; vertical-align: middle;}
.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .decs .msg{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap .bottom{position: fixed; left: 0; bottom: 0; width: 100%; height: 51px; z-index: 999;}
.wrap .bottom .bottom_box{position: relative; margin-left: auto; margin-right: auto; max-width: 640px; height: 51px; background: #343434; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.wrap .bottom .bottom_box a{display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; width: 25%; height: 100%; text-align: center;}
.wrap .bottom .bottom_box a img{display: block; height: 35px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width: 340px){
	html{font-size: 15px;}
	.wrap .top .search .search_bg{width:75%;}
	.wrap .top .userinfo span{display: none;}
	.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon{width: 8.3333rem;height: 4.166rem;}
	.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .icon img{width: 8.3rem;height: 4.16rem;border-radius: 10px;}
	.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail{width: 8.3rem;}
	.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox .detail .decs{width: 5.425rem;}
	.wrap .columns .hengtiao_game2 .game_box .detail .name{width: 160px;} 
	.wrap .columns .hengtiao_game2 .game_box .detail .duihuanma{width: 160px;} 
	.wrap .columns .hengtiao_game2 .game_box .detail .duihuanma .dhm_val{font-size: 12px;} 
	.wrap .columns_nc .text .input_box span{max-width: 180px;} 
	.wrap .columns_nc .text .input_box .zhanghao{font-size: 14px; max-width: 235px;} 
	.wrap .lt_content .content_box .text_content .text .zi span{margin: 8px 7px;} 
	.wrap_qd{width: 302px;} .wrap_qd .dateTable .table_content{width: 301px;} 
	.wrap_qd .dateTable .table_content .td{width: 42px;}
	.wrap .top .search .search_bg .text input{font-size:0.75rem}
}
@media only screen and (max-width: 426px){
	.wrap .top .search .search_bg{width:65%;}
	.wrap .top .userinfo span{display: none;}
	.wrap .top .search .search_bg .text input{font-size:0.75rem}
}
@media only screen and (min-width: 375px){
	.wrap .columns .hengtiao_game .game_box .detail .msg{width: 14rem;}
}
@media only screen and (min-width: 400px){
	html{font-size: 18px;}
	.wrap .gy68 .logo{margin-top: -78px; margin-left: -80px; width: 160px;}
	.wrap .gy68 .text .text2{margin-top: 35%;}
	.wrap .columns .hengtiao_game .game_box .detail .msg{width: 16rem;}
}
@media only screen and (min-width: 500px){
	.wrap .columns .liubuju_game .liubuju_game1 .lbj_gamebox{width: 32.3%;}
	.wrap .bottom{height: 71px;} .wrap .bottom .bottom_box{height: 71px;}
	.wrap .bottom .bottom_box a img{height: 45px;}
	.wrap .lt_content .content_box .text_content .text .zi span{margin: 8px 7px;}
	.wrap2{padding-bottom: 0; max-width: 420px;}
	.wrap .columns .hengtiao_game .game_box .detail .msg{width: 24rem;}
}
@media only screen and (min-width: 675px){
	.wrap .columns .hengtiao_game .game_box .detail .msg{width: 30rem;}
}
#copyright{display: none; text-align: right; font-size: 9px; position: fixed; right: 5px; bottom: 5px; color: #FFFFFF; z-index: 9999;}
#copyright a{display: block; color: #FFFFFF;}
@media only screen and (min-width: 720px){#copyright{display: block;}}
@media only screen and (min-width: 640px){.wrap .nav a .dot{top: 0.5vw;}}


#gzhcode{position:fixed;top:100px;left:50%;display:none;z-index:9999;text-align:center;line-height:32px;font-size:16px;background:#ffffff}
#gzhcode img{width:100%}
.wrap{min-height:90%;}

#detail_con>a>img{width:100%;}
#detail_con .gametitle{height: 63px;}
#detail_con .gametitle img{float:left;height: 50px;margin: 5px 10px;}
#detail_con .gametitle div{color:#7b7b7b;font-size:14px;float: left;padding-top: 6px;}
#detail_con .gametitle div span{font-size:16px;color:#000;line-height:28px;}
#detail_con .gametitle a{display:block;width:70px;height: 29px;line-height: 29px;color:#ffffff;text-align:center;float:right;background: #2697fd;border-radius: 0.2rem;margin: 15px 20px  15px 0px;font-size:.8rem}

#detail_con .synopsis div{height:2rem;line-height:2rem;border-bottom: .05rem solid #f0eff4;color:#919191;font-size:.9rem;}
	#detail_con .synopsis div img{height:20px;margin:.4rem 10px;float:left}
	#detail_con .synopsis p{width: 95%;margin: 10px auto;font-size:.9rem}
	#game_img{ padding:5px 0; background:#fff; overflow:hidden;}
	#game_img .swiper-container { height:250px; margin:10px 10px 10px 10px;position:relative;overflow:hidden;z-index:1;}
	#game_img .swiper-slide{ width:auto;height:250px;float:left;}
	#game_img .swiper-slide img { display:block; height:246px; margin:0 10px 0 0;}
	
	.libao-list{ margin:0 0 10px 0;}
	.libao-list ul{text-align:center;line-height:40px;}
	.libao-list li{ position:relative; background:#fff; border-radius:0px; border-bottom:0px solid #D7D7D7; padding:8px 8px 8px 10px; overflow:hidden;text-align:left;}
	.libao-list li:last-child { border-top:1px solid #D7D7D7;}
	.libao-list li a{ display:block; width:100%; overflow:hidden;}
	.libao-list li i { float:left; background:url(/Public/h5/images/icon-default.png) no-repeat; background-size:cover; width:64px; height:64px; display:inline-block; overflow:hidden; margin:3px 0 0 0; border-radius: 12px;}
	.libao-list li i img{width:100%; height: 100%;}
	.libao-list li i span.new{ position:absolute; left:9px; top:10px;}
	.libao-list li dl{ float:left; margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:70%;}
	.libao-list li dt{ font-size:14px; line-height:30px; color:#4C4B4C;}
	.libao-list li dt strong{ font-weight:500;}
	.libao-list li dd,.libao-list li dd p{ color:#666; line-height:18px; height:18px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.libao-list li dd.fenlei{ color:#666; font-size:12px;}
	.libao-list li dd.fenlei span{ float:left;vertical-align:top;}
	.libao-list li dd.fenlei span em{ color:#FD9937;}
	.libao-list li .play{ position:absolute; right:3%; top:26px; width:74px; display:block; vertical-align:middle}
	.libao-list li .btn-blue{ position:absolute; right:3%; top:24px; width:60px; height:30px; display:block; vertical-align:middle; background:#2697fd; text-align:center; line-height:30px; border-radius:4px; color:#fff; font-size:12px;}
	
	.libao-list li dd.fenlei .progress{ position: relative; top:1px; width:55%; height: 14px; overflow: hidden; background-color: #d7d7d7; border-radius: 8px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
	.libao-list li dd.fenlei .progress-bar{ background-color: #2697fd; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; float: left; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; transition: width .6s ease; box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);}
	.libao-list li dd.fenlei .sr-only{ position: absolute; left:40%; text-align:center; margin:0 auto; color:#fff; font-size:12px; line-height:14px;}
	.libao-list li .content{color:#666;line-height: 22px;width:90%;}
	.libao_info{overflow:hidden;background:url(../images/libao_bg.jpg) no-repeat;background-size:cover}
	.libao_info .back{position:absolute; top:5px; left:5px; line-height:36px; padding-left:22px; font-size:16px; display:block;}
	.libao_info .back a{ width:40px; height:40px; display:block; color:#fff;}
	.libao_info .back a i{ font:0/0 a; cursor:pointer; content:''; position:absolute; top:10px; left:10px; width:12px; height:12px; border:#fff solid; border-width:0 0 2px 2px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
	.libao_info h1{font-size:20px;line-height:2;margin-top:25px;padding:0.5em;text-align:center;color:#fff}
	.libao_info .time{ text-align:center; color:#fff; margin:5px 0; font-size:14px;}
	#detail_con .loading,#detail_con .loaded{text-align:center;font-size:14px;line-height:200%;    margin-bottom: 10px;margin-top: 10px;}
	#detail_con .loadednolb{margin-top:10px;}
	#gamezixun_con{padding-bottom: 30px;}
#copyright{display:none;text-align: right;font-size: 9px;position: fixed;right: 5px;bottom: 5px;color: #FFFFFF;z-index: 9999;}
#copyright a{display: block;color:#FFFFFF;}
@media only screen and (min-width: 720px) {#copyright{display: block;}}

#navcon{display:none}
#xkfnav{padding-top: 10px;}
/*资讯*/
.newsnav{width:90%;height:30px;margin:0px auto;}
.newsnav li{width:50%;height:25px;line-height:25px;border:1px solid #419CF7;top:0px;background:#ffffff;color:#419CF7;text-align:center;}
.newsnav li.on{background:#419CF7;border:1px solid #419CF7;color:#ffffff;z-index:2}
.newsnav li .dot{display: block;width:0.4em;height:0.4em;border-radius: 50%;background: red;position: absolute;top: 0;left: 50%;}
.newsnav a:nth-child(1) li{left:0px;border-radius:5px 0 0 5px;}
.newsnav a:nth-child(1) li .dot{margin-left: 1.5em;}
.newsnav a:nth-child(2) li{right:0px;border-radius:0 5px 5px 0;}
.newsnav a:nth-child(2) li .dot{margin-left: 2em;}

.newlist{width: 95%;margin:0px auto}
.newlist a:visited {color: #868585;background:#ffffff}
.newlist a:hover {color: #868585;background:#ffffff}
.newlist a:active {color: #868585;background:#ffffff}

.newlist li{border-bottom:1px solid #CACACA;margin:10px 0px;padding:0px 5px 10px}
.newlist li i{display: inline-block;white-space: nowrap;font-size: 60%;border: 1px solid transparent;border-radius: 3px;padding: 2px;margin: 0 .2em;font-style: normal;}
.newlist li div{
	width: 80%;
	display: inline-block;
	font-size:14px;
	height:20px;
	overflow:hidden;
	line-height: 28px;
	color:#000;
	width: auto;
	max-width: 65%;
	text-overflow: ellipsis;
	white-space: nowrap;	
	}
.newlist span{right:0px;top:0px;line-height: 28px;}

.news{width:90%;margin:0px auto;}
.news .title{line-height:14px;padding:14px 0 0;text-align:center;font-size:15px;color:#000000;border-bottom:1px solid #CACACA}
.news .title div{color:#868585;height: 30px;line-height: 32px;font-size: 12px;}
.news .content{font-size:14px;line-height:20px;padding-top: 10px;}
.news .content img{width: 100%;height: auto;overflow: hidden;}
.news .content table{width: 100%;height: auto;overflow: hidden;}

/*礼包*/
.giftsearch{height:32px;line-height:32px;width: 100%;margin: 0px auto;background: #EAEAEA;text-indent: .8em;font-size:0.95rem;color: #4a4848;}
.giftsearch input{background:#ffffff;border:none;border-radius:10px;height:20px;line-height:20px;padding:0px 10px;right:5px;top:6px;}
.giftsearch button{width:20px;height:20px;background:url('../images/0_tb_ss.jpg') center center no-repeat;border:none;background-size:75% 75%;right:10px;top:6px}

.giftslist{width:100%;min-height:100px;margin:0px auto;}
	.giftslist li{padding:6px 2.5%;border-bottom:1px solid #e2dfdf;position: relative;}
		.giftslist li>img{float:left;border-radius:10px;margin-right:3%;width: 50px;  height: 50px;}
		.giftslist li>div{float:left;color:#999;width:80%;font-size:12px;}
			.giftslist li div span{line-height:20px;font-size:14px;white-space: nowrap;color:#333333}
			.giftslist li div .lbcon{width:70%;height:1.5em;line-height:1.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#666666}
			.giftslist li div .jd{color:#666666}
			.giftslist li .jd span{font-weight:normal;color:#FE4F00;font-size:12px;}

		.giftslist li .getnow{right:2%;top:50%;margin-top:-14px;display: block;width: 58px;height: 28px;background:#44a0fb;border-radius: 6px;text-align: center;font-size: 0.8rem;line-height: 28px;color: #ffffff;}
		.giftslist li .getnow img{width: 58px;height: 28px;}
		.giftslist li .surplus{position:absolute;bottom:18px;left:255px;font-size:12px;}

	#cardinfo,.cardinfopop{position:fixed;width:80%;min-height:20%;background:#fff;border:1px solid #E6E6E6;display:none;z-index:999;left:10%;top:40%;text-align:center}
		#cardinfo span,.cardinfopop span{display:inline-block;min-width:60%;height:40px;line-height:40px;border:1px dashed red;margin:20px auto;text-align:center}	
		@media only screen and (min-width: 640px){
			#cardinfo,.cardinfopop{width:500px;left: 50%;margin-left: -250px;}
		}
	
/*分类*/
#gtype_con{background:#efefef;padding-top:1rem}
#gtype_con .columns{background:#ffffff;margin:0 0 1rem 0;}
#gtype_con .columns li{height:3rem;border-bottom:1px solid #efefef;padding: 0 0.5rem 0 1rem;justify-content:space-between;}
#gtype_con .columns li .flex:nth-child(1)>span{margin-right:1rem}
#gtype_con .columns .jiantou{font-size: 0.8rem;color:#6d6d6d}
#gtype_con .columns .jiantou .icon-jiantou{font-size: 1.5rem;color:#ababab}
#gtype_con .columns:last-child{margin-bottom:0px}

#gtype_con [class^="icon-"],#gtype_con [class*=" icon-"] {font-family: 'gametype' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 2rem;}
#typecon{display:none}

.icon-celue .path1:before{content: "\e901";color: rgb(70, 144, 206);}
.icon-celue .path2:before{content: "\e902";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path3:before{content: "\e903";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path4:before{content: "\e904";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path5:before{content: "\e905";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path6:before{content: "\e906";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path7:before{content: "\e907";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path8:before{content: "\e908";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path9:before{content: "\e909";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path10:before{content: "\e90a";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-celue .path11:before{content: "\e941";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-dongzuo .path1:before{content: "\e90b";color: rgb(49, 166, 91);}
.icon-dongzuo .path2:before{content: "\e90c";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-dongzuo .path3:before{content: "\e90d";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-dongzuo .path4:before{content: "\e90e";margin-left: -1em;color: rgb(255, 255, 255);}
.icon-dongzuo .path5:before{content: "\e90f"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-dongzuo .path6:before{content: "\e910"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-ertong .path1:before{content: "\e911"; color: rgb(59, 185, 187);}
.icon-ertong .path2:before{content: "\e912"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-ertong .path3:before{content: "\e913"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-jiantou:before{content: "\e914";}
.icon-juese .path1:before{content: "\e915"; color: rgb(238, 116, 28);}
.icon-juese .path2:before{content: "\e916"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-juese .path3:before{content: "\e917"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-juese .path4:before{content: "\e918"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-juese .path5:before{content: "\e919"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-jingying .path1:before{content: "\e91a"; color: rgb(59, 158, 217);}
.icon-jingying .path2:before{content: "\e91b"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-jingying .path3:before{content: "\e91c"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-jingying .path4:before{content: "\e91d"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-maoxian .path1:before{content: "\e91e"; color: rgb(171, 133, 42);}
.icon-maoxian .path2:before{content: "\e91f"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-maoxian .path3:before{content: "\e920"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-maoxian .path4:before{content: "\e921"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-maoxian .path5:before{content: "\e922"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-nvsheng .path1:before{content: "\e923"; color: rgb(202, 108, 163);}
.icon-nvsheng .path2:before{content: "\e924"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-qipai .path1:before{content: "\e925"; color: rgb(221, 83, 97);}
.icon-qipai .path2:before{content: "\e926"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-qipai .path3:before{content: "\e927"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-qipai .path4:before{content: "\e928"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-sheji .path1:before{content: "\e929"; color: rgb(56, 160, 169);}
.icon-sheji .path2:before{content: "\e92a"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tafang .path1:before{content: "\e92b"; color: rgb(238, 116, 28);}
.icon-tafang .path2:before{content: "\e92c"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tafang .path3:before{content: "\e92d"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tafang .path4:before{content: "\e92e"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tafang .path5:before{content: "\e92f"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tafang .path6:before{content: "\e930"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tafang .path7:before{content: "\e931"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-web .path1:before{content: "\e932"; color: rgb(50, 165, 222);}
.icon-web .path2:before{content: "\e933"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-web .path3:before{content: "\e934"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-web .path4:before{content: "\e935"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-web .path5:before{content: "\e936"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-web .path6:before{content: "\e900"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-xiuxian .path1:before{content: "\e937"; color: rgb(238, 116, 28);}
.icon-xiuxian .path2:before{content: "\e938"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-xiuxian .path3:before{content: "\e939"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-xiuxian .path4:before{content: "\e93a"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-xiuxian .path5:before{content: "\e93b"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-yizhi .path1:before{content: "\e93c"; color: rgb(221, 83, 97);}
.icon-yizhi .path2:before{content: "\e93d"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-yizhi .path3:before{content: "\e93e"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-yizhi .path4:before{content: "\e93f"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-yizhi .path5:before{content: "\e940"; margin-left: -1em; color: rgb(255, 255, 255);}


.searchnav{display: flex;-webkit-justify-content: center;justify-content: space-around;-webkit-align-items: center;align-items: center;height: 38px;line-height: 38px;}
.searchnav a{display:block;width: 50%}
.searchnav li{text-align:center;height: 37px;border-bottom:1px solid #d9d9d9}
.searchnav li.on{border-bottom:1px solid #0194d7;color:#04afff}

/* 专区轮播图 */
.picScroll .hd .next {
    left: auto;
    right: -3.2%;
    background-position: 8px 5px;
}

.picScroll .hd .prev {
    background: url(../images/slider-arrow.png) -165px 5px no-repeat;
}
.picScroll .hd .next {
    background: url(../images/slider-arrow.png) -57px 5px no-repeat;
}

.picScroll .hd .prev, .next {
    position: absolute;
    left: -3.2%;
    margin-top: 25%;
    display: block;
    width: 32px;
    height: 40px;
    opacity: 1;
	z-index:9999;
}


.picScroll{
	width:90%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.picScroll .bd ul{ overflow:hidden;}
.picScroll .bd ul li{ margin:0 5px;width:120px;float:left;display:inline; overflow:hidden; text-align:center;  }
.picScroll .bd ul li .pic{text-align:center;}
.picScroll .bd ul li .pic img{ display:block; width:120px;}
.picScroll .bd ul li .title{ line-height:50px;}



/*服务器列表*/
.server-list {
/*background: url(../images/mk3.png);
background-color: #C5AB75;*/
background-color: #806B40;
width:100%;
margin-left:0px;


}





.server-list .svlist {
  height: auto;
  width:94%;
}

.server-list .svlist a {
  float: left;
  margin: 15px 0px 0px 15px;
  padding-left: 15px;
  display: inline-block;
  width: 94%;
  height: 43px;
  line-height: 42px;
  color: #000;
  font-size: 14px;
}

.server-list .svlist a {
/*
background-color: #f2f2f3;
background-color: #D7BA7C;
*/
background-color: #f2f2f3;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 2px;
}

.server-list .svlist a:hover {
/*
background-color: #fff;
background-color: #E2C68B;
*/
background-color: #f2f2f3;

}

.server-list .svlist a.c {
  background-image: url(../images/state-c.png);
}

.server-list .svlist a.n {
  background-image: url(../images/state-n.png);
}

.server-list .svlist a.f {
  background-image: url(../images/state-f.png);
}
.server-list .svmg {
  margin-right:80px;color:red;float:right;
}


/*服务器列表*/