@charset "UTF-8";
*{margin:0;padding:0;box-sizing: content-box;}
body{min-width: 1200px;}
body,textarea{font-family:MicrosoftYaHei,arial,helvetica,sans-serif;font-size:14px}
body{background-color: #F2F5F9;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{color:#666;text-decoration:none;cursor: pointer;}
a:active,a:hover{outline:0}
b,strong{font-weight:600}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
button{overflow:visible;outline: none;}
input,textarea,select{*font-size:100%;outline: none;}
input::-ms-clear, input::-ms-reveal{display: none;}
img{border:0 none}
.container:after, .container:before{
    display: table;
    content: " ";
    clear:both;
    overflow:hidden;
    visibility:hidden;
}
#header {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 0 5px #d2d2d2;
}
.header_fixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
}
.header {
    z-index: 99;
    width: 100%;
    height: 68px;
}
.container {
    width: 1200px;
    min-width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding-right: -10px;
    padding-left: -10px;
}
.header .logo {
    float: left;
    padding-top: 18px;
    width: 152px;
}
.header .logo a {
    display: block;
    overflow: hidden;
}
.header .logo a img {
    float: left;
    width: 120px;
    height: 32px;
}
.header ul.nav {
    float: left;
    width: 400px;
    height: 68px;
    margin-left: 40px;
}
.header ul.nav > li {
    position: relative;
    float: left;
    padding: 0 2px;
    height: 68px;
    width: 100px;
    text-align: center;
}
.header ul.nav .docs{width: 120px;}
.header ul.nav > li > a {
    display: block;
    padding: 0 14px;
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    color: #7a8087;
}
.icon-common-drop-down-big {
    background-position: -26px -36px;
}
.icon-common-drop-down-big, .icon-common-drop-up-big {
    width: 16px;
    height: 8px;
}
.icon-triangle, .icon-common {
    background-image: url(../images/common.png);
}
.icon-font{
    display: inline-block;*zoom:1;_display:inline;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.header ul.nav > .docs .drop-down {
    width: 470px;
    margin-left: -110px;
}
.header ul.nav > li .drop-down, .header ul.menu > li .drop-down {
    top: 64px;
}
.drop-down {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    left: 50%;
    padding-top: 1px;
    z-index: 1;
}
.docs:hover .drop-down,.member:hover .drop-down{
    height: auto;
}
.header ul.nav > .docs .icon-triangle {
    left: 43%;
}
.drop-down .icon-triangle {
    position: absolute;
    top: 0;
    top: 1px \9;
    left: 50%;
    width: 10px;
    height: 5px;
    margin-left: -5px;
    background-position: -26px -22px;
}
.header ul.nav > .docs .drop-down .panel {
    padding: 16px 20px;
}
.drop-down .panel {margin:0 20px 10px 2px;-webkit-box-shadow:1px 3px 6px 0 rgba(181,181,182,.5);box-shadow:1px 3px 6px 0 rgba(181,181,182,.5);border-radius:4px;float:left;cursor:pointer;background:-webkit-gradient(linear,right top,left top,color-stop(50%,#fff),color-stop(50%,#e5512f)) 100% 100%/200% 100%;background:linear-gradient(270deg,#fff 50%,#e5512f 0) 100% 100%/200% 100%;-webkit-transition:color,background .5s;transition:color,background .5s}
.header ul.nav > li .drop-down ul.list li a:hover,
.header ul.nav > .all dl dd a:hover,
.header ul.menu > li.upload .drop-down li a:hover{
    text-decoration: underline;
    color: #2878FF;
}
.header ul.nav > .docs .drop-down ul.list li {
    float: left;
    width: 33%;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.header ul.nav > li .drop-down ul.list li a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
}
.header ul.menu > li.member .info {
    padding: 20px 16px 15px;
    overflow: hidden;
}
.header ul.menu > li.member .info .avator {
    float: left;
    width: 50px;
    height: 50px;
}
.header ul.menu > li.member .info .avator a {
    display: block;
}
.header ul.menu > li.member .info .avator a img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #eee;
}
.header ul.menu > li.member .info dl.profile {
    float: left;
    width: 180px;
    height: 50px;
    padding: 0 10px;
}
.header ul.menu > li.member .info dl.profile dt {
    height: 24px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header ul.menu > li.member .info dl.profile dd {
    height: 24px;
    line-height: 24px;
}
.header ul.menu > li.member .info dl.profile dd span {
    padding: 0 10px 0 0;
    font-size: 12px;
    color: #999;
}
.header ul.menu > li.member .info dl.profile dd span, .header ul.menu > li.member .info dl.profile dd a {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
}
.header ul.menu > li.member .info dl.profile dd a {
    padding: 0 12px;
    background-color: #E8F1FF;
    border-radius: 3px;
    font-size: 12px;
    color: #2878FF;
}
.header ul.menu > li.member .info .quit {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.header ul.menu > li.member .info .quit a {
    font-size: 12px;
}
#header .search {
    width: 350px;
}
.header_fixed .search {
    width: 685px;
}
.header_fixed.header_show {
    z-index: 999;
    display: block;
}
.similar.fixed {
    z-index: 999;
    display: block;
    position: fixed;
    top: 69px;
}
.preview .fixed{
    z-index: 999;
    position:fixed;
}
.header ul.operate {
    float: left;
    min-width: 128px;
    padding: 13px 10px 13px 5px;
    height: 40px;
    font-size: 22px;
    font-weight: 400;
    color: #111;
}

.header_fixed .search .search-group {
    width: 680px;
}
.header .search {
    position: relative;
    float: left;
    padding: 13px 0;
    height: 40px;
}
#header .search .search-group {
    width: 350px;
}
.header .search .search-group {
    height: 40px;
    overflow: hidden;
}
.header_fixed .search .search-group .search-control {
    width: 428px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #111;
}
.header .search .search-group .search-control {
    float: left;
    display: block;
    padding: 0 10px;
    border-radius: 4px 0 0 4px;
}
.header_fixed .search .search-group .btn-search {
    width: 88px;
    background-color: #2878FF;
    font-size: 14px;
}
.header .search .search-group .btn-search {
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
}
#header .search .search-group .search-control {
    width: 280px;
    height: 38px;
    line-height: 38px;
    border: none;
    border: 1px solid #eee;
}
.search-control {
    float: left;
    display: block;
    padding: 0 10px;
    border-radius: 4px 0 0 4px;
}
#header .search .search-group .btn-search {
    width: 48px;
    background-color: #2878ff;
    font-size: 20px;
}
.header .search .search-group .btn-search {
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
}
@font-face {
    font-family: 'icon-header';
    src: url('../font/icon-header/iconfont.eot');/* IE9 */
    src: url('../font/icon-header/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../font/icon-header/iconfont.woff') format('woff'),
    url('../font/icon-header/iconfont.ttf') format('truetype'),/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/icon-header/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.icon-header{
    font-family:"icon-header"!important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
#header .search .search-drop-down {
    width: 348px;
}
.header .search .search-drop-down {
    position: absolute;
    left: 0px;
    top: 54px;
    z-index: 9999;
}
.header ul.menu {
    float: right;
    width: 100px;
    height: 52px;
}
.header ul.menu > li {
    float: left;
    margin: 0 0 0 9px;
    position: relative;
}
.header ul.menu > .client > a {
    width: 60px;
}
.header ul.menu > li > a {
    display: block;
    width: 54px;
    padding: 8px 0;
    text-align: center;
    color: #000;
}
.header ul.menu > li > a > i {
    display: block;
    font-size: 24px;
    font-weight: 400;
    margin: 0 auto;
}
.header ul.menu > li > a > span {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}
#site, #main {
    width: 1200px;
    margin: 0 auto;
}
ol.breadcrumb {
    height: 40px;
    overflow: hidden;
    color: #666;
    font-size: 12px;
}
ol.breadcrumb li {
    float: left;
    line-height: 40px;
    padding: 0 2px 0 0;
    font-size: 12px;
    color: #666;
}
ol.breadcrumb a {
    display: inline-block;
    padding: 0 0 0 2px;
    line-height: 40px;
    font-size: 12px;
    color: #666;
    vertical-align: middle;
}
#main {
    overflow: hidden;
    padding-bottom: 20px;
}
.detail {
    position: relative;
    z-index: 9;
    float: left;
    width: 870px;
}
.detail .title {
    padding: 18px 0 8px;
    border-top: 1px solid #eee;
    background-color: #fff;
}
.detail .title, .detail .intro, .detail .content, .detail .preview, .detail .tools, .detail .notice, .detail .comment, .detail .relate, .detail .interest {
    width: 868px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
}
.detail .tools, .detail .notice, .detail .comment, .detail .relate, .detail .interest {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0 0 10px 0;
}
.detail .title .format {
    float: left;
    padding: 12px 0 0 20px;
    width: 32px;
    height: 24px;
}
.icon{
    display: block;
    background-repeat: no-repeat;
}
.icon-format{
    width: 22px;height: 22px;
    background-image: url(/asset/skin/images/format.png);
}
.icon-format-ppt,
.icon-format-pptx{
    background-position: -4px -2px;
}
.icon-format-pdf{
    background-position: -50px -2px;
}
.icon-format-doc,
.icon-format-docx{
    background-position: -27px -2px;
}
.icon-format-xls,
.icon-format-xlsx{
    background-position: -74px -2px;
}
.icon-format-zip{
    background-position: -98px -2px;
}
.icon-format-corpus{
    background-position: -123px -4px;
}
.detail .title h1 {
    float: left;
    padding: 10px 0 0;
    width: 632px;
    line-height: 30px;
    word-break: break-all;
    font-size: 22px;
    font-weight: 400;
    color: #000;
}
.detail .title ul.operate {
    float: right;
    width: 160px;
    padding: 5px 20px 0 0;
    height: 40px;
    font-size: 22px;
    font-weight: 400;
    color: #111;
    text-align: right;
}
.btn-download {
    display: inline-block;
    width: 128px;
    height: 40px;
    line-height: 40px;
    background-color: #FF4400;
    border: none;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.btn-download i {
    font-size: 20px;
}
@font-face {
    font-family: 'icon-detail';
    src: url('../font/icon-detail/iconfont.eot');/* IE9 */
    src: url('../font/icon-detail/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('../font/icon-detail/iconfont.woff') format('woff'),
    url('../font/icon-detail/iconfont.ttf') format('truetype'),/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/icon-detail/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.icon-detail{
    font-family:"icon-detail" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.detail .intro {
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.detail .intro ul.intro-list {
    padding: 0 20px;
    overflow: hidden;
}
.detail .intro ul.intro-list li, .detail .intro ul.intro-list li strong, .detail .intro ul.intro-list li a, .detail .intro ul.intro-list li i, .detail .intro ul.intro-list li span {
    font-size: 12px;
    font-weight: 400;
    color: #888;
}
.detail .intro ul.intro-list li {
    float: left;
    padding: 0 3px;
    height: 24px;
    line-height: 24px;
}
.detail .intro ul.intro-list li i {
    font-size: 14px;
}
.icon-common-split {
    width: 10px;
    height: 12px;
    background-position: -171px -1px;
}
.preview-bd {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 100%;
    overflow: hidden;
}
.preview-bd img{
    width: 100%;
    border-bottom: 10px solid #ccc;
}
.preview-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
}
.preview-bar .bar {
    width: 868px;
    height: 64px;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.preview-bar .bar ul.operate {
    float: right;
    width: 520px;
    height: 40px;
    padding: 12px 20px;
    margin: 0 -10px;
}
.preview-bar .bar ul.operate li {
    float: right;
    padding: 0 14px;
}
.preview-bar .bar ul.operate li a.op {
    position: relative;
    display: block;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #333;
    text-align: center;
}
.preview-bar .bar ul.operate li a.op i {
    display: block;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.preview-bar .bar ul.operate li a.op span {
    display: block;
    height: 20px;
    line-height: 20px;
}
.detail .notice ul.tab-nav {
    padding: 0 10px;
    height: 49px;
    border-bottom: 1px solid #ddd;
}
.detail .notice ul.tab-nav li {
    float: left;
    padding: 0 18px;
}
.detail .notice ul.tab-nav li a {
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}
.detail .notice .tab-items {
    padding: 0 28px;
}
.detail .notice .tip {
    padding: 15px 0;
    position: relative;
}
.tab-items > .tab-item {
    display: none;
}
.tab-items > .tab-item.active {
    display: block;
}
.detail .notice ul.tab-nav .active, .detail .notice ul.tab-nav li a:hover {
    border-bottom: 2px solid #3E78DA;
    color: #458DEC;
}
.detail .notice .tip .list {
    overflow: hidden;
    line-height: 24px;
}
.detail .notice .tip .list ol li {
    line-height: 24px;
}
.detail .notice .tip .list strong {
    color: #2878FF;
}
.detail .notice .txt {
    padding: 15px 0;
    line-height: 24px;
}
.detail .relate {
    padding: 20px 0;
}
.detail .hd, .side .hd {
    padding: 0 24px;
    height: 20px;
    overflow: hidden;
}
.detail .hd h3, .side .hd h3 {
    float: left;
    padding: 0 0 0 10px;
    height: 18px;
    line-height: 18px;
    border-left: 4px solid #458DEC;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.detail .relate .bd {
    padding: 10px 20px 0;
    overflow: hidden;
}
.detail .relate .bd ul.list {
    float: left;
    width: 50%;
    overflow: hidden;
}
.detail .relate .bd ul.list li a {
    display: block;
    max-width: 380px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.detail .relate .bd ul.list li a span {
    color: #333;
}
.side {
    position: relative;
    z-index: 9;
    float: right;
    width: 320px;
}
.side .corpus, .side .publish, .side .similar, .side .favorite, .side .course {
    width: 318px;
    padding: 20px 0 0;
    margin: 0 0 10px 0;
    border: 1px solid #eee;
    background-color: #fff;
}
.side .publish {
    padding: 0;
}
.side .bd {
    padding: 15px 20px;
}
.side .publish .info {
    overflow: hidden;
}
.side .publish .info .logo {
    float: left;
    position: relative;
    width: 50px;
    height: 50px;
}
.side .publish .info dl.name {
    float: left;
    width: 218px;
    height: 50px;
    padding: 0 0 0 10px;
}
.side .publish .info .logo img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 25px;
    border: 1px solid #eee;
}
.side .publish .info .logo i {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
i.icon-auth-user {
    background-color: #faad14;
}
.side .publish .info dl.name dt {
    max-width: 218px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.side .publish .info dl.name dd {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.side .publish .info dl.name dt a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.side .publish .ft {
    padding: 0 20px 20px 80px;
    overflow: hidden;
}
.side .publish .ft a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}
.side .publish .ft a.btn-chat {
    float: left;
    padding: 0 24px;
    border: 1px solid #2878ff;
    border-radius: 16px;
    color: #2878ff;
}
.side .similar ul.list {
    padding: 0 4px;
}
.side .similar ul.list li {
    padding: 0 0 5px;
}
.side .similar ul.list li a {
    display: block;
    overflow: hidden;
}
.side .similar ul.list li a strong, .side .similar ul.list li a span {
    display: block;
    overflow: hidden;
}
.side .similar ul.list li a strong i {
    float: left;
    margin: 2px 0 0;
}
.side .similar ul.list li a strong small {
    display: block;
    margin-left: 24px;
    max-height: 44px;
    line-height: 22px;
    word-break: break-all;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.side .similar ul.list li a span {
    padding: 4px 0 0 24px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.side .similar ul.list li a span small.date {
    float: left;
    font-size: 12px;
    color: #888;
}
.side .similar ul.list li a span small.pagenumber {
    float: right;
    font-size: 12px;
    color: #888;
}
.side .favorite ul.list, .side .course .list {
    padding: 0 4px;
}
.side .favorite ul.list li a {
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.side .favorite ul.list li a span {
    color: #333;
}
#footer {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 15px 0 20px;
    text-align: left;
    font-size: 12px;
    background-color: #fff;
}
#footer .desc {
    padding: 14px 0 6px;
    line-height: 24px;
    font-size: 12px;
    color: #666;
}
#footer ul.copyright {
    overflow: hidden;
}
#footer ul.copyright li {
    line-height: 24px;
    font-size: 12px;
    color: #999;
}
.icon-footer-police {
    width: 20px;
    height: 24px;
    background-position: -48px -2px;
}
.icon-footer {
    background-image: url(/asset/skin/images/footer.png);
}
#footer ul.copyright li em {
    display: inline-block;
    font-style: normal;
    padding: 0 4px;
    vertical-align: top;
}
#footer ul.copyright li a {
    color: #999;
}
/*web right sider*/
.web-right-sider{width:116px;height:40px;position:fixed;bottom:40px;right:20px;}
.back2-box{margin-bottom: 48px;width: 40px;height:40px;position:fixed;bottom:40px;right:20px;}
.web-right-sider a{width:100%;height:100%;margin-bottom:10px;border-radius:20px;line-height: 40px;font-size: 14px;}
.web-right-sider .back2top{display:none;background:url("../images/back2top.png") no-repeat center;background-color:#DDDDDD;}
.side .picinfo-attr-box {
    width: 318px;
    background: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
    border-radius: 3px;
    margin: 0 0 10px 0;
    border: 1px solid #e8e8e8\0;
}
.side .picinfo-attr-box .picinfo-attr-content {
    width: 260px;
    font-size: 13px;
    padding: 12px 0;
}
.margin-center {
    margin: 0 auto;
}
/*downshow*/
.down-price{font-size:15px;color:#333;position:relative;padding:12px 0;white-space:nowrap}
.down-price-num{color:#eb5450;font-size:20px;font-weight:700}
.down-price-num em{font-style:normal;font-size:14px}
.down-price-orig{text-decoration:line-through;color:#9e9e9e;font-size:12px}
.down-tips{color:#626262;font-size:12px;text-align: center;}
.down-btns{margin-top:8px}
.down-btns a{display:block;text-align:center;padding:7px 0;border:1px solid #d05a47;border-radius:3px;margin:10px 0;color:#d76853;font-size:12px}
.down-btns a.hot,.downs-btns a.hot{color:#fff;background:#eb4e2f;border-color:#eb4e2f}
.down-btns a.buy:hover{background:#f7e2dd}
.icon-vip-free{background:#ff9c64;font-size:12px;vertical-align:super;color:#fff;border:1px solid #d27c4c;border-radius:3px;padding:2px 3px;margin-left:5px}
.downs-btns{padding: 5px 0 10px 0;text-align: center;}
.downs-btns a{display: inline-block; width:128px;text-align:center;padding:7px 0;border:1px solid #d05a47;border-radius:3px;margin:10px 5px;color:#d76853;font-size:12px}
.surplus {
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
    margin: 10px auto;
    padding: 15px 0;
    font-size: 14px;
    position: relative;
    min-height: 110px;
}
.surplus p {
    font-size: 18px;
}
.surplus .uploader2 {
    margin-top: 4px;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.header .avatar{
    width: 23px;
    height: 23px;
    border-radius: 24px;
}