﻿


body{ font-size: 12px; /*font-family: "\5B8B\4F53\微软雅黑"*/ font-family: "微软雅黑"; background:#e8e8e8 !important; color: #323232; width:100%; overflow-x:hidden;}
.inner{ position: relative; margin: 0 auto 10px; width: 1200px; z-index:100; }
a{color:#444444;}
a:hover{ color: #660099;  cursor: pointer;}

.fs-b{ font-weight: bold;}
.hide{ display: none; }
.simsun{ font-family:"\5b8b\4f53"; }

.tool_ico{ background:url(../images/dl.png) no-repeat center 3px; }
.fl-l{ float:left !important;}
.fl-r{ float:right !important;}
/*.cneter{ width:1200px; margin:0 auto;}*/
.po-re{position:relative;}
/*.po-ab{position:absolute;}*/
.fc-r{ color:red !important;}
.fc-8{ color:#888;}



.logo-r {
margin-left:50px;
margin-top:-16px;
}


/*=---------------- cyou_bottom -------------------=*/
#cyou_bottom{padding:30px 0 40px;height:71px;min-width:980px;width:100%;background:url(../images/caitiao.png) no-repeat scroll center top #f0f0f0; clear: both;}
#cyou_bottom_main{margin:0 auto;width:960px;height:71px;font:12px/20px "宋体",Tahoma,Geneva,sans-serif;color:#aaa;}
.cyou_bottom_logo{float:left; border-right:solid 1px #e0e0e0;}
.cyou_bottom_logo a{display:inline-block; width:318px; height:61px;}
.cyou_bottom_sprite{float:left;padding:12px 0 0 21px;}
.beian{float:left;width:35px;height:35px;background:url(../images/cyou_copyright_sprite.png) no-repeat scroll 0 0;}
.stamp{float:left;width:35px;height:35px;margin-left:16px;background:url(../images/stamp.png) no-repeat scroll 0 0;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stamp.png",sizingMethod="crop");}
.cyou_bottom_cont{float:left;padding-left:48px;}
.cyou_bottom_cont a{color:#aaa;}
.cyou_bottom_cont a:hover{color:#006dc1;}
.links{color:#aaa;}
.links a{color:#aaa; padding:0 12px 0 6px; border-right:solid 1px #ccc;}
    .links .first {
    padding-left:0;
    }
    .links .last {
    padding-right:0;
    border-right:none;
    }


.header{ height: 84px; background: #ffffff url(../images/header_bg.png) no-repeat center bottom; }
.logo a{ position: absolute; display: block; top: 10px; width: 218px; height: 81px; /* background: url(/them/images/logo.png) no-repeat 0 0; */ }
.nav{ margin-left: 380px;height:84px; }
.nav li{ float: left; font-size: 12px; font-family: "\5fae\8f6f\96c5\9ed1"; line-height:84px; width:136px; overflow: hidden;
position:relative; height:84px; width:136px;
}
.nav li a{position:absolute; z-index: 2; width:136px; text-align: center; text-indent:1.3em;}
.nav li .nav-bg{
	position:absolute;
	top:0;
	left:150px;
	 width:136px;
z-index: 1;
-moz-osx-font-smoothing: grayscale;
transform: translateX(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;	
}



    .nav li:hover .nav-bg{
    	
-webkit-transform: translateX(-180px);
	transform: translateX(-152px);
    
    }
        .nav li:hover a {
        color:white !important;
        }

.nav li a.selected,.nav li a:hover{ color: #660099; }
.top_tool{ position: absolute; top: 29px; right: 0; }
.top_tool span,.top_tool em{ display: inline-block; height: 24px; line-height: 24px; vertical-align: middle; font-size:14px;}
.top_tool em{ margin-left: 5px; }
.top_tool span{-webkit-transition: -webkit-transform .4s ease-out;
-moz-transition: -moz-transform .4s ease-out;
transition: transform .4s ease-out;}
.top_tool span:hover{transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);}

.tool_ico{ width: 24px; }
.login .login_ico{ cursor:pointer;}
.reg .reg_ico{ cursor:pointer;  background:url(../images/zc.png) no-repeat center;}
a.login{ color: #a00e0e; text-decoration: none;cursor:pointer; }
a.reg{ margin-left: 8px; color: #7bb430; text-decoration: none;cursor:pointer; margin-top:5px !important;}
#cyou_bottom_main .center li {
            height:40px;
line-height:40px;
        float:left;
        margin:0 12px;
        }
            #cyou_bottom_main .center li a {
                height:40px;
line-height:40px;
            }
            #cyou_bottom_main span a img {
display:inline-block;
}