@charset "utf-8";
body, input, select, option, textarea, button{
	font-family: "Microsoft Yahei","微软雅黑",Arial,sans-self;
}
.wrapper{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
/*form*/
.btnupload1 {
    background-position: 0 0;
    height: 30px;
    width: 130px;
}
.btnupload1, .btnupload2,.btnupload3, .btndown1, .btndown2, .btndown3, .btnlike1, .btnsay1, .btnsay2, .btncss1, .btncss2, .btncss3, .btnbig1, .btnbig2, .btncss4, .btncss5, .btnlong1, .btnlong2, .btnlong3, .btnlong-small-white {
    background: url("../images/buttons-bg.png") no-repeat scroll 0 0;
    border: medium none;
    color: white;
    cursor: pointer;
    font: 14px/100% "微软雅黑","黑体","宋体";
    text-align: center;
    text-shadow: 0 -1px 1px #333;
    vertical-align: middle;
}
.btnupload2{ width: 40px; height:30px; background-position: -390px 0; } 
.btnupload2:hover{background-position:-430px 0;} 
.btnupload2:active{background-position:-470px 0;}
.btnupload3{
    width: 100px;
    height:30px;
    background-position: 0 -425px;
}
.btnupload3:hover{background-position: -100px -425px;}
.btnupload3:active{background-position: -200px -425px;}


.header{
	position:relative;
	z-index:3;
	height:50px;
	background:rgba(0,0,0,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);

}
/* 页头中的样式 Header Css */
.logo{float:left; padding:4px 0 0;}
.logo img{width:260px; height:40px;}


/*83-155*/
.header .search{float:left; padding:10px 0 0;}
.header .search .stext,
.header .search .sbtncss{
	float:left;
	height:30px;
	border:none;
	background:url(../images/search1-bg.png) no-repeat;
	line-height:30px;
}
.header .search .stext{
	width:160px;
	padding:0 5px;
	background-position:left 0;
}
.header .search .sbtncss{
	width:30px;
	background-position:right 0;
	cursor:pointer;
}
.header .shop{float:right;}
.header .shop li{
	position:relative;
	float:left;
}
.header .shop li.upload{padding:10px 10px 0;}
.header .shop li.signin a,
.header .shop li.login a{
	float:left;
	display:block;
	height:50px;
	padding:0 20px;
	font:18px/50px "微软雅黑";
	color:white;
    text-decoration: none;
}
.header .shop li.signin a:hover,
.header .shop li.login a:hover,
.header .shop li.signin a.current,
.header .shop li.login a.current{background:rgba(0,0,0,0.7);}
/* 用户提示信息 */
.header .shop li.usertips a.mycenter{
	display:block;
	float:left;
	height:50px;
	padding:0 30px 0 10px;
	background:url(../images/pointer-down.png) no-repeat 46px center;
}
.header .shop li.usertips a.mycenter:hover,
.header .shop li.usertips a.current{
	background:#111 url(../images/pointer-down.png) no-repeat 46px center;
}
.header .shop li.usertips .gravatar{
	margin-top:10px;

    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;

}
.header .shop li.usertips .gravatar img{width:30px; height:30px;}

/* End */


/* 顶部的全局搜索 */
.bigsearch{float:left;}
.bigsearch .stext,
.bigsearch .sbtncss{
    float:left;
    height:30px;
    border:none;
    background:url(../images/search1-bg.png) no-repeat;
    line-height:30px !important;
}
.bigsearch .stext{
    padding:0 5px;
    background-position:left 0;
	font:12px/1.5  "Microsoft YaHei","微软雅黑","SimSun","宋体";
}
.bigsearch .sbtncss{
    width:30px;
    background-position:right 0;
    cursor:pointer;
}
.bigsearch div{
	+float: left;
}


/* 全局主导航 2015-04-20 更改并且新增 Author:ZH */
.mainnav{float:left; padding:0 0 0 20px;}
.mainnav .nav>li{position:relative; float:left;}
.mainnav .nav>li>a{
    display:block;
    float:left;
    height:50px;
    padding:0 10px;
    line-height:50px;
    font-size:16px;
    color:#ccc;
    text-decoration: none;
}

.mainnav .nav li .hottip {
    position: absolute;
    right: -8px;
    top: 8px;
    z-index: 9;
}

.mainnav .nav>li:hover,
.mainnav .nav>li>a:hover{background-color:rgba(0,0,0,1); color: #eee;
transition:background 1s;
    -moz-transition:background 1s;	/* Firefox 4 */
    -webkit-transition:background 1s;	/* Safari 和 Chrome */
    -o-transition:background 1s;

}
.mainnav .nav>li>a.current{background-color:#3498db; color:white;}

.mainnav .nav>li.dropdown{position: relative;}
.mainnav .nav>li.dropdown>a{
    padding:0 25px 0 15px;
    background-image:url(../images/mainnav-arr1.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/* 用户与操作（登录、注册，用户中心，搜索框，上传按钮） */
.usershop{float: right;}
.usershop ul li{
    float: left;
    padding:0 0 0 10px;
}
.usershop ul li.shop1{padding-top: 10px;}
.usershop .user1,
.usershop .user2{
    position: relative;
    line-height: 28px;
    color: #ccc;
}
.usershop .user1{padding: 10px;}
.usershop .user1 a,
.usershop .user2 a{color: #ccc; text-decoration: none;font-size: 12px;}
.usershop .user1 a:hover,
.usershop .user2 a:hover{color: #eee;}

.usershop .user2 .mycenter{
    display: block;
    padding: 10px 25px 10px 10px;
    background-image:url(../images/mainnav-arr1.png);
    background-repeat: no-repeat;
    background-position: right center;
    transition:background 1s;
    -moz-transition:background 1s;	/* Firefox 4 */
    -webkit-transition:background 1s;	/* Safari 和 Chrome */
    -o-transition:background 1s;	/* Opera */
}
.usershop .user2:hover,
.usershop .user2 .mycenter:hover{background-color: black;}
.usershop .user2 .gravatar,
.usershop .user2 .gravatar img{
    width: 30px;
    height: 30px;
    border-radius: 2px;
}
.usershop .user2 .gravatar{
    position: relative;
}
.usershop .user2 .gravatar .hint{
    width: 16px;
    height: 16px;
    background: url(../images/hint.png) no-repeat center;
    display: inline-block;
    vertical-align: -4px;
    position: absolute;
    top: -6px;
    right: -8px;
}
/* End */

/* 下拉菜单 */
.dorpmenu1,
.dorpmenu2{
    position: absolute;
    z-index: 1;
    top: 55px;
    right: 0;
}
.dorpmenu1{
    top: 55px;
    border-radius: 5px;
    background: #33485f;
    padding: 3px;
}
.dorpmenu1 .arr{
    display: block;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 10px;
    left: 10px;
    height: 5px;
    background: url(../images/dorpmenu-arr1.png) no-repeat right bottom;
}
.dorpmenu1 a.subnav{
    display: block;
    height: 25px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 25px;
    color: #eee;
    text-decoration: none;
    transition:background 0.5s;
    -moz-transition:background 0.5s;	/* Firefox 4 */
    -webkit-transition:background 0.5s;	/* Safari 和 Chrome */
    -o-transition:background 0.5s;	/* Opera */
}
.dorpmenu1 a.subnav:hover{background: #1abc9c;}
.dorpmenu1 a.subnav:active{background: #16a085;}

.dorpmenu2{
    top: 50px;
    background: black;
    padding: 3px 1px;
}
.dorpmenu2 .arr{display: none;}
.dorpmenu2 a.subnav{
    display:block;
    height:30px;
    padding:0 10px;
    font:12px/30px "微软雅黑";
    color:white;
    text-decoration: none;
}
.dorpmenu2 a:hover{background: #333; color:#00b0ff!important;}
.dorpmenu1 a.subnav i,
.dorpmenu2 a.subnav i{padding: 0 10px 0 0;}

.dorpmenu2 a .hint{
    width: 16px;
    height: 16px;
    background: url(../images/hint.png) no-repeat center;
    display: inline-block;
    vertical-align: -4px;
}

/* 文档分类 */
.categorys{width: 300px;}
.categorys li{float: left; width: 25%;}

/* 二级菜单 */
.dorpmenu1 .subnavul{width: 100px;}
.dorpmenu1 .subnavul li{float: none; padding: 1px 0;}

.dorpmenu2 .subnavul{width: 120px;}
.dorpmenu2 .subnavul li{float: none; padding: 0 0;}

/* 用户快捷登录 */
.userlogin{ width:260px; padding:10px;}
.userlogin table td{padding: 3px; font-size: 12px;}
.userlogin table td.name1{width: 60px;}
.userlogin table td .imgcode{vertical-align: middle; margin: -5px 5px 0;}
.userlogin .alert{
    margin: 0 3px 5px;
    padding: 10px 15px;
    line-height: 100%;
}

/* 用户中心导航入口 */
.userlinks{width:120px;}
.userlinks li{
    clear: left;
    width: 120px;
    padding:0!important;
}
/* Eed */









/* 页脚中的样式 Footer Css */
.footer{background:#4c4c4c url(../images/footer-bg.png) repeat-x; color:white;overflow: hidden;}
.footer .mainpart{padding:10px 0; line-height:25px;}
.footer .copyrught{float:left;font-size: 12px;}
.footer .tel{float:right;}
.footer .service-qq{
	display:block;
	width:96px;
	height:25px;
	background:url(/assets/images/service-qq-bg.png) no-repeat;
	cursor:pointer;
}
.footer .service-qq:hover{background-position:0 -25px;}
/* End */



/* 底部活跃区域 active */
.activelist{background:#eee url(../images/activelist-bg.png) repeat-x top;overflow: hidden;}
.columns{
	float:left;
	width:25%;
	padding:20px 0;
	color:#666;
}
.columns h3{
	padding-bottom:10px;
	font:18px/100% "微软雅黑";
	color:#333;
}
.columns h3 a{
	padding-bottom:10px;
	font:18px/100% "微软雅黑";
	color:#333;
}
.columns ul{float:left; padding:5px 50px 0 0;}
.columns li{line-height:2;font-size: 12px;}
.columns li a{color:#666; text-decoration:none;font-size: 12px;}
.columns li a:hover{color:#33bbd9;}

.columns-ad{

	float:left;
}
.columns li a.weibo{
	display:inline-block;
	float:left;
	margin-right:10px;
}
.columns-ad .qrcode{
	float:left;
	margin:8px 10px 0;
	padding:2px 2px 5px;
	background:white;
	font-size:14px;
	line-height:100%;
	text-align:center;
}
.columns-ad .qrcode img{width:100px; margin-bottom:5px;}
.columns-ad .adtext{
	float:left;
	width:150px;
	padding:20px 0;
}
a{
	text-decoration: none;
	outline: none;
}
.grey9{
	color: #999;
}
.grey6{
	color: #666;
}
.grey3{
	color: #333;
}
.hide{
	display: none;
}
.fr{
	float: right;
}
.bigsearch .stext{width: 220px;}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
.skintips,
.skin-peeler img,
.skin-peeler,
.topshop,
.toplayer-shop{
	display: none;
}

.sidechage .vip-free li{
	padding: 5px 0;
}
.detail-side.sidechage .vip-free{
	margin: 10px 0;
}