@font-face {
  font-family: 'minnie';
  src: url("../font/minnie.eot");
  src: url("../font/minnie.woff") format("woff"), url("../font/minnie.ttf") format("truetype"), url("../font/minnie.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  font-size: 22px;
  font-family: "Microsoft Yahei";
  background: #fff;
  -webkit-text-size-adjust: none; }

html, body {
  width: 100%; }

body {
  background: url(../images/bg1.gif) repeat; }

@media screen and (min-width: 401px) and (max-width: 669px) {
  html {
    font-size: 18px; } }
@media screen and (min-width: 375px) and (max-width: 400px) {
  html {
    font-size: 16px; } }
@media screen and (min-width: 341px) and (max-width: 374px) {
  html {
    font-size: 14px; } }
@media screen and (min-width: 320px) and (max-width: 340px) {
  html {
    font-size: 13px; } }
@media screen and (min-width: 0px) and (max-width: 319px) {
  html {
    font-size: 12px; } }
.hide {
  display: none; }

.unhide {
  display: block; }

.mt1 {
  margin-top: 10px; }

.mt2 {
  margin-top: 20px; }

.mt3 {
  margin-top: 30px; }

.mt-1 {
  margin-top: -20px; }

.mb1 {
  margin-bottom: 10px; }

.pb2 {
  padding-bottom: 20px; }

.center {
  margin-left: auto;
  margin-right: auto; }

.container {
  width: 100%;
  height: auto;
  background: #fff; }

.header {
  width: 100%;
  height: auto;
  overflow: hidden; }
  .header .logo {
    width: 92%;
    height: 2.5rem;
    margin: 10px 0 10px 0;
    overflow: hidden;
    padding: 0 4%; }
    .header .logo h1.logo1 {
      height: 2.5rem;
      float: left;
      text-align: center;
      font: bold 1.875rem/2.5rem "Arail";
      color: #000;
      background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#c8c8c8), to(black));
      background-image: gradient(linear, 0 0, 0 bottom, from(#c8c8c8), to(black));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
      .header .logo h1.logo1 span {
        font: bold 1.875rem/2.5rem "minnie";
        margin: 0 4px 0 4px; }
    .header .logo img.logo2 {
      width: auto;
      height: 1.5rem;
      margin-top: 0.5rem;
      display: inline-block;
      float: right; }
  .header .banner {
    width: 100%;
    height: auto;
    position: relative; }
    .header .banner img {
      width: 100%;
      height: auto;
      display: block; }
    .header .banner p.des {
      width: 90%;
      height: auto;
      margin: 6px auto 0;
      font: normal 0.75rem/1rem 'Microsoft Yahei';
      color: #242225; }

.dialog {
  width: 100%;
  height: auto; }
  .dialog .bar {
    width: 100%;
    height: auto; }
    .dialog .bar img {
      width: 100%;
      height: auto; }
  .dialog .dialog-wrap {
    width: 90%;
    height: auto;
    overflow: hidden;
    position: relative; }
    .dialog .dialog-wrap .star {
      width: 55%;
      position: absolute;
      left: 0;
      top: 0; }
      .dialog .dialog-wrap .star img {
        width: 100%;
        height: auto; }
    .dialog .dialog-wrap .dialog-content {
      margin-left: 56%;
      height: 12rem;
      overflow-y: scroll;
      padding-right: 2px;
      font: normal .75rem/1rem 'Microsoft Yahei';
      color: #242225; }
    .dialog .dialog-wrap .dialog-content::-webkit-scrollbar {
      width: 4px;
      height: 4px;
      background-color: #F5F5F5; }
    .dialog .dialog-wrap .dialog-content::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      background-color: #F5F5F5; }
    .dialog .dialog-wrap .dialog-content::-webkit-scrollbar-thumb {
      border-radius: 4px;
      -webkit-box-shadow: inset 0 0 6px rgba(218, 160, 0, 0.5);
      background-color: #e2472b; }
  .dialog .product-wrap {
    width: 100%;
    height: auto;
    background: url(../images/product-bg.png) no-repeat;
    background-size: 100%;
    overflow: hidden; }
    .dialog .product-wrap .product-box {
      margin-top: 12%;
      position: relative; }
      .dialog .product-wrap .product-box .product-img {
        width: 60%;
        height: auto;
        margin: 0 auto;
        position: relative; }
        .dialog .product-wrap .product-box .product-img img {
          width: 58%;
          height: auto; }
      .dialog .product-wrap .product-box .btn {
        width: 20px;
        height: 26px;
        margin-top: -13px; }
      .dialog .product-wrap .product-box .btn-l {
        background: url(../images/btn-l.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 20%;
        top: 50%; }
      .dialog .product-wrap .product-box .btn-r {
        background: url(../images/btn-r.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 20%;
        top: 50%; }
    .dialog .product-wrap .product-title {
      width: 66%;
      height: auto;
      margin: 0 auto;
      text-align: center;
      background-color: #cf1609;
      font: normal 0.75rem/1rem 'Microsoft Yahei';
      height: 2rem;
      color: #fff; }

.editor {
  width: 100%;
  height: auto; }
  .editor .bar {
    width: 100%;
    height: auto; }
    .editor .bar img {
      width: 100%;
      height: auto; }
  .editor .editor-wrap {
    width: 90%;
    height: auto;
    overflow: hidden; }
    .editor .editor-wrap .editor-info {
      width: 34%;
      height: auto;
      float: left;
      margin: 0 1%; }
      .editor .editor-wrap .editor-info img {
        width: 100%;
        height: auto; }
      .editor .editor-wrap .editor-info h2 {
        width: 88%;
        font: bold 0.75rem/1.625rem 'Microsoft Yahei';
        color: #000;
        border-bottom: dotted 2px #000;
        padding-right: 10px; }
      .editor .editor-wrap .editor-info p {
        font: normal 0.75rem/0.875rem 'Microsoft Yahei';
        color: #000;
        margin-top: 6px; }
    .editor .editor-wrap .recommend {
      width: 62%;
      height: auto;
      float: right;
      margin: 0 1%;
      /*background-color: #ccc;*/ }
      .editor .editor-wrap .recommend .recommend-box {
        margin-top: 4%;
        position: relative; }
        .editor .editor-wrap .recommend .recommend-box .recommend-img {
          width: 70%;
          height: auto;
          margin: 0 auto; }
          .editor .editor-wrap .recommend .recommend-box .recommend-img img {
            width: 80%;
            height: auto; }
      .editor .editor-wrap .recommend .recommend-info {
        width: 98%;
        height: auto;
        padding: 1%;
        background: url(../images/dialog-bg.jpg) no-repeat;
        background-size: 100% 100%;
        text-align: center;
        overflow: hidden; }
        .editor .editor-wrap .recommend .recommend-info h2 {
          font: bold 0.75rem/0.875rem 'Microsoft Yahei';
          color: #000;
          margin-top: 10%; }
        .editor .editor-wrap .recommend .recommend-info h3 {
          font: normal 0.75rem/0.875rem 'Microsoft Yahei';
          color: #000;
          margin-bottom: 2%; }

.video-list {
  width: 100%;
  height: auto; }
  .video-list .bar {
    width: 100%;
    height: auto; }
    .video-list .bar img {
      width: 100%;
      height: auto; }

.pointer {
  cursor: pointer; }

#videoBox {
  width: 100%;
  height: auto;
  overflow: hidden; }

#video {
  width: 90%;
  height: auto;
  border: solid 1px #e2472b; }

.video-wrap {
  width: 90%;
  height: auto;
  overflow: hidden; }
  .video-wrap .video-box {
    width: 49%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-top: 2%; }
    .video-wrap .video-box:nth-child(2n) {
      margin-right: 0; }
    .video-wrap .video-box .video-img {
      position: relative; }
    .video-wrap .video-box img {
      width: 100%;
      height: auto; }
    .video-wrap .video-box h2 {
      text-align: center;
      font: normal 0.75rem/1rem 'Microsoft Yahei';
      color: #242225;
      margin-top: 4px; }
    .video-wrap .video-box img.play {
      width: 2rem;
      height: 2rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -1rem;
      margin-top: -1rem; }

.edit-text {
  padding: 0 1.4rem;
  text-align: left;
  font: normal 0.75rem/1rem 'Microsoft Yahei';
  color: #888;
  margin-top: 10px; }

.flexslider {
  zoom: 1;
  z-index: 0; }

.flex-viewport {
  max-height: 125rem;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease; }

.flexslider .slides {
  zoom: 0; }

.flex-control-nav {
  display: none; }

.flexslider .slides li {
  text-align: center; }

.flex-direction-nav a {
  overflow: hidden;
  display: block;
  cursor: pointer;
  line-height: 99em; }

.flex-direction-nav .flex-prev {
  width: 20px;
  height: 26px;
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -13px;
  background: url(../images/btn-l.png) no-repeat;
  background-size: 100% 100%; }

.flex-direction-nav .flex-next {
  width: 20px;
  height: 26px;
  position: absolute;
  right: 3%;
  top: 50%;
  margin-top: -13px;
  background: url(../images/btn-r.png) no-repeat;
  background-size: 100% 100%; }

.flex-direction-nav {
  display: block; }

.flex-prev {
  left: 0; }

.flexslider:hover .flex-next {
  opacity: 0.8;
  filter: alpha(opacity=25); }

.flexslider:hover .flex-prev {
  opacity: 0.8;
  filter: alpha(opacity=25); }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
  filter: alpha(opacity=50); }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -2.5rem;
  text-align: center; }

.flex-control-nav li {
  margin: 0 0.3125rem;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border: 1px solid #000;
  overflow: hidden;
  text-indent: -99em;
  cursor: pointer; }

.flex-control-paging li a.flex-active {
  background-color: #000; }

.textImgBox {
  width: 100%;
  height: auto; }
  .textImgBox .lineWrap {
    width: 90%;
    height: 10rem;
    margin: 1rem auto;
    border: solid 1px #000;
    background: #f1f1f1;
    position: relative; }
    .textImgBox .lineWrap .img-left {
      position: absolute;
      left: 0.2rem;
      top: 0.2rem; }
    .textImgBox .lineWrap .img-right {
      position: absolute;
      right: 0.2rem;
      top: 0.2rem; }
    .textImgBox .lineWrap .text-left {
      margin-right: 10rem;
      margin-left: .3rem; }
    .textImgBox .lineWrap .text-right {
      margin-left: 10.25rem; }
    .textImgBox .lineWrap .line-img {
      width: 9.6rem;
      height: 9.6rem; }
      .textImgBox .lineWrap .line-img img {
        width: 100%;
        height: 100%; }
      .textImgBox .lineWrap .line-img img.play {
        width: 2rem;
        height: 2rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1rem;
        margin-top: -1rem; }
    .textImgBox .lineWrap .line-text {
      height: 10rem;
      position: relative; }
      .textImgBox .lineWrap .line-text .stream {
        width: 6.25rem;
        height: 1rem;
        display: block;
        position: absolute;
        right: 50%;
        top: -0.5rem;
        margin-right: -3.125rem;
        background-color: #e2472b;
        color: #fff;
        font: normal 0.6rem/1rem 'Microsoft Yahei';
        text-align: center; }
      .textImgBox .lineWrap .line-text .titleBox {
        width: 100%;
        height: auto;
        height: 2rem;
        padding-top: 0.5rem;
        position: relative; }
        .textImgBox .lineWrap .line-text .titleBox .comma1 {
          width: 1.3rem;
          height: 1rem;
          background: url(../images/comma1.jpg) no-repeat 0 0;
          background-size: 100% 100%;
          position: absolute;
          left: 0;
          top: 0.2rem; }
        .textImgBox .lineWrap .line-text .titleBox .comma2 {
          width: 1.3rem;
          height: 1rem;
          background: url(../images/comma2.jpg) no-repeat 0 0;
          background-size: 100% 100%;
          position: absolute;
          right: 0.2rem;
          bottom: 0; }
        .textImgBox .lineWrap .line-text .titleBox h2 {
          /*margin-left: 1.3rem;
          margin-right: 1.3rem;*/
          text-align: center;
          font: normal 0.75rem/2rem 'Microsoft Yahei';
          height: 2rem;
          /*overflow: hidden;*/ }
      .textImgBox .lineWrap .line-text p {
        /*padding-left: 0.2rem;
        margin-right: 0.3rem;*/
        margin: 0.2rem 0.3rem 0 0.2rem;
        font: normal 0.75rem/1rem "Microsoft Yahei";
        height: 7rem;
        /*@include pos_lt(0,2.7rem);*/
        overflow-y: auto;
        color: #575656; }
        .textImgBox .lineWrap .line-text p::-webkit-scrollbar {
          width: 2px;
          height: 2px;
          background-color: #000; }
        .textImgBox .lineWrap .line-text p::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          border-radius: 2px;
          background-color: #F5F5F5; }
        .textImgBox .lineWrap .line-text p::-webkit-scrollbar-thumb {
          border-radius: 2px;
          -webkit-box-shadow: inset 0 0 6px rgba(218, 160, 0, 0.5);
          background-color: #e2472b; }

@media screen and (min-width: 700px) {
  html {
    font-size: 22px; }

  .container {
    width: 700px;
    height: auto;
    margin: 0 auto; }

  #videoBox .video {
    height: 350px; }

  .video-wrap .line .line-wrap .videoBox {
    height: 300px;
    margin-right: 130px; }
  .video-wrap .line .line-wrap .videoImg {
    top: 50%;
    margin-top: -66px; }
  .video-wrap .line2 .line-wrap .videoBox {
    height: 300px;
    margin-left: 130px; }
  .video-wrap .line2 .line-wrap .videoImg {
    top: 50%;
    margin-top: -66px; }

  .dialog .dialog-wrap .star {
    width: 350px;
    height: 350px; }

  .dialog .dialog-wrap .dialog-content {
    height: 350px;
    margin-left: 57%; } }
#text-play {
  cursor: pointer; }

/*# sourceMappingURL=main.css.map */