*{font-family: "Microsoft YaHei"; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0; word-wrap:break-word;}
body{ background:#f8f8f8;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul,li{list-style:none}
i,em{font-style:normal;}
/* *{box-sizing:border-box;-moz-box-sizing:border-box;}*/
a{color:#888;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#f60;}
a:active{text-decoration:none;}
img{border:none;}


/*public*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.fl{float:left;}
.fr{float:right;}
.ct{padding-top:0px !important;margin-top:0px !important;}
.cr{padding-right:0px !important;margin-right:0px !important;}
.cb{padding-bottom:0px !important;margin-bottom:0px !important;}
.cl{padding-left:0px !important;margin-left:0px !important;}
.w-14{font-size:14px !important;}
.w-16{font-size:16px !important;}
.w-18{font-size:18px !important;}
.w-20{font-size:20px !important;}
.w-22{font-size:22px !important;}
.w-24{font-size:24px !important;}
.w-26{font-size:26px !important;}
.lh-0{line-height:0px !important;}
.lh-20{line-height:20px !important;}
.lh-25{line-height:25px !important;}
.lh-30{line-height:30px !important;}
.lh-35{line-height:35px !important;}
.c-ora{color:#ff7f00!important; font-style:normal;}
.c-red{color:#f00 !important; font-style:normal;}
.c-blu{color:#508de8 !important;font-style:normal;}
.c-gre{color:#f60 !important;font-style:normal;}
.c-dar{color:#303030 !important; font-style:normal;}
.c-lig{color:#999 !important; font-style:normal;}
.bg-yel{background-color:#ffb016;}
.bg-ora{background-color:#ff7f00}
.bg-red{background-color:#e84c3d;}
.bg-blu{background-color:#26a8ff;}
.bg-gre{background-color:#10ad74;}
.pt-10{padding-top:10px !important;}
.pr-10{padding-top:10px !important;}
.pb-10{padding-top:10px !important;}
.pl-10{padding-top:10px !important;}
.p20-t{padding-top:10px !important;}
.m20-t{margin-top: 20px !important;}
.m20-b{margin-bottom: 20px !important;}
.br0-all{border:none !important;}
.wid-60{width:60px;}
.wid-90{width:90px;}
.wid-120{width:120px;}
.wid-220{width:220px;}

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hidd{display:none;}
.cover{position:absolute;width:100%;bottom: 0px;height:100%;background-color: rgba(0,0,0,0.5) !important;filter:Alpha(opacity=50);z-index:999;}
.over-h{overflow:hidden;}
.layout{width:1200px;margin:0 auto;}


/*****input、label、select******/
input::-moz-focus-inner{border:none;}
input,button,select,textarea{outline:none;}
input[type="radio"]{cursor:pointer;border:none;}
input[type="checkbox"]{cursor:pointer;border:none; margin-right:5px; vertical-align:middle;}
label{display:inline-block; vertical-align:middle;width: 100px; height:35px; line-height:35px;color: #999;text-align:right;}
label>i{color:#f00; padding-right:5px;}
input[type="text"],input[type="password"]{padding-left:10px;height:35px;line-height: 35px;color: #333;border:1px solid #e1e1e1;vertical-align: middle;}
input[type="button"],input[type="submit"]{height:35px;line-height: 35px;border: 1px solid #e1e1e1;border-radius: 5px;font-size: 18px;color:#333;background: #FFDC46; border:none; text-align:center;cursor: pointer;vertical-align: middle;}
input[type="button"]:hover,input[type="submit"]:hover{background:#ffd146}
input[disabled="true"]{background: #ccc;}
input[disabled="true"]:hover{background: #ccc;}
input[disabled="disabled"]{background: #ccc;}
input[disabled="disabled"]:hover{background: #ccc;}
textarea{ vertical-align:top;}
select{height:35px;line-height: 35px;border: 1px solid #e1e1e1;font-size: 16px;color: #333;}


/*top*/
.top{background:#fff;width:100%;position:fixed;top:0;left:0;z-index:999;height:70px}
.header{width:1200px;margin:0 auto}
.header h1{float:left}
.header h1 img{width:auto;margin-top:5px;height:60px}
.rt_nav{float:left;overflow:hidden;margin-left:100px}
.rt_nav li{float:left;position:relative;height:70px;line-height:70px}
.rt_nav li:last-child{border:none}
.rt_nav li a{color:#666;font-size:18px;padding:0 30px;text-align:center;}
.rt_nav li a:hover{color:#333}
.rt_nav li a:hover:before{color:#f4f4f4}

.rt_nav li.active{    border-bottom: 3px solid #FFDD43;
    height: 67px;
    line-height: 67px;
    color: #333;}

.left-side{background:#f2f2f2;width:200px;height:100%;position:fixed;left:0;top:70px;border-right:1px #dddcdc solid}
.left-side h2{text-align:center;border-bottom:1px #b6b6b6 solid;margin:0;height:45px;line-height:45px;background:#efefef}
.left-side h2 a{display:block;color:#333333;font-size:14px;text-shadow:0 0 2px white}
.left-side ul{margin-bottom:75px}
.left-side dl{margin:0}
.left-side dl dt{font-weight:bold;height:45px;line-height:45px;border-bottom:1px #e9e9e9 solid;padding:0 15px;position:relative}
.left-side dl dt:before{position:absolute;width:5px;height:25px;background:#67c1a5;content:"";top:10px;left:0}
.left-side dl dd{margin:0;height:60px;line-height:60px;border-bottom:1px #dddcdc solid;font-size:16px;text-align:right;padding-right:20px}
.left-side dl dd a{display:block;padding:0 15px}
.left-side dl dd.active{background:#fff;color:#19a97b;width:181px}
.left-side dl dd.active:before{content:">";font-family:'adminthemesregular';position:absolute;right:3%;color:#670707;font-weight:bold}
.username{float:right;height:70px;line-height:70px;color:#670707;margin-right:20px}
.username span{padding:0 10px;position:relative}
.username span a{color:#666}
.username span a:hover{color:#333}
.username .uesrpic{padding-right:20px}
.topheight{height:70px}
.clearfix{clear:both}
.layout{width:1200px;margin:0 auto}
.part .index_title h2{color:#333;font-size:24px;padding:20px 0;float:left}
.new-float{position:fixed;right:0;top:50%;z-index:50;width:77px;height:374px;margin-top:-187px}
.new-float li{position:relative;height:57px;margin-bottom:1px;line-height:27px;color:#fff;text-align:center}
.new-float li.hover{overflow:hidden}
.new-float li a{display:inline-block;color:#fff}
.new-float li a.tit{width:77px;height:27px;padding:30px 10px 0 0;color:#fff}
.new-float li p{position:relative;z-index:2;height:27px;padding-top:30px;cursor:pointer}
.new-float li.fi a{background:url(../images/bg_float01.png) no-repeat}
.bot100{background:#333;width:100%;height:150px;min-width:1200px}
.bottom{width:1200px;color:#fff;margin:0 auto}
.bottom a{color:#fff}
.bot-con p{color:#fff;text-align:center;margin:10px 0;font-size:12px}
.bot-con p a{color:#fff}
.fang a{padding:0 15px}
.bottom{padding-top:20px}
.new-float li.fif p{background:url(../images/bg_float05.png) no-repeat}
.new-float li a.tit{width:77px;height:27px;padding:30px 10px 0 0;color:#fff}
.new-float li .tel{position:absolute;left:77px;top:0;z-index:1;width:184px;height:57px;font:24px/57px Arial;color:#fff;background:#333333;border-left:1px solid #666;cursor:pointer}
/****service****/
.service{width:180px; height:250px;position: fixed;top: 110px;right: 30px;}
.service h3{height:40px; line-height:40px; padding:0px 10px; background:#03d522;color: #fff;border-radius: 5px 5px 0px 0px;}
.service h3 i{ display:inline-block;width: 15px; height:40px;background: url(icon.png) -347px -6px no-repeat;vertical-align: middle;float: right;cursor: pointer;}
.service .qq{height:60px; line-height:60px;padding: 0px 20px; background:#fafafa;box-shadow: 1px 0px 3px #e1e1e1,-1px 0px 3px #e1e1e1;}
.service .qq i{display:inline-block;width: 25px; height:60px;background: url(icon.png) -306px -2px  no-repeat;vertical-align: middle;margin-right: 11px;}
.service .code{height:150px;background:#fff;border-radius: 0px 0px 5px 5px;box-shadow: 1px 1px 3px #e1e1e1,-1px 0px 3px #e1e1e1;}

/****header****/
/*.header{ height:80px; width:100%; position:relative; background:#2fa52d; z-index:100;top:0px;}
.header .top_bar{ height:30px; line-height:30px; background:#1f991d;}
.header .top_bar .user_hy{ float:right;}
.header .top_bar .user_hy a{ text-align:center; float:left; color:#fff; font:12px/30px "microsoft yahei";}
.header .top_bar span{ font:12px/30px "microsoft yahei"; color:#fff; padding:0 15px; float:left;}
.header .nav_up .link_logo{ width:260px; float:left;}
.header .nav_up .link_logo h1{ height:50px; color:#fff; font:12px/50px "microsoft yahei";}
.header .nav_up .link_logo h1 font{ font-size:20px; float:left; font-weight:600;}
.header .nav_up span{ font:14px/50px "microsoft yahei"; color:#fff; padding:0 15px; float:left;}
.header .nav_up ul{ float:left;}
.header .nav_up ul li{ color:#fff; float:left; font:14px/50px "microsoft yahei";}
.header .nav_up ul li.select{ background:#1f991d;}
.header .nav_up ul li h2{ font-weight:normal; margin:0; padding:0;}
.header .nav_up ul li h2 a{ color:#fff; display:inline-block; font-family:"microsoft yahei"; font-size:14px; height:50px; line-height:50px; padding:0; text-align:center; width:120px;}
.header .nav_down{ position:absolute; top:80px; left:0; width:100%; height:290px; background:rgba(107, 180, 110, 0.8); display:none;}
.header .nav_down .layout{ padding-left:620px; width:820px;}
.header .nav_down .nav_down_inner{ width:120px; height:270px; padding:10px 0; float:left;}
.header .nav_down .nav_down_inner.select_nav{ background:rgba(51, 153, 51, 0.9);}
.header .nav_down .nav_down_inner dd a{ height:28px; width:95px; display:block; line-height:28px; color:#c3fec2; padding:0 0 0 25px;}
.header .nav_down .nav_down_inner dd a:hover{ color:#fff;}*/

.part{ padding:20px 0;}
.part .index_title h2{ color:#333; font-size:30px; padding:20px 0 40px 0;}

/**position**/
.position{ padding:1px 4px 15px;}
.position p{ height:40px; line-height:40px; color:#adadad; font-size:14px;}
.position p a{ font-size:14px;}
.position p span{ padding:0 10px;}

/****footer****/
/*
.footer{background:#1f991d; color:#fff; padding:0;}
.footer .contact{ background:#2fa52d; padding:10px 0 30px;}
.footer .contact .index_title h2{ color:#fff;}
.footer .contact dl{ width:338px; margin-right:30px; float:left; border:1px solid #fff; padding:20px;}
.footer .contact dl.last{ margin-right:0 !important;}
.footer .contact dl dt{ font-size:16px; height:40px; line-height:40px;}
.footer .contact dl dd{ font-size:14px; height:36px; line-height:36px; }
.footer .contact dl dd a{ color:#fff; font-size:14px; width:100%; height:100%; display:block;}
.footer .contact dl dd a:hover{ color:#45eb43;}
.footer .contact dl dd .qq{ display:inline-block; float:right; width:83px; height:35px; background:url(icon.png) -183px -2098px no-repeat; vertical-align:middle;}
.footer .about{ border-top:1px solid #45eb43; padding:10px 0;}
.footer .about p{height:30px; line-height:30px; text-align:center;}
.footer .about p a{ color:#fff;}
.footer .about p a:hover{ color:#45eb43;}
*/
/*小内页*/
#small_body .layout{ width:1200px;}/**为什么要改1100px 哪个页面用到？**/
#small_body .header .nav_down .layout{ width:600px;}
#small_body .footer .contact dl{width:265px; margin-right:29px;}

/*滑块验证*/
.nocaptcha{ width:350px; height:40px; margin-right:10px; vertical-align: middle; display: inline-block;}
.nc_scale{ background:#e8e8e8; height:40px; margin:0; padding:0; width:350px; position:relative;}
.nc_scale .nc_scale_bg{ background:#7ac23c; height:100%; left:0; position:absolute; width:10px;}
.nc_scale .nc_scale_n1z{ background:#fff url("icon.png") -339px -2098px; border:1px solid #ccc; cursor:move; height:38px; left:0; position:absolute; width:38px; z-index:2;}
.nc_scale .nc_scale_n1z.btnok{ background:url("icon.png") #fff -294px -2098px no-repeat; cursor:default;}
.nc_scale .scale_text{ color:#9c9c9c; cursor:pointer; font-size:12px; height:100%; line-height:40px; position:absolute; text-align:center; width:100%; z-index:1; background:transparent none repeat scroll 0 0;}
.nc_scale .scale_text span.nc-lang-cnt{ cursor:default; display:inline-block; float:none; height:auto; position:static; width:auto; z-index:0; background:none; border:none; width:100%;}

/*404页面*/
#p404{background: #e5f1e5;text-align: center;padding-bottom: 200px;}
#p404 img{display: inline-block; margin-top: 50px;}
#p404 a{color: #2fa52d; font-size:14px ;margin-right:30px ;}
#p404 a:hover{text-decoration: underline;}
.username a{ color:#333;}
.username a:hover{ color:#ffe000}
.errors{ border:1px solid #f00; padding:5px;}
.errors i{    color: red;
    white-space: nowrap;
    background: url(/static/img/error.png) no-repeat left center;
    padding-left: 25px;line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;}
.errors span{}
.index_title>h2{
    display:block;
    width:100%;
    text-align:center;
    font-size:30px;
}
.index_news{
    background-color:#F5F5F5;
    height:60px;
    width:100%;
}
.index_news>div{
    width:1200px;
    margin:0 auto;
}
.news_icon{
    float:left;
    height:60px;
    width:60px;
    background:url(../images/open_news.png) no-repeat 50% #EDEDED;
}
.news_title {
    float:left;
    width: 1140px;
    height: 60px;
    line-height:60px;
    position: relative;
    overflow: hidden;
}

.roll {
    position: absolute;
    left: 0;
    top: 0;
}
.roll li {
    color: #fff;
    width: 300px;
    height: 60px;
    line-height:60px;
	float: left;
	text-align: center;
}
.roll li span{
    background:#4694FF;
    padding:3px 10px;
    margin-top:16px;
    margin-right:10px;
    display:inline-block;
    height:20px;
    line-height:20px;

    float:left;

}
.roll li a {
	text-decoration: none;
    width:200px;
    height:60px;
    line-height:60px;
    text-align:left;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inline-block;
    float:left;
}
.game_case{
    width:1200px;
    height:auto;
    margin:0 auto;

}
.game_case>li{
    width:280px;
    height:216px;
    float:left;
    margin-left:24px;
    box-shadow:0px 1px 6px 0px rgba(23,19,0,0.15);
    margin-top:20px;
    cursor:pointer;
}

.game_case>li:first-of-type{
    margin-left:5px;
}
.game_case>li:nth-of-type(5){
    margin-left:5px;
}
.game_case>li:nth-of-type(9){
    margin-left:5px;
}
.game_case>li:nth-of-type(13){
    margin-left:5px;
}
.game_case>li>div{

    width:60px;
    height:60px;
    margin: 15px auto 0;
}
.game_case>li>div>img{
    width:60px;
    height:60px;
}
.game_case>li>h3{
    text-align:center;
    font-size:18px;
    height:50px;
    line-height:50px;
    color:#333333;
}
.game_case>li>p{
    text-align:left;
    font-size:12px;
    padding: 10px 15px;
    color:#666666;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    width:250px;
    height:55px;
}
.index_bottom{
    width:100%;
    height:168px;
    background:url(../images/open_f.jpg) no-repeat 50%;
}
.index_bottom>ul{
    width:1200px;
    margin:0 auto;
}
.index_bottom>ul >li{
    width:33.333%;
    float:left;
    text-align:center;
    padding:30px 0
}
.index_bottom>ul >li>p:first-of-type{
    font-size:50px;
    color:#333;

}
.index_bottom>ul >li>p:nth-of-type(2){
    font-size:18px;
    color:#333;

}