@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'); } :root{ --main-background-color:#f5f6f7; --main-color-red:#d40000; --main-color-blue:#0066ff; --main-color-skyblue:#66ccff; --main-main_color: #0066ff; } *{ padding:0; margin:0; word-wrap:break-word; } body{ font-family:webfont; font-size:14px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:var(--main-background-color); } @media screen and ( min-width:1025px ) { body{ min-width:1300px; } } a{ color:#333; text-decoration:none; transition:all 0.3s; } a:hover{ text-decoration:none; color:var(--main-color-blue); } img{ vertical-align:top; max-width:100%; } input{ outline:none; } div,ul,li,p,form{ padding: 0px; margin: 0px; list-style-type: none; } em{ font-style: normal; font-weight: normal; } h1{ font-size:30px; } h2{ font-size:23px; } .clear{ clear:both; } .flow-root{ display:flow-root; } @media screen and ( min-width:1025px ) { .box{ width:1180px; margin:0px auto; } } .backfff{ background-color:#fff; } .bors{ background: #fff; } @media screen and ( min-width:1025px ) { .bors{ border:1px solid #eee; box-shadow:0 1px 10px rgba(0,0,0,.04); } } .arial{ font-family:Arial, Helvetica, sans-serif; } .fleft{ float:left; } .fright{ float:right; } @media screen and ( max-width:1024px ) { .fleft.wleft, .fright.wright{ float:inherit; } } @media screen and ( min-width:1025px ) { .wleft{ width:calc( 100% - 380px ); } .wright{ width:360px; } } .p20{ padding:20px; } .p34{ padding:34px; } .p60{ padding:60px; } .t10{ margin-top:10px; } .t20{ margin-top:20px; } .t34{ margin-top:34px; } .t60{ margin-top:60px; } .module-name-1{ text-align:center; } .module-name-1 div[data-type="name"]{ position:relative; } .module-name-1 div[data-type="name"] h1, .module-name-1 div[data-type="name"] h2, .module-name-1 div[data-type="name"] h3, .module-name-1 div[data-type="name"] h4, .module-name-1 div[data-type="name"] h5, .module-name-1 div[data-type="name"] h6, .module-name-1 div[data-type="name"] span, .module-name-1 div[data-type="name"] div{ position:relative; font-size:21px; height:21px; line-height:21px; font-weight:bold; font-style:initial; color:#222; } .module-name-2 div[data-type="name"]{ position:relative; font-size:21px; height:21px; line-height:21px; padding-left:20px; font-weight:100; } .module-name-2 div[data-type="name"]:before{ content:""; position:absolute; left:0; top:3px; width:6px; height:18px; background-color:#4581da; border-radius:50px; overflow:hidden; } .module-name-2 div[data-type="name"] h1, .module-name-2 div[data-type="name"] h2, .module-name-2 div[data-type="name"] h3, .module-name-2 div[data-type="name"] h4, .module-name-2 div[data-type="name"] h5, .module-name-2 div[data-type="name"] h6, .module-name-2 div[data-type="name"] span, .module-name-2 div[data-type="name"] div{ position:relative; font-size:21px; height:21px; line-height:21px; font-weight:200; font-style:initial; } .photolist1{} .photolist1 ul{} .photolist1 li{ position:relative; top:0; float:left; transition:all 0.6s; } .photolist1 li figure{ } .photolist1 li figure figcaption{ display:-webkit-box; color:#000; text-align:justify; line-height:18px; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .photolist1 li .description{ display:-webkit-box; font-size:13px; color:#666; text-align:justify; line-height:18px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .photolist1 li .parameter{ position:relative; height:28px; line-height:28px; color:#666; font-size:14px; } .photolist1 li .parameter span{ padding-left:10px; color:#333; } .photolist1 li .parameter.version span{ color:var(--main-color-blue); } .photolist1 li .parameter.price{ } .photolist1 li .parameter.price span{ position:absolute; right:0; top:0; color:var(--main-color-red); } .photolist1 li:hover{ top:-10px; } .photolist1 li:hover a{ color:inherit; } .photolist1.three li{ width:calc( 33.333333% - 66.666666px ); margin:20px 20px; padding:20px; box-shadow:0 10px 20px #d6d6d6; } .photolist1.three li:nth-child(3n){ margin-right:0; } .photolist1.three li:nth-child(3n+1){ margin-left:0; } .photolist1.four li{ width:calc( 25% - 70px ); margin:20px 20px; padding:20px; box-shadow:0 10px 20px #d6d6d6; } .photolist1.four li:nth-child(4n){ margin-right:0; } .photolist1.four li:nth-child(4n+1){ margin-left:0; } .photolist2{ } .photolist2 ul{ display:inline-block; width:100%; padding:20px 0; } .photolist2 ul li{ margin:30px 0 0 0; position:relative; } .photolist2 ul li:nth-child(1){ margin-top:0; } .photolist2 figure{ width:36%; float:left; position:relative; border-radius:8px; box-shadow:0 0 6px #f5f5f5; } .photolist2 li figure:before{ content:""; position:absolute; z-index: 100; left:0; top:0; width:100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); } .photolist2 figure img{ max-width:100%; border-radius: 8px; } .photolist2 figure figcaption{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.6); color:#fff; font-size:13px; width:calc( 100% - 20px ); height:26px; line-height:26px; padding:0 10px; overflow:hidden; text-align:center; border-radius:0 0 8px 8px; } .photolist2 .inforight{ width:calc( 64% - 20px ); float:right; } .photolist2 .info h3{ font-size:19px; font-weight:bold; text-align:justify; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:2; } .photolist2 .info h3 a{ display:block; } .photolist2 .info p{ font-size:15px; line-height:26px; text-align:justify; margin-top:10px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; } .photolist2 .info time{ display:block; margin-top:20px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#999; } .photolist2 .inforight time{ position:absolute; bottom:0; } @media screen and (max-width:600px) { .photolist2 figure figcaption{ display:none; } .photolist2 .inforight{ width: calc( 64% - 14px ); } .photolist2 .info h3{ font-size:17px; } .photolist2 .info p{ display:none; } .photolist2 .info time{ margin-top:10px; } } .textlist1{ } .textlist1 ul{ } .textlist1 ul li{ position:relative; height:32px; line-height:32px; overflow:hidden; } .textlist1 ul li time{ float:right; color:#999; font-family:Arial, Helvetica, sans-serif; padding-left:2px; } .textlist1 ul li a{ display:block; position:relative; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:1; } .textlist2{} .textlist2 ul{} .textlist2 li{ display:inline-block; height:26px; line-height:26px; margin:2px 0; } .textlist2 li a{ font-size:12px; padding:0 8px; margin:0 1px; display:block; border-radius:4px; box-shadow:0 0 5px #eaeaea; background-color:#eee; border:#d4c3c3 1px solid; } .textlist3{} .textlist3 ul{} .textlist3 li{ position:relative; top:0; float:left; background-color:#fff; padding:20px; border-radius:8px; -webkit-transition: -webkit-box-shadow 0.5s linear; transition: all 0.3s linear; } .textlist3.one li{ width:calc( 100% - 40px ); } @media screen and ( min-width:769px ) { .textlist3 li{ margin:10px 0; } .textlist3.two li{ width:calc( 50% - 50px ); } .textlist3.two li:nth-child(odd){ margin-left:0; } .textlist3.two li:nth-child(even){ float:right; margin-right:0; } } .textlist3 a{ display:flow-root; } .textlist3 li figure{ width:208px; height:129px; float:left; overflow:hidden; } .textlist3 li figure img{ float:left; width:100%; height:129px; border-radius:8px; } .textlist3 li .info{ width:calc( 100% - 228px ); height:129px; position:relative; float:right; } .textlist3 li .info.no_picture_list{ width:100%; float:inherit; } .textlist3 li .info h3{ font-weight:bold; text-align:justify; color:#000; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .textlist3 li .info p{ font-size:14px; color:#666; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; text-align: justify; } .textlist3 li .info .time{ color:#999; font-size:13px; position:absolute; bottom:0; left:0; font-family:Arial, Helvetica, sans-serif; } .textlist3 li .info.no_picture_list .time{ position:relative; margin-top:10px; left:inherit; top:inherit; right:inherit; bottom:inherit; } @media screen and ( min-width:769px ) { .textlist3 li:hover{ top: -5px; box-shadow: 0 23px 40px rgba(0,0,0,0.2); } } @media screen and ( max-width:768px ) { .textlist3 li{ float:inherit; width:initial; padding:14px 0; border-top:#f5f5f5 1px solid; } .textlist3 li:nth-child(1){ border-top:none; } .textlist3.one li{ width:initial; } .textlist3.two li{ width:initial; } .textlist3 li .info.no_picture_list{ height:auto; } .textlist3 li .info h3{ font-weight:normal; } } @media screen and ( max-width:600px ) { .textlist3 li figure{ width:121px; height:75px; } .textlist3 li figure img{ width:121px; height:75px; } .textlist3 li .info{ width: calc( 100% - 135px ); height:75px; } .textlist3 li .info h3{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } .textlist3 li .info p{ display:none; } } .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"]{ } div[data-type="pre"]{ margin-top: 20px; display: block; border: #d8cbcb 1px solid; background-color: #f5f5f5; box-shadow: 10px 8px 2px #efefef; color: #000; padding: 10px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; letter-spacing: 0; } div[data-type="pre"] ol{ font-style:oblique; } div[data-type="pre"] ol li{ list-style-type:decimal; list-style-position:inside; list-style-type:decimal-leading-zero; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } div[data-type="pre"] ol li pre{ font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; display: contents; white-space: pre-wrap; word-wrap: break-word; } div[data-type="pre"] ol li::marker{ color:#999; font-family:Arial, Helvetica, sans-serif; } div[data-type="question"]{ display:flow-root; margin-top:20px; color:#000; } div[data-type="question"] ul{ } div[data-type="question"] li{ position:relative; line-height:24px; font-size:15px; padding:0 0; } div[data-type="question"] li:nth-child(1){ background-color:#f5f6f7; line-height:24px; padding:13px 0 13px 60px; margin-bottom:20px; font-size:17px; font-weight:bold; } div[data-type="question"] li:nth-child(1):before, div[data-type="question"] li:nth-child(1):after{ content:""; display:table; position:absolute; z-index:10; left:10px; top:10px; border:#ddd 1px solid; width:28px; height:28px; line-height:28px; text-align:center; color:#999; transform: rotate(45deg); user-select:none; } div[data-type="question"] li:nth-child(1):after{ content:"Q"; transform: rotate(0deg); color:#ddd; font-family:Arial, Helvetica, sans-serif; } div[data-type="question"] li p{ line-height:24px; margin-top:20px; } .details{} .details_title{ position:relative; height:21px; line-height:21px; } .details_title:before{ content:""; position: absolute; left:-34px; top:1.5px; width: 6px; height:18px; background-color: #44b242; } .details_title h2{ font-weight:200; } .details .testingsystem{ } .details .testingsystem ul{ margin:30px 0 20px 0; } .details .testingsystem ul li{ margin-bottom:10px; } .details .testingsystem ul li .title{ line-height:26px; } .details .testingsystem ul li .title small[data-type*="answer_card"]{ position:relative; width:106px; height:15px; line-height:15px; margin:0 5px; bottom:2px; display:inline-block; text-align:center; border-bottom:#999 1px solid; color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; -khtml-user-select:none; } .details .testingsystem ul li .title small.current_true[data-type*="answer_card"]:before{ display:inline-block; content:"\e604"; font-family: "iconfont" !important; width:26px; height:26px; line-height:26px; font-size:26px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#4da403; background-color:#fff; border-radius:50%; position:absolute; z-index:1000; left:calc( 50% - 13px ); top:-5px; } .details .testingsystem ul li .title small.current_false[data-type*="answer_card"]:before{ display:inline-block; content:"\e613"; font-family: "iconfont" !important; width:26px; height:26px; line-height:26px; font-size:26px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#b02120; background-color:#fff; border-radius:50%; position:absolute; z-index:1000; left:calc( 50% - 13px ); top:-5px; } .details .testingsystem ul li dl{ position:relative; width:calc( 100% - 40px ); display:inline-block; border:#ddd 1px solid; border-radius:4px; padding:20px; margin-top:20px; } .details .testingsystem ul li dl dt{ position:absolute; top:-12px; left:12px; width:120px; height:22px; line-height:22px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; user-select:none; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; -khtml-user-select:none; border:#ddd 1px solid; border-radius:4px; background-color:#fff; color:#999; } .details .testingsystem ul li dl dd{ float:left; width:50%; height:36px; line-height:36px; } .details .testingsystem ul li dl dd span{ display:block; width:calc( 100% - 36px ); padding-left:36px; position:relative; cursor:pointer; } .details .testingsystem ul li dl dd span:before{ content:""; position:absolute; left:0; top:0; margin:7px; width:18px; height:18px; line-height:18px; font-size:12px; text-align:center; border:#999 1px solid; border-radius:50%; font-family:Arial, Helvetica, sans-serif; } .details .testingsystem ul li dl dd span.current[data-type="true"]:before{ content:""; border:#44b242 1px solid; z-index:1; } .details .testingsystem ul li dl dd span.current[data-type="true"]:after{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:50%; margin:11px; padding:0px; background-color:#44b242; z-index:10; } .details .testingsystem ul li dl dd span.current[data-type="false"]:before{ content:""; border:#d40000 1px solid; z-index:1; } .details .testingsystem ul li dl dd span.current[data-type="false"]:after{ content:""; position:absolute; left:0; top:0; width:12px; height:12px; border-radius:50%; margin:11px; padding:0px; background-color:#d40000; z-index:10; } .details .testingsystem ul li dl dd span small.tips{ transition:all 0.6s; font-size:12px; position:relative; left:0; top:0; display:inline-block; margin:0 10px; text-shadow:0 0 2px #f5f5f5; } .details .testingsystem ul li dl dd span small.tips:before{ content: "\e614"; font-family: "iconfont" !important; font-size: 12px; margin-right:6px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .details .testingsystem ul li dl dd span[data-type="true"] small.tips{ color:#44b242; } .details .testingsystem ul li dl dd span[data-type="false"] small.tips{ color:#d40000; } .details .testingsystem ul li dl dd span small.tips small.hostreload{ color:#44b242; } .details .providete_chnology{ width:inherit; height:18px; line-height:18px; font-size:13px; color:#999; text-align:right; } .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; } } .important-module{ height:36px; line-height:36px; } .important-module h1, .important-module strong{ font-weight:normal; font-size:14px; color:#000; } header{ position:relative; z-index:1000; width:100%; height:78px; background-color:#fff; } @media screen and ( min-width:1025px ) { header{ box-shadow:0 1px 5px rgba(0,0,0,0.08); border-bottom:1px solid #e5e5e5; } } header:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity: 0.1; } .header .logo{ position: relative; font-size: 22px; font-weight: bold; line-height: 78px; } .header .logo figure{ width:auto; } .header .logo figure img{ max-height:50px; float:left; padding:14px 0; } .header .navigation span[data-type="mobile_navigation_more"]{ display:block; position:absolute; right:0; top:0; width:26px; height:26px; line-height:26px; text-align: center; margin:12px; overflow:hidden; z-index: 10000000; } .header .navigation span[data-type="mobile_navigation_more"] span{ } .header .navigation span[data-type="mobile_navigation_more"][data-show="true"]{ position:fixed; } @media screen and ( min-width:1025px ){ .header .navigation span[data-type="mobile_navigation_more"]{ display:none; } .header .mobile_navigation{ margin-left:18px; } .header .mobile_navigation ul{} .header .mobile_navigation ul li{ position:relative; display:inline-block; height:78px; line-height:78px; margin:0 0; } .header .mobile_navigation ul li span, .header .mobile_navigation ul li a{ display:block; color:#000; font-size:15px; border-radius: 4px; padding:0 20px; position:relative; z-index:2; } .header .mobile_navigation ul li:before, .header .mobile_navigation ul li:after{ content:""; position:absolute; bottom:0; width:0%; height:2px; line-height:2px; background-color:var(--main-color-skyblue); z-index:1; transition:all 0.5s; } .header .mobile_navigation ul li:hover:before, .header .mobile_navigation ul li:hover:after{ width:66%; } .header .mobile_navigation ul li.current:before, .header .mobile_navigation ul li.current:after{ width:calc( 100% - 30px ); } .header .mobile_navigation ul li:before{ left:15px; } .header .mobile_navigation ul li:after{ right:15px; } .header .mobile_navigation ul li.current a, .header .mobile_navigation ul li:hover a{ color:var(--main-color-blue); } .header .mobile_navigation ul li ul{ display:none; } .header .mobile_navigation ul li:hover ul{ display:block; position:absolute; left:-50%; width:200%; background-color:rgba(0,0,0,0.5); } .header .mobile_navigation ul li ul li{ display:block; height:36px; line-height:36px; text-align:center; margin:0 0; padding:0 0; } .header .mobile_navigation ul li ul li a{ font-size:14px; } } .header .user-info{ } .header .user-info ul{ margin-top:21px; } .header .user-info li{ display:inline-block; } .header .user-info li a{ display: block; line-height: 36px; background-color: #0066ff; color: #fff; padding: 0 17px; border-radius: 4px; margin: 0 1px; } @media screen and ( max-width:1024px ) { .header{ height:auto; background-color:var(--main-color-blue); } .header .logo{ } .header .logo a{ display:block; width:260px; height:50px; line-height:50px; color:#fff; } .header .logo img{ display:none; } .header .mobile_navigation{ position:fixed; left:0; top:0; width:100%; height:100%; display:none; margin-left:0; border-top:#93a2dc 1px solid; z-index:1000000; } .header .mobile_navigation:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#222; z-index:10000; } .header .mobile_navigation ul{ position:relative; z-index:1000000; padding:50px 0; } .header .mobile_navigation ul li{ height:36px; line-height:36px; padding:6px 20px; border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.3); } .header .mobile_navigation ul li:nth-child(1){ position:relative; } .header .mobile_navigation ul li:nth-child(1):before{ content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; top:-2px; background-color: rgba(0, 0, 0, 0.3); } .header .mobile_navigation ul li:nth-last-child(1){ position:relative; } .header .mobile_navigation ul li:nth-last-child(1):before{ content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; bottom: -2px; background-color: rgba(255, 255, 255, 0.1); } .header .mobile_navigation ul li a{ display:block; color:#ccc; font-size:14px; padding-left:2px; } .header .mobile_navigation ul li ul{ padding:0; } .header .mobile_navigation ul li ul li{ width:50%; float:left; height:36px; line-height:36px; border:none; } .header .mobile_navigation ul li ul li a{ font-size:13px; position:relative; padding-left:20px; } .header .mobile_navigation ul li ul li a:before{ content:""; position:absolute; left:0; top:17px; width:10px; height:1px; background-color:#fff; } } .index-module1{ padding:20px 0; margin-top:0; color:#000; } .index-module1 .info{ } .index-module1 .info .description{ color:#666; } .index-module1 .info p a{ display: inline-block; width: auto; height: 36px; line-height: 36px; padding: 0 36px; background-color: #0066ff; color: #fff; user-select: none; } .index-module1 .visualization{ width:500px; } .index-module1 .visualization img{ width:auto; max-width:100%; height:auto; } @media screen and ( max-width:1024px ) { .index-module1{ padding-left:17px; padding-right:17px; } } @media screen and ( max-width:768px ) { .index-module1 .info{ float:inherit; } .index-module1 .info h1{ margin-top:10px; } .index-module1 .visualization{ display:none; } } .index-module2{ padding:50px 0; } .index-module2 .fleft.important{ width:232px; height:386px; padding:34px; background-color:#fff; } .index-module2 .fleft.important div[data-type="name"]{ position:relative; } .index-module2 .fleft.important div[data-type="name"]:before{ position:absolute; left:0; bottom:-5px; content:""; width:50px; height:2px; background-color:#0066ff; } .index-module2 .fleft.important div[data-type="name"] h2{ color:#000; } .index-module2 .fleft.important ul{} .index-module2 .fleft.important li{ line-height:24px; margin-top:20px; text-align:justify; } .index-module2 .fleft.important li:nth-child(1){ margin-top:0; } .index-module2 .fright.info{ width:calc( 100% - 320px ); height:auto; } .index-module2 .fright.info ul{ position:relative; overflow:hidden; float:left; width:calc( 33.333333% - 13.333333px ); height:217px; background-color:#fff; margin:20px 10px 0 10px; } @media screen and ( min-width:601px ) { .index-module2 .fright.info ul:nth-child(1), .index-module2 .fright.info ul:nth-child(2), .index-module2 .fright.info ul:nth-child(3) { margin-top:0; } .index-module2 .fright.info ul:nth-child(3n){ margin-right:0; } .index-module2 .fright.info ul:nth-child(3n+1){ margin-left:0; } } .index-module2 .fright.info ul:before{ content:""; position: absolute; right: -50px; bottom: -50px; width: 100px; height: 100px; border: #0066ff 1px solid; border-radius: 50%; } .index-module2 .fright.info ul:after{ content:""; position: absolute; right: -12px; bottom: -82px; width: 100px; height: 100px; border: #ddd 1px solid; border-radius: 50%; } .index-module2 .fright.info li{ padding:0 20px; line-height:24px; } .index-module2 .fright.info li:nth-child(1){ margin-top:20px; margin-bottom:10px; } .index-module2 .fright.info li strong{ font-size:18px; } @media screen and ( max-width:1024px ) { .index-module2{ padding:20px 17px; } } @media screen and ( max-width:768px ) { .index-module2 .fleft.important{ float:inherit; width:inherit; height:auto; padding:20px; } .index-module2 .fright.info{ width:inherit; margin-top:20px; } } @media screen and ( max-width:600px ) { .index-module2 .fright.info ul{ display:flow-root; float:left; width:100%; margin-left:0; margin-right:0; margin-top:20px; } .index-module2 .fright.info ul:nth-child(1){ margin-top:0; } } .index-module3{ padding:50px 0; } .index-module3 ul{ } .index-module3 li{ width:calc(50% - 78px ); height:160px; padding:34px; float:left; border:#ddd 1px solid; margin-top:20px; } @media screen and ( min-width:601px ) { .index-module3 li:nth-child(even){ float:right; } } .index-module3 li .figure{ } .index-module3 li .figure span{ font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:100; color:#f5f5f5; } .index-module3 li .info{ margin-top:20px; } @media screen and ( max-width:1024px ) { .index-module3{ padding:50px 17px; } } @media screen and ( max-width:600px ) { .index-module3 li{ width:auto; float:inherit; } } .index-module4{ padding:50px 0; } .index-module4 ul{ } .index-module4 li{ width:calc(25% - 17px ); height:auto; text-align:center; margin:10px; padding:34px 0; float:left; border:#ddd 1px solid; background-color: #fff; } @media screen and ( min-width:601px ) { .index-module4 li:nth-child(4n){ margin-right:0; } .index-module4 li:nth-child(4n+1){ margin-left:0; } } .index-module4 li p{ } .index-module4 li p:nth-last-child(1){ margin-top:10px; font-family:Arial, Helvetica, sans-serif; color:#999; } @media screen and ( max-width:1024px ) { .index-module4{ padding:50px 17px; } } @media screen and ( max-width:600px ) { .index-module4 li{ width:calc(50% - 12px ); margin-left:0; margin-right:0; } .index-module4 li:nth-child(even){ float:right; } } .index-module5{ padding:50px 0; } @media screen and ( min-width:769px ) { .index-module5 .figure figure{ position:relative; width:500px; margin-top:6px; border:#f6f6f6 1px solid; } .index-module5 .figure figure figcaption{ position:absolute; left:0; bottom:0; width:calc( 100% - 34px ); height:68px; padding:17px; background-color:rgba(209,209,209,0.2); color:#333; } .index-module5 .figure figure figcaption h3{ font-size: 21px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .index-module5 .figure figure figcaption p{ font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color:#999; text-align:justify; } } .index-module5 .list{ width:calc( 100% - 550px ); } .index-module5 .textlist1 li{ float:left; width:calc( 50% - 10px ); } .index-module5 .textlist1 li:nth-child(even){ float:right; } @media screen and ( max-width:1024px ) { .index-module5{ padding:50px 0; } .index-module5 .figure{ margin-left:17px; } .index-module5 .list{ margin-right:17px; } .index-module5 .textlist1 ul li time{ display:none; } } @media screen and ( max-width:768px ) { .index-module5 .figure{ display:flow-root; float:inherit; margin-right:17px; } .index-module5 .figure figure{ width:auto; } .index-module5 .figure figure img{ float:left; width:200px; height:auto; } .index-module5 .figure figure figcaption{ position:relative; float:right; width:calc( 100% - 220px ); } .index-module5 .figure figure figcaption h3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .index-module5 .figure figure figcaption p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; color:#666; text-align:justify; font-size:13px; margin-top:10px; } .index-module5 .list{ float:inherit; width:calc( 100% - 34px ); margin-left:17px; margin-top:10px; } } @media screen and ( max-width:600px ) { .index-module5 .figure{ margin-top:10px; } .index-module5 .figure figure img{ width:121px; } .index-module5 .figure figure figcaption{ width:calc( 100% - 141px ); } .index-module5 .figure figure figcaption h3{ font-size:17px; } .index-module5 .figure figure figcaption p{ -webkit-line-clamp:3; font-size:12px; line-height:16px; margin-top:0; } .index-module5 .textlist1 li{ height:28px; line-height:28px; width: calc( 50% - 5px ); font-size:13px; } } .flink{} .flink .name{ font-size: 14px; height: 28px; line-height: 28px; border-bottom: #ddd 1px solid; font-weight: normal; color:#999; } .flink .flinkmodule{ padding:10px 0; } .flink ul{ } .flink li{ display:inline-block; height:36px; line-height:36px; font-size:13px; } .flink li a{ padding:0 5px 0 0; color:#666; } .idea{ position: relative; z-index: 2; padding:50px 0; border-top:#f5f6f7 1px solid; } .idea ul{} .idea li{ width:25%; float:left; text-align: center; } .idea li span{ display: inline-block; width: 50px; height: 50px; line-height: 50px; border: #ddd 2px solid; text-align: center; border-radius: 50%; user-select: none; color: #878787; font-size:13px; } .footer{ position:relative; z-index:2; background-color:#f3f3f3; color:#a2a3a6; } .footer a{ color:#a2a3a6; } .footer a:hover{ color:#fff; } .footer .flogos{ position:relative; padding:36px 0; } .footer .flogos:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; } .footer .flogos:after{ content:""; position:absolute; left:0; bottom:1px; width:100%; height:1px; background-color:#ccc; } .footer .flogos .logo{ height:60px; background:url(../img/flogo.png) no-repeat; } .footer .fbrand{ position:relative; float:left; width:300px; margin: 50px 0; text-align:center; } .footer .fbrand img{ margin: 25px 0; } .footer .fnavigation{ position:relative; float:right; width:calc( 100% - 360px ); line-height:28px; margin:50px 0; padding-left:60px; } .footer .fnavigation:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#fff; } .footer .fnavigation:after{ content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; background-color:#ccc; } .footer .fnavigation a{ display:block; } .footer .fnavigation dl{ float:left; width:calc( 25% - 10px ); font-size:13px; } .footer .fnavigation dl dt{ font-size:13px; color:#222; font-weight:bold; margin-bottom:10px; } .footer .fnavigation dl dd{ } .footer .fnavigation dl dd a{ color:#666; } .footer .powerby{ position:relative; width:100%; height:auto; line-height:21px; padding:36px 0; text-align:center; font-size:13px; color:#666; } .footer .powerby:before{ content:""; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#fff; } .footer .powerby:after{ content:""; position:absolute; left:0; top:-1px; width:100%; height:1px; background-color:#ccc; } .footer .powerby a{ padding:0 2px; color:#0066ff; } .footer .powerby a.icon{ position:relative; background-color:#d3d3d3; height:30px; line-height:30px; font-size:12px; display:inline-block; border-radius:4px; color:#333; padding:0 10px; margin:0 5px; opacity:0.6; } .footer .powerby a.icon:hover{ opacity:1; } @media screen and ( max-width:1024px ) { .footer .flogos{ margin-left:17px; margin-right:17px; padding:10px 0; } .footer .fbrand{ margin:20px 0; } .footer .fnavigation{ margin:20px 0; line-height:22px; } .footer .fnavigation dl{ font-size:12px; } .footer .fnavigation dl dt{ } .footer .powerby{ padding:10px 0; font-size:12px; } } @media screen and ( max-width:768px ) { .footer .fbrand{ width:200px; } .footer .fnavigation { width: calc( 100% - 260px ); } } @media screen and ( max-width:600px ) { .footer .fbrand{ display:none; } .footer .fnavigation { width: calc( 100% - 34px ); margin-left: 17px; margin-right: 17px; } .footer .fnavigation dl{ width:25%; } .footer .powerby{ width: calc( 100% - 34px ); line-height: 18px; margin-left: 17px; margin-right: 17px; } } .position-navigation{ display:-webkit-box; line-height:18px; font-size:13px; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; } .position-navigation i{ font-size:13px; margin-right:6px; } .position-navigation a{ color:var(--main-color-blue); } .basic{ } .basic .title{ padding:0 0; } .basic .title h1{ font-weight:bold; color:#000; display:inline-block; text-align:justify; } .basic .title h1 a{ color:#000; } .basic .time{ font-size: 12px; background-color: #f5f5f5; height: 28px; line-height: 28px; padding: 0 10px; color: #999; } .basic .time span{ display:inline-block; margin-right:10px; } .basic .time span.category i{ font-style:inherit; } .basic .time span a.category{ color:var(--main-color-blue); } .basic .time span a.category i{ display:none; } .basic .time span small{ font-family:Arial, Helvetica, sans-serif; } @media screen and ( max-width:1024px ) { .basic .time{ background-color:inherit; padding:0 0; } .basic .time span.mnone{ display:none; } } .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:var(--main-color-blue); } .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; } .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; } .authoritative_link{ } .authoritative_link ul{ } .authoritative_link ul li{ display:inline-block; } .authoritative_link ul li a{ margin:0 5px; } .statement{ background-color:#e2e2e2; color:#8e0000; font-size:13px; } .statement ul{ position:relative; } .statement li{ line-height:21px; text-align:justify; } .statement li:nth-child(1){ position:relative; border-bottom:#bfbfbf 1px solid; } .statement li:nth-child(1):before{ content:""; width:100%; height:1px; position:absolute; bottom:-2px; background-color:#fff; } .statement li:nth-child(2){ color:#333; } .statement li dl{ margin-top:10px; } .statement li dl dt{ } .statement li dl dd{ } .statement li dl dd:nth-last-child(1){ font-family:Arial, Helvetica, sans-serif; } .statement li dl dd:nth-last-child(2){ } .fixedback{ } .fixedtext{ margin-top:0; position:relative; z-index:2; } .fixedtext .picture{ } .fixedtext .picture img{ float:left; width:100%; height:auto; max-width:100%; } .spacing{ height:20px; background-color:#f5f6f7; } .stylefixedtoolshover{ background-color:#ffffff; width: 360px; height:100%; posItion:fixed; top:0; z-index:1; transition:all 0.6s; } .stylefixedtools .spacing{ height:20px; transition:all 1s; } .stylefixedtools.stylefixedtoolshover .spacing{ height:86px; } .tools{ min-height:1px; } @media screen and ( max-width:1024px ) { .mnone{ display:none; } .mt0{ margin-top:0; } .mt10{ margin-top:10px; } .mt20{ margin-top:20px; } .mt60{ margin-top:60px; } .mp17{ padding:17px; } } icon{ display:inline-block; } .css_iconfont{ } .css_iconfont.icon-menu{ display:block; width:26px; height:5px; border-top:5px solid #fff; border-bottom:5px solid #fff; background-color:#fff; padding:5px 0; background-clip:content-box; } .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; } .css_iconfont.icon-title{ position: relative; float: left; width: 15px; height: 12px; margin: 3px 10px 0 0; } .css_iconfont.icon-title .icon-module-1{ position:absolute; z-index:1; left:0; top:0; width:calc( 100% - 2px ); height:calc( 100% - 2px ); border:#333 2px solid; border-radius: 3px; } .css_iconfont.icon-title .icon-module-2{ position:absolute; z-index:2; width: 100%; height: 100%; } .css_iconfont.icon-title .icon-module-2:before{ content:""; position:absolute; z-index:2; left:3px; top:0; width:2px; height:2px; border-top:#333 1px solid; border-bottom:#333 1px solid; margin-top: 5px; } .css_iconfont.icon-title .icon-module-2:after{ content:""; position:absolute; z-index:3; left: 6px; top:0; width: calc( 100% - 8px ); height:2px; border-top:#333 1px solid; border-bottom:#333 1px solid; margin-top: 5px; } .css_iconfont.icon-link{ position:relative; width:17px; height: 8px; display: inline-block; margin: 6px 10px 0 0; } .css_iconfont.icon-link .icon-module-1{ position:absolute; z-index:1; width:100%; height:8px; } .css_iconfont.icon-link .icon-module-1:before{ content:""; position:absolute; z-index:1; left:0; top:0; width:calc( 50% - 5px ); height:4px; border:#333 2px solid; border-right:transparent 2px solid; border-radius:12px 0 0 12px; } .css_iconfont.icon-link .icon-module-1:after{ content:""; position:absolute; z-index:2; right:0; top:0; width:calc( 50% - 5px ); height:4px; border:#333 2px solid; border-left:transparent 2px solid; border-radius:0 12px 12px 0; } .css_iconfont.icon-link .icon-module-2{ position:absolute; z-index:3; left:4px; top:3px; width:calc( 100% - 8px ); height:2px; background-color:#333; border-radius:12px; } .d4bda139a{} .d4bda139a article{ text-align:inherit; color:#000; } .d4bda139a section[data-type="translation"]{ margin-top:20px; border:#eee 1px solid; } .d4bda139a section[data-type="translation"] div[data-type="translation-name"]{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } .d4bda139a section[data-type="translation"] div[data-type="translation-name"] h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } .d4bda139a section[data-type="translation"] 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; } .d4bda139a section[data-type="translation"] dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } .d4bda139a section[data-type="translation"] dt, .d4bda139a section[data-type="translation"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } .d4bda139a section[data-type="translation"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } .d4bda139a section[data-type="translation"] dd{ display:flow-root; font-size:12px; line-height:24px; } .d4bda139a section[data-type="translation"] 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; } .d4bda139a section[data-type="translation"] dd[data-type="translation-of"] strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; color:#000; } .d4bda139a section[data-type="translation"] dd[data-type="phonetic-symbols"] em{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; } .d4bda139a section[data-type="translation"] dd[data-type="pronunciation"] .play{ display: inline-block; position: relative; top: 2px; height: 16px; line-height: 16px; cursor: pointer; } .d4bda139a section[data-type="translation"] dd[data-type="pronunciation"] .play .icon-play{ border: #404040 8px solid; } .d4bda139a section[data-type="translation"] dd[data-type="pronunciation"] .play .icon-play:before{ left: -2px; top: -4px; border-width: 4px 0 4px 6px; } .d4bda139a section[data-type="translation"] 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; } .d4bda139a section[data-type="phonetic-symbols"]{ margin-top:30px; } .d4bda139a section[data-type="phonetic-symbols"] .project-name{ position:relative; padding-left:20px; } .d4bda139a section[data-type="phonetic-symbols"] .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); } .d4bda139a section[data-type="phonetic-symbols"] .project-content{ margin:10px 0 0 20px; } .d4bda139a section[data-type="phonetic-symbols"] .project-content ul{ } .d4bda139a section[data-type="phonetic-symbols"] .project-content li{ line-height:28px; } .d4bda139a section[data-type="phonetic-symbols"] .project-content li span{ color:#666; font-size:14px; } .d4bda139a section[data-type="phonetic-symbols"] .project-content li em{ font-family:Arial, Helvetica, sans-serif; } .d4bda139a section[data-type="words"]{ margin-top:30px; } .d4bda139a section[data-type="words"] .project-name{ position:relative; padding-left:20px; } .d4bda139a section[data-type="words"] .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); } .d4bda139a section[data-type="words"] .project-content{ margin:10px 0 0 20px; } .d4bda139a section[data-type="words"] .project-content ul{ position:relative; margin-left: 5px; } .d4bda139a section[data-type="words"] .project-content ul:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color: #eee; } .d4bda139a section[data-type="words"] .project-content li{ position:relative; margin-left: 20px; margin-top:20px; } .d4bda139a section[data-type="words"] .project-content li .phrase{ position:relative; height: 28px; line-height: 28px; } .d4bda139a section[data-type="words"] .project-content li .phrase:before{ content:""; position:absolute; left: -24px; top: 9px; width:10px; height:10px; background-color:#999; border-radius:50%; } .d4bda139a section[data-type="words"] .project-content li .phrase:after{ content:""; position:absolute; left: -22px; top: 11px; width:6px; height:6px; background-color:#fff; border-radius:50%; } .d4bda139a section[data-type="words"] .project-content li:hover .phrase:before{ background-color:var(--main-main_color); } .d4bda139a section[data-type="words"] .project-content li .english-test-system{ margin-top:10px; } .d4bda139a section[data-type="words"] .project-content li .english-test-system span, .d4bda139a section[data-type="words"] .project-content li .english-test-system string, .d4bda139a section[data-type="words"] .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; } .d4bda139a section[data-type="words"] .project-content li .definition{ margin-top: 0; display: flow-root; } .d4bda139a section[data-type="words"] .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 ) { .d4bda139a section[data-type="words"] .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; } .d4bda139a section[data-type="words"] .project-content li .definition .item.arrangement-n:nth-child(3n){ margin-right:0; } .d4bda139a section[data-type="words"] .project-content li .definition .item.arrangement-n:nth-child(3n+1){ margin-left:0; } } .d4bda139a section[data-type="words"] .project-content li .definition .item .part-of-speech{ color:#666; } .d4bda139a section[data-type="words"] .project-content li .definition .item .e1c5c378b-definition{ line-height:24px; margin-top:10px; } .d4bda139a section[data-type="words"] .project-content li .definition .item .e1c5c378b-definition span, .d4bda139a section[data-type="words"] .project-content li .definition .item .e1c5c378b-definition strong, .d4bda139a section[data-type="words"] .project-content li .definition .item .e1c5c378b-definition em{ display: inline-block; margin: 0 10px 0 0; } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences{ } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences ul{ margin-left: 5px; } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences ul:before{ display:none; } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences li{ position:relative; margin-top:20px; margin-left:0; padding-left:20px; counter-increment:sidebar1-item; } .d4bda139a section[data-type="words"] .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; } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences li div{ line-height: 20px; } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences li div:nth-child(1){ } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences li div:nth-child(2){ font-family:Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences li div a{ color: var(--main-main_color); } .d4bda139a section[data-type="words"] .project-content li .definition .example-sentences li div span{ font-weight:bold; color:#d40000; } .d4bda139a section[data-type="example-sentence"]{ margin-top:30px; } .d4bda139a section[data-type="example-sentence"] .project-name{ position:relative; padding-left:20px; } .d4bda139a section[data-type="example-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); } .d4bda139a section[data-type="example-sentence"] .project-content{ margin:10px 0 0 20px; } .d4bda139a section[data-type="example-sentence"] .project-content ul{ } .d4bda139a section[data-type="example-sentence"] .project-content li{ position:relative; margin-top:20px; padding-left:20px; counter-increment:sidebar1-item; } .d4bda139a section[data-type="example-sentence"] .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; } .d4bda139a section[data-type="example-sentence"] .project-content li div{ line-height: 20px; } .d4bda139a section[data-type="example-sentence"] .project-content li div:nth-child(1){ } .d4bda139a section[data-type="example-sentence"] .project-content li div:nth-child(2){ font-family:Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .d4bda139a section[data-type="example-sentence"] .project-content li div a{ color: var(--main-main_color); } .d4bda139a section[data-type="classify-sentence"]{ margin-top:30px; } .d4bda139a section[data-type="classify-sentence"] .project-name{ position:relative; padding-left:20px; } .d4bda139a section[data-type="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); } .d4bda139a section[data-type="classify-sentence"] .project-content{ margin:10px 0 0 20px; } .d4bda139a section[data-type="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; } .d4bda139a section[data-type="voice-analysis"]{ margin-top:30px; } .d4bda139a section[data-type="voice-analysis"] .project-name{ position:relative; padding-left:20px; } .d4bda139a section[data-type="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); } .d4bda139a section[data-type="voice-analysis"] .project-content{ margin:10px 0 0 20px; } .d4bda139a section[data-type="voice-analysis"] .project-content .items { position: relative; margin-left: 5px; } .d4bda139a section[data-type="voice-analysis"] .project-content .items:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .d4bda139a section[data-type="voice-analysis"] .item { position: relative; margin-left: 20px; margin-top: 20px; } .d4bda139a section[data-type="voice-analysis"] .item .after { position: relative; height: 28px; line-height: 28px; } .d4bda139a section[data-type="voice-analysis"] .item .after:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .d4bda139a section[data-type="voice-analysis"] .item .after:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .d4bda139a section[data-type="voice-analysis"] .item>ul { position: relative; margin-left: 5px; } .d4bda139a section[data-type="voice-analysis"] .item>ul>li { position: relative; margin-top: 20px; padding-left: 20px; counter-increment: sidebar1-item; } .d4bda139a section[data-type="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; } .d4bda139a section[data-type="modal-verb"]{ margin-top:30px; } .d4bda139a section[data-type="modal-verb"] .project-name{ position:relative; padding-left:20px; } .d4bda139a section[data-type="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); } .d4bda139a section[data-type="modal-verb"] .project-content{ margin:10px 0 0 20px; } .e1c5c378bs {} .e1c5c378b section[data-type="word-translation"]{ margin-top:20px; border:#eee 1px solid; } .e1c5c378b section[data-type="word-translation"] .english-word{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } .e1c5c378b section[data-type="word-translation"] .english-word h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } .e1c5c378b section[data-type="word-translation"] .english-word 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; } .e1c5c378b section[data-type="word-translation"] dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } .e1c5c378b section[data-type="word-translation"] dt, .e1c5c378b section[data-type="word-translation"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } .e1c5c378b section[data-type="word-translation"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } .e1c5c378b section[data-type="word-translation"] dd{ display:flow-root; font-size:12px; line-height:24px; } .e1c5c378b section[data-type="word-translation"] .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; } .e1c5c378b section[data-type="word-translation"] .translation-of strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:21px; color:#000; } .e1c5c378b section[data-type="word-phonetic-transcription"]{ margin-top:30px; } .e1c5c378b section[data-type="word-phonetic-transcription"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-phonetic-transcription"] .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); } .e1c5c378b section[data-type="word-phonetic-transcription"] .project-content{ margin:10px 0 0 20px; } .e1c5c378b section[data-type="word-phonetic-transcription"] .project-content ul{ } .e1c5c378b section[data-type="word-phonetic-transcription"] .project-content li{ line-height:28px; } .e1c5c378b section[data-type="word-phonetic-transcription"] .project-content li span{ color:#666; font-size:14px; } .e1c5c378b section[data-type="word-phonetic-transcription"] .project-content li em{ font-family:Arial, Helvetica, sans-serif; } .e1c5c378b section[data-type="word-usage"] { margin-top: 30px; } .e1c5c378b section[data-type="word-usage"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-usage"] .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); } .e1c5c378b section[data-type="word-usage"] .project-content{ margin:10px 0 0 20px; } .e1c5c378b section[data-type="word-usage"] .all-t{} .e1c5c378b section[data-type="word-usage"]>.project-content>ul { position: relative; margin-left: 5px; } .e1c5c378b section[data-type="word-usage"]>.project-content>ul:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .e1c5c378b section[data-type="word-usage"]>.project-content>ul>li { margin-left: 20px; margin-top:20px; } .e1c5c378b section[data-type="word-usage"]>.project-content>ul>li>.part-of-speech{ position: relative; } .e1c5c378b section[data-type="word-usage"]>.project-content>ul>li>.part-of-speech:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .e1c5c378b section[data-type="word-usage"]>.project-content>ul>li>.part-of-speech:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .e1c5c378b section[data-type="word-usage"]>.project-content>ul>li:hover>.part-of-speech:before { background-color: var(--main-main_color); } .e1c5c378b section[data-type="word-usage"]>.project-content>ul>li>.part-of-speech strong{ margin-left:10px; } .e1c5c378b section[data-type="word-usage"] .sub-translation {} .e1c5c378b section[data-type="word-usage"] .sub-translation .lists {} .e1c5c378b section[data-type="word-usage"] .sub-translation .lists .after{ margin-top: 20px; } .e1c5c378b section[data-type="word-usage"] .sub-translation .lists ul{ } .e1c5c378b section[data-type="word-usage"] .sub-translation .lists ul li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .e1c5c378b section[data-type="word-usage"] .sub-translation .lists 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; } .e1c5c378b section[data-type="word-usage"] .sub-translation .lists ul li div { line-height: 20px; } .e1c5c378b section[data-type="word-usage"] .sub-translation .lists ul li div:nth-child(2) { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .e1c5c378b section[data-type="word-pronunciation"]{ margin-top:30px; } .e1c5c378b section[data-type="word-pronunciation"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-pronunciation"] .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); } .e1c5c378b section[data-type="word-pronunciation"] .project-content{ margin:10px 0 0 20px; } @media screen and (max-width:600px) { .e1c5c378b section[data-type="word-pronunciation"] video { width:100%; height:auto; } } .e1c5c378b section[data-type="word-example-sentence"] { margin-top:30px; } .e1c5c378b section[data-type="word-example-sentence"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-example-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); } .e1c5c378b section[data-type="word-example-sentence"] .project-content{ margin:10px 0 0 20px; } .e1c5c378b section[data-type="word-example-sentence"] ul{ } .e1c5c378b section[data-type="word-example-sentence"] ul li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .e1c5c378b section[data-type="word-example-sentence"] 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; } .e1c5c378b section[data-type="word-example-sentence"] ul li div { line-height: 20px; } .e1c5c378b section[data-type="word-example-sentence"] ul li div:nth-child(2) { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; } .e1c5c378b section[data-type="word-memorizing"] { margin-top:30px; } .e1c5c378b section[data-type="word-memorizing"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-memorizing"] .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); } .e1c5c378b section[data-type="word-memorizing"] .project-content{ margin:10px 0 0 20px; line-height:24px; } .e1c5c378b section[data-type="word-summarize"] { margin-top:30px; } .e1c5c378b section[data-type="word-summarize"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-summarize"] .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); } .e1c5c378b section[data-type="word-summarize"] .project-content{ margin:10px 0 0 20px; line-height:24px; } .e1c5c378b section[data-type="word-inflections"] { margin-top: 30px; } .e1c5c378b section[data-type="word-inflections"] .project-name{ position:relative; padding-left:20px; } .e1c5c378b section[data-type="word-inflections"] .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); } .e1c5c378b section[data-type="word-inflections"] .project-content{ margin:10px 0 0 20px; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul { position: relative; margin-left: 5px; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li { margin-left: 20px; margin-top:20px; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li>.inflection{ position: relative; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li>.inflection:before { content: ""; position: absolute; left: -24px; top: 9px; width: 10px; height: 10px; background-color: #999; border-radius: 50%; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li>.inflection:after { content: ""; position: absolute; left: -22px; top: 11px; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li:hover>.inflection:before { background-color: var(--main-main_color); } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li>.inflection span { background-color: #ddd; padding: 0 10px; margin-right: 5px; border-radius: 4px; font-size: 13px; line-height: 24px; display: inline-block; } .e1c5c378b section[data-type="word-inflections"]>.project-content>ul>li>.inflection span.e1c5c378b { background-color: transparent; font-size: initial; margin-left: 10px; } .e1c5c378b section[data-type="word-inflections"] .phrases {} .e1c5c378b section[data-type="word-inflections"] .phrases .after{ margin-top: 20px; } .e1c5c378b section[data-type="word-inflections"] .phrases ul{ } .e1c5c378b section[data-type="word-inflections"] .phrases ul li{ position: relative; margin-top: 20px; margin-left: 0; padding-left: 20px; counter-increment: sidebar1-item; } .e1c5c378b section[data-type="word-inflections"] .phrases 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; } .e1c5c378b section[data-type="word-inflections"] .phrases ul li div { line-height: 20px; } .e1c5c378b section[data-type="word-inflections"] .phrases ul li div:nth-child(2) { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; color: #333; }