@font-face{ font-family:'webfont'; font-display:swap; src:url('./../fonts/webfont/webfont.eot'); src:url('./../fonts/webfont/webfont.eot?#iefix') format('embedded-opentype'), url('./../fonts/webfont/webfont.woff2') format('woff2'), url('./../fonts/webfont/webfont.woff') format('woff'), url('./../fonts/webfont/webfont.ttf') format('truetype'), url('./../fonts/webfont/webfont.svg#webfont') format('svg'); } *{ margin:0; padding:0; word-wrap:break-word; } body{ font-family:webfont; font-size:14px; color:var(--main-text_color); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background-color:var(--main-background_color); } a{ color:var(--main-text_color); text-decoration:none; transition:all 0.3s; } a:hover{ text-decoration:none; color:var(--main-text_hover_color); } img{ border:none; vertical-align:top; max-width:100%; } input{ outline:none; } div,ul,li,p,form{ padding:0px; margin:0px; list-style-type:none; } h1{ font-size:30px; } h2{ font-size:23px; } .de52ee3b1{ clear:both; } .b2f1cb74b{ display:flow-root; } :root{ --main-box_width:1300px; --main-background_color:#eef5f3; --main-main_color:#0066ff; --main-text_color:#333; } :root{ --main-box_width:1180px; --main-background_color:#eef5f3; --main-main_color:#0041a3; } :root{ --main-text_hover_color:var(--main-main_color); } .eff50ec78{ margin:0px auto; width:var(--main-box_width); } .fd94e0d3d{ border:#eee 1px solid; background-color:#ffffff; padding:17px; } .cb433ac90{ float:left; } .e8516c0ae{ float:right; } .a5091783c{ width:calc( 100% - 420px ); } .c65a348cc{ width:400px; } .e7ebd0aa7{ margin-top:10px; } .baa5f75ac{ margin-top:20px; } .e8643cf21{ margin-top:34px; } .a617d9e86{ position:relative; height:36px; line-height:36px; } .a617d9e86:before{ content:""; width:5px; height:14px; position:absolute; left:0; top:calc( 50% - 7px); background-color:var(--main-main_color); border-radius:4px; } .a617d9e86:after{ content:""; } .a617d9e86 .f73632e21{ font-weight:normal; font-size:15px; margin-left:10px; } @media screen and ( max-width:1024px ) { .c653f5368{ display:none; } .eff50ec78{ width:calc( 100% - 34px ); min-width:inherit; } .a5091783c{ width:calc( 100% - 320px ); } .c65a348cc{ width:300px; } .bd160ddfa{ margin-top:5px; } .fd99d7414{ margin-top:10px; } } @media screen and ( max-width:768px ) { .f74279dfe{ display:none; } .eff50ec78{ width:calc( 100% - 10px ); min-width:inherit; } .cb433ac90.a5091783c{ display:flow-root; float:inherit; width:auto; } .e8516c0ae.c65a348cc{ display:flow-root; float:inherit; width:auto; } .a60094324{ margin-top:5px; } .aef207f74{ margin-top:10px; } } @media screen and ( max-width:600px ) { .b4c9ce019{ display:none; } .eff50ec78{ width:calc( 100% - 10px ); min-width:inherit; } } .fad0200e3{ width:auto; height:32px; line-height:32px; background-color:#f5f5f5; } .fad0200e3 .a93052d9d h1, .fad0200e3 .a93052d9d h2{ font-size:13px; font-weight:unset; color:#000; } .de6993179{ position:relative; z-index:10001; height:68px; background-color:rgba(255,255,255,0.8); border-bottom:#dbdbdb 1px solid; } .de6993179 .d6daa1e3f{} .de6993179 .d6daa1e3f img{ padding:9px 0; max-height:50px; } span[data-type="menu"]{ display:none; } .de6993179 .da99abdcb{} .de6993179 .da99abdcb nav{} .de6993179 .da99abdcb nav ul{} .de6993179 .da99abdcb nav ul li{ position:relative; float:left; padding:0 20px; line-height:68px; } .de6993179 .da99abdcb nav ul li a{ display:block; font-size:15px; } .current-menu-item{} .current-menu-item a, .current-menu-parent a { color:var(--main-main_color); } .de6993179 .da99abdcb nav ul li ul{ position:absolute; left:0; top:100%; z-index:10; width:150%; height:auto; background-color:rgba(255,255,255,0.9); box-shadow:6px 5px 20px rgb(221,221,221,0.6); border-radius:0 0 6px 6px; display:none; } .de6993179 .da99abdcb nav ul li:hover ul{ display:block; } .de6993179 .da99abdcb nav ul li ul li{ position:relative; line-height:40px; font-size:13px; padding:0 20px; display:block; float:unset; text-align:left; } .de6993179 .da99abdcb nav ul li ul li:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ebebeb; } .de6993179 .da99abdcb nav ul li ul li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#fff; } .de6993179 .da99abdcb nav ul li ul li:nth-last-child(1):before, .de6993179 .da99abdcb nav ul li ul li:nth-last-child(1):after{ display:none; } .de6993179 .da99abdcb nav ul li ul li a{ display:block; color:unset; } .de6993179 .da99abdcb nav ul li ul li:hover a{ color:var(--main-main_color); } .de6993179 .c4e9b22a4{ position:relative; } .de6993179 .c4e9b22a4 form{ margin:20px 6px; cursor:pointer; position:relative; width:200px; opacity:0; } .de6993179 .c4e9b22a4 form[data-show="true"]{ opacity:1; transition:all 2s; } .de6993179 .c4e9b22a4 form input{ border:#ebebeb 1px solid; box-shadow:5px 5px 12px #f7f7f7; width:calc( 100% - 2px ); height:28px; line-height:28px; font-size:12px; text-indent:6px; position:absolute; left:0; } .de6993179 .c4e9b22a4 form input{ } .de6993179 .c4e9b22a4 form button{ float:right; border:none; cursor:pointer; margin:6px 4px 0 2px; background-color:transparent; } .de6993179 .c4e9b22a4 span.d24a6a27d.be7b63bc6{ position:absolute; right:0; top:0; margin:25px 10px; cursor:pointer; } @media screen and ( max-width:1024px ) { .de6993179{ height:50px; } .de6993179 .d6daa1e3f img{ padding:0 0; } span[data-type="menu"]{ display:block; position:absolute; right:0; top:0; } span[data-type="menu"] span{ display:block; margin:12.5px; } .de6993179 .da99abdcb, .de6993179 .c4e9b22a4{ display:none; } .eec0095ee{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; margin-top:50px; } .eec0095ee:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.99); z-index:10000; } .eec0095ee nav{ position:relative; z-index:10001; padding:17px 17px; } .eec0095ee nav ul{} .eec0095ee nav li{ line-height:50px; border-bottom:#f2f2f2 1px solid; } .eec0095ee nav li ul{ border-radius:6px; padding:0 17px; } .eec0095ee nav li ul li{ position:relative; line-height:32px; border-bottom:none; padding-left:22px; } .eec0095ee nav li ul li:before{ content:""; position:absolute; left:0; top:calc( 50% - 1px ); width:10px; height:2px; background-color:#0066ff; border-radius:12px; } .eec0095ee form{ position:relative; z-index:10001; display:block; padding:17px 17px; background-color:#eee; height: 30px;} .eec0095ee form input{ border:#ebebeb 1px solid; box-shadow:5px 5px 12px #f7f7f7; width:calc( 100% - 36px ); height:28px; line-height:28px; font-size:12px; text-indent:6px; position:absolute; left:17px; } .eec0095ee form button{ float:right; border:none; cursor:pointer; margin:6px 4px 0 2px; background-color:transparent; } } .b3de1e3e1, .b3de1e3e1 div{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .b3de1e3e1 span.d24a6a27d.adeae4107{ margin:0 10px; position:relative; top:-2px; } @media screen and ( max-width:768px ) { .b3de1e3e1, .b3de1e3e1 a{ font-size:12px; color:#666; } } .b645f3671{ } .b645f3671 ul{ } .b645f3671 li{ border-bottom:#eee 1px solid; padding:34px 0; } .b645f3671 li:nth-child(1){ padding-top:20px; } .b645f3671 li:nth-last-child(1){ border-bottom:none; } .b645f3671 li .df02ee690{ display:contents; } .b645f3671 li .df02ee690 a{ position:relative; z-index:2; display:inline-block; width:auto; color:#fff; padding:2px 10px; margin-right:10px; font-size:12px; text-align:center; } .b645f3671 li .df02ee690 a:before{ content:""; position:absolute; z-index:1; right:-5px; top:calc( 50% - 5px); width:0; height:0; border-width:5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent var(--main-main_color); opacity:0.6; } .b645f3671 li .df02ee690 a:after{ content:""; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); opacity:1; } .b645f3671 li h3{ display:inline-block; font-size:18px; line-height: 21px; } .b645f3671 figure img{ width:100%; height:auto; } .b645f3671 .a93052d9d{ display:flow-root; } .b645f3671 .a93052d9d{ } .b645f3671 .a93052d9d a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .b645f3671 .a93052d9d a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .b645f3671 .a93052d9d a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .b645f3671 .a93052d9d a:nth-child(3n+1){ margin-left:0; } .b645f3671 .a93052d9d figure{ position:relative; height:160px; overflow:hidden; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; } .b645f3671 .a93052d9d figure img{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; min-height: 160px; transition:all 0.6s; } .b645f3671 .a93052d9d figure:hover img{ transform:scale(1.1); } .b645f3671 .a93052d9d .a05641273{ display:table; text-align:justify; margin-top:10px; } .b645f3671 .a93052d9d .a05641273 p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025{ } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .fe4d6cf81, .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .d141d2004, .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142{ display:inline-block; color:#888; margin-right:20px; font-size:12px; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .fe4d6cf81 span, .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .d141d2004 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .d141d2004 span{ } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142{ margin-right:0; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142 a:hover{ background-color:var(--main-main_color); color:#fff; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025 span.d24a6a27d{ float: left; margin:3px 5px 0 0; opacity:0.8; } @media screen and ( max-width:1024px ) { .b645f3671 .a93052d9d figure{ height:124px; } .b645f3671 .a93052d9d figure img{ min-height:124px; } .b645f3671 .a93052d9d .a05641273 p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .b645f3671 .a93052d9d figure{ height:140px; } .b645f3671 .a93052d9d figure img{ min-height:140px; } .b645f3671 .a93052d9d .a05641273 p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .b645f3671 li { padding: 17px 0; } .b645f3671 .a93052d9d figure{ height:70px; } .b645f3671 .a93052d9d figure img{ min-height:70px; } .b645f3671 .a93052d9d .a05641273 p{ -webkit-line-clamp:3; } .b645f3671 .a93052d9d .a05641273 .b4b3bc025{ display:none; } } .b6562c645{ text-align:center; margin:10px 0 34px 0; } .b6562c645 span, .b6562c645 a{ display:inline-block; width:auto; height:auto; line-height:28px; padding:0 10px; margin:0 1px; background-color:var(--main-main_color); border:var(--main-main_color) 1px solid; color:#fff; font-size:12px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .b6562c645 span, .b6562c645 a:hover{ border:var(--main-main_color) 1px solid; background-color:#fff; color:var(--main-main_color); } .ae592f6a7{ } .ae592f6a7 .f73632e21{ } .ae592f6a7 ul{ } .ae592f6a7 li{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; line-height:40px; border-bottom:#e5e5e5 1px dashed; } .ae592f6a7 li a{ display:block; } .ae592f6a7 li:nth-last-child(1){ border-bottom:none; } .ae592f6a7 li p{ display:none; } @media screen and ( max-width:768px ) { .ae592f6a7 li p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; margin-bottom:10px; font-size: 13px; color: #888; } } .ae592f6a8{ } .ae592f6a8 .f73632e21{ } .ae592f6a8 ul{ } .ae592f6a8 li{ padding:10px 0; border-bottom:#e5e5e5 1px dashed; } .ae592f6a8 li h4{ display:block; font-weight:normal; } .ae592f6a8 li:nth-last-child(1){ border-bottom:none; } .ae592f6a8 li p{ color:#666; line-height:18px; font-size:13px; margin-top:6px; } @media screen and ( max-width:768px ) { .ae592f6a8 li p{ line-height: 24px; margin-bottom:10px; font-size: 13px; color: #888; } } .a0ef3e7b5{ } .a0ef3e7b5 .f73632e21{ } .a0ef3e7b5 ul{ } .a0ef3e7b5 li{ position:relative; line-height:40px; border-bottom:#e5e5e5 1px dashed; counter-increment:sidebar1-item; } .a0ef3e7b5 li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:11px; width:18px; height:18px; line-height:18px; text-align:center; background-color:#ebebeb; color:#999; border-radius:6px 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .a0ef3e7b5 li:nth-child(1):before, .a0ef3e7b5 li:nth-child(2):before, .a0ef3e7b5 li:nth-child(3):before{ background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); color:#fff; opacity:0.8; } .a0ef3e7b5 li:nth-last-child(1){ border-bottom:none; } .a0ef3e7b5 li a{ position:relative; z-index:2; padding-left:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .a0ef3e7b5 li p{ display:none; } @media screen and ( max-width:768px ) { .a0ef3e7b5 li p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; margin-left: 26px; margin-bottom:10px; font-size: 13px; color: #888; } } .fc5eed0c0{ } .fc5eed0c0 .f73632e21{ } .fc5eed0c0 ul{ } @media screen and ( min-width:769px ) { .fc5eed0c0 li{ float:left; width:calc( 33.333333% - 6.666666px ); height:auto; line-height:32px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:5px 5px; } .fc5eed0c0 li:nth-child(3n){ margin-right:0; } .fc5eed0c0 li:nth-child(3n + 1){ margin-left:0; } } .fc5eed0c0 li a{ position:relative; z-index:2; display:block; border:#eee 1px solid; font-size:12px; transition:none; } .fc5eed0c0 li a:before{ content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-color:var(--main-main_color); transition:none; opacity:0; } .fc5eed0c0 li:hover a{ color:#fff; } .fc5eed0c0 li:hover a:before{ opacity:0.6; } @media screen and ( max-width:768px ) and ( min-width:601px ) { .fc5eed0c0 li{ float:left; width:calc( 20% - 8px ); height:auto; line-height:32px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:5px 5px; } .fc5eed0c0 li:nth-child(5n){ margin-right:0; } .fc5eed0c0 li:nth-child(5n + 1){ margin-left:0; } } @media screen and ( max-width:600px ) { .fc5eed0c0 li{ float:left; width:calc( 25% - 7.5px ); height:auto; line-height:32px; text-align:center; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:5px 5px; } .fc5eed0c0 li:nth-child(4n){ margin-right:0; } .fc5eed0c0 li:nth-child(4n + 1){ margin-left:0; } } .f6ca320b4{ background-color:#fff; box-shadow:0 -10px 30px #f1f1f1; } .f6ca320b4 .da99abdcb{} .f6ca320b4 .da99abdcb ul{} .f6ca320b4 .da99abdcb li{ position:relative; display:inline-block; width:auto; height:32px; line-height:32px; } .f6ca320b4 .da99abdcb li:before{ content:""; position:absolute; right:15.5px; top:calc( 50% - 2.5px); width:5px; height:5px; background-color:var(--main-main_color); border-radius:50%; } .f6ca320b4 .da99abdcb li:nth-last-child(1):before{ display:none; } .f6ca320b4 .da99abdcb li a{ padding:0 36px 0 0; color:#666; } .f6ca320b4 .da99abdcb li ul{ position:relative; display:inline-block; } .f6ca320b4 .da99abdcb li ul:before{ content:""; position:absolute; left:-17.5px; top:calc( 50% - 2.5px); width:5px; height:5px; background-color:var(--main-main_color); border-radius:50%; } .f6ca320b4 .cba89ed3a, .f6ca320b4 .cba89ed3a a{ color:#999; font-size:13px; } .f6ca320b4 .cba89ed3a a{ color:var(--main-main_color); padding:0 2px; } .f6ca320b4 .c06cc22af{ font-size:13px; } .f6ca320b4 .c06cc22af a{ color:#999; padding-right:10px; } @media screen and ( max-width:1024px ) { .f6ca320b4 .da99abdcb{ font-size:12px; } .f6ca320b4 .da99abdcb li{ height:21px; line-height:21px; } .f6ca320b4 .da99abdcb li:before{ right:4px; opacity:0.6; } .f6ca320b4 .da99abdcb li a{ padding:0 16px 0 0; } .f6ca320b4 .da99abdcb li ul:before{ left:-10px; opacity:0.6; } .f6ca320b4 .cba89ed3a, .f6ca320b4 .cba89ed3a a{ font-size:12px; } .f6ca320b4 .c06cc22af{ font-size:12px; } } .b23c92196{ user-select:none; display:block; width:25px; height:5px; border-top:5px solid #999; border-bottom:5px solid #999; background-color:#999; padding:5px 0; background-clip:content-box; } .d24a6a27d{ user-select:none; } .d24a6a27d.be7b63bc6{ position:relative; display:inline-block; width:21px; height:21px; } .d24a6a27d.be7b63bc6:before{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:100%; border:2px solid currentcolor; background-color:#fff; background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); } .d24a6a27d.be7b63bc6:after{ content:""; position:absolute; left:12px; top:13px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); width:8px; height:2px; background-color:currentcolor; } .d24a6a27d{ user-select:none; } .d24a6a27d.adeae4107{ display:inline-block; position:relative; width:10px; height:10px; border-radius:50% 50% 50% 0; background-color:#999; transform:rotate(-45deg); } .d24a6a27d.adeae4107:before{ content:""; position:absolute; width:5px; height:5px; top:calc( 50% - 3px); left:calc( 50% - 2.5px); background-color:#fff; border-radius:50%; } .d24a6a27d.adeae4107:after{ content:""; display:block; background:rgb(0,0,0,0.1); border-radius:1% 100%; height:8px; width:8px; position:absolute; left:-6px; bottom:-6px; z-index:-2; } .a7f42f3b7{ } .a7f42f3b7 ul{ display:flow-root; } .a7f42f3b7 li{ margin-top:10px; } .a7f42f3b7 figure{ width:121px; height:75px; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; overflow:hidden; } .a7f42f3b7 figure img{ width:100%; height:100%; transition:all 0.6s; } .a7f42f3b7 figure:hover img{ transform:scale(1.1); } .a7f42f3b7 .a93052d9d{ width:calc( 100% - 131px ); } .a7f42f3b7 .a93052d9d{ } .a7f42f3b7 .a93052d9d h3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; font-size:14px; font-weight:unset; } .a7f42f3b7 .a93052d9d p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#888; font-size:13px; margin-top:5px; line-height:22px; } @media screen and ( max-width:1024px ) { @media screen and ( min-width:769px ) { .a7f42f3b7 figure{ width:97px; height:60px; } .a7f42f3b7 .a93052d9d{ width:calc( 100% - 107px ); } .a7f42f3b7 .a93052d9d h3{ -webkit-line-clamp:2; line-height:24px; } .a7f42f3b7 .a93052d9d p{ display:none; } } } @media screen and ( max-width:768px ) and ( min-width:601px ) { .a7f42f3b7 li{ width:calc( 50% - 10px ); float:left; } .a7f42f3b7 li:nth-child(even){ float:right; } .a7f42f3b7 .a93052d9d h3{ -webkit-line-clamp:1; } } @media screen and ( max-width:600px ) { .a7f42f3b7 li{ width:auto; float:initial; } .a7f42f3b7 .a93052d9d h3{ -webkit-line-clamp:1; } } .b3da4c68f{ padding:34px; } .b3da4c68f h1.bbd90f0ec{ font-weight:bold; color:#000; text-align:left; } .b3da4c68f .aff6811ae{ font-size:13px; color:#999; text-align:left; } .b3da4c68f .aff6811ae div{ display:inline-block; margin-right:15px; } .b3da4c68f .aff6811ae span.d24a6a27d{ float:left; margin:4px 5px 0 0; opacity:0.8; } .b3da4c68f .aff6811ae span .bb1e72087{ font-family:Arial, Helvetica, sans-serif; margin-right:0; } @media screen and ( max-width:1024px ){ .b3da4c68f .aff6811ae div{ display:none; } .b3da4c68f .aff6811ae div:nth-child(3){ display:inline-block; } } .b3da4c68f article{ line-height:24px; font-size:15px; text-align:justify; color:#000; } .b3da4c68f article p{ margin-top:20px; } .b3da4c68f article p:nth-child(1){ margin-top:0; } .b3da4c68f article img{ display:flow-root; width:auto; height:auto; max-width:calc( 100% - 40px ); margin:20px auto; } .b3da4c68f article .df02ee690{ color:#666; } .b3da4c68f article .df02ee690 h2{ font-size:15px; font-weight:unset; } .b3da4c68f article .df02ee690 ul{ display:inline-block; } .b3da4c68f article .df02ee690 li{ display:inline-block; } .b3da4c68f article .df02ee690 a{ font-size:15px; color:var(--main-main_color); padding:0 2px; } .b3da4c68f article .afb10e467{ } .b3da4c68f article .afb10e467 a{ display:inline-block; line-height:28px; font-size:12px; border:var(--main-main_color) 1px solid; background-color:var(--main-main_color); color:#fff; margin:10px 2px; padding:0 10px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .b3da4c68f article .afb10e467 a:hover{ border:var(--main-main_color) 1px solid; background-color:#fff; color:var(--main-main_color); }@media screen and ( max-width:1024px ) { .b3da4c68f{ padding:17px; } .b3da4c68f h1.bbd90f0ec{ text-align:left; font-size:21px; line-height:26px; } .b3da4c68f .aff6811ae{ text-align:left; } } .e5ef6a4f7{ padding:34px; } .e5ef6a4f7 ul{ } .e5ef6a4f7 li{ position:relative; line-height:32px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .e5ef6a4f7 li:nth-child(1):before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#f5f6f7; } .e5ef6a4f7 li span{ color:#999; } @media screen and ( max-width:1024px ) { .e5ef6a4f7{ padding:17px; } } .d24a6a27d{ user-select:none; } .d24a6a27d.e2066f88c{ position: relative; width: 13px; height: 13px; background-color: #fff; border-radius: 50%; overflow: hidden; user-select: none; } .d24a6a27d.e2066f88c:before{ content: ""; position: absolute; left: calc( 50% - 2.5px ); top: calc( 55% - 6px); width: 5px; height: 5px; background-color: #666; border-radius: 50%; } .d24a6a27d.e2066f88c:after{ content: ""; position: absolute; left: calc( 50% - 7.5px ); top: 50%; width: 15px; height: 15px; background-color: #666; border-radius: 50%; } .d24a6a27d{ user-select:none; } .d24a6a27d.d39b10b24{ position: relative; padding:0; margin:0; width: 12px; height: 8px; border: #666 2px solid; border-radius: 50%; box-shadow: 0px 1px 5px #dddddd; } .d24a6a27d.d39b10b24:before{ content: ""; position: absolute; left: calc( 50% - 3px); width:2px; height:2px; border: #333 2px solid; border-radius: 50%; top: calc( 50% - 3px); } .d24a6a27d.d39b10b24:after{ } .d24a6a27d{ user-select:none; } .d24a6a27d.ba008adc2{ position:relative; padding:0; margin:0; display:inline-block; width:14px; height:12px; background-color:#666; background: linear-gradient(0deg, rgba(184,184,184,1) 0%, rgba(50,50,50,1) 52%, rgba(122,122,122,1) 100%); border-radius:2px; box-shadow: 0px 1px 5px #dddddd; } .d24a6a27d.ba008adc2:before{ content: "6"; position: absolute; left: 0; bottom: 0; width: 100%; height:calc( 100% - 3px); text-align: center; color: #fff; font-size: smaller; font-family: Arial, Helvetica, sans-serif; transform: rotateX(45deg); overflow:hidden; } .d24a6a27d.ba008adc2:after{ content:""; position:absolute; left:0; top:2px; width:100%; height:1px; background-color:#fff; } .b7eb8d9f7{ padding:34px; } .b7eb8d9f7 h1.bbd90f0ec{ font-weight:bold; color:#000; } .b7eb8d9f7 article{ line-height:24px; font-size:15px; text-align:justify; color:#000; } .b7eb8d9f7 article p{ margin-top:20px; } .b7eb8d9f7 article p:nth-child(1){ margin-top:0; } .b7eb8d9f7 article img{ display:flow-root; width:auto; height:auto; max-width:calc( 100% - 40px ); margin:20px auto; } .b7eb8d9f7 article .afb10e467{ } .b7eb8d9f7 article .df02ee690{ color:#666; } .b7eb8d9f7 article .df02ee690 h2{ font-size:15px; font-weight:unset; } .b7eb8d9f7 article .df02ee690 ul{ display:inline-block; } .b7eb8d9f7 article .df02ee690 li{ display:inline-block; } .b7eb8d9f7 article .df02ee690 a{ font-size:15px; color:var(--main-main_color); padding:0 2px; } .b7eb8d9f7 article .afb10e467 a{ display:inline-block; line-height:28px; font-size:12px; background-color:var(--main-main_color); color:#fff; margin:10px 2px; padding:0 10px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .b7eb8d9f7 article .aff6811ae{ font-size:13px; text-align:right; color:#999; } .b7eb8d9f7 article .aff6811ae span{ font-family:Arial, Helvetica, sans-serif; } .article.content{ color:#000; position:relative; line-height:24px; text-align:justify; font-size:16px; letter-spacing:1px; } .article.content p{ position:relative; margin-top:20px; text-indent:0; } .article.content strong{ font-size:17px; font-weight:bold; } .article.content a{ color:#0066ff; } .article.content figure{ margin:20px 0; text-align:center; } .article.content figure img{ width:auto; max-width:100%; height:auto; font-size:0; position:inherit; transform-origin:center; } .article.content figure figcaption{ } .article.content figure a{ color:#333; font-size:13px; } div.translate{} div.translate section[data-translate="true"]{ margin-top:20px; border:#eee 1px solid; color:#000; } div.translate section[data-translate="true"] div[data-type="translate-name"]{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } div.translate section[data-translate="true"] div[data-type="translate-name"] h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } div.translate section[data-translate="true"] div[data-type="translate-name"] h2 sup{ font-size:10px; margin-left:10px; background-color:#eee; border:#ddd 1px solid; padding:0 8px; height:21px; line-height:21px; color:#333; font-weight:100; user-select:none; float:right; } div.translate section[data-translate="true"] dl{ position:relative; display:flow-root; background-color:#f9f9f9; padding:20px 20px 28px 20px; } div.translate section[data-translate="true"] dt, div.translate section[data-translate="true"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } div.translate section[data-translate="true"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } div.translate section[data-translate="true"] dt span[data-type="translate"], div.translate section[data-translate="true"] dd span[data-type="translate"] { font-family:webfont; display: inline-block; float:left; width: auto; height: 22px; line-height: 22px; padding: 0 10px; margin-right: 10px; text-align: center; font-size: 12px; background-color:#017c74; border:#1d5851 1px solid; box-shadow:0 0 10px #9ad099; border-radius:4px; user-select:none; color:#fff; } div.translate section[data-translate="true"] dd{ display:flow-root; font-size:12px; line-height:24px; } div.translate section[data-translate="true"] dd span, div.translate section[data-translate="true"] dd strong{ } div.translate section[data-translate="true"] dd strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 21px; color:#000; } div.translate section[data-translate="true"] ul{ display:flow-root; } div.translate section[data-translate="true"] li{ position:relative; width:calc( 25% - 1px ); height:36px; line-height:36px; overflow:hidden; border-right:#ddd 1px solid; float:left; text-align:center; font-size:13px; } div.translate section[data-translate="true"] li:nth-last-child(1){ border:none; } div.translate section[data-translate="true"] li a{ display:block; position:relative; z-index:2; } div.translate section[data-translate="true"] li:before{ position:absolute; z-index:1; right:0; bottom:0; padding:0 10px; color:#44b242; content:""; font-family: "iconfont" !important; font-size: 21px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.translate section[data-translate="true"] li[data-type="pronunciation"]:before{ content:"\e620"; } div.translate section[data-translate="true"] li[data-type="chinese-interpretation"]:before{ content:"\e695"; } div.translate section[data-translate="true"] li[data-type="english-explanation"]:before{ content:"\e695"; } div.translate section[data-translate="true"] li[data-type="english-dictionary"]:before{ content:"\e601"; } @media screen and ( max-width:500px ){ div.translate section[data-translate="true"] li{ font-size:12px; } div.translate section[data-translate="true"] li:before{ display:none; } } div.translate div[data-perfect="true"]{ margin-top:20px; color:#000; } div.translate div[data-perfect="true"] ul{} div.translate div[data-perfect="true"] li{ position:relative; height:auto; line-height:26px; margin:10px 0; padding:18px 50px; border:#f5f5f5 1px solid; background-color:#fbfbfb; } div.translate div[data-perfect="true"] li i{ position:absolute; left:20px; top:18px; color:#ccc; } div.translate section[data-vocabulary="true"]{ margin-top:20px; color:#000; } div.translate section[data-vocabulary="true"] div[data-type="vocabulary-name"]{ } div.translate section[data-vocabulary="true"] div[data-type="vocabulary-name"] h3{ font-size:18px; font-weight:normal; } div.translate section[data-vocabulary="true"] ul{ display:flow-root; margin-top:10px; border:#ddd 1px solid; } div.translate section[data-vocabulary="true"] li{ display:flow-root; line-height:18px; border-bottom:#ddd 1px solid; overflow:hidden; } div.translate section[data-vocabulary="true"] li:nth-child(1){ background-color:#f5f5f5; } div.translate section[data-vocabulary="true"] li:nth-last-child(1){ border-bottom:none; } div.translate section[data-vocabulary="true"] li a{ display:flow-root; } div.translate section[data-vocabulary="true"] li div{ position:relative; float:left; padding:10px 10px; font-size:13px; } div.translate section[data-vocabulary="true"] li div:before{ content:""; position:absolute; right:0; top:0; width:1px; height:1000%; background-color:#ddd; } div.translate section[data-vocabulary="true"] li div:nth-child(1){ width:calc( 33.333333% - 20px ); font-family:arial; font-size:15px; } div.translate section[data-vocabulary="true"] li div:nth-child(2){ width:calc( 33.333333% - 20px ); } div.translate section[data-vocabulary="true"] li div:nth-child(3){ width:calc( 33.333333% - 20px ); } div.translate section[data-vocabulary="true"] li div:nth-last-child(1):before{ display:none; } div.translate section[data-vocabulary="true"] li:nth-child(1) div{ font-size:13px; } @media screen and ( max-width:768px ) { div.translate section[data-vocabulary="true"]{ position:relative; overflow-x:auto; } div.translate section[data-vocabulary="true"]::-webkit-scrollbar { width:8px; background-color:#ddd; } div.translate section[data-vocabulary="true"]::-webkit-scrollbar-button { display:none; } div.translate section[data-vocabulary="true"]::-webkit-scrollbar-track { display:none; } div.translate section[data-vocabulary="true"]::-webkit-scrollbar-track-piece { } div.translate section[data-vocabulary="true"]::-webkit-scrollbar-corner { } div.translate section[data-vocabulary="true"]::-webkit-scrollbar-thumb { border-radius:10px; background-color:rgba(65,173,71,0.69); } div.translate section[data-vocabulary="true"] ul{ position:relative; width:600px; } } div.translate section[data-phrase="true"]{ margin-top:20px; color:#000; } div.translate section[data-phrase="true"] div[data-type="phrase-name"]{ } div.translate section[data-phrase="true"] div[data-type="phrase-name"] h3{ font-size:15px; font-weight:normal; color:#666; } div.translate section[data-phrase="true"] ul{ margin-top:10px; } div.translate section[data-phrase="true"] li{ line-height:24px; margin:5px 0; } div.translate section[data-phrase="true"] li p{ margin:0 0 0 0; } div.translate section[data-phrase="true"] li p:nth-child(even){ font-family:Arial, Helvetica, sans-serif; color:#666; } .hiragana{ margin-top: 20px; } .hiragana .name{ border-bottom: #f5f5f5 6px solid; color: #000000; font-weight: bold; font-size: 18px; line-height: 36px; height: 36px; } .hiragana p{ } .roman-sound{ margin-top: 20px; } .roman-sound .name{ border-bottom: #f5f5f5 6px solid; color: #000000; font-weight: bold; font-size: 18px; line-height: 36px; height: 36px; } .roman-sound p{ } div.translate section[data-phrase="true"] div[data-type="phrase-name"] h3{ border-bottom: #f5f5f5 6px solid; color: #000000; font-weight: bold; font-size: 18px; line-height: 36px; height: 36px; } .hzinfo .hztitle { margin-bottom: 10px; border-bottom: #f5f5f5 6px solid; color: #000000; font-weight: bold; font-size: 18px; line-height: 36px; height: 36px; } section[data-type="hiragana"]{} section[data-type="hiragana"] .great-results{ height:60px; background-color:#eee; border:#ddd 1px solid; padding:34px; } section[data-type="hiragana"] .great-results strong{ line-height:21px; font-weight:bold; font-size:18px; } section[data-type="hiragana"] .great-results em{ display:block; font-family:arial; font-size:36px; margin-top:20px; font-weight:bold; } section[data-type="hiragana"] .info-2219{ margin-top:20px; } section[data-type="hiragana"] .info-2219 .name{ font-size:18px; height:36px; line-height:36px; border-bottom: #f5f5f5 6px solid; color: #000000; } section[data-type="hiragana"] .info-2219 .name h3{ font-size:18px; font-weight:bold; } section[data-type="hiragana"] .info-2219 ul{ border:#ddd 1px solid; margin-top:10px; } section[data-type="hiragana"] .info-2219 li{ border-bottom:#ddd 1px solid; height:26px; line-height:26px; padding:10px 0; text-align:center; } section[data-type="hiragana"] .info-2219 li span{ float:left; width:20%; } section[data-type="hiragana"] .info-2219 li:nth-last-child(1){ border-bottom:none; } .jp-pseudonym{ margin-top:20px; padding:20px; background-color:#f9f9f9; } .jp-pseudonym .jp-pseudonym-tt{ position:relative; color:#666; } .jp-pseudonym .jp-pseudonym-tt:before{ position: absolute; left: -20px; top: calc( 50% - 5px ); content: ""; width: 10px; height: 10px; background-color: #00a18d; } .jp-pseudonym .jp-pseudonym-info{ } .jp-romanesque{ margin-top:20px; padding:20px; background-color:#f9f9f9; } .jp-romanesque .jp-romanesque-tt{ position:relative; color:#666; } .jp-romanesque .jp-romanesque-tt:before{ position: absolute; left: -20px; top: calc( 50% - 5px ); content: ""; width: 10px; height: 10px; background-color: #00a18d; } .jp-romanesque .jp-romanesque-info{ } .jp-word{ margin-top:20px; padding:20px; background-color:#f9f9f9; } .jp-word .jp-word-tt{ position:relative; color:#666; } .jp-word .jp-word-tt:before{ position: absolute; left: -20px; top: calc( 50% - 5px ); content: ""; width: 10px; height: 10px; background-color: #00a18d; } .jp-word .jp-word-list{ margin-top:10px; } .jp-word .jp-word-list h3{ position:relative; text-indent: 20px; } .jp-word .jp-word-list h3:before{ content: ""; position: absolute; left: 0; top: calc( 50% - 4.5px ); width: 7px; height: 7px; background-color: #c3e5e3; border-radius: 50%; border: #00ddce 2px solid; } .jp-word .jp-word-info{ } .jp-word .jp-word-info ul{ } .jp-word .jp-word-info li{ } .jp-word .jp-word-info li span{ color:#666; } .jp-word .jp-word-phrase{ } .jp-word .jp-word-phrase .jp-word-phrase-tt{ color:#666; } .jp-word .jp-word-phrase ul{ } .jp-word .jp-word-phrase li{ position:relative; padding: 10px 26px 0 26px; counter-increment: sidebar1-item; } .jp-word .jp-word-phrase li:before{ content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #999; font-size: 15px; font-style: oblique; font-family: Arial, Helvetica, sans-serif; } .jp-word .jp-word-phrase li p{ margin-top:0; position:relative; } .jp-word .jp-word-phrase li p span{ color:#d40000; } .jp-phrase{ margin-top:20px; padding:20px; background-color:#f9f9f9; } .jp-phrase .jp-phrase-tt{ position:relative; color:#666; } .jp-phrase .jp-phrase-tt:before{ position: absolute; left: -20px; top: calc( 50% - 5px ); content: ""; width: 10px; height: 10px; background-color: #00a18d; } .jp-phrase li{ position:relative; padding: 10px 26px 0 26px; counter-increment: sidebar1-item; } .jp-phrase li:before{ content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #999; font-size: 15px; font-style: oblique; font-family: Arial, Helvetica, sans-serif; } .jp-phrase li p{ margin-top: 0; position: relative; } .jp-phrase li p span{ color:#d40000; } .jp-nav{ position:relative; z-index:99999; float:right; min-width:100px; height:auto; background-color:rgba(255,255,255,0.9); box-shadow: 5px 10px 20px #a6ffed; padding:10px; border:#eee 1px solid; font-size:13px; line-height:18px; color:#666; } .jp-nav a{ color:#666; } .jp-nav .jp-nav-name{ font-weight:bold; color:#000; line-height: 32px; } .jp-nav ul{ display:none; } .jp-nav li{} .jp-nav li ul{ display:flow-root; padding:0 10px; } .jp-nav li ul li{} .ckzl{ } .ckzl .title{ line-height:45px; border-bottom:2px solid #ccc; } .ckzl .title h5{ font-weight:200; font-size:19px; color:#333; } .ckzl ul{ } .ckzl ul li{ height:30px; line-height:30px; overflow:hidden; } .ckzl ul li small{ color:#999; font-family:Arial, Helvetica, sans-serif; } .ckzl ul li a{ font-size:13px; color:#666; } article .category{ font-size:15px; font-weight:unset; } article .category a{ color:var(--main-main_color); } @media screen and ( max-width:1024px ) { .b7eb8d9f7{ padding:17px; } .b7eb8d9f7 h1.bbd90f0ec{ text-align:left; font-size:21px; line-height:26px; } } .f94f3cf06{ width:100%; background-color:#fff; border:#ddd 1px solid; } .c0ab77302 img{ width:100%; max-width:100%; } .e87856982{ display:none; } .e87856982[aria-hidden="true"]{ display:block; } .bx-wrapper{ position:relative; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y; } .bx-wrapper img{ width:100%; max-width:100%; display:block; } .bxslider{ margin:0; padding:0; -webkit-perspective:1000; } ul.bxslider{ list-style:none; } .bx-viewport{ -webkit-transform:translateZ(0); } .bx-wrapper{} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%; } .bx-wrapper .bx-loading{ min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; margin-bottom:50px; } .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background-color:#fff; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; vertical-align:bottom; *zoom:1; *display:inline; } .bx-wrapper .bx-pager-item{ font-size:0; line-height:0; } .bx-wrapper .bx-prev{ left:10px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{ background-position:0 0; } .bx-wrapper .bx-next{right:10px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position:-43px 0; } .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; } .bx-wrapper .bx-controls-direction a.disabled{ display:none; } .bx-wrapper .bx-controls-auto{ text-align:center; } .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{ background-position:-86px 0; } .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; margin:0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{ background-position:-86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px; } .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666; background:rgba(80, 80, 80, 0.75); width:100%; } .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px; } @media screen and ( max-width:1024px ){ .bx-wrapper .bx-pager{ margin-bottom:36px; } .bx-controls-direction{ display:none; } } .d22952ed3{ } .d22952ed3 ul{ } .d22952ed3 li{ border-bottom:#eee 1px solid; padding:34px 0; } .d22952ed3 li:nth-child(1){ padding-top:20px; } .d22952ed3 li:nth-last-child(1){ border-bottom:none; } .d22952ed3 li .df02ee690{ display:contents; } .d22952ed3 li .df02ee690 a{ position:relative; z-index:2; display:inline-block; width:auto; color:#fff; padding:2px 10px; margin-right:10px; font-size:12px; text-align:center; } .d22952ed3 li .df02ee690 a:before{ content:""; position:absolute; z-index:1; right:-5px; top:calc( 50% - 5px); width:0; height:0; border-width:5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent var(--main-main_color); opacity:0.6; } .d22952ed3 li .df02ee690 a:after{ content:""; position:absolute; z-index:-1; left:0; top:0; width:100%; height:100%; background-color:var(--main-main_color); box-shadow:2px 3px 5px rgb(0,0,0,0.36); opacity:1; } .d22952ed3 li h3{ display:inline-block; font-size:18px; line-height: 21px; } .d22952ed3 figure img{ width:100%; height:auto; } .d22952ed3 .a93052d9d{ display:flow-root; } .d22952ed3 .a93052d9d{ } .d22952ed3 .a93052d9d a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .d22952ed3 .a93052d9d a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .d22952ed3 .a93052d9d a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .d22952ed3 .a93052d9d a:nth-child(3n+1){ margin-left:0; } .d22952ed3 .a93052d9d figure{ position:relative; height:160px; overflow:hidden; border:rgba(0,0,0,0.08) 1px solid; box-shadow:2px 5px 10px #e9e9e9; border-radius:4px; } .d22952ed3 .a93052d9d figure img{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; min-height: 160px; transition:all 0.6s; } .d22952ed3 .a93052d9d figure:hover img{ transform:scale(1.1); } .d22952ed3 .a93052d9d .a05641273{ display:table; text-align:justify; margin-top:10px; } .d22952ed3 .a93052d9d .a05641273 p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025{ } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .fe4d6cf81, .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .d141d2004, .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142{ display:inline-block; color:#888; margin-right:20px; font-size:12px; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .fe4d6cf81 span, .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .d141d2004 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .d141d2004 span{ } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142{ margin-right:0; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 .dbbc58142 a:hover{ background-color:var(--main-main_color); color:#fff; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025 span.d24a6a27d{ float: left; margin:3px 5px 0 0; opacity:0.8; } @media screen and ( max-width:1024px ) { .d22952ed3 .a93052d9d figure{ height:124px; } .d22952ed3 .a93052d9d figure img{ min-height:124px; } .d22952ed3 .a93052d9d .a05641273 p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .d22952ed3 .a93052d9d figure{ height:140px; } .d22952ed3 .a93052d9d figure img{ min-height:140px; } .d22952ed3 .a93052d9d .a05641273 p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .d22952ed3 li { padding: 17px 0; } .d22952ed3 .a93052d9d figure{ height:70px; } .d22952ed3 .a93052d9d figure img{ min-height:70px; } .d22952ed3 .a93052d9d .a05641273 p{ -webkit-line-clamp:3; } .d22952ed3 .a93052d9d .a05641273 .b4b3bc025{ display:none; } } .dc4805ff4{} .dc4805ff4 ul{} .dc4805ff4 li{ float:left; font-size:12px; padding-right:10px; } .dc4805ff4 li a{ display:block; color:#666; } .evaluate{} .evaluate .care_for{} .evaluate .care_for ul{} .evaluate .care_for li{ float:left; min-width:100px; height:32px; line-height:32px; border:#dae0e4 1px solid; border-radius:32px; cursor:pointer; text-align:center; } .evaluate .care_for li span{ display:block; padding:0 10px; font-size:12px; position:relative; } .evaluate .care_for li span .css_iconfont.icon-agree{ margin:10px 0; padding:0 0; } .evaluate .care_for li span small{ padding:0 3px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#5ba84d; position:relative; top:1px; } .evaluate .care_for li span small.tips{ font-size:12px; font-weight:normal; color:#44b242; position:absolute; left:0; right:inherit; top:inherit; bottom:-20px; width:100%; height:21px; line-height:21px; padding:0 0; overflow:hidden; } @media screen and ( max-width:600px ) { .evaluate{ float:inherit; } } .beautify{ color:#000; position:relative; line-height:24px; text-align:justify; font-size:16px; letter-spacing:2px; } .beautify p{ position:relative; margin-top:20px; text-indent:0; } .beautify p.about_this_article{ font-size:14px; line-height:21px; padding:20px; background-color:#fefefe; border:#ddd 1px solid; color:#000; } .beautify strong{ font-size:17px; font-weight:bold; color:#d40000; } .beautify a{ color:#d40000; text-decoration:underline; } .beautify figure{ margin:20px 0; text-align:center; } .beautify figure img{ width:auto; max-width:100%; height:auto; font-size:0; position:inherit; transform-origin:center; } .beautify figure figcaption, .beautify figure div[data-type="figcaption"], .beautify figure a{ color:#333; font-size:13px; text-decoration:none; } .beautify *[data-type="start"]{ font-weight:bold; font-size:21px; color:#d40000; letter-spacing:0; } .beautify *[data-type="start"][data-number="true"]{ position:relative; font-weight:bold; font-size:21px; color:#44b242; letter-spacing:0; padding:0 10px; margin-right:18px; display:inline-block; transform:skewX(-20deg); box-shadow:5px 3px 6px rgba(0,0,0,0.28); user-select:none; font-family:Arial, Helvetica, sans-serif; } .beautify *[data-type="start"]{ } icon{ display:inline-block; } .css_iconfont{ } .css_iconfont.icon-agree{ position:relative; width:12px; height:12px; float:left; } .css_iconfont.icon-agree .icon-module-1{ position:absolute; right:0; bottom:0; width:8px; height:8px; background-color:#32aa54; transform:skew(-12deg, 0deg); border-radius:2px; z-index:3; } .css_iconfont.icon-agree .icon-module-2{ position:absolute; right:0; bottom:0; width:9px; height:6px; background-color:#fff; border:#92c9e9 1px solid; transform:skew(0deg,0deg); border-radius:2px; z-index:2; } .css_iconfont.icon-agree .icon-module-3{ position:absolute; right:4px; bottom:0; width:3px; height:11px; background-color:#32aa54; transform:skew(344deg,0deg); border-radius:2px; z-index:1; } .b68985528{} .b68985528 article{ text-align:inherit; color:#000; } .b68985528 section[data-translation="true"]{ margin-top:20px; border:#eee 1px solid; } .b68985528 section[data-translation="true"] div[data-type="translation-name"]{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } .b68985528 section[data-translation="true"] div[data-type="translation-name"] h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } .b68985528 section[data-translation="true"] div[data-type="translation-name"] h2 sup{ font-size:10px; margin-left:10px; background-color:#eee; border:#ddd 1px solid; padding:0 8px; height:21px; line-height:21px; color:#333; font-weight:100; user-select:none; float:right; } .b68985528 section[data-translation="true"] dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } .b68985528 section[data-translation="true"] dt, .b68985528 section[data-translation="true"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } .b68985528 section[data-translation="true"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } .b68985528 section[data-translation="true"] dd{ display:flow-root; font-size:12px; line-height:24px; } .b68985528 section[data-translation="true"] dd[data-type="translation-of"] span{ font-family:webfont; display:inline-block; float:left; width:auto; height:22px; line-height:22px; padding:0 10px; margin-right:10px; text-align:center; font-size:12px; background-color:var(--main-main_color); border:var(--main-main_color) 1px solid; box-shadow:0 0 10px #9ad099; border-radius:4px; user-select:none; color:#fff; } .b68985528 section[data-translation="true"] dd[data-type="translation-of"] strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; color:#000; } .b68985528 section[data-translation="true"] dd[data-type="phonetic-symbols"] em{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; } .b68985528 section[data-translation="true"] dd[data-type="pronunciation"] .play{ display: inline-block; position: relative; top: 2px; height: 16px; line-height: 16px; cursor: pointer; } .b68985528 section[data-translation="true"] dd[data-type="pronunciation"] .play .icon-play{ border: #404040 8px solid; } .b68985528 section[data-translation="true"] dd[data-type="pronunciation"] .play .icon-play:before{ left: -2px; top: -4px; border-width: 4px 0 4px 6px; } .b68985528 section[data-translation="true"] dd[data-type="pronunciation"] .play .icon-play.icon-suspend:before{ left: -4px; top: -3px; width: 2px; height: 6px; border-color: transparent #fff; border-width: 0 3px; } .b68985528 section[data-phonetic_symbols="true"]{ margin-top:30px; } .b68985528 section[data-phonetic_symbols="true"] .project-name{ position:relative; padding-left:20px; } .b68985528 section[data-phonetic_symbols="true"] .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .b68985528 section[data-phonetic_symbols="true"] .project-content{ margin:10px 0 0 20px; } .b68985528 section[data-phonetic_symbols="true"] .project-content ul{ } .b68985528 section[data-phonetic_symbols="true"] .project-content li{ line-height:28px; } .b68985528 section[data-phonetic_symbols="true"] .project-content li span{ color:#666; font-size:14px; } .b68985528 section[data-phonetic_symbols="true"] .project-content li em{ font-family:Arial, Helvetica, sans-serif; } .b68985528 section[data-words="true"]{ margin-top:30px; } .b68985528 section[data-words="true"] .project-name{ position:relative; padding-left:20px; } .b68985528 section[data-words="true"] .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .b68985528 section[data-words="true"] .project-content{ margin:10px 0 0 20px; } .b68985528 section[data-words="true"] .project-content ul{ position:relative; margin-left: 5px; } .b68985528 section[data-words="true"] .project-content ul:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color: #eee; } .b68985528 section[data-words="true"] .project-content li{ position:relative; margin-left: 20px; margin-top:20px; } .b68985528 section[data-words="true"] .project-content li .phrase{ position:relative; height: 28px; line-height: 28px; } .b68985528 section[data-words="true"] .project-content li .phrase:before{ content:""; position:absolute; left: -24px; top: 9px; width:10px; height:10px; background-color:#999; border-radius:50%; } .b68985528 section[data-words="true"] .project-content li .phrase:after{ content:""; position:absolute; left: -22px; top: 11px; width:6px; height:6px; background-color:#fff; border-radius:50%; } .b68985528 section[data-words="true"] .project-content li:hover .phrase:before{ background-color:var(--main-main_color); } .b68985528 section[data-words="true"] .project-content li .english-test-system{ margin-top:10px; } .b68985528 section[data-words="true"] .project-content li .english-test-system span, .b68985528 section[data-words="true"] .project-content li .english-test-system string, .b68985528 section[data-words="true"] .project-content li .english-test-system em{ display: inline-block; background-color: #eee; width: auto; height: 28px; line-height: 28px; padding: 0 10px; margin-right:5px; border-radius: 4px; font-style: inherit; font-weight: unset; font-size: 13px; color: #333; } .b68985528 section[data-words="true"] .project-content li .definition{ margin-top: 0; display: flow-root; } .b68985528 section[data-words="true"] .project-content li .definition .item{ border: #eee 1px solid; background-color:#fafafa; padding: 10px; margin: 10px 0 10px 0; overflow: hidden; } @media screen and ( min-width:1025px ) { .b68985528 section[data-words="true"] .project-content li .definition .item.arrangement-n{ float: left; width: calc( 33.333333% - 35.333333px); height: 108px; min-height: 108px; margin: 10px 10px 10px 10px; } .b68985528 section[data-words="true"] .project-content li .definition .item.arrangement-n:nth-child(3n){ margin-right:0; } .b68985528 section[data-words="true"] .project-content li .definition .item.arrangement-n:nth-child(3n+1){ margin-left:0; } } .b68985528 section[data-words="true"] .project-content li .definition .item .part-of-speech{ color:#666; } .b68985528 section[data-words="true"] .project-content li .definition .item .word-definition{ line-height:24px; margin-top:10px; } .b68985528 section[data-words="true"] .project-content li .definition .item .word-definition span, .b68985528 section[data-words="true"] .project-content li .definition .item .word-definition strong, .b68985528 section[data-words="true"] .project-content li .definition .item .word-definition em{ display: inline-block; margin: 0 10px 0 0; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences{ } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences ul{ margin-left: 5px; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences ul:before{ display:none; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li{ position:relative; margin-top:20px; margin-left:0; padding-left:20px; counter-increment:sidebar1-item; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:0; width:20px; height:20px; line-height:20px; color:#999; font-family:Arial, Helvetica, sans-serif; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li div{ line-height: 20px; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li div:nth-child(1){ } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li div:nth-child(2){ font-family:Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li div a{ color: var(--main-main_color); } .b68985528 section[data-words="true"] .project-content li .definition .example-sentences li div span{ font-weight:bold; color:#d40000; } .b68985528 section[data-example_sentence="true"]{ margin-top:30px; } .b68985528 section[data-example_sentence="true"] .project-name{ position:relative; padding-left:20px; } .b68985528 section[data-example_sentence="true"] .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .b68985528 section[data-example_sentence="true"] .project-content{ margin:10px 0 0 20px; } .b68985528 section[data-example_sentence="true"] .project-content ul{ } .b68985528 section[data-example_sentence="true"] .project-content li{ position:relative; margin-top:20px; padding-left:20px; counter-increment:sidebar1-item; } .b68985528 section[data-example_sentence="true"] .project-content li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:0; width:20px; height:20px; line-height:20px; color:#999; font-family:Arial, Helvetica, sans-serif; } .b68985528 section[data-example_sentence="true"] .project-content li div{ line-height: 20px; } .b68985528 section[data-example_sentence="true"] .project-content li div:nth-child(1){ } .b68985528 section[data-example_sentence="true"] .project-content li div:nth-child(2){ font-family:Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .b68985528 section[data-example_sentence="true"] .project-content li div a{ color: var(--main-main_color); } .translation .classify-sentence{ margin-top:30px; } .translation .classify-sentence .project-name{ position:relative; padding-left:20px; } .translation .classify-sentence .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translation .classify-sentence .project-content{ margin:10px 0 0 20px; } .translation .classify-sentence .project-content span{ margin-right: 10px; background-color: #eee; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 4px; display: inline-block; } .translation .voice-analysis{ margin-top:30px; } .translation .voice-analysis .project-name{ position:relative; padding-left:20px; } .translation .voice-analysis .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translation .voice-analysis .project-content{ margin:10px 0 0 20px; } .translation .voice-analysis .project-content .items { position: relative; margin-left: 5px; } .translation .voice-analysis .project-content .items:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .translation .voice-analysis .item { position: relative; margin-left: 20px; margin-top: 20px; } .translation .voice-analysis .item .after { position: relative; height: 28px; line-height: 28px; } .translation .voice-analysis .item .after:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .translation .voice-analysis .item .after:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .translation .voice-analysis .item>ul { position: relative; margin-left: 5px; } .translation .voice-analysis .item>ul>li { position: relative; margin-top: 20px; padding-left: 20px; counter-increment: sidebar1-item; } .translation .voice-analysis .item>ul>li:before { content: counter(sidebar1-item); position: absolute; z-index: 1; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; color: #999; font-family: Arial, Helvetica, sans-serif; } .translation .modal-verb{ margin-top:30px; } .translation .modal-verb .project-name{ position:relative; padding-left:20px; } .translation .modal-verb .project-name:before{ content:""; position: absolute; left:0; top:calc( 50% - 5px); width:10px; height:10px; background-color:var(--main-main_color); box-shadow:3px 3px 0 rgba(68,178,66,0.6); } .translation .modal-verb .project-content{ margin:10px 0 0 20px; }