@charset "UTF-8";
.nav-list a:last-child:after,
.resetbtn:before,
.icon-mic:before,
.icon-mic:after,
.mic-pop a:after,
.mic-pop a + a:after,
.jzwd-share .share-click:before,
.more-box-new .line-whole:after,
.img-height-header .video-share:before,
.item-check i:before,
.video-play:before,
.video-play-right .play-triangle:before,
.slide-down:after,
.select-common .btn-select:after,
.select-common .input-box:after,
.select-common-inherit:after,
.select-common-arrow:after,
.video-content .header-wrap .video-wiki a:after,
.video-content .sub-page-back:after {
  font-family: 'fontfly' !important;
}

.negative {
  margin-left: -16px;
  margin-right: -16px;
}

.item-list,
.border-all,
.space-default {
  padding-top: 8px;
  padding-bottom: 8px;
}

.space-small {
  padding-top: 5px;
  padding-bottom: 5px;
}

.space-big {
  padding-top: 12px;
  padding-bottom: 12px;
}

.space-super {
  padding-top: 16px;
  padding-bottom: 16px;
}

.border-all,
.space-outdefault {
  margin-top: 8px;
  margin-bottom: 8px;
}

.citeurl,
.vr-tit,
.ec_ad_results .Bd_ad_frame .abs,
.box-translation .btn-translation,
.slide-down,
.space-txt {
  padding-top: 4px;
  padding-bottom: 3px;
}

.space-outtxt {
  margin-top: 4px;
  margin-bottom: 4px;
}

.reswrap p,
.sp-rslt-bar,
.ad_msg,
.fz-small {
  font-size: 12px;
  line-height: 20px;
}

.resultLink .info,
.citeurl span,
.citeurl i,
.vrResult.vr-topic .resultLink,
.item-title,
.about-img,
.fz-mid {
  font-size: 14px;
  line-height: 22px;
}

.fz-title {
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

.resultLink,
.fz-big {
  font-size: 19px;
  line-height: 27px;
}

.fz-bigger {
  font-size: 22px;
  line-height: 30px;
  color: #222;
}

.fz-super {
  font-size: 28px;
  line-height: 36px;
  color: #222;
}

.reswrap,
.adLink,
.vrResult {
  padding: 12px 16px;
  background: #fff;
}

.scroll-layout-video .layout-width:before,
.adLink:after,
.scroll-layout-video .layout-width:after {
  content: '';
  display: block;
}

.adLink:after,
.scroll-layout-video .layout-width:after {
  clear: both;
}

.box-translation .citeurl,
.select-common .select-text,
.select-common .input-text,
.select-common-noline,
.select-common-noline .select-text,
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.scroll-layout-app .item-text,
.scroll-layout-column .item-text {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cite-authority:before,
.a-d-special .a-d-close,
.icon-known {
  background-image: url(//search.sogoucdn.com/test/video/wap/static/img/sprite.d2c64de.png);
  background-image: -webkit-image-set(
    url(//search.sogoucdn.com/test/video/wap/static/img/sprite.d2c64de.png) 1x,
    url(//search.sogoucdn.com/test/video/wap/static/img/sprite@2x.a70acc4.png) 2x
  );
  background-size: 144px 103px;
}

.header {
  position: relative;
  z-index: 22;
  width: 100%;
  background-color: #fff;
  padding-bottom: 10px;
}

.header.hide-header {
  padding-top: 10px;
}

.header.hide-header .nav-main {
  display: none;
}

.nav-main {
  overflow: hidden;
  height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 16px 0 8px;
}

.logo {
  display: block;
  position: relative;
  top: 11px;
  width: 80px;
  margin: 0 13px 0 8px;
  height: 21px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.headsearch {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}

.headsearch .nav-main,
.headsearch .more-box {
  display: none;
}

.headsearch .box-search {
  margin: 10px 16px 0;
}

.nav-list {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.nav-list a {
  display: block;
  position: relative;
  padding: 0 8px;
  height: 42px;
  line-height: 43px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
}

.nav-list a:last-child {
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.nav-list a:last-child:after {
  display: block;
  position: absolute;
  top: 0;
  right: -4px;
  content: '';
  font-size: 12px;
}

.nav-list a.more:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-list .cur {
  color: #ff4800;
  font-weight: bold;
  position: relative;
}

.nav-list .cur:after {
  content: '';
  position: absolute;
  bottom: 8px;
  border-radius: 2px;
  left: 50%;
  margin-left: -5px;
  height: 2px;
  width: 12px;
  background-color: #ff4800;
  z-index: 1;
}

.more-box {
  margin-bottom: 10px;
  padding: 14px 10px 0;
  border: 1px solid #e0e0e0;
  border-width: 1px 0;
  background: #f9f9f9;
  zoom: 1;
  box-shadow: inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
}

.more-box:after {
  display: block;
  clear: both;
  content: '';
}

.more-box a {
  display: inline-block;
  float: left;
  width: 20%;
  margin-bottom: 13px;
  line-height: 24px;
  color: #444;
  text-align: center;
  position: relative;
}

.box-search {
  position: relative;
  z-index: 10;
  margin: 0 16px;
  background-color: #fff;
  border-radius: 6px;
}

.querybox {
  position: relative;
  height: 42px;
  padding: 0 0 0 16px;
  border: 1px solid #777;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.querybox input,
.querybox div {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.querybox input,
.querybox a {
  display: block;
}

.query-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.query {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  outline: none;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  width: 40px;
  height: 41px;
  font-size: 18px;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  color: #000;
  font-family: Arial, Microsoft YaHei, SimHei, Helvetica, sans-serif;
  background-color: transparent;
}

.qbtn-box {
  border-left: 1px solid #e8e8e8;
  background-color: #f8f8f8;
  border-radius: 0 6px 6px 0;
  width: 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.qbtn {
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}

.resetbtn {
  height: 42px;
  line-height: 43px;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  margin: 0 15px;
  position: relative;
}

.resetbtn:before {
  content: '';
  font-size: 14px;
}

.icon-mic {
  padding: 0 10px;
  height: 42px;
  line-height: 43px;
}

.icon-mic:before {
  content: '';
  font-size: 19px;
}

.icon-mic:after {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 3px;
  content: '';
  font-size: 12px;
}

.icon-mic.up-rr:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mic-pop {
  position: absolute;
  background-color: #fff;
  z-index: 10;
  height: 45px;
  width: 105px;
  border-radius: 2px;
  top: 47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  right: 70px;
  box-shadow: 0px 1px 5px 2px rgba(34, 34, 34, 0.18);
}

.mic-pop i {
  display: block;
  position: absolute;
  top: -7px;
  width: 8px;
  height: 8px;
  overflow: hidden;
  right: 29px;
}

.mic-pop i:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff;
  position: relative;
  top: 4px;
  box-shadow: 0px 1px 2px rgba(34, 34, 34, 0.18);
}

.mic-pop a {
  height: 100%;
  position: relative;
  width: 52px;
  text-align: center;
  line-height: 45px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: block;
}

.mic-pop a:after {
  content: '';
  font-size: 19px;
  display: inline-block;
  color: #777;
}

.mic-pop a + a {
  border-left: 1px solid #f5f5f5;
}

.mic-pop a + a:after {
  content: '';
  font-size: 19px;
  display: inline-block;
  color: #777;
}

.container {
  background: #f5f5f5;
  overflow: hidden;
}

.container:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
}

.results-special {
  padding: 0 16px;
  background: #fff;
}

.results-special:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
}

.mainbody:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
}

.results {
  margin-bottom: 6px;
}

.resultLink .web-tag {
  position: relative;
  top: -2px;
}

.resultLink .info {
  padding-top: 4px;
  color: #444;
}

.citeurl {
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.citeurl span,
.citeurl i {
  color: #999;
}

.citeurl i {
  font-weight: normal;
  margin: 0 3px;
}

.citeurl span + span {
  padding-left: 8px;
}

.citeurl img {
  width: 16px;
  margin-right: 4px;
  border-radius: 50%;
}

.cite-authority {
  display: inline-block;
  margin-right: -4px;
}

.cite-authority:before {
  content: '';
  display: inline-block;
  background-position: -128px -49px;
  width: 13px;
  height: 14px;
  vertical-align: -2px;
}

a.resultLink,
.resultLink a {
  color: #222;
}

.resultLink {
  display: block;
  color: #999;
}

.resultLink:visited {
  color: #999;
}

.resultLink .title-icon {
  display: inline-block;
  margin-right: 4px;
}

.resultLink .title-icon img {
  display: inline-block;
  vertical-align: -3px;
  height: 19px;
}

@media screen and (max-width: 414px) {
  .resultLink {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.reswrap {
  line-height: 22px;
}

.reswrap p {
  margin-top: 12px;
}

.sp-rslt-bar {
  height: 22px;
  margin: 12px 16px;
}

.loading {
  height: 46px;
  margin: 16px;
  line-height: 46px;
  font-size: 120%;
  text-align: center;
}

.loading span {
  display: inline-block;
  padding-right: 20px;
  background: url(data:image/gif;base64,R0lGODlhJAAIAPIAANra2iYmJrKysnZ2du7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQEFAD/ACwAAAAAJAAIAEADLxi6Sv4jyvieuPgyVt2cHZFl2xJ+UjhiZdOhVLdq7QmrcxvYKL7qvI9vBHzdZLMEACH5BAQUAP8ALAAAAAAkAAgAQAMvOLpK/iLK+B64+DJW3ZwdkWXbEn5SOGJl06FUt2rtCatzO9govuq8j28EfN1kswQAIfkEBBQA/wAsAAAAACQACABAAy8oukr+IMr4Xrj4MlbdnB2RZdsSflI4YmXToVS3au0Jq3Mr2Ci+6ryPbwR83WSzBAAh+QQEFAD/ACwAAAAAJAAIAEADKUi6zPHwNTKqrTOTGOe92sRB3oeFzhiUJpqO7Ocu6tqY51zH4LypPEsCADs=) no-repeat right center;
  background-size: 18px auto;
  line-height: 52px;
}

a.vr-tips {
  display: block;
  height: 50px;
  margin: 0 0 6px;
  background: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
}

.adLink {
  display: block;
  position: relative;
  height: 19px;
  line-height: 19px;
  color: #444;
  padding: 16px 16px;
}

.adLink img {
  float: left;
  margin-right: 5px;
}

.adLink:after {
  position: absolute;
  top: 50%;
  right: 19px;
  width: 8px;
  height: 14px;
  margin-top: -9px;
}

.ad_result {
  position: relative;
  padding: 12px 17px;
  margin-bottom: 6px;
  background: #fff;
}

.ad_result .resultLink .info {
  padding-top: 4px;
  line-height: 22px;
}

.ad_msg {
  color: #999;
}

.footer {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 19px;
}

.footer .foot a {
  margin: 0 3px;
}

.foot {
  padding-top: 12px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

.foot p {
  font-size: 10px;
  color: #aaa;
}

.foot a {
  line-height: 17px;
}

.a-d-special {
  position: relative;
  margin-bottom: 10px;
  background: #fff;
}

.a-d-special a {
  display: block;
}

.a-d-special img {
  width: 100%;
  vertical-align: top;
}

.a-d-special .a-d-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-position: -101px -54px;
  width: 18px;
  height: 18px;
}

@media screen and (width: 320px) {
  .logo {
    margin-right: 3px;
  }
  .nav-list a {
    padding: 0 4px;
  }
  .nav-list a:last-child:after {
    right: -5px;
  }
}

.vrResult {
  position: relative;
  zoom: 1;
  margin-top: 6px;
}

.vrResult:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.vrResult.special-space {
  padding-top: 0;
  margin-top: 0;
}

.vrResult.vr-topic .recommend-tips {
  font-size: 12px;
  color: #999;
  padding-bottom: 1px;
}

.vrResult.vr-topic {
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 7px;
}

.vrResult.vr-topic .resultLink {
  margin-bottom: -4px;
  color: #999;
}

.site-vr-success ~ .vrResult.special-space,
.ec_ad_results ~ .special-space {
  padding-top: 10px;
}

.vrResult + .results .special-space {
  padding-top: 12px;
  margin-top: 6px;
}

.jzwd-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.jzwd-share .resultLink {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.jzwd-share .share-click {
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-left: 20px;
  margin-top: 5px;
  -webkit-tap-highlight-color: transparent;
}

.jzwd-share .share-click:before {
  content: '';
  font-size: 19px;
}

.voice-click {
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 20px;
  height: 18px;
  margin-left: 20px;
  margin-top: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkBAMAAAAJEmUlAAAAMFBMVEVHcExERERFRUVERERHR0dERERERERSUlJERERKSkpERERFRUVERERFRUVFRUVERERg0fUCAAAAD3RSTlMA2Wn2KpG3CMgSfkvvWD2JSv6SAAABLklEQVQoz4XSP04CQRTH8S+GxT8khoLEciEeYDWhsWITY88NMF5gMRprE0uLXS1sJfEC3EBrG/AEeANwdRGB+LNgFmWWxCk/mcl7894PzCleXZM5faljW74uXQIc+b94o7L2ANzawtbDma8hQDBe4IWmzPFQvfRioIpBRzsG7zTB4GY3NqVdtVPEe5vjribM8TbiTD5wXtV7z2BYwlEDqpLKGHS/2VaJgqTnVorNBOpfeNo/iUhxMINgSpikH9AQcvJpTqh//sWCOnhJ2p1BRxX6IwvX1GCwEseZ520eR1YhRz28xGppQ694idX8vSKC2PqmNwL3wxpIGJPXkzW67gFbOraG/NIjZza3tI7BrJVZHEGSXXFRtWwYTtXIxqY5i1YELF4RxYfGP6FdivcPxAPRhTvR9PgAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: auto 100%;
  -webkit-tap-highlight-color: transparent;
}

@-webkit-keyframes doplay {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -60px 0;
  }
}

@keyframes doplay {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -60px 0;
  }
}

.voice-click.onplay {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAkBAMAAACwBuNtAAAAKlBMVEVHcEwiIiIiIiIiIiIiIiIiIiIjIyMjIyMwMDAiIiIiIiIpKSkoKCgiIiLGGTkkAAAADXRSTlMAbfXI2LRFKwaPVw0WXIGkZgAAAVNJREFUSMet1r9Lw0AUB/BXbGpqHaS4Brp1kIA4uB10dAn4DwT6DwSCm5sFxTX/QCCDa0EE9wqugmlNJeD3f3Ho9cf1Hsl58cYP7wvH5e69EMnVubik/WVqNAXGtnboA+d/sdt4i+8ABnuFlRYMN9YTAD7VumoLFxt8gF5YbTfIpLmhXlhjXVxJfIVeWGM9P5dHGOiFteZ9rbAPvXBrbzPWXhAT0eMptPCuiRFrDhKiNe2GFQuWrHUwIgd6WLW0ZM31f8hjwqpF8zvWxJIEE1atjZi1NCefCavmIGPNKwlMWLUuTlibFgbhCRLWIpNwiwm3kFC0aLDtqGhyYIXBpzrAmDWvNLgkH5ixFuYG19MreAu+DR6GyFk7xsDgSfpnrE1wbdAMnjLW2rIDWrWh1WOza4AkSvvWe4ShfdO/R2I/btL5c4NBl9uPWLef/NNwt/qt+AX/vwT1hZq9sgAAAABJRU5ErkJggg==);
  -webkit-animation: doplay 1s steps(3) infinite;
  animation: doplay 1s steps(3) infinite;
}

.icon-known {
  display: inline-block;
  margin-left: 6px;
  vertical-align: -1px;
  background-position: -51px 0px;
  width: 42px;
  height: 16px;
}

.text-type {
  color: #999;
  margin-right: 5px;
}

.text-gray {
  color: #999;
}

.text-weight {
  font-weight: bold;
}

.text-black {
  color: #000;
}

.text-title {
  color: #222 !important;
}

.text-common {
  color: #444;
}

.vr-risk p {
  line-height: 22px;
}

.box-translation {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.box-translation .citeurl {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.box-translation .btn-translation {
  margin-left: 12px;
  color: #999;
  white-space: nowrap;
}

.box-translation .btn-translation.tap-high-black {
  padding: 0 5px;
  height: 21px;
  margin-top: 3px;
  background-color: rgba(0, 0, 0, 0.1);
}

.star-wiki {
  line-height: 22px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  color: #222;
  position: relative;
}

.star-wiki .baike-sign {
  color: #1967d1;
}

.star-wiki .tag-baike {
  vertical-align: middle;
  margin-top: -2px;
}

.wiki-baike-fixed {
  position: relative;
}

.wiki-baike-fixed .baike-sign {
  position: absolute;
  bottom: 0;
  right: 0;
  background: -webkit-linear-gradient(right, #fff 80%, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #fff 80%, rgba(255, 255, 255, 0));
  padding-left: 30px;
}

.vr-margin {
  border-top: 6px solid #f5f5f5;
  margin: 0 -16px;
  padding: 14px 16px;
}

.tab-info.vr-margin {
  padding-top: 0;
  padding-bottom: 0;
}

.txt-space + .txt-space {
  padding-left: 8px;
}

.border-top.no-line {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.fixed-body {
  height: 100%;
  overflow: hidden;
}

.item-wrap {
  border: solid 1px #f1f1f1;
  border-radius: 12px;
  padding: 16px;
}

.more-box-new {
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.more-box-new a,
.more-box-new span {
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
  min-width: 75px;
  padding: 4px 0;
}

.more-box-new span {
  color: #999;
}

.more-box-new .line-whole {
  position: relative;
  text-align: right;
}

.more-box-new .line-whole:after {
  position: relative;
  top: 2px;
  display: inline-block;
  content: '';
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  line-height: 14px;
  font-weight: bold;
}

.more-box-new.feedback a {
  position: relative;
  text-align: right;
  color: #999;
}

.more-box-new.feedback .part-left {
  text-align: left;
}

.more-box-new .part-left {
  color: #999;
}

.more-box-new .part-left img {
  display: inline-block;
  position: relative;
  top: 3px;
  height: 16px;
  margin-right: 4px;
  border-radius: 50%;
}

.more-box-new .part-left i {
  padding-left: 7px;
}

.more-box-center .line-whole {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.more-box-center .line-whole:after {
  display: inline-block;
  position: static;
  margin: 0;
  -webkit-transform: rotate(90deg) translate(2px, 0);
  transform: rotate(90deg) translate(2px, 0);
}

.more-box-start .line-whole {
  text-align: left;
}

.img-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-top: 8px;
}

.img-flex-round {
  display: block;
  min-height: 110px;
}

.img-flex-round .img-layout {
  float: left;
  width: 102px;
  height: 102px;
  margin-bottom: 0;
}

.img-flex-round .text-layout {
  overflow: initial;
}

.img-flex-round .btn-learn {
  margin-top: 0;
  margin-bottom: 3px;
}

.flex-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-reverse .img-layout {
  margin-right: 0;
  margin-left: 12px;
}

.space-between {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.space-between .amp:before {
  vertical-align: middle;
  margin-top: -2px;
}

.visited .text-layout h4 {
  color: #999;
}

.img-small .img-layout {
  width: 64px;
  background-size: auto 26px;
}

.img-small .img-layout .img-height {
  padding-bottom: 100%;
}

.img-layout {
  position: relative;
  z-index: 1;
  width: 32%;
  margin-right: 12px;
  height: 100%;
  margin-bottom: 8px;
}

.img-layout img {
  display: block;
  width: 100%;
  height: auto;
}

.img-layout a {
  display: block;
}

.img-layout .img-height {
  padding-bottom: 73%;
}

.img-height.img-square {
  padding-bottom: 100%;
}

.img-height.img-rectangle {
  padding-bottom: 133%;
}

.img-height.img-rec {
  padding-bottom: 73%;
}

.img-height.img-rec2 {
  padding-bottom: 66%;
}

.img-height.img-top img {
  object-position: top;
}

.negative .video-banner,
.negative .img-height.video-banner {
  padding-bottom: 42.5%;
}

.video-banner,
.img-height.video-banner {
  padding-bottom: 46.5%;
  background-size: auto 51px;
}

.img-banner,
.img-height.img-banner {
  padding-bottom: 38%;
  background-size: auto 51px;
}

.high-banner,
.img-height.high-banner {
  padding-bottom: 56%;
  background-size: auto 51px;
}

.text-layout {
  margin: -4px 0 3px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}

.text-layout h4 {
  color: #222;
  padding-bottom: 2px;
}

.text-layout p {
  line-height: 22px;
}

.text-layout p + .citeurl {
  padding-top: 2px;
}

.text-layout .star-wiki {
  margin-top: 0;
}

.text-layout .citeurl {
  padding-top: 0;
  padding-bottom: 0;
}

.text-layout .citeurl .tag-default {
  font-size: 12px;
  line-height: 14px;
  margin-right: -4px;
}

.list-img-flex .space-default:first-child,
.list-img-flex .img-flex-three:first-child {
  padding-top: 0;
}

.list-img-flex .space-default:last-child,
.list-img-flex .img-flex-three:last-child {
  padding-bottom: 0;
}

.list-img-flex .space-default + .space-default,
.list-img-flex .img-flex-three + .space-default {
  border-top: solid 1px #f5f5f5;
}

.list-img-flex .space-small:first-child {
  padding-top: 0;
}

.list-img-flex .space-small:last-child {
  padding-bottom: 0;
}

.list-img-flex .space-small + .space-small {
  border-top: solid 1px #f5f5f5;
}

.list-img-flex .space-big:first-child {
  padding-top: 0;
}

.list-img-flex .space-big:last-child {
  padding-bottom: 0;
}

.list-img-flex .space-big + .space-big {
  border-top: solid 1px #f5f5f5;
}

.list-img-flex .space-default,
.list-img-flex .space-big,
.list-img-flex .space-small {
  display: block;
}

.layout-flex {
  position: relative;
  z-index: 1;
  margin-right: -16px;
  overflow: hidden;
}

.layout-flex:after {
  display: block;
  position: absolute;
  z-index: 3;
  content: '';
  background: #fff;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  width: 16px;
}

.layout-flex .list-img-flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  padding-right: 16px;
}

.layout-flex.negative:after {
  display: none;
}

.layout-flex.negative .space-default,
.layout-flex.negative .space-small {
  margin-left: 16px;
}

.layout-scroll-flex {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.img-flex-three {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.img-flex-three .img-flex {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.img-flex-three .img-flex-rightlayout {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-left: 16px;
  max-width: 86px;
  overflow: hidden;
}

.img-flex-three .img-layout {
  width: 64px;
  margin-right: 10px;
  margin-left: 0;
}

.img-flex-three .img-layout .img-height {
  border-radius: 12px;
  background-size: auto 26px;
}

.img-height-header {
  padding-bottom: 8px;
}

.img-height-header.negative .img-height {
  border-radius: 0;
}

.img-height-header .video-share {
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  display: block;
  z-index: 3;
  top: 8px;
  right: 8px;
  padding: 10px;
  color: #fff;
}

.img-height-header .video-share:before {
  content: '';
  font-size: 19px;
}

.img-flex .flex-select {
  padding-top: 5px;
}

.flex-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-select .btn-default {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.flex-select .select-common + .btn-default,
.flex-select .btn-default + .select-common {
  margin-left: 8px;
}

.select-common-disable.select-common .btn-select {
  display: none;
}

.text-layout-link {
  display: block;
}

.scroll-layout {
  width: 100%;
  overflow: hidden;
}

.scroll-layout .item-text .btn-default {
  margin-top: 8px;
}

.scroll-layout .layout-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.scroll-layout-pic .item-text,
.scroll-layout-app .item-text,
.scroll-layout-column .item-text {
  width: 33.33%;
}

.scroll-layout-two .item-text {
  width: 50%;
}

.scroll-layout-pic .item-list {
  margin-left: -8px;
}

.scroll-layout-pic .item-text {
  box-sizing: border-box;
  padding-left: 8px;
  margin-right: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.scroll-layout-pic .item-text:last-child {
  margin-right: 0;
}

.scroll-layout-app {
  position: relative;
  width: auto;
  margin-right: -16px;
  margin-left: -16px;
  padding-left: 16px;
}

.scroll-layout-app:after {
  display: block;
  position: absolute;
  z-index: 3;
  content: '';
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  width: 16px;
}

.scroll-layout-app .layout-width {
  margin-left: -16px;
}

.scroll-layout-app .item-list {
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-left: 8px;
  overflow: hidden;
}

.scroll-layout-app .item-text {
  margin-right: 0;
  padding-left: 8px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  box-sizing: border-box;
}

.scroll-layout-app.negative:after {
  display: none;
}

.scroll-layout-app.negative .layout-width {
  margin-left: 0;
}

.scroll-layout-app.negative .item-list {
  box-sizing: border-box;
  padding-right: 16px;
}

.scroll-layout-app.negative .item-text {
  margin-right: 0;
}

.scroll-layout-app.scroll-one .item-list {
  padding: 0;
  margin: 0;
}

.scroll-layout-app.scroll-one .item-text {
  margin: 0;
  padding: 0;
}

.scroll-layout-column .item-list {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: -15px;
  margin-left: -8px;
}

.scroll-layout-column .item-text {
  box-sizing: border-box;
  padding-left: 8px;
  margin: 0 0 15px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.scroll-layout-column .layout-width {
  margin-left: -8px;
}

.scroll-layout-column .layout-width .item-list {
  padding-right: 10px;
  margin-left: 0;
}

.scroll-layout-column.negative:after {
  display: none;
}

.scroll-layout-column.negative .layout-width {
  margin-left: 10px;
}

.scroll-layout-column.negative .item-list {
  padding-right: 26px;
}

.scroll-layout-column.negative .item-text {
  margin-right: 0;
  margin-left: 0;
}

.scroll-layout-more .layout-width {
  display: block;
}

.scroll-layout-more .layout-width .item-list-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.scroll-layout-more .layout-width .item-list-content .item-text {
  margin-right: 5.333%;
}

.scroll-layout-alone {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

.scroll-layout-alone .item-text {
  width: 23%;
  margin-right: 8px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  overflow: hidden;
}

.scroll-layout-alone::-webkit-scrollbar {
  display: none;
}

.img-height {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: url(//search.sogoucdn.com/test/video/wap/static/img/img-error.0a32d2d.png) center center no-repeat;
  background-size: auto 34px;
  overflow: hidden;
  border-radius: 12px;
}

.img-height + .item-title {
  margin-top: 7px;
}

.img-height a {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.img-height img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
  background: #fff;
}

.img-height:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(34, 34, 34, 0.03);
  pointer-events: none;
}

.img-height.img-logoicon img {
  width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.img-height.img-logoicon-fine img {
  height: 100%;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.img-height.img-position img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  display: inline-block;
}

.img-height .img-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.img-center img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  object-fit: fill;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.attitude-module .img-height {
  border-radius: 0;
}

.box-scrollbar {
  overflow: hidden;
}

.box-scrollbar .last-child .img-height {
  background: transparent;
}

.box-scrollbar .last-child .img-height:before {
  display: none;
}

.box-scrollbar .last-child .item-check {
  background: transparent;
}

.box-scrollbar.negative .scroll-layout-alone {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: -20px;
}

.box-scrollbar.negative .item-list {
  padding-right: 16px;
  margin-top: 20px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

.box-scrollbar.negative .item-list.has-video .item-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.box-scrollbar.negative .item-list.has-video .item-video {
  -webkit-box-flex: 2.07;
  -webkit-flex-grow: 2.07;
  flex-grow: 2.07;
}

.box-scrollbar.negative .item-list.has-video .item-video .img-height {
  padding-bottom: 48.5%;
}

.box-scrollbar.negative.box-scrollauto .item-list {
  height: 109px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.box-scrollbar.negative.box-scrollauto .item-list.has-video .item-text {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text {
  height: 109px;
  min-width: 109px;
  width: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  overflow: unset;
  margin-right: 2px;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text.item-video {
  width: 194px;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text.item-video .img-height img {
  width: 100%;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text:last-child {
  padding-right: 16px;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text:last-child .img-height {
  border-radius: 0 12px 12px 0;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text.last-2-child .img-height {
  border-radius: 0 12px 12px 0;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text.last-child {
  width: 109px;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text.last-child .img-height {
  border-radius: 12px;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text:first-child .img-height {
  border-radius: 12px 0 0 12px;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text .img-height {
  width: auto;
  min-width: 109px;
  height: 100%;
  padding-bottom: 0;
  border-radius: 0;
}

.box-scrollbar.negative.box-scrollauto .item-list .item-text .img-height img {
  position: relative;
  height: 100%;
  min-width: 109px;
  width: auto;
}

.box-scrollbar.negative.box-scrollradius .img-height {
  width: 70.8%;
  padding-bottom: 70.8%;
  margin: 0 auto;
}

.box-scrollbar.negative.box-scrollradius .item-title,
.box-scrollbar.negative.box-scrollradius .item-time {
  text-align: center;
}

.item-check {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  color: #444;
  text-align: center;
}

.item-check i {
  display: block;
  white-space: nowrap;
  position: absolute;
  font-style: normal;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.item-check i:before {
  content: '';
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  border: solid 1px #444;
  width: 28px;
  height: 28px;
  line-height: 28px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-bottom: 8px;
}

.scroll-layout-video .layout-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.item-text {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 1px;
  width: 0;
}

.item-text:last-child {
  margin-right: 0;
}

.item-text .citeurl {
  padding-bottom: 0;
}

.item-text .img-tag-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.item-last-child i {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-style: normal;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  border: none;
  border-radius: 0;
}

.item-last-child i:before {
  display: none;
}

.item-last-child i:after {
  content: '';
  background: none;
  position: static;
}

.item-last-child .pic-score {
  display: none;
}

.item-title {
  max-height: 44px;
  margin-right: 4px;
  overflow: hidden;
  color: #222;
}

.item-title.align-center {
  text-align: center;
}

.item-time {
  display: block;
  color: #999;
  margin-right: 4px;
  line-height: 22px;
  margin-top: 2px;
}

.item-time.align-center {
  text-align: center;
}

.about-img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  right: 0;
  top: auto;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 98%);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 98%);
  box-sizing: border-box;
  padding: 14px 8px 3px;
  text-align: left;
  color: #fff;
  overflow: hidden;
}

.about-img span {
  height: 22px;
  line-height: 22px;
}

.about-tag {
  position: absolute;
  bottom: 6px;
  right: 6px;
  border-radius: 10px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  background: rgba(34, 34, 34, 0.5);
  z-index: 5;
  color: #fff;
  box-sizing: border-box;
  padding-left: 6px;
  padding-right: 6px;
  font-style: normal;
}

.about-img-big {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
}

.about-img-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

@media screen and (max-width: 374px) {
  .about-img-text {
    display: none;
  }
}

.about-img-text .about-date {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  margin-right: 5px;
  white-space: nowrap;
}

.about-img-text .about-score {
  display: block;
  text-align: right;
}

.about-img-text .about-score.score-center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}

.border-wrap {
  border: 1px solid #f5f5f5;
  padding-bottom: 8px;
  border-radius: 12px;
}

.border-wrap .star-layout {
  margin-bottom: -2px;
}

.border-wrap .img-height {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border-wrap > * {
  padding-left: 10px;
  padding-right: 10px;
}

.border-wrap .star-layout {
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.border-wrap .img-height {
  padding-left: 0;
  padding-right: 0;
}

.border-wrap .kol-title {
  padding-top: 4px;
  color: #222;
}

.border-wrap .kol-text {
  padding-top: 5px;
}

.border-wrap .person-wrap.person-paddingB {
  padding-bottom: 0;
}

.scroll-img-flex {
  width: 100%;
  margin-top: -8px;
  margin-bottom: 8px;
  padding-left: 8px;
}

.scroll-img-flex .space-default,
.scroll-img-flex .img-flex {
  width: 100%;
}

.scroll-new .item-list {
  margin-right: 16px;
}

.scroll-new-img.scroll-layout-app {
  padding-left: 0;
}

.item-link-block {
  display: block;
}

.item-link-block .star-layout {
  margin-left: 0;
  margin-right: 0;
}

.video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  width: 42px;
  height: 42px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.video-play:before {
  display: block;
  position: relative;
  z-index: 6;
  content: '';
  font-size: 42px;
  line-height: 42px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  margin: 0 auto;
  border-radius: 100px;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.player-larger {
  width: 62px;
}

.player-larger:before {
  font-size: 62px;
}

.video-play-right {
  min-width: 18px;
  text-align: center;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}

.video-play-right .play-triangle {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 -2px;
  width: 10px;
}

.video-play-right .play-triangle:before {
  content: '';
  font-size: 14px;
}

.video-play-right i {
  font-style: normal;
}

.video-play-right i + i {
  margin-left: 3px;
}

.slide-down {
  display: block;
  text-align: center;
  height: 22px;
  line-height: 22px;
}

.slide-down:after {
  display: inline-block;
  content: '';
  margin-left: 4px;
  position: relative;
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: bottom;
}

.slide-down.border-top {
  padding-top: 11px;
}

.slide-up:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.select-common {
  position: relative;
  z-index: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border: solid 1px rgba(34, 34, 34, 0.06);
  border-radius: 8px;
}

.select-common .select-text,
.select-common .input-text,
.select-common .default-select {
  padding-left: 12px;
  padding-right: 36px;
  color: #222;
}

.select-common .select-layout {
  position: relative;
  z-index: 2;
  width: 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 0 36px 0 10px;
  border: solid 1px rgba(34, 34, 34, 0.06);
  border-radius: 8px;
}

.select-common .select-layout.active .btn-select:after,
.select-common .select-layout.active .btn-select:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@media screen and (max-width: 320px) {
  .select-common .select-layout {
    padding-right: 26px;
  }
}

.select-common .default-select {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 34px;
  line-height: 32px;
  border: none;
  border-radius: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  overflow: hidden;
  outline: none;
}

.select-common .default-select img {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: -2px;
  margin-right: 5px;
}

.select-common .select-text {
  display: block;
  height: 34px;
  line-height: 34px;
  width: 100%;
  color: #222;
}

.select-common .btn-select {
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 36px;
  height: 34px;
  text-align: center;
}

.select-common .btn-select:after {
  display: block;
  content: '';
  line-height: 34px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #999;
  font-weight: bold;
}

@media screen and (max-width: 320px) {
  .select-common .btn-select {
    width: 26px;
  }
}

.select-common .input-title {
  color: #999;
  line-height: 34px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding-left: 12px;
}

.select-common .input-box {
  position: relative;
  width: 100%;
  padding-left: 12px;
  box-sizing: border-box;
}

.select-common .input-box:after {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 4;
  display: block;
  content: '';
  width: 36px;
  line-height: 34px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-align: center;
  color: #999;
  font-weight: bold;
}

.select-common .input-text {
  line-height: 34px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 5;
  width: 100%;
  padding-left: 12px;
}

.select-common .input-default {
  position: relative;
  z-index: 6;
  border: none;
  display: block;
  background: 0 0;
  font-size: 14px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  opacity: 0;
}

.select-common i {
  margin-right: 4px;
}

.select-common-noline {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
}

.select-common-noline i {
  font-size: 0;
}

.select-common-noline .select-text {
  width: auto;
  max-width: 90px;
  padding-right: 0;
  padding-left: 0;
}

.select-common-noline .btn-select {
  position: inherit;
  width: 21px;
}

.select-common-noline .btn-select:after {
  color: #444;
}

.select-common-inherit {
  display: inline-block;
  border: none;
}

.select-common-inherit .default-select {
  padding-left: 0;
  padding-right: 28px;
}

.select-common-inherit:after {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 4;
  display: block;
  content: '';
  width: 36px;
  line-height: 34px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-align: center;
  color: #444;
  font-weight: bold;
}

.select-common-arrow:after {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 4;
  display: block;
  content: '';
  width: 36px;
  line-height: 34px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-align: center;
  color: #999;
  font-weight: bold;
}

.select-common-gray {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background: #f8f8f8;
  border-radius: 8px;
}

.select-common-gray .select-common {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 36px;
  line-height: 36px;
  width: 40px;
}

.select-common-gray .select-common .btn-select {
  right: 12px;
}

.select-common-gray .select-common .btn-select:after {
  color: #999;
}

.select-common-gray .select-common-noline .select-text {
  padding-left: 12px;
  padding-right: 12px;
}

.select-common-margin {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.select-common-margin .select-common {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 40px;
}

.select-common-margin .select-common + .select-common {
  margin-left: 8px;
}

.line {
  height: 0;
  border-top: solid 1px #f5f5f5;
}

.special {
  margin-top: -12px;
}

.special-img {
  margin-bottom: -12px;
}

.border-top,
.border-top-txt {
  border-top: solid 1px #f5f5f5;
  margin-top: 8px;
  padding-top: 8px;
}

.border-top-txt {
  padding-top: 11px;
}

.border-bottom {
  border-bottom: solid 1px #f5f5f5;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.border-all {
  border-top: solid 1px #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
}

.box-toggle + .citeurl {
  padding-top: 4px;
}

.border-base {
  border-top: solid 1px #f5f5f5;
  padding-top: 11px;
}

.b-radius {
  border-radius: 12px;
}

.btn-radius {
  border-radius: 8px;
}

.no-radius {
  border-radius: 0;
}

.mark-bg {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  min-height: 90px;
}

.clamp2 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp3 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp4 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp5 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp6 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp7 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp8 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp9 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp10 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp12 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tog-h {
  max-height: 22px;
  height: 22px;
}

.tog-h2 {
  max-height: 44px;
  height: 44px;
}

.tog-h3 {
  max-height: 66px;
  height: 66px;
}

.tog-h4 {
  max-height: 88px;
  height: 88px;
}

.tog-h5 {
  max-height: 110px;
  height: 110px;
}

.tog-h6 {
  max-height: 132px;
  height: 132px;
}

.tog-h7 {
  max-height: 154px;
  height: 154px;
}

.tog-h8 {
  max-height: 176px;
  height: 176px;
}

.tog-h9 {
  max-height: 198px;
  height: 198px;
}

.tog-h10 {
  max-height: 220px;
  height: 220px;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
body,
dl,
ol,
dt,
dd,
td,
img,
th,
p,
form,
div,
input {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  font-size-adjust: none;
  color: #444;
  word-break: break-all;
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
  font-size: 14px;
  font-weight: normal;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}

ul,
li,
ol {
  list-style-type: none;
}

input {
  outline: none;
}

input[type='search']::-webkit-search-cancel-button {
  display: none;
}

img {
  border: 0;
}

a {
  color: #444;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  font-size: 14px;
}

i,
em {
  font-style: normal;
}

a em,
em {
  color: #e22b00;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

@font-face {
  font-family: 'fontfly';
  src: url(//search.sogoucdn.com/test/video/wap/static/fonts/iconfont.f4f05ba.woff) format('woff'),
    url(//search.sogoucdn.com/test/video/wap/static/fonts/iconfont.4d346ac.ttf) format('truetype');
}

.bg-body {
  background: #fff;
}

.video-content {
  background: #f5f5f5;
  overflow: hidden;
}

.video-content .video-header {
  position: relative;
  padding-bottom: 24px;
}

.video-content .video-header:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  height: 12px;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.video-content .video-top-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 0;
}

.video-content .video-top-bg img {
  width: 130%;
  -webkit-filter: blur(100px);
  filter: blur(100px);
  vertical-align: top;
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  top: -100px;
  left: -10%;
}

.video-content .video-top-bg .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
}

.video-content .header-wrap {
  padding: 0 16px;
  position: relative;
}

.video-content .header-wrap h4,
.video-content .header-wrap .citeurl span {
  color: #fff;
}

.video-content .header-wrap .img-layout {
  width: 64px;
}

.video-content .header-wrap .img-layout .img-height {
  border-radius: 50%;
}

.video-content .header-wrap .v-tag {
  bottom: -5px;
  width: 20px;
  height: 20px;
}

.video-content .header-wrap .video-wiki {
  line-height: 22px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: block;
  position: relative;
  color: #fff;
}

.video-content .header-wrap .video-wiki span {
  opacity: 0.7;
}

.video-content .header-wrap .video-wiki a {
  color: #fff;
  opacity: 1;
  margin-left: 12px;
}

.video-content .header-wrap .video-wiki a:after {
  position: relative;
  top: 2px;
  display: inline-block;
  content: '';
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  line-height: 14px;
  font-weight: bold;
}

.video-content header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.video-content header h4 {
  color: #fff;
  text-align: center;
  opacity: 0.7;
  font-size: 16px;
}

.video-content .icon-gather-left,
.video-content .icon-gather-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 80px;
}

.video-content .icon-gather-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.video-content .icon-gather-right i + i {
  margin-left: 30px;
}

.video-content .sub-page-back {
  display: block;
  color: #fff;
  padding: 15px 0;
  text-align: center;
}

.video-content .sub-page-back:after {
  content: '';
  display: block;
  font-size: 19px;
}

.video-content .sub-page-home,
.video-content .sub-page-search {
  display: block;
  width: 22px;
  height: 49px;
  color: #fff;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAMAAAD79pkTAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAMfd+4ewEyzgkU2gVqwjC10TiFAgFAAABFklEQVQ4y+3V3a7CIAwAYAZrpePP8f4Pe1rmMZuAkJxzY2JvNNtnqdAGpf4hIlGc1xQAAs3q5ZY5bjSvtWa/zGgr2hjxdkLfRcco/j70O2swqBQaYL9PaIfyFd3Qb+tTP/y6TeqhF319Wz85vatzYVmv6dsrv9Q3rLPpY3/XTnv7zP3uTPZyzic/OPFHX1z0u34qPfrrD70Me/rwGEQTWt/D3iIVX37J/zKRMhA63gcIihLvj9Trk5a5TFl3qrc6J5lfnSQf+l0+eLUe51ol7XYe3iG/xpd/BOcWcm3usvTMS4TSl62G5HVDPZEgE0VVWM4DjSkOcmWsVchTg60p0LkZR5/X151LUGNIrncJelqqIP+HC/cH1jAXl/Nhw08AAAAASUVORK5CYII=) no-repeat center center;
  background-size: 22px auto;
}

.video-content .sub-page-search {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAqBAMAAAA686QvAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADXRSTlMAVcMQQNqjuvPrKpBzUVWL4AAAAP5JREFUKM9jYCAHGCZFtKoJo4sK3QUDRVRRp7tQoIIsyn337o0cEcdjvXfvbkCIMtfeveQAYrDo3r1uABc2vXtVAMJijL0bDBeuvVsMY5rfvY4w+RrCwFy46b53CxDC7HevQFm6Vw2QrI+9BLXm7kVkx8rehVjPdFcBWRjGtb3rgCzMcvcyRNcN1IDohZiZew1VGMrXvYMqfBbilNiLqMKyVyFmXUEV9r2BTxiHITisxOFAHN5B8zwj1PM4ggpHwOKIBlyRhiOKcSQItOQjGYU1sc29uQBb0tS9OwtbQl55F64cOdlzzUUoR84kK+9ewpaNuObexJq9lk4kMT8CANUci3KGqC5WAAAAAElFTkSuQmCC);
}

.video-content .v-tag {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 16px;
  height: 16px;
  z-index: 5;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAV1BMVEVHcEz////x7+6hnJb7+/r///////////////90bmb////19fS4tbJqYVn///////////9nX1f/////8dXy2KZ+dGe2p47z5chyamCOgW+ilX/gy6PJu6BDGla1AAAAEXRSTlMAzsvJ3yHxCenrbNLB/lyrNP62WgwAAAESSURBVCjPfZPntoQgDIQtVOsyIGt7/+e8QZC97tnD/LDwMUmIsar+SXIuq1+S0yxAEvP0vUF2KgDGwgbVPTCvgX7QhqSHHqj5h70UWGvMGCBdWgb1yj6F5nLd0g1U8soazWgeGhvUMW8Hps2XNEN3GRUo30KK9pWeVtNCBeuEnpYO59x+wbe179WYHhPBGQMtbd65IzBvrfV0HzATFIgZybpR0GCk+KOGoJQQsQayntEYwwvIioPF6heyLiuxI25m4BleNfmT4PaBOazZyUrsTK8hbC7IrM5RNXZJbQgFpaOErN6lY5h8lNiEoC2d/1JsQmxfpH5PQe/2FRtf/mTFj53H5NZjTMoDVh7N8lD//h3+ABQLI0v2wPU5AAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: 100% 100%;
}

.video-content .video-list-top {
  margin-top: 0;
}

.video-content .video-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -12px;
}

.video-content .video-tab ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 34px;
}

.video-content .video-tab ul li.active {
  font-weight: bold;
}

.video-content .video-tab ul li + li {
  margin-left: 32px;
}

.video-content .video-list .img-layout {
  width: 45.5%;
}

.video-content .video-list .img-layout .img-height {
  padding-bottom: 56.5%;
}

.video-content .video-list .img-flex + .img-flex {
  padding-top: 16px;
}

.video-content .video-list .text-layout h4 {
  padding-bottom: 0;
}

.video-content .up-blogger .img-layout {
  width: 40px;
  margin-right: 8px;
}

.video-content .up-blogger .img-flex .img-height {
  border-radius: 50%;
}

.video-content .up-blogger .img-rec3 {
  padding-bottom: 58%;
}

.video-content .up-blogger .item-time span + span {
  margin-left: 8px;
}

.video-content .up-blogger .text-layout h4 {
  padding-bottom: 0;
}

.video-content .blogger-scroll .v-tag,
.video-content .blogger-list .v-tag {
  width: 20px;
  height: 20px;
}

.video-content .blogger-scroll h3 {
  font-weight: bold;
  padding-top: 4px;
}

.video-content .blogger-scroll .scroll-layout .img-height {
  border-radius: 0;
  width: 64px;
  padding-bottom: 64px;
}

.video-content .blogger-scroll .scroll-layout .img-height:before,
.video-content .blogger-scroll .scroll-layout .img-height img {
  border-radius: 50%;
}

.video-content .blogger-scroll .scroll-layout .item-list {
  width: auto !important;
}

.video-content .blogger-scroll .scroll-layout .item-text {
  margin-right: 16px;
  width: 70px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.video-content .blogger-scroll .scroll-layout .item-time,
.video-content .blogger-scroll .scroll-layout .item-title {
  margin-right: 0;
  width: 70px;
}

.video-content .blogger-list .img-flex .img-layout {
  width: 64px;
}

.video-content .blogger-list .img-flex .img-height {
  border-radius: 50%;
}

.video-content .blogger-list .img-flex p,
.video-content .blogger-list .img-flex div {
  color: #555;
}

.video-content .blogger-list .img-flex p span + span,
.video-content .blogger-list .img-flex div span + span {
  margin-left: 8px;
}

.video-content .blogger-list .img-flex + .img-flex {
  padding-top: 18px;
}




/*# sourceMappingURL=16.136b46ab.css.map*/