@charset "utf-8"; /*------------------- *Description: By www.yiwuku.com *Website: https://app.zblogcn.com/?id=27605 *Author: 尔今 erx@qq.com *update: 2021-12-22(Last:2023-03-20) -------------------*/ /* -- erx:Global -- */ *{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} i, em{font-style:normal;} ul{list-style:none;} img{border:0;max-width:100%;} input, textarea{outline:none;vertical-align:middle;} body{color:#333;font-size:14px;font-family:"Microsoft YaHei","STHeiti Light","Trebuchet MS", Tahoma, Arial, sans-serif;background-color:#fafafa} body.index{background:#fff;} a{color:#222;text-decoration:none;transition:all .3s linear;} a:hover{color:#f60;} .erx-wrap{width:1200px;max-width:94%;margin:0 auto;} .erx-flex, .erx-rec-list .erx-flex, .erx-home-apps .erx-flex.erx-m-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .erx-m-bot{margin-bottom:20px;} .erx-tct{text-align:center;} .erx-reh, .erx-pic-box, .erx-s-pics li{position:relative;overflow:hidden;} a.hot, a.new, .erx-app-title.hot h1{position:relative;} a.hot::after, a.new::after, .erx-app-title.hot h1::after{content:'H';position:absolute;top:-8px;right:-12px;width:16px;height:16px;line-height:16px;color:#fff;font-size:12px;font-weight:normal;text-align:center;background:#f30;border-radius:50%;animation:rotate 2s linear infinite;} a.new::after{content:'N';background:#3ec9b9;animation:rotate 2.3s linear infinite;} .erx-fs{overflow:hidden;} .erx-fs > img, .erx-fs > a > img{display:block;width:100%;} .erx-nowrap, .erx-nowrap a, .erx-nowrap span, .erx-nowrap strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .erx-pic-box{height:0;border-radius:1em;} .erx-cover-pic a img{position:absolute;top:0;left:0;width:100%;height:100%;} /* -- erx:Head -- */ .erx-top-nav{border-top:5px #111 solid;background:#fff;box-shadow:0 5px 9px 0 rgb(0 0 0 / 12%);} .erx-logo{max-width:240px;max-height:100px;padding:15px 0;white-space:nowrap;overflow:hidden;} .erx-logo a{color:#f60;font-size:2.2em;font-weight:bold;letter-spacing:2px;} .erx-menu > li{position:relative;z-index:999;} .erx-menu > li > a{display:inline-block;margin-top:-5px;font-size:1.25em;line-height:90px;padding:0 1em;border-top:5px transparent solid;} .erx-menu > li > a > i{display:inline-block;width:0;height:0;margin:-2px -8px 0 4px;border:4px transparent solid;border-top-color:rgba(0,0,0,.2);} .erx-menu > li > a:hover > i{border-top-color:rgba(0,0,0,.48);} .erx-menu > li > a:hover, .erx-menu > li.cu > a{color:#f60;border-top-color:#f60;} .erx-menu li ul{display:none;position:absolute;top:100%;left:0;min-width:100%;line-height:38px;background:#fff;border-radius:0 0 5px 5px;box-shadow:0 9px 9px #999;} .erx-menu li li a{display:block;font-size:14px;text-align:center;white-space:nowrap;border-bottom:1px rgba(0,0,0,.08) solid;padding:0 15px;} .erx-menu li li:last-child a{border-bottom:0;} .erx-menu.blur{filter:blur(3px);pointer-events:none;opacity:.5;} .erx-search-form{position:relative;width:180px;height:34px;margin-left:30px;z-index:999;} .erx-search-form .sint{position:absolute;top:0;right:0;width:100%;height:100%;border:0;background:#f6f6f6;padding:0 20px;box-sizing:border-box;border-radius:20px;transition:all .3s linear;} .erx-search-form .sint:focus{width:150%;background:#fff;box-shadow:0 0 8px #888;} .erx-search-form .sint:focus + .sbtn i{border-color:#f60;} .erx-search-form .sint:focus + .sbtn i::after{background:#f60;} .erx-search-form .sbtn{position:absolute;top:8px;right:8px;background:none;border:0;cursor:pointer;} .erx-search-form .sbtn i{position:relative;display:inline-block;width:12px;height:12px;border:2px #ddd solid;border-radius:50%;cursor:pointer;transition:all .3s linear;} .erx-search-form .sbtn i::after{content:'';position:absolute;right:-3px;bottom:-2px;width:4px;height:2px;background:#ddd;transform:rotate(45deg);transition:inherit} .erx-mb-nav-ctrl{display:none;} /* -- erx:List -- */ .erx-home-rec{position:relative;margin-bottom:12px;padding:15px 50px;border:1px #ffb996 solid;box-sizing:border-box;} .erx-home-rec .nothing{min-height:148px;} .erx-rec-ctrl span{position:absolute;top:0;left:0;width:2em;height:100%;color:#bbb;font-size:1.2em;background:#eee;cursor:pointer;text-shadow:-1px -1px 0 #fff, 1px 1px 0 #fff;padding:0 5px;border:1px #fff solid;transition:all .3s linear;box-sizing:border-box;} .erx-rec-ctrl span::before{content:'';display:inline-block;width:3px;height:3px;margin:15px 0 0;border:5px rgba(255,255,255,.5) dotted;} .erx-rec-ctrl span:last-child{left:auto;right:0;} .erx-rec-ctrl span.cu{color:#fff;font-weight:bold;background:#ffb996;text-shadow:none;padding:0 5px;} .erx-rec-list ul{display:none;} .erx-rec-list li{width:9%;} .erx-rec-list li a div{width:90%;margin:0 auto;padding-top:90%;} .erx-rec-list li a span{display:block;padding:9px 0 0;} .erx-rec-list li a img{transition:all .5s linear;} .erx-rec-list li a:hover img{transform:rotateY(360deg);} .erx-home-tag dl{display:flex;align-items:center;border-bottom:1px #eee solid;padding:1em 0;} .erx-home-tag dt{font-size:1.2em;font-weight:bold;white-space:nowrap;} .erx-home-tag dt::after, .erx-pagenow::before{content:'';display:inline-block;margin:0 12px 0 9px;width:6px;height:6px;border:0 #ddd dotted;border-width:3px 3px 0 0;transform:rotate(45deg);} .erx-home-tag dd a:not(:first-child)::before, .erx-m-tit p .c a:not(:first-child)::before, .erx-news-list li .info span:not(:first-child)::before, .erx-special-top .info span:not(:first-child)::before{content:'';display:inline-block;width:1px;height:12px;margin:-2px 12px 0;background:#ddd;vertical-align:middle;} .erx-home-focus{align-items:stretch;} .erx-home-focus a img{transition:all .3s linear;} .erx-home-focus a:hover img{transform:scale(1.1);} .erx-home-slider{width:40.5%;} .erx-home-swiper{border-radius:6px;} .erx-home-swiper a{display:block;padding-top:60%;overflow:hidden;} .erx-home-swiper strong{position:absolute;bottom:0;left:0;width:100%;color:#fff;font-size:1.25em;padding:5em 1em 1em;background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.99) 99%, #000 100%);box-sizing:border-box;} .erx-home-swiper .swiper-pagination{bottom:3px;text-align:right;padding-right:3px;box-sizing:border-box;} .erx-home-swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px 0 0;background:#fff;border-radius:0;cursor:pointer;} .erx-home-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#f60;} .erx-home-hold li{width:48%;} .erx-home-hold li a{border-radius:6px;overflow:hidden;} .erx-home-hold li div{padding-top:60%;} .erx-home-hold li a span{font-size:12px;background:rgba(0,0,0,.8);} .erx-home-news{width:38%;padding:.3em 1.5em 0;background:#fafafa;border-radius:6px;box-sizing:border-box;} .erx-home-news li a{display:block;font-size:1.15em;border-top:1px #eee dashed;padding:.5em 0;} .erx-home-news li a:hover{text-indent:3px;} .erx-home-news li:first-child a, .erx-home-news li:nth-child(7) a{color:#f60;font-size:1.5em;font-weight:bold;border-top:0;} .erx-home-news li:first-child a::after{display:none;} .erx-home-news li:nth-child(2) a{color:#f60;font-size:1.35em;} .erx-home-news li:nth-child(7) a{margin-top:-.3em;} .erx-home-news li:first-child a:hover, .erx-home-news li:nth-child(2) a:hover, .erx-home-news li:nth-child(7) a:hover{color:#f30;} .erx-home-news li:last-child a{padding-bottom:0;} .erx-home-rank{position:relative;width:18.5%;} .erx-home-rank dt{border-radius:6px;overflow:hidden;} .erx-home-rank dt:nth-child(2){margin-top:9px;} .erx-home-rank dt a, .erx-home-hold li a{position:relative;display:block;} .erx-home-rank dt a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.6) 90%, rgba(0,0,0,.9) 100%);z-index:0;} .erx-home-rank dt div{padding-top:60%;} .erx-home-rank dt span{position:absolute;bottom:.5em;left:0;width:100%;max-height:3em;line-height:1.5;color:#fff;transition:all .3s linear;padding:0 1em 0 1.5em;box-sizing:border-box;z-index:1;overflow:hidden;} .erx-home-rank dd a{position:relative;width:48%;line-height:36px;margin-top:8px;color:#ffb996;font-size:1.1em;background:rgba(255,102,0,.1);box-sizing:border-box;border-radius:3px;text-shadow:-1px -1px 0 #fff, 1px 1px 0 #fff;padding:0 5px;} .erx-home-rank dd a::before, .erx-home-rank dd a::after{content:'';position:absolute;top:-62%;right:-62%;width:100%;height:100%;background:rgba(255,102,0,.05);transform:rotate(45deg);box-shadow:0 3px 6px rgba(255,255,255,.5);} .erx-home-rank dd a::before{top:auto;right:auto;left:-61.5%;bottom:-61.5%;box-shadow:0 -3px 6px rgba(255,255,255,.5);} .erx-home-rank dd a:nth-child(1), .erx-home-rank dd a:nth-child(4), .erx-home-rank dd a:nth-child(5), .erx-home-rank dd a:nth-child(8){color:#ff7856;background:rgba(255,51,0,.15);} .erx-home-rank dd a:hover{color:#fff;background:#ffb996;text-shadow:none;} .erx-home-ts{padding:0 0 8px;} .erx-home-ts li{width:32%;margin-bottom:1em;font-size:1.2em;} .erx-home-ts li a{display:flex;align-items:center;border:1px #eaeaea solid;padding:.5em;} .erx-home-ts li a:hover{border:1px #ffb996 solid;} .erx-home-ts li .p{width:40px;min-width:40px;padding-top:40px;margin-right:.6em;height:0;} .erx-home-ts li .t strong{display:inline-block;max-width:20em;font-weight:normal;} .erx-home-ts li .t span{display:block;max-width:26em;color:#999;font-size:12px;padding:5px 0 0;} .erx-home-ts li a i{position:absolute;top:0;right:0;height:100%;color:#fff;font-size:12px;width:1em;padding:12px 5px 0 7px;background:#ffb996;white-space:normal;opacity:0;transition:all .2s linear;} .erx-home-ts li a:hover i{opacity:1;} .erx-m-tit{align-items:flex-end;} .erx-m-tit h3{font-size:1.5em;} .erx-m-tit h3::before, .erx-cate-main h1::before, .erx-apps-hat h1::before, .erx-special-hat h1::before{content:'';display:inline-block;width:.85em;height:.85em;margin:0 9px -2px 0;border:.38em #ddd dotted;border-top-color:#ffb996;border-left-color:#ffb996;box-sizing:border-box;} .erx-m-tit h3::after, .erx-m-tit p::after{content:'';display:block;width:100%;height:5px;margin-top:9px;background:#eee;border-radius:3px;} .erx-m-tit h3::after{background:#ffb996;} .erx-m-tit p{flex:1 1 auto;margin-left:1.5em;} .erx-m-tit p .f a{position:relative;margin-left:.5em;padding:2px 12px;} .erx-m-tit p .f a::after{position:absolute;top:0;left:0;content:'';display:inline-block;width:100%;height:100%;background:#f2f2f2;transform:skewX(-15deg);border-radius:2px;z-index:-1;} .erx-m-tit p .f a.cu{color:#fff;} .erx-m-tit p .f a.cu::after{background:#ffb996;} .erx-m-tit .more, .erx-s-tit .more{opacity:.5;} .erx-m-tit .more::after, .erx-s-tit .more::after{content:'+';display:inline-block;width:12px;height:12px;line-height:11px;margin:-2px 0 0 5px;color:#ffb996;border:1px #ffb996 solid;border-radius:3px;vertical-align:middle;} .erx-home-special .item{width:15%;margin-bottom:1.5em;} .erx-home-special .item a{display:block;padding-top:68%;border-radius:6px;} .erx-home-special .item a:hover{transform:translateY(-3px);} .erx-home-special .item a span, .erx-home-hold li a span{position:absolute;bottom:0;left:0;width:100%;line-height:30px;color:#fff;background:rgba(0,0,0,.7);transition:all .3s linear;padding:0 1em;box-sizing:border-box;} .erx-home-special .item a:hover span{background:rgba(255,102,0,.9);} .erx-home-apps .erx-m-list{display:none;} .erx-m-list{width:100%} .erx-m-list li{width:11.5%;margin-bottom:1.5em;} .erx-m-list li a{display:block;border:1px #eee solid;padding:1em .5em;border-radius:3px;} .erx-m-list li a:hover{box-shadow:0 0 15px 0 rgb(0 0 0 / 20%);border-color:#fff;transform:translateY(-3px);} .erx-m-list li a span{display:block;} .erx-m-list li a div{width:72.8%;margin:0 auto;padding-top:72.8%;} .erx-m-list li a span{padding:9px 0 12px;} .erx-m-list li a em{display:inline-block;color:#f60;font-size:.8em;border:1px #f60 solid;padding:2px 9px;border-radius:3px;transition:all .3s linear} .erx-m-list li a:hover em{color:#fff;background:#f60;} /* -- erx:List -- */ .erx-m-box{background:#fff;border-radius:6px;padding:1.5em;box-sizing:border-box;box-shadow:0 0 20px 0 rgb(0 0 0 / 8%);} .erx-pagenow{opacity:.5;} .erx-pagenow::before{margin:0 6px 0 -3px;border-color:#bbb;} .erx-pagenow i{display:inline-block;width:6px;height:6px;margin:0 9px 1px 8px;border:0 #bbb solid;border-width:1px 1px 0 0;transform:rotate(45deg);} .erx-cate-wrap, .erx-detail-wrap, .erx-special-wrap{align-items:flex-start;} .erx-cate-main, .erx-detail-main{width:72%;} .erx-cate-main h1, .erx-apps-hat h1, .erx-special-hat h1{font-size:1.8em;} .erx-cate-main .hat{margin:1em 0 1.5em;padding:inherit;background:#fafafa;border-radius:6px;} .erx-cate-main .hat .csort a, .erx-apps-hat .csort a, .erx-special-hat .csort a{display:inline-block;margin:0 1em .5em 0;white-space:nowrap;color:#fff;background:#ffb996;padding:.4em 1.5em;border-radius:3px;} .erx-cate-main .hat .csort a:hover, .erx-apps-hat .csort a:hover, .erx-special-hat .csort a:hover{background:#f60;} .erx-cate-main .hat .intro, .erx-apps-hat .intro, .erx-special-hat .intro{line-height:1.8;opacity:.7;} .erx-news-list li{display:flex;margin-bottom:2em;} .erx-news-list li .p{width:25%;padding-top:20%;border-radius:0;} .erx-news-list li .p a{position:absolute;top:0;left:0;width:100%;background:#f8f8f8;} .erx-news-list li .p a img{display:block;margin:0 auto;} .erx-news-list li .t{width:80%;padding-left:1.5em;box-sizing:border-box;} .erx-news-list li .tit i, .erx-apps-list li .tit i, .erx-special-list li .tit i{display:inline-block;font-size:12px;font-weight:normal;color:#f60;height:18px;line-height:18px;border:1px solid #f60;border-radius:3px;margin:-2px 6px 0 0;padding:0 3px;vertical-align:middle;} .erx-news-list li .tit a{font-size:1.25em;font-weight:bold;} .erx-news-list li .des{max-height:5.4em;line-height:1.8;margin:.5em 0 1em;opacity:.7;overflow:hidden;} .erx-news-list li .info span{font-size:12px;opacity:.7;} .erx-pagebar{text-align:center;padding:20px 0;} .erx-pagebar .page, .erx-pagebar .now-page{display:inline-block;color:#666;padding:8px 12px;margin:4px;border:1px solid #eee;background:#fff;border-radius:3px;} .erx-pagebar .now-page{color:#fff;font-weight:bold;background:#ffb996;border-color:#ffb996;} .erx-pagebar a:hover .page{color:#f60;border:1px solid #f60;} /* -- erx:Applist -- */ .erx-apps-hat h1, .erx-special-hat h1{margin-bottom:.35em;} .erx-apps-list li{position:relative;width:32%;margin-bottom:2%;display:flex;flex-wrap:wrap;overflow:hidden;transition:all .3s linear;transform:translateY(0);} .erx-apps-list li:hover, .erx-special-list li:hover{transform:translateY(-3px);box-shadow:0 0 20px 0 rgb(0 0 0 / 30%);} .erx-app-top::after, .erx-app-top::before, .erx-apps-list li.item::after, .erx-apps-list li.item::before{content:'';position:absolute;top:-30%;right:-50%;width:82%;height:0;padding-top:70%;border-radius:50%;background:linear-gradient(to right, rgba(255,102,0,.04) 0%, transparent 50%, transparent);} .erx-app-top::before, .erx-apps-list li.item::before{right:-45%;} .erx-apps-list li.istop::after, .erx-apps-list li.today::after, .erx-apps-list li.hot::after{content:'';position:absolute;bottom:-6%;right:-10%;width:120%;height:0;border-top:.5em rgba(255,102,0,.09) solid;border-bottom:3.5em rgba(255,102,0,.04) solid;transform:rotate(-6deg);z-index:-1;} .erx-apps-list li.today::after{border-top-color:rgba(1,168,148,.09);border-bottom-color:rgba(1,168,148,.04);} .erx-apps-list li.hot::after{border-top-color:rgba(255,30,0,.09);border-bottom-color:rgba(255,30,0,.04);} .erx-apps-list li .p{width:32%;display:block;padding-top:32%;box-shadow:0 0 6px 0 #fff;} .erx-apps-list li .tit{width:100%;margin-bottom:1em;} .erx-apps-list li .tit, .erx-special-list li .tit{font-size:1.2em;font-weight:bold;} .erx-apps-list li .t{width:68%;padding:0 0 0 1em;box-sizing:border-box;} .erx-apps-list li .t span{display:block;padding:0 0 .5em;opacity:.8;} .erx-apps-list li .t .slogan{height:3em;line-height:1.5;margin-bottom:.5em;padding:0;overflow:hidden;} .erx-apps-list li .t .into{position:absolute;bottom:0;right:0;font-size:12px;color:#fff;background:#ffb996;padding:8px 15px;border-radius:8px 0 8px 0;transition:all .3s linear;z-index:8;} .erx-apps-list li:hover .t .into{background:#f60;} .erx-apps-list li .into i, .erx-article .app .into i, .erx-down-btn a i{position:relative;display:inline-block;width:12px;height:3px;margin:0 8px 0 0;border:1px #fff solid;border-top:0;vertical-align:bottom;} .erx-apps-list li .into i::before, .erx-apps-list li .into i::after, .erx-article .app .into i::before, .erx-article .app .into i::after, .erx-down-btn a i::after, .erx-down-btn a i::before{content:'';position:absolute;} .erx-apps-list li .into i::before, .erx-article .app .into i::before, .erx-down-btn a i::before{top:-9px;left:4px;width:4px;height:1px;border:0 #fff double;border-width:3px 0;} .erx-apps-list li .into i::after, .erx-article .app .into i::after, .erx-down-btn a i::after{left:2px;top:-3px;border:4px transparent solid;border-top-color:#fff;} .erx-apps-list::after{content:'';width:32%;height:0;} /* -- erx:Speciallist -- */ .erx-special-list li{width:23.5%;margin-bottom:2%;transition:all .3s linear;border:1px #eee solid;padding:0 0 1.5em;} .erx-special-list li .tit{display:block;margin:15px;} .erx-special-list li .p{display:block;padding-top:60%;border-radius:0;} .erx-special-list li .p img{border-radius:3px 3px 0 0;} .erx-special-list li .p span{position:absolute;bottom:5%;right:0;color:#fff;font-size:12px;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:3px 0 0 3px;} .erx-special-list li .des{height:4.75em;margin:.5em 15px;line-height:1.6;color:#999;overflow:hidden;} .erx-special-list li .into{display:block;width:52%;line-height:2.2em;margin:1.5em auto 0;color:#ffb996;border:1px #ffb996 solid;border-radius:3px;transition:all .3s linear} .erx-special-list li:hover .into{color:#fff;background:#f60;border-color:#f60;} .erx-special-list::after{content:'';width:23.5%;height:0;} /* -- erx:Article -- */ .erx-article{position:relative;padding:2.5em;} .erx-article > h1{margin-bottom:.6em;font-size:2em;text-align:center;} .erx-page > h1{border-bottom:1px #eee solid;padding-bottom:20px;} .erx-article .i{margin-bottom:2em;border-bottom:1px #ddd solid;padding:0 0 1em;opacity:.5;} .erx-article .i > span{margin:0 1em;} .erx-article .con{line-height:1.88;font-size:1.15em;text-align:justify;word-wrap:break-word;overflow:hidden;} .erx-article .con *{max-width:100%;} .erx-article .con p{margin:0 0 1.1em;} .erx-article .con ol{margin-left:2em;} .erx-article .con a{text-decoration:underline;text-decoration-style:dotted;} .erx-article .con blockquote{font-size:14px;background:#f6f6f6;padding:15px;border:4px transparent solid;border-left-color:#ddd;} .erx-article .con pre{font-size:12px;} .erx-article .con h2, .erx-article .con h3, .erx-article .con h4, .erx-article .con h5, .erx-article .con h6{margin:0 0 1em;font-size:1.1em;background:linear-gradient(to right, rgba(0,0,0,.06), transparent);padding:.2em 1em;border-left:3px #ffb996 solid;} .erx-article .con h4, .erx-article .con h5{font-size:1em;} .erx-article .con h6{font-size:.8em;} .erx-article .con table{width:100%;margin:1em auto;} .erx-article .con table th, .erx-article .con table td{line-height:2.2;font-size:14px;border:1px #666 solid;padding:3px 5px 3px 9px;} .erx-article .con table p{margin:0;font-size:inherit;} .erx-article .erx-has-tip > p:last-child{font-size:14px;} .erx-article .erx-has-tip > p:last-child::before{content:'';display:block;width:100px;height:1px;margin:5px 0 9px;background:#ddd;} .erx-app-article .erx-has-tip > p:last-child{position:relative;background:#f6f6f6;padding:1em 3em;opacity:.8;overflow:hidden;} .erx-app-article .erx-has-tip > p:last-child::before, .erx-app-article .erx-has-tip > p:last-child::after{position:absolute;line-height:1;font-size:3em;font-family:SimHei, '\82F9\679C\4E3D\4E2D\9ED1';opacity:.2;} .erx-app-article .erx-has-tip > p:last-child::before{content:'“';top:.2em;left:-.3em;width:auto;height:auto;margin:0;background:none;} .erx-app-article .erx-has-tip > p:last-child::after{content:'”';bottom:-.3em;right:-.3em;} .erx-article .tags{margin-top:15px;text-align:right;font-size:14px;} .erx-article .tags a{margin-left:1em;opacity:.58;} .erx-article .tags a::before{content:'#';} .erx-article .app{margin:.5em 0 1.5em;border:1px #ffb996 solid;padding:1.5em;background-color:#fff2e7;background-size:5px 5px;background-image:linear-gradient( -45deg, rgba(255, 255, 255, .6) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, .6) 75%,transparent 75%, transparent);border-radius:3px;} .erx-article .app .pic{width:10%;} .erx-article .app .pic img{display:block;border-radius:1em;} .erx-article .app .txt{width:88%;} .erx-article .app .txt p{line-height:1.8;} .erx-article .app .tit{font-size:1.2em;} .erx-article .app .txt p span{margin-right:1.5em;opacity:.5;} .erx-article .app .into{color:#fff;background:#ffb996;padding:8px 25px;border-radius:6px;} .erx-article .app .into:hover{background:#f60;} .erx-article .app .into i{margin-bottom:2px;} .erx-article .p{margin-top:15px;padding:1em 0;background:linear-gradient(to right, transparent 0%, #f6f6f6 40%, #f6f6f6 60%, transparent 100%);} .erx-article .p > span{line-height:1.2;display:block;width:50%;} .erx-article .p .next{text-align:right;} .erx-article .prev::before, .erx-article .next::after{content:'';display:inline-block;width:15px;height:15px;border:0 #eee solid;vertical-align:middle;} .erx-article .prev::before{margin-left:5px;border-width:3px 0 0 3px;transform:rotate(-45deg);} .erx-article .next::after{margin-right:5px;border-width:3px 3px 0 0;transform:rotate(45deg);} .erx-article .p span a{display:inline-block;max-width:90%;vertical-align:middle;} .page .erx-detail-main{width:100%;} .erx-detail-rec li{width:12%;margin:.6em 0;} .erx-detail-rec li a div{width:82%;padding-top:82%;} .erx-detail-related li{width:48%;margin:.5em 0 1em;} .erx-detail-related li:not(.has_p){margin:0;padding:.6em 0;border-top:1px #eee dashed;} .erx-detail-related li:not(.has_p)::before{content:'';display:inline-block;width:4px;height:4px;margin:-3px 5px 0 0;background:#ddd;vertical-align:middle;} .erx-detail-related li.has_p a{display:flex;} .erx-detail-related li .p{width:40%;padding-top:25%;border-radius:0;} .erx-detail-related li .t{width:60%;box-sizing:border-box;padding-left:1em;} .erx-detail-related li .des{height:5em;line-height:1.68;margin-top:5px;color:#999;font-size:12px;overflow:hidden;} .erx-special-top{background:#fff;padding:1.5% 0;} .erx-special-top .erx-wrap{align-items:flex-start;} .erx-special-top .p{width:40%;} .erx-special-top .p img{border:1px #eee solid;padding:1em;box-sizing:border-box;} .erx-special-top .t{width:58%;} .erx-special-top .info{margin:1em 0;opacity:.8;} .erx-special-top .info em{color:#f30;font-size:20px;font-weight:bold;margin:0 5px;} .erx-special-top .des{line-height:1.8;opacity:.8;} .erx-special-apps li .tit, .erx-app-logo img{display:block;} .erx-special-apps li .t .into{bottom:1.5em;border-radius:20px 0 0 20px;} .erx-apps-list li.item::after, .erx-apps-list li.item::before{top:-35%;margin-right:10%;padding-top:82%;} .erx-app-top > div, .erx-apps-list li > a, .erx-apps-list li .t a, .erx-apps-list li .t span{position:relative;z-index:8;} .erx-app-top h1, .erx-special-top h1{font-size:2em;} .erx-app-slogan{margin-top:.3em;font-size:1.1em;opacity:.5;} .erx-app-title .author{font-size:12px;opacity:.3;} .erx-app-title .author a{margin:0 3px;} .erx-app-data{align-items:flex-start;margin:1.5em 0 0;} .erx-app-logo{max-width:150px;border-radius:15px;overflow:hidden;} .erx-app-items{width:60%;} .erx-app-items li{width:50%;margin-bottom:.6em;} .erx-app-items li em{margin-right:3px;opacity:.6;} .erx-app-items .tags, .erx-app-items .links{width:100%;} .erx-app-items .tags a{display:inline-block;margin:0 9px 6px 0;color:#888;font-size:12px;background:#f6f6f6;padding:4px 8px;} .erx-app-items .tags a:hover{color:#fff;background:#ffb996;border-color:#ffb996;} .erx-app-items .links{white-space:nowrap;} .erx-app-items .links a{display:inline-block;margin:.5em 1em 0 0;color:#fff;font-size:1.2em;padding:8px 25px;background:linear-gradient(to right, #23c268, #25d973);box-shadow:0 5px 8px 0 rgb(35 194 104 / 25%);border-radius:30px;} .erx-app-items .links a:first-child{padding:12px 30px;} .erx-app-items .links .da2{background:linear-gradient(to right, #2c4efd, #0490f9);box-shadow:0 5px 8px 0 rgb(6 143 249 / 25%);} .erx-app-items .links .da3{background:linear-gradient(to right, #9c7ebb, #ad90cc);box-shadow:0 5px 8px 0 rgb(173 144 204 / 25%);} .erx-app-items .links .none{background:#bbb;box-shadow:none;} .erx-app-items .links a:hover{opacity:.8;} .erx-app-items .links a i{margin-bottom:3px;} .erx-app-qr{opacity:0;transition:all .3s linear;} .erx-app-qr.erx-show{opacity:1;} .erx-app-qr .t{width:90px;font-size:12px;opacity:.6;} .erx-app-tit{position:relative;margin-bottom:1.5em;} .erx-app-tit h2{color:#fff;font-size:1.15em;background:linear-gradient(to right, #ffb996, transparent);padding:.6em .5em .6em 1em;} .erx-app-tit h2::before{content:'';position:absolute;top:0;right:100%;margin-right:-2px;width:2px;height:100%;border:0 #ffb996 double;border-width:0 6px;opacity:.3;} .erx-app-swiper{width:100%;margin:20px auto;} .erx-app-swiper .swiper-slide{background:#eee;padding-top:46%;} .erx-app-swiper .erx-app-video{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;overflow:hidden;} .erx-app-swiper .swiper-slide video{width:auto;height:100%;} .erx-app-swiper .swiper-pagination-fraction{color:#fff;text-shadow:0 0 1px #333;} .vertical-mode .swiper-slide{padding-top:50%;} /* -- erx:Sidebar -- */ .erx-sidebar{width:26%;} .erx-side-box:last-child{margin-bottom:0;} .erx-s-tit{margin-bottom:1.2em;border-bottom:#eee 1px solid;padding:0 0 .8em;} .erx-s-tit h3{position:relative;font-size:1.35em;font-weight:normal;} .erx-s-tit h3::before{content:'';display:inline-block;width:1em;height:1em;margin:-3px .5em 0 0;border:3px #ffb996 double;border-radius:6px 9px;box-sizing:border-box;vertical-align:middle;transform:rotate(45deg);} .erx-s-tit h3::after{content:'';position:absolute;top:8px;left:9px;width:12px;height:1px;border:0 #ffb996 double;border-width:5px 0;background:#fff;} .erx-s-tit.t2 h3::after{top:9px;height:3px;border-style:solid;border-width:3px 0;} .erx-s-tit.t3 h3::after{top:7px;left:10px;width:1px;border:5px #ffb996 dotted;} .erx-side-box li{margin-top:1.2em;} .erx-s-list{margin:-.8em 0 -.6em;} .erx-s-list li{margin-top:0;} .erx-s-list li a{display:block;padding:.6em 0;border-bottom:#eee 1px solid;} .erx-s-list li:last-child a{border-bottom:0;} .erx-s-list li a::before{content:'';display:inline-block;width:4px;height:4px;margin:-3px 5px 0 0;background:#ddd;vertical-align:middle;} .erx-s-pics li .p{padding-top:60%;} .erx-s-pics li .p a{position:absolute;top:0;left:0;width:100%;height:100%;} .erx-s-pics li .p a img{min-height:100%;margin:0 auto;transition:all .3s linear} .erx-s-pics li .p a:hover img{transform:scale(1.1);} .erx-s-pics li .t{position:absolute;right:0;bottom:0;width:100%;background:rgba(0,0,0,.7);} .erx-s-pics li .t a{display:block;color:#fff;padding:.5em 1em;} .erx-s-apps li{display:flex;} .erx-s-apps li .p{width:30%;padding-top:30%;} .erx-s-apps li .t{width:70%;padding-left:1em;box-sizing:border-box;} .erx-s-apps li .tit{font-size:1.2em;} .erx-s-apps li .des{max-height:2.6em;margin:.5em 0 .8em;font-size:12px;opacity:.7;overflow:hidden;} .erx-s-apps li .tag a{display:inline-block;margin:0 .5em .5em 0;font-size:12px;white-space:nowrap;height:24px;line-height:24px;border-radius:3px;background:#eee;padding:0 5px;opacity:.5;} /* -- erx:Foot -- */ .erx-flinks fieldset{border:0;border-top:3px #ffb996 solid;padding:.5em 1.5em 1em;background:#fbfbfb;border-radius:0 0 3px 3px;} .erx-flinks legend{font-size:1.25em;font-weight:bold;padding:0 .3em} .erx-flinks legend::before, .erx-flinks legend::after{content:'∞';display:inline-block;margin:-6px .3em 0;color:#ddd;vertical-align:middle;} .erx-flinks li{display:inline-block;margin:.4em 1em .4em 0;} .erx-flinks .t li{opacity:.7;} .footer{margin-top:35px;line-height:2;color:#999;font-size:12px;background:#f2f2f2;padding:30px 0;} .footer a{color:#999;} .footer a:hover{text-decoration:underline;} .footer .info{min-width:60%;} .footer .f-logo{margin-bottom:.8em;border-bottom:1px #dedede solid;padding-bottom:.6em;} .footer .f-logo img{max-height:50px;opacity:.5;} .erx-qrcode img{width:90px;height:90px;background:rgba(255, 255, 255, .8);padding:5px;} a.erx-gotop{display:none;position:fixed;right:50%;bottom:22%;height:40px;line-height:40px;margin-right:-700px;color:#fff;font-family:Arial;text-align:center;background:#ccc;padding:0 9px;border:3px #eee solid;border-radius:50px;} a.erx-gotop.active{display:inline-block;} .erx-gotop:hover{background:#bbb;} @keyframes rotate{ from{transform:scale(.8) rotateY(0deg)} to{transform:scale(.8) rotateY(359deg);} } /* -- erx:Comment -- */ .reply-items, #divCommentPost{margin-top:20px;} .reply-items .con{position:relative;padding:10px 0 10px 95px;} .reply-items .msgarticle{line-height:1.8;margin:-8px 0 12px;text-align:justify;word-break:break-all;overflow:hidden;} .reply-items .reply-items{margin:15px 0 0;background:rgba(0,0,0,.025);padding:15px;border-radius:0;box-shadow:none;} .reply-avatar{position:absolute;top:5px;left:0;border-right:1px #eee dashed;padding-right:20px;} .reply-avatar img{width:48px;height:48px;border-radius:50%;} .reply-info{font-size:12px;opacity:.68;} .reply-info > span:first-child{font-weight:bold;} .reply-info > span:not(:last-child)::after{content:'';display:inline-block;width:1px;height:10px;margin:-2px 12px 0;background:#ddd;vertical-align:middle;} .commentpagebar{margin-top:20px;padding:0;} #divCommentPost{border-top:5px #ffb996 solid;} #divCommentPost .post-item p{position:relative;width:49%;margin-bottom:20px;} #divCommentPost .item input{width:100%;box-sizing:border-box;} #divCommentPost .item label{position:absolute;top:10px;right:9px;color:#999;font-size:12px;} #divCommentPost .vcode label{right:118px;} #divCommentPost .vcode img{position:absolute;top:1px;right:1px;height:36px;border-radius:0 6px 6px 0;} #divCommentPost.reply-frm{position:relative;margin:10px 0 0;background:#f2f6f9;border-radius:0;box-shadow:none;} #cancel-reply{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#bbb;border-radius:0 0 0 6px;} #divCommentPost input.text{border:1px solid #d7d7d7;line-height:38px;height:38px;padding:0 9px;border-radius:6px;} #txaArticle{padding:9px;width:100%;height:150px;margin-bottom:20px;border:1px solid #d7d7d7;box-sizing:border-box;border-radius:6px;} #divCommentPost .button{color:#fff;width:100px;height:38px;font-size:16px;background-color:#f60;background-image:linear-gradient(0deg, transparent 0, rgba(255,255,255,.08) 50%, transparent 100%);border:0;cursor:pointer;border-radius:6px;} #divCommentPost .button:hover{background-color:#666;} #divCommentPost .post-bot{font-size:14px;} #divCommentPost .logout{margin-left:30px;font-size:12px;opacity:.68;} /* -- erx:Responsive -- */ @media screen and (max-width:1100px) { .erx-top-nav{position:relative;} .erx-search-form{position:absolute;top:22px;right:100px;} .erx-mb-nav-ctrl{position:absolute;top:26px;right:3%;display:block;width:40px;height:23px;border:0 #bbb solid;border-width:1px 0;z-index:3;} .erx-mb-nav-ctrl i{display:block;width:100%;height:1px;margin-top:11px;background:#bbb;} .erx-menu{display:none;position:absolute;top:100%;left:0;width:100%;max-height:80vh;overflow-y:auto;z-index:9999;} .erx-menu.active, .erx-content{display:block;} .erx-menu > li{margin-left:0;} .erx-menu > li > a{display:block;line-height:48px;margin-top:0;border:0;border-bottom:1px rgba(255,255,255,.2) solid;text-indent:30px;color:#fff;font-size:16px;background:rgba(0,0,0,.96);padding:0;border-radius:0;} .erx-menu > li > a:hover, .erx-menu > li.cu > a{border:0;border-bottom:1px rgba(255,255,255,.2) solid;background:#000;} .erx-menu > li > a > i{border-top-color:rgba(255,255,255,.3);} .erx-menu > li > ul{position:static;border-radius:0;box-shadow:none;} .erx-cate-main, .erx-detail-main, .erx-sidebar{width:100%;} .erx-m-bot, #divCommentPost, #divCommentPost .post-item p, #txaArticle{margin-bottom:3%;} .erx-sidebar{display:none;} .erx-special-list li{width:49%;} } @media screen and (max-width:720px) { body{font-size:12px;} .erx-logo{padding:9px 0;} .erx-top-nav{padding-bottom:43px;} .erx-search-form{top:auto;bottom:8px;width:94vw;right:3%;} .erx-search-form .sint:focus, .erx-home-slider, .erx-home-news, .erx-home-rank, .erx-home-rank dd, .erx-home-ts li, .erx-article .p > span, .erx-app-items, .erx-detail-related li, .erx-apps-list li, .erx-special-top .p, .erx-special-top .t, .erx-special-list li, .erx-news-list li .p, .erx-news-list li .t{width:100%;} .erx-mb-nav-ctrl{top:20px;} .erx-home-rec{padding:0;} .erx-home-rec .erx-rec-list{padding:1em;} .erx-rec-ctrl{display:flex;} .erx-rec-ctrl span{position:static;display:block;width:50%;height:38px;line-height:38px;padding:0;} .erx-rec-ctrl span.cu{padding:0;} .erx-rec-ctrl span::before{margin:0 8px 0 0;} .erx-rec-list ul::after{content:'';width:31%;} .erx-rec-list li{width:31%;padding:.5em 0;} .erx-home-tag dl{align-items:flex-start;line-height:2;padding:8px 0;} .erx-home-tag dd a{display:inline-block;margin:0 1em 0 0;white-space:nowrap;} .erx-home-tag dd a:not(:first-child)::before, .erx-m-tit p .c a, .erx-app-qr, .erx-qrcode, .erx-app-items .links .win, .erx-app-title .author{display:none;} .erx-home-news{margin:1em 0 1.5em;padding:0;background:none;} .erx-home-rank{display:flex;flex-wrap:wrap;justify-content:space-between;} .erx-home-rank dt, .erx-home-hold li{width:49%;} .erx-home-rank dt:nth-child(2){margin-top:0;} .erx-home-rank dd a{width:24%;} .erx-home-special .item{width:49%;} .erx-m-list li{width:24%;} .erx-m-list li a{padding:1em 0;border:0;} .erx-news-list li{flex-wrap:wrap;} .erx-news-list li .p{height:auto;padding-top:0;} .erx-news-list li .p a{position:static;} .erx-news-list li .t{padding:1.5em 0 0;} .erx-pagenow{white-space:nowrap;overflow-x:auto;} .erx-app-logo{margin:0 auto 1.5em;} .erx-special-top .t{margin-top:1.5em;} .erx-article{padding:1.5em;} .erx-app-swiper{height:160px;} .erx-article .app{padding:.5em;} .erx-article .app .pic{width:20%;} .erx-article .app .txt{width:72%;} .erx-article .p > span{margin:.5em 0;} .erx-app-items .links{text-align:center;white-space:normal;} .erx-app-items .links a{display:block;margin:1em 0 0;} .erx-pagebar{padding:12px;} .commentpagebar{margin:15px 0;padding:0;} .reply-items{margin-top:3%;} .reply-items .reply-items{padding:9px;} .reply-items .con{padding-left:65px;} .reply-avatar{padding-right:12px;} .reply-avatar img{width:38px;height:38px;} .footer{padding:15px 0;} }