body{background-color:#F2F5F9!important}
span.divider{content:"";display:inline-block;margin:2px 5px 0;width:1px;height:14px;background:#ececec}
.viewtop{background:#fff;position:relative;}
.viewtop .docinfobox{padding:20px 20px;box-sizing:border-box;position:relative}
.viewtop .docinfobox .title{padding:10px 0 0;display:inline-block}
.viewtop .docinfobox .title .file-icon{float:left;font-size:22px;margin-right:5px}
.viewtop .docinfobox .title h1{float:left;width:880px;line-height:30px;word-break:break-all;font-size:22px;font-weight:400;color:#000}
.viewtop .docinfobox .title h1 em{display:inline-block;width:32px;height:16px;line-height:16px;margin:0 0 0 10px;border-radius:8px;text-align:center;font-style:normal;vertical-align:middle;background:#dfc192;font-size:12px;color:#91622d}
.viewtop .docinfobox .downbox{width:100%;height:35px;}
.viewtop .docinfobox .downbox .operate{float:left;width:252px;height:40px;font-size:22px;font-weight:400;color:#111;}
.viewtop .docinfobox .downbox ul.operate li{float: left;text-align:left;}
.viewtop .docinfobox .intro{position:relative;border-bottom:1px solid #eee;background-color:#fff;overflow:visible;height:44px}
.viewtop .docinfobox .intro ul.intro-list{height:44px}
.viewtop .docinfobox .intro ul.intro-list li{float:left;padding:0 3px;height:44px;line-height:44px;font-size:12px;font-weight:400;color:#888}
.viewtop .docinfobox .intro ul.intro-list li a{font-size:12px;font-weight:400;color:#888}
.viewtop .docinfobox .intro ul.intro-list li i{margin-right:3px;font-size:12px}
.shop-box{position:relative;padding:20px 20px;border:0 dashed #eee;width:100%;box-sizing:border-box}
.view-down-btn,.view-join-btn{color:#fff;padding:0 15px;border-radius:3px;height:40px;line-height:40px;background:#FF4400;text-align:center;border:none;display:inline-block;cursor:pointer;font-size:16px;font-weight:600}
.view-join-btn{background:linear-gradient(90deg,#f7e4ad 0,#e5b85f 100%);color:#303133;font-size:16px;font-weight:600;color:#754e27}
.view-down-btn:hover{color:#fff;background:#d51d1d}
.view-join-btn:hover{color:#303133}
.btn-vip-download {background-color: #DFC192!important;border: none;color: #91622D!important;}
.viewleft .pageinfo{height:35px;line-height:35px;background-color:#fff;border-bottom:1px solid #eee;padding:0 15px;color:#999;z-index:1;box-sizing:border-box}
.viewleft .pageinfo .goto-page{float:right}
.viewleft .pageinfo .goto-page .cur-page{color:#999;display:inline-block;text-align:center;padding:0 6px;outline:0;height:20px;line-height:20px;border:1px solid #e7e7e7;border-radius:2px;box-sizing:border-box;width:24px}
.left-box{width:950px;position:relative}
.left-box .view-page-ad{background-color:#fff;margin:10px 0}
.left-box .view-page-ad .default-ad{padding:25px;color:#888;text-align:center}
.left-box .view-page-ad img{width:100%}
.left-box .h5box{position:relative;width:100%}
.left-box .h5box .pf{border:none;box-shadow:none;margin:0 auto}
.view-foot{margin-top:10px;background:#fff;text-align:center;font-size:16px;box-shadow:0 3px 14px 4px #f2f2f2}
.view-foot>.read-next>.nextread{display:inline-block;height:60px;line-height:60px}
.view-foot>.read-next>.nextread>i{font-size:18px;color:#dedede}
.view-foot>.read-next>.readover>.line1{font-weight:700}
.view-foot>.read-next>.readover>.line2{display:block;margin-top:10px}
.read-vip-tip{margin:0 auto;margin-bottom:30px;width:500px;height:100px;line-height:100px;color:#fde0b0;background:#222;border-radius:10px}
.read-tip{margin:0 auto;margin-top:20px;font-size:12px;color:#aaa}
.last-page-num{padding:0 2px;color:#f60}
.last-page-next{color:#38f;cursor:pointer}
.last-down-btn,.last-read-btn{display:block;margin:30px auto;width:150px;height:40px;line-height:40px;font-weight:600;font-size:16px;border-radius:5px;cursor:pointer}
.last-down-btn>i,.last-read-btn>i{margin-left:8px;font-size:12px;color:#ddd}
.last-down-btn{color:#fff;background:#e33}
.last-read-btn:hover{background:#18a173}
.last-down-btn:hover{background:#d51d1d}
.view-bar{width:950px;bottom:0;z-index:10;height:75px;line-height:55px;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-top:1px solid #eee;-webkit-box-shadow:0 15px 30px rgb(0 0 0 / 5%);box-shadow:0 15px 30px rgb(0 0 0 / 5%);box-sizing:border-box}
.view-bar.fixed{position:fixed;bottom:0;border-top:1px solid #eee;box-shadow:0 -2px 8px 0 #f2f2f2;z-index:1000}
.bar-page{display:inline-block;margin-left:10px;font-size:16px;color:#999}
.bar-page a i{padding:5px;font-size:22px;cursor:pointer}
.bar-page .split{margin-left:2px}
.bar-page .expand{margin-left:10px;padding:3px;color:#aaa;cursor:pointer}
.bar-page .expand:hover{color:#f60}
.bar-page .page-next,.bar-page .page-pre{padding:3px}
.bar-page>input{padding:0 3px;width:38px;height:26px;font-size:16px;color:#999;border:1px solid #ccc;border-radius:3px;background-color:#f5f5f5;text-align:center}
.bar-info{display:inline-block;margin-left:10px}
.bar-info a{display:inline-block;padding:0 8px;height:12px;line-height:12px;font-size:12px;color:#666}
.bar-info a i{font-size:12px}
.bar-info a:hover{color:#f01414}
.bar-down{float:right}
.desc-bar{margin-left:30px}
.desc-bar a{width:60px;text-align:center;font-size:12px;color:#979797;line-height:18px}
.desc-bar a:hover{color:#f01414}
.desc-bar a i{font-size:20px;}
.noticebox .notice_hd{position:relative;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}
.noticebox .notice_hd a{margin-right:35px;font-size:15px;position:relative}
.noticebox .notice_hd a.active:before{content:"";position:absolute;width:60px;bottom:0;left:50%;height:4px;background:#ec3b3b;margin-left:-30px;margin-bottom:-18px;border-radius:30px;-webkit-transition:all .3s linear;transition:all .3s linear}
.noticeidtxt{width:1px;height:0;overflow:hidden;line-height:28px;color:#666;font-size:13px}
.pre-detail-box{position:relative}
.pre-detail-solle{max-height:260px;box-sizing:border-box;margin-top:0;overflow:hidden;transition:all .5s}
.pre-detail-bottom{width:100%;height:60px;line-height:60px;text-align:center;background:url(../../images/stateBottomBg.png) no-repeat center;background-size:100% 100%;position:absolute;left:0;right:0;bottom:-10px;display: none;}
.pre-detail-more{width:100%;vertical-align:middle;font-size:16px;color:#38f}
.pre-detail-more:hover{color: #38f;}
.pre-detail-more i{border:solid #38f;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin-left:3px}
.pre-detail-more i.icon-lower{vertical-align:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pre-detail-more i.icon-upper{-webkit-transform:rotate(225deg);transform:rotate(225deg);vertical-align:-1px}
.showview{width:auto;height:auto}
.view-ta{margin:10px 0;padding:0 20px 20px 20px}
.view-ta .doc-list-title{height:70px;line-height:70px;font-size:18px;display:inline-block}
.view-ta .list-row{display:flex;flex-wrap:wrap}
.view-ta .list-row .list-item{width:19.07%;padding:10px;margin-bottom:10px;margin-right:10px;box-shadow:0 3px 14px 4px #f2f2f2;transition:all .2s linear}
.view-ta .list-row .list-item:nth-child(5n){margin-right:0}
.view-ta .list-row .list-item:hover{transform:translateY(-4px);transition:all .36s;box-shadow:0 0 20px 0 rgba(0,0,0,.2)}
.view-ta .list-row .list-item-title{text-align:left;height:38px}
.view-ta .list-row .list-item-img{margin-bottom:10px;position:relative;border:1px solid #f1f1f1;height:205px;display: flex;justify-content: center;align-items: center;overflow:hidden;}
.view-ta .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}
.view-ta .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}
.view-ta .list-row .list-item-img i.filetype{position:absolute;bottom:2px;right:2px;color:#2f97fe;margin-right:0!important}
.view-ta .list-row .list-item-img img{width:100%;}
.view-ta .list-row .list-item-bottom{font-size:11px;color:#999;margin-top:10px}
.view-ta .list-row span{margin-right:5px}
.doc-content{max-height:300px;padding-top:5px;color:#666;overflow:auto}
.right-box{width:320px;float:right}
.list-box{padding:0 20px 20px 20px}
.list-box-title{height:60px;line-height:60px;font-size:16px;position:relative;padding-left:10px;font-weight:800;color:#333;border-bottom:1px solid #eee}
.list-box-title:before{position:absolute;top:22px;left:0;width:4px;height:18px;border-radius:30px;background:#f01414;content:''}
.list-box-body li{position:relative;padding:10px 0;line-height:25px;border-bottom:1px dashed #eee}
.list-box-body li i{margin-right:5px}
.list-box-body li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-hot 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}
.tag-hot a:hover{color:#ec3b3b;background:rgba(236,59,59,.1);border-color:#ec3b3b}
.ranking-box{padding:0 20px 20px 20px}
.ranking-box h1{height:60px;line-height:60px;padding-left:10px;font-size:16px;background-color:#fbfbfb;color:#333;font-weight:800;position:relative}
.ranking-box h1:before{position:absolute;top:22px;left:0;width:4px;height:18px;border-radius:30px;background:#f01414;content:''}
.ranking-box .hot{overflow:hidden}
.ranking-box .hot .tab{list-style:none;margin:0;text-align:center}
.ranking-box .hot .tab li{float:left;width:50%;padding-bottom:10px}
.ranking-box .hot .tab li.active{border-bottom:2px solid #f01414}
.ranking-box .hot .tab li a{font-size:16px;color:#333;text-decoration:none}
.ranking-box .hot .hotday{padding-top:10px;overflow:hidden}
.ranking-box .hot .hotday li{position:relative;padding:10px 0;line-height:25px;border-bottom:1px dashed #eee}
.ranking-box .hot .hotday li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranking-box .hot .hotday li i{margin-right:5px}
.report-modal{padding:10px 20px}
.report-modal>ul>li{height:32px;line-height:32px}
.report-modal>span{display:block;height:32px;line-height:32px;font-weight:700}
.report-modal>textarea{width:320px;height:80px}
.report-modal>input{width:320px}
.zip-tree ul{padding-left:15px}
.zip-tree ul li{position:relative;font-size:16px;line-height:32px;padding-left:20px}
.zip-tree ul li span{margin-left:25px}
.zip-tree ul li em{color:#999;font-size:12px;margin-left:10px}
.zip-tree ul li i{position:absolute}
.zip-tree ul li.folder{font-weight:700}
.zip-tree ul li:before{position:absolute;left:0;top:0;height:32px;border-left:1px dashed #ddd;content:''}
.zip-tree ul li:after{position:absolute;left:0;top:16px;width:20px;content:'';border-top:1px dashed #ddd}
.view-page{position:relative}
.view-page::before{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/water.svg);content:''}
.view-body{position:relative}
.preview-grab{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#fff;opacity:0;background-color:#fff \9\0;z-index:1}
.downModel{position:relative;width: 700px;}
.downModel .fileinfo{padding-bottom: 20px;}
.downModel .fileinfo p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;color: #FFF;padding: 8px 20px;}
.downModel .viptips{line-height:30px;font-size:15px;color:#999;text-align:center}
.downModel .viptips a{color:#e33}
.iconfont.iconloading2:before{display:inline-block;-webkit-animation-name:loading-rotate;animation-name:loading-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.downModel .user-down{background-color: #fff;text-align: center;border-top: 1px solid #ededed;width: 100%;display: inline-block;padding: 20px 20px;}
.downModel .user-down .user-down-btn{cursor:pointer;font-size:16px;font-weight:600;display:block;width:200px;height:60px;border-radius:30px;color:#fff;font-size:18px;line-height:60px;margin:0 auto 0;text-align:center;background:#e33;box-shadow:0 5px 23px 0 rgb(238 50 50 / 30%)}
.downModel .pay-box{border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;background: #f5f7fa;padding: 20px 20px;display: inline-block;width: 100%;text-align: center;}
.downModel .pay-box .pay-type{text-align:center;font-weight:700;color:#303133;font-size:18px;vertical-align:middle;margin-bottom:20px}
.downModel .pay-box .pay-item{display: inline-block;}
.downModel .pay-box .pay-item a{display:flex;flex-direction:row;align-items:center;border:2px solid #dee2e6;box-shadow:0 25px 20px -20px rgba(0,0,0,.03),0 5px 15px rgba(0,0,0,.03);padding:0;background-color:#f8f9fa;justify-content:center;position:relative;font-size:16px;font-weight:500;line-height:70px;height:70px;width:200px;float: left;margin: 5px 10px;border-radius:5px;text-align:center}
.downModel .pay-box .pay-item a:hover{color:#333}
.downModel .pay-box .pay-item a.active{border-color:#fc4e53}
.downModel .pay-box .pay-item a svg{width:32px;height:32px;margin-right:10px}
.downModel .pay-box .pay-item a.active:before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background:url(../images/jb.png) 100% 100% no-repeat;content:''}
.downModel .pay-box .pay-item a img{width:28px;height:28px;margin-right:10px}
.downModel .pay-qrcode{background-color: #fff;text-align: center;padding: 20px 20px;height: auto;}
.downModel .pay-qrcode img{width: 140px;height: 140px;}
.downModel .pay-qrcode .pay-type{font-size: 16px;padding: 5px 0;}
.downModel .pay-qrcode .scan-rq{position:relative;}
.downModel .pay-qrcode .user-area-acc{text-align:center;font-size:18px;font-weight:700}
.downModel .pay-qrcode .scan-rq .rq-desc{margin-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.downModel .pay-qrcode .scan-rq .rq-desc .ico-scan{display:inline-block;width:18px;height:18px;background:url(../images/icon_scan.png);background-size:100%}
.down-file{border-top:1px solid #ededed;background: #f5f7fa;padding: 20px 20px;}
.pay-box-r .scan-rq{padding:10px 10px 0;height:205px;position:relative;margin-top:10px;background-color: #FFF;border: 1px solid #ededed;border-radius: 5px;}
.pay-box-r .scan-rq .rq-img{width:150px;height:150px;text-align:center;margin:0 auto}
.pay-box-r .scan-rq .rq-img img{width:100%;height:100%}
.pay-box-r .scan-rq .ico-scan{display:block;width:21px;height:21px;float:left;background:url(../images/icon_scan.png);background-size:100%}
.pay-box-r .scan-rq p{font-size:12px;color:#909399;line-height:1.5;margin:5px 0 0 40px;padding:0;text-align:center}
.pay-box-r .scan-rq .expired{border-radius: 6px;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.95;background:#fff url(../images/pay_status_yes.png) center center no-repeat}
.pay-box-r .scan-rq .expired .paymsg{text-align:center;color:red;padding-top:135px}
.scan-area,.user-area{text-align:center;}
.user-credit-low{font-size:16px;padding:65px 0}
.user-currency{padding:40px 0;text-align:center;font-size:16px;line-height:35px}
.user-down-btn:hover{color:#fff}
.user-vip-btn:hover{color:#303133}
.loading-pay{text-align:center}
.bar-down ul.operate{float:right}
.bar-down ul.operate li{float:right;padding:0 10px}
.bar-down ul.operate li a.op{position:relative;display:block;padding:0 20px;height:40px;line-height:40px;font-size:12px;color:#333;text-align:center;margin-top:8px}
.bar-down ul.operate li a.op i{display:block;font-size:20px;height:20px;line-height:20px}
.bar-down ul.operate li a.op span{display:block;height:20px;line-height:20px}
.bar-down ul.operate li.share a.op small{position:absolute;right:-8px;top:-6px;display:block;height:16px;text-align:center;padding-left:8px;padding-right:8px;font-size:12px!important;line-height:16px;border-radius:11px 11px 11px 2px;color:#fff;background-color:#fc5531}
.share-content{position:relative;overflow:auto;background:url(../images/share_bg.png) no-repeat;z-index:999;width:602px;height:622px}
.detail-share{position:relative;overflow:hidden;width:601px;height:622px}
.detail-share #share_qrcode_img{margin:0 auto;margin-top:190px;width:132px;height:132px;padding:8px 8px;border:1px solid #aaa}
.detail-share #share_qrcode_img img{width:132px}
.detail-share #share_qrcode_img table{width:132px;height:132px}
.detail-share #share_qrcode_img{margin:0 auto;margin-top:190px;width:132px;height:132px;padding:8px 8px;border:1px solid #aaa}
.detail-share .tip{margin:auto;margin-top:30px;margin-right:120px;width:374px}
.detail-share .tip span{color:#fa0000;font-weight:bolder}
.detail-share .tip p{text-indent:24px;line-height:24px;text-align:center;font-size:14px;font-weight:400;color:#111}
.detail-share .copy{margin:auto;margin-top:88px;width:382px;min-height:1px;height:auto;overflow:hidden}
.detail-share .copy input{display:block;float:left;border:0;border-bottom-left-radius:5px;border-top-left-radius:5px;width:272px;height:36px;line-height:36px;margin:0!important;padding:6px!important;font-size:12px;font-weight:400;color:#111}
.detail-share .copy button{display:block;float:left;height:36px;line-height:36px;padding:0 5px;border:0;border-bottom-right-radius:5px;border-top-right-radius:5px;font-size:14px;font-weight:400;color:#fff;background-color:#2878ff;text-align:center;cursor:pointer}
.ui-modal-share-content{position:relative;display:inline-block}
.ui-modal-share-content .login-modal-share-close{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:95px;right:95px;width:30px;height:30px;cursor:pointer;z-index:1000;box-sizing:border-box;-webkit-transition:all .2s ease;transition:all .2s ease}
.ui-modal-share-content .login-modal-share-close i{position:absolute;right:10px;top:10px;font-size:15px;color:#ccc;cursor:pointer}
.ui-modal-share-content .login-modal-share-close i:hover{color:#f60}
.jiuniao_modal_btn{display: inline-block;width: 100%;text-align: center;}
.jiuniao_modal_btn a.share_user_url{position:relative;display:inline-block;height:40px;width:125px;line-height:40px;text-align:center;border-radius:3px;background:#fff;border:1px solid #2878ff;font-size:14px;color:#2878ff;margin:0 10px}
.jiuniao_modal_btn a.share_apply_agent{position:relative;display:inline-block;height:40px;width:125px;line-height:40px;text-align:center;border-radius:3px;border:1px solid #2878ff;font-size:14px;color:#fff;background-color:#2878ff;margin:0 10px}
.shop-box .publish{position:relative;padding:0}
.shop-box .publish .info{overflow:hidden}
.shop-box .publish .info .logo{float:left;position:relative;width:50px;height:50px}
.shop-box .publish .info .logo a{display:block}
.shop-box .publish .info .logo img{display:block;width:48px;height:48px;border-radius:25px;border:1px solid #eee;cursor:pointer}
.shop-box .publish .info dl.name{float:left;width:200px;height:50px;padding:0 0 0 10px}
.shop-box .publish .info dl.name dd{height:20px;line-height:20px;font-size:12px;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shop-box .publish .info dl.name dt{max-width:200px;height:30px;line-height:30px;font-size:16px;font-weight:600;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shop-box .publish .info dl.name dt a{font-size:16px;font-weight:600;color:#000}
.shop-box .publish .info dl.name dd .authen-about{float:left;margin-right:5px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}
.shop-box .publish .info dl.name dd .authen-about svg{width:22px;height:22px;margin-right:3px}
.shop-box .publish .intro{margin-top:15px;height:36px;line-height:18px;font-size:12px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.shop-box .publish .bd.crm .btns{padding-top:10px;overflow:hidden}
.shop-box .publish .bd.crm .btns i{font-size:14px}
.shop-box .publish .bd.crm .btns a.btn-space{position:relative;display:block;height:40px;line-height:40px;text-align:center;border-radius:3px;border:1px solid #ff5555;font-size:14px;float:right;width:135px;background:#ff5555;color:#fff}
.shop-box .publish .bd.crm .btns a.btn-fav{position:relative;float:left;display:block;height:40px;width:135px;line-height:40px;text-align:center;border-radius:3px;background:#fff;border:1px solid #ff5555;font-size:14px;color:#ff5555}