.clearfix {
    clear: both;
}
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    font-size: 0;
    content: " ";
    height: 0;
}
.clearfix {
    zoom: 1;
}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    border:0;
    padding:0;
    font-style:normal;
    -webkit-font-smoothing:antialiased!important;
}
body{
    font-size: 12px; font-family:"Microsoft YaHei", "微软雅黑",HELVETICA,Arial;
   /* -webkit-text-size-adjust:100% */
}
ul, li {
    list-style: none;
}
p {
    /* color: #757575; */
    overflow: hidden;
}
a {
    color: #0062cc;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}
a:hover {
    outline: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
/*boxtop*/
.boxtop {border-bottom:1px solid #f1f4f9;overflow:hidden;padding:9px 2.198% 8px;line-height:30px;}
.boxtop h2 {float:left;font-size:16px;color:#3c3c3c;position:relative;padding-left:15px;}
.boxtop h2:before {    width: 5px;
    height: 30px;
    background-color: #00ad35;
    border-radius: 2.5px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 27%;
    margin-top: -6px;}
.boxtop span {display:block;float:right;font-size:14px; font-weight:lighter;}
.boxtop span a {display:block;color:#00ad35;}

/*appbox*/
.appbox {background-color:#fff;margin-bottom:2.2%;clear:both;}
.applist {overflow:hidden;padding:2% 2.198% 0;}
.applist ul {width:102%;overflow:hidden;}
.applist li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
.applist .box {background-color:#fcfcfc;border:1px solid #eee;padding:6.024%;overflow:hidden;border-radius:8px;transition:all .3s;position:relative;}
.applist .box:after {width:60%;height:1px;background-color:#fff;border-radius:50%;content:'';display:block;position:absolute;left:20%;top:0;}
.applist .box:hover {background-color:#f4f4f4;border-color:#ddd;}
.applist .icon {float:left;width:80px;}
.applist .info {margin-left:90px;padding:5px 0;}
.applist h3 {font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;}
.applist .meta {font-size:12px;color:#999;line-height:2.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.applist .intro {clear:both;font-size:14px;color:#838383;line-height:1.75em;height:3.5em;overflow:hidden;margin-top:10px;}
.applist .intro em {font-style:normal;font-weight:bold;color:#f60;}
.support {overflow:hidden;}
.support em {font-size:14px;color:#777;display:block;float:left;font-style:normal;font-weight:bold;line-height:16px;}
.support span {display:block;float:left;width:16px;padding-right:5px;}
.support i {display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.support .ios i {background-image:url(/zb_users/theme/okgames/css/images/icon_ios.png);}
.support .and i {background-image:url(/zb_users/theme/okgames/css/images/icon_and.png);}

/*hmnews*/
.hmnews {overflow:hidden;}
.hmnews .thumbnail img {display: block; position:absolute; left:0; top:0; width: 100%; height: auto; min-height: 100%;}
.hmnews .box {overflow:hidden;    padding: 20px;}
.hmnews ul {overflow:hidden; width:103%;}
.hmnews li {float:left; width:47%; padding:1% 3% 1% 0;  overflow:hidden;}
.hmnews li .thumbnail {float:left; width:140px;overflow:hidden;}
.hmnews li .thumbnail a {display:block; overflow:hidden; padding-bottom: 75%; position:relative;}
.hmnews li .info {margin-left:155px; overflow:hidden;}
.hmnews li h3 {font-size:16px; font-weight:normal; line-height:1.5em; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.hmnews li p {font-size:14px;color:#555;line-height:1.75em;text-align:justify;height:3.5em;overflow:hidden; margin-bottom: 3px;}
.hmnews li time {display:block;font-size:12px;color:#999; line-height: 2em;}
.center2 {
    margin: 0 auto;
    width: 1160px;
}
.PartTitle {
    height: 55px;
    line-height: 55px;
    font-weight: normal;
    color: #9a9a9a;
    margin-bottom: 5px;
	text-align: center;
}
.PartTitle strong {
    font-size: 25px;
    color: #000000;
    margin-right: 9px;
}

.games{float:left;width:368px;height:360px;position:relative;overflow:hidden;margin-right:10px;margin-bottom:28px;padding:5px;background-color:#ffffff;border:1px solid #2a5abe;transition:all 0.2s linear;}
.games .border_top,.games .border_right,.games .border_bottom,.games .border_left{background-color:#fff;}
.games .border_top,.games .border_bottom{height:3px;}
.games .border_right,.games .border_left{width:3px;}
.games.hover_games{box-shadow:8px 8px 16px rgba(0,0,0,0.2);}
.games:nth-of-type(3n){margin-right:0px;}
.games .photo{width:100%;height:228px;position:relative;margin-bottom:10px;background:#000;overflow: hidden;}
.games .photo .btn_go{width:70px;text-align:center;position:absolute;font-size:14px;color:#fff;right:-110px;bottom:0px;padding:10px;background-color:#2a5abe;z-index:1500;}
.games .photo img{width:100%;height:auto;}
.games .photo .spe_safe_icon{position: absolute; top: 8px; left: 8px; width: auto; line-height: 16px; background: linear-gradient(0deg,rgba(112,58,7,0.8) 0%, rgba(146,80,12,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#703A07, endColorstr=#92500C); border-radius: 3px; font-size: 14px;     padding: 2px 8px; font-family: AlibabaPuHuiTiM, AlibabaPuHuiTiM-Regular; text-align: center; color: #ffffff;}
.games h4{height:40px;line-height:40px;overflow:hidden;font-size:15px;font-weight:normal;color:#000000;background:url(/zb_users/theme/okgames/images/icon_pc.png) no-repeat left center;}
.games h4 a{overflow:hidden;color:#000000;margin-left:52px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
.games h4 a:hover{color:#3e76c0;}
.games ._btn_go{float: left;height:23px;line-height:23px;text-align:center;overflow:hidden;font-size:14px;color:#ffffff;max-width:64px;margin-top:8px;margin-left:8px;padding-right:10px;padding-left:10px;background-color:#2a5abe;text-decoration:none;border:1px solid #2a5abe;}
.games ._btn_go:hover{color:#3e76c0;background-color:#ffffff;}
.games .list{clear:both;overflow:hidden;padding-top:15px;}
.games .list li {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 14px;
    color: #000000;
    padding: 0 0 0 37px;
    background: url(../image/icon_notice.png) no-repeat 9px center;
    border-bottom: 1px dashed #d9d5d6;
	float: unset;
    width: 90%;
}
.list li a {
    text-decoration: none;
    color: #000;
}
.list_cc{    width: 100%;
    display: block;
    overflow: hidden;    margin-left: 0;}
.list_cc li{    width: 25%;
    float: left;
    padding: 0;}
.content_single_i h1 span{    font-size: 35px;}
.horizontal-splitline.hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}
.content_single{position: relative;
    font-size: 16px;
    color: #262626;    padding: 0 20px;
    line-height: 1.8;text-align:left}
.content_single p{
    text-indent: 2em;
    margin-bottom: 20px;
    line-height: 1.8;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-size: 20px;
    text-align: left;
}
.content_single p span{    font-size: 20px;}
.hmnews .box{padding-top:10px}
.pagenavi{text-align: center;
    padding: 10px;
    overflow: hidden;
    display: block;
    margin-bottom: 40px;}
.pagenavi a {
    padding: 5px 8px;
    border: 1px solid #2a5abe;
    /* display: block; */
}
.pagenavi .now-page{
    padding: 5px 8px;
    border: 1px solid #2a5abe;
    background: #2a5abe;
    color: #fff;
}
.pagenavi a:hover{
     background: #2a5abe;
    color: #fff;
}

.top_ment li{
    line-height: 78px;
    font-size: 16.6px;
    margin-top: -1px;

}
.top_ment li a {
    text-align: center;
    color: #fbf2d4;
    font-weight: 600;
}
.top_ment ul li:hover a{
	    color: #fdd959;
}
.top_ment .fl .on{
	    color: #fdd959;
}
.top_ment ul li.contact_nav {
 
    margin-top: 3px;
}
/*2022-12-31*/
.num_people {
    line-height: 70px;
    width: 1200px;
    height: 70px;
    background: url("../image/banner_down.8ffe7e.jpg") no-repeat;
    background-size: 1200px 70px;
    background-repeat: no-repeat;
}
.num_txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 1px;
    font-family: Microsoft YaHei,Microsoft YaHei-Bold;
    font-size: 23px;
    font-weight: 900;
}
.num_txt p {
    background: -webkit-gradient(linear,left bottom,left top,from(#cec6b0),to(#fff));
    background: -webkit-linear-gradient(bottom,#cec6b0,#fff);
    background: -o-linear-gradient(bottom,#cec6b0 0,#fff 100%);
    background: linear-gradient(0deg,#cec6b0,#fff);
    -webkit-background-clip: text;
    color: rgba(0,0,0,0);
}
.num_txt .p {
    margin: 0 6px;
    background: -webkit-gradient(linear,left bottom,left top,from(#efbf6f),to(#fefcbd));
    background: -webkit-linear-gradient(bottom,#efbf6f,#fefcbd);
    background: -o-linear-gradient(bottom,#efbf6f 0,#fefcbd 100%);
    background: linear-gradient(0deg,#efbf6f,#fefcbd);
    -webkit-background-clip: text;
    color: rgba(0,0,0,0);
    font-size: 30px;
    font-family: Microsoft YaHei,Microsoft YaHei-Bold;
    font-weight: 700;
    text-shadow: -1px 0 9px 1px #902821;
}

.game_nav {
    /* margin-top: 34px; */
    padding: 21px;
    /* margin-bottom: 80px; */
    background: #878476;
    background-color: #ffffff;
}
.game_nav .hot_bg {
    width: 474px;
    height: 38px;
    background: url("../image/game_hot.479df0.png") no-repeat;
    background-size: 474px 38px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.game_nav .menu_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.game_nav .menu_box {
    cursor: pointer;
}

.game_nav .menu_box .m_type {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 40px;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-right: 10px;
    border-bottom: 1px solid #aea59e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.menu_box .m_type, .game_nav .menu_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.game_nav .menu_box .m_type .current {
    color: #ff5c30;
    font-weight: 700;
    position: relative;
}
.game_nav .menu_box .m_type .sx_list {
    color: #3b3634;
    max-width: 91px;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px;
    text-align: center;
    font-family: Microsoft YaHei,Microsoft YaHei-Regular;
    position: relative;
}

.game_nav .menu_box .m_type .current:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #ff6969;
}

.game_nav .menu_box .m_type .current:after {
    content: "";
    display: block;
    position: absolute;
    top: 32.5px;
    left: 36px;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-bottom: 6px solid #ff6969;
}

.game_nav .menu_box .m_selete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 100px;
    margin-right: 15px;
}

.menu_box .m_selete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 100px;
    margin-right: 15px;
}



.game_type_select {
    width: 100px;
    height: 40px;
}
.el-select {
    display: inline-block;
    position: relative;
}

.el-select>.el-input {
    display: block;
}
.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}


 .game_type_select .el-input input {
    width: 100px;
    height: 40px;
    color: #3b3634;
    font-size: 16px;
    font-family: Microsoft YaHei,Microsoft YaHei-Regular;
    padding-right: 24px;
}
 .game_type_select .el-input__inner {
    border: 1px solid #9f9791;
    background-color: rgba(164,61,31,0);
    padding: 0 10px;
}
.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px;
}
.el-input--suffix .el-input__inner {
    padding-right: 30px;
}
.el-input--suffix .el-input__inner {
    padding-right: 30px;
}
.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    -o-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 70%;
}



.game_nav .menu_box .m_search .img_search {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear,left bottom,left top,from(#b8301d),to(#df5132));
    background: -webkit-linear-gradient(bottom,#b8301d,#df5132);
    background: -o-linear-gradient(bottom,#b8301d 0,#df5132 100%);
    background: linear-gradient(0deg,#b8301d,#df5132);
    width: 50px;
    position: relative;
    left: -3px;
    top: -0.5px;
}
.game_nav .menu_box .m_search .img_search, .game_nav .menu_box .m_search {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.game_nav .menu_box .m_search {
    width:200px;
    margin-right: 0px;
}
.game_nav .menu_box .m_search .img_search .icon_s {
    width: 15px;
    height: 15px;
    background: url("../image/search.5c5b0c.png") no-repeat;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}

.getnew_1{padding: 0!important;    margin-top: -5px;}
#search_btn{width: 20%;height: 40px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear,left bottom,left top,from(#b8301d),to(#df5132));
    background: -webkit-linear-gradient(bottom,#b8301d,#df5132);
    background: -o-linear-gradient(bottom,#b8301d 0,#df5132 100%);
    background: linear-gradient(0deg,#b8301d,#df5132);
    width: 50px;
    position: relative;
    left: -3px;
    top: -0.5px;color: #fff;

}
#search_btn:after{
    width: 15px;
    height: 15px;
    background: url(../image/search.5c5b0c.png) no-repeat;
    background-size: 15px 15px;
    background-repeat: no-repeat;
}
.notice-block{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99999999;
    background-color: rgba(0,0,0,.45);
}
.notice-block-content{
    margin: 200px auto;
    width: 305px;
    height: 403px;
    background-image: url('../image/notice_bg.png');
    background-repeat: no-repeat;
    background-size: 100%;
}
.notice-block-content-title{
    height: 20px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0;
    color: #602404;
    text-align: center;
    padding-top: 80px;
    margin-bottom: 30px;
}
.notice-block-content-desc{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #666;
    text-align: center;
        margin-bottom: 10px;
}
.notice-block-content-btn{
    margin: 0 auto;
    width: 103px;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url('../image/notice_btn_bg.png');
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
}
.game_wrapper{margin-top: 2px}
.notice-block-content-desc_txt{
width: 100%;
padding: 0 50px;
box-sizing: border-box;
}
.notice-block-content-desc_txt2{display: inline-flex}