@charset "UTF-8";
.down-fixed { display: none; position: fixed; background-color: #fff; left: 0; top: 0; z-index: 10; width: 100%; height: 76px; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1); }

.down-fixed-content { width: 1200px; margin: 0 auto; }

@media screen and (max-width: 1280px) { .down-fixed-content { width: 1002px; } }

.down-fixed-l { width: 600px; float: left; }

.down-fixed-l .item { float: left; font-size: 14px; margin: 17px 10px 0 0; line-height: 14px; }

.down-fixed-l .item .label { float: left; width: 60px; color: #999; text-align: justify; }

.down-fixed-l .item .label::after { content: ''; display: inline-block; width: 100%; }

.down-fixed-l .item .text { float: left; width: 200px; color: #666; margin-left: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.down-fixed-r { float: right; }

.down-fixed-r .favor { float: left; width: 54px; height: 54px; margin-top: 11px; background-image: url(//static.photophoto.cn/web/online/imgs/xingxing.png); background-repeat: no-repeat; }

.down-fixed-r .favor:hover { cursor: pointer; background-image: url(//static.photophoto.cn/web/online/imgs/xingxing-r.png); }

.down-fixed-r .handle-down { float: left; width: 300px; height: 54px; margin-left: 30px; margin-top: 11px; border-radius: 4px; background-color: #e02e2e; background: linear-gradient(135deg, #e34444 0%, #e02e2e 100%); color: #fff; line-height: 54px; text-align: center; font-size: 20px; }

.down-fixed-r .handle-down .iconfont { font-size: 26px; }

.down-fixed-r .handle-down:hover { cursor: pointer; background-color: #d64040; }

.hot-search { margin-top: 30px; }

.hot-search-title { font-size: 14px; color: #666; }

.hot-search .list { margin-top: 12px; width: 296px; border: 1px solid #f0f0f0; }

@media screen and (max-width: 1280px) { .hot-search .list { width: 240px; } }

.hot-search .list a { display: block; position: relative; height: 40px; line-height: 40px; padding: 0 14px; border-top: 1px solid #e6e6e6; color: #666; font-size: 14px; }

.hot-search .list a:first-child { border-top: none; }

.hot-search .list a .no { display: inline-block; margin-right: 13px; padding: 4px 6px; background-color: #ededed; font-weight: 700; color: #666; font-size: 12px; line-height: 12px; font-weight: 700; }

.hot-search .list a .text { display: inline-block; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }

@media screen and (max-width: 1280px) { .hot-search .list a .text { width: 100px; } }

.hot-search .list a .val { position: absolute; right: 14px; top: 0; color: #E02E2E; letter-spacing: 1px; }

.hot-search .list a .val::before { content: '\e69a'; font-family: 'iconfont'; color: #E02E2E; margin-right: 3px; }

.hot-search .list a:hover { color: #E02E2E; background-color: #fff9d9; }

.hot-search .list .first .no { background-color: #E02E2E; color: #fff; }

.hot-search .list .second .no { background-color: #E8762A; color: #fff; }

.hot-search .list .third .no { background-color: #E6BF25; color: #fff; }

.hot-search-row .list { width: 48%; }

.hot-down { width: 1200px; margin: 20px auto; }

.hot-down-title { font-size: 18px; font-weight: 700; }

.hot-down .list .Masonry-item { float: left; width: 285px; margin-left: 20px; }

.hot-down .list .Masonry-item:first-child { margin-left: 0; }

.hot-down .list .Masonry-item .Masonry-item-content .Masonry-item-box { height: 364px; width: 269px; display: table-cell; vertical-align: middle; text-align: center; }

.hot-down .list .Masonry-item .Masonry-item-content .Masonry-item-box img { width: auto; max-width: 269px; max-height: 364px; }

.swiper-tulong { position: relative; width: 1200px; margin: 20px auto; }

.swiper-tulong .content { width: 1100px; margin: 0 auto; vertical-align: middle; overflow-x: scroll; }

.swiper-tulong .content::-webkit-scrollbar { height: 0 !important; width: 0px !important; }

.swiper-tulong .content-swiper { font-size: 0; white-space: nowrap; }

.swiper-tulong .content-swiper .item { position: relative; display: inline-block; margin: 0 5px; height: 230px; background-color: #fff; background-image: url(https://static.9pic.cn/web/imgs/noimg-logo.png); background-position: center center; background-repeat: no-repeat; }

.swiper-tulong .content-swiper .item img { height: 230px; }

.swiper-tulong .content-swiper .item .brand { position: absolute; left: 0; top: 0; width: 52px; height: 52px; background-image: url(https://static.9pic.cn/web/imgs/index/shang.png); background-repeat: no-repeat; }

.swiper-tulong .content-swiper .item .tulong { height: 28px; width: 60px; background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 10px; top: 10px; border-radius: 6px; text-align: center; line-height: 28px; }

.swiper-tulong .content-swiper .item .tulong::before { content: '图龙'; font-size: 14px; color: #fff; }

.swiper-tulong .arrow { position: absolute; top: 0; line-height: 230px; font-size: 32px; padding: 0 3px; }

.swiper-tulong .arrow:hover { cursor: pointer; background-color: #ebebeb; border-radius: 6px; }

.swiper-tulong .prev { left: 0; }

.swiper-tulong .prev::before { content: '<'; }

.swiper-tulong .next { right: 0; }

.swiper-tulong .next::before { content: '>'; }

.other-source { width: 1200px; margin: 30px auto; }

.other-source-title { font-size: 12px; font-weight: 500; }

.other-source-title .other-source-handle:hover { cursor: pointer; color: #e02e2e; }

.other-source-title .iconfont { display: inline-block; font-size: 12px; transform: scale(0.6); }

.other-source-list { display: none; margin-top: 10px; }

.other-source-list a { display: inline-block; margin: 5px 0 0 15px; font-size: 14px; }

.other-source-active .other-source-title .iconfont { transform: rotate(180deg); }

.other-source-active .other-source-list { display: block; }

.download h1 { width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.tag-box { max-height: 400px; overflow: hidden; }

.image-desc-tag { height: 60px; overflow: hidden; line-height: 20px; }

.imgfree { position: absolute; left: 0; top: 0; background-image: url(//static.photophoto.cn/web/online/imgs/detail-free.png); background-repeat: no-repeat; width: 125px; height: 125px; }

.gpt-related { width: 1200px; margin: 0 auto; padding-bottom: 30px; }

.gpt-related a, .gpt-related div { box-sizing: border-box; }

@media screen and (max-width: 1280px) { .gpt-related { width: 1002px; } }

.gpt-related-title { font-size: 22px; font-weight: 700; text-indent: 30px; margin-top: 30px; }

.gpt-related .list .item { width: 22%; float: left; margin-left: 4%; background-color: #fff; padding: 6px; margin-top: 20px; }

.gpt-related .list .item:nth-child(4n+1) { margin-left: 0; }

.gpt-related .list .item .img { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; height: 150px; background-color: #E8EAED; }

.gpt-related .list .item .title { height: 40px; margin: 6px; font-size: 14px; font-weight: 700; overflow: hidden; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; text-align: center; }
/*# sourceMappingURL=detail.min.css.map */