.bt-body { width: 1200px; margin-top: 5px; } .icons-copyright { width: 139px; height: 138px; background: url(//js.ibaotu.com/revision/img/detail/original-com.png) no-repeat } /*2018-07-12*/ /*新增代理音效标签*/ .icons-copyrigh-new { width: 139px; height: 138px; background: url(//js.ibaotu.com/revision/img/original2.png) no-repeat } .icons-copyright.share { background-image: url(//js.ibaotu.com/revision/img/public/icon_detail_share.png) } .pb-float-head .works-name-wrap { float: left; height: 60px; padding: 5px 0 0px; margin-left: 70px } .pb-float-head .down-btn { position: relative; float: right; top: -5px; margin-right: 110px; width: 260px; height: 54px; -webkit-border-radius: 27px; border-radius: 27px; color: #fff; font-size: 28px; text-align: center; line-height: 50px; letter-spacing: 2px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-shadow: 0 2px 8px rgba(0, 0, 0, .1); -webkit-filter: none\9 \0; filter: none\9 \0; -ms-filter: none\9 \0 } .pb-float-head .down-btn:before { display: none; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .1) } .pb-float-head .down-btn:hover:before { display: block } .works-name-wrap { position: relative; width: 52%; float: left; height: 40px } .head-wrap .works-name-wrap { width: 30% } .works-name-wrap .works-name { width: 268px; float: left; color: #666; font-size: 18px; line-height: 40px; letter-spacing: 1px; font-weight: 400; max-width: 78%; overflow: initial; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .works-name-wrap .icon-wrap { float: left; position: relative } .works-name-wrap .icon-wrap:hover .hover-slogan { display: block } .works-name-wrap .icon-wrap:last-child .hover-slogan { left: -28px } .works-name-wrap .icons-bus { margin-top: 4px; } .works-name-wrap .icons-revision { margin: 6px 8px 0; } .works-name-wrap .hover-slogan { display: none; position: absolute; top: 48px; left: -35px; z-index: 2; height: 32px; padding: 0 10px; line-height: 32px; text-align: center; white-space: nowrap; font-size: 12px; color: #2F1C00; letter-spacing: 1px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2); box-shadow: 0 0 6px rgba(0, 0, 0, .2); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color: #E1C175; z-index: 5; } .works-name-wrap .hover-slogan:before { position: absolute; top: -16px; left: 40px; content: ''; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #E1C175; } .others-datas { float: right; margin-top: 11px; height: 34px; padding-bottom: 20px; line-height: 14px; font-size: 12px; color: #ccc } .others-datas > div { float: left; margin-left: 18px } .others-datas > div:first-child { margin-left: 0 } .others-datas .iconfont { position: relative; color: #ccc } .others-datas .icon-shoucang1 { top: 1px } .others-datas .icon-xiazai2 { top: 2px } .work-info-wrap.xiajia .work-detail-info, .work-info-wrap.xiajia .work-imgs { display: none } .work-info-wrap.xiajia .offshelf { display: block } .work-info-wrap .work-detail-info, .work-info-wrap .work-imgs { float: left } .work-info-wrap .offshelf { display: none; padding: 105px 0 100px; text-align: center } .work-info-wrap .offshelf > p { height: 24px; margin-top: 48px; line-height: 24px; font-size: 24px; letter-spacing: 4px; color: #999 } .work-info-wrap .work-imgs { position: relative; width: 820px; padding: 40px 60px 0; margin-right: 60px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .work-info-wrap .work-imgs .img-wrap { position: relative; min-height: 600px; } .work-info-wrap .work-imgs .img-wrap .icons-copyright { position: absolute; left: 0; top: 0; z-index: 2; /* pointer-events: none; */ } .work-info-wrap .work-imgs img { width: 100%; display: block } .work-info-wrap .work-imgs img.gif-img { position: absolute; top: 125px; padding: 0 58px; width: 100%; height: 328px; display: none; } .work-info-wrap .work-imgs img.gif-img.gif-vertical { position: absolute; top: 190px; padding: 0 155px 0 158px; width: 100%; height: 687px; display: none; } .work-info-wrap .work-imgs .img-wrap:hover img.gif-img{ display: block; } .work-info-wrap .work-imgs .img-wrap:hover img.gif-icon { display: none; } .work-info-wrap .work-imgs img.gif-icon{ position: absolute; top: 20px; right:20px; width: 34px; height: 20px; } .work-info-wrap .work-imgs > p { padding: 16px 0; line-height: 16px; font-size: 12px; color: #ccc; letter-spacing: 0px; } .work-info-wrap .work-imgs > p a { /* color: #ff8a00; */ /* border-bottom: 1px solid #ff8a00 */ color: #ccc; border-bottom:0; } .work-info-wrap .collect-wrap { float: right; width: 60px; height: 60px; line-height: 58px; border: 1px solid #ccc; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; text-indent: 2px; cursor: pointer } .work-info-wrap .f-revise .collect-wrap { float: unset; width: 100%; line-height: 60px; font-size: 28px; color: #9A9A9A; -webkit-border-radius: 30px; border-radius: 30px; } .work-info-wrap .collect-wrap.active, .work-info-wrap .collect-wrap:hover { border-color: #ff8a00 } .work-info-wrap .f-revise .collect-wrap.active, .work-info-wrap .f-revise .collect-wrap:hover { border-color: #ccc } .work-info-wrap .collect-wrap.active .icon-shoucang1, .work-info-wrap .collect-wrap:hover .icon-shoucang1 { color: #ff8a00 } .work-info-wrap .collect-wrap .icon-shoucang1 { font-size: 27px; color: #999; -webkit-transition: 230ms; -o-transition: 230ms; transition: 230ms } .work-info-wrap .f-revise .collect-wrap .icon-shoucang1 { position: relative; top: -2px; right: 8px; font-size: 25px; z-index: -1; } /*详情页右侧栏修改*/ .work-detail-info { width: 320px; padding-top: 40px; letter-spacing: 2px } /*分割线*/ .statement, .work-detail-info .details-wrap, .work-detail-info .download-wrap, .work-detail-info .format-wrap, .work-detail-info .related-search-wrap, .work-detail-info .share-wrap { border-bottom: 1px solid #eeeeee; } /* 底部声明*/ .work-detail-info .statement { padding: 25px 0; line-height: 24px; font-size: 12px; color: #999; letter-spacing: 0px; font-weight: 400; } /*下载按钮*/ .work-detail-info .download-wrap { padding-bottom: 30px; } .btn-wrap { float: left; overflow: hidden; margin-right: 20px; -webkit-border-radius: 30px; border-radius: 30px } .f-revise .btn-wrap { float: unset; margin-right: unset; } .f-revise .btn-wrap a:before { display: none; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .1) } .f-revise .btn-wrap a { position: relative; display: block; height: 60px; margin-bottom: 20px; color: #fff; font-size: 28px; text-align: center; line-height: 60px; -webkit-border-radius: 30px; border-radius: 30px; } .f-revise .btn-wrap .dl-source { background: #FF7038; background: -moz-linear-gradient(left, #FF7038 0, #FF3D54 100%); background: -webkit-gradient(linear, left, right, color-stop(0, #FF7038), color-stop(100%, #FF3D54)); background: -webkit-linear-gradient(left, #FF7038 0, #FF3D54 100%); background: -o-linear-gradient(left, #FF7038 0, #FF3D54 100%); background: -ms-linear-gradient(left, #FF7038 0, #FF3D54 100%); background: -webkit-gradient(linear, left top, right top, from(#FF7038), to(#FF3D54)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #FF7038), to(#FF3D54)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #FF7038), to(#FF3D54)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #FF7038), to(#FF3D54)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #FF7038), to(#FF3D54)); background: linear-gradient(to right, #FF7038 0, #FF3D54 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#FF7038, endColorstr=#FF3D54); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#FF7038, endColorstr=#FF3D54)"; } .f-revise .btn-wrap a:hover:before { display: block } .btn-wrap .down-btn { position: relative; float: left; width: 240px; height: 60px; color: #fff; font-size: 24px; text-align: center; line-height: 60px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .btn-wrap .down-btn.chah { font-size: 22px } .btn-wrap .down-btn:before { display: none; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .1) } .btn-wrap .down-btn:hover:before { display: block } /*详细信息列表*/ .work-detail-info .details-wrap{ width: 100%; height: auto; } .details-wrap > li { position: relative; width: 100%; height: 34px; line-height: 34px; color: #666; letter-spacing: 0; } .details-wrap > li span{ display: block; line-height: 34px; font-size: 14px; font-weight: 400; float: left; } .details-wrap > li:first-child{ margin-top: 15px; } .details-wrap > li:last-child{ margin-bottom: 15px; } .details-wrap > li span > .icon-icon-test1 { position: relative; top: 2px; vertical-align: top; color: #ff8a00; font-size: 22px; margin-right: 5px } .details-wrap > li.xxq { margin-bottom: 57px } .details-wrap > li span > a { display: inline-block; height: 22px; line-height: 21px; color: #666; border: 1px solid #DDDDDD; padding: 0 16px; border-radius: 13px; font-size: 12px; } .details-wrap > li span.newTextbox{ height: 34px; } .details-wrap > li span.newTextbox a{ max-width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 6px 0; } .details-wrap > li span > a.fontLink{ border: none; padding: 0; } /*禁止使用*/ .details-wrap > li span.Prohibited{ font-size: 13px; letter-spacing: 0px; color: #bbb; } .details-wrap > li span.Reference{ font-size: 13px; letter-spacing: 0px; color: #bbb; margin-left: 4px; } .details-wrap > li span i.icon-jinggao1,.details-wrap > li span i.icon-jinggao2{ font-size: 14px; color: #CCCCCC; margin-left: 5px; cursor: pointer; } .details-wrap > li span i.icon-jinggao2{ font-size: 15px; font-weight: 500; margin-left: 0px; color: #999; } /*下载字体协议*/ .details-wrap > li span.downFonts a{ font-size: 13px; letter-spacing: 0px; color: #bbb; border-bottom: 1px solid #bbb; border-left: 0px; border-right: 0px; border-top: 0px; padding: 0; line-height: 20px; margin-top: 5px; cursor: pointer; border-radius: unset; } .details-wrap > li span.downFonts a:hover{ color: #ff8a00; border-color: #ff8a00; } .details-wrap > li span > a.noborder{ border:none; } .details-wrap > li.xxq span > a { position: relative; top: -2px; width: 180px; line-height: 24px } .details-wrap > li span > a:hover { color: #ff8a00; border-color:#ff8a00; } .format-wrap { padding: 30px 0 } .format-wrap .soft-icon, .format-wrap > p { float: left } .format-wrap .soft-icon { width: 64px; height: 64px; margin-right: 15px } .format-wrap > p { height: 64px; line-height: 32px; font-size: 14px; color: #666; letter-spacing: 1px } .share-wrap { height: 80px; padding: 24px 0; line-height: 30px; font-size: 14px; color: #666666; } .share-wrap > span { float: left } .share-wrap .share-list { float: left } .share-wrap .share-list > li { float: left; width: 30px; height: 30px; line-height: 28px; margin-left: 30px; background-color: #ccc; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; letter-spacing: 0; cursor: pointer; -webkit-transition: 230ms; -o-transition: 230ms; transition: 230ms } .share-wrap .share-list > li a { -webkit-transition: 230ms; -o-transition: 230ms; transition: 230ms; color: #999 } .share-wrap .share-list > li:hover a { color: #fff } .share-wrap .share-list > li.qq:hover { background-color: #11bfff } .share-wrap .share-list > li.weixin:hover { background-color: #50df67 } .share-wrap .share-list > li.kongjian:hover { background-color: #ffe92c } .share-wrap .share-list > li.weibo:hover { background-color: #ef2c2c } .share-wrap .share-list > li.huaban:hover { background-color: #fe9e9e } .share-wrap .share-list > li .icon-40 { font-size: 19px } .share-wrap .share-list > li:first-child { margin-left: 38px } .related-search-wrap { padding: 24px 0 12px; } .related-search-wrap > p { height: 14px; line-height: 14px; font-size: 14px; color: #666; margin-bottom: 24px; } .related-search-wrap .related-search > a { display: block; height: 26px; line-height: 24px; float: left; padding: 0 14px; margin: 0 12px 12px 0; font-size: 12px; color: #666; border: 1px solid #DDDDDD; -webkit-border-radius: 15px; border-radius: 15px; font-weight: 400; letter-spacing: 0; } .related-search-wrap .related-search > a:last-child { margin-left: 0 } .related-search-wrap .related-search > a:hover { color: #ff9100; border-color: #ff9100; } .related-recommend > h2 { height: 20px; line-height: 20px; margin: 60px 0 0 30px; font-size: 20px; font-weight: 400; color: #999; letter-spacing: 3px } .related-recommend .bt-list li { width: 224px; height: 337px } .related-recommend .pop-tit > .tit-name { width: 170px; letter-spacing: 1px } .related-recommend .pop-tit .collect-btn { margin-right: 0 } .related-recommend .pop-bot > .down-btn { width: 180px; height: 40px; line-height: 38px; bottom: 30px; font-size: 20px; -webkit-border-radius: 20px; border-radius: 20px } .popup-box { width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0, 0, 0, .4); z-index: 9; display: none } .img-wrap .video-src { height: 394px; margin: 20px auto; display: block; background: url(//pic.ibaotu.com/00/15/09/58J888piCXYR.jpg-0.jpg!/fw/840/fh/472/crop/840x472a136a213); line-height: 250px; text-align: center } .video-src i { display: inline-block; width: 100px; height: 100px; margin: 147px auto; background: url(//js.ibaotu.com/revision/img/play.png) } .alert-video { width: 960px; height: 540px; position: absolute; top: 50%; left: 50%; margin-top: -270px; margin-left: -480px } .alert-video video { width: 960px; height: 540px } .alert-video embed { width: 960px; height: 540px } .alert-video .close-btn { width: 26px; height: 26px; background: rgba(0, 0, 0, .8); border: 3px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; display: block; color: #fff; text-align: center; line-height: 20px; font-size: 20px; position: absolute; right: -18px; top: -18px } .audio-src { position: relative; width: 100%; height: 394px; background: url(//js.ibaotu.com/revision/img/icon_aubg.png) no-repeat; margin-bottom: 40px; -webkit-background-size: 100% 100%; background-size: 100% } .work-info-wrap .content-index .icont-rotate { display: inline-block; width: 240px; height: 240px; position: relative; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2 } .audio-src .souse-img { text-align: center; padding-top: 96px } .audio-src .icont-wdian { content: ''; display: block; position: absolute; width: 50px; height: 50px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; left: 0; right: 0; top: 190px; margin: 0 auto; z-index: 3 } .audio-src .souse-img::before { display: none } .audio-src .audio-box { width: 100%; height: 100%; padding: 0; position: relative } .audio-src .audio-box .play-btn { position: absolute; top: 50px; left: 134px; font-size: 32px } .audio-src .audio-box #play-btn { position: absolute; top: 50px; left: 134px; font-size: 32px } .audio-src .audio-box .star-time { position: absolute; top: 48px; left: 180px; font-size: 20px } .audio-src .audio-box .end-time { position: absolute; right: 122px; top: 48px; font-size: 20px } .audio-src .icon-rotate { display: inline-block; width: 110px; height: 205px; background: red; position: absolute; top: 72px; right: 263px; background: url(//js.ibaotu.com/revision/img/icon-rotate.png) right; z-index: 2 } .audio-src .time-bar .move-color { height: 38px; animation: changeco linear infinite; -moz-animation: changeco linear infinite; -webkit-animation: changeco linear infinite; -o-animation: changeco linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused } .audio-src .time-bar .move-color.running { -webkit-animation-play-state: running; animation-play-state: running } .bt-body .bt-list li { margin-right: 20px } .bt-body .bt-list li:nth-child(4n) { margin-right: 20px } .bt-body .bt-list li:nth-child(5n) { margin-right: 0 } .bt-body .hover-pop .pop-tit { padding: 20px 10px } body .pop-tit .collect-btn { width: 32px; height: 32px } body .collect-btn .icon-shoucang1 { position: relative; top: -1px; font-size: 24px } .bt-body .bt-list li:hover .pop-bot .down-btn { bottom: 44px } @keyframes changeco { from { width: 0 } to { width: 335px } } @-moz-keyframes changeco { from { width: 0 } to { width: 335px } } @-webkit-keyframes changeco { from { width: 0 } to { width: 335px } } @-o-keyframes changeco { from { width: 0 } to { width: 335px } } .g-download-rank { width: 100%; margin-top: 30px } .g-download-rank .g-rank-nav { width: 100%; height: 40px; line-height: 40px; text-indent: 20px; background: #eee; border: 1px solid #e9e9e9 } .g-download-rank .g-rank-nav .rank-nav-item { float: right; width: 78px; height: 35px; line-height: 34px; text-align: center; text-indent: 0; cursor: pointer; border: 1px solid transparent } .g-download-rank .g-rank-nav .rank-nav-item.active { color: #46b824; border-color: #46b824 } .g-download-rank .g-ranklist-wrap { width: 100%; background: #eee } .g-download-rank .g-ranklist-wrap .g-rank-list { width: 100% } .g-rank-list { display: none; width: 100%; margin: 0; padding: 0 } .g-rank-list:first-child { display: block } .g-rank-list .rank-list-item { width: 100%; height: 37px; line-height: 34px; list-style: none; border-top: 1px solid #dbdbdb } .g-rank-list .rank-list-item:first-child { border: 0 } .g-rank-list .rank-list-item .u-download-btn, .g-rank-list .rank-list-item .u-rank, .g-rank-list .rank-list-item .u-works-name { vertical-align: middle } .g-rank-list .rank-list-item .u-rank { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: 0 0 0 15px; font-size: 12px; text-align: center; color: #fff; background-color: #bdbcc2 } .g-rank-list .rank-list-item .u-works-name { display: inline-block; overflow: hidden; width: 60%; font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 5px 0 5px; color: #333; text-decoration: none; cursor: pointer } .g-rank-list .rank-list-item .u-download-btn { float: right; display: inline-block; width: 70px; height: 25px; line-height: 25px; margin: 6px 10px 0 0; text-align: center; color: #fff; font-size: 12px; text-decoration: none; background-color: #46b824 } .g-rank-list .rank-list-item .u-download-btn:hover { background-color: #3f9f22 } .work-info-wrap .audio-src .audio-box img { width: 100%; height: 100% } .audio-src .audio-box .time-bar { width: 335px; height: 38px; margin-top: 71px; margin-left: 212px } .audio-src .souse-img { padding-top: 0 } .audio-src .audio-box .play-btn { top: 74px; left: 100px } .audio-src .audio-box #play-btn { top: 74px; left: 100px } .audio-src .audio-box .star-time { top: 74px; left: 145px } .audio-src .audio-box .end-time { top: 74px; right: 90px } .work-info-wrap .content-index .icont-rotate { top: 34px } .audio-src .icont-wdian { top: 126px } .audio-src .icon-rotate { top: 22px; right: 194px } .detail-style .audio-info .audio-name { width: 124px; font-size: 14px; margin-bottom: 10px } .detail-style .audio-info span { display: inline-block } .detail-style .audio-info .free-down { width: 90px } .detail-style .audio-box { padding-top: 10px } .detail-style .audio-box .play-btn { padding-left: 0 } .detail-style .audio-box #play-btn { padding-left: 0 } .detail-style-change .audio-box #play-btn { padding-left: 24px; } .detail-style .work-info-wrap .audio-src .audio-box img { width: 335px; height: 38px } .detail-style .audio-src .audio-box .time-bar { width: 335px; height: 38px; margin-top: 71px; margin-left: 212px } .detail-style .audio-src .souse-img { padding-top: 0 } .detail-style .audio-src .audio-box .play-btn { top: 74px; left: 100px } .detail-style .audio-src .audio-box #play-btn { top: 74px; left: 100px } .detail-style .audio-src .audio-box .star-time { top: 74px; left: 145px } .detail-style .audio-src .audio-box .end-time { top: 74px; right: 90px } .detail-style .work-info-wrap .content-index .icont-rotate { top: 34px } .detail-style .audio-src .icon-rotate { top: 22px; right: 328px } .audio-box .icon-bofang1 { color: #666 } #anchor_left, #anchor_right { position: absolute; top: 0; width: 50%; height: 100% } #anchor_left { left: 0; cursor: url(//js.ibaotu.com/images/show/left.png), auto } #anchor_right { right: 0; cursor: url(//js.ibaotu.com/images/show/right.png), auto } .detail-crumbs { height: 50px; line-height: 14px; padding-top: 36px; font-size: 12px; color: #ccc; letter-spacing: 1px } .detail-crumbs a { color: #ccc } .detail-crumbs .icon-shiliangzhinengduixiang2, .detail-crumbs a:hover { color: #ff8a00 } .ad-datas { width: 780px; padding-top: 29px } .works-name-wrap .icon-wrap:nth-child(2) .hover-slogan { left: -28px; } .pb-float-head .works-name-wrap .icon-wrap:last-child .hover-slogan { left: -28px; } .pb-float-head .works-name-wrap .icon-wrap:nth-child(2) .hover-slogan { left: -34px; } .details-wrap > li span > a.view-tutorial,.details-wrap > li span > a.view-tutorial-ad,.details-wrap > li span > a.view-video-pdf{ display: inline-block; padding: 0; margin-left: 6px; margin-top: 5px; height: 18px; line-height: 18px; font-size: 14px; text-align: center; color: #666; border: none; border-radius: unset; border-bottom: 1px solid #979797; } .details-wrap > li span > a.view-tutorial:hover,.details-wrap > li span > a.view-tutorial-ad:hover ,.details-wrap > li span > a.view-video-pdf:hover{ color: #FF9100; border-color: #FF9100; } .details-wrap > li span > a.view-tutorial-qy:hover{ color: #B18622; border-color: #B18622; } /*企业按钮*/ .details-wrap > li span > a.diffQYbut,.details-wrap > li span > a.diffBTbq{ line-height: 20px; } .details-wrap > li span > a.diffQYbut i.icon-kefu2{ font-size: 14px; } .details-wrap > li span > a.diffQYbut:hover{ color: #B18622; border-color: #B18622; } .details-wrap > li span > a.diffQYbut:hover i{ color: #B18622; } /*获取企业授权按钮*/ .details-wrap > li.getQYanthori{ height: 40px; margin-top: 20px; margin-bottom: 20px; } .details-wrap > li.getQYanthori .know-copyright{ display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; font-size: 14px; color: #1C1D21; background-image: linear-gradient(90deg,rgba(240,214,141,1) 0%,rgba(224,191,115,1) 100%); border-radius: 20px; padding: 0; margin: 0 auto; } .details-wrap > li.getQYanthori .know-copyright:hover{ background-image: linear-gradient(90deg,rgba(231,205,131,1) 0%,rgba(209,177,102,1) 100%); } .pdf-wrap { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .pdf-box { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 1018px; height: 720px; background-color: #fff; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden } .pdf-box .canvas-box { position: relative; width: 100%; height: 640px; overflow-x: hidden } .pdf-box .canvas-box canvas { width: 100% } .pdf-box .canvas-box .loading { position: absolute; top: 0; bottom: 0; margin: auto 0; width: 100%; height: 28px; line-height: 28px; text-align: center; font-size: 28px; color: #999 } .pdf-box .top { height: 80px; line-height: 80px; padding: 0 0 0 51px; letter-spacing: 3px } .pdf-box .top > h2 { float: left; font-size: 20px; font-weight: 400; color: #ff8a00 } .pdf-box .do-down-btn { float: right; font-size: 16px; color: #ff8a00 } .pdf-box .icon-xiazai1 { font-size: 18px; margin-right: -5px } .pdf-box .icon-iconfontclose { font-size: 28px; position: relative; top: -20px; left: 5px } .pdf-close { float: right; width: 40px; height: 40px; margin: 18px 10px 0 40px; color: #ccc } .pdf-close:hover { color: #ff8a00; -webkit-transition: 0; -o-transition: 0; transition: 0 } /*.audio-src:before { position: absolute; top: 34px; left: 0; right: 0; margin: 0 auto; z-index: 3; content: ''; width: 240px; height: 240px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 46px 62px rgba(0, 0, 0, .3); box-shadow: 0 46px 62px rgba(0, 0, 0, .3) }*/ @media all and (max-width: 1440px) { .bt-body { width: 1000px } .ad-datas, .work-info-wrap .work-imgs { width: 700px } .works-name-wrap { float: none; height: 36px } .others-datas { float: none; margin-top: 15px; } .work-info-wrap .work-imgs { padding: 40px 30px 0 } .work-detail-info { width: 240px } .work-detail-info .download-wrap { padding-bottom: 20px } .btn-wrap .down-btn { width: 180px; height: 40px; font-size: 22px; line-height: 40px; -webkit-border-radius: 20px; border-radius: 20px; } .work-info-wrap .collect-wrap { width: 40px; height: 40px; line-height: 40px; text-indent: 3px } .work-info-wrap .f-revise .collect-wrap { width: 100%; height: 60px; line-height: 60px; text-indent: 2px } .work-info-wrap .collect-wrap .icon-shoucang1 { font-size: 22px } .work-info-wrap .f-revise .collect-wrap .icon-shoucang1 { font-size: 25px } .format-wrap { text-align: center; padding: 20px 0 11px } .format-wrap .soft-icon { float: none; margin: 0 auto; border-radius: 2px; overflow: hidden; } .format-wrap > p { float: none; letter-spacing: 1px; text-align: center; font-size: 14px; margin-top: 6px } .share-wrap { height: 70px; padding: 20px 0 19px; font-size: 16px } .related-search-wrap { padding: 20px 0 } .related-search-wrap > p { font-size: 16px } .related-recommend .bt-list li { width: 180px; height: 270px } .related-recommend .pop-bot > .down-btn { width: 140px; height: 32px; line-height: 30px; font-size: 18px } .bt-body .bt-list li:hover .pop-bot .down-btn { bottom: 30px } body .pop-tit .collect-btn { width: 28px; height: 28px; line-height: 28px } body .collect-btn .icon-shoucang1 { font-size: 20px; top: 0 } .audio-src { height: 359px } .audio-src .icont-wdian { top: 139px; width: 34px; height: 34px } .work-info-wrap .content-index .icont-rotate { top: 66px; width: 180px; height: 180px } .audio-src .icon-rotate { top: 64px; right: 210px; width: 69px; height: 128px; -webkit-background-size: cover; background-size: cover } .audio-src .audio-box { margin-top: 25px } .audio-src .audio-box .play-btn { top: 82px; left: 100px } .audio-src .audio-box .star-time { top: 83px; left: 136px } .audio-src .audio-box .time-bar { width: 306px; height: 35px; margin-left: 193px; margin-top: 80px } .work-info-wrap .audio-src .audio-box img { position: relative; top: 3px } .audio-src .audio-box .end-time { top: 83px; right: 82px } .audio-src:before { top: 66px; width: 180px; height: 180px } .audio-src .audio-box #play-btn { top: 81px } .pdf-box { height: 620px } .pdf-box .canvas-box { height: 540px } .audio-src .audio-box .star-time { font-size: 18px; } .audio-src .audio-box .end-time { font-size: 18px; } .details-wrap > li.xxq span > a { width: 143px; } .details-wrap > li span > a { font-size: 12px; line-height: 16px; } .details-wrap > li.diff-copyright{ margin-top: 30px; } .work-info-wrap .work-imgs img.gif-img{ top: 104px; height: 270px; padding: 0 50px; } .work-info-wrap .work-imgs img.gif-img.gif-vertical{ top: 158px; height: 568px; padding: 0 130px; } } .work-info-wrap .work-imgs .timeTip { top: 46px; font-size: 14px } .qinq { width: 100%; height: 14px; line-height: 14px; font-size: 12px; color: #999; margin-top: 20px; cursor: pointer; letter-spacing: 0px; } .qinq > i.icon-tousu,.qinqNew > i.icon-tousu{ display: inline-block; font-size: 14px; color: #999; margin-right: 2px; vertical-align: -1px; } .qinqNew{ width: 100%; height: 14px; line-height: 14px; font-size: 12px; color: #999; margin-top: 20px; cursor: pointer; letter-spacing: 0px; } .qinq > span { margin-left: 0px; } .qinqNew > span{ margin-left: 0px; } .qinq:hover,.qinqNew:hover i{ color: #ff8a00 } .qinqNew:hover { color: #ff8a00 } .pop .d-qinq .pop-close { top: -2px; right: 6px } .pop .d-qinq .pop-close .icon-iconfontclose { font-size: 28px; color: #fff } .d-qinq { width: 540px; height: 396px; background: #fff } .d-qinq > h2 { height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 3px; background: #ff8a00 } .d-qinq .cot { padding: 40px 68px 0; font-size: 14px; color: #666; letter-spacing: 1px } .d-qinq .cot > div { min-height: 20px; line-height: 20px; margin-top: 30px } .d-qinq .textWrap { display: none } .textWrap > p { margin: 27px 0 7px } .d-qinq textarea { border: 1px solid #ccc; width: 400px; height: 60px; -webkit-border-radius: 4px; border-radius: 4px; outline: 0; padding: 10px; color: #666 } .sp-rdi { vertical-align: top; margin-top: 2px; width: 0; height: 0; background-color: #ff8a00; margin-right: 30px; -webkit-border-radius: 50%; border-radius: 50%; position: relative } .sp-rdi:after, .sp-rdi:before { content: ''; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease } .sp-rdi:before { top: 0; left: 0; width: 12px; height: 12px; background-color: #fff; border: 2px solid #ff8a00 } .sp-rdi:after { top: 6px; left: 6px; width: 4px; height: 4px; background-color: #fff } .sp-rdi:checked:after { top: 4px; left: 4px; width: 8px; height: 8px; background-color: #ff8a00 } .sp-rdi:checked:before { border-color: #ff8a00 } .sp-rdi:checked ~ .textWrap { display: block } .sp-rdi:checked ~ .tips { display: none } .d-qinq { display: none } .d-qinq .tips { position: relative; width: 220px; height: 14px; margin: 76px auto 0; line-height: 14px; font-size: 14px; color: #ccc; text-align: center; letter-spacing: 1px } .d-qinq .tips:after, .d-qinq .tips:before { position: absolute; top: 0; bottom: 0; content: ''; width: 90px; height: 1px; margin: auto; background: #e6e6e6 } .d-qinq .tips:before { left: -90px } .d-qinq .tips:after { right: -90px } .jb-btn { position: absolute; bottom: 30px; left: 0; right: 0; width: 140px; height: 36px; line-height: 36px; margin: 30px auto 0; -webkit-border-radius: 18px; border-radius: 18px; font-size: 16px; color: #fff; letter-spacing: 2px; text-align: center; background: #ccc; pointer-events: none; cursor: default } .jb-btn.active { cursor: pointer; pointer-events: all; background: #ffae12; background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -webkit-gradient(linear, left, right, color-stop(0, #ffae12), color-stop(100%, #f07d17)); background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%); background: -webkit-gradient(linear, left top, right top, from(#ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffae12), to(#f07d17)); background: linear-gradient(to right, #ffae12 0, #f07d17 100%) } .success-wrap { display: none; text-align: center; padding-top: 48px } .success .cot, .success .jb-btn, .success.d-qinq .tips { display: none } .success .success-wrap { display: block } .success-wrap .icons-ok { width: 133px; height: 133px; background: url(//js.ibaotu.com/revision/img/pop/ver_success.png) no-repeat; -webkit-background-size: cover; background-size: cover } .success-wrap > h6 { height: 18px; line-height: 18px; font-size: 18px; color: #ff8a00; text-indent: 10px; letter-spacing: 1px; margin: 26px 0 } .success-wrap > p { height: 14px; line-height: 14px; font-size: 14px; color: #ff8a00; letter-spacing: 1px; text-indent: 10px } .success-wrap > span { display: block; height: 14px; line-height: 14px; margin-top: 26px; font-size: 14px; color: #ccc; letter-spacing: 1px; text-indent: 10px } /* 0423详情页新增企业vip入口 */ .format-wrap { padding: 30px 0 26px; } .details-wrap .know-copyright,.details-wrap .dl-protocol { display: block; width: 100%; height: 40px; line-height: 38px; margin: 50px auto 0; text-align: center; font-size: 20px; color: #fff; border-radius: 20px; padding-left: 11px; opacity: .4 \9 \0; background: #915f24; background: -moz-linear-gradient(left, #915f24 0, #493522 100%); background: -webkit-gradient(linear, left, right, color-stop(0, #915f24), color-stop(100%, #493522)); background: -webkit-linear-gradient(left, #915f24 0, #493522 100%); background: -o-linear-gradient(left, #915f24 0, #493522 100%); background: -ms-linear-gradient(left, #915f24 0, #493522 100%); background: -webkit-gradient(linear, left top, right top, from(#915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: linear-gradient(to right, #915f24 0, #493522 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#915f24, endColorstr=#493522); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#915f24, endColorstr=#493522)"; margin-bottom:20px; } .details-wrap .know-copyright>.pb-icon { position: relative; top: -1px; /* left: 1px; */ margin-right: 8px; vertical-align: middle; width: 24px; height: 21px; background: url(//js.ibaotu.com/revision/img/classify/comVip_01_hover.png) no-repeat; } .details-wrap .know-copyright>span { letter-spacing: 11px; } /* 0518 新增协议入口 */ .details-wrap .dl-protocol { float: left; width: 100%; height: 40px; line-height: 38px; margin: 0px auto; text-align: center; font-size: 20px; color: #fff; border-radius: 20px; padding-left: 4px; background: #915f24; background: -moz-linear-gradient(left, #915f24 0, #493522 100%); background: -webkit-gradient(linear, left, right, color-stop(0, #915f24), color-stop(100%, #493522)); background: -webkit-linear-gradient(left, #915f24 0, #493522 100%); background: -o-linear-gradient(left, #915f24 0, #493522 100%); background: -ms-linear-gradient(left, #915f24 0, #493522 100%); background: -webkit-gradient(linear, left top, right top, from(#915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: -webkit-gradient(linear, left top, right top, color-stop(0, #915f24), to(#493522)); background: linear-gradient(to right, #915f24 0, #493522 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#915f24, endColorstr=#493522); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#915f24, endColorstr=#493522)" } .details-wrap .dl-protocol>.pb-icon { position: relative; top: -2px; margin-right: 8px; vertical-align: middle; width: 24px; height: 20px; background: url(//js.ibaotu.com/revision/img/classify/dl.png) no-repeat; } /* 文件格式 */ .details-wrap > li span.file-type{ font-size: 0; line-height: 0; } .details-wrap > li .file-type .type_icont{ padding: 0 6px; height: 18px; display: inline-block; border-radius:2px; border: 1px solid transparent; margin: 8px 0; font-size: 12px; text-align: center; line-height: 16px; font-weight: normal; } .details-wrap > li .file-tool .type_icont{ margin-right: 0px; } /*PSD、DOC*/ .details-wrap > li .file-type .type_icont.PSD, .details-wrap > li .file-type .type_icont.DOC, .details-wrap > li .file-type .type_icont.PS{ background: #E3F1FF; border-color: #2489F5; color: #2489F5; } /*AE、*/ .details-wrap > li .file-type .type_icont.AE{ background: #EBE4FF; border-color: #6F49DF; color: #6F49DF; } /*AI、SKETCH*/ .details-wrap > li .file-type .type_icont.AI, .details-wrap > li .file-type .type_icont.SKETCH{ background: #FFF3E4; border-color: #FC920F; color: #FC920F; } /*CDR、XLSX*/ .details-wrap > li .file-type .type_icont.CDR, .details-wrap > li .file-type .type_icont.XLSX{ background: #E7FFEA; border-color: #35B729; color: #35B729; } /*PPT、Excel、WAV、Word、WPS*/ .details-wrap > li .file-type .type_icont.PPT, .details-wrap > li .file-type .type_icont.Excel, .details-wrap > li .file-type .type_icont.WAV, .details-wrap > li .file-type .type_icont.Word, .details-wrap > li .file-type .type_icont.WPS{ background: #FFE7E1; border-color: #F1492A; color: #F1492A; } /*CAD、PNG、Keynote*/ .details-wrap > li .file-type .type_icont.CAD, .details-wrap > li .file-type .type_icont.PNG, .details-wrap > li .file-type .type_icont.Keynote{ background: #FFF3E4; border-color: #FC920F; color: #FC920F; } /*C4D、Max3d、Edius、Hshy、MP3、PR*/ .details-wrap > li .file-type .type_icont.C4D, .details-wrap > li .file-type .type_icont.Max3d, .details-wrap > li .file-type .type_icont.Edius, .details-wrap > li .file-type .type_icont.Hshy, .details-wrap > li .file-type .type_icont.MP3, .details-wrap > li .file-type .type_icont.PR{ background: #E3F1FF; border-color: #2489F5; color: #2489F5; } /*normal*/ .details-wrap > li .file-type .type_icont.normal{ background: #FFE7E1; border-color: #F1492A; color: #F1492A; } /* end */ /* 180607肖像权提示 */ .details-wrap > li i.icon-wenti1 { font-size: 18px; color: #CCCCCC; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px; position: relative; } .details-wrap > li > span > i.icon-wenti1:hover{ color: #bbbbbb; } .details-wrap > li .infr-tip { display: none; position: absolute; right: 0; top: 34px; height: 24px; line-height: 24px; font-size: 12px; color: #ffffff; padding: 0 10px; border-radius: 2px; background: rgba(0,0,0,0.5); z-index: 10; white-space: nowrap; } .details-wrap > li > span:hover + p { display: block; } /* 190528 详情页原创/商用/版权图标修改 */ .icons-revision { width: 28px; height: 28px; background: url(//js.ibaotu.com/revision/img/detail/icon_revision3.png) center no-repeat; background-size: cover; } .works-name-wrap .icons-revision { margin: 5px 8px 0 6px; } .icons-bus { width: 28px; height: 28px; background: url(//js.ibaotu.com/revision/img/detail/icon_bus3.png)center no-repeat; background-size: cover; } @media all and (max-width: 1440px) { .format-wrap .know-copyright, .format-wrap .dl-protocol { font-size: 16px; } } /*2018-08-01 新增视频问卷调查*/ .left-video-jump { width: 150px; height: 145px; background: url(//js.ibaotu.com/revision/img/home/img_jump_video2.png)no-repeat center; position: fixed; right: 4%; bottom: 88px; } .left-video-jump i{ display: none; position: absolute; top: 0; right: 0; width: 9px; height: 9px; } .left-video-jump i img{ width: 100%; height: 100%; } .left-video-jump:hover i{ display: block; } /* 弹框 */ .unbusiness-pop .recharge-box,.agreement-pop .recharge-box{ width:700px; height:394px; background-color:#fff; margin-left:-350px; margin-top:-197px; position: absolute; left:50%; top:50%; text-align: center; } .agreement-pop .recharge-box{ width:520px; height:320px; margin-left: -260px; margin-top:-160px; } .unbusiness-pop img{ margin:54px auto 24px; } .unbusiness-pop p{ font-size: 20px; color:#666; text-align: center; line-height: 36px; } .unbusiness-pop a.join-btn,.agreement-pop a.down-btn{ display: block; margin:12px auto 0; width:242px; height:40px; background:linear-gradient(93deg,rgba(230,194,148,1) 0%,rgba(216,160,80,1) 82%); border-radius:20px; line-height: 40px; text-align: center; color:#fff; background: rgba(230,194,148,1); background: -moz-linear-gradient(left, rgba(230,194,148,1) 0, rgba(216,160,80,1) 100%); background: -webkit-gradient(linear, left, right, color-stop(0, rgba(230,194,148,1)), color-stop(100%, rgba(216,160,80,1))); background: -webkit-linear-gradient(left, rgba(230,194,148,1) 0, rgba(216,160,80,1) 100%); background: -o-linear-gradient(left, rgba(230,194,148,1) 0, rgba(216,160,80,1) 100%); background: -ms-linear-gradient(left, rgba(230,194,148,1) 0, rgba(216,160,80,1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(230,194,148,1)), to(rgba(216,160,80,1))); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(230,194,148,1)), to(rgba(216,160,80,1))); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(230,194,148,1)), to(rgba(216,160,80,1))); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(230,194,148,1)), to(rgba(216,160,80,1))); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(230,194,148,1)), to(rgba(216,160,80,1))); background: linear-gradient(to right, rgba(230,194,148,1) 0, rgba(216,160,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(230,194,148,1), endColorstr=rgba(216,160,80,1)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=rgba(230,194,148,1), endColorstr=rgba(216,160,80,1))"; } .agreement-pop a.down-btn{ width:110px; } .agreement-pop p.tit{ font-size: 20px; font-weight: bold; color:#333; margin:40px 0 20px; } .agreement-pop p{ font-size: 16px; color:#666; padding-bottom: 20px; } /* end */ /*2018-11-01 增加广告设计 logo 版权提示文字*/ .details-wrap > li.ban>span { float: right; } .details-wrap > li.ban>span a>span { color: #666; } .details-wrap > li.ban>span a { display: inline; border: 0; padding: 0; color: #999999; font-size: 13px; } .details-wrap > li .icon-kefu4 { font-size: 18px; margin-left: 2px; position: relative; top: -1px; right: -3px; } .details-wrap > li .ban-tip { display: none; position: absolute; right: 0; top: 22px; width: 268px; height: 24px; line-height: 22px; font-size: 12px; color: #666; padding: 0 6px; border: 1px solid #999; box-shadow: 0 1px 10px rgba(0, 0, 0, .2); border-radius: 4px; letter-spacing: 0; } /*2018-11-16 详情页新增字体版权*/ .details-wrap > li.diff-copyright{ margin-top: 40px; } .details-wrap > li.diff-copyright span > a{ margin-top: -12px; } /*2018-12-18 超级会员日 广告位更换*/ /*广告位*/ .Adver-space2{ height: 82px; } @media (max-width: 1440px){ .Adver-space2 { width: 100%; height: 68px; } } /*2018-12-25 超级会员日体醒*/ .superDay-prompt{ font-size: 20px; line-height: 24px; color: #A10408; text-align: center; margin-top: 10px; } .superDay-prompt>span:nth-of-type(1){ color: #FF7200; font-size: 24px; font-weight: bold; margin: 0 3px; } .superDay-prompt>span:nth-of-type(2){ color: #FF0000; font-weight: bold; } /*2019-02-19 底部seo*/ .listSEO{ padding: 1%; background: #ffffff; border: 1px solid #EFEFEF; color: #999999; width: 100%; overflow: hidden; margin-bottom: 25px; } .listSEO>h2 { font-weight: normal; font-size: 12px; line-height: 24px; } .listSEO>h2>i{ display: inline-block; margin-left: 14px; cursor: pointer; width: 12px; height: 12px; background-position: center; background-repeat: no-repeat; background-size: cover; vertical-align: -1.5px; } .listSEO>h2>i.icon_seo_e{ background-image: url(//js.ibaotu.com/revision/img/detail/icon_seo_e.png) } .listSEO>h2>i.icon_seo_c{ background-image: url(//js.ibaotu.com/revision/img/detail/icon_seo_c.png) } .listSEO .seo_detail_text{ display: none; width: 100%; word-wrap: break-word; word-break: break-all; } .seo_detail_text>h3 { margin-top: 10px; padding-top: 10px; font-size: 12px; border-top: 1px dashed #EFEFEF; font-weight: normal; } .seo_detail_text>p { padding: 5px 0; line-height: 20px; font-size: 12px; } .seo_detail_text>p>a{ color: #999999; margin-right: 5px; } .seo_detail_text>p>a:hover{ color: #ff8a00; } /*翻页*/ .seo_detail_fy{ font-size: 14px; color: #999999; padding-top: 20px; } .seo_detail_fy>div{ float: left; margin-right: 30px; } .seo_detail_fy>div>p{ display: block; float: left; } .seo_detail_fy>div>a{ display: block; float: left; color: #999999; } .seo_detail_fy>div>a:hover{ color: #ff8a00; } /*2019-03-06 详情页配乐样机修改*/ .content-index{ position: relative; } .work-info-wrap .work-imgs{ padding: 40px 60px; } .work-info-wrap .work-imgs .audio-src{ height: auto; background: none; margin-top: -40px; } .audio-src .souse-img{ width: 500px; height: 500px; background: url(//js.ibaotu.com/revision/img/detail/img-new-bg.png)center no-repeat; background-size: cover; margin: 0px auto; position: relative; } .work-info-wrap .content-index .icont-rotate{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 342px; height: 342px; } /*播放杆*/ .audio-src .audio-info{ position: absolute; top: 0px; right: 170px; width: 88px; height: 241px; z-index: 2; background: url(//js.ibaotu.com/revision/img/detail/img-new-left.png)no-repeat center; background-size: cover; transform: rotate(-36deg); transition: all 0.6s ease-in-out; transform-origin: right top; } .audio-src .audio-info.skewing{transform: rotate(0deg); } .audio-src .audio-box{ width: 100%; height: 24px; margin: 0 auto; } .audio-src .audio-box .star-time,.audio-src .audio-box .end-time{ font-size: 16px; color: #999999; position: absolute; top: 0; line-height: 24px; height: 24px; display: block; margin: 0px; } .audio-src .audio-box .star-time{ left: 0; } .audio-src .audio-box .end-time{ right: 0; } .audio-src .audio-box .time-bar{ width: 82%; height: 6px; position: absolute; top: 9px; left: 0; right: 0; margin: auto; background: #EEEEEE; } .audio-src .time-bar .move-color{ height: 6px; } .work-info-wrap .work-imgs .timeTip { top: -15px; font-size: 14px } .work-imgs .audio-box .time-bar { overflow: unset; } .audio-src .audio-box .play-btn{ display: block; width: 80px; height: 80px; position: absolute; top: -290px; text-indent: 8px; left: 0; right: 0; margin: auto; z-index: 10; color: #fff; text-align: center; line-height: 80px; border-radius: 50%; font-size: 28px; padding-left: 0px; } .audio-src .audio-box .play-btn.icon-bofang1{ text-indent: 0px; } .work-imgs .time-bar .move-color b.dot { width: 10px; height: 10px; } /*相似推荐样式*/ .content-index .top-Proto{ width: 200px; padding-top: 15px; } .detail-style .audio-box{ padding-top: 0px; } .audio-box .gress-Proto{ width: 120px; } .content-index .img-Proto{ top: 0px; } @media (max-width: 1680px){ /* .media-list.detail-style li { width: 285px; height: 134px; margin-right: 20px; } */ .detail-style .audio-box{ padding-top: 0px; } } @media (max-width: 1440px){ .audio-src .souse-img{ width: 400px; height: 400px; } .work-info-wrap .content-index .icont-rotate{ width: 275px; height: 275px; } .audio-src .audio-info { position: absolute; top: 20px; right: 154px; width: 70px; height: 194px; } .audio-src .audio-box .play-btn{ top: -240px; } .media-list.detail-style li { width: 235px; /* height: 116px; */ margin-right: 20px; /* padding: 8px 0 0 16px; */ } .content-index .top-Proto { width: 150px; padding-top: 8px; } .audio-src .audio-box .star-time { left: -8px; } } /*2019-03-07*/ /*详情页增加注意事项*/ .details-wrap > li.zyText-de{ font-size: 12px; color: #999999; } .details-wrap > li.zyText-de>i{ font-size: 12px; color: #999999; } .details-wrap > li.zxText-de{ padding-left: 18px; } .details-wrap > li.zxText-de>a{ font-size: 12px; color: #ff9100; border-bottom: 1px solid #ff9100; } .details-wrap > li.zxText-de>a:hover{ color: #ffae44; border-color: #ffae44; } /*2019-05-13 视频相似推荐调整*/ .media-list.detail-style li.sc-home-video{ height: 160px; } @media (max-width: 1440px) { .media-list.detail-style li.sc-home-video { height: 132px; } /*2019-05-24 详情页右侧信息响应式*/ /*勿动 !!!*/ .work-detail-info{ padding-top: 25px; } .details-wrap > li span{ font-size: 13px; } .details-wrap > li span > a.view-tutorial,.details-wrap > li span > a.view-tutorial-ad{ font-size: 13px; vertical-align: 1px; } .details-wrap > li span.newTextbox a{ max-width: 135px; line-height: 21px; } .details-wrap > li.getQYanthori .know-copyright{ font-size: 12px; } .details-wrap > li.getQYanthori .know-copyright i{ vertical-align: -1px; font-size: 14px; } .details-wrap > li.only-buy-area .only-buy-btn { font-size: 12px !important; } .work-info-wrap .collect-wrap{ line-height: 39px; } .details-wrap > li span.Prohibited{ font-size: 12px; } .details-wrap > li span.downFonts a{ font-size: 12px; } .details-wrap > li span.Reference{ font-size: 12px; } /*勿动 !!!*/ } /*2019-06-24 广告设计海报-新增预览视频选项*/ .detail-alink-ad{ width: 100%; height: 596px; position: absolute; top: 1054px; left: 0px; background: rgba(0,0,0,0.5); } .detail-alink-ad i.icon-bofang{ display: block; width: 190px; height: 190px; border: 10px solid rgba(255,255,255,1); font-size: 50px; color: #fff; border-radius: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; line-height: 170px; padding-left: 10px; } .detail-alink-ad i.icon-guanbi1{ color: #fff; position: absolute; top: 20px; right: 20px; } .detail-alink-ad p{ display: block; width: 100%; height: 20px; color: #fff; text-align: center; margin-top: 410px; font-size: 20px; } .alert-video-box{ z-index: 1002; background: rgba(0,0,0,0.5); } /* 横版 */ .alert-video-ad { width: 500px; height: 752px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8); -webkit-background-clip: padding-box; background-clip: padding-box; } .alert-video-ad video { width: 500px; height: 752px; border-radius: 6px; } .alert-video-ad .close-btn{ line-height: 18px; text-indent: 1px; font-size: 20px; border-width: 2px; background: rgba(0,0,0,0.7); } /* 竖版 */ .alert-video-version .alert-video-ad{ width: 860px; height: 484px; } .alert-video-version .alert-video-ad video { width: 860px; height: 484px; } /* 2019-09-27 ppt尺寸更改 */ .work-info-wrap .work-imgs .obj-PPT-wrap { display: block; width: 100%; height: 432px; margin-bottom: 10px; } .work-info-wrap .work-imgs .obj-PPT-wrap embed { width: 100%; height: 100%; } @media (max-width: 1440px) { .detail-alink-ad{ height: 495px; top: 873px; } .detail-alink-ad p{ margin-top: 356px; } .alert-video-ad { width: 400px; height: 600px; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.8); } .alert-video-ad video { width: 400px; height: 600px; } /* ppt响应 */ .work-info-wrap .work-imgs .obj-PPT-wrap { height: 365px; } } /* 视频定做按钮 */ .details-wrap .customize-btn { padding: 5px 18px; font-size: 14px; font-weight: 400; outline: 0; color: rgba(0, 0, 0, 1); vertical-align: top; border-radius: 18px; background: -webkit-gradient(linear, left top, right top, from(rgba(240, 214, 141, 1)), to(rgba(224, 191, 115, 1))); background: -webkit-linear-gradient(left, rgba(240, 214, 141, 1) 0%, rgba(224, 191, 115, 1) 100%); background: -o-linear-gradient(left, rgba(240, 214, 141, 1) 0%, rgba(224, 191, 115, 1) 100%); background: linear-gradient(90deg, rgba(240, 214, 141, 1) 0%, rgba(224, 191, 115, 1) 100%); } .details-wrap .customize-btn:hover { background: -webkit-gradient(linear, left top, right top, from(rgba(231, 205, 131, 1)), to(rgba(209, 177, 102, 1))); background: -webkit-linear-gradient(left, rgba(231, 205, 131, 1) 0%, rgba(209, 177, 102, 1) 100%); background: -o-linear-gradient(left, rgba(231, 205, 131, 1) 0%, rgba(209, 177, 102, 1) 100%); background: linear-gradient(90deg, rgba(231, 205, 131, 1) 0%, rgba(209, 177, 102, 1) 100%); } /* 兼容gif样机图片 */ .bt-body .bt-list a.jump-details > img { width: 100%; height: 100%; object-fit: contain; background: linear-gradient(to bottom, #f6f6f6 0, #f6f6f666 100%); } /* 单独购买授权按钮 */ .details-wrap > li.only-buy-area { height: 40px; margin-top: 10px; margin-bottom: 10px; } .details-wrap > li.only-buy-area:first-child { margin-top: 25px; } .details-wrap > li.only-buy-area:last-child { margin-bottom: 25px; } .details-wrap > li.only-buy-area .only-buy-btn { display: block; width: 100%; height: 100%; text-align: center; line-height: 40px; font-size: 14px; color: #1c1d21; background-image: linear-gradient(90deg, rgba(240, 214, 141, 1) 0%, rgba(224, 191, 115, 1) 100%); border-radius: 20px; padding: 0; margin: 0 auto; } .details-wrap > li.only-buy-area .only-buy-btn:hover { background-image: linear-gradient(90deg, rgba(231, 205, 131, 1) 0%, rgba(209, 177, 102, 1) 100%); } /* 2019-11-11 ppt视频播放样式 */ .work-info-wrap .work-imgs .ppt_wrap_video { width: 100%; height: 56%; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); margin-bottom: 10px; } .ppt_wrap_video #ppt_player { max-width: 100%; width: 100%; height: 0px; background: #fff; } .ppt_wrap_video .xgplayer-skin-default .xgplayer-start div svg { fill: hsla(0, 0%, 100%, 1); } /* 2019-12-25 增加plus icon */ .details-wrap>li .icon-plus-logo { display: block; float: left; width: 22px; height: 22px; background: url('//js.ibaotu.com/revision/plus/img/public/icon_plus_logo.png')center no-repeat; background-size: cover; margin: 6px 0px; }