body {background-color: #f5f5f5!important}
/*菜单*/
.jn-header{background: transparent;border-bottom: none;box-shadow:none;width: 100%;height: 80px;z-index: 999;position: absolute;}
.jn-header .container .jn-nav>li>a{color: #fff;}
.jn-header .container .jn-nav>li>a.active{color: #fff;}
.jn-header .container .jn-nav>li:hover>a{color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}
.jn-header .container .header-right .condition a{color: #fff;}
.jn-header .container .header-right .condition a:hover{color: #fff;}
.jn-header .container .header-right .condition .line{color: #fff;}
.jn-header .container .header-right .user-message i{font-size:18px;color: #fff;}
.jn-header .container .header-right .user-message a.unread::before{border-color: #fff;}
.jn-header .container .header-right .userlogin{color: #fff;}
.jn-header .container .header-right .userlogin a,.jn-header .container .header-right .userlogin a:hover{color: #fff;}
/*幻灯*/
.swiper-container{width:100%;height:330px}
.swiper-container .swiper-slide a{width:100%;height:100%;display:block}
.swiper-container .swiper-slide a p{position:absolute;top:160px;left:0;width:100%;font-size:35px;text-align:center;font-weight:600;background:-webkit-linear-gradient(90deg,#ff9397,#f74128);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.swiper-container .swiper-slide img{min-width:100%;height:100%}
.swiper-pagination-bullet{width:20px!important;height:6px!important;background:#d0d0d0;cursor:pointer;border-radius:3px!important;-webkit-border-radius:3px!important;opacity:1}
.swiper-pagination-bullet-active{background:#fff!important}
.swiper-button-next,.swiper-button-prev{width:32px!important;height:32px!important}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px!important}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:-32px!important;opacity:0;transition-duration:.2s;background:url(../images/arraw.png) no-repeat 0 0!important;background-size:64px 32px!important;margin-top:-16px!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:-32px!important;transition-duration:.2s;background:url(../images/arraw.png) no-repeat -32px 0px!important;background-size:64px 32px!important;opacity:0;margin-top:-16px!important}
.swiper-banner:hover .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:32px!important;opacity:60}
.swiper-banner:hover .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:32px!important;opacity:60}
/*搜索*/
.index-search{width:600px;margin-left:-300px;top:190px;left:50%;position:absolute;z-index:99}
.index-search input::-webkit-input-placeholder{color:#666;font-size:15px}
.index-search input:-ms-input-placeholder{color:#666;font-size:15px}
.index-search input::placeholder{color:#666;font-size:15px}
.index-search-form{position:relative;width:600px;border-radius:6px;overflow:hidden;box-shadow:0 0 23px 5px rgba(0,0,0,.1)}
.index-search-form input{height:48px;width:600px;text-indent:12px;font-size:16px;background:rgba(255,255,255,.85)}
.index-search-form input:focus{background:#fff}
.btn-search-v4{display:block;width:80px;line-height:36px;height:36px;text-align:center;position:absolute;right:6px;top:6px;color:#fff;background-color: #ec3b3b;border-radius:6px;font-size:16px;border:none}
.home-page-hot-list-wrap{margin-top:15px;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:600px}
.hot-list-title{position:relative;color:#fff;padding-left:20px;font-size:14px}
.hot-list-title:before{display:block;content:"";width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMA8OHN3MjD9eXXr+q+tPqluaqb0ZegkdIdcgRqLY3ruIYOn1I2EgmpgXlcWUs6YvIWE46C4IIAAAFOSURBVDjLjdSJjoIwEIDh4RC1rBeiUgoqgvexu/P+D7d104KUQvnShCN/gDRkQMFeMfSTILr3filDjhz7pDN8sxNzebLwn29ubyhsI1PqoOQZNuKFlUtn+eNjZdj1CbGHn9KONMAa69Ra7lHxaCuvqFrDW87U8o4NHnDRFGm9jCxsGAGXImJeSz1smvL7v9/qvlHUKX+fRVUeLdSwAB7i9Knsk2oMiXzERJaxPdWZJeX9YSbSx1BrYFfnd/l+yygU6c73t/6WL7+V/FhnZDQQqWsbufKprpEjUjI2IiINl8vNcsNXdZTktdwB6hhRkSYDowQE4hkQkNiXAQMpI7v5jq95C5JBKZ90yqESp6RDWptfx3ChdV6cz6EymaNg1iKIQBGlK8VhdeAr5aXqRAMNqp9cxSVUXIrWsfmk6w/02Tm6s+LGrvv9ld2KDOr+AKcUXBVec092AAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat;position:absolute;left:0;top:4px}
.home-page-hot-list{display:-moz-box;display:-ms-flexbox;display:flex}
.home-page-hot-list .hot-tag{font-size:13px;cursor:pointer;padding:4px 8px;text-align:center;background:rgba(0,0,0,.1);border-radius:4px;color:#fff;margin-right:11px}
.home-page-hot-list .hot-tag a{color:#fff}
.home-page-hot-list .hot-tag a:hover{font-weight:700}
.search-tips{background-color:rgba(0,0,0,.9);width:510px;box-shadow:0 2px 4px 0 rgba(105,105,105,.5);border-radius:0 0 5px 5px;z-index:9999;position:absolute;left:1px;top:48px;padding:14px 0;overflow:hidden;display:none}
.search-tips>li>a{display:block;padding:10px 20px;font-size:14px;letter-spacing:1px;color:#f9f9f9}
.search-tips>li:nth-child(1)>a i{color:#fff;background-color:#f62020}
.search-tips>li:nth-child(2)>a i{color:#fff;background-color:#f65220}
.search-tips>li:nth-child(3)>a i{color:#fff;background-color:#f0a413}
.search-tips>li>a:hover{color:#fff;background-color:rgba(253,253,253,.3)}
.search-tips>li>a .list-num{width:20px;height:20px;line-height:20px;background-color:#eee;border-radius:2px;text-align:center;font-size:12px;color:#999;margin-right:12px;display:inline-block}
/*幻灯下方banner*/
.banner-section{float:left;width:25%;max-height:140px;position:relative;border-radius:4px;overflow:hidden;margin-right:12px;text-align:center}
.banner-section:last-child{margin-right:0}
.banner-section img{display:block;width:100%;height:100%;border-radius:5px}
/*免费文档*/
.free-area{width:950px;height:340px;background:#fff;padding:0 20px 20px 20px;border-radius: 4px;}
.free-area .title{font-size: 24px;font-weight: bold;color:#222;height:70px;line-height:70px;}
.free-area ul li{margin-bottom: 10px;height: 22px;line-height:22px;float:left;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;}
.free-area ul li .time{float:right;color:#999;margin:0 20px;}
.free-area ul li a{margin-left: 30px;}
.free-area ul li i{position: absolute;top: 0;left: 0;margin-right: 5px;}
.free-area .iconfont{font-size:16px;margin-right:7px}
.free-area .freedocul{padding-top:15px;margin-top:15px;border-top:1px dashed #e5e5e5}
/*范文大全*/
.home-content{background-color:#fff;border-radius:6px;overflow:hidden}
.home-content .left{position:relative;width:282px;background:linear-gradient(180deg,#fff2e9 0,#fff 100%);border-radius:6px;padding:22px 0 0 20px}
.home-content .left .con-bg{position:absolute;top:0;right:10px;width:77px;height:56px}
.home-content .left .tit{font-size:24px;font-weight:600;color:#f60;line-height:25px}
.home-content .left .sub-wrap{padding-top:8px}
.home-content .left .sub-wrap .sub-content>a{float:left;margin:10px 16px 0 0;color:#333}
.home-content .right{width:100%;padding:26px 20px 10px 302px;background:url(../images/home_cate_bg_b_0.png) right bottom no-repeat;background-size:220px 122px;}
.home-content .right .doc-list>li{position:relative;float:left;margin-bottom:16px;width:48%}
.home-content .right .doc-list>li .tit{margin-left:8px;font-size:14px;font-weight:400;color:#333;max-width:75%;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-content .right .doc-list>li .date{font-size:14px;font-weight:400;color:#999;line-height:20px}
.cate-bg-1 .left .tit{color:#2b99ff}
.cate-bg-2 .left .tit{color:#14b926}
.cate-bg-1 .left{background:linear-gradient(180deg,#e0f0ff 0,#fff 100%)}
.cate-bg-2 .left{background:linear-gradient(180deg,#f1fff4 0,#fff 100%)}
.cate-bg-1 .right{background:url(../images/home_cate_bg_b_1.png) right bottom no-repeat;background-size:220px 122px}
.cate-bg-2 .right{background:url(../images/home_cate_bg_b_2.png) right bottom no-repeat;background-size:220px 122px}

/*收录信息*/
.index-ct-info{padding:20px;width:310px;height:340px;border-radius:4px}
.index-ct-info .data-box{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #eff1f4}
.index-ct-info .data-box .data-box-item{cursor:pointer;display:inline-block;width:48%;color:#333;text-align:center;position:relative}
.index-ct-info .data-box .data-box-item:first-child:before{content:'';width:1px;height:44px;background:#d2d4d6;position:absolute;top:6px;right:0}
.index-ct-info .data-box .data-box-item .name{display:inline-block;font-size:14px;color:#333;line-height:14px}
.index-ct-info .data-box .data-box-item .value{font-size:22px;font-weight:500;color:#fe4509;line-height:22px;display:block;text-align:center;margin:8px 0 0}
/* vip */
.index-ct-info .vip-box{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.vip-box .vip-info{position:relative;height:38px}
.vip-box .vip-info .vip-open{position:relative;display:block;width:266px;height:38px;line-height:38px;background:#cda674;background:linear-gradient(90deg,#cda674,#dfc192);border-radius:19px;text-align:center;font-weight:700;font-size:16px;color:#91622d;margin-top:40px}
.vip-box .vip-info .vip-open:hover{opacity:.9;color:#91622d}
.vip-box .vip-info .vip-open em{display:none;position:absolute;top:-16px;left:60%;z-index:9;width:120px;height:24px;line-height:24px;border-radius:13px 12px 12px 0;text-align:center;background:#f55;font-style:normal;font-size:12px;color:#fff}
.vip-box .vip-slogan {position: relative; height: 14px; line-height: 14px; margin:30px 0 20px 0; font-size: 13px; color: #999; text-align: center;height: 25px;}
.vip-box .vip-slogan .slogan-line { position: absolute; top: 10px; height: 1px; width: 100%; background: linear-gradient(90deg,#fff,#c8c8c8,#fff); }
.vip-box .vip-slogan .slogan-text { position: relative; display: inline-block; padding: 4px 8px; text-align: center; background-color: #fff; z-index: 1;}
.vip-box .benefit ul{overflow:hidden;display:flex;align-items:center;justify-content:space-between}
.vip-box .benefit ul li{float:left;width:52px;text-align:center}
.vip-box .benefit ul li a{display:block}
.vip-box .benefit ul li span{display:block;width:42px;height:42px;margin:0 auto;padding:8px;background:#e6ca90;border-radius:50%}
.vip-box .benefit ul li span i{width:24px;height:24px;display:block;background-repeat:no-repeat}
.vip-box .benefit .icon-index{background-image:url(../images/index-doc-vip.png)}
.vip-box .benefit .icon-index-vip-doc{background-position:4px 1px}
.vip-box .benefit .icon-index-vip-disturb{background-position:-21px 1px}
.vip-box .benefit .icon-index-vip-format{background-position:-47px 1px}
.vip-box .benefit .icon-index-vip-search{background-position:-73px 1px}
.vip-box .benefit ul li small{display:block;width:100%;margin:2px 0 0;color:#91622d}
/* 公告 */
.notice{height:44px;line-height:44px;padding:0 20px;background:#fff;border-radius:4px;margin:20px 0}
.notice .name-wrap{height:44px;line-height:44px;float:left;font-size:16px;font-weight:700;color:#ff491f!important;float:left}
.notice .name-wrap .icon-notice{float:left;font-size:20px;margin-right:4px}
.notice .main-wrap{float:left;width:1086px}
.notice .main-wrap li{float:left;width:340px;padding:0 0 0 20px;text-align:left}
.notice .main-wrap li a.text{width:232px;color:#666;text-decoration:none;float:left;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice .main-wrap li span.time{width:78px;color:#999;text-align:center;float:right;font-size:12px}
.notice .main-wrap li .line_col{width:1px;height:14px;margin:15px 0;float:right;background:#ddd}
.notice .more-wrap {float: right;cursor: pointer;}
/*版本说明*/
.copyright-desc-list{height:110px;background:#fff;border-radius:5px;overflow:hidden}
.copyright-desc-list li{float:left;width:320px;padding:30px 30px 26px}
.copyright-desc-list li .img-wrap{float:left;width:54px;height:54px;background:url(../images/copyright-icon.png) no-repeat}
.copyright-desc-list li .img-wrap2{background-position:-60px 2px}
.copyright-desc-list li .img-wrap3{background-position:-2px -58px}
.copyright-desc-list li .img-wrap4{background-position:-60px -58px}
.copyright-desc-list li .name-wrap{float:left;width:170px;margin-left:12px}
.copyright-desc-list li .name-wrap .name1{display:block;line-height:22px;font-size:22px;font-weight:700;color:#333}
.copyright-desc-list li .name-wrap .name2{display:block;line-height:16px;margin-top:12px;font-size:16px;color:#333}
/*通用内容框体*/
.ct-box{background:#f4f6f8;padding:0 20px 20px 20px}
.ct-box .hd{height:70px;line-height:70px}
.ct-box .hd a{display:inline-block}
.ct-box .hd .doc-list-title{font-size: 24px;font-weight: bold;color:#222;display:inline-block}
.ct-box .hd .ul-item{display:inline-block;vertical-align:-9px;position:relative;height:70px;line-height:70px}
.ct-box .hd .ul-item li{position:relative;display:inline-block;margin-left:24px;text-align:center;cursor:pointer;float:left}
.ct-box .hd li a{font-size:14px;color:#6a6a6a;transition:all .2s;position:relative}
.ct-box .hd a svg{width:13px;vertical-align:-3px;margin:0 3px;-webkit-transition:.6s;-webkit-transition:-webkit-transform .6s ease-out;-moz-transition:-moz-transform .6s ease-out;transition:transform .6s ease-out;fill:#6a6a6a}
.ct-box .hd a:hover svg{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);fill:#e72128}
.ct-box .hd a:hover{color:#e72128}
/*框体*/
.uploaddoc-wrap .doc-wrap-col{padding-bottom:10px}
.uploaddoc-wrap ul.doc-list-col{width:100%;padding:0}
.uploaddoc-wrap ul.doc-list-col li{float:left;width:398px;margin:15px 15px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uploaddoc-wrap ul.doc-list-col li .text{width:330px;margin-left: 4px;}
.freedoc-wrap{padding:18px 0 22px;border-radius:4px;background:#ffe0d6 url(../images/mfbj.png) no-repeat center center;background-size:100%}
.freedoc-wrap .hd{padding:0 20px}
.freedoc-wrap .hd .name-wrap{padding-right:42px;float:left;position:relative;height:30px;line-height:30px}
.doc-wrap-row .hd .more-wrap{float:right;cursor:pointer}
.doc-wrap-row .hd .name-wrap .name{float:left;font-size:24px;font-weight:700;color:#000}
.doc-wrap-row .hd .name-wrap .tag{position:absolute;top:4px;right:0;height:16px;line-height:16px;padding:0 5px;border-radius:5px;font-size:12px;color:#fff;text-align:center;background-color:#ff491f!important}
.freedoc-wrap ul.doc-list-row{width:1240px;margin:18px auto 0;padding:20px 20px 20px 5px;background:#fff;border-radius:8px;overflow:hidden}
.freedoc-wrap ul.doc-list-row li{margin:0 0 0 13px;float:left}
.freedoc-wrap ul.doc-list-row li .title{width:147px}
.doc-wrap-row ul.doc-list-row li .list-item-img{position:relative;top:0;display:block;width:160px;height:227px;border-radius:5px;background:#f5f5f5;border:1px solid #e3e3e3;overflow:hidden}
.doc-wrap-row ul.doc-list-row li .list-item-img i.tui{position:absolute;bottom:0;left:0;padding:0 4px;font-size:12px;color:#fff;background-color:rgba(255,160,0,.9);border-radius:0 5px 0 0}
.doc-wrap-row ul.doc-list-row li .list-item-img i.vip{position:absolute;top:0;right:0;padding:0 2px;font-size:12px;color:#fde0b0;background-color:#555;border-radius:5px 0 5px 0}
.doc-wrap-row ul.doc-list-row li .list-item-img i.filetype{font-size:20px;position:absolute;bottom:0;right:4px;color:#2f97fe;margin-right:0!important}
.doc-wrap-row ul.doc-list-row li .list-item-img img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .6s;width:100%}
.doc-wrap-row ul.doc-list-row li .list-item-img:hover img{transform:scale(1.3)}
.doc-wrap-row ul.doc-list-row li .title{width:147px;height:40px;line-height:20px;margin:15px 0 0;font-size:14px;cursor:pointer;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;word-break:break-all;overflow:hidden}
.doc-wrap-row ul.doc-list-row li .price{display:block;margin-top:10px;font-size:13px;color:#00ab78!important}
/* 横列文档列表 */
.refresh-box .on{display: block;}
.refresh-item{display: none;}
.list-row {display: flex; flex-wrap: wrap; }
.list-row .list-item {position: relative;width:198px; padding: 10px; margin-right: 10px;margin-bottom: 10px;}
.list-row .list-item:nth-child(6n){margin-right: 0; }
.list-row .list-item-title{text-align: left;height: 38px;}
.list-row .list-item-img {overflow: hidden;margin-bottom: 10px;height:230px;position: relative;border: 1px solid #f1f1f1;display: flex;justify-content: center;align-items: center;}
.list-row .list-item-img i.tui{position:absolute;bottom:0;left:0;padding:0 4px;font-size:12px;color:#fff;background-color:rgba(255,160,0,.9);border-radius:0 5px 0 0}
.list-row .list-item-img i.vip{position:absolute;top:0;right:0;padding:0 2px;font-size:12px;color:#fde0b0;background-color:#555;border-radius:5px 0 5px 0}
.list-row .list-item-img i.filetype {font-size: 20px;position: absolute;bottom: 0px;right: 4px;color: #2f97fe;margin-right: 0px!important;}
.list-row .list-item-img img {width: 100%;transition: all .6s;}
.list-row .list-item-img:hover img {transform: scale(1.3);}
.list-row .list-item-bottom {font-size: 11px;color: #999;margin-top: 10px;}
.list-row span {margin-right: 5px;}
.list-row-2 {display: flex; flex-wrap: wrap; }
.list-row-2 .list-item {position: relative;width:168px;padding: 10px; margin-right: 10px;margin-bottom: 10px;}
.list-row-2 .list-item:nth-child(7n){margin-right: 0; }
.list-row-2 .list-item-title{text-align: left;height: 38px;}
.list-row-2 .list-item-img {overflow: hidden;margin-bottom: 10px;height:210px;position: relative;border: 1px solid #f1f1f1;display: flex;justify-content: center;align-items: center;}
.list-row-2 .list-item-img i.tui{position:absolute;bottom:0;left:0;padding:0 4px;font-size:12px;color:#fff;background-color:rgba(255,160,0,.9);border-radius:0 5px 0 0}
.list-row-2 .list-item-img i.vip{position:absolute;top:0;right:0;padding:0 2px;font-size:12px;color:#fde0b0;background-color:#555;border-radius:5px 0 5px 0}
.list-row-2 .list-item-img i.filetype {font-size: 20px;position: absolute;bottom: 0px;right: 4px;color: #2f97fe;margin-right: 0px!important;}
.list-row-2 .list-item-img img {width: 100%;transition: all .6s;}
.list-row-2 .list-item-img:hover img {transform: scale(1.3);}
/*店铺推荐*/
.shop-box{position:relative}
.shop-box .box-list{height:240px;width:100%;overflow:hidden}
.shop-box .box-list .shop-item{position:relative;z-index:2;width:216px;height:240px;border-radius:4px;overflow:hidden;cursor:pointer;display:inline-block;box-sizing:border-box;text-align:center;border:1px solid #f1f1f1;-webkit-transition:all .3s;transition:all .3s;margin-right:20px}
.shop-box .box-list .shop-item:hover{transform:translateY(-2px);transition:all .36s;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.shop-box .box-list .shop-item>img{border-radius:50%;width:80px;height:80px;margin:29px 0 18px}
.shop-box .box-list .shop-item .home-shop-name{font-size:14px;color:#333;padding-bottom:5px}
.shop-box .box-list .shop-item .home-shop-view{display:inline-block;margin-top:10px;padding:3px 10px;font-size:12px;color:#555;border:1px solid #ddd;border-radius:30px}
.shop-box .box-list .shop-item .home-shop-desc{display:block;margin-top:10px;font-size:12px;color:#bdbdbd}
.shop-box .swiper-button-prev-2{left:-80px;background:url(../images/pre-icon.svg) no-repeat 50%}
.shop-box .swiper-button-prev-2:hover{background:url(../images/pre-hover-icon.svg) no-repeat 50%}
.shop-box .swiper-button-next-2{right:-80px;background:url(../images/next-icon.svg) no-repeat 50%}
.shop-box .swiper-button-next-2:hover{background:url(../images/next-hover-icon.svg) no-repeat 50%}
.shop-box .swiper-button-next-2,.shop-box .swiper-button-prev-2{width:80px;height:80px;opacity:0;outline:0;-webkit-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:opacity,-webkit-transform .5s;transition:opacity,-webkit-transform .5s;transition:opacity,transform .5s;transition:opacity,transform .5s,-webkit-transform .5s;position:absolute;top:50%;margin-top:-50px;z-index:10;cursor:pointer}
.shop-box:hover .swiper-button-next-2,.shop-box:hover .swiper-button-prev-2{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.shop-box .join-us-link{position:absolute;top:0;right:0;z-index:99;width:236px;height:240px;border-radius:2px;background-color:#f6f6f6;margin-left:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.shop-box .join-us-link>a{display:block}
.shop-box .join-us-link>a>img{width:100%;height: 100%;}
/*新闻*/
.article-box{display:flex;width:100%;flex-wrap:wrap}
.article-box .pic-box{width:240px;}
.article-box .pic-box .pic-box-item{overflow:hidden;margin-bottom:15px;width:240px}
.article-box .pic-box .pic-box-item img{width:100%;height:110px;border-radius:5px}
.article-box .list-box{width: 1000px;}
.article-box .list-box li{position:relative;display:block;overflow:hidden;overflow:hidden;height:40px;text-indent:12px;text-overflow:ellipsis;white-space:nowrap;line-height:40px;float: left;width: 480px;margin-left: 20px;}
.article-box .list-box li:nth-child(2n){float: right;}
.article-box .list-box li:before{position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;border-radius:2px;background-color:#bfbbbb;content:''}
.article-box .list-box li span{float:right;color:#999;font-size:12px}
.article-box .list-box li a:hover{color: #f01414}
/*标签*/
.tags-item a{cursor:pointer;display:inline-block;font-size:14px;color:#999;height:24px;line-height:24px;border-radius:24px;padding:0 10px;background:#f9f9f9;margin:10px 10px 0 0;border:1px solid #eee}
.tags-item a:hover{color: #ec3b3b;background: rgba(236,59,59,0.1);border-color: #ec3b3b;}
/*友情链接*/
.link strong{font-size: 12px;}
.link a {font-size: 12px;margin:5px;line-height: 25px;}
@-webkit-keyframes rollingLight {
    0% {
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    33% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-moz-keyframes rollingLight {
    0% {
        -moz-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    33% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes rollingLight {
    0% {
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    33% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }
}