@charset "utf-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{ margin:0; padding:0; }
body{ width:100%; height:auto; -webkit-text-size-adjust:none; }
div{ text-align:left; }
body{ font:12px/1.5em Arial,"Microsoft YaHei"; color:#666; position:relative; background:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
em{ font-style:normal; }
li{ list-style-type:none; }
a{ text-decoration:none; color:#333; }
a:hover{ color:#F1412E; text-decoration:none; }
a:focus{ outline: none; }
fieldset,img{ border:0}
button,label{ cursor:pointer; }
font,input,select,textarea{ font-size:11px; line-height:1.2em; }
.clear{ clear:both; line-height:0; overflow:hidden; }
.topbar,.top{ width:100%; background:#1f1f1f; }
.topbar .lr ,.topNav{ height:35px; line-height:35px; width:1100px; margin:0 auto; overflow:hidden; }
.topbar .lr .left,.topNav .left{ float:left; font-size: 12px; }
.topbar .lr .right,.topNav .right{ float:right; font-size:12px; }
.topbar .lr .right a,.topNav .right a{ padding:0 10px; color:#999; font-size: 12px; }
input,textarea{ -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0; overflow: hidden; font-family: inherit; font-size: inherit; font-weight: inherit; background: transparent; border: none; resize: none; }
.glo-cen{ width:1200px; margin:0 auto; }
.glo-cen:after{ content: ""; clear:both; display:block; }
/**/
.m1200{ width: 1200px; margin:0 auto; }
.m1200{/* width: 1100px; *//* margin:0 auto; */}
.fl{float:left;}
.fr{float:right;}
.ov{overflow:hidden;}
body{font-size:14px;}
/*关于我们*/
.r-tit{ padding:3px 0 20px 0; overflow: hidden; color:#1c70e3; }
.r-tit a{ color:#666; position: relative; }
.zl_fr .in_hot_tab{ height: 40px; padding: 0; }
.zl_fr .in_hot_tab h3{ height:30px; line-height: 30px; }
.zl_fr .in_hot_tab h3:after{ bottom:-10px; }
.zl_fl{ width: 134px; background:#efefef;margin-top: 20px; }
.zl_fl>p{font-size:16px;height:50px;line-height: 50px;text-align: center;font-weight: bold;color: #666;}
.zl_fl ul li{ position: relative; height:50px; line-height: 50px; text-align: center; }
.zl_fl ul li a{display: block;cursor: pointer;font-size: 14px;color:#333;}
.zl_fl ul .active{ background: #4191f4; }
.zl_fl ul .active a{ color:#fff; }
.zl_fl ul .active:after{ content:''; position: absolute; top:0; right:-6px; bottom:0; margin:auto; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #4191f4; border-bottom: 6px solid transparent; }
.zl_fr{ width: 920px; }
.show_content{margin-top:30px;}
.show_we_h2{font-size:24px;font-weight: bold;position: relative;}
.show_we_h2:before{content:'';position: absolute;display: inline-block;width: 8px;height: 40px;background: #e1e1e1;left: -44px;top:0;bottom:0;margin:auto;}
.show_we,.show_lx,.show_sw,.show_mz,.show_yq{margin-top: 50px;padding-left:44px;}
.show_we p{font-size:14px;color:#999;line-height: 28px;padding:22px 0 10px 0;}
.show_lx p{margin-bottom: 30px;color:#999;font-size:14px;padding-left:35px;position: relative;}
.show_lx p i{background:url(../images/show_1.png) no-repeat;position: absolute;top:0;left:0;bottom:0;margin:auto;}
.show_qq1{margin-top:30px;}
.show_lx .show_qq1 i{width:19px ;height: 20px;background-position:0 0 ; }
.show_lx .show_qq2 i{width: 22px;height:18px ;background-position:0 -40px; }
.show_lx .show_qq3 i{width: 16px;height: 20px;background-position:0 -75px ; }
.show_lx .show_qq4 i{width: 14px;height:20px ;background-position:3px -112px ; }
.show_lx .show_qq5{margin-top:30px;}
.show_lx .show_qq5 i{width: 21px;height:16px ;background-position:0 -149px ; }
.show_lx p span{display: inline-block;vertical-align: middle;}
.show_lx p a{display: inline-block;vertical-align: middle;color:#4191f4;}
.show_mz_ul{padding-top:30px;}
.show_mz_ul li{color:#999;line-height: 28px;margin-bottom: 30px;}
.show_mz_ul li b{display: block;color:#666;}
.show_mz_ul li i{font-style: normal;color: #4191f4;}
.show_ul_li2 p{padding-left:20px;}
.show_yq{padding: 40px 0 100px 44px;background: url(../images/show_2.png) no-repeat;background-position: bottom right;margin-bottom: 30px;}
.show_yq a{margin-top:30px;color:#4191f4;display: block;}
/* foot */
.about-link{}
.about-link a{}
.about-link a:after{content:'';width: 1px;height: 15px;background: #575578;position: absolute;top: 0;right: -13px;bottom: 0;margin: auto;}
.about-link a:last-child:after{content:'';background: none;}
.s_foot_r p{
    color: #575578;
}
.s_foot_r a{color: #575578;}
.about-link {display: block;overflow: hidden;height: 35px;line-height: 35px;}
.about-link a {font-size: 12px;color: #575578;float: left;margin-left: 25px;text-decoration: none;position: relative;}
.about-link a:hover {color: #bbbacd;}

.s_game_title{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-left: 38px;
    position: relative;
    height: 30px;
    line-height: 30px;
}
.s_game_title:before{content:'';width: 13px;height: 13px;position: absolute;background: #1e9250;top: 0;left: 11px;bottom: 0;margin: auto;}
.s_game_title:after{content:'';width: 7px;height: 7px;position: absolute;background: #1e9250;border: 1px solid #fff;top: 0;left: 13px;bottom: 0;margin: auto;}

/* top */
.glo-top{height: 34px;line-height: 34px;background: #f0f3f5;}
.web-nav-tit {display: block;font-size: 12px;color: #a6a7a7;height: 34px;line-height: 34px;padding-left: 28px;position: relative;}
.website-nav { float: left; cursor: pointer; position: relative; }
.website-navbox {position: absolute;top: 34px;width: 1200px;min-height: 50px;left: 0;background: rgba(33,34,37,.95);z-index: 2;display: none;}
.website-nav:hover .website-navbox { display: block; }
.website-navbox a {color: #fff;}
.website-navbox li {float: left;width: 10%;text-align: center;font-size: 14px;}
.website-navbox ul {overflow: hidden;/* margin: 15px; */}
.web-nav-tit:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 15px;height: 10px;background: url(http://static.jsons.cn/pc/images/jlt.png) 0 0 no-repeat;}
.phone-web {float: left;color: #a6a7a7;font-size: 12px;height: 34px;line-height: 34px;position: relative;padding-left: 16px;margin-left: 30px;}
.phone-web:before {content: "";width: 9px;height: 14px;background: url(http://static.jsons.cn/pc/images/jlt.png) 0 -16px no-repeat;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.phone-web:hover { color: #fff; }
.sitemap a {color: #999;margin: 0;float: left;text-align: center;height: 12px;line-height: 12px;margin: 16px 0 0 10px;}
.sitemap a:hover {color: #fff;}
.sitemap-item-list {float: left;width: 224px;margin-top: -16px;margin-left: 20px;}
.sitemap-item-ico {float: left;color: #fff;font-style: normal;font-weight: bold;font-size: 24px;width: 100px;text-align: center;position: relative;height: 80px;line-height: 24px;margin-left: 15px;}
.sitemap li {float: left;width: 400px;border-top: 1px solid #424242;border-left: 1px solid #424242;margin: -1px 0 0 -1px;padding: 35px 0;}
.sitemap ul {overflow: hidden;}
.sitemap-item-ico:after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 41px;height: 28px;background: url(../images/ind-jlt.png) 0 0 no-repeat;}
.sitemap-item-list a {font-size: 14px;height: 14px;line-height: 14px;}
.sitemap ul li:nth-of-type(2) .sitemap-item-ico:after {background-position-y: -36px;width: 33px;height: 36px;}
.sitemap ul li:nth-of-type(3) .sitemap-item-ico:after {background-position-y: -82px;width: 28px;height: 28px;}
.sitemap ul li:nth-of-type(4) .sitemap-item-ico:after {background-position-y: -120px;width: 33px;height: 37px;}
.sitemap ul li:nth-of-type(5) .sitemap-item-ico:after {background-position-y: -170px;width: 32px;height: 30px;}
.sitemap ul li:nth-of-type(6) .sitemap-item-ico:after {background-position-y: -213px;width: 29px;height: 29px;}
.global-nav { height: 90px; background-color: #ffffff; box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.06); }
.nav-list { overflow: hidden; }
.nav-list li { float: left; }
.nav-list li a { display: block; width: 112px; height: 90px; line-height: 90px; font-size: 16px; color: #333; text-align: center; position: relative; }
.nav-list li a:hover{ color: #2883e0; }
.nav-box {display: block;width: 100%;background: #1e9250;height: 40px;overflow: hidden;}
.nav-list li.active a { color: #2883e0; font-weight: bold; }
.nav-list li.active a:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 17px; height: 9px; background: url(../images/jlt.png) -116px -41px no-repeat; }
.search-box {float: right;position: relative;height: 40px;overflow: hidden;border-radius: 3px;}
.search-box:after{content:'';width: 19px;height: 19px;background: url(../images/bdmap_index.png) -298px 0;position: absolute;top: 0;right: 77px;bottom: 0;margin: auto;}
.search-input { display: block; height: 100%; margin: 0 10px 0 41px; width: 130px; color:#999; font-size:12px; line-height:36px; }
.search-input::-webkit-input-placeholder { color: #ccc; }
.search-btn {width: 70px;height: 40px;cursor:pointer;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #1e9250;float: right;transition: all .3s ease;}
.input-box {float: left;}
.sear-type-txt { display: block; text-align: center; font-size: 14px; color: #333; line-height: 36px; height: 36px; padding: 0 20px 0 15px; position: relative; cursor: pointer; }
.sear-type-list { position: absolute; top: 50px; left: 0; background: #fff; z-index: 1; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; width: 80px; padding: 15px 0 10px; display: none; }
.sear-type-list li { display: block; height: 25px; line-height: 25px; padding: 0 10px; text-align: center; color: #333; font-size: 14px; z-index: 1; position:relative; margin-top: 5px; cursor: pointer; }
.sear-type-list:before { content: ""; position: absolute; top: 5%; left: 47%; border: 10px solid #fff; transform: rotate(45deg) translate(-50%); box-shadow: -5px -5px 5px -3px rgba(0, 0, 0, 0.1); background: #fff; }
.sear-type-txt:after { content: ""; position: absolute; top: 55%; right: 0; border: 5px solid #333; border-color: #999 transparent transparent transparent; transform: translate(0,-50%); }
.sear-type-list li:hover { background: #3cc8a9; color: #fff; width:100%; transform: translate(-4px); padding: 0 4px; }
.sear-type-list li:hover:after { content: ""; position: absolute; top: -3px; right: 7px; transform:translate(100%) rotate(45deg); border: 3px solid #019876; border-color: #019876 transparent transparent transparent; }
.sear-type-list li:hover:before { content: ""; position: absolute; top: -3px; left: -5px; transform:translate(100%) rotate(45deg); border: 3px solid #019876; border-color: transparent transparent transparent #019876; }
.search-type { position: relative; float: left; height: 100%; margin-right: 10px; }
.search-type.active .sear-type-list { display: block; }
.nav {width: 1200px;margin: 0 auto;overflow: hidden;}
.nav li {float: left;}
.nav li a {display: block;height: 40px;line-height: 40px;font-size: 16px;color: #fff;padding: 0 30px;}
.nav li:hover a,.nav li.active a {}
.glo-head-top {width: 1200px;margin: 0 auto;overflow: hidden;height: 100px;}
.glo-head {background: #fff;}
.logo {display: block;float: left;margin-top: 24px;background: url(http://static.jsons.cn/pc/images/logo_old.png) 0 0 no-repeat;width: 161px;height: 48px;}
.search-count {float: right;margin-top: 30px;}
.search-label {float: left;margin-right: 35px;overflow: hidden;position: relative;padding-left: 87px;}
.search-label a {float: left;font-size: 14px;height: 40px;line-height: 40px;color: #497cd9;margin-right: 14px;}
.search-label a:nth-of-type(4n+1) {color: #497cd9;}
.search-label a:nth-of-type(4n+2) {color: #e1501d;}
.search-label a:nth-of-type(4n+3) {color: #33c67f;}
.search-label a:nth-of-type(4n+4) {color: #ffb541;}
.search-box input {float: left;height: 40px;width: 188px;text-indent: 15px;padding-right: 30px;display: block;background: #efefef;font-size: 14px;color: #999;transition: all .3s ease;box-sizing: border-box;}
.search-label:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 73px;height: 24px;background: url(../images/search-label-ico.png) 0 0 no-repeat;background-size: 100%;}
.search-box input:focus { box-shadow: 0 0 11px 0px rgba(242, 91, 91, .3); outline: none; background: #fff; border-color: #f25b5b; width:230px;}
.search-btn:hover { box-shadow: 0 0 11px 1px rgba(242, 91, 91, .5); }




header{background: #fff;border-top: 4px solid #1e9250;}
.header{
    width: 1140px;
    margin: 0 auto;
    height: 90px;
    position: relative;
}
.logo{
    /* display: block; */
    /* float: left; */
    /* margin-top: 25px; */
    /* background: url(../images/logo_old.png) 0 0 no-repeat; */
    /* width: 148px; */
    /* height: 40px; */
}
.nav_ul{float:left;width: 977px;height: 86px;}
.nav_ul>li{
    float: left;
    margin-left: 22px;
    position: relative;
}
.nav_ul>li>a{
    display: block;
    font-size: 15px;
    color: #333;
    height: 86px;
    line-height: 86px;
}
.nav_ul>li{position:relative;}
.nav_ul>li .dropdown li{}
.nav_ul>li .dropdown li a{}

.dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid #e4e4e4;
    display:none;
    }

.dropdown-menu li:first-child{position:relative;}
.dropdown-menu li:first-child:before{content:'';width: 6px;height: 6px;border-top: 1px solid #ececec;border-right: 1px solid #ececec;position: absolute;top: -9px;left: 20px;transform: rotate(-45deg);background: #fff;}
.dropdown-menu li a{display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;}
.nav_ul>li.active:before{content:'';width: 8px;height: 6px;background: #1e9250;position: absolute;transform: rotate(45deg);top: -3px;left: 0;right: 0;margin: auto;}
.nav_ul>li.active>a{color: #1e9250;}
.nav_ul>li:hover .dropdown-menu{display:block}
.nav_ul>li:hover a{color: #1e9250;}


.dropdown_search{
    position: absolute;
    width: 38px;
    height: 38px;
    background: #f3f3f3;
    border-radius: 50%;
    top: 22px;
    right: 9px;
}
.dropdown_search a{
    width: 38px;
    height: 38px;
    position: relative;
}
.dropdown_search a:after{
    content:'';
        width: 21px;
    height: 20px;
    background: url(../images/search.png) no-repeat;
    position: absolute;
    top: 8px;
    left: 7px;
}

.page-root {height: 50px;line-height: 50px;position: relative;padding-left: 20px;color: #333;font-size: 12px;border-bottom: 1px solid #f5f5f5;}
.page-root:before {content: "";position: absolute;top: 50%;left: 0;width: 16px;height: 15px;background: url(../images/jsons.png) 0 0 no-repeat;transform: translateY(-50%);}
.page-root a {float: left;font-size: 12px;margin-right: 15px;position: relative;color: #999;}
.page-root span {float: left;font-size: 12px;}
.page-root a:after{content:'>';position: absolute;right: -12px;}
.page-root a:first-child:after{content:'';}
.page-root a:first-child{color:#333;margin-right:5px;}

footer{
    height: 150px;
    background-color: #0f0e1f;
}
.s_footer{
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
}
.s_foot_l{
    float: left;
    width: 398px;
    position: relative;
}
.s_foot_l a{
    display: block;
    float: left;
    margin-top: 65px;
    background: url(http://static.jsons.cn/pc/images/logo_old.png) 0 0 no-repeat;
    width: 161px;
    height: 48px;
}
.s_foot_l span{}
.s_foot_r{
    float: right;
    width: 742px;
    padding-top: 45px;
}

.s_game_title{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-left: 38px;
    position: relative;
    height: 30px;
    line-height: 30px;
}
.s_game_title:before{content:'';width: 13px;height: 13px;position: absolute;background: #1e9250;top: 0;left: 11px;bottom: 0;margin: auto;}
.s_game_title:after{content:'';width: 7px;height: 7px;position: absolute;background: #1e9250;border: 1px solid #fff;top: 0;left: 13px;bottom: 0;margin: auto;}



.s_friends_box{
	background-color: #1c1a34;}
.s_friends{height: 80px;width: 1140px;margin:0 auto;overflow: hidden;}
.s_f_l{float: left;width: 126px;padding-top: 19px;}
.s_f_l p{
	font-size: 20px;
	font-style: italic;
	height: 26px;
	line-height: 26px;
	color: #575578;
	font-weight: bold;
	}
.s_f_l span{
    color: #575578;
}	
.s_f_r{float: right;width: 1014px;overflow: hidden;}
.s_f_r a{
    color: #575578;
    font-size: 12px;
    height: 80px;
    line-height: 80px;
    margin-right: 51px;
}

.s_f_r a:last-child{margin-right:0;}
.s_f_r a:hover{color: #bbbacd;}

.pager{ margin-top:50px; height:30px; line-height:30px; text-align:center; font-size:14px; padding: 20px 20px 20px 0; overflow: hidden; zoom: 1; width: 100%; }
.pager a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7; }
.pager a:hover{ color:#fff; background:#c03131; text-decoration:none; }
.pager span{ padding: 4px 10px; margin: 0 1px 0 0; background: #c03131; color:#fff; }
.pager b.sele{ color:#fff; background:#c03131; text-decoration:none; padding: 4px 10px; margin: 0 3px 0 0; }
.pager b.total{ color:#999; font-weight:normal; }
.pager b.selected{ background: #c03131; border: 1px solid #c03131; color:#fff; padding: 5px 11px; margin: 0 6px 0 0; }
.pager strong.total{ color: #888; font-weight:normal; }