/*CSS reset*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font-family: "microsoft yahei", "serif";color: #333;background:#fff;-webkit-text-size-adjust:100%}
body{font-size: 12px}
a{color:#333;text-decoration:none;outline: none;}
a:hover{color:#CC0000;text-decoration:none}
a:focus{outline: none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, fieldset{border: none;}
select{font-family: "microsoft yahei";}
input:focus, input:active{outline: none;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;line-height:0;content:'.';}
.clearfix{zoom:1;} /*解决ie6/7兼容问题*/
.f12 {font-size: 12px;}
.f14 {font-size: 14px;}

/*firefox清除outline属性*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}

/*头部导航区域*/
.allhead {width: 100%;margin: 0 auto;font-family: simsun;}
.nav-user {height: 30px;background-color: #222;}
.nav-user a {float: left;padding: 0 15px;line-height: 24px;color: #f8f8f8;border-top: 3px solid #222;border-bottom: 3px solid #222;}
.nav-user a:hover {background-color: #6f6f6f;border-color: #6f6f6f;}
.nav {float: left;}
.nav a.cansee {border-top-color: #cd0001;font-weight: bold;}
.nav a.cansee:hover {background-color: #6f6f6f;border-top-color: #cd0001;}
.user {float: right;}
.nav-user .user a{line-height: 30px;border: none;}
.user a img {width: 24px;height: 24px;margin-right: 10px;}

/*logo区域*/
.index-logo{width: 100%;height: 68px;border-bottom: 1px solid #e4e4e4;background-color: #f4f4f4;}
.index-logo .inner-logo{width: 1000px;margin: 0 auto;}
.index-logo .inner-logo .logo-img{float: left;}
.index-logo .logo-img img{width: 192px;height: 68px;}
.inner-logo .inner-nav{float: left;line-height: 68px;margin-left: 90px;}
.inner-logo .inner-nav a{margin-left: 30px;font-size: 16px;font-weight: bold;}
.inner-logo .inner-nav a:hover{color: #c00;}
.inner-logo .inner-nav a.nowpg{color: #c00;}

/*标签标题和列表区域*/
.tag-mainbd{width: 1000px;margin: 25px auto 0;}
.tag-mainbd h1{font-size: 20px;}
.tag-mainbd .tag-list{width: 1015px;margin-top: 25px;}
.tag-list .list-one{float: left;width: 238px;margin-right: 15px;}
.list-one .one-tag{margin-bottom: 30px;}
.list-one .one-tag h2{width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;background-color: #f3f3f3;font-size: 15px;text-indent: 15px;}
.list-one .one-bd p{float: left;height: 25px;line-height: 25px;margin-top: 5px;margin-right: 10px;}
.one-bd p img{width: 16px;height: 16px;}
.one-bd p a{display: inline-block;zoom: 1;*display: inline;padding: 0 9px;color: #3377aa;}
.one-bd p a:hover{background-color: #3377aa;color: #fff;}

/*标签详情页主体区域*/
.subpg-bd{width: 1000px;margin: 20px auto 0;}
.subpg-bd .now-posi{color: #ddd;font-size: 13px;}
.subpg-bd .now-posi span,
.subpg-bd .now-posi a{color: #333;}
.subbd-wrap{margin-top: 20px;}
.subbd-wrap .subbd-left{float: left;width: 670px;margin-right: 30px;}
.subbd-left .sub-tgtit{height: 40px;line-height: 40px;color: #999;font-size: 14px;}
.sub-tgtit img,
.sub-tgtit strong,
.sub-tgtit a,
.sub-tgtit span{display: inline-block;zoom: 1;*display: inline;color: #333;vertical-align: baseline;}
.sub-tgtit img{width: 120px;height: auto;margin-right: 10px;}

.sub-tgtit h1 {
    font-size: 18px;
    margin-right: 22px;
    display: inline-block;
    color: #333;
    font-weight: bold;
}
.sub-tgtit a{height: 26px;line-height: 26px;margin-right: 10px;padding: 0 11px;background-color: #dd2222;color: #fff;font-size: 13px;border-radius: 3px;visibility: hidden;}

.sub-tgtit a:hover {
    color: #fff;
    background-color: #BC1E1E;
}
.sub-tgtit span{font-weight: bold;}
.statistic-info {float: right;}
.statistic-info, .statistic-info span {font-weight: normal;font-size:12px;color:#333333;}
.one-statistic {display: inline-block;margin-left: 20px;}
.subbd-left .sub-tgintro{line-height: 24px;margin-top: 15px;font-size: 14px;word-wrap: break-word;}
.left-nav{margin-top: 20px;border-bottom: 1px solid #e4e4e4;}
.left-nav-float {margin-top: 0px;position: fixed;background-color: #fff;width: 1000px;top:0px;}
.left-nav a{float: left;position: relative;height: 34px;line-height: 34px;margin-right: 4px;padding: 0 20px;bottom: -1px;border: 1px solid #e4e4e4;background-color: #f8f8f8;color: #666;font-size: 14px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.left-nav a.now-pg{border-bottom-color: #fff;background-color: #fff;color: #333;font-weight: bold;}
.ltctn-wrap{border-bottom: 1px solid #e4e4e4;}
.ltctn-wrap h2{margin: 30px 0px 15px;font-size: 16px;border-left: 3px solid #B30A05; padding-left: 14px;line-height: 16px;}
.ltctn-wrap .see-more{line-height: 42px;text-align: right;}
.ltctn-wrap .see-more a{color: #666;}
.info-list{padding: 19px 0;border-bottom: 1px dashed #e4e4e4;}
.info-list p{margin-left: 175px;}
.info-list-noimg p {margin-left: 0px;}
.data-list,
.bbs-list{padding: 15px 0;border-bottom: 1px dashed #e4e4e4;}
.info-list img{float: left;width: 158px;height: 98px;margin-right: 15px;border: 1px solid #e4e4e4;}
.bbs-list .left-info{float: left;width: 70px;margin-right: 15px;}
.bbs-list .left-info p{height: 24px;line-height: 24px;padding-left: 35px;background: url(../images/tagimage/leftinfoimg.png) no-repeat;overflow: hidden;}
.bbs-list .left-info p.saynum{color: #fff;background-color: #32ab56;background-position: 10px -48px;}
.bbs-list .left-info p.starnum{color: #666;background-color: #f2f2f2;background-position: 10px -72px;}
.info-list .one-tit,
.data-list .one-tit,
.bbs-list .one-tit {
    line-height: 16px;
    margin-bottom: 12px;
}
.info-list .one-tit a,
.data-list .one-tit a,
.bbs-list .one-tit a {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.info-list .one-intro,
.data-list .one-intro{line-height: 24px;margin-top: 10px;color: #363636;font-size: 13px;}
.info-list .one-more,
.data-list .one-more{margin-top: 5px;color: #999; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.data-list .one-more{height: 24px;}
.bbs-list .one-more{margin-top: 14px;color: #999;}
.info-list .one-more span,
.data-list .one-more span,
.data-list .one-more .down-now,
.bbs-list .one-more span,
.bbs-list .one-more .thebbs{display: inline-block;zoom: 1;*display: inline;margin-right: 20px;}
.info-list .one-more span,
.data-list .one-more span{height: 16px;line-height: 16px;vertical-align: middle;}
.info-list .one-more a,
.data-list .one-more a,
.bbs-list .one-more a{margin-left: 10px;color: #3377aa;}
.info-list .one-more a:hover,
.data-list .one-more a:hover,
.bbs-list .one-more a:hover{text-decoration: underline;}

.data-list .one-more .down-now{float:right;width: 80px;height: 24px;line-height: 24px;margin-left: 0;color: #fff;background-color: #32ab56;font-size: 13px;text-align: center;border-radius: 3px;}
.info-list .one-more .time,
.info-list .one-more .seenum,
.data-list .one-more .time,
.bbs-list .one-more .time,
.bbs-list .one-more .seenum,

.bbs-list .one-more .thebbs{padding-left: 20px;background: url(../images/tagimage/leftinfoimg.png) 0 0 no-repeat;}
.info-list .one-more .seenum,
.bbs-list .one-more .seenum{background-position: 0 -16px;}

.bbs-list .one-more .seenum2 {
    background-position: 0 -14px;
}
.bbs-list .one-more .thebbs{margin-left: 0;background-position: 0 -32px;}
.data-list .one-tit .filetp{display: inline-block;zoom: 1;*display: inline;width: 16px;height: 16px;margin-right: 10px;background: url(../images/tagimage/filetypebg.png) no-repeat;vertical-align: top;}
.data-list .one-tit .pdf{background-position: 0 0;}
.data-list .one-tit .txt{background-position: -38px 0;}
.data-list .one-tit .doc{background-position: -72px 0;}
.data-list .one-tit .xls{background-position: -105px 0;}
.data-list .one-tit .ppt{background-position: -139px 0;}
.data-list .one-tit .rar{background-position: -173px 0;}
.data-list .one-tit .exe{background-position: -206px 0;}
.data-list .seenum{
    padding-left: 20px;
    background: url(../images/tagimage/leftinfoimg.png) 0 0 no-repeat;
    background-position: 0 -16px;
}

.info-list .one-more .tag {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 215px;
}
.data-list .down{
    padding-left: 20px;
    background: url(../images/tagimage/u515.png) 0 0 no-repeat;
}
.one-more.thread-info {margin-left: 85px;}
.one-more.thread-info span {margin-bottom: 10px;}

/*右侧*/
.subbd-wrap .subbd-right{float: left;width: 300px;}
.subbd-right h3{margin-bottom: 15px;font-size: 16px;}
.tag-info,
.relate-tag,
.user-focus{padding-bottom: 18px;}
.tag-info p{line-height: 26px;color: #666;font-size: 13px;}

.user-focus {
    padding-top: 20px;
}

.interest-tag {
    position: relative;
}
.relate-tag a,
.interest-tag a{display: inline-block;zoom: 1;*display: inline;height: 22px;line-height: 22px;margin: 0 10px 10px 0;padding: 0 9px;border: 1px solid #f2f2f2;background-color: #edf5fa;color: #3377aa;font-size: 13px;}
.relate-tag a:hover,
.interest-tag a:hover {color:#fff;background-color: #3483B1;}
.user-focus .img-list a,.user-focus .img-list2 a{float: left;margin: 10px 10px 0 0;}
.user-focus a img{width: 40px;height: 40px;}

/*分页样式*/
.pageNav{margin: 25px 0;}
.pageNav a, .pageNav span{display: inline-block;zoom: 1;*display: inline;margin-right: 4px;padding: 4px 10px;border: 1px solid #e4e4e4;}
.pageNav a:hover, .pageNav .current{border-color: #32ab56;color: #fff;background-color: #32ab56;}

/*我的标签页*/
.mytag-bd{width: 1000px;margin: 30px auto 0;}
.mytag-left, .mytag-right{float: left;}
.mytag-left h1, .mytag-right h1{line-height: normal;font-size: 20px;}
.mytag-left{width: 670px;margin-right: 30px;overflow: hidden;}
.mytag-list{width: 690px;margin-top: 25px;}
.mytag-one{float: left;width: 208px;height: 78px;margin: 0 20px 20px 0;border: 1px solid #e4e4e4;border-radius: 3px;}
.mytag-one h3, .mytag-one p{padding-left: 15px;}
.mytag-one h3{height: 40px;line-height: 40px;}
.mytag-one h3 img{width: 28px;height: 28px;margin-right: 10px;}
.mytag-one h3 a{color: #3377b5;font-size: 15px;}
.mytag-one p{height: 38px;line-height: 38px;background-color: #f6f6f6;}
.mytag-one p a{display: inline-block;zoom: 1;*display: inline;width: 68px;height: 22px;line-height: 22px;margin-right: 10px;border: 1px solid #d7d7d7;color: #666;background-color: #fff;text-align: center;border-radius: 3px;}
.mytag-one p a:hover{border-color: #3377c1;color: #3377b5;}
.mytag-one span{color: #666;font-size: 14px;}
.mytag-one span em{font-weight: bold;}
.mytag-right{width: 300px;}
.my-info{margin-top: 25px;}
.my-info img{float: left;width: 78px;height: 78px;border: 1px solid #e4e4e4;}
.my-info p{margin-left: 100px;}
.my-info p a{color: #3377b5;font-size: 15px;}

/*热门标签页*/
.hottag-bd{width: 1000px;margin: 25px auto 0;}
.hottag-bd h1{font-size: 20px;}
#tit-explain{line-height: 22px;color: #666;font-size: 16px;margin-top: 10px;}
.hottag-list{width: 1020px;margin-top: 25px;}
.hottag-list .hottag-one{float: left;width: 238px;margin-right: 13px;margin-bottom: 13px;border: 1px solid #ddd;}
.hottag-one h3{height: 40px;line-height: 40px;padding-left: 10px;}
.hottag-one h3 img{width: 22px;height: 22px;margin-right: 6px;}
.hottag-one h3 a{color: #3377b5;font-size: 15px;}
.hottag-one .tag-intro{overflow: hidden;height: 76px;line-height: 19px;padding: 0 10px;font-size: 13px;}
.hottag-one .attention{height: 38px;line-height: 38px;margin-top: 12px;padding-left: 10px;background-color: #f6f6f6;}
.hottag-one .add-att, .hottag-one .del-att{display: inline-block;zoom: 1;*display: inline;line-height: 1.5;margin-right: 8px;padding: 1px 5px;vertical-align: baseline;border-radius: 3px;}
.hottag-one .add-att{border: 1px solid #ccc;color: #666;background-color: #fff;background-repeat: repeat-x;background-image: linear-gradient(to bottom, #fff 0%, #fafafa 100%);}
.hottag-one .add-att:hover{border-color: #aaa;color: #333;background-color: #f2f2f2;}
.hottag-one .del-att{border: 1px solid #adadad;color: #333;background-color: #f2f2f2;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;}
.hottag-one .attention span{color: #777;font-size: 14px;}
.hottag-one .attention span em{color: #333;font-weight: bold;}
.hottag-list .attent{border-color: #faebcc;background-color: #fcf8e3;}
.hottag-list .attent h3 a{color: #008e59;}
.hottag-list .attent .attention{background-color: #fbf5d5;}

/*登录框*/
/*对话框样式*/
.dialog{width:100%;height:100%;overflow:hidden;background:#fff;}
/*hd*/
.dialog-hd{height:50px;overflow:hidden;border-bottom:1px solid #F1F1F1;background:#F6F6F6;
color:#555;font-size:20px;line-height:50px;text-indent:15px;}
.dialog-hd span{font-size:12px;color:#eee;font-family:arial;}
.dialog-hd a{color:#eee;}
/*bd*/
.dialog-bd{padding:10px;}
.dialog-loading{width:140px;margin:0 auto;padding-top:25px;color:#666;}
.dialog-loading img{float:left;margin:2px 5px 0 0;}
/*close*/
.close-dialog{position:absolute;top:10px;right:10px;width:28px;height:28px;color:#D0CECF;
text-align:center;cursor:pointer;font-size:20px;}
.close-dialog:hover{color:#444;}
/*对话框表单提交成功提示*/
.success-tip{padding:40px 30px 30px 130px;background:url(../images/tip-ok.jpg) no-repeat 50px 22px;}
.tip-title{margin-left:-3px;color:#000;font-size:26px;font-weight:bold;}
.tip-content{color:#666;font-size:12px;}
/*登录窗口-----------------------------------------------*/
.other-login-link{display:block;width:270px;margin:15px auto;height:36px;line-height:36px;text-align:center;text-indent:35px;
font-size:16px;border-radius:3px;color:#fff;background:url(//www.elecfans.com/skin-2014/images/other-login.png) no-repeat;}
.other-login-link:hover{color:#fff;text-decoration:none;}
.sina-login-link{background-color:#FA8C35;background-position:45px 3px;}
.qq-login-link{background-color:#0C95D9;background-position:45px -42px;}
/*表单*/
.login-form{margin-left:40px;border-top:1px dotted #E5E5E5;width:270px;position:relative;margin-top:20px;padding-top:5px;}
.login-line{position:absolute;left:110px;top:-12px;background-color:#fff;display:inline-block;font-size:14px;color:#ccc;}
.login-form-item{margin-top:15px;}
.login-input,.login-form-tip,.forgetPw,#back-login-link{background:url(../images/login-ico1.png) no-repeat;}
.login-input{width:225px;height:20px;padding:7px 5px 7px 40px;border:1px solid #D0CECF;border-radius:3px;font-size:16px;line-height:20px;font-family: "microsoft yahei";}
.login-input:focus{border-color:#4aabff;}
.login-input-username{background-position:8px 5px;}
#password{background-position:8px -33px;}
/*loading*/
.btn-area{margin-top:15px;}
.loading{display:none;float:left;position:relative;margin:7px 0 0 -25px;}
.loading img{display:block;width:16px;height:16px;}
.login-btn-area .btn-hasLoading-wrap{float:left;}
.login-submit,.lostpw-submit{padding:5px 30px;font-size:16px;margin:0;}
.forgetPw{color:#1EA3E4;padding-right:48px;background-position:right -103px;float:left;margin-top:10px;margin-left:20px;}
.forgetPw:hover{text-decoration:none;}
/*表单提示*/
.login-form-tip{display:none;line-height:24px;width:243px;padding-left:27px;background-position:0 -73px;font-size:14px;margin-top:10px;}
.login-form-tip.tip-show{display:block;}
/*忘记密码*/
.btn {display: inline-block;cursor: pointer;}
.lostpw-form{margin-left:40px;margin-top:10px;width:270px;}
.login-input-email{background-position:8px -124px;}
a#back-login-link{color:#666;text-decoration:none;padding-left:52px;background-position:0 -231px;}
.login-submit {line-height: 23px;padding: 3px 20px;border: none;background-color: #c80c00;color: #fff;font-size: 14px;border-radius: 3px;font-family: "microsoft yahei";}
.loading{margin-left:-10px;}

/*底部样式*/
.footer{ position: relative; border-top:1px solid #c4c4c4;padding:10px 0; line-height:21px; text-align:center; margin-top:10px;font-family:arial;}
.foot-link{color:#ccc; margin-bottom:5px;line-height:26px;}
.foot-link a{display:inline-block;*zoom:1;height:25px;margin:0 8px;}
.foot-link img{vertical-align:middle;}
.small-wx { position: absolute; top: 5px; right: 0; }


#arc-count {color:#87C9FF;padding: 0 4px;}
#click-count {color:#87C9FF;padding: 0 4px;}


/*最新，最热，周榜排序区域样式*/
.tag-orderby {background-color: #F2F2F2; padding: 8px 15px 8px 15px; margin-top: 20px; color: #777; font-size: 13px; font-weight: 400; }
.tag-orderby a {margin: 0 5px; display: inline-block; }
.tag-orderby a.now-orderby {font-weight: 700; color:#000; }

/* 讨论模块样式 */
.comment-main-box {margin-top: 20px; }
.comment-main-box textarea {width: 648px; height: 120px; border: 1px solid #BCBCBC;resize: none;padding: 10px;font-size: 14px;}
.comment-main-box .submit-btn, .comment-list-box .comment-reply-box .submit-btn {display: inline-block;float: right;padding: 5px 20px;background-color: #DD2222; color: #fff; border-radius: 5px; margin: 10px 0px; font-size: 14px; }
.comment-list-box {font-size: 14px; }
.comment-list-box .comment-username {color: #D38F14;}
.comment-list-box .comment-item {margin-bottom: 30px;}
.comment-item .comment-avatar {float: left;display: block;width: 50px;height: 50px;margin-right: 10px;}
.comment-item-detail {display: block; float: left; width: 600px; }
.sub-comment-item-detail {display: block; float: left; width: 540px; }
.comment-item-detail p,.sub-comment-item-detail p {margin-bottom: 10px;display: block;}
.comment-list-box .comment-count {font-size: 16px; padding: 10px 0; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; }
.comment-list-box .coment-content {display: inline-block; }
.comment-list-box .comment-pubdate,.comment-list-box .comment-reply {font-size: 12px;}
.comment-list-box .comment-reply {color: #D38F14;}
.comment-list-box .sub-comment-item {margin: 20px 0px 0px 0px;}
.comment-list-box .comment-reply-box {background-color: #F2F2F2;padding: 10px 10px 0px 10px;}
.comment-list-box .comment-reply-box textarea {resize: none;width: 98%;padding: 5px;height: 50px;}
.detail-share{position: relative;height: 40px}
.detail-share a{cursor: pointer;}

#IndexRightBottom {
    top: 0px;
}

.art-aside-fixed {
  top: 60px !important;
  position: fixed;
}
.user-focus .img-list2 {
    max-height: 100px;
    overflow: hidden;
}


/*底部热门标签*/
#comment {
    display: block;
    border: 1px solid #d8d8d8;
    border-top: 1px solid #c00;
    margin: 15px auto;
    font-family: "微软雅黑";
    width: 998px;

}

#comment .comment_title {
    background: #f6f6f6;
    text-indent: 10px;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 0;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    color: #004276;
    height: 32px;
    line-height: 32px;
}

#comment .comment_list {
    margin: 10px 20px;
    width: 100%;
}

#comment .comment_list a {
    color: #004276;
    font-size: 12px;
}

#comment .comment_list a:hover {
    color: #d00000;
    text-decoration: underline;
}

.comment_list li {
    float: left;
    min-width: 90px;
    padding: 3px 10px;
    line-height: 24px;
}

.btm-hot-more {
    float: right;
    font-size: 12px;
    font-weight: normal;
    padding-right: 40px;
}


.tags-rec-switch h3 {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    display: inline-block;
    margin-right: 16px;
    cursor: pointer;
}

.tags-rec-switch h3.is-active {
    font-weight: 700;
    color: #cc0000;
}

.tags-rec-switch h3.is-active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: relative;
    top: 5px;
    background-color: #cc0000;
}

.tags-rec-content {
    position: relative;
    display: none;
    margin-bottom: -12px;
}

.tags-rec-content.is-active {
    display: block;
    margin-top: 10px;
}

.tags-rec-content .hot-main li {
    margin-bottom: 12px;
}

.tags-rec-content .topic-tags {
    font-size: 0;
    max-height: 130px;
    overflow: hidden;
}

.tags-rec-content .topic-tags li {
    max-width: 100%;
    display: inline-block;
}

.tags-rec-content .topic-tags li a {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    border-radius: 14px;
    border: solid 1px #E4E4E4;
    background-color: #fff;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.tags-rec-content .topic-tags li a:hover {
    color: #fff;
    border-color: #d00000;
    background-color: #d00000;
}

.tags-rec-content .tags-rec-btn {
    position: absolute;
    font-size: 12px;
    cursor: pointer;
    display: none;
}

.tags-rec-content .tags-rec-btn,
.tags-rec-content .change-hot {
    right: 5px;
    top: -43px;
}

.tags-rec-content .tags-rec-btn:hover {
    color: #d00000;
}

.tags-rec-content .tags-rec-btn::before {
    position: relative;
    top: 2px;
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: 100%;
    background-image: url('https://skin.elecfans.com/tags/images/u287.png');
}

.tags-rec-content .tags-rec-btn:hover::before {
    background-image: url('https://skin.elecfans.com/tags/images/u288.png');
}

.pdf-table table {
    font-size: 13px;
    width: 100%;
    border: solid 1px #d7d7d7;
}

.pdf-table table th {
    background: #dcdbdb;
    line-height: 36px;
    padding: 0 8px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
}

.pdf-table table thead {
    border: none;
    background-color: #f6f6f6;
}

.pdf-table table td {
    padding: 10px 8px;
    color: #333;
    line-height: 24px;
    word-break: break-all;
    border-bottom: solid 1px #d7d7d7;
    border-right: solid 1px #d7d7d7;
    background-color: #fff;
}

.pdf-table table td:last-child {
    border-right: none;
}

.pdf-table table tbody tr:hover td {
    background-color: #f5f5f5;
}

.pdf-table table td em {
    color: #f00;
}

.pdf-table table td span {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.pdf-table table tbody tr:last-child td {
    border-bottom: none;
}

.pdf-table table .dl-btn,
.pdf-table table .replace-btn {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
    background-size: 100% 100%;
}

.pdf-table table .dl-btn {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAolJREFUWEftl79rFEEUx7/fndVArlNu72IhYhssJIUgCLGyMSjcrggiQSxSBFERAprCyh8Ygr/AQlBSBXTnEjuxMsFfpLAQf/QiRL1D8gfkZp5MyIXL5XK3d9kQhWy3M2/e+8ybN2/eI7b44xbbx7oAv6LogBLZ7QAr1tJPQGpEyvnp6S8JRFdE1gD8LhROkrwIoL8dRRD5BDIjwGBO6/dJ164BKIfhXQEuJVVQlTPAUQ+4DWA/gcFA65dJdKwBKIWhJFlYL7MEoNQPGvMEwGGQZ4M4ftZKV6oAPVrPlKIoD2ACIsdIDmXj+HEziNQBnLH5gYHuHV1dkwKcEJGRXLE4th7EpgBUjZXC0B3BKQA3A61HG0GkBgBrzwVTUxP1Rkph6MYGBXiU03q4fj49AOBtoPWRRrssheEDABdEZDJXLJ6plUkTwOl1V+9WoPWbBp64AeBaoPUqm2kDtLp12Ab4vzzg0qtPLqXmyuLid+X7dwBE1fFsHM+6uVKhMExyRIC97t/t8mcUZXcCWQtkRWSmGhxtecAZUsD1pZeRfEdg1CmrHRegTOA5lXoqxrjo76a1e8Tz5htFZKcAfQQ+Gmuvep73YRXYshWSY2LtLpDnqVSfGDNeA7DytLcN4BszX/H9BSVymsCQAL2NAADMishDkrpi7T4qlYExGXheRgGvN34ENdtZ1wMiCy7vK7LXiHxN8whWVUf1AATmKuSAEnkF4KBHHrIic5sK4G5HBfjWE8flchgeF+BKtYwj2V8b+bUgbcVAy7zagcA2wL/vgU7L8iThQOBeVuvLTQuSjhuT1gQzInI/Vyy+aApQnXStmSy3Zq11N5cg+Scfx58TFaUbNdbu+i3vjv8CCjdDMAt3QH4AAAAASUVORK5CYII=");
}

.pdf-table table .replace-btn {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABG5JREFUWEfVl11oHFUUx/9n7myMQjRUQR+iNvikVq2gEqlKAj4obFWMCZUmsy7xA2l3tpGK2A9NbU0pxW53NkUQw7qzsagxqHXBhz60oCBaoQ22PqjVtPVBUEtAUZq5d47cye52kuxud9NI8b7l5txzfvd/zj1zlnCJF13i+FgUgMi4PQajh4EefQECxn3CuEpY441eqG6A2aD8BIOiAK6oEuhvAhd8og/rhakJIDL5bjBHiREF4ZpQ0EkwTxikJvSez6IbRN0A7ijbMH5nQgFEBZXoD+wqrQUAIjP2MHyOGsRRBm4IOTwC4gkp/BzWxX+t6G1f9jpTGTEwdYNwd8mGgNM+UwGGhun7LHx2DkAklV3JQhwC0Fo0+pyIsl6iP9tobrV9JJOPM3McwP3F89OkVJc3GD8Wgjvv2kxlOzELcFjaVtdiglY7Yzqu9tsJpbrkYPzw/x9Ap6skZaBcaIVvWNpeUgVMx/0IwGMlOU3HPQOgTQdjYErZVvv8VCwJQFPKvdkXcAHcRUDesy1LBzJH3JfhY7jYlN71bKvvPwEQGdchRoKIbS8Ry5Tl3Zd/CIr18/oUwGry0eFtsL4KQ1y0As0Zt10yfgLzNpmMDc25oX7/vvkc+arAZHwD4A1pWxuXDMBM57oYtJYIAyDsZOBotVYrMu5JAn6TCatj6QAc92MAjxYdHhcsHj+XXPtDpTdfklra1pwmV1cKkMouN4X4GYQTMmGtKAdIZVtNYRYAXsXEa1Qi9n7VhpN29xChzbOt3rkK5L8EuEMq1Y7B+FTFRhRUtOOeBSCkbV0VdqBrQDG2lSo//L+IM9bhCW+q6jdCt2XHPcVAi7StZVW/BbMAuS8AWkVK3Rnu2eWKT2U7WYjlSjYfwAu9GhYRJ7+fwU8C+AXAjwva+N7915qGPA3wEWnH7qsNkHY3g7ADoGFp92+eL3XEcT8oDiIzAA6C8T0MdIBx72wjopiy+3WvKC8znd8I4t1gbJFJ6/WaAE1pd4VP+BbAUSmaH8C63r8WNJV0bghEr4b2pwHoL1zn/OILVE27kyDcbjBum0lax2sCFNPwCUCPgLFTJq1NFQvOGbuyCWhj5TUFqdo12iKazT0qGXtmzu3LXZIPSDtWekllk4oTUZMzdosP/0QgKaG33vFqgVJO7kGADup9A8atM3bfd/Ntqo5kkYw7wIy3FwthhtJEhKe9hDVaScnaM+HIWJR8X/d3vfbKf7xX8NLAnxVTUtrcNdpiXh55DcCGAN4wVqv1fYVqZy44FUec3D0MeisYOImOMWjT/Lmu5FzPkwQeBvNKAJMEftazY1/XAr4gQHB4JHe18Gk7Ac+X1Th7/YsY6pLB30OHTHPZmd3lWwNvKoO3Yn3sj5pqzf6mqH+JtNtvELYzcCOAaSbSAyeIWQ+trQSc8hlbVdLK1+u1IQDt9DLnnZt8NnYwYU04CDHeM8jfcs5+6mS9wQP4RozDtpF0LuET2cETY3a85PkBpRGfiwZoJMjFF+FSRavg519BiBg/laO1oAAAAABJRU5ErkJggg==");
}

.pdf-table table .reference-btn {
    font-size: 13px;
    display: block;
    height: 32px;
    line-height: 32px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    background: #0492a2;
}

.pdf-table table .reference-btn::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: -5px;
    margin-right: 5px;
    vertical-align: -7px;
    background-size: 100% 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA0xJREFUWEftl0moHWUQhb9vIygOwY2oWbmIYlZOaBxIgqAuEqKggitBEIeFAyoqcUiiRCIa3RjNRtCFaBwhboyCioIaRYOYIAEHxBGEOIAujxR0P+7r1337vrgIggW9eK//rjpV/6lTdeUQm4c4Pv8tAEnWAGuBM4DjgROAH4GfgD3Am8Au9cCslZ2pAkmuAm4Gzm4c/wF8AHwInAOsAI5u3n0HbFa3zwJiFECSHcAVwA/AoxVUreDzLEmBKDC3AScCLwPXjlVjKoAkXwDLgVeBG9RfxrJKchzwJHAZ8BdwvvrZ0HeDAJJ832RysbprLHBPRS4C3mj+v1p9p89HL4AkrzQZLFf3LTZ4ez7JScBXwNfASrWSmmcLADSEew7YqG442OATIK4DngIeUe+YBUAx+0jgXLXY/q8tyUtN+65QP510OK8CSS4E3gJuV4vxCyzJ28A16jeTL5O8UOTru+sk5wHvA+vVzdMAPAbcAgySJkkBKz1Yo/5WzpJUiY9VrxwAvQQocdqjnjYNwCfAMrUVld7yJ3keOFxdl+RB4BL1zGl3leRL4OQSLPXP9mz3Ckps9qurBzIpUrbflOgUXy4A3mvOB9jR1zlJSksuLRDq/iEA5WCQ/Um6XbESeLcDdghAfXt/93oXVYFuVRpCFuBekemQtK3AEerfQxWYyoEkqzogKqON80g1AKbhwAG1ZsacdSvwBHBjXxckORWo92O2TX2xk33bBY+rt04DUPN+5zQd6DguTRi9ggkduFp9dhqAY4DPgWqTUSWclQONEp5V+qH+PAigEZVWu0dnQZISrmfU2oaGNKP1d5e6pXtoaBq+BqyrXWDaNEyypFXDAd1op+E+tfaKBTYEoPa9b4HDastRPxpjXk+LllyXUJWtVV+fGUBzFe0AqT9ryFR3zGRJttUGNXH4YfXORQFoQFTr1U5Y5SvG3wPsVX/vybgIXOdqNpSUfwzcDRT5HgK2q9fPxIFOqy1tNuKbmiup13uB2pTqKZD1tHdcOr9Ffbr1k6QC1564Va2ldc5Gt+IJJ6cDlzer2imdTGrJ2N08O9VfeypUArQVeEC9r30/M4BOVY6a+GGyW63td9SS3AtsUufiHhSA0UiLOPA/gH8AJMdcMI1yVbUAAAAASUVORK5CYII=");
}

.pdf-table table .reference-btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: rgba(4, 146, 162, 0.8);
}