@charset "utf-8";
/* CSS Document */

/*！
 * CSS Document Designer Zh
 * 全局样式表 2015.04.24 新增；
 * 主要包括 Reset Style 页头、页脚以及其他通用控件样式表；
 * 注：该样式表全局使用，修改需谨慎！
*/

/* Reset Styles */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
b,strong {font-weight: bold;}
em {font-style: italic;}
table{border-collapse:collapse; border-spacing:0;}
/* End Reset */


body{font-family: "微软雅黑","黑体","宋体"; color: #333;}

.clearfix:after{
    clear:both;
    content:'';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0;
}
.hide,
.hide1{display:none;}

a{text-decoration:none; color:#33bbd9;}
a:hover{text-decoration:underline;}

.pull-left{float: left!important;}
.pull-right{float: right !important;}

/* Fonts Color 特殊强调文字颜色 */
.red{color:#ff1000!important;}
.red1{color:#ff1000!important;}
.red2{color:#e61673!important;}    /* Logo 取色：红 */
.blue{color:#00a1e9!important;}    /* Logo 取色：蓝 */
.green{color:#13ae2f!important;}   /* Logo 取色：绿 */
.orange{color:#f60!important;}     /* Logo 取色：橙 */
.white{color:#fff!important;}
.graye{color:#eee!important;}
.grayc{color:#ccc!important;}
.gray9{color:#999!important;}
.gray6{color:#666!important;}
.gray3{color:#333!important;}
.gray1{color:#111!important;}


/* 主框架 Layout Css */
.header{
    position:relative;
    z-index:3;
    height:50px;
    background:rgba(0,0,0,0.8);
}
.footer{}
.topshop{}
.wrap{}
.content{}
.mainpart{}


/* 通用布局框架结构 Common Layou Css */
.layoutfull,
.layout01,.layout02,.layout03{padding:10px 0;}
.layout01 .boxleft{float:left;}
.layout01 .boxright{}
.layout02{margin:0 auto;}
.layout02 .boxleft{margin-right:260px!important; margin-right:257px;}
.layout02 .boxright{float:right; width:250px;}
.layout03 .boxleft{float:left;}
.layout03 .boxright{}
/* End */

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


/* 顶部的全局搜索 */
.bigsearch{float:left;}
.bigsearch .stext,
.bigsearch .sbtncss{
    float:left;
    height:30px;
    border:none;
    background:url(../images/search1-bg.png) no-repeat;
    line-height:30px;
}
.bigsearch .stext{
    padding:0 5px;
    background-position:left 0;
    font-size: 14px;
}
.bigsearch .sbtncss{
    width:30px;
    background-position:right 0;
    cursor:pointer;
}

/* 全局主导航 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:hover,
.mainnav .nav>li>a:hover{background-color:rgba(0,0,0,0.8); color: #eee;}
.mainnav .nav>li>a.current{background-color:black; color:white;}

.mainnav .nav>li.dropdown{position: relative;}
.mainnav .nav>li.dropdown>a{
    padding:0 25px 0 15px;
    background-image:url(../images/icons/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: 30px;
    color: #ccc;
}
.usershop .user1{padding: 10px;}
.usershop .user1 a,
.usershop .user2 a{color: #ccc; text-decoration: none;}
.usershop .user1 a:hover,
.usershop .user2 a:hover{color: #eee;}

.usershop .user2 .mycenter{
    display: block;
    padding: 10px 25px 10px 10px;
    background-image:url(../images/icons/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;
}
/* 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/icons/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;}


/* 文档分类 */
.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:rgba(0,0,0,0.8)!important; color:white;}
.footer .mainpart{padding:10px 0; line-height:25px;}
.footer .copyright{float:left;}
.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:#f6f6f6 url(../images/activelist-bg.png) repeat-x top;}
.columns{
    float:left;
    width:25%;
    padding:20px 0;
    color:#666;
}
.columns h3{
    padding-bottom:10px;
    font:18px/100% "微软雅黑";
    color:#333;
}
.columns h3 a{color: #00a1e9;}
.columns h3 a:hover{text-decoration: underline;}
.columns ul{float:left; padding:5px 50px 0 0;}
.columns li{line-height:2;}
.columns li a{color:#666; text-decoration:none;}
.columns li a:hover{color:#33bbd9;}
.columns li a.weibo{
    display:inline-block;
    float:left;
    margin-right:10px;
}
.columns-ad{
    /*position:relative;*/
    float:left;
}
.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;
}
/* End */

/* 列表Table */
.tableList,
.tableList caption,
.tableList th,
.tableList td,
.tableList .paralleling{border-color:#ccc;}

.tableList td{border-color:#ddd;}

.tableList {
    table-layout: fixed;
    position: relative;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    margin-bottom: -1px;
}

.tableList caption {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    background:#fcfcfc;
    font-size: 14px;
}

.tableList .paralleling {
    position: relative;
    float: left;
    background:#fcfcfc;
    padding: 10px 0;
    font-size: 14px;
    line-height: 22px;
}
.tableList .paralleling li {
    float: left;
    padding: 0 10px;
    border-right-style: solid;
    border-right-width: 1px;
    border-color:#ccc;
}
.tableList .paralleling li.last {border: none;}

.tableList caption .menu {
    display: block;
    position: absolute;
    z-index: 1;
    top: 11px;
    right: 10px;
    width: 20px;
    height: 20px;
    background:url(../images/icons/menu2.png) no-repeat center center;
}
.tableList caption .menu:hover{background:url(../images/icons/menu3.png) no-repeat center center;}
.tableList caption .menu.current,
.tableList caption .menu.current:hover{background:url(../images/icons/menu4.png) no-repeat center center;}

.tableList caption .search {
    position: relative;
    clear: left;
    padding: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-color:#ccc;
    text-align: left;
}

.tableList thead {background: #f9f9f9; font-size: 14px;}

.tableList th,
.tableList td {
    position: relative;
    z-index: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;/*Not working in FF*/
    font-size: 14px;
}

.tableList .times {width: 120px;}
.tableList .number {width: 100px; text-align: right;}
.tableList .status {width: 60px; text-align: center;}
.tableList .tdw30  {width: 30px; text-align: center;}
.tableList .tdw100 {width: 100px;}
.tableList .tdw160 {width: 160px;}

.tableList .join-td {
    position: relative;
    height: 20px;
    line-height: 20px;
    border-top: none;
    overflow: auto;
}
.tableList .errormsg {
    position: absolute;
    top: -6px;
    right: 1px;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    background:white;
}
.tableList td a{color:#333;}
.tableList td a:hover{color:#00a1e9;}
.tableList a.shop,
.tableList a.shop:hover{text-decoration: none;}
.tableList a.shop{opacity: 0.5;}
.tableList a.shop:hover{opacity: 1;}
/* End */



/* 翻页 */
.pagination{
    padding:10px 0;
    overflow:hidden;
}
.pagination li{
    float:left;
    margin:5px;
    height:28px;
    border:solid 1px #ddd;
    border-radius: 2px;
    background:#f6f6f6;
    cursor:pointer;
    text-align:center;
    color:#666;
    font-size:14px;
    line-height:28px;
}
.pagination li.nextpage{width:68px;}
.pagination li.number{width:38px;}
.pagination li.current,
.pagination li.current:hover,
.pagination li.nextpage:active{
    border:solid 1px #00a1e9;
    background:#00a1e9;
    cursor:auto;
    color:white;
    font-weight:bold;
}
.pagination li:hover{border-color:#999; color:#00a1e9;}
.pagination li.disable{color: #ccc; cursor: default;}
.pagination li.disable:hover{border-color: #ddd;}
/* End */


/* 警告框 Alert */
.alert{
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* 警告框中的关闭按钮 */
.alert .close {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
    background: transparent;
}
.alert .close:hover,
.alert .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

/* 警告框中的超链接 */
.alert .alert-link {font-weight: bold;}

/* 有关闭按钮警告框 */
.alert-dismissible {padding-right: 35px;}
.alert-dismissible .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    padding: 0px 2px 4px;
    text-align: center;
    line-height: 20px;
    color: inherit;
}
/* 警告-黄色 */
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning .alert-link {color: #66512c;}
/* 成功-绿色 */
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success .alert-link {color: #2b542c;}
/* 消息-蓝色 */
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info .alert-link {color: #245269;}
/* 危险-红色 */
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger .alert-link {color: #843534;}

.search-nav{position:relative;}
.search-rhint{position:absolute;background-color:#fff;font-size:13px;z-index:2;border:1px solid #ddd;width:100%;top:30px;left:0px;display:none;border-radius: 4px;}
.hint-list{padding:4px 0;font-size:14px;line-height:28px;}
ul.hint-list li{height:27px;padding:0 9px;cursor:pointer;zoom:1;position:relative;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal;-ms-word-break:normal;word-break:normal;color:#333;float: none;}
.hint-list li:hover,
.hint-list li.active{background:#f3f3f3;}