@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'); } icon{ display:inline-block; } icon.icon-position{ position: relative; width: 10px; height: 10px; border-radius: 50% 50% 50% 0; background-color: #999; transform: rotate(-45deg); } icon.icon-position:before{ content: ""; position: absolute; width: 5px; height: 5px; top: calc( 50% - 3px); left: calc( 50% - 2.5px); background-color: #fff; border-radius: 50%; } icon.icon-position: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; } icon.icon-agree{ position:relative; width: 12px; height: 12px; float:left; } icon.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; } icon.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; } icon.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; } icon.icon-title{ position: relative; float: left; width: 15px; height: 12px; margin: 3px 10px 0 0; } icon.icon-title .icon-module-1{ position:absolute; z-index:1; left:0; top:0; width:calc( 100% - 2px ); height:calc( 100% - 2px ); border:#999 2px solid; border-radius: 3px; } icon.icon-title .icon-module-2{ position:absolute; z-index:2; width: 100%; height: 100%; } icon.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; } icon.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; } icon.icon-link{ position:relative; width:17px; height: 8px; display: inline-block; margin: 6px 10px 0 0; } icon.icon-link .icon-module-1{ position:absolute; z-index:1; width:100%; height:8px; } icon.icon-link .icon-module-1:before{ content:""; position:absolute; z-index:1; left:0; top:0; width:calc( 50% - 5px ); height:4px; border:#999 2px solid; border-right:transparent 2px solid; border-radius:12px 0 0 12px; } icon.icon-link .icon-module-1:after{ content:""; position:absolute; z-index:2; right:0; top:0; width:calc( 50% - 5px ); height:4px; border:#999 2px solid; border-left:transparent 2px solid; border-radius:0 12px 12px 0; } icon.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; } icon.icon-play{ display:inline-block; position:relative; width:0; height:0; border:#404040 12px solid; border-radius:50%; user-select:none; } icon.icon-play:before{ content:""; position:absolute; left:-3px; top:-6px; width:0; height:0; border-style:solid; border-color:transparent transparent transparent #fff; border-width:6px 0 6px 9px; } icon.icon-play.icon-suspend:before{ left:-5px; top:-4px; width:3px; height:8px; border-color:transparent #fff; border-width:0 3px; } icon.icon-menu{ display:block; width:26px; height:5px; border-top:5px solid #999; border-bottom:5px solid #999; background-color:#999; padding:5px 0; background-clip:content-box; } *{ margin:0; padding:0; word-wrap:break-word; } body{ font-family:webfont; font-size:15px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#f5f6f7; } a{ color:#666; text-decoration:none; transition: all 0.3s; } a:hover{ text-decoration:none; color:#44b242; } 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; } em{ font-style: normal; font-weight: normal; } h1{ font-size:30px; } h2{ font-size:23px; } .clear{ clear:both; } .flow-root{ display:flow-root; } .arial{ font-family:Arial, Helvetica, sans-serif; } .webfont{ font-family:webfont; } .box{ width:1300px; margin:0px auto; } .big-box{ width:calc( 100% - 396px ); } .small-box{ width:360px; } .box-line{ background-color:#fff; box-shadow:2px 5px 15px #eee; border:#ddd 1px solid; padding:17px; } .box-line:before{ content:""; position:absolute; } .box-line:after{ content:""; position:absolute; } .left{ float:left; } .right{ float:right; } .up-10px{ margin-top:10px; } .up-20px{ margin-top:20px; } @media screen and (max-width:1024px) { .box{ width:calc( 100% - 20px ); margin:0px auto; } .big-box{ width: 100%; float:inherit; } .small-box{ width: 100%; float:inherit; } } .module-name-1{ position:relative; height:36px; line-height:36px; } .module-name-1:before{ content:""; width:5px; height:14px; position:absolute; left:0; top:calc( 50% - 7px); background-color:#44b242; border-radius:4px; } .module-name-1:after{ content:""; } .module-name-1 h1, .module-name-1 h2, .module-name-1 h3, .module-name-1 h4, .module-name-1 h5, .module-name-1 h6, .module-name-1 span, .module-name-1 div, .module-name-1 em, .module-name-1 strong{ font-weight:normal; font-size:15px; margin-left:10px; } .text-list-1{ } .text-list-1 ul{ } .text-list-1 li{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; line-height:40px; border-bottom:#e5e5e5 1px dashed; } .text-list-1 li a{ display:block; } .text-list-1 li:nth-last-child(1){ border-bottom:none; } .text-list-2{ } .text-list-2 ul{ } .text-list-2 li{ position: relative; float: left; display: inline-block; width: auto; height: 32px; line-height: 32px; margin: 1px 1px; border: #ddd 1px solid; font-size: 13px; } .text-list-2 li a{ padding: 0 10px; display: block; } .translation-language{} .translation-language div[data-type="toggle"]{ font-size: 12px; color: #666; text-shadow: 1px 1px 1px #fff; width: 36px; height: 18px; line-height: 18px; margin-top: 7.5px; background-color: #eee; text-align: center; user-select:none; cursor:pointer; } .translation-language ul{} .translation-language ul[data-toggle="hide"]{ height: 35px; overflow: hidden; } .translation-language li{ position:relative; float:left; display:inline-block; width:auto; height:32px; line-height:32px; margin:1px 1px; border:#ddd 1px solid; font-size:13px; } .translation-language li:before{ content:""; position:absolute; z-index:1; right:2px; bottom:2px; width:4px; height:4px; background-color:#ddd; } .translation-language li:after{ content:""; position:absolute; z-index:1; right:8px; bottom:2px; width:4px; height:4px; background-color:#ddd; } .translation-language li a, .translation-language li span{ position:relative; z-index:2; padding:0 10px; display:block; } .translation-language li:hover:before, .translation-language li:hover:after{ background-color:#44b242; } .translation-language li.current span{ background-color:#44b242; color:#fff; } .important{ height: 36px; line-height: 36px; background-color: #f5f6f7; color: #000; font-size:14px; } .important h1, .important h2, .important strong, .important em{ font-weight:normal; font-size:14px; } @media screen and (max-width:1024px) { .important{ display:none; } } .header{ position:relative; z-index:10001; height:68px; background-color:rgba(255,255,255,0.8); border-bottom:#dbdbdb 1px solid; } .header .logo{} .header .logo img{ padding:9px 0; max-height:50px; } .header span[data-type="menu"]{ display:none; position: absolute; right: 0; top: 0; } .header .menu{} .header .menu nav ul{} .header .menu nav ul li{ position:relative; float:left; padding:0 20px; line-height:68px; } .header .menu nav ul li a{ display:block; font-size:15px; color:#333; } .header .menu nav ul li:hover a, .header .menu nav ul li.current a{ color:#44b242; } .header .menu 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; } .header .menu nav ul li:hover ul{ display:block; } .header .menu nav ul li ul li{ position:relative; line-height:40px; font-size:13px; padding:0 20px; display:block; float:unset; text-align:left; } .header .menu nav ul li ul li:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ebebeb; } .header .menu nav ul li ul li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color:#fff; } .header .menu nav ul li ul li:nth-last-child(1):before, .header .menu nav ul li ul li:nth-last-child(1):after{ display:none; } .header .menu nav ul li ul li a{ display:block; color:unset; } .header .menu nav ul li ul li:hover a{ color:#44b242; } @media screen and (max-width:1024px) { .header{ height:50px; } .header .logo img{ padding:0 0; } .header span[data-type="menu"]{ display: block; } .header span[data-type="menu"] icon{ display: block; margin: 12.5px; } .header .menu{ display:none; } } .navigation{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; margin-top:50px; } .navigation:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.99); z-index:10000; } .navigation nav{ position:relative; z-index:10001; padding:17px 17px; } .navigation nav ul{} .navigation nav li{ line-height:50px; border-bottom:#f2f2f2 1px solid; } .navigation nav li ul{ border-radius:6px; padding:0 17px; } .navigation nav li ul li{ position:relative; line-height:32px; border-bottom:none; padding-left:22px; } .navigation nav li ul li:before{ content:""; position:absolute; left:0; top:calc( 50% - 1px ); width:10px; height:2px; background-color:#0066ff; border-radius:12px; } .footer{ background-color:#fff; } .footer .menu{ font-size:13px; } .footer .menu ul{} .footer .menu li{ position: relative; display: inline-block; width: auto; height: 32px; line-height: 32px; } .footer .menu li:before{ content: ""; position: absolute; right: 15.5px; top: calc( 50% - 2.5px); width: 5px; height: 5px; background-color:#44b242; border-radius: 50%; } .footer .menu li:nth-last-child(1):before{ display:none; } .footer .menu li a{ padding: 0 36px 0 0; color: #666; } .footer .copyright{ font-size:14px; color: #666; } .footer .copyright p{ line-height:24px; margin-top:10px; } .footer .copyright p a{ color:#44b242; } .instant-translation{ } .instant-translation .module-l{ width:calc( 100% - 532px ); border: #ddd 1px solid; background-color: #ffffff; box-shadow: 0 0 20px #e3e3e3; padding: 50px; } .instant-translation .text-content{} .instant-translation .text-content textarea{ width:calc( 100% - 22px ); height:200px; resize:none; padding: 10px; font-family: webfont; } .instant-translation .names{ color:#000; margin-bottom:10px; } .instant-translation .names h2{ font-size:18px; font-weight:bold; } .instant-translation .language{} .instant-translation .language .language-form{ margin-right:10px; } .instant-translation .language .language-to{ margin-left:10px; } .instant-translation .language div, .instant-translation .language select{ height:32px; line-height: 32px; } .instant-translation .language .button{ background-color: #0066ff; border: 0; font-size: 14px; font-weight: 400; height: 32px; padding: 0; text-align: center; text-decoration: none!important; width: 100px; line-height: 32px; color: #fff; float: right; cursor: pointer; } .instant-translation .module-r{ width:400px; } .instant-translation .module-r p{ line-height: 24px; margin-top: 24px; } .instant-translation .module-r p:nth-child(1){ margin-top:0; } .instant-translation .module-r p a{ color:#0066ff; } @media screen and (max-width:768px) { .instant-translation{ margin-top:20px; } .instant-translation .module-l, .instant-translation .module-r{ width:auto; float:inherit; } .instant-translation .module-l{ padding:17px; } .instant-translation .module-r{ margin-top:20px; } } @media screen and ( max-width:600px ) { .instant-translation .text-content textarea{ height:100px; } .instant-translation .language .left{ float:inherit; display:block; width:100%; text-align:center; margin-left:0 !important; margin-right:0 !important; } .instant-translation .language .left select{ width:100%; } .instant-translation .language .button{ float:inherit; width:100%; margin-top:10px; } } .links{} .links li{ float:left; font-size:14px; margin-right:10px; } .links li a{ display:block; color:#999; } .position{ font-size:14px; } .position icon{ position: relative; margin-right: 6px; left: 0; top: -2px; } @media screen and (max-width:1024px) { .position{ font-size:13px; } } .body{ padding:34px; } .body .title{ } .body .title h1{ color:#000; font-weight:bold; } .body .info{ background-color: #f5f5f5; height: 28px; line-height: 28px; padding: 0 10px; font-size: 12px; color: #999; text-align: left; } .body .info span{ display:inline-block; margin-right:10px; } .body .info span time, .body .info span small{ font-family:Arial, Helvetica, sans-serif; } @media screen and (max-width:1024px) { .body{ margin-left: -10px; margin-right: -10px; border:none; box-shadow:none; padding:17px; } .body .title h1{ font-size:21px; font-weight:bold; } .body .info{ background-color: inherit; padding: 0 0; } .body .info span:nth-child(2), .body .info span:nth-child(3){ display: none; } .body .info span.category{ display: none; } .body .info span.category i{ display: none; } .body .info span a.category { display: inline-block; width: 26px; height: 26px; overflow: hidden; position: relative; top: 6px; } .body .info span a.category i{ display: none; } } div.translate{} div.translate section[data-translate="true"]{ border:#eee 1px solid; color:#000; } div.translate section[data-translate="true"] div[data-type="translate-name"]{ padding:0 20px; margin:10px 0 0 0; border-bottom:#eee 1px solid; padding-bottom:10px; } div.translate section[data-translate="true"] div[data-type="translate-name"] h2{ position:relative; display:inline-block; font-weight:bold;; color:#000; font-size:21px; } div.translate section[data-translate="true"] div[data-type="translate-name"] h2 sup{ font-size:10px; margin-left:10px; background-color:#eee; border:#ddd 1px solid; padding:0 8px; height:21px; line-height:21px; color:#333; font-weight:100; user-select:none; float:right; } div.translate section[data-translate="true"] dl{ position:relative; display:flow-root; background-color:#f5f5f5; padding:20px 20px 28px 20px; } div.translate section[data-translate="true"] dt, div.translate section[data-translate="true"] dd { font-family:Arial, Helvetica, sans-serif; margin-top:8px; } div.translate section[data-translate="true"] dt{ position:absolute; right:10px; bottom:8px; font-size:12px; color:#666; } div.translate section[data-translate="true"] dt span[data-type="translate"], div.translate section[data-translate="true"] dd span[data-type="translate"] { font-family:webfont; display: inline-block; float:left; width: auto; height: 22px; line-height: 22px; padding: 0 10px; margin-right: 10px; text-align: center; font-size: 12px; background-color:#44b242; border:#1fa51d 1px solid; box-shadow:0 0 10px #9ad099; border-radius:4px; user-select:none; color:#fff; } div.translate section[data-translate="true"] dd{ display:flow-root; font-size:12px; line-height:24px; } div.translate section[data-translate="true"] dd span, div.translate section[data-translate="true"] dd strong{ } div.translate section[data-translate="true"] dd strong{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 21px; color:#000; } div.translate section[data-translate="true"] ul{ display:flow-root; } div.translate section[data-translate="true"] li{ position:relative; width:calc( 25% - 1px ); height:36px; line-height:36px; overflow:hidden; border-right:#ddd 1px solid; float:left; text-align:center; font-size:13px; } div.translate section[data-translate="true"] li:nth-last-child(1){ border:none; } div.translate section[data-translate="true"] li a{ display:block; position:relative; z-index:2; } div.translate section[data-translate="true"] li:before{ position:absolute; z-index:1; right:0; bottom:0; padding:0 10px; color:#44b242; content:""; font-family: "iconfont" !important; font-size: 21px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.translate section[data-translate="true"] li[data-type="pronunciation"]:before{ content:"\e620"; } div.translate section[data-translate="true"] li[data-type="chinese-interpretation"]:before{ content:"\e695"; } div.translate section[data-translate="true"] li[data-type="english-explanation"]:before{ content:"\e695"; } div.translate section[data-translate="true"] li[data-type="english-dictionary"]:before{ content:"\e601"; } @media screen and ( max-width:500px ){ div.translate section[data-translate="true"] li{ font-size:12px; } div.translate section[data-translate="true"] li:before{ display:none; } } div.dictionary{} div.dictionary section[data-translate="true"] dd strong{ font-family:webfont; } div.dictionary section[data-network_interpretation="true"]{} div.dictionary section[data-network_interpretation="true"] div[data-type="network-interpretation-name"] icon{ display: inline-block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; float: left; border: #44b242 5px solid; margin: 4.5px 10px 4.5px 0; } div.dictionary section[data-network_interpretation="true"] div[data-type="network-interpretation-name"]{ } div.dictionary section[data-network_interpretation="true"] div[data-type="network-interpretation-name"] h4{ font-size:19px; font-weight:unset; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content{ display:flow-root; margin-top:20px; margin-left:10px; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content .network-interpretation-result{} div.dictionary section[data-network_interpretation="true"] .network-interpretation-content .network-interpretation-result em{ display: inline-block; width: auto; padding: 0 10px; background-color: #eee; font-weight:normal; font-size:13px; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content .network-interpretation-result span{ display:inline-block; font-family:Arial, Helvetica, sans-serif; margin-left:6px; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content ul{ display:flow-root; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li{} div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li p{} div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li{ position:relative; padding-left:24px; margin-top:10px; counter-increment:sidebar1-item; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:0; width:24px; height:24px; line-height:24px; text-align:center; color:#999; font-size:15px; font-style:oblique; font-family:Arial, Helvetica, sans-serif; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li p{ margin-top:0; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li p:nth-last-child(1){ font-family:Arial, Helvetica, sans-serif; color:#666; } div.dictionary section[data-network_interpretation="true"] .network-interpretation-content li p span{ color:#44b242; } div.translate section[data-phrase="true"]{} div.translate section[data-phrase="true"] div[data-type="phrase-name"] icon{ display: inline-block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; float: left; border: #44b242 5px solid; margin: 4.5px 10px 4.5px 0; } div.translate section[data-phrase="true"] div[data-type="phrase-name"]{ } div.translate section[data-phrase="true"] div[data-type="phrase-name"] h4{ font-size:19px; font-weight:unset; } div.translate section[data-phrase="true"] ul{} div.translate section[data-phrase="true"] li{ position:relative; padding-left:24px; margin-top:10px; counter-increment:sidebar1-item; } div.translate section[data-phrase="true"] li:before{ content:counter(sidebar1-item); position:absolute; z-index:1; left:0; top:0; width:24px; height:24px; line-height:24px; text-align:center; color:#999; font-size:15px; font-style:oblique; font-family:Arial, Helvetica, sans-serif; } div.translate section[data-phrase="true"] li p{ margin-top:0; } div.translate section[data-phrase="true"] li p:nth-last-child(1){ font-family:Arial, Helvetica, sans-serif; color:#666; } div.translate section[data-phrase="true"] li p span{ color:#44b242; } .reference{ } .reference .reference-name{ line-height:45px; border-bottom:2px solid #ccc; } .reference .reference-name h5{ font-weight:200; font-size:19px; color:#333; } .reference ul{ } .reference ul li{ height:30px; line-height:30px; overflow:hidden; } .reference ul li small{ color:#999; font-family:Arial, Helvetica, sans-serif; } .reference ul li a{ font-size:13px; color:#666; } .evaluate{} .evaluate .care_for{} .evaluate .care_for ul{} .evaluate .care_for li{ float:left; min-width:100px; height:32px; line-height:32px; border:#dae0e4 1px solid; border-radius:32px; cursor:pointer; text-align:center; } .evaluate .care_for li span{ display:block; padding:0 10px; font-size:12px; position:relative; } .evaluate .care_for li span icon.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; } } .statement{ background-color: #e2e2e2; padding:20px; color: #8e0000; font-size: 13px; } .statement ul{ position:relative; } .statement li{ position:relative; z-index:2; 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 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){ } .statement li i{ color: #fff; font-size: 13px; margin-right:6px; } @media screen and (max-width:1024px) { } @media screen and (max-width:768px) { } @media screen and (max-width:600px) { }