@font-face {     font-family: 'webfont';     font-display: swap;     src: url('../font/webfont.eot');      src: url('../font/webfont.eot') format('embedded-opentype'),      url('../font/webfont.woff2') format('woff2'),     url('../font/webfont.woff') format('woff'),      url('../font/webfont.ttf') format('truetype'),      url('../font/webfont.svg') format('svg');  }   *{  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;  min-width:1336px;  } a{  color:#333;  text-decoration:none;  transition: all 0.3s;  } a:hover{  text-decoration:none;  color:#d40000;  } 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;  }  .box{  width:1300px;  margin:0px auto;  } .h60{  height:60px;  } .h66{  height:66px;  } .t10{  margin-top:10px;  } .t20{  margin-top:20px;  } .pt20{  padding-top:20px;  } .t34{  margin-top:34px;  } .t60{  margin-top:60px;  } .p10{  padding:10px;  } .p20{  padding:20px;  } .p30{  padding:30px;  } .p34{  padding:34px;  }  .fleft{  float:left;  } .fright{  float:right;  } .wleft{  width:calc( 100% - 380px );  } .wright{  width:360px;  } .center{  text-align:center;  } .bffffff{  background-color:#fff;  } .bors{     background: #fff;     border:1px solid #eee;     box-shadow:0 1px 10px rgba(0,0,0,.04);  } .isnone{  display:none;  } .arial{  font-family:Arial, Helvetica, sans-serif;  }  .metens{text-align:center;background-color:#489590;padding:10px 0;} .metens img{max-width:100%;}  a[title="站长统计"][target="_blank"] {     display: block;     width: 1px;     height: 1px;     overflow: hidden;     opacity: 0;     position: fixed;     left: 0;     bottom: 0;  }   .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="question"]{     display:flow-root;     margin-top:20px;  } 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;  }    @media screen and ( max-width:768px){ div[data-type="baidu-map"]{  height:150px !important;  } }   small[data-type^="replacecontent"], span[data-type^="replacecontent"]{     width: 20px;     height: 12px;     line-height: 12px;     background-color: #e0e0e0;     display: inline-block;     padding: 0 2px;     position: relative;     top: 1px;     -webkit-filter: blur(2px);     filter: blur(2px);  } small[data-type^="replacecontent_1"], span[data-type^="replacecontent_1"]{  width:15px;  } small[data-type^="replacecontent_2"], span[data-type^="replacecontent_2"]{  width:30px;  } small[data-type^="replacecontent_3"], span[data-type^="replacecontent_3"]{  width:45px;  } small[data-type^="replacecontent_4"], span[data-type^="replacecontent_4"]{  width:60px;  } small[data-type^="replacecontent_5"], span[data-type^="replacecontent_5"]{  width:75px;  } small[data-type^="replacecontent_6"], span[data-type^="replacecontent_6"]{  width:90px;  } small[data-type^="replacecontent_7"], span[data-type^="replacecontent_7"]{  width:105px;  } small[data-type^="replacecontent_8"], span[data-type^="replacecontent_8"]{  width:120px;  } small[data-type^="replacecontent_9"], span[data-type^="replacecontent_9"]{  width:135px;  } small[data-type^="replacecontent_10"], span[data-type^="replacecontent_10"]{  width:150px;  }   span.yuyin{  cursor:pointer;  margin:0 10px !important;     display: inline-block;  color: #44b242;  position: relative;  top: 1px;  } span.yuyin.current{  color:#1a9e18;     text-shadow: 0 0 10px #ddd;  } span.yuyin.current i{  } span.yuyin.current i:before{  content:"\e662";  }   span[data-partofspeech*="part-of-speech"i]{  margin:0 10px;  color:#999;  }   ul[data-type="example_sentence"]{     margin:20px 0;     position:relative;     } ul[data-type="example_sentence"] li{     line-height:21px;  padding-left:20px;     } ul[data-type="example_sentence"] li:nth-child(1){  position:relative;  font-family:Arial, Helvetica, sans-serif;  font-size:18px;  font-weight:normal;  letter-spacing: 0;     } ul[data-type="example_sentence"] li:nth-child(1):before{     position: absolute;     left: 0;     top: 0;     font-family: "iconfont" !important;     font-size: 10px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;     content: "\e60d";     color: #ccc;  } ul[data-type="example_sentence"] li:nth-last-child(1){  line-height:16px;     font-size:13px;     color:#666;     margin-top:6px;     }    div[data-type="video"]{     width:800px !important;     height:496px !important;     margin:10px auto !important;     } div[data-type="video"] div[id^="VideoPlayback"]{     width:100% !important;  height:100% !important;  } @media screen and ( max-width:768px ){  div[data-type="video"]{   width:calc( 100% - 20px ) !important;   height:476px !important;   }  } @media screen and ( max-width:414px ){  div[data-type="video"]{   height:257px !important;   }  } @media screen and ( max-width:411px ){  div[data-type="video"]{   height:255px !important;   }  } @media screen and ( max-width:400px ){  div[data-type="video"]{   height:248px !important;   }  } @media screen and ( max-width:375px ){  div[data-type="video"]{   height:233px !important;   }  } @media screen and ( max-width:360px ){  div[data-type="video"]{   height:223px !important;   }  }   div[data-type="title"]{  position:relative;  font-size:21px;  height:21px;  line-height:21px;  padding-left:20px;  font-weight:100;  } div[data-type="title"]:before{  content:"";  position:absolute;  left:0;  top:3px;  width:6px;  height:18px;  background-color:#44b242;  border-radius:50px;  overflow:hidden;  } div[data-type="title"] h1, div[data-type="title"] h2, div[data-type="title"] h3, div[data-type="title"] h4, div[data-type="title"] h5, div[data-type="title"] h6, div[data-type="title"] span, div[data-type="title"] div{  position:relative;  font-size:21px;  height:21px;  line-height:21px;  font-weight:200;  font-style:initial;  }   .centitle{  position:relative;  text-align:center;  height:36px;  line-height:36px;  padding:36px;  color: #333;  display:block;  z-index:2;  } .centitle:before{  content:"";  position:absolute;  width:100%;  height:1px;  left:0;  top:55px;  background-color:#ddd;  } .centitle:after{  content:"";  position:absolute;  width:100%;  height:1px;  left:0;  top:56px;  background-color:#fff;  } .centitle *[data-type="centitle"]{  font-size:30px;  font-weight:bold;  display:inline-block;  background-color:#fff;  position:relative;  z-index:1;  padding:0 36px;  border-radius:10px;  color:#000;  } .centitle *[data-type="centitle"] span{  color:#d40000;  } @media screen and ( max-width:768px ){ .centitle{  padding:0 17px;  } .centitle:before{  top:26px;  } .centitle:after{  top:27px;  } .centitle *[data-type="centitle"]{  font-size:18px;  box-shadow:none;  border:none;  } } @media screen and ( max-width:600px ){ }  .more{  text-align:center;  } .more a{     width:100px;     height:36px;     line-height:36px;     display:inline-block;  border:#ddd 1px solid;     color:#666;  } .more a:hover{     border: #44b242 1px solid;     color: #44b242;  }   .retitle{  text-align:center;  } .retitle ul{  } .retitle li{  position:relative;  display:inline-block;  height:26px;  line-height:26px;  font-size:14px;  border:#ddd 1px solid;  border-radius:4px;  margin:1px 1px;  } .retitle li a{  display:block;  padding:0 10px;  position:relative;  z-index:2;  } .retitle li:before, .retitle li:after{  content:"";  position:absolute;  top:0;  width:0%;  height:26px;  line-height:26px;  background-color:#44b242;  z-index:1;  transition:all 0.3s;  } .retitle li:hover:before, .retitle li:hover:after{  width:66%;  } .retitle li:before{  left:0;  } .retitle li:after{  right:0;  } .retitle li:hover a{  color:#fff;  }   .position-navigation{  height:18px;  line-height:18px;  overflow:hidden;  font-size:13px;  } .position-navigation i{  font-size:13px;  margin-right:6px;  } .position-navigation a{  color:#d40000;  }   .nav2list{  position:relative;  } .nav2list h2,.nav2list strong,.nav2list em,.nav2list span,.nav2list h3,.nav2list h1{  display:block;  font-weight:normal;  font-size:15px;  padding:0 20px;  height:50px;  line-height:50px;  border-bottom:#ddd 1px solid;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap;  } .nav2list ul{  } .nav2list ul li{  display:inline-block;  height:32px;  line-height:32px;  border:#f5f6f7 1px solid;  background-color:#f5f5f5;  padding:0 0 !important;  margin:0.5px 0.5px;  font-size:12px;  } .nav2list ul li span, .nav2list ul li a{  display:block;  width:auto;  height:auto;  line-height:inherit;  padding:0 10px;  color:#44b242;  overflow:inherit;  border:none;  font-size:inherit;  } .nav2list ul li:hover, .nav2list ul li.current{  background-color:#44b242 !important;  } .nav2list ul li:hover span, .nav2list ul li:hover a, .nav2list ul li.current span{  color:#fff;  }   .evaluate{} .evaluate .care_for{} .evaluate .care_for ul{} .evaluate .care_for li{  float:left;  width:136px;  height:32px;  line-height:32px;  border:#dae0e4 1px solid;  border-radius: 32px;  cursor:pointer;  margin-right:20px;  } .evaluate .care_for li span{  display:block;  padding:0 10px;  font-size:12px;  position:relative;  } .evaluate .care_for li span i{  margin:0 6px 0 0;  color:#5ba84d;  font-size:15px;  position:relative;  } .evaluate .care_for li i.icon-w_zhichi{  top:1px;  } .evaluate .care_for li i.icon-cai{  top:3px;  } .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:10px;  right:inherit;  top:inherit;  bottom:-20px;  width:100%;  height:21px;  line-height:21px;  padding:0 0;  overflow:hidden;  } .evaluate .care_for li 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;  } @media screen and ( max-width:600px ){ .evaluate{  float:inherit;  } .evaluate .care_for li{  width:calc( 50% - 10px );  margin:0 0 0 0;  } .evaluate .care_for li:nth-child(odd){  float:left;  } .evaluate .care_for li:nth-child(even){  float:right;  }  }   aside[data-type="relevant"]{  background-color:#fff;  border: 1px solid #eee;     box-shadow: 0 1px 10px rgba(0,0,0,.01);  padding:20px;  margin-top:20px;  } aside[data-type="relevant"] h4[data-type="name"]{  position: relative;  font-size:21px;     font-weight:200;     height:36px;     line-height: 36px;  padding-left: 20px;  } aside[data-type="relevant"] h4[data-type="name"]:before {     content: "";     position: absolute;     left:0;  top:10px;     width:6px;     height:18px;     background-color: #44b242;  border-radius:50px;  overflow:hidden; } @media screen and ( max-width:768px ){ aside[data-type="relevant"]{  border:none;     box-shadow:none;  } aside[data-type="relevant"] h4[data-type="name"]:before{     height:15px;     top:10px;  }  }   .relevant_photolist1[data-type="relevant"]{  } .relevant_photolist1[data-type="relevant"] ul{} .relevant_photolist1[data-type="relevant"] li{  position:relative;  top:0;  height:auto;  margin:10px 0;  display:inline-block;  float:left;  transition: all 0.3s linear;  } .relevant_photolist1[data-type="relevant"] li i{  margin-right:6px;  } .relevant_photolist1[data-type="relevant"] li figure{} .relevant_photolist1[data-type="relevant"] li figure img{  width:100%;  max-width:100%;  } .relevant_photolist1[data-type="relevant"] li figure{     -webkit-transition: -webkit-box-shadow 0.5s linear;     transition: box-shadow 0.5s linear;     box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);  } .relevant_photolist1[data-type="relevant"] li figure figcaption{  background-color:#fff;  height:36px;  padding:10px;  } .relevant_photolist1[data-type="relevant"] li figure figcaption h3{  font-size:14px;  font-weight:normal;  height:36px;  line-height:18px;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp: 2;  } .relevant_photolist1[data-type="relevant"] li figure figcaption h3 a{  display:block;  } .relevant_photolist1[data-type="relevant"] li:hover{  top: -5px;     box-shadow: 0 23px 40px rgba(0,0,0,0.2);  }   .relevant_textlist1[data-type="relevant"]{  } .relevant_textlist1[data-type="relevant"] ul{  } .relevant_textlist1[data-type="relevant"] ul li{  position:relative;  height:32px;  line-height:32px;  overflow:hidden;  } .relevant_textlist1[data-type="relevant"] ul li time{  float:right;  color:#999;  font-family:Arial, Helvetica, sans-serif;  padding-left:2px;  } .relevant_textlist1[data-type="relevant"] ul li a{  display:block;  position:relative;  padding-left:15px;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp:1;  } .relevant_textlist1[data-type="relevant"] ul li a:before{  position:absolute;  left:-5px;  top:0;  font-family: "iconfont" !important;     font-size: 16px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content:"\eb8a";  } .relevant_textlist1[data-type="relevant"] ul li:hover a:before{  color:#44b242;  } @media screen and ( max-width:769px ){ aside[data-type="relevant"] h4[data-type="name"]{  font-size:16px;  }  } @media screen and ( min-width:600px ) and ( max-width:769px ){ .relevant_photolist1[data-type="relevant"] li{  width:calc( 50% - 10px );  } .relevant_photolist1[data-type="relevant"] li:nth-child(even){  float:right;  }  } @media screen and ( max-width:600px ){ aside[data-type="relevant"]{  border:none;  box-shadow:none;  }  }    .photolist1{  } .photolist1 ul{  display:inline-block;  width:100%;  padding:20px 0;  } .photolist1 ul li{  margin:30px 0 0 0;  position:relative;  } .photolist1 ul li:nth-child(1){  margin-top:0;  } .photolist1 figure{  width:36%;  float:left;  position:relative;  border-radius:8px;  box-shadow:0 0 6px #f5f5f5;  } .photolist1 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);  } .photolist1 figure img{  max-width:100%;  border-radius: 8px;  } .photolist1 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;  } .photolist1 .inforight{  width:calc( 64% - 20px );  float:right;  } .photolist1 .info h3{  font-size:19px;  font-weight:bold;  text-align:justify;  display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp:2;  } .photolist1 .info h3 a{  display:block;  } .photolist1 .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;  } .photolist1 .info time{  display:block;  margin-top:20px;  font-size:13px;  font-family:Arial, Helvetica, sans-serif;  color:#999;  } .photolist1 .inforight time{  position:absolute;  bottom:0;  }   .photolist2{} .photolist2 ul{  padding:20px;  } .photolist2 li{  margin:20px 0 0 0;  float:left;  position:relative;  }  @media screen and (min-width:769px){   .photolist2 li:nth-child(even){    margin-right:0;    }   .photolist2 li:nth-child(odd){    margin-left:0;    }   }  .photolist2 li figure{  position:relative;  width:202px;  height:125px;  float:left;  overflow:hidden;  border-radius: 4px;  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 li figure img{  width:auto;  max-width:100%;  border-radius: 4px;  } .photolist2 li figure figcaption{  position:absolute;  left:0;  bottom:0;  width:100%;  height:26px;  line-height:26px;  overflow:hidden;  z-index:10;  background-color:rgba(255,255,255,0.2);  color:#fff;  font-size:12px;  text-align:center;  border-radius:0 0 4px 4px;  } .photolist2 li .info{  float:right;  width:calc( 100% - 222px );  } .photolist2 li h3{  font-weight: normal;  display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp:2;  } .photolist2 li h3 a{  color:#000;  display:block;  } .photolist2 li p{  font-size:13px;  color:#666;  margin-top:10px;  text-align:justify;  line-height:21px;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp:3;  } .photolist2 li time{  position:absolute;  bottom:0;  display:inline-block;  color:#999;  font-family:Arial, Helvetica, sans-serif;  font-size:14px;  margin-top:10px;  }   .photolist3{} .photolist3 ul{} .photolist3 li{  margin:20px 0 0 0;  } .photolist3 li figure{  width:90px;  height:56px;  float:left;  } .photolist3 li figure a[data-type="img"]{  overflow:hidden;  float:left;  width:100%;  height:auto;  display:block;  position:relative;  border-radius: 4px;  box-shadow:0 0 6px #f5f5f5;  } .photolist3 li figure a[data-type="img"]:before{  content:"";  position:absolute;  z-index: 100;  left:0;  top:0;  width:100%;  height: 100%;  background-color: rgba(255, 255, 255, 0.1);  } .photolist3 li figure img{  width:auto;  max-width:100%;  } .photolist3 li .info{  float:right;  width:calc( 100% - 110px );  height:56px;  position:relative;  } .photolist3 li .info h3{  line-height:18px;  font-weight:normal;  font-size:15px;  display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp:2;  text-align:justify;  } .photolist3 li .info h3 a{  color:#000;  display:block;  } .photolist3 li .info time{  color:#999;  font-size:13px;  font-family:Arial, Helvetica, sans-serif;  position:absolute;  left:0;  bottom:0;  }   .photolist4{} .photolist4 ul{} .photolist4 li{  background-color:#fff;  width:calc( 25% - 15px );  margin:20px 10px 0 10px;  float:left;  }  @media screen and (min-width:769px){   .photolist4 li:nth-child(4n){    margin-right:0;    }   .photolist4 li:nth-child(4n+1){    margin-left:0;    }   } .photolist4 li figure{  position:relative;  } .photolist4 li figure a[data-type="img"]{  overflow:hidden;  float:left;  width:100%;  height:auto;  display:block;  position:relative;  border-radius: 4px;  box-shadow:0 0 6px #f5f5f5;  } .photolist4 li figure a[data-type="img"]:before{  content:"";  position:absolute;  z-index: 100;  left:0;  top:0;  width:100%;  height: 100%;  background-color: rgba(255, 255, 255, 0.1);  } .photolist4 li figure img{  width:auto;  max-width:100%;  height:auto;  transition:all 0.3s;  border-radius: 4px;  } .photolist4 li figure:hover img{  transform:scale(1.1);  } .photolist4 li figure figcaption{  display:block;  text-align:center;  font-weight:normal;  font-size:13px;  width:100%;  height:36px;  line-height:36px;     display:-webkit-box;     -webkit-box-orient:vertical;     overflow:hidden;     -webkit-line-clamp:1;  } .photolist4 li figure figcaption a{  color:#000;  height:36px;  line-height:36px;  display:block;  }   .photolist5{} .photolist5 ul{} .photolist5 li{  position:relative;  top:0;  height:auto;  margin:10px 0;  display:inline-block;  float:left;  transition: all 0.3s linear;  } .photolist5 li i{  margin-right:6px;  } @media screen and ( min-width:769px ){ .photolist5.three li{  width:calc( 33.333333% - 13.333333px );  margin:10px 10px;  } .photolist5.three li:nth-child(3n){  margin-right:0;  } .photolist5.three li:nth-child(3n+1){  margin-left:0;  } } @media screen and ( min-width:600px ){ .photolist5.four li{  width:calc( 25% - 15px );  margin:10px 10px;  } .photolist5.four li:nth-child(4n){  margin-right:0;  } .photolist5.four li:nth-child(4n+1){  margin-left:0;  } } .photolist5 li figure{} .photolist5 li figure img{  width:100%;  max-width:100%;  } .photolist5 li figure{     -webkit-transition: -webkit-box-shadow 0.5s linear;     transition: box-shadow 0.5s linear;     box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);  } .photolist5 li figure figcaption{  background-color:#fff;  height:36px;  padding:10px;  } .photolist5 li figure figcaption h3{  font-size:17px;  font-weight:bold;  height:36px;  line-height:18px;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp: 2;  } .photolist5 li figure figcaption h3 a{  display:block;  } .photolist5 li:hover{  top: -5px;     box-shadow: 0 23px 40px rgba(0,0,0,0.2);  }    .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;  padding-left:15px;     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;  color:#fff;  padding:0 8px;  margin:0 1px;  display:block;  border-radius:4px;  box-shadow:0 0 5px #f5f5f5;  } .textlist2 li:nth-child(1n) a{  background-color:#66a3d5;  } .textlist2 li:nth-child(2n) a{  background-color:#7cc77c;  } .textlist2 li:nth-child(3n) a{  background-color:#e17472;  } .textlist2 li:nth-child(4n) a{  background-color:#7697ab;  } .textlist2 li:nth-child(5n) a{  background-color:#c35aff;  } .textlist2 li:nth-child(6n) a{  background-color:#32bbbb;  } .textlist2 li:nth-child(7n) a{  background-color:#c38f5a;  } .textlist2 li:nth-child(8n) a{  background-color:#ff8532;  } .textlist2 li:nth-child(9n) a{  background-color:#6e6e6e;  } .textlist2 li:nth-child(10n) a{  background-color:#66a3d5;  } .textlist2 li:nth-child(11n) a{  background-color:#7cc77c;  } .textlist2 li:nth-child(12n) a{  background-color:#e17472;  } .textlist2 li:nth-child(13n) a{  background-color:#7697ab;  } .textlist2 li:nth-child(14n) a{  background-color:#d78fff;  } .textlist2 li:nth-child(15n) a{  background-color:#32bbbb;  } .textlist2 li:nth-child(16n) a{  background-color:#c38f5a;  } .textlist2 li:nth-child(17n) a{  background-color:#ff8532;  } .textlist2 li:nth-child(18n) a{  background-color:#e17472;  } .textlist2 li:nth-child(19n) a{  background-color:#66a3d5;  } .textlist2 li:nth-child(20n) a{  background-color:#7cc77c;  } .textlist2 li:nth-child(21n) a{  background-color:#e17472;  } .textlist2 li:nth-child(22n) a{  background-color:#7697ab;  } .textlist2 li:nth-child(23n) a{  background-color:#c35aff;  } .textlist2 li a:hover{  opacity:0.6;  }   .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;  } }   .publicmodule1{} .publicmodule1 dl{     padding: 36px;     margin:20px 17px;  } .publicmodule1 dl dt{  position:relative;  font-size: 26px;     font-weight: bold;     color: #000;  margin-bottom: 36px;  } .publicmodule1 dl dt:before{     content: "";     display: table;     position:absolute;     left: 0;     bottom: -10px;     width: 36px;     height: 2px;     background-color: #d40000;  } .publicmodule1 dl dd{  line-height:24px;  text-align:justify;  } @media screen and ( min-width:1025px ){ .publicmodule1 dl{  float: left;     width: calc( 33.333333% - 94.666666px );  } .publicmodule1 dl:nth-child(3n){  margin-right:0;  } .publicmodule1 dl:nth-child(3n+1){  margin-left:0;  } } @media screen and ( max-width:768px ){ .publicmodule1 dl dt{  font-size:17px;  } }   table{  width:100%;  margin-top:17px;  text-align:center;  table-layout:fixed;  } table tr{} table td{     height: auto;     line-height: 21px;     padding: 7px 2px;  border-bottom: #ddd 1px solid;     border-right: #ddd 1px solid;     font-size: 13px;     color: #000;  word-wrap:break-word;  vertical-align: inherit;  letter-spacing: 0;  } @media screen and ( min-width:1025px ){ table td{     width: auto;  } } table td:nth-child(1){  border-left:#ddd 1px solid;  } table tr:nth-child(1) td{  border-top:#ddd 1px solid;  } @media screen and ( max-width:660px ){  table{   display: block;   width:100%;   max-width: 100%;   margin:0px auto;   position:relative;   overflow-x: auto;   overflow-y: auto;  }  tbody{   display:block;   width:768px;   position:relative;   z-index: 10;  } }   .allt{  position:relative;     height:28px;     line-height:28px;     background-color:#479428;     color:#ccc;  font-size:12px;     } .allt:before{  content:"";  position:absolute;  left:0;  bottom:0;  width:100%;  height:1px;  background-color:#4f9c30;  } .allt:after{  content:"";  position:absolute;  left:0;  bottom:1px;  width:100%;  height:1px;  background-color:#32880d;  } .allt h2,.allt h3{  font-weight:normal;  font-size:12px;     } .allt a{  color:#ccc;  }   header{     position:relative;     z-index:6;     width:100%;     height:78px;     background-color:#0d980d;     background:  linear-gradient(217deg, rgba(11,138,11,0.9), rgba(30,142,27,0.9) 70.71%),  linear-gradient(127deg, rgba(54,185,54,0.9), rgba(255,255,255,0) 70.71%),  linear-gradient(336deg, rgba(68,152,68,0.9), rgba(255,255,255,0) 70.71%);  } header:before{  content:"";  position:absolute;  left:0;  bottom:0;  width:100%;  height:1px;  background-color:#fff;     opacity: 0.1;  } header .headlogos{  position:relative;  } header .fleft figure{  width:auto;  } header .fleft figure img{  max-height:60px;  float:left;  padding:9px 0;  } header .mobilenav span[data-type="mobile_nav_more"]{  display:none;  } @media screen and ( min-width:1025px ){ header .headermenu{  margin-left:18px;  } header .headermenu ul{} header .headermenu ul li{  position:relative;  display:inline-block;  height:78px;     line-height:78px;  margin:0 0;  } header .headermenu ul li span, header .headermenu ul li a{  display:block;  color:#fff;  font-size:15px;     border-radius: 4px;  padding:0 15px;  position:relative;  z-index:2;  } header .headermenu ul li:before, header .headermenu ul li:after{  content:"";  position:absolute;  bottom:0;  width:0%;  height:2px;  line-height:2px;  background-color:#fff;  z-index:1;  transition:all 0.5s;  } header .headermenu ul li:hover:before, header .headermenu ul li:hover:after{  width:66%;  } header .headermenu ul li.current:before, header .headermenu ul li.current:after{  width:calc( 100% - 30px );  } header .headermenu ul li:before{  left:15px;  } header .headermenu ul li:after{  right:15px;  } header .headermenu ul li:hover a{  } header .headermenu ul li ul{  display:none;  } header .headermenu ul li:hover ul{  display:block;  position:absolute;  left:-50%;  width:200%;  background-color:rgba(0,0,0,0.5);  } header .headermenu ul li ul li{  display:block;  height:36px;  line-height:36px;  text-align:center;  margin:0 0;  padding:0 0;  } header .headermenu ul li ul li a{  font-size:14px;  } }  header .tcontact{  margin-top: 10px;  color:#fff;  } header .tcontact dl{  } header .tcontact dl dt{     font-size: 14px;     letter-spacing: 2px;     margin-left: 39px;     color: #fff;     margin-top: 4px;     line-height: 18px;  } header .tcontact dl dd{  line-height: 36px;  } header .tcontact dl dd i{  font-size: 36px;     float: left;  } header .tcontact dl dd span{  float: left;     font-size: 36px;     font-family: arial;     letter-spacing: 2px;     font-weight: bold;  }   .express-lane{  position: relative;  height:auto;  background-color:#189618;  color:#fff;  } .express-lane .service{  position:relative;  margin:100px 0;  z-index:2;  } .arc-express-lane .service{  margin:60px 0;  } .animation-express-lane .service{  height:360px;  } .express-lane .service .icon{  position:absolute;  left:0;  top:0;  z-index:3;  width:100%;  height:100%;  user-select:none;  } .express-lane .service .icon .icon-renwu{  position:absolute;  right:0;  top:calc( 50% - 30px);  font-size:60px;  color:rgba(255,255,255,0.2);  } .express-lane .service .important{  position:relative;  z-index:5;  text-align:center;  } .express-lane .service .important .strong{     height: 50px;     line-height: 50px;     text-align: center;     color: #fff;     letter-spacing: 5px;  } .express-lane .service .important .strong em{  position:relative;  font-size:21px;  font-weight:bold;  } .express-lane .service .important .strong small{  position:relative;  width:auto;  height:50px;  display:initial;  padding:0 10px;  margin-right:6px;  } .express-lane .service .important .strong small:before{  content:"";  position:absolute;  left:calc( 50% - 2px );  top:calc( 50% - 2px );  display:inline-block;  width:4px;  height:4px;  background-color:#fff;  border-radius:50%;  }  .express-lane .service .animation1{  } .express-lane .service .animation1 ul{  position:relative;  display:flow-root;  } .express-lane .service .animation1 li{  position: absolute;     top: 0;     left: 0;  opacity:1;  } .express-lane .service .animation1 li:nth-last-child(1){  opacity:0;  margin:66px 0;  } .express-lane .service .animation1 li .t1{  font-size:50px;  font-weight:bold;  letter-spacing:5px;  } .express-lane .service .animation1 li .t2{  margin-top:36px;  font-size:32px;  } .express-lane .service .animation1 li .t2 p.text{  position:relative;     display: inline;  padding:0 0 5px 0;  } .express-lane .service .animation1 li .t2 p.text:before{  content: "";     position: absolute;     left: 0;     bottom: 0;     width: 95%;     height: 2px;  background: linear-gradient(90deg, #cacaca, #cdffbd);  } .express-lane .service .animation1 li .t2 p.text span{  font-weight: bold;     padding:0 5px 0 7px;     color: #fff700;  letter-spacing:2px;  } .express-lane .service .animation1 li .t2 p.explain{  font-size:15px;  margin-top:15px;  } .express-lane .service .animation1 li .t3{  margin-top:20px;  } .express-lane .service .animation1 li .t3 .attribute{  } .express-lane .service .animation1 li .t3 .attribute span{     display: inline-block;  float:left;     width: auto;     height: 36px;     line-height: 36px;  border: #fff 1px solid;     padding: 0 20px;  margin:0 5px 0 0;     transform: skew(350deg, 360deg);  background-color:rgba(255,255,255,0.1);  font-size:13px;  } .express-lane .service .animation1 li.offer{  margin:21px 0;  } .express-lane .service .animation1 li.offer .order{  margin-top: 34px;     height: 100px;     line-height: 100px;  } .express-lane .service .animation1 li.offer .order span{     position: relative;     float: left;     display: inline-block;     border: #fff 1px solid;     width: auto;     padding: 0 18px;     margin-right: 20px;     font-size: 15px;  border-radius: 10px;     } .express-lane .service .animation1 li.offer .order span:before{     content:"";     position:absolute;     right:-11px;     top:calc( 50% - 10px);     width:0;     height:0;     border-width:10px 0 10px 10px;     border-style:solid;     border-color:transparent transparent transparent #fff;   } .express-lane .service .animation1 li.offer .order i{  font-size: 60px;     float: left;     margin-left: 36px;  color:#fff;    }   .express-lane .service .switch{  position:absolute;  bottom:0;     width: 50px;     height: 10px;  background-color:rgba(0,0,0,0.2);     border: rgba(255,255,255,0.36) 1px solid;  box-shadow: 0 0 5px rgba(255,255,255,0.5);     border-radius: 50px;     overflow: hidden;  } .express-lane .service .switch span{  position:absolute;  left:0;  top:0;  display:inline-block;  width:10px;  height:10px;  margin-right:5px;  background-color:#fff;  border-radius:50px;  transition:all 1s;  box-shadow: 0 0 10px #a4f33e;  z-index:2;  } .express-lane .service .switch span:nth-last-child(1){  background-color:#fff700;  z-index:1;  }      .express-lane .service .animation2{  position: absolute;  } .express-lane .service .animation2 .t1{  user-select:none;  } .express-lane .service .animation2 .t1 ul{  } .express-lane .service .animation2 .t1 li{  display:inline-block;     width: 100px;     height: 100px;     text-align: center;     border: #ddd 1px solid;     margin: 5px;  } .express-lane .service .animation2 .t1 li i{  display:block;  font-size: 36px;     margin: 20px 0 0 0;  } .express-lane .service .animation2 .t1 li .text{  font-size:12px;  } @media screen and ( min-width:1025px ) { .express-lane .service .animation2{     right: 0;     top:calc( 50% - 60px );  } .express-lane .service .animation2 .t1 li{  float: left;     margin: 10px;  } .express-lane .service .animation2 .t1 li .text{  font-size:14px;  } }  .express-lane .canvas{  position:absolute;  left:0;  top:0;  width:100%;  height:100%;  z-index:1;  } .express-lane .canvas canvas{  width:100%;  height:100%;  }    .express-lane .service .animation1 li{  animation-name:animationtext1;  -webkit-animation-name:animationtext1;  animation-delay:0s;  -webkit-animation-delay:0s;  animation-direction:normal;  -webkit-animation-direction:normal;  animation-duration:16s;  -webkit-animation-duration:16s;  animation-fill-mode:forwards;  animation-iteration-count:infinite;  -webkit-animation-iteration-count:infinite;  animation-play-state:running;  -webkit-animation-play-state:running;  animation-timing-function:linear;  -webkit-animation-timing-function:linear;  } @keyframes animationtext1{ 0%{  opacity:1;  } 50%{  opacity:1;  } 51%{  opacity:0;  } 100%{  opacity:0;  } } .express-lane .service .animation1 li:nth-last-child(1){  animation-name:animationtext2;  -webkit-animation-name:animationtext2;  } @keyframes animationtext2{ 0%{  opacity:0;  } 50%{  opacity:0;  } 51%{  opacity:1;  } 100%{  opacity:1;  } }   .express-lane .service .switch span{  animation-name:switch1;  -webkit-animation-name:switch1;  animation-delay:0s;  -webkit-animation-delay:0s;  animation-direction:normal;  -webkit-animation-direction:normal;  animation-duration:16s;  -webkit-animation-duration:16s;  animation-fill-mode:forwards;  animation-iteration-count:infinite;  -webkit-animation-iteration-count:infinite;  animation-play-state:running;  -webkit-animation-play-state:running;  animation-timing-function:linear;  -webkit-animation-timing-function:linear;  } .express-lane .service .switch span:nth-last-child(1){  animation-name:switch2;  -webkit-animation-name:switch2;  } @keyframes switch1{ 0%{  background-color:#fff;  } 50%{  background-color:#fff;  } 51%{  background-color:#fff700;  } 100%{  background-color:#fff700;  } } @keyframes switch2{ 0%{  width:10px;  background-color:#fff700;  } 50%{  width:50px;  background-color:#fff700;  } 51%{  width:10px;  background-color:#fff;  } 100%{  width:50px;  background-color:#fff;  } }  @media screen and ( max-width:1024px ){ .express-lane{  padding:0 0;  } .express-lane .service{  margin:36px 0;  } .express-lane .service .important{  float:inherit;  padding:30px 0;  } .express-lane .service .important .strong{  letter-spacing:2px;  } .express-lane .service .important .strong em{  font-size:15px;  font-weight:normal;  } .arc-express-lane{  height:1px;  overflow:hidden;  opacity:0.1;  }  .express-lane .service .animation1{  margin-left:17px;  margin-right:17px;  } .express-lane .service .animation1 li .t2{  font-size:26px;  margin-top:20px;  } .express-lane .service .animation1 li .t3 .attribute span{  font-size:12px;  } .express-lane .service .animation2{  left: 0;     bottom: 20px;     width: 100%;     text-align: center;  } .express-lane .service .animation2 .t1 li{  width:50px;  height:50px;  } .express-lane .service .animation2 .t1 li i{  font-size:18px;  margin:5px 0 0 0;  } .express-lane .service .animation1 li .t2 p.explain{  font-size:14px;  } .express-lane .service .animation1 li.offer .order{  height:50px;  line-height:50px;  } .express-lane .service .animation1 li.offer .order span{  border-radius:0;  } .express-lane .service .switch{  left: calc( 50% - 25px );  } } @media screen and ( max-width:768px ) { .express-lane .service .animation1 li.offer .order {     height: 36px;     line-height: 36px;  } .express-lane .service .animation1 li.offer .order span{  padding:0 10px;  margin-right: 10px;  font-size:12px;  } .express-lane .service .animation1 li.offer .order span:before{  right: -6px;     top: calc( 50% - 5px );     border-width: 5px 0 5px 5px;  } } @media screen and ( max-width:600px ) { .express-lane .service .animation1 li .t1{  font-size:32px;  } .express-lane .service .animation1 li .t2{  font-size:19px;  } .express-lane .service .animation1 li .t2 p.text{  font-weight:bold;  } .express-lane .service .animation1 li .t2 p.explain {     font-size: 12px;  } .express-lane .service .animation1 li .t3 .attribute span{  height: 28px;     line-height: 28px;     transform: none;     padding: 0 10px;  } .express-lane .service .animation1 li.offer .order{  position:relative;  display:flow-root;     height: auto;     line-height: 26px;     margin-top: 10px;  } .express-lane .service .animation1 li.offer .order:before{  content: "";     position: absolute;     left: 20px;     top: 0;     width: 2px;     height: 100%;     background-color: rgba(255,255,255,0.5);  } .express-lane .service .animation1 li.offer .order span{  position:relative;     display: block;     float: inherit;  width:100px;     margin-bottom: 5px;  margin-left: 50px;  padding:0 0;  border:none;  font-size:14px;  } .express-lane .service .animation1 li.offer .order span:before{  left: -34px;     top: calc( 50% - 5px );     width: 10px;     height: 10px;     border-width: unset;     border-style: none;     border-color: unset;     background-color: #fff;     border-radius: 50%;  } .express-lane .service .animation1 li.offer .order i{  display:none;  }   }         .first{  padding:64px 0 100px 0;  background-color:#f5f6f7;  } .first .centitle *[data-type="centitle"]{  color:#000;  background-color:#f5f6f7;  } .first ul{  position:relative;  } @media screen and ( min-width:1025px ){ .first ul:before{     content: "";     display: block;     position: absolute;     width: 100%;     height: 1px;     left: 0;     bottom: -20px;     background-color: #d6d6d6;  } .first ul:after{     content: "";     display: block;     position: absolute;     width: 100%;     height: 1px;     left: 0;     bottom: -21px;     background-color: #fff;  } } .first li{  position:relative;  float:left;  } @media screen and ( min-width:1025px ){ .first li{  width:calc( 25% - 45px );  margin:0 30px;  } .first li:nth-child(4n){  margin-right:0;  } .first li:nth-child(4n+1){  margin-left:0;  } } .first li i{  float:left;  width:60px;  height:81px;  line-height:81px;  text-align:center;  font-size:45px;  color:#44b242;  } .first li:nth-child(3) i{  font-size:36px;  } .first li:hover i{  color:#368e34;  } .first li .info{  float:right;  width:calc( 100% - 70px );  text-align:justify;  } .first li .info p{  font-size:21px;  color:#333;  } .first li .info p:nth-last-child(1){  margin-top:6px;  font-weight:normal;  color:#666;  text-align:justify;  font-size:13px;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp: 3;  } .first li .line{  position: absolute;     left: 25px;     bottom: -24px;     width: 10px;     height: 10px;  } .first li .line:before{  content: "";  position:absolute;     display: block;     width: 10px;     height: 10px;     background-color: #ddd;     border-radius: 50%;  z-index:1;  } .first li .line:after{     content: "";     position: absolute;     display: block;     width: 6px;     height: 6px;     background-color: #52880b;  box-shadow: 0 0 10px #676767;     margin: 2px;     border-radius: 50%;     z-index: 2;  transition:all 0.3s;  }  .first li .line:after{  animation-name:lineafter;  -webkit-animation-name:lineafter;  animation-delay:0s;  -webkit-animation-delay:0s;  animation-direction:normal;  -webkit-animation-direction:normal;  animation-duration:5s;  -webkit-animation-duration:5s;  animation-fill-mode:forwards;  animation-iteration-count:infinite;  -webkit-animation-iteration-count:infinite;  animation-play-state:running;  -webkit-animation-play-state:running;  animation-timing-function:linear;  -webkit-animation-timing-function:linear;  } @keyframes lineafter{ from{  opacity:0;  } to{  opacity:1;  } } @media screen and ( max-width:1024px ){ .first{  padding:20px 0;  } .first ul{  margin:0 17px;  } @media screen and ( min-width:601px ){ .first li{  width:calc( 50% - 30px );  margin-top:30px;  } .first li:nth-child(odd){  float:left;  } .first li:nth-child(even){  float:right;  } .first li:nth-child(1), .first li:nth-child(2){  margin-top:0;  } } .first li i{  font-size:60px;  } @media screen and ( min-width:769px ){ .first li i{  height:59px;  line-height:59px;  } } .first li .info{  width:calc( 100% - 77px );  } .first li .info p{     font-size: 18px;     font-weight: bold;     color:#333;  } .first li .line{  display:none;  } } @media screen and ( max-width:600px ){ .first li{  margin:10px 0;  } }   .iteacherteam{  padding:64px 0 100px 0;  background-color:#3e4346;  } .iteacherteam .centitle:before{  background-color: #282c2f;  } .iteacherteam .centitle:after{  background-color: #515456;  } .iteacherteam .centitle *[data-type="centitle"]{  color:#fff;  background-color:#3e4346;  } .iteacherteam .info{  position:relative;  } .iteacherteam .info .icon{  position:absolute;  left:0;  top:0;  width:50%;  height:100%;  } .iteacherteam .info .icon i{  position:absolute;  display: inline-block;  width:220px;  height:220px;  line-height:220px;  left:calc( 50% - 110px );  top:calc( 50% - 110px );  color:#8e8d8d;  font-size:200px;  text-align:center;  } .iteacherteam .info .list{  width:50%;  color:#c3c3c3;  } .iteacherteam .info .list dl{  } .iteacherteam .info .list dl dt{  font-size:24px;  font-weight:bold;  color:#fff;  } .iteacherteam .info .list dl dd{  line-height:28px;  } .iteacherteam .info .list dl dd.tag{  } .iteacherteam .info .list dl dd.tag span{  background-color: #494b58;     float: left;     margin:2px 5px 0 0;     height: 28px;     line-height: 28px;     padding: 0 10px;     font-size: 14px;  } @media screen and ( max-width:1024px ) { .iteacherteam {     padding: 20px 0;  } .iteacherteam .info .list dl dd.tag span{  font-size:12px;  } } @media screen and ( max-width:600px ) { .iteacherteam .info .icon{  left: inherit;     right: 17px;     top: inherit;     bottom: 17px;     width: auto;     height: auto;  } .iteacherteam .info .icon i{  position: relative;     width: auto;     height: auto;     line-height: inherit;     left: inherit;     top: inherit;     font-size: 60px;  } .iteacherteam .info .list{  float:inherit;  width:calc( 100% - 34px );  margin-left:17px;  margin-right:17px;  } }           .iteaching{  padding:64px 0 100px 0;  } .iteaching .box{  } .iteaching ul{  text-align:center;  } .iteaching li{  position:relative;     transition:all 0.3s;  display:flow-root;  } .iteaching li figure img{  width:100%;     } .iteaching li h3{  height:60px;  line-height:60px;  color:#000;     } .iteaching li p{     line-height:28px;     font-size:14px;     } @media screen and ( min-width:769px ) { .iteaching ul{  margin-left:17px;  margin-right:17px;  } .iteaching li{  top:0;     float:left;     width:calc( 33.333333% - 11.333333px);     min-height:300px;     padding:0 0;  margin:0 8.5px;     border:none;  } .iteaching li:nth-child(3n){     margin-right:0;     } .iteaching li:nth-child(3n+1){     margin-left:0;     } .iteaching li figure{  display:block;  user-select:none;     } } @media screen and ( min-width:1025px ) { .iteaching ul{  margin-left:0;  margin-right:0;  } .iteaching li{  top: 10px;     width: calc( 33.333333% - 107.333333px);     padding: 50px 36px;     margin: 0 25px;     border: #ddd 1px solid;  } .iteaching li:hover{     top:0;     background-color:rgba(255,255,255,1);     box-shadow: 0 30px 60px #d0d0d0;     } } @media screen and ( max-width:1024px ) { .iteaching{  padding:20px 0;  } .iteaching li .info{  background-color:#f5f5f5;  padding-bottom:10px;  } } @media screen and ( max-width:768px ) { @media screen and ( min-width:601px ){ .iteaching ul{  text-align:inherit;  } .iteaching li{  border-top:#f5f5f5 1px solid;  } .iteaching li:nth-child(1){  border-top:none;  } .iteaching li figure{  float:left;  width:200px;  padding:17px;  } .iteaching li .info{  float:right;  width:calc( 100% - 260px );  padding:17px 17px 17px 0;  background-color:inherit;  } .iteaching li h3{     height: 32px;     line-height: 32px;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp: 1;  } .iteaching li p{  margin-top:10px;  line-height:28px;  text-align:justify;     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     -webkit-line-clamp: 3;  } } } @media screen and ( max-width:600px ) { .iteaching li{  margin:17px;  }  }   .ioffer{  padding:64px 0 100px 0;  } .ioffer .centitle *[data-type="centitle"]{  background-color:#f5f6f7;  }  .ioffer .price{  width:600px;  }  .ioffer .price .pricelist{  position:relative;  margin-right:22px;  margin-bottom:22px;  }  .ioffer .price .pricelist .background{  position: absolute;     left: 20px;     top: 20px;     width:calc( 100% - 2px );     height:calc( 100% - 2px );     background-color: #fff;  border:#eee 1px solid;     z-index: 1;  } .ioffer .price .pricelist ul{  position: relative;     z-index: 2;  border:#ddd 1px solid;  background-color: #fff;  box-shadow:10px 10px 36px rgba(0,0,0,0.36);  } .ioffer .price .pricelist li{  position:relative;  display:flow-root;  border-top:#ddd 1px solid;  text-align:center;  overflow: hidden;  } .ioffer .price .pricelist li:nth-child(1){  background-color:#44b242;  border-top:none;  color:#fff;  } .ioffer .price .pricelist li div{  position:relative;  width:100px;  height:auto;  line-height:18px;  padding:9px 0;  font-size:13px;  } .ioffer .price .pricelist li div:nth-child(2){  width:100px;  } .ioffer .price .pricelist li div:nth-child(3){  width:68px;  } .ioffer .price .pricelist li div:nth-child(4){  width:calc( 100% - 270px );  color:#d40000;  text-align:left;  text-indent:10px;  } .ioffer .price .pricelist li:nth-child(1) div:nth-child(4){  color:#fff;  text-align: center;  } .ioffer .price .pricelist li div:before{  content:"";  position:absolute;  left:0;  top:0;  width:1px;  height:1000%;  background-color:#ddd;  } .ioffer .price .pricelist li:nth-child(1) div:before{  background-color:#fff;  } .ioffer .price .pricelist li div:nth-child(1):before{  display:none;  } .ioffer .price .pricelist li.info{  color: #d40000;     font-size: 13px;     text-align: left;  padding: 10px;     background-color: #e6ffe1;  } .ioffer .price .pricelist li.info i{  margin-right:5px;  } .ioffer .price-fluctuation{  position:relative;  width:calc( 100% - 700px );  } .ioffer .price-fluctuation .whole{  position:relative;  width:200px;  height:200px;  border:#ddd 1px solid;  background-color:#fff;  overflow:hidden;  border-radius:50%;  user-select:none;  } .ioffer .price-fluctuation .whole1-no-distinction{  position:absolute;  left:0;  top:0;  width:200px;  height:200px;  background-color:#fff;  overflow:hidden;  } .ioffer .price-fluctuation .whole1{  z-index:2;  background-color:#44b242;  } .ioffer .price-fluctuation .whole2{  position:relative;     background-color:transparent;     z-index:3;  } .ioffer .price-fluctuation .whole2:before{  content:"";  position:absolute;  display: block;  top:50%;  left:0;  width:100%;  height:50%;  background-color:#d5ded5;  } .ioffer .price-fluctuation .whole2:after{  content:"";  position:absolute;  display: block;  top: 31%;  left: 40%;  width: 100%;  height: 100%;  background-color:#d5ded5;  transform: rotate(128deg);  z-index: 4;  } .ioffer .price-fluctuation .whole3{     background-color: transparent;     z-index: 5;     left: 46%;     top: 68%;     width: auto;     height: auto;     color: #000;     transform: rotate(323deg);     } .ioffer .price-fluctuation .whole4{     background-color: transparent;     z-index: 6;     left: 20%;     top: 20%;     width: auto;     height: auto;     color: #fff;     transform: rotate(336deg);     } .ioffer .price-fluctuation .icon{  text-align: center;     z-index: 4;     background-color: transparent;  } .ioffer .price-fluctuation .icon i{  width: 66px;     height: 66px;     line-height: 66px;     margin: 67px;     font-size: 50px;     border-radius: 50%;     display: inline-block;     background-color: #fff;  color:#d40000;  overflow:hidden;     } .ioffer .price-fluctuation .info{  width:calc( 100% - 220px );     } @media screen and ( min-width:1025px ) { .ioffer .price-fluctuation .info{  text-align:right;     } } .ioffer .price-fluctuation .info ul{  } .ioffer .price-fluctuation .info li{  position:relative;  } .ioffer .price-fluctuation .info li{  } .ioffer .price-fluctuation .info li:nth-child(1){  margin-bottom:10px;  } .ioffer .price-fluctuation .info li:nth-child(1):before{  content:"";  position:absolute;  right:0;  bottom:0;  width:105px;  height:5px;  background-color:#44b242;  border-radius:50px;  overflow: hidden;  } .ioffer .price-fluctuation .info li{  font-size:32px;  font-weight:100;  } .ioffer .price-fluctuation .info li:nth-child(1) strong{  font-size:26px;  color:#000;  } .ioffer .price-fluctuation .procedure{  position:relative;  } .ioffer .price-fluctuation .procedure .background{  position: absolute;     left: 15px;     top: -10px;     width:calc( 100% - 2px );     height:calc( 100% - 2px );     background-color: #fff;  border:#eee 1px solid;     z-index: 1;  opacity:0.5;  } .ioffer .price-fluctuation .procedure .step{  position:relative;  z-index:2;  background-color: #fff;     padding: 17px;     border: #ddd 1px solid;  } .ioffer .price-fluctuation .procedure .step .name{  height: 28px;     line-height: 28px;     font-size: 18px;  } .ioffer .price-fluctuation .procedure .step .name span{  color:#d40000;  } .ioffer .price-fluctuation .procedure .step ul{  position:relative;  } .ioffer .price-fluctuation .procedure .step ul:before{     content:"";     position:absolute;     left:0;     top:13.5px;     width:100%;     height:1px;     background-color:#ddd;     z-index:1;  } .ioffer .price-fluctuation .procedure .step li{  position:relative;  z-index:2;  float:left;  width:calc( 20% - 10px );  height:54px;  } .ioffer .price-fluctuation .procedure .step li:nth-last-child(1){  width:50px;  line-height:54px;  background-color:#fff;  } .ioffer .price-fluctuation .procedure .step li:nth-last-child(1) i{  font-size:50px;  float:left;  color:#44b242;  } .ioffer .price-fluctuation .procedure .step li small{     display: inline-block;     font-family: Arial, Helvetica, sans-serif;     font-size: 21px;     color: #44b242;     text-align: center;     font-weight: bold;     width: 26px;     height: 26px;     line-height: 26px;     border-radius: 50%;     background-color: #fff;     border: #ddd 1px solid;  user-select:none;  } .ioffer .price-fluctuation .procedure .step li p{  height:26px;  line-height:26px;  } @media screen and ( max-width:1024px ){ .ioffer .price, .ioffer .price-fluctuation{  float:inherit;  width:calc( 100% - 34px );  margin-left:17px;  margin-right:17px;  } .ioffer .price-fluctuation{  margin-top:36px;  } @media screen and ( min-width:600px ) { .ioffer .price-fluctuation .info {     width: calc( 100% - 260px );  } } .ioffer .price-fluctuation .info li:nth-child(1) {     line-height: 26px;  } .ioffer .price-fluctuation .info li:nth-child(1):before{  display:none;  } .ioffer .price-fluctuation .info li:nth-child(1) strong{  color:inherit;  } .ioffer .price-fluctuation .procedure {     margin-right: 15px;  } }  @media screen and ( max-width:768px ){ .ioffer{  padding:20px 0;  } .ioffer .price-fluctuation{  width:calc( 100% - 34px );  margin-left:17px;  margin-right:17px;  float:inherit;  display: flow-root;  } .ioffer .price-fluctuation .info li:nth-child(2){  margin-top:20px;  } }  @media screen and ( max-width:600px ){ .ioffer .price{  position:relative;  overflow-x: auto;  }  .ioffer .price::-webkit-scrollbar {     width:8px;     background-color:#ddd;     }  .ioffer .price::-webkit-scrollbar-button {     display:none;     }  .ioffer .price::-webkit-scrollbar-track {     display:none;     }  .ioffer .price::-webkit-scrollbar-track-piece {     }  .ioffer .price::-webkit-scrollbar-corner {     }  .ioffer .price::-webkit-scrollbar-thumb {     border-radius:10px;     background-color:rgba(65,173,71,0.69);     } .ioffer .price .pricelist{  position: relative;     width: 600px;  margin-bottom:0;  } .ioffer .price .pricelist .background{  display:none;  } .ioffer .price-fluctuation .info li{     font-size:15px;  } .ioffer .price-fluctuation .info li:nth-child(1) strong{  font-size:21px;  } .ioffer .price-fluctuation .info li:nth-child(1):before{  display:none;  } .ioffer .price-fluctuation .procedure{  margin-right:0;  } .ioffer .price-fluctuation .procedure .background{  display:none;  } .ioffer .price-fluctuation .procedure .step .name{  height:auto;  line-height:23px;  } .ioffer .price-fluctuation .procedure .step li{  height:auto;  } .ioffer .price-fluctuation .procedure .step li p{  height:auto;  line-height:inherit;  font-size:13px;  margin-top:5px;  } .ioffer .price-fluctuation .procedure .step li p span{  display:block;  height:16px;  line-height:16px;  letter-spacing: 5px;  } }    .inew{  padding:64px 0 100px 0;  } @media screen and ( min-width:769px ) { .inew .figure figure{  position:relative;  width:500px;  margin-top:6px;  } .inew .figure figure figcaption{  position:absolute;  left:0;  bottom:0;  width:calc( 100% - 34px );  height:68px;  padding:17px;  background-color:rgba(0,0,0,0.5);  color:#fff;  } .inew .figure figure figcaption h3{  font-size: 21px;     font-weight: bold;     display: -webkit-box;     -webkit-box-orient: vertical;     -webkit-line-clamp: 1;     overflow: hidden;  } .inew .figure figure figcaption p{  font-size: 12px;     display: -webkit-box;     -webkit-box-orient: vertical;     -webkit-line-clamp: 2;     overflow: hidden;  color:#eee;  text-align:justify;  } } .inew .list{  width:calc( 100% - 550px );  } .inew .textlist1 li{  float:left;  width:calc( 50% - 10px );  } .inew .textlist1 li:nth-child(even){  float:right;  } @media screen and ( max-width:1024px ) { .inew{     padding:20px 0;  } .inew .figure{  margin-left:17px;  } .inew .list{  margin-right:17px;  } .inew .textlist1 ul li time{  display:none;  } } @media screen and ( max-width:768px ) { .inew .figure{  display:flow-root;  float:inherit;  margin-right:17px;  } .inew .figure figure{  width:auto;  } .inew .figure figure img{  float:left;  width:200px;  height:auto;  } .inew .figure figure figcaption{  position:relative;  float:right;  width:calc( 100% - 220px );  } .inew .figure figure figcaption h3{  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:1;  overflow:hidden;  } .inew .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;  } .inew .list{  float:inherit;  width:calc( 100% - 34px );  margin-left:17px;  margin-top:10px;  } } @media screen and ( max-width:600px ) { .inew .figure{  margin-top:10px;  } .inew .figure figure img{  width:121px;  } .inew .figure figure figcaption{  width:calc( 100% - 141px );  } .inew .figure figure figcaption h3{  font-size:17px;  } .inew .figure figure figcaption p{  -webkit-line-clamp:3;  font-size:12px;  line-height:16px;  margin-top:0;  } .inew .textlist1 li{  height:28px;  line-height:28px;  width: calc( 50% - 5px );  font-size:13px;  } }   .icommunicate{  padding: 64px 0 100px 0;     background-color: #3e4346;  } .icommunicate .name{     position: relative;     color: #8e8d8d;     font-size: 30px;     font-weight: bold;     height: 66px;     line-height: 66px;  } .icommunicate .name span{  color:#fff;  padding:0 8px;  } .icommunicate .info{  position:relative;  } .icommunicate .info .free{  font-size: 36px;     color: #fff;  } .icommunicate .info .free a{     color: #fff;  } .icommunicate .info .free span.bold{     color:#87f172;  } .icommunicate .info .free small{  font-size: 66px;     font-weight: bold;     letter-spacing: 2px;     position: relative;     top: 6px;  } .icommunicate .info .project{  font-size:14px;     color: #c3c3c3;  } .icommunicate .info .project span{  float:left;  margin-right:10px;  } .icommunicate .info .project span i{  margin-right:5px;  font-size:14px;  } .icommunicate .info .icon{  position:absolute;  right:0;  top:0;  } .icommunicate .info .icon i{     color: #8e8d8d;     font-size: 100px;     display: inline-block;     transform: rotate3d(1, 1, 1, 45deg);  } @media screen and ( max-width:1024px ) { .icommunicate{  padding:20px 0;  } .icommunicate .name, .icommunicate .info{  margin-left:17px;  margin-right:17px;  } } @media screen and ( max-width:768px ) { .icommunicate .info .free {     font-size: 19px;     color: #fff;     font-weight: bold;  } .icommunicate .info .free span{  position:relative;  top:3px;  } .icommunicate .info .free small{  font-size:36px;  } .icommunicate .info .icon i{  font-size:36px;  } } @media screen and ( max-width:600px ) { .icommunicate .info .free span{  display:none;  } .icommunicate .info .free small{  font-size:32px;  } }   .iaddress{  position:relative;  padding:64px 0 100px 0;  } .iaddress .background{     content: "";     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     background: url(https://yingyu.xiediantong.com/route/skin/yingyu/img/b3.png) no-repeat center top;     background-size: auto 100%;     opacity: 0.2;     z-index: 1;  } .iaddress .centitle *[data-type="centitle"]{  background-color:#f5f6f7;  }  .iaddress .box{  position:relative;  z-index:2;  } .iaddress .list{  width:calc( 50% - 50px );  background-color:rgba(255,255,255,0.96);  box-shadow:0 15px 50px #ccc;  } .iaddress .list .address-list{  height:300px;  overflow-x:auto;  }  .iaddress .list .address-list::-webkit-scrollbar {     width:8px;     background-color:#ddd;     }  .iaddress .list .address-list::-webkit-scrollbar-button {     display:none;     }  .iaddress .list .address-list::-webkit-scrollbar-track {     display:none;     }  .iaddress .list .address-list::-webkit-scrollbar-track-piece {     }  .iaddress .list .address-list::-webkit-scrollbar-corner {     }  .iaddress .list .address-list::-webkit-scrollbar-thumb {     border-radius:10px;     background-color:rgba(65,173,71,0.69);     } .iaddress .list.address-list ul{  padding:0 10px;  } .iaddress .list .address-list li{  position:relative;     margin:1px 0;     padding:5px 10px;     background-color:#f5f5f5;     cursor:pointer;  } .iaddress .list .address-list li:nth-child(1){  margin-top:0;  } .iaddress .list .address-list li:nth-last-child(1){  margin-bottom:0;  } .iaddress .list .address-list li:hover:before, .iaddress .list .address-list li.current:before{     content: "";     position: absolute;     right: 10px;     top: calc( 50% - 20px);     display: block;     width: 0;     height: 0;     border-width: 20px 0 20px 20px;     border-style: solid;     border-color: transparent transparent transparent #44b242;  opacity:0.6;  } .iaddress .list .address-list li h3{  font-size: 17px;     color: #000;  } .iaddress .list .address-list li p{  color:#666;  font-size:14px;  } .iaddress .list .address-list li p a{     display: inline-block;  font-size: 12px;     color: #d40000;     border-radius: 4px;  } .iaddress .list .address-list li.current, .iaddress .list .address-list li:hover{  background-color:#ddd;  } .iaddress .list .service{  height:36px;     line-height:36px;  padding:0 10px;  background-color:#dadada;  } .iaddress .list .service i{  margin-right:5px;  } .iaddress .list .service span{  color:#d40000;  } .iaddress .jquerymap{  width:calc( 50% - 50px );  height:300px;  } .iaddress .jquerymap #container{  height:300px;  } @media screen and ( max-width:1024px ){ .iaddress{  padding:20px 0;  } .iaddress .jquerymap{  margin-right:17px;  } .iaddress .list{  margin-left:17px;  } } @media screen and ( max-width:600px ){ .iaddress .jquerymap, .iaddress .list{  width:calc( 100% - 34px );  float:inherit;  margin-right:17px;  margin-left:17px;  } .iaddress .jquerymap, .iaddress .jquerymap #container{  height:160px;  } .iaddress .list .address-list {     height: 120px;  } .iaddress .list .address-list li{  margin:0 0;  border-top:#fff 1px solid;  } .iaddress .list .address-list li.current, .iaddress .list .address-list li:hover{  background-color:#f5f5f5;  } .iaddress .list .address-list li:hover:before, .iaddress .list .address-list li.current:before{  display:none;  } .iaddress .list .address-list li.current h3{  color:#d40000;  } .iaddress .list .address-list li p a{  display:none;  } }   .itrust{  padding:64px 0 100px 0;     } .itrust .centitle *[data-type="centitle"]{  background-color:#f5f6f7;  }  .itrust ul{} .itrust li{  position:relative;  z-index:2;  top:0;     margin:10px 0;     padding:10px 0;  transition:all 0.3s;     } .itrust li .icon{     } .itrust li .icon i{  position:relative;  top:0;     display:block;     font-size:78px;   color:#333;  transition:all 0.2s;    } .itrust li .name{     display:block;     font-size:20px;     font-weight:bold;     height:30px;     line-height:30px;     margin-top:20px;  color:#333;     } .itrust li .info{     margin-top:20px;     font-size:12px;     line-height:24px;     color:#666;     } .itrust li:hover{  top:-15px;  background-color:rgba( 255, 255, 255,1);     box-shadow:0 18px 38px 0px rgba(1,1,1,0.1);     } .itrust li:hover .icon i{  color:#44b242;  top:5px;     } .itrust li:hover .name{  color:#000;  } .itrust li:nth-child(5n){     margin-right:0;     } .itrust li:nth-child(5n+1){     margin-left:0;     } @media screen and ( min-width:769px ){ .itrust li{  width:20%;  float:left;     text-align:center;     } .itrust li .icon{  height:85px;  line-height:85px;     } } @media screen and ( min-width:1025px ){ .itrust li{     width:calc( 20% - 56px );     margin:10px 10px 10px 10px;     padding:36px 20px;     } .itrust li .info{     font-size:14px;     } } @media screen and (max-width:1024px){ .itrust{     padding:20px 0;  } .itrust ul{  margin-left:17px;  margin-right:17px;  } } @media screen and (max-width:768px){ .itrust li{  display:flow-root;  } .itrust li:before{  content:"";  position:absolute;  left:0;  top:-5px;  width:100%;  height:1px;  background-color:#e6e6e6;  } .itrust li:after{  content:"";  position:absolute;  left:0;  top:-4px;  width:100%;  height:1px;  background-color:#fff;  } .itrust li:nth-child(1){  margin-top:0;  } .itrust li:nth-last-child(1){  margin-bottom:0;  } .itrust li:nth-child(1):before, .itrust li:nth-child(1):after{  display:none;  } .itrust li:hover:before, .itrust li:hover:after{  display:none;  } .itrust li .icon i{  position:absolute;  left:5px;  top:10px;  font-size:50px;  height:55px;  line-height:55px;  transition:all 0.2s;  } .itrust li .name{     padding-left:66px;  height:55px;  line-height:55px;  margin-top:0;  } .itrust li .info{  display:flow-root;  text-align:justify;  margin:5px 5px 0 5px;  } .itrust li .info p{  position:relative;  float:left;  width:calc( 33.333333% - 10px );  font-size:13px;  line-height:18px;  margin:5px 7.5px;  border-top: #e8e8e8 1px solid;     padding-top: 5px;  display: -webkit-box;     -webkit-line-clamp: 2;     overflow: hidden;     -webkit-box-orient: vertical;  } .itrust li .info p:before{     position: absolute;     left: 0;     top: 0;     content: "";     width: 100%;     height: 1px;     background-color: #fff;  } .itrust li .info p:after{  position:absolute;  content:"";  } .itrust li .info p:nth-child(3n){  margin-right:0;  } .itrust li .info p:nth-child(3n+1){  margin-left:0;  } .itrust li:hover .icon i{  left:10px;  top:10px;  } }   .flink{} .flink .title{     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;  }    footer{  position:relative;  z-index:2;  background-color:#3e4346;  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:#515456;  } footer .flogos:after{  content:"";  position:absolute;  left:0;  bottom:1px;  width:100%;  height:1px;  background-color:#282c2f;  } footer .flogos .logo{  height:60px;  background:url(https://yingyu.xiediantong.com/route/skin/yingyu/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:#515456;  } footer .fnavigation:after{  content:"";  position:absolute;  left:-1px;  top:0;  width:1px;  height:100%;  background-color:#282c2f;  } footer .fnavigation a{  display:block;  } footer .fnavigation dl{  float:left;  width:calc( 25% - 10px );  font-size:13px;  } footer .fnavigation dl dt{  font-size:18px;  color:#fff;  margin-bottom:10px;  } footer .fnavigation dl dd{  } footer .powerby{  position:relative;  width:100%;  height:auto;  line-height:21px;  padding:36px 0;  text-align:center;  font-size:13px;  } footer .powerby:before{  content:"";  position:absolute;  left:0;  top:0;  width:100%;  height:1px;  background-color:#515456;  } footer .powerby:after{  content:"";  position:absolute;  left:0;  top:-1px;  width:100%;  height:1px;  background-color:#282c2f;  } footer .powerby a{  padding:0 2px;  color:#fff;  } footer .powerby a.icon{  position:relative;  background-color:#f5f6f7;  height:30px;  line-height:30px;  font-size:12px;  display:inline-block;  border-radius:4px;  color:#333;  padding:0 10px;  padding-left:30px;  margin:0 5px;  opacity:0.6;  } footer .powerby a.icon:hover{  opacity:1;  } footer .powerby a.icon:before{  position:absolute;  left:0;  top:0;  width:23px;  height:23px;  content:"";  margin:3.5px 0 0 3.5px;  } footer .powerby a.icon.wlblxxjb:before{     background-position:-23px -46px;  } footer .powerby a.icon.zxwlbjpt:before{     background-position:-23px 0;  } footer .powerby a.icon.icp:before{     background-position:-23px -23px;  } footer .powerby a.icon.gnb:before{     background-position:-23px -23px;  } footer .powerby a.icon.wlblxxjb:hover:before{     background-position:0 -46px;  } footer .powerby a.icon.zxwlbjpt:hover:before{     background-position:0 0;  } footer .powerby a.icon.icp:hover:before{     background-position:0 -23px;  } footer .powerby a.icon.gnb:hover:before{     background-position:0 -23px;  } @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;  } footer .fnavigation dl dt{  font-size:14px;  } 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;  } }   .ibz{  background-color:transparent;  padding:64px 0 100px 0;  }    .basic{  } .basic .title{  padding:0 0;  } .basic .title h1{  font-weight:bold;  color:#000;  display: inline-block;  } .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:#d40000;  } .basic .time span a.category i{  display:none;  } .basic .time span small{  font-family:Arial, Helvetica, sans-serif;  }   .basic .fanyitext{  position:relative;  } .basic .fanyitext .language_b{  position:absolute;  right:0;  width:36%;  height:100%;  } .basic .fanyitext .language_a{  position:relative;  } .basic .fanyitext .language_a.fleft{  width:64%;  } .basic .fanyitext .language_a.fleft.language_a_100{  width:100%;  } .basic .fanyitext .language:nth-child(1){  background-color:#fff;  border-right:#eee 1px solid;  } .basic .fanyitext .language_b .language, .basic .fanyitext .language_a .language{  padding:10px;  } .basic .fanyitext .language_b .language{  position: absolute;     width: calc( 100% - 22px);     height: calc( 100% - 22px);  border:#eee 1px solid;  border-left:none;  background-color: #f5f5f5;  } .basic .fanyitext .language_a .language{  overflow:hidden;  border:#eee 1px solid;  border-bottom:#fafafa 10px solid;  } .basic .fanyitext .language sup, .basic .fanyitext .language h2{  display:inline-block;  color:#000;  font-weight:normal;  font-size:18px;  } .basic .fanyitext .language h2{  line-height:28px;  } .basic .fanyitext .language_b sup{  font-size:13px;  position:absolute;  right:0;  bottom:0;  padding:10px;     user-select: none;  } .basic .fanyitext .language_a .language h2{  line-height:inherit;  font-family:Arial, Helvetica, sans-serif;  font-size:36px;  } .basic .fanyitext .language_a sup{  font-size:13px;  position:absolute;  right:0;  bottom:0;  padding:10px;     user-select: none;  } .basic .fanyitext .language_a sup, .basic .fanyitext .language_b sup{  color: #666;  } .basic .fanyitext .language_b .fanyilrtexttips span{  display:inline-block;  width:auto;  height:22px;  line-height:22px;  padding:0 10px;  margin-right:10px;  margin-bottom:6px;  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;  } .basic .fanyitext .language_a .language_info{  color:#000;  border:#eee 1px solid;  border-top:none;  background-color:rgba(250, 250, 250, 0.22);  } .basic .fanyitext .language_a .language_info ul{  } .basic .fanyitext .language_a .language_info li{  height:auto;  line-height:26px;  padding:10px 10px;  font-size:12px;  } .basic .fanyitext .language_a .language_info li em{  font-size:21px;  font-family:Arial, Helvetica, sans-serif;  color:#000;  user-select:text;  letter-spacing:2px;  }    .scene{  } .scene span{  display:inline-block;  background-color:#f2f2f2;  color:#999;  height:21px;  line-height:21px;  margin:1px;  padding:0 10px;  font-size:13px;  } .scene span:nth-last-child(1){  margin-right:0;  }   .grammar{  line-height:28px;  } .grammar ul{  display:inline-block;  margin-right:20px;  } .grammar ul li{  display:inline-block;  font-size:14px;  } .grammar ul li p{  display:inline-block;  } .grammar ul li ul{  display:inline-block;  margin-right:0;  } .grammar ul li ul li{  display:inline-block;  }   .memory{  line-height:28px;  } .memory li{  }   .basic_explanation{  } .basic_explanation .module{  } .basic_explanation .module ul{  position: relative;     margin: 5px 0;     padding-left: 36px;  } .basic_explanation .module ul:before{  position:absolute;  left:0;  top:5px;  font-family: "iconfont" !important;     font-size: 16px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content: "\e7c2";  color:#999;  line-height:16px;  } .basic_explanation .module ul li{  line-height: 26px;  } .basic_explanation .module ul li ul{  margin:0 0;  padding-left:0;  } .basic_explanation .module ul li ul:before{  display:none;  } .basic_explanation .module ul li ul li{  display: inline-block;     margin: 0 2px 5px 2px;     padding: 0 10px;     background-color: #fdfdfd;     border: #fafafa 1px solid;     border-radius: 4px;     font-size: 14px;  }    .english_explanation{  } .english_explanation a{  color:#44b242;  } .english_explanation .module{  } .english_explanation .module ul{  position: relative;     margin:20px 0;     padding-left: 36px;  } .english_explanation .module ul:before{  position:absolute;  left:0;  top:0;  font-family: "iconfont" !important;     font-size: 16px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content: "\e7c2";  color:#999;  line-height:26px;  } .english_explanation .module ul li{  line-height: 26px;  } .english_explanation .module ul li ul{     margin:20px 0;     padding-left:0;  } .english_explanation .module ul li ul:before{  display:none;  } .english_explanation .module ul li ul[data-serial-number^="serial-number-"i]{  position:relative;  padding-left:36px;  } .english_explanation .module ul li ul[data-serial-number^="serial-number-"i]:before{  content:"";  display:block;  position:absolute;  left:0;  top:0;  width:19px;  height:19px;  line-height:19px;  border-radius:50%;  border:#ddd 1px solid;  text-align:center;  font-family:Arial, Helvetica, sans-serif !important;  font-size:15px;  color:#333;  } .english_explanation .module ul li ul[data-serial-number="serial-number-1"]:before{  content:"1";  } .english_explanation .module ul li ul[data-serial-number="serial-number-2"]:before{  content:"2";  } .english_explanation .module ul li ul[data-serial-number="serial-number-3"]:before{  content:"3";  } .english_explanation .module ul li ul[data-serial-number="serial-number-4"]:before{  content:"4";  } .english_explanation .module ul li ul[data-serial-number="serial-number-5"]:before{  content:"5";  } .english_explanation .module ul li ul[data-serial-number="serial-number-6"]:before{  content:"6";  } .english_explanation .module ul li ul[data-serial-number="serial-number-7"]:before{  content:"7";  } .english_explanation .module ul li ul[data-serial-number="serial-number-8"]:before{  content:"8";  } .english_explanation .module ul li ul[data-serial-number="serial-number-9"]:before{  content:"9";  } .english_explanation .module ul li ul[data-serial-number="serial-number-10"]:before{  content:"10";  } .english_explanation .module ul li ul[data-serial-number="serial-number-11"]:before{  content:"11";  } .english_explanation .module ul li ul[data-serial-number="serial-number-12"]:before{  content:"12";  } .english_explanation .module ul li ul[data-serial-number="serial-number-13"]:before{  content:"13";  } .english_explanation .module ul li ul[data-serial-number="serial-number-14"]:before{  content:"14";  } .english_explanation .module ul li ul[data-serial-number="serial-number-15"]:before{  content:"15";  } .english_explanation .module ul li ul[data-serial-number="serial-number-16"]:before{  content:"16";  } .english_explanation .module ul li ul[data-serial-number="serial-number-17"]:before{  content:"17";  } .english_explanation .module ul li ul[data-serial-number="serial-number-18"]:before{  content:"18";  } .english_explanation .module ul li ul[data-serial-number="serial-number-19"]:before{  content:"19";  } .english_explanation .module ul li ul[data-serial-number="serial-number-20"]:before{  content:"20";  } .english_explanation .module ul li ul[data-serial-number="serial-number-21"]:before{  content:"21";  } .english_explanation .module ul li ul[data-serial-number="serial-number-22"]:before{  content:"22";  } .english_explanation .module ul li ul[data-serial-number="serial-number-23"]:before{  content:"23";  } .english_explanation .module ul li ul[data-serial-number="serial-number-24"]:before{  content:"24";  } .english_explanation .module ul li ul[data-serial-number="serial-number-25"]:before{  content:"25";  } .english_explanation .module ul li ul[data-serial-number="serial-number-26"]:before{  content:"26";  } .english_explanation .module ul li ul[data-serial-number="serial-number-27"]:before{  content:"27";  } .english_explanation .module ul li ul[data-serial-number="serial-number-28"]:before{  content:"28";  } .english_explanation .module ul li ul[data-serial-number="serial-number-29"]:before{  content:"29";  } .english_explanation .module ul li ul[data-serial-number="serial-number-30"]:before{  content:"30";  } .english_explanation .module ul li ul[data-serial-number="serial-number-31"]:before{  content:"31";  } .english_explanation .module ul li ul[data-serial-number="serial-number-32"]:before{  content:"32";  } .english_explanation .module ul li ul[data-serial-number="serial-number-33"]:before{  content:"33";  } .english_explanation .module ul li ul[data-serial-number="serial-number-34"]:before{  content:"34";  } .english_explanation .module ul li ul[data-serial-number="serial-number-35"]:before{  content:"35";  } .english_explanation .module ul li ul[data-serial-number="serial-number-36"]:before{  content:"36";  }  .english_explanation .module ul li ul li ul{  position:relative;  padding-top:22px;  margin:0 0 0 0;  } .english_explanation .module ul li ul li ul:before{  display:block;  content:"";  position:absolute;  left:0;  top:22px;  width:100%;  height:1px;  background-color:#f5f6f7;  } .english_explanation .module ul li ul li ul:after{  display:block;  position:absolute;  left:0;  top:4px;  font-size:12px;  color:#999;  line-height:16px;  } .english_explanation .module ul li ul li ul[data-type="explain"]{  padding-top:0;  } .english_explanation .module ul li ul li ul[data-type="explain"]:before, .english_explanation .module ul li ul li ul[data-type="explain"]:after{    display:none;  } .english_explanation .module ul li ul li ul[data-type="example-sentence"]:after{    content:"Example sentence\FF1A";  } .english_explanation .module ul li ul li ul[data-type="synonym"]:after{    content:"Synonym\FF1A";  } .english_explanation .module ul li ul li ul li{  margin-top:6px;  } .english_explanation .module ul li ul li ul li p{  position:relative;  }  .english_explanation .module ul li ul li ul li p:nth-child(1){     line-height: 21px;     font-family: Arial, Helvetica, sans-serif;     font-size: 18px;  } .english_explanation .module ul li ul li ul li p:nth-child(2){     line-height:18px;     font-size:13px;  color:#666;  }  .english_explanation .module ul li ul li ul[data-type="explain"] li p{  position:relative;  margin:0 0;  padding-left:20px;  } .english_explanation .module ul li ul li ul[data-type="explain"] li p:nth-child(2){     line-height:21px;  } .english_explanation .module ul li ul li ul[data-type="explain"] li p:nth-child(1):before{  position:absolute;  left:0;  top:0;  font-family: "iconfont" !important;     font-size: 10px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content: "\e60d";  color:#ccc;  }  .english_explanation .module ul li ul li ul[data-type="example-sentence"]{  margin-top:5px;  } .english_explanation .module ul li ul li ul[data-type="example-sentence"] li p{  position:relative;  margin:0 0;  padding-left:20px;  } .english_explanation .module ul li ul li ul[data-type="example-sentence"] li p:nth-child(1){  line-height:inherit;  font-size:15px;  margin:0 0;  padding-left:20px;  } .english_explanation .module ul li ul li ul[data-type="example-sentence"] li p:nth-child(1):before{  position:absolute;  left:0;  top:2px;  font-family: "iconfont" !important;     font-size: 10px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content: "\e60d";  color:#ccc;  } .english_explanation .module ul li ul li ul[data-type="example-sentence"] li p:nth-child(2){  font-size:12px;  }  .english_explanation .module ul li ul li ul[data-type="synonym"]{  margin-top:5px;  } .english_explanation .module ul li ul li ul[data-type="synonym"] li{  position:relative;  margin-top:0;  display:inline-block;  margin-right:10px;  padding-left:10px;  } .english_explanation .module ul li ul li ul[data-type="synonym"] li:before{  content:"/";  position:absolute;  left:0;  top:2px;  font-size:12px;  height:12px;  line-height:12px;  color:#dddddd;  } .english_explanation .module ul li ul li ul[data-type="synonym"] li:nth-last-child(1){  padding-right:10px;  } .english_explanation .module ul li ul li ul[data-type="synonym"] li:nth-last-child(1):after{  content:"/";  position:absolute;  right:0;  top:2px;  font-size:12px;  height:12px;  line-height:12px;  color:#dddddd;  }  .english_explanation .module ul li ul li ul[data-type="synonym"] li:nth-child(1){  margin-top:8px;  } .english_explanation .module ul li ul li ul[data-type="synonym"] li p{     font-family: Arial, Helvetica, sans-serif;  line-height:18px;     font-size: 15px;     margin: 0 0;  }   .web_dictionary{  } .web_dictionary .module{  } .web_dictionary .module ul{  position: relative;     margin:20px 0;     padding-left: 36px;  } .web_dictionary .module ul:before{  position:absolute;  left:0;  top:0;  font-family: "iconfont" !important;     font-size: 16px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content: "\e7c2";  color:#999;  line-height:26px;  } .web_dictionary .module ul li{  line-height: 26px;  } .web_dictionary .module ul li ul{     margin:0 0;     padding-left:0;  } .web_dictionary .module ul li ul:before{  display:none;  } .web_dictionary .module ul li ul li{  display:inline-block;     margin: 0 2px 5px 2px;     padding: 0 10px;     background-color: #fdfdfd;     border: #fafafa 1px solid;     border-radius: 4px;     font-size: 14px;  }   .examples_of_phrases .module{  } .examples_of_phrases .module ul{  position: relative;  } .examples_of_phrases .module ul li{  position: relative;     margin:20px 0;     padding-left: 36px;  } .examples_of_phrases .module ul li:before{  position:absolute;  left:0;  top:0;  font-family: "iconfont" !important;     font-size: 16px;     font-style: normal;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;  content: "\e7c2";  color:#999;  line-height:26px;  } .examples_of_phrases .module ul li p{  line-height:18px;  font-size:13px;  } .examples_of_phrases .module ul li p:nth-child(2){  line-height: 21px;  font-family:Arial, Helvetica, sans-serif;  font-size: 18px;  }   section[data-dictionary="true"] .dictionary_anchor{  position:relative;  top:-10px;  }   .article.content{  color:#000;  position:relative;  line-height:24px;  text-align:justify;  font-size:16px;  letter-spacing:2px;  } .article.content p{  position:relative;  margin-top:20px;  text-indent:0;  } .article.content p.about_this_article{     font-size:14px;     line-height:21px;     padding:20px;     background-color:#fefefe;     border:#ddd 1px solid;     color:#000;  } .article.content strong{  font-size:17px;  font-weight:bold;  } .article.content a{  color:#d40000;  } .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;  }  .article.content span[data-type^="number-"i]{  position:relative;  float:left;  width:26px;  height:26px;  line-height:26px;  background-color:#44b242;  color:#fff;  font-family:Arial, Helvetica, sans-serif;  font-size:12px;  display:inline-block;  text-align:center;  border-radius:50%;  margin:0 18px 0 2px;  box-shadow:0 0 10px #dadada;  user-select:none;  -webkit-user-select:none;  -moz-user-select:none;  -o-user-select:none;  -ms-user-select:none;  -khtml-user-select:none;  } .article.content span[data-type^="number-"i]:before{  content:"";  display:block;  position:absolute;  left:0;  top:0;  width:26px;  height:26px;  line-height:26px;  text-align:center;  font-family:Arial, Helvetica, sans-serif !important;  font-size:12px;  color:#fff;  } .article.content span[data-type="number-01"]:before{  content:"01";  } .article.content span[data-type="number-02"]:before{  content:"02";  } .article.content span[data-type="number-03"]:before{  content:"03";  } .article.content span[data-type="number-04"]:before{  content:"04";  } .article.content span[data-type="number-05"]:before{  content:"05";  } .article.content span[data-type="number-06"]:before{  content:"06";  } .article.content span[data-type="number-07"]:before{  content:"07";  } .article.content span[data-type="number-08"]:before{  content:"08";  } .article.content span[data-type="number-09"]:before{  content:"09";  } .article.content span[data-type="number-10"]:before{  content:"10";  } .article.content span[data-type="number-11"]:before{  content:"11";  } .article.content span[data-type="number-12"]:before{  content:"12";  } .article.content span[data-type="number-13"]:before{  content:"13";  } .article.content span[data-type="number-14"]:before{  content:"14";  } .article.content span[data-type="number-15"]:before{  content:"15";  } .article.content span[data-type="number-16"]:before{  content:"16";  } .article.content span[data-type="number-17"]:before{  content:"17";  } .article.content span[data-type="number-18"]:before{  content:"18";  } .article.content span[data-type="number-19"]:before{  content:"19";  } .article.content span[data-type="number-20"]:before{  content:"20";  } .article.content span[data-type="number-21"]:before{  content:"21";  } .article.content span[data-type="number-22"]:before{  content:"22";  } .article.content span[data-type="number-23"]:before{  content:"23";  } .article.content span[data-type="number-24"]:before{  content:"24";  } .article.content span[data-type="number-25"]:before{  content:"25";  } .article.content span[data-type="number-26"]:before{  content:"26";  } .article.content span[data-type="number-27"]:before{  content:"27";  } .article.content span[data-type="number-28"]:before{  content:"28";  } .article.content span[data-type="number-29"]:before{  content:"29";  } .article.content span[data-type="number-30"]:before{  content:"30";  } .article.content span[data-type="number-31"]:before{  content:"31";  } .article.content span[data-type="number-32"]:before{  content:"32";  } .article.content span[data-type="number-33"]:before{  content:"33";  } .article.content span[data-type="number-34"]:before{  content:"34";  } .article.content span[data-type="number-35"]:before{  content:"35";  } .article.content span[data-type="number-36"]:before{  content:"36";  }  .article.content span[data-type="section"]{  position:absolute;  left:-36px;  top:5px;  width:6px;  height:16px;  background-color:#44b242;  }   .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;    }   .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;  } .details .providete_chnology i{  margin:0 5px;  font-size:13px;  }    .statement{     background-color: #000;     color: #fff;     font-size: 13px;  } .statement ul{  position:relative;  } .statement ul:before{  position:absolute;  z-index:0;  right:0;  bottom:0;  content:"\e677";  color:rgba(23, 23, 23, 0.66);  font-family: "iconfont" !important;  font-size: 66px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  } .statement li{  line-height:21px;  text-align: justify;  } .statement li:nth-child(1){  border-bottom:#585858 1px solid;  } .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;  }    .fixedback{  }  .fixedtext{  margin-top:0;  position:relative;  z-index:2;  }  .spacing{  height:20px;  background-color:#f5f6f7;  }     .fixedtext .picture{  } .fixedtext .picture img{  float:left;  width:100%;  height:auto;  max-width:100%;  }     .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;  } .tools .title{  position:relative;  height:13px;  line-height:13px;  font-size:13px;  margin:20px 0 10px 0;  padding-left:20px;  } .tools .title h2, .tools .title h3{  font-size:13px;  font-weight:normal;  } .tools .title:before{  content: "";     position: absolute;     width: 6px;     height: 12px;     background-color: #d40000;     left:0;  }   .dictionary_navigation{  background-color:#fff;  padding:20px 0;  } .dictionary_navigation ul{  margin:0 10px;  } .dictionary_navigation li{  height:26px;  line-height:26px;  padding:0 12px;  cursor:pointer;  font-size:14px;  } .dictionary_navigation li a{  display:block;  } .dictionary_navigation li.current{  position:relative;  } .dictionary_navigation li.current a{  color:#44b242;  display:block;  } .dictionary_navigation li.current:before{  content:"";  position:absolute;  top:7px;  left:0;  width:6px;  height:12px;  background-color:#44b242;  }   .tools .htmltask{  } .tools .htmltask ul{  padding:10px 20px;  } .tools .htmltask li{  font-size:13px;  cursor:pointer;  height:18px;  line-height:18px;  } .tools .htmltask li i{  float:left;  margin-right:6px;  height:16px;  line-height:16px;  }   .bdsharebuttonbox .share{  padding:0 20px;  }      .baikepage{  } @media screen and (min-width:768px){ .baikepage{  min-height:768px;  } }   .zhiyin article{  color:#000;  } .zhiyin .textlist3{} @media screen and (min-width:769px){ .zhiyin .textlist3 li{  background-color:#f5f6f7;  } } .zhiyin .textlist3 li .info{  height:auto;  } .zhiyin .textlist3 li .info p{  display: -webkit-box;  }    .zhiyin article .dictionary_more{  width:calc( 100% - 3px );  height:50px;  line-height:50px;  background-color:#fafafa;  border:#eeeeee 1px solid;  border-top:none;  } .zhiyin article .dictionary_more dl{  position:relative;  } .zhiyin article .dictionary_more dl dt{  display:inline-block;  float:right;  width:calc( 100% - 430px );  color:#999;  height:50px;  line-height:50px;  overflow:hidden;  text-indent:-9999px;  } .zhiyin article .dictionary_more dl dd{  display:inline-block;  width:100px;  text-align:center;  float:left;  } .zhiyin article .dictionary_more dl dd a{  color:#44b242;  }  .zhiyin div.answer{  line-height:26px;  } .zhiyin div.answer div[data-type="answer-title"]{  font-weight:bold;  } .zhiyin div.answer div[data-type="answer-title"] i{  font-weight:normal;  margin-right:6px;  color:#999;  } .zhiyin div.answer p{  margin-top:18px;  } .zhiyin div[data-type="answer"]{  margin-top:20px;  padding:20px;  border-radius:6px;  border:#f5f5f5 1px solid;  background-color:#fefefe;  } .zhiyin div[data-type="answer"]:nth-child(even){  background-color:#fafafa;  } .zhiyin div[data-type="answer"] .content.loading_tool{  max-height: 210px;     overflow: hidden;  }  .zhiyin div[data-type="show_all"]{  text-align:center;  font-size:13px;  color:#666;  cursor:pointer;  user-select:none;  -webkit-user-select:none;  -moz-user-select:none;  -o-user-select:none;  -ms-user-select:none;  -khtml-user-select:none;  } .zhiyin div[data-type="show_all"] i{  margin-left:6px;  }  .zhiyin div.answer div.carefully_chosen_icon div{  float:left;  display:inline-block;  margin-right:20px;  } .zhiyin div.answer div.carefully_chosen_icon div.attribute{  width:auto;  height:21px;  line-height:21px;  font-size:12px;  background-color:#d20000;  color:#fff;  padding:0 6px;  border-radius:5px;  box-shadow:0 0 15px #eaeaea;  user-select:none;  -webkit-user-select:none;  -moz-user-select:none;  -o-user-select:none;  -ms-user-select:none;  -khtml-user-select:none;  cursor:default;  } .zhiyin div.answer div.carefully_chosen_icon div.attribute i{  font-size:12px;  margin-right:6px;  }  .zhiyin div.answer div.carefully_chosen_icon div.matching_value{  position:relative;  font-size:12px;  user-select:none;  -webkit-user-select:none;  -moz-user-select:none;  -o-user-select:none;  -ms-user-select:none;  -khtml-user-select:none;  } .zhiyin div.answer div.carefully_chosen_icon div.matching_value span, .zhiyin div.answer div.carefully_chosen_icon div.matching_value ul{  float:left;  display:inline-block;  } .zhiyin div.answer div.carefully_chosen_icon div.matching_value span{  color:#666;  } .zhiyin div.answer div.carefully_chosen_icon div.matching_value ul li{  float:left;  display:inline-block;  width:36px;  height:21px;  line-height:21px;  overflow:hidden;  margin:0 2px;  background-color:#ddd;  color:#fff;  border-radius:6px;  font-size:10px;  font-family:arial;  text-align:center;  cursor:pointer;  } .zhiyin div.answer div.carefully_chosen_icon div.matching_value ul li.current{  background-color:rgba(0, 102, 255, 0.58);  }  .zhiyin div.answer div.carefully_chosen_icon div.agree{  user-select:none;  -webkit-user-select:none;  -moz-user-select:none;  -o-user-select:none;  -ms-user-select:none;  -khtml-user-select:none;  cursor:pointer;  } .zhiyin div.answer div.carefully_chosen_icon div.agree i{  color:#44b242;  margin-right:6px;  } .zhiyin div.answer div.carefully_chosen_icon div.agree i.icon-zantong{  color:#bbb;  } .zhiyin div.answer div.carefully_chosen_icon div.agree i.icon-zantong:hover{  color:#44b242;  } .zhiyin div.answer div.carefully_chosen_icon div.agree small{  font-size:12px;  font-family:Arial, Helvetica, sans-serif;  }  div.zhiyin-score[data-type="zhiyin-score"]{  } div.zhiyin-score[data-type="zhiyin-score"] small.tips{  position:absolute;  display:block;  left:0;  bottom:-20px;  color: #44b242;  transition: all 0.6s;     font-size: 12px;     text-shadow: 0 0 2px #f5f5f5;  } div.zhiyin-score[data-type="zhiyin-score"] 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;   }    div.translate{} div.translate section[data-translate="true"]{  margin-top:20px;  border:#eee 1px solid;  color:#000;  } div.translate section[data-translate="true"] div[data-type="translate-name"]{  padding:0 20px;  margin:10px 0 0 0;  border-bottom:#eee 1px solid;  padding-bottom:10px;  } div.translate section[data-translate="true"] div[data-type="translate-name"] h2{  position:relative;  display:inline-block;  font-weight:bold;;  color:#000;  font-size:21px;  } div.translate section[data-translate="true"] div[data-type="translate-name"] h2 sup{  font-size:10px;  margin-left:10px;  background-color:#eee;  border:#ddd 1px solid;  padding:0 8px;  height:21px;  line-height:21px;  color:#333;  font-weight:100;  user-select:none;  float:right;  } div.translate section[data-translate="true"] dl{  position:relative;  display:flow-root;  background-color:#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.translate div[data-perfect="true"]{  margin-top:20px;  color:#000;  } div.translate div[data-perfect="true"] ul{} div.translate div[data-perfect="true"] li{  position:relative;  height:auto;  line-height:26px;  margin:10px 0;  padding:18px 50px;  border:#f5f5f5 1px solid;  background-color:#fbfbfb;  } div.translate div[data-perfect="true"] li i{  position:absolute;  left:20px;  top:18px;  color:#ccc;  }  div.translate section[data-vocabulary="true"]{  margin-top:20px;  color:#000;  } div.translate section[data-vocabulary="true"] div[data-type="vocabulary-name"]{  } div.translate section[data-vocabulary="true"] div[data-type="vocabulary-name"] h3{  font-size:18px;  font-weight:normal;  } div.translate section[data-vocabulary="true"] ul{  display:flow-root;  margin-top:10px;  border:#ddd 1px solid;  } div.translate section[data-vocabulary="true"] li{     display:flow-root;  line-height:18px;  border-bottom:#ddd 1px solid;  overflow:hidden;  } div.translate section[data-vocabulary="true"] li:nth-child(1){  background-color:#f5f5f5;  } div.translate section[data-vocabulary="true"] li:nth-last-child(1){  border-bottom:none;  } div.translate section[data-vocabulary="true"] li a{  display:flow-root;  } div.translate section[data-vocabulary="true"] li div{     position:relative;  float:left;     padding:10px 10px;  font-size:13px;  } div.translate section[data-vocabulary="true"] li div:before{     content:"";     position:absolute;     right:0;     top:0;     width:1px;     height:1000%;     background-color:#ddd;     } div.translate section[data-vocabulary="true"] li div:nth-child(1){  width:calc( 33.333333% - 20px );  font-family:arial;  font-size:15px;  } div.translate section[data-vocabulary="true"] li div:nth-child(2){  width:calc( 33.333333% - 20px );  } div.translate section[data-vocabulary="true"] li div:nth-child(3){  width:calc( 33.333333% - 20px );  } div.translate section[data-vocabulary="true"] li div:nth-last-child(1):before{     display:none;     } div.translate section[data-vocabulary="true"] li:nth-child(1) div{  font-size:13px;  } @media screen and ( max-width:768px ) { div.translate section[data-vocabulary="true"]{  position:relative;  overflow-x:auto;  }  div.translate section[data-vocabulary="true"]::-webkit-scrollbar {     width:8px;     background-color:#ddd;     }  div.translate section[data-vocabulary="true"]::-webkit-scrollbar-button {     display:none;     }  div.translate section[data-vocabulary="true"]::-webkit-scrollbar-track {     display:none;     }  div.translate section[data-vocabulary="true"]::-webkit-scrollbar-track-piece {     }  div.translate section[data-vocabulary="true"]::-webkit-scrollbar-corner {     }  div.translate section[data-vocabulary="true"]::-webkit-scrollbar-thumb {     border-radius:10px;     background-color:rgba(65,173,71,0.69);     } div.translate section[data-vocabulary="true"] ul{  position:relative;  width:600px;  } }  div.translate section[data-phrase="true"]{  margin-top:20px;  color:#000;  } div.translate section[data-phrase="true"] div[data-type="phrase-name"]{  } div.translate section[data-phrase="true"] div[data-type="phrase-name"] h3{  font-size:18px;  font-weight:normal;  } div.translate section[data-phrase="true"] ul{  margin-top:10px;  } div.translate section[data-phrase="true"] li{  line-height:32px;  margin:5px 0;  } div.translate section[data-phrase="true"] li a{  display:block;  } div.translate section[data-phrase="true"] li i{  color:#44b242;  padding-left:10px;  padding-right:10px;  } div.translate section[data-phrase="true"] li:hover{  border:#44b242 1px solid;  } div.translate section[data-phrase="true"] li p{  line-height:22px;  } div.translate section[data-phrase="true"] li p:nth-child(2){  font-family:Arial, Helvetica, sans-serif;  color:#555;  }    @media screen and (max-width:1024px){ body{  min-width:inherit;  } .box{  width:auto;  } .wleft, .wright{  width:100%;  }  .mt0{  margin-top:0;  } .mt10{  margin-top:10px;  } .mt20{  margin-top:20px;  } .mpt20{  padding-top:20px;  } .p34 {     padding:17px;  }  .bors{  border:none;  box-shadow:none;  } .isnone{  display:block;  } .mnone{  display:none;  }  div[data-type="title"]{  } div[data-type="title"] h1, div[data-type="title"] h2, div[data-type="title"] h3, div[data-type="title"] h4, div[data-type="title"] h5, div[data-type="title"] h6, div[data-type="title"] span, div[data-type="title"] div{  font-size:16px;  } div[data-type="title"]:before{  height:15px;  top:3px;  }  .photolist1 .info p{     -webkit-line-clamp:3;  } .photolist1 .info h3{  font-weight:normal;  }  .photolist2 li{  } .photolist2 li h3 {     font-weight: normal;  }  .photolist3 li .info h3{  font-size:13px;  }  header{  position:relative;  height:50px;  z-index:1000000;  } header .headlogos {     position: relative;     width: 100%;  } header .fleft figure{  margin:0 0;  } header .fleft figure img{  max-height: 45px;     padding: 2.5px 0;  } header .mobilenav{  width:100%;  }  header .mobilenav span[data-type="mobile_nav_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 .mobilenav span[data-type="mobile_nav_more"] i{  font-size:19px;  color:#fff;  } header .mobilenav span[data-type="mobile_nav_more"][data-show="true"]{  position:fixed;  } header .mobilenav span[data-type="mobile_nav_more"][data-show="true"] i{  color:#fff;  } header .headermenu{  position:fixed;  left:0;  top:0;  width:100%;  height:100%;  display:none;  margin-left:0;  border-top:#93a2dc 1px solid;  z-index:1000000;  } header .headermenu:before{  content:"";  position:fixed;  left:0;  top:0;  width:100%;  height:100%;  background-color:#222;  z-index:10000;  } header .headermenu ul{  position:relative;  z-index:1000000;  padding:50px 0;  } header .headermenu 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 .headermenu ul li:nth-child(1){  position:relative;  } header .headermenu 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 .headermenu ul li:nth-last-child(1){  position:relative;  } header .headermenu 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 .headermenu ul li a{  display:block;  color:#ccc;  font-size:14px;  padding-left:2px;  } header .headermenu ul li ul{  padding:0;  } header .headermenu ul li ul li{  width:50%;  float:left;  height:36px;  line-height:36px;  border:none;  } header .headermenu ul li ul li a{  font-size:13px;  position:relative;  padding-left:20px;  } header .headermenu ul li ul li a:before{  content:"";  position:absolute;  left:0;  top:17px;  width:10px;  height:1px;  background-color:#fff;  }  .flink{  display:none;  }  .ibz{  padding:20px 0;  }   .basic{  margin-top:0;  } .basic .title h1{  font-size:21px;  font-weight:bold;  }  .basic .time{  background-color:inherit;  padding:0 0;  height:auto;  line-height:inherit;  } .basic .time span.category i{  display:none;  } .basic .time span a.category{  display:inline-block;  width:16px;  height:16px;  overflow:hidden;  position:relative;  top:4px;  } .basic .time span a.category i{  display:inline-block;  font-size:16px;  width:16px;  height:16px;  color:#44b242;  } .basic .time span:nth-child(2), .basic .time span:nth-child(3){  display:none;  } .fixedback{  display:none;  }  .basic .fanyitext .language_a.fleft, .basic .fanyitext .language_b{  width:100%;  position:relative;  float:inherit;  } .basic .fanyitext .language_b .language{  position:relative;  border-left: #eee 1px solid;  border-top:none;  }  .basic_explanation .module{  margin-top:20px;  } .basic_explanation .module ul{  padding-left:0;  } .basic_explanation .module ul:before{  display:none;  }  .english_explanation .module ul{  padding-left:0;  } .english_explanation .module ul:before{  display:none;  } .english_explanation .module ul li ul[data-serial-number^="serial-number-"i]{  padding-left:30px;  } .english_explanation .module ul li ul[data-serial-number^="serial-number-"i]:before{  } .english_explanation .module ul li ul li ul[data-type="example-sentence"] li p:nth-child(1){  line-height:18px;  } .english_explanation .module ul li ul li ul:after{  top:2px;  }  .article.content{  line-height:26px;  font-size:17px;  } .article.content p {     margin-top:20px;  } .article.content p.about_this_article{  display:none;  } .article.content span[data-type="section"]{  left:-20px;  top: 5px;  } .article.content span[data-type^="number-"i]{  margin-top:0;  margin-bottom:0;  } .article.content figure {     margin: 24px 0;  } .article.content figure img{  position:relative;  transform-origin:center;  max-width:100%;  } .article.content figure div[data-type="figcaption"]{  display:none;  }  .relevant{  padding:20px;  } .relevant ul li{  }   .details_title:before{  left:-20px;  } .details_title h2{  font-size:17px;  }  .details .testingsystem ul li .title{  text-align:justify;  } .details .testingsystem ul li dl dd{  width:100%;  float:inherit;  }  .stylefixedtools .spacing{  display:none;  } .fixedtext{  border:none;     box-shadow:none;  } .fixedtext .picture{    } .stylefixedtoolshover{  position:relative !important;  }  .tools .title{  padding-left:20px;  }      }       @media screen and (max-width:768px){  }    @media screen and (max-width:600px){  .photolist1 figure figcaption{  display:none;} .photolist1 .inforight{     width: calc( 64% - 14px );  } .photolist1 .info h3{  font-size:17px;  } .photolist1 .info p{  display:none;  } .photolist1 .info time{  margin-top:10px;  }   .photolist2 li figure{  width:121px;  height:75px;  } .photolist2 li .fright {     width: calc( 100% - 131px );  } .photolist2 li h3 {  font-size: 17px;  } .photolist2 li p{  display:none;  }  .photolist3 li{  width:calc( 100% - 40px );  } .photolist3 li:nth-last-child(1){  margin-bottom:0;  } .photolist3 li .info h3{  font-size:14px;  }   .photolist5 li{  width:calc( 50% - 10px );  } .photolist5 li:nth-child(odd){  float:left;  } .photolist5 li:nth-child(even){  float:right;  }  .retitle li{  font-size:12px;  margin:0 0;  } .retitle li a{  padding:0 5px;  }   .statement p:nth-last-child(1){  text-indent:0;  margin-top:6px;  } .statement p:nth-last-child(1) span{  text-indent:0;  display:block;  line-height:16px;  }  .statement ul:before{  bottom:-6px;  font-size:36px;  }  .details .testingsystem ul li dl dd span small.tips{  position:absolute;  margin:15px 0 0 30px;  }  }     .iconfont.icon-tushucxuanzebofangtiaozhuan{  display: inline-block;     position: relative;     width: 0;     height: 0;     border: #404040 9px solid;     border-radius: 50%;     user-select: none;  }  .iconfont.icon-tushucxuanzebofangtiaozhuan:before{     content: "";     position: absolute;     left: -3px;     top: -5px;     width: 0;     height: 0;     border-style: solid;     border-color: transparent transparent transparent #fff;     border-width: 5px 0 5px 7px;  }  .yuyin.current .iconfont.icon-tushucxuanzebofangtiaozhuan:before{     left:-5px;     top:-4px;     width:3px;     height:8px;     border-color:transparent #fff;     border-width:0 3px;  }  .icon-biaoti:before{  position:relative;  content:"本文标题：";  }  .icon-lianjieguanlian:before{  position:relative;  content:"本文链接：";  }