@font-face { font-family:'webfont'; font-display:swap; src:url('./../../fonts/AlibabaPuHuiTiAll/webfont.eot'); src:url('./../../fonts/AlibabaPuHuiTiAll/webfont.eot?#iefix') format('embedded-opentype'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.woff2') format('woff2'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.woff') format('woff'), url('./../../fonts/AlibabaPuHuiTiAll/webfont.ttf') format('truetype'), url('./../../fonts/AlibabaPuHuiTiAll/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; } .c9699ce15{ clear:both; } .da4ad6083{ display:flow-root; } :root{ --main-box_width:1300px; --main-background_color:#f5f6f7; --main-main_color:#0066ff; --main-text_color:#333; } :root{ --main-box_width:1300px; --main-background_color:#f5f6f7; --main-main_color:#0066ff; } :root{ --main-text_hover_color:var(--main-main_color); } .ffc463755{ margin:0px auto; width:var(--main-box_width); } .af8960316{ border:#eee 1px solid; background-color:#ffffff; padding:17px; } .e8e57817d{ float:left; } .f0db1bd83{ float:right; } .b40258270{ width:calc( 100% - 420px ); } .f358eeeec{ width:400px; } .a1a652543{ margin-top:10px; } .e6f3557c7{ margin-top:20px; } .df6023a4e{ margin-top:34px; } .c6862378c{ position:relative; height:36px; line-height:36px; } .c6862378c:before{ content:""; width:5px; height:14px; position:absolute; left:0; top:calc( 50% - 7px); background-color:var(--main-main_color); border-radius:4px; } .c6862378c:after{ content:""; } .c6862378c .bedb91339{ font-weight:normal; font-size:15px; margin-left:10px; } @media screen and ( max-width:1024px ) { .a3a138347{ display:none; } .ffc463755{ width:calc( 100% - 34px ); min-width:inherit; } .b40258270{ width:calc( 100% - 320px ); } .f358eeeec{ width:300px; } .ea60abad6{ margin-top:5px; } .a91756eef{ margin-top:10px; } } @media screen and ( max-width:768px ) { .b33f84325{ display:none; } .ffc463755{ width:calc( 100% - 10px ); min-width:inherit; } .e8e57817d.b40258270{ display:flow-root; float:inherit; width:auto; } .f0db1bd83.f358eeeec{ display:flow-root; float:inherit; width:auto; } .a24259078{ margin-top:5px; } .d2d7d5307{ margin-top:10px; } } @media screen and ( max-width:600px ) { .cc86352dc{ display:none; } .ffc463755{ width:calc( 100% - 10px ); min-width:inherit; } } .b21a8df3f{ width:auto; height:32px; line-height:32px; background-color:#f5f5f5; } .b21a8df3f .d2c28a9e4 h1, .b21a8df3f .d2c28a9e4 h2{ font-size:13px; font-weight:unset; color:#000; } .d789afc65{ position:relative; z-index:10001; height:68px; background-color:rgba(255,255,255,0.8); border-bottom:#dbdbdb 1px solid; } .d789afc65 .a13c348b5{} .d789afc65 .a13c348b5 img{ padding:9px 0; max-height:50px; } span[data-type="menu"]{ display:none; } .d789afc65 .ef0ff9cb8{} .d789afc65 .ef0ff9cb8 nav{} .d789afc65 .ef0ff9cb8 nav ul{} .d789afc65 .ef0ff9cb8 nav ul li{ position:relative; float:left; padding:0 20px; line-height:68px; } .d789afc65 .ef0ff9cb8 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); } .d789afc65 .ef0ff9cb8 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; } .d789afc65 .ef0ff9cb8 nav ul li:hover ul{ display:block; } .d789afc65 .ef0ff9cb8 nav ul li ul li{ position:relative; line-height:40px; font-size:13px; padding:0 20px; display:block; float:unset; text-align:left; } .d789afc65 .ef0ff9cb8 nav ul li ul li:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ebebeb; } .d789afc65 .ef0ff9cb8 nav ul li ul li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#fff; } .d789afc65 .ef0ff9cb8 nav ul li ul li:nth-last-child(1):before, .d789afc65 .ef0ff9cb8 nav ul li ul li:nth-last-child(1):after{ display:none; } .d789afc65 .ef0ff9cb8 nav ul li ul li a{ display:block; color:unset; } .d789afc65 .ef0ff9cb8 nav ul li ul li:hover a{ color:var(--main-main_color); } .d789afc65 .b5f059914{ position:relative; } .d789afc65 .b5f059914 form{ margin:20px 6px; cursor:pointer; position:relative; width:200px; opacity:0; } .d789afc65 .b5f059914 form[data-show="true"]{ opacity:1; transition:all 2s; } .d789afc65 .b5f059914 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; } .d789afc65 .b5f059914 form input{ } .d789afc65 .b5f059914 form button{ float:right; border:none; cursor:pointer; margin:6px 4px 0 2px; background-color:transparent; } .d789afc65 .b5f059914 span.ea78c3501.e7587ca4f{ position:absolute; right:0; top:0; margin:25px 10px; cursor:pointer; } @media screen and ( max-width:1024px ) { .d789afc65{ height:50px; } .d789afc65 .a13c348b5 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; } .d789afc65 .ef0ff9cb8, .d789afc65 .b5f059914{ display:none; } .d4627e391{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; margin-top:50px; } .d4627e391:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.99); z-index:10000; } .d4627e391 nav{ position:relative; z-index:10001; padding:17px 17px; } .d4627e391 nav ul{} .d4627e391 nav li{ line-height:50px; border-bottom:#f2f2f2 1px solid; } .d4627e391 nav li ul{ border-radius:6px; padding:0 17px; } .d4627e391 nav li ul li{ position:relative; line-height:32px; border-bottom:none; padding-left:22px; } .d4627e391 nav li ul li:before{ content:""; position:absolute; left:0; top:calc( 50% - 1px ); width:10px; height:2px; background-color:#0066ff; border-radius:12px; } .d4627e391 form{ position:relative; z-index:10001; display:block; padding:17px 17px; background-color:#eee; height: 30px;} .d4627e391 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; } .d4627e391 form button{ float:right; border:none; cursor:pointer; margin:6px 4px 0 2px; background-color:transparent; } } .dd2f20e59, .dd2f20e59 div{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .dd2f20e59 span.ea78c3501.afc262fae{ margin:0 10px; position:relative; top:-2px; } @media screen and ( max-width:768px ) { .dd2f20e59, .dd2f20e59 a{ font-size:12px; color:#666; } } .b422b33e0{ } .b422b33e0 ul{ } .b422b33e0 li{ border-bottom:#eee 1px solid; padding:34px 0; } .b422b33e0 li:nth-child(1){ padding-top:20px; } .b422b33e0 li:nth-last-child(1){ border-bottom:none; } .b422b33e0 li .ff4b7f3f8{ display:contents; } .b422b33e0 li .ff4b7f3f8 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; } .b422b33e0 li .ff4b7f3f8 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; } .b422b33e0 li .ff4b7f3f8 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; } .b422b33e0 li h3{ display:inline-block; font-size:18px; line-height: 21px; } .b422b33e0 figure img{ width:100%; height:auto; } .b422b33e0 .d2c28a9e4{ display:flow-root; } .b422b33e0 .d2c28a9e4{ } .b422b33e0 .d2c28a9e4 a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .b422b33e0 .d2c28a9e4 a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .b422b33e0 .d2c28a9e4 a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .b422b33e0 .d2c28a9e4 a:nth-child(3n+1){ margin-left:0; } .b422b33e0 .d2c28a9e4 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; } .b422b33e0 .d2c28a9e4 figure img{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; min-height: 160px; transition:all 0.6s; } .b422b33e0 .d2c28a9e4 figure:hover img{ transform:scale(1.1); } .b422b33e0 .d2c28a9e4 .bf658506e{ display:table; text-align:justify; margin-top:10px; } .b422b33e0 .d2c28a9e4 .bf658506e p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133{ } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .c6e05d3ca, .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .a823d1126, .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16{ display:inline-block; color:#888; margin-right:20px; font-size:12px; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .c6e05d3ca span, .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .a823d1126 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .a823d1126 span{ } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16{ margin-right:0; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16 a:hover{ background-color:var(--main-main_color); color:#fff; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133 span.ea78c3501{ float: left; margin:3px 5px 0 0; opacity:0.8; } @media screen and ( max-width:1024px ) { .b422b33e0 .d2c28a9e4 figure{ height:124px; } .b422b33e0 .d2c28a9e4 figure img{ min-height:124px; } .b422b33e0 .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .b422b33e0 .d2c28a9e4 figure{ height:140px; } .b422b33e0 .d2c28a9e4 figure img{ min-height:140px; } .b422b33e0 .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .b422b33e0 li { padding: 17px 0; } .b422b33e0 .d2c28a9e4 figure{ height:70px; } .b422b33e0 .d2c28a9e4 figure img{ min-height:70px; } .b422b33e0 .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:3; } .b422b33e0 .d2c28a9e4 .bf658506e .c595b4133{ display:none; } } .a5526a00f{ text-align:center; margin:10px 0 34px 0; } .a5526a00f span, .a5526a00f 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); } .a5526a00f span, .a5526a00f a:hover{ border:var(--main-main_color) 1px solid; background-color:#fff; color:var(--main-main_color); } .e5191d62a{ } .e5191d62a .bedb91339{ } .e5191d62a ul{ } .e5191d62a li{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; line-height:40px; border-bottom:#e5e5e5 1px dashed; } .e5191d62a li a{ display:block; } .e5191d62a li:nth-last-child(1){ border-bottom:none; } .e5191d62a li p{ display:none; } @media screen and ( max-width:768px ) { .e5191d62a 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; } } .c122c5936{ } .c122c5936 .bedb91339{ } .c122c5936 ul{ } .c122c5936 li{ position:relative; line-height:40px; border-bottom:#e5e5e5 1px dashed; counter-increment:sidebar1-item; } .c122c5936 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; } .c122c5936 li:nth-child(1):before, .c122c5936 li:nth-child(2):before, .c122c5936 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; } .c122c5936 li:nth-last-child(1){ border-bottom:none; } .c122c5936 li a{ position:relative; z-index:2; padding-left:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .c122c5936 li p{ display:none; } @media screen and ( max-width:768px ) { .c122c5936 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; } } .d8bff6024{ } .d8bff6024 .bedb91339{ } .d8bff6024 ul{ } @media screen and ( min-width:769px ) { .d8bff6024 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; } .d8bff6024 li:nth-child(3n){ margin-right:0; } .d8bff6024 li:nth-child(3n + 1){ margin-left:0; } } .d8bff6024 li a{ position:relative; z-index:2; display:block; border:#eee 1px solid; font-size:12px; transition:none; } .d8bff6024 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; } .d8bff6024 li:hover a{ color:#fff; } .d8bff6024 li:hover a:before{ opacity:0.6; } @media screen and ( max-width:768px ) and ( min-width:601px ) { .d8bff6024 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; } .d8bff6024 li:nth-child(5n){ margin-right:0; } .d8bff6024 li:nth-child(5n + 1){ margin-left:0; } } @media screen and ( max-width:600px ) { .d8bff6024 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; } .d8bff6024 li:nth-child(4n){ margin-right:0; } .d8bff6024 li:nth-child(4n + 1){ margin-left:0; } } .a54fd80dc{ background-color:#fff; box-shadow:0 -10px 30px #f1f1f1; } .a54fd80dc .ef0ff9cb8{} .a54fd80dc .ef0ff9cb8 ul{} .a54fd80dc .ef0ff9cb8 li{ position:relative; display:inline-block; width:auto; height:32px; line-height:32px; } .a54fd80dc .ef0ff9cb8 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%; } .a54fd80dc .ef0ff9cb8 li:nth-last-child(1):before{ display:none; } .a54fd80dc .ef0ff9cb8 li a{ padding:0 36px 0 0; color:#666; } .a54fd80dc .ef0ff9cb8 li ul{ position:relative; display:inline-block; } .a54fd80dc .ef0ff9cb8 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%; } .a54fd80dc .c43be32ee, .a54fd80dc .c43be32ee a{ color:#999; font-size:13px; } .a54fd80dc .c43be32ee a{ color:var(--main-main_color); padding:0 2px; } .a54fd80dc .a962c8bae{ font-size:13px; } .a54fd80dc .a962c8bae a, .a54fd80dc .a962c8bae span{ color:#999; padding-right:10px; } @media screen and ( max-width:1024px ) { .a54fd80dc .ef0ff9cb8{ font-size:12px; } .a54fd80dc .ef0ff9cb8 li{ height:21px; line-height:21px; } .a54fd80dc .ef0ff9cb8 li:before{ right:4px; opacity:0.6; } .a54fd80dc .ef0ff9cb8 li a{ padding:0 16px 0 0; } .a54fd80dc .ef0ff9cb8 li ul:before{ left:-10px; opacity:0.6; } .a54fd80dc .c43be32ee, .a54fd80dc .c43be32ee a{ font-size:12px; } .a54fd80dc .a962c8bae{ font-size:12px; } } .baada59d4{ 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; } .ea78c3501{ user-select:none; } .ea78c3501.e7587ca4f{ position:relative; display:inline-block; width:21px; height:21px; } .ea78c3501.e7587ca4f: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%); } .ea78c3501.e7587ca4f: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; } .ea78c3501{ user-select:none; } .ea78c3501.afc262fae{ display:inline-block; position:relative; width:10px; height:10px; border-radius:50% 50% 50% 0; background-color:#999; transform:rotate(-45deg); } .ea78c3501.afc262fae:before{ content:""; position:absolute; width:5px; height:5px; top:calc( 50% - 3px); left:calc( 50% - 2.5px); background-color:#fff; border-radius:50%; } .ea78c3501.afc262fae: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; } .c7ed2c8d9{ } .c7ed2c8d9 ul{ display:flow-root; } .c7ed2c8d9 li{ margin-top:10px; } .c7ed2c8d9 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; } .c7ed2c8d9 figure img{ width:100%; height:100%; transition:all 0.6s; } .c7ed2c8d9 figure:hover img{ transform:scale(1.1); } .c7ed2c8d9 .d2c28a9e4{ width:calc( 100% - 131px ); } .c7ed2c8d9 .d2c28a9e4{ } .c7ed2c8d9 .d2c28a9e4 h3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; font-size:14px; font-weight:unset; } .c7ed2c8d9 .d2c28a9e4 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 ) { .c7ed2c8d9 figure{ width:97px; height:60px; } .c7ed2c8d9 .d2c28a9e4{ width:calc( 100% - 107px ); } .c7ed2c8d9 .d2c28a9e4 h3{ -webkit-line-clamp:2; line-height:24px; } .c7ed2c8d9 .d2c28a9e4 p{ display:none; } } } @media screen and ( max-width:768px ) and ( min-width:601px ) { .c7ed2c8d9 li{ width:calc( 50% - 10px ); float:left; } .c7ed2c8d9 li:nth-child(even){ float:right; } .c7ed2c8d9 .d2c28a9e4 h3{ -webkit-line-clamp:1; } } @media screen and ( max-width:600px ) { .c7ed2c8d9 li{ width:auto; float:initial; } .c7ed2c8d9 .d2c28a9e4 h3{ -webkit-line-clamp:1; } } .db15f7795{ padding:34px; } .db15f7795 h1.b4c9d239e{ font-weight:bold; color:#000; text-align:center; } .db15f7795 .b91788ca4{ font-size:13px; color:#999; text-align:center; } .db15f7795 .b91788ca4 span{ display:inline-block; margin-right:15px; } .db15f7795 .b91788ca4 span.ea78c3501{ float:left; margin:4px 5px 0 0; opacity:0.8; } .db15f7795 .b91788ca4 span .d2b7bcea4{ font-family:Arial, Helvetica, sans-serif; margin-right:0; } .db15f7795 article{ line-height:24px; font-size:15px; text-align:justify; color:#000; } .db15f7795 article p{ margin-top:20px; } .db15f7795 article p:nth-child(1){ margin-top:0; } .db15f7795 article img{ display:flow-root; width:auto; height:auto; max-width:calc( 100% - 40px ); margin:20px auto; } .db15f7795 article .ff4b7f3f8{ color:#666; } .db15f7795 article .ff4b7f3f8 h2{ font-size:15px; font-weight:unset; } .db15f7795 article .ff4b7f3f8 ul{ display:inline-block; } .db15f7795 article .ff4b7f3f8 li{ display:inline-block; } .db15f7795 article .ff4b7f3f8 a{ font-size:15px; color:var(--main-main_color); padding:0 2px; } .db15f7795 article .dbf41a679{ } .db15f7795 article .dbf41a679 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:1px 2px; padding:0 10px; border-radius:4px; box-shadow:1px 1px 10px rgba(0,0,0,0.2); } .db15f7795 article .dbf41a679 a:hover{ border:var(--main-main_color) 1px solid; background-color:#fff; color:var(--main-main_color); }@media screen and ( max-width:1024px ) { .db15f7795{ padding:17px; } .db15f7795 h1.b4c9d239e{ text-align:left; font-size:21px; line-height:26px; } .db15f7795 .b91788ca4{ text-align:left; } } .e0f948f9c{ padding:34px; } .e0f948f9c ul{ } .e0f948f9c li{ position:relative; line-height:32px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .e0f948f9c li:nth-child(1):before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#f5f6f7; } .e0f948f9c li span{ color:#999; } @media screen and ( max-width:1024px ) { .e0f948f9c{ padding:17px; } } .e96bb0aad{ } .e96bb0aad ul{ } .e96bb0aad li{ border-bottom:#eee 1px solid; padding:34px 0; } .e96bb0aad li:nth-child(1){ padding-top:20px; } .e96bb0aad li:nth-last-child(1){ border-bottom:none; } .e96bb0aad li .ff4b7f3f8{ display:contents; } .e96bb0aad li .ff4b7f3f8 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; } .e96bb0aad li .ff4b7f3f8 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; } .e96bb0aad li .ff4b7f3f8 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; } .e96bb0aad li h3{ display:inline-block; font-size:18px; line-height: 21px; } .e96bb0aad figure img{ width:100%; height:auto; } .e96bb0aad .d2c28a9e4{ display:flow-root; } .e96bb0aad .d2c28a9e4{ } .e96bb0aad .d2c28a9e4 a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .e96bb0aad .d2c28a9e4 a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .e96bb0aad .d2c28a9e4 a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .e96bb0aad .d2c28a9e4 a:nth-child(3n+1){ margin-left:0; } .e96bb0aad .d2c28a9e4 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; } .e96bb0aad .d2c28a9e4 figure img{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; min-height: 160px; transition:all 0.6s; } .e96bb0aad .d2c28a9e4 figure:hover img{ transform:scale(1.1); } .e96bb0aad .d2c28a9e4 .bf658506e{ display:table; text-align:justify; margin-top:10px; } .e96bb0aad .d2c28a9e4 .bf658506e p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133{ } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .c6e05d3ca, .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .a823d1126, .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16{ display:inline-block; color:#888; margin-right:20px; font-size:12px; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .c6e05d3ca span, .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .a823d1126 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .a823d1126 span{ } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16{ margin-right:0; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16 a:hover{ background-color:var(--main-main_color); color:#fff; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133 span.ea78c3501{ float: left; margin:3px 5px 0 0; opacity:0.8; } @media screen and ( max-width:1024px ) { .e96bb0aad .d2c28a9e4 figure{ height:124px; } .e96bb0aad .d2c28a9e4 figure img{ min-height:124px; } .e96bb0aad .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .e96bb0aad .d2c28a9e4 figure{ height:140px; } .e96bb0aad .d2c28a9e4 figure img{ min-height:140px; } .e96bb0aad .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .e96bb0aad li { padding: 17px 0; } .e96bb0aad .d2c28a9e4 figure{ height:70px; } .e96bb0aad .d2c28a9e4 figure img{ min-height:70px; } .e96bb0aad .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:3; } .e96bb0aad .d2c28a9e4 .bf658506e .c595b4133{ display:none; } } .ea78c3501{ user-select:none; } .ea78c3501.e5d5428ca{ position: relative; width: 13px; height: 13px; background-color: #fff; border-radius: 50%; overflow: hidden; user-select: none; } .ea78c3501.e5d5428ca:before{ content: ""; position: absolute; left: calc( 50% - 2.5px ); top: calc( 55% - 6px); width: 5px; height: 5px; background-color: #999; border-radius: 50%; } .ea78c3501.e5d5428ca:after{ content: ""; position: absolute; left: calc( 50% - 7.5px ); top: 50%; width: 15px; height: 15px; background-color: #999; border-radius: 50%; } .ea78c3501{ user-select:none; } .ea78c3501.fef20927a{ position: relative; padding:0; margin:0; width: 12px; height: 8px; border: #999 2px solid; border-radius: 50%; box-shadow: 0px 1px 5px #dddddd; } .ea78c3501.fef20927a:before{ content: ""; position: absolute; left: calc( 50% - 3px); width:2px; height:2px; border: #666 2px solid; border-radius: 50%; top: calc( 50% - 3px); } .ea78c3501.fef20927a:after{ } .ea78c3501{ user-select:none; } .ea78c3501.e7a62b7ef{ position:relative; padding:0; margin:0; display:inline-block; width:14px; height:12px; background-color:#999; background: linear-gradient(0deg, rgba(184,184,184,1) 0%, rgba(102,102,102,1) 52%, rgba(122,122,122,1) 100%); border-radius:2px; box-shadow: 0px 1px 5px #dddddd; } .ea78c3501.e7a62b7ef: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; } .ea78c3501.e7a62b7ef:after{ content:""; position:absolute; left:0; top:2px; width:100%; height:1px; background-color:#fff; } .e204e0881{ padding:34px; } .e204e0881 h1.b4c9d239e{ font-weight:bold; color:#000; } .e204e0881 article{ line-height:24px; font-size:15px; text-align:justify; color:#000; } .e204e0881 article p{ margin-top:20px; } .e204e0881 article p:nth-child(1){ margin-top:0; } .e204e0881 article img{ display:flow-root; width:auto; height:auto; max-width:calc( 100% - 40px ); margin:20px auto; } .e204e0881 article .dbf41a679{ } .e204e0881 article .ff4b7f3f8{ color:#666; } .e204e0881 article .ff4b7f3f8 h2{ font-size:15px; font-weight:unset; } .e204e0881 article .ff4b7f3f8 ul{ display:inline-block; } .e204e0881 article .ff4b7f3f8 li{ display:inline-block; } .e204e0881 article .ff4b7f3f8 a{ font-size:15px; color:var(--main-main_color); padding:0 2px; } .e204e0881 article .dbf41a679 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); } .e204e0881 article .b91788ca4{ font-size:13px; text-align:right; color:#999; } .e204e0881 article .b91788ca4 span{ font-family:Arial, Helvetica, sans-serif; } @media screen and ( max-width:1024px ) { .e204e0881{ padding:17px; } .e204e0881 h1.b4c9d239e{ text-align:left; font-size:21px; line-height:26px; } } .f28ec2455{ width:100%; background-color:#fff; border:#ddd 1px solid; } .slide_box{ position:relative; overflow: hidden; } .slide_box .slide_image_list{ clear:both; } .slide_box .slide_image_list li{ display: none; position: relative; overflow: hidden; text-align: center; } .slide_box .slide_image_list li img{ width:100%; max-width:100%; } .slide_box .slide_bar{ position:absolute; bottom:15px; left:50%; margin-left:-31px; } .slide_box .slide_bar li{ float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; background: rgba(0, 0, 0, 0.5); color: #fff; overflow: hidden; } .slide_box .slide_bar li.on{ background: rgba(255, 255, 255, 0.9); color: #000; } .dceb5030f{ } .dceb5030f ul{ } .dceb5030f li{ border-bottom:#eee 1px solid; padding:34px 0; } .dceb5030f li:nth-child(1){ padding-top:20px; } .dceb5030f li:nth-last-child(1){ border-bottom:none; } .dceb5030f li .ff4b7f3f8{ display:contents; } .dceb5030f li .ff4b7f3f8 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; } .dceb5030f li .ff4b7f3f8 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; } .dceb5030f li .ff4b7f3f8 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; } .dceb5030f li h3{ display:inline-block; font-size:18px; line-height: 21px; } .dceb5030f figure img{ width:100%; height:auto; } .dceb5030f .d2c28a9e4{ display:flow-root; } .dceb5030f .d2c28a9e4{ } .dceb5030f .d2c28a9e4 a{ width:calc(33.333333% - 13.333333px); margin:10px 10px 10px 10px; float:left; } .dceb5030f .d2c28a9e4 a:nth-child(2){ width:calc(33.333333% + 7.333333px); margin-left:0; margin-right:0; } .dceb5030f .d2c28a9e4 a:nth-child(3n){ float:right; margin-left:0; margin-right:0; } .dceb5030f .d2c28a9e4 a:nth-child(3n+1){ margin-left:0; } .dceb5030f .d2c28a9e4 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; } .dceb5030f .d2c28a9e4 figure img{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; min-height: 160px; transition:all 0.6s; } .dceb5030f .d2c28a9e4 figure:hover img{ transform:scale(1.1); } .dceb5030f .d2c28a9e4 .bf658506e{ display:table; text-align:justify; margin-top:10px; } .dceb5030f .d2c28a9e4 .bf658506e p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; color:#666; font-size:15px; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133{ } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .c6e05d3ca, .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .a823d1126, .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16{ display:inline-block; color:#888; margin-right:20px; font-size:12px; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .c6e05d3ca span, .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .a823d1126 span{ font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .a823d1126 span{ } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16{ margin-right:0; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16 a{ width:auto; margin:inherit; padding:0 10px; border:#ddd 1px solid; background-color:#f9f9f9; color:#999; line-height:21px; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 .adf6b4c16 a:hover{ background-color:var(--main-main_color); color:#fff; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133 span.ea78c3501{ float: left; margin:3px 5px 0 0; opacity:0.8; } @media screen and ( max-width:1024px ) { .dceb5030f .d2c28a9e4 figure{ height:124px; } .dceb5030f .d2c28a9e4 figure img{ min-height:124px; } .dceb5030f .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:768px ) { .dceb5030f .d2c28a9e4 figure{ height:140px; } .dceb5030f .d2c28a9e4 figure img{ min-height:140px; } .dceb5030f .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:4; font-size:14px; line-height:24px; } } @media screen and ( max-width:600px ) { .dceb5030f li { padding: 17px 0; } .dceb5030f .d2c28a9e4 figure{ height:70px; } .dceb5030f .d2c28a9e4 figure img{ min-height:70px; } .dceb5030f .d2c28a9e4 .bf658506e p{ -webkit-line-clamp:3; } .dceb5030f .d2c28a9e4 .bf658506e .c595b4133{ display:none; } } .a6dbbd768{} .a6dbbd768 ul{} .a6dbbd768 li{ float:left; font-size:12px; padding-right:10px; } .a6dbbd768 li a{ display:block; color:#666; } .e66523522 { padding: 20px; } .e66523522 .name { font-weight: bold; font-size: 18px; } .e66523522 dl { margin: 20px 0; } .e66523522 dt { } .e66523522 dd { } .dictionary-basic { border: #bc1515 1px solid; background-color: #fafafa; padding:20px; border-radius:10px; box-shadow: 0 -2px 20px #c7c7c7; margin-top: 20px; } .dictionary-basic .fra { margin-top:0; } .dictionary-basic .fra span { margin-right:10px; display:inline-block; background-color: #bc1515; padding:0 10px; border-radius:6px; color:#fff; } .dictionary-basic .fra-definition { margin-top:20px; } .dictionary-basic .fra-definition span {margin-right: 10px;color: #666;} .dictionary-basic .fra-pronunciation { margin-top:20px; } .dictionary-basic .fra-pronunciation span {margin-right: 10px;color: #666;} .dictionary-example-sentence{ margin-top:20px; } .dictionary-example-sentence ul{ margin-top:10px; } .dictionary-example-sentence li{ margin-top:20px; } .dictionary-example-sentence li div{ } .dictionary-example-sentence li div:nth-child(2){ color:#666; } .dictionary-example-sentence li div strong{ color:#d40000; } .fra-example-sentence{ margin-top:20px; } .fra-example-sentence ul{ margin-top:10px; } .fra-example-sentence li{ margin-top:20px; } .fra-example-sentence li div{ } .fra-example-sentence li div:nth-child(2){ color:#666; } .fra-example-sentence li div strong{ color:#d40000; }