@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,
a:visited,
.header--mob .app-info a:visited,
.header-2 .app-info a:visited,
.header-2 .huodong-info a:visited,
.index2-page .app-info a:visited, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img, a:visited img, .header--mob .app-info a:visited img, .header-2 .app-info a:visited img, .header-2 .huodong-info a:visited img, .index2-page .app-info a:visited img {
  border: none;
}

/* line 116, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/**
 * @file: 函数
 * @author: bohai(bohai@100.com).
 * @date: 15/8/26
 */
/*$val: 设计图字号*/
/**
 * @file: 参数集
 * @author: bohai(bohai@100.com).
 * @date: 15/8/25
 */
/********FONT*********/
/********PAGE*********/
/*INDEX*/
/**
 * @file: icon图标生成
 * @author: bohai(bohai@100.com).
 * @date: 15/8/25
 */
/* line 224, icon/*.png */
.icon-sprite, .icon-11, .icon-12, .icon-13, .icon-14, .icon-15, .icon-16, .icon-17, .icon-18, .icon-19, .icon-20, .icon-21, .icon-22, .icon-23, .icon-23a, .icon-23b, .icon-23c, .icon-24, .icon-25, .icon-26, .icon-27, .icon-28, .icon-29, .icon-30 {
  background-image: url('../images/icon-s55765b0503.png');
  background-repeat: no-repeat;
}
.panel{margin-top:.66667rem;background:#fff;margin-bottom:.66667rem;overflow:hidden}.panel h2{height:2.26667rem;background:#f7f7f7;border-bottom:1px solid #e2e2e2;font-weight:400}.panel h2,.panel h2 span{line-height:2.26667rem;font-size:.9rem}.panel h2 span{border-left:8px solid #0569B9;padding-left:.5rem;margin-left:1.06667rem}.panel .panel-body,.panel>ul{padding:0 1.06667rem}.panel footer{height:3.16667rem;margin-left:-5%;margin-right:-5%;text-align:center;line-height:3.16667rem;border-top:1px solid #e2e2e2;font-size:.8rem;color:#999;letter-spacing:.04rem}.panel footer a{color:#999}.panel-group{position:relative}.panel-group .tag{height:2.86667rem;line-height:2.86667rem;background:#f7f7f7;font-size:.9rem;font-weight:400;padding:0;width:25%;text-align:center;position:absolute;top:0;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;margin-left:-1px}.panel-group>ul>li>.item-body{display:none}.panel-group>ul>.active>.item-body{display:block}.panel-group>ul>.active>h1{border-bottom:1px solid #0569B9;color:#0569B9;font-weight:700}.panel-group>ul>li>.item-body{margin-top:2.86667rem}.panel-group>ul>li:nth-child(2) h1{left:25%}.panel-group>ul>li:nth-child(3) h1{left:50%}.panel-group>ul>li:nth-child(4) h1{left:75%}.panel-group>ul{padding:0}.header{height:3.16667rem;width:100%;z-index:3;background:#0569B9}.header h1{margin:0 1.06667rem;margin-right:0;height:3.16667rem;line-height:3.16667rem;float:left}.header h1>*{margin-top:-.4rem}.header .m-icon-logoHD{margin-top:-8px}.header .title{font-size:.8rem;height:1.5rem;line-height:1.5rem;display:inline-block;vertical-align:middle;border-left:1px solid #fff;padding-left:.5rem;font-weight:400;color:#fff}@media screen and (max-device-width:320px){.header .title{font-size:.8rem}}.header ul{float:right;height:3.16667rem}.header li{display:inline-block;height:100%;margin-top:.4rem;margin-right:1.06667rem}.header li .text{width:100%;display:block;text-align:center;font-size:.8rem;color:#fff;margin-top:-.1rem}.header_morefont{width:50%}.header_morefont .title{width:47%;line-height:1rem;height:2rem;overflow:hidden}@media screen and (max-device-width:360px){.header_morefont .title{width:45%}}@media screen and (max-device-width:320px){.header_morefont .title{width:39%}}.nav{height:2.26667rem;background:#f7f7f7;border-bottom:1px solid #e2e2e2}.nav ul{height:100%}.nav li{line-height:2.26667rem;float:left}.nav .nav--crumbs{float:left;margin:0 1.06667rem;font-size:.8rem}@media screen and (max-device-width:320px){.nav .nav--crumbs{margin:0 .5rem}}.nav .nav--crumbs li{height:100%;margin-right:.1rem;color:#737373}.nav .nav--crumbs li:last-child:after{content:''}.nav .nav--crumbs li:after{content:' > '}.nav .last a{color:#737373}.nav .nav--sign{float:right;margin-right:1.06667rem}@media screen and (max-device-width:320px){.nav .nav--sign{margin:0 .5rem}}.nav .nav--sign li{margin-left:.3rem}.nav .nav--sign a{margin-top:-2rem;color:#737373;font-size:.8rem}.nav .nav--sign a .m-icon{margin-right:.3rem}.list--select{padding:.58333rem 0;background:#fff;position:relative}.list--select a{color:#737373}.list--select ul{overflow:hidden;width:auto;margin:0 .8rem}.list--select li{font-size:.8rem;cursor:pointer;width:23%;height:1.63333rem;line-height:1.66667rem;text-align:center;background:#f3f3f3;margin:1%;float:left;box-shadow:0 0 0 1px #ddd}.list--select li:nth-child(n+10):nth-child(-n+100){display:none}.list--select .more--select{display:inline-block!important;pointer-events:auto!important}.list--select .arrow-bottom{border-top:.5rem solid #6e6e72}.list--select .arrow-bottom,.list--select .arrow-top{display:inline-block;border-left:.33333rem solid transparent;border-right:.33333rem solid transparent;margin-left:.33333rem}.list--select .arrow-top{border-bottom:.5rem solid #6e6e72}.list--select h2{text-align:center;font-size:1.4rem;padding:1rem 0}.list--select .shield{position:absolute;top:100%;left:0;width:100%;background:red;height:0}.list--class{padding-right:0}.list--class section{overflow:hidden}.list--class .lesson-link{clear:both;line-height:1.5rem}.list--class h3{margin:1rem 0 .5rem;font-size:.9rem;font-weight:400}.list--class .discount-price,.list--class .new-price{float:right;color:#f75b2b;margin-left:.5rem;font-size:1rem}.list--class .discount-price strong,.list--class .new-price strong{font-size:1rem;font-weight:400}.list--class .discount-title{width:70%;display:inline-block}.list--class aside{font-size:.8rem;float:left;width:70%;line-height:1.2rem;color:#737373}.list--class li:first-child{border-top:0}.list--class li{border-top:1px solid #e2e2e2;position:relative;padding:1rem 0;padding-top:0}.list--class .discount-link{position:absolute;display:block;top:0;width:70%;height:100%}.list--class .buy-button{float:right;line-height:1.46667rem;display:block;width:4.33333rem;height:1.46667rem;border-radius:22px;background:#f75b2b;text-align:center;color:#fff;font-size:.8rem}.list--class .buy-button:visited{color:#fff}.list--information h3{font-size:.9rem;line-height:1.3rem;overflow:hidden;width:83%;font-weight:400}.list--information a{color:#333;line-height:1rem}.list--information .item{position:relative;border-bottom:1px solid #e2e2e2;padding:1rem 0}.list--information .item .date{position:absolute;top:50%;right:0;color:#f75b2b;font-size:.9rem;margin-top:-.5rem}.list--information .item:last-child{border:0}.footer,.list--information--notime h3{width:100%}.footer{border-top:1px solid #e2e2e2;background-color:#fff;position:fixed;bottom:0;height:3.5rem;z-index:4}.footer a{color:#333}.footer div{float:left;margin:.6rem 0;text-align:center;width:24.5%;border-right:1px solid #e2e2e2;font-size:.8rem}.footer div:last-child{border-right:0}.footer .icon-btn{border-radius:.33333rem;height:1.4rem;width:1.8rem;text-align:center;margin:0 auto .33333rem}.footer .m-icon{margin-top:.2rem}.footer .money-btn{background:#ffb220}.footer .earphone-btn{background:#8d85ee}.footer .car-btn{background:#f15353}.footer .phone-btn{background:#0569B9}.footer .phone-btn .icon{margin-top:0}.app-footer{background:#f7f7f7;line-height:3rem}.app-footer h2{font-size:.9rem;padding-left:3.33333%;height:2.76667rem;line-height:2.76667rem}.app-footer ul{box-shadow:2px 2px 2px #e2e2e2;padding-top:2%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;height:7rem;background:#fff;border-top:1px solid #e2e2e2}.app-footer li{text-align:center;line-height:1.5rem;font-size:.8rem;width:24%;margin-top:1rem}.app-footer li img{width:3.33333rem;border-radius:11px;box-shadow:0 2px 1px #b9b9b9}.app-footer li span{display:block;color:#737373;font-size:.8rem;line-height:1rem;height:2rem}.app-footer .appNav{text-align:center;padding-top:1rem}.app-footer .appNav a{color:#737373;min-width:2rem;display:inline-block;margin:0 1rem;font-size:.8rem}.app-footer .appNav p{color:#c2c2c3;text-shadow:0 1px 1px #fff}.app-footer .appNav .tel{border:1px solid #737373;display:inline-block;margin:auto;height:.5rem;line-height:.6rem;border-radius:1.66667rem;font-size:.8rem;padding:.5rem;color:#737373}@media screen and (max-width:320px){.app-footer .appNav .tel{width:46%}}.app-footer .appNav .companyInfo{font-size:.8rem}.subscribe-footer{min-height:10.33333rem;position:relative}.subscribe-footer h3,.subscribe-footer h4,.subscribe-footer h5{margin-left:7rem;margin-bottom:.5rem;margin-right:1.06667rem;font-weight:400}.subscribe-footer h3{margin-top:1.3rem;font-size:1.2rem;font-weight:700;color:#2066a0}.subscribe-footer h4{font-size:.9rem;margin-bottom:.3rem}.subscribe-footer h5{font-size:.5rem;color:#737373}.subscribe-footer h5 em{color:#2066a0}.subscribe-footer img{position:absolute;top:3.5rem;left:1.06667rem;width:5.6rem;height:5.6rem}.newsDetail-page .content--news h1{padding:1rem 0;padding-bottom:.8rem;font-size:.9rem;line-height:1.5rem;border-bottom:1px solid #e2e2e2;margin-bottom:1rem;font-weight:700;overflow:hidden}.newsDetail-page .content--news h1 em{display:block}.newsDetail-page .content--news h1 .title-date,.newsDetail-page .content--news h1 .title-keyword,.newsDetail-page .content--news h1 .title-sources{display:block;color:#bdbdbd;font-size:.8rem}.newsDetail-page .content--news h1 .title-sources{margin-left:2rem}.newsDetail-page .content--news h1 .title-date,.newsDetail-page .content--news h1 .title-sources{margin-top:.2rem;float:left;font-weight:400}.newsDetail-page .content--news h1 .title-keyword{margin-top:-.3rem}.newsDetail-page .content--news p{line-height:1.3rem;font-size:.8rem;text-indent:1.6rem}.newsDetail-page .content--news img{max-width:90%!important}.newsDetail-page .content--news table{width:100%!important}.newsList-page .list--select li{width:18%}.newsList-page .newsList--compass .error{height:2rem;text-align:center;color:#f75b2b;line-height:2rem;border:0}.newsList-page .list--type{text-align:center;font-size:1rem;border-top:1px solid #dbdbdb;padding-top:.58333rem;margin-top:.58333rem}.newsList-page .list--type em{display:inline-block;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #999;margin-left:.33333rem;vertical-align:middle}.newsList-page .list--type select{width:1px;height:1px;background:#fff;border:#fff;-webkit-appearance:none;outline:none}.newsList-page .list--not-area{border-top:none;padding-top:0;margin-top:0}.newsType-page .panel:first-child{margin-top:0}.newsType-page .panel:first-child h2{background:#fff;border-bottom:1px solid #e2e2e2;text-align:center}.newsType-page .panel:first-child dl{margin:0 .8rem}.newsType-page .panel:first-child dt{float:left;width:100%;margin-top:1.5rem;color:#0569B9;text-align:left;margin-left:.2rem}.newsType-page .panel:first-child dd{float:left;width:23%;margin:.5rem 1%;margin-bottom:0;text-align:center;background:#f3f3f3;font-size:.8rem;height:1.63333rem;line-height:1.66667rem;box-shadow:0 0 0 1px #ddd}
/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-11 {
  background-position: 0 0;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-12 {
  background-position: 0 -35px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-13 {
  background-position: 0 -70px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-14 {
  background-position: 0 -105px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-15 {
  background-position: 0 -140px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-16 {
  background-position: 0 -175px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-17 {
  background-position: 0 -210px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-18 {
  background-position: 0 -245px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-19 {
  background-position: 0 -280px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-20 {
  background-position: 0 -315px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-21 {
  background-position: 0 -350px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-22 {
  background-position: 0 -385px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-23 {
  background-position: 0 -420px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-23a {
  background-position: 0 -420px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-23b {
  background-position: 0 -420px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-23c {
  background-position: 0 -420px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-24 {
  background-position: 0 -585px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-25 {
  background-position: 0 -645px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-26 {
  background-position: 0 -705px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-27 {
  background-position: 0 -765px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-28 {
  background-position: 0 -825px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-29 {
  background-position: 0 -891px;
}

/* line 84, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.icon-30 {
  background-position: 0 -957px;
}

/* line 25, ../sass/include/_icon.scss */
.icon {
  display: inline-block;
  position: relative;
  top: 0.1rem;
  /*12px=0.1rem 14px=0.2rem*/
}

/* line 35, ../sass/include/_icon.scss */
.icon-11 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 0.04167rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-11 {
    background-position: 0 0.125rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-12 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -1.41667rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-12 {
    background-position: 0 -1.33333rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-13 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -2.875rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-13 {
    background-position: 0 -2.79167rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-14 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -4.33333rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-14 {
    background-position: 0 -4.25rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-15 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -5.79167rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-15 {
    background-position: 0 -5.70833rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-16 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -7.25rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-16 {
    background-position: 0 -7.16667rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-17 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -8.70833rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-17 {
    background-position: 0 -8.625rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-18 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -10.16667rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-18 {
    background-position: 0 -10.08333rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-19 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -11.625rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-19 {
    background-position: 0 -11.54167rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-20 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -13.08333rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-20 {
    background-position: 0 -13rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-21 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -14.54167rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-21 {
    background-position: 0 -14.45833rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-22 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -16rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-22 {
    background-position: 0 -15.91667rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-23 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -17.45833rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-23 {
    background-position: 0 -17.375rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-23a {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -18.91667rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-23a {
    background-position: 0 -18.83333rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-23b {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -20.375rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-23b {
    background-position: 0 -20.29167rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-23c {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -21.83333rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-23c {
    background-position: 0 -21.75rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-24 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -23.29167rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-24 {
    background-position: 0 -23.20833rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-25 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -24.75rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-25 {
    background-position: 0 -24.66667rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-26 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -26.20833rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-26 {
    background-position: 0 -26.125rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-27 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -27.66667rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-27 {
    background-position: 0 -27.58333rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-28 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -29.125rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-28 {
    background-position: 0 -29.04167rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-29 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -30.58333rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-29 {
    background-position: 0 -30.5rem;
  }
}

/* line 35, ../sass/include/_icon.scss */
.icon-30 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -32.04167rem;
}
@media screen and (min-width: 720px) {
  /* line 35, ../sass/include/_icon.scss */
  .icon-30 {
    background-position: 0 -31.95833rem;
  }
}

/* line 56, ../sass/include/_icon.scss */
.icon-30 {
  background-position: 0 -39.9rem;
}
@media screen and (min-width: 720px) {
  /* line 56, ../sass/include/_icon.scss */
  .icon-30 {
    background-position: 0 -39.3rem;
  }
}

/* line 66, ../sass/include/_icon.scss */
.header-2 .icon-15, .header-2 .icon-13, .header-2 .icon-30, .header--mob .icon-15, .header--mob .icon-13, .header--mob .icon-30 {
  margin-bottom: 0.20833rem;
  width: 100%;
  margin-left: 23px;
}
@media screen and (min-width: 720px) {
  /* line 72, ../sass/include/_icon.scss */
  .header-2 .icon-15, .header-2 .icon-13, .header--mob .icon-15, .header--mob .icon-13 {
    margin-left: 16px;
  }
}
@media screen and (min-width: 620px) {
  /* line 78, ../sass/include/_icon.scss */
  .header-2 .icon-30, .header--mob .icon-30 {
    margin-left: 47px;
  }
}

/* line 86, ../sass/include/_icon.scss */
.free-page .icon-22 {
  -moz-background-size: 2.5rem;
  -o-background-size: 2.5rem;
  -webkit-background-size: 2.5rem;
  background-size: 2.5rem;
  height: 2.66667rem;
  width: 2.66667rem;
  background-position: 0 -32rem;
}
@media screen and (min-width: 720px) {
  /* line 86, ../sass/include/_icon.scss */
  .free-page .icon-22 {
    background-position: 0 -31.8rem;
  }
}

/* line 99, ../sass/include/_icon.scss */
.login-page .icon {
  -moz-background-size: 1.66667rem;
  -o-background-size: 1.66667rem;
  -webkit-background-size: 1.66667rem;
  background-size: 1.66667rem;
}
/* line 103, ../sass/include/_icon.scss */
.login-page .icon-24 {
  background-position: 0 -31.8rem;
}
@media screen and (min-width: 415px) {
  /* line 103, ../sass/include/_icon.scss */
  .login-page .icon-24 {
    background-position: 0 -31.2rem;
  }
}
/* line 111, ../sass/include/_icon.scss */
.login-page .icon-25 {
  background-position: 0 -35rem;
}
@media screen and (min-width: 415px) {
  /* line 111, ../sass/include/_icon.scss */
  .login-page .icon-25 {
    background-position: 0 -34.4rem;
  }
}
/* line 119, ../sass/include/_icon.scss */
.login-page .icon-26 {
  background-position: 0 -38.3rem;
}
@media screen and (min-width: 415px) {
  /* line 119, ../sass/include/_icon.scss */
  .login-page .icon-26 {
    background-position: 0 -37.7rem;
  }
}
/* line 127, ../sass/include/_icon.scss */
.login-page .icon-27 {
  background-position: 0 -41.7rem;
}
@media screen and (min-width: 415px) {
  /* line 127, ../sass/include/_icon.scss */
  .login-page .icon-27 {
    background-position: 0 -41rem;
  }
}
/* line 136, ../sass/include/_icon.scss */
.login-page .icon-28 {
  background-position: 0.3rem -45.1rem;
}
@media screen and (min-width: 415px) {
  /* line 136, ../sass/include/_icon.scss */
  .login-page .icon-28 {
    background-position: 0.3rem -44.5rem;
  }
}
/* line 144, ../sass/include/_icon.scss */
.login-page .icon-29 {
  background-position: 0.3rem -48.7rem;
}
@media screen and (min-width: 415px) {
  /* line 144, ../sass/include/_icon.scss */
  .login-page .icon-29 {
    background-position: 0.3rem -47.9rem;
  }
}

/* line 154, ../sass/include/_icon.scss */
.icon-11, .icon-12 {
  position: relative;
  top: 0.3rem;
}

/**
 * @file: icon图标生成
 * @author: bohai(bohai@100.com).
 * @date: 15/8/25
 */
/* line 96, icon2/*.png */
.icon2-sprite {
  background-image: url('../images/icon2-s22e950d703.png');
  background-repeat: no-repeat;
}

/* line 21, ../sass/include/_icon2.scss */
.icon-41 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 0.04167rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-41 {
    background-position: 0 0.125rem;
  }
}

/* line 21, ../sass/include/_icon2.scss */
.icon-42 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -1.41667rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-42 {
    background-position: 0 -1.33333rem;
  }
}

/* line 21, ../sass/include/_icon2.scss */
.icon-43 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -2.875rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-43 {
    background-position: 0 -2.79167rem;
  }
}

/* line 21, ../sass/include/_icon2.scss */
.icon-44 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -4.33333rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-44 {
    background-position: 0 -4.25rem;
  }
}

/* line 21, ../sass/include/_icon2.scss */
.icon-45 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -5.79167rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-45 {
    background-position: 0 -5.70833rem;
  }
}

/* line 21, ../sass/include/_icon2.scss */
.icon-46 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -7.25rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-46 {
    background-position: 0 -7.16667rem;
  }
}

/* line 21, ../sass/include/_icon2.scss */
.icon-51 {
  -moz-background-size: 1.25rem;
  -o-background-size: 1.25rem;
  -webkit-background-size: 1.25rem;
  background-size: 1.25rem;
  height: 1.33333rem;
  width: 1.33333rem;
  background-position: 0 -8.70833rem;
}
@media screen and (min-width: 720px) {
  /* line 21, ../sass/include/_icon2.scss */
  .icon-51 {
    background-position: 0 -8.625rem;
  }
}

/* line 42, ../sass/include/_icon2.scss */
.icon-41, .icon-42, .icon-43, .icon-44, .icon-45, .icon-46, .icon-51 {
  background-image: url('../images/icon2-sb066f9f2dc.png');
  background-repeat: no-repeat;
}

/* line 49, ../sass/include/_icon2.scss */
.login-page .icon-41 {
  background-position: 0 1rem;
}
@media screen and (min-width: 415px) {
  /* line 49, ../sass/include/_icon2.scss */
  .login-page .icon-41 {
    background-position: 0 1rem;
  }
}
/* line 56, ../sass/include/_icon2.scss */
.login-page .icon-42 {
  background-position: 0 -2.1rem;
}
@media screen and (min-width: 415px) {
  /* line 56, ../sass/include/_icon2.scss */
  .login-page .icon-42 {
    background-position: 0 -2.1rem;
  }
}
/* line 63, ../sass/include/_icon2.scss */
.login-page .icon-43 {
  background-position: 0 -5.3rem;
}
@media screen and (min-width: 415px) {
  /* line 63, ../sass/include/_icon2.scss */
  .login-page .icon-43 {
    background-position: 0 -5.3rem;
  }
}
/* line 70, ../sass/include/_icon2.scss */
.login-page .icon-44 {
  background-position: 0 -8.3rem;
}
@media screen and (min-width: 415px) {
  /* line 70, ../sass/include/_icon2.scss */
  .login-page .icon-44 {
    background-position: 0 -8.3rem;
  }
}
/* line 77, ../sass/include/_icon2.scss */
.login-page .icon-45 {
  background-position: 0 -11.3rem;
}
@media screen and (min-width: 415px) {
  /* line 77, ../sass/include/_icon2.scss */
  .login-page .icon-45 {
    background-position: 0 -11.3rem;
  }
}
/* line 85, ../sass/include/_icon2.scss */
.login-page .icon-46 {
  background-position: 0 -14.3rem;
}
@media screen and (min-width: 415px) {
  /* line 85, ../sass/include/_icon2.scss */
  .login-page .icon-46 {
    background-position: 0 -14.3rem;
  }
}

/* line 100, ../sass/include/_icon2.scss */
.bangding-page .icon {
  -moz-background-size: 1.66667rem;
  -o-background-size: 1.66667rem;
  -webkit-background-size: 1.66667rem;
  background-size: 1.66667rem;
}
/* line 104, ../sass/include/_icon2.scss */
.bangding-page .icon-41 {
  background-position: 0 1rem;
}
@media screen and (min-width: 415px) {
  /* line 104, ../sass/include/_icon2.scss */
  .bangding-page .icon-41 {
    background-position: 0 1rem;
  }
}
/* line 111, ../sass/include/_icon2.scss */
.bangding-page .icon-42 {
  background-position: 0 -2.1rem;
}
@media screen and (min-width: 415px) {
  /* line 111, ../sass/include/_icon2.scss */
  .bangding-page .icon-42 {
    background-position: 0 -2.1rem;
  }
}
/* line 118, ../sass/include/_icon2.scss */
.bangding-page .icon-43 {
  background-position: 0 -5.3rem;
}
@media screen and (min-width: 415px) {
  /* line 118, ../sass/include/_icon2.scss */
  .bangding-page .icon-43 {
    background-position: 0 -5.3rem;
  }
}
/* line 125, ../sass/include/_icon2.scss */
.bangding-page .icon-44 {
  background-position: 0 -8.3rem;
}
@media screen and (min-width: 415px) {
  /* line 125, ../sass/include/_icon2.scss */
  .bangding-page .icon-44 {
    background-position: 0 -8.3rem;
  }
}
/* line 132, ../sass/include/_icon2.scss */
.bangding-page .icon-45 {
  background-position: 0 -11.3rem;
}
@media screen and (min-width: 415px) {
  /* line 132, ../sass/include/_icon2.scss */
  .bangding-page .icon-45 {
    background-position: 0 -11.3rem;
  }
}
/* line 140, ../sass/include/_icon2.scss */
.bangding-page .icon-46 {
  background-position: 0 -14.3rem;
}
@media screen and (min-width: 415px) {
  /* line 140, ../sass/include/_icon2.scss */
  .bangding-page .icon-46 {
    background-position: 0 -14.3rem;
  }
}

/* line 149, ../sass/include/_icon2.scss */
.icon-51 {
  background-position: 0 -18.3rem;
  font-size: 1.3rem;
  width: 2.5rem;
  height: 1.8rem;
  background-size: 1.66667rem;
  position: static;
  float: none;
  display: inline-block;
  position: relative;
  top: 0.1rem;
}
@media screen and (min-width: 415px) {
  /* line 149, ../sass/include/_icon2.scss */
  .icon-51 {
    background-position: 0 -18.3rem;
  }
}

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 6, ../sass/_base.scss */
html {
  font-size: 12px;
  font-family: "arial";
  color: #666666;
}

/* line 13, ../sass/_base.scss */
a, a:visited, .header--mob .app-info a:visited, .header-2 .app-info a:visited, .header-2 .huodong-info a:visited, .index2-page .app-info a:visited {
  text-decoration: none;
  color: #666666;
}

/* line 24, ../sass/_base.scss */
body {
  background: #eeeeee;
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  /* line 29, ../sass/_base.scss */
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px) {
  /* line 34, ../sass/_base.scss */
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 415px) and (max-width: 639px) {
  /* line 39, ../sass/_base.scss */
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 640px) and (max-width: 719px) {
  /* line 44, ../sass/_base.scss */
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 720px) and (max-width: 749px) {
  /* line 49, ../sass/_base.scss */
  html {
    font-size: 22.5px;
  }
}
@media screen and (min-width: 750px) and (max-width: 799px) {
  /* line 54, ../sass/_base.scss */
  html {
    font-size: 23.5px;
  }
}
@media screen and (min-width: 800px) {
  /* line 59, ../sass/_base.scss */
  html {
    font-size: 25px;
  }
}
/* line 64, ../sass/_base.scss */
.navigation {
  height: 3.125rem;
}
/* line 67, ../sass/_base.scss */
.navigation a, .navigation .header--mob .app-info a:visited, .header--mob .app-info .navigation a:visited, .navigation .header-2 .app-info a:visited, .header-2 .app-info .navigation a:visited, .navigation .header-2 .huodong-info a:visited, .header-2 .huodong-info .navigation a:visited, .navigation .index2-page .app-info a:visited, .index2-page .app-info .navigation a:visited {
  color: #19b8f2;
}
/* line 72, ../sass/_base.scss */
.navigation ul {
  padding: 0 1.45833rem;
}
/* line 76, ../sass/_base.scss */
.navigation li {
  float: left;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 0.20833rem;
}
/* line 83, ../sass/_base.scss */
.navigation li:after {
  content: ' >';
}
/* line 87, ../sass/_base.scss */
.navigation li:last-child:after {
  content: '';
}

/* line 92, ../sass/_base.scss */
.float-tag {
  background: url("../images/hongbao.png") no-repeat;
  -webkit-background-size: 4.8rem;
  background-size: 4.8rem;
  position: fixed;
  top: 80%;
  right: 1%;
  width: 62.5px;
  height: 75px;
  z-index: 99999;
}
/* line 104, ../sass/_base.scss */
.float-tag a, .float-tag .header--mob .app-info a:visited, .header--mob .app-info .float-tag a:visited, .float-tag .header-2 .app-info a:visited, .header-2 .app-info .float-tag a:visited, .float-tag .header-2 .huodong-info a:visited, .header-2 .huodong-info .float-tag a:visited, .float-tag .index2-page .app-info a:visited, .index2-page .app-info .float-tag a:visited {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 111, ../sass/_base.scss */
.app-footer {
  background: #f7f7f7;
  line-height: 3rem;
  margin-bottom: 58px;
}
/* line 117, ../sass/_base.scss */
.app-footer h2 {
  font-size: 1.3rem;
  padding-left: 3.33333%;
  height: 3.45833rem;
  line-height: 3.45833rem;
}
/* line 125, ../sass/_base.scss */
.app-footer ul {
  -moz-box-shadow: 2px 2px 2px #e2e2e2;
  -webkit-box-shadow: 2px 2px 2px #e2e2e2;
  box-shadow: 2px 2px 2px #e2e2e2;
  padding-top: 2%;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
  height: 9rem;
  background: #ffffff;
  border-top: 1px solid #e2e2e2;
}
/* line 140, ../sass/_base.scss */
.app-footer li {
  float: left;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.7rem;
  width: 20%;
  margin-top: 1rem;
}
/* line 150, ../sass/_base.scss */
.app-footer li img {
  width: 4.58333rem;
}
/* line 154, ../sass/_base.scss */
.app-footer li span {
  display: block;
  color: #333333;
  font-size: 1rem;
}
/* line 162, ../sass/_base.scss */
.app-footer .appNav {
  *zoom: 1;
  text-align: center;
  padding-top: 2.5rem;
  height: 8.75rem;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.app-footer .appNav:after {
  content: "";
  display: table;
  clear: both;
}
/* line 168, ../sass/_base.scss */
.app-footer .appNav a, .app-footer .appNav .header--mob .app-info a:visited, .header--mob .app-info .app-footer .appNav a:visited, .app-footer .appNav .header-2 .app-info a:visited, .header-2 .app-info .app-footer .appNav a:visited, .app-footer .appNav .header-2 .huodong-info a:visited, .header-2 .huodong-info .app-footer .appNav a:visited, .app-footer .appNav .index2-page .app-info a:visited, .index2-page .app-info .app-footer .appNav a:visited {
  width: 5rem;
  display: inline-block;
}
/* line 173, ../sass/_base.scss */
.app-footer .appNav p {
  color: #c2c2c3;
  text-shadow: 0 1px 1px #ffffff;
}

/* line 180, ../sass/_base.scss */
.uc-footer {
  height: 3.54167rem;
  margin-top: 6.04167rem;
  background: #ffffff;
  text-align: center;
  line-height: 1.5rem;
  padding-top: 1.04167rem;
}
/* line 188, ../sass/_base.scss */
.uc-footer a, .uc-footer .header--mob .app-info a:visited, .header--mob .app-info .uc-footer a:visited, .uc-footer .header-2 .app-info a:visited, .header-2 .app-info .uc-footer a:visited, .uc-footer .header-2 .huodong-info a:visited, .header-2 .huodong-info .uc-footer a:visited, .uc-footer .index2-page .app-info a:visited, .index2-page .app-info .uc-footer a:visited {
  color: #19b8f2;
}

/* line 193, ../sass/_base.scss */
.buy-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
/* line 198, ../sass/_base.scss */
.buy-footer p {
  float: left;
  background: #f75b2b;
  color: #ffffff;
  text-align: center;
  height: 3.95833rem;
  width: 50%;
  line-height: 4rem;
}
/* line 208, ../sass/_base.scss */
.buy-footer p:first-child {
  background: #ffb220;
}

/* line 214, ../sass/_base.scss */
.header--mob, .header-1, .header-2, .header-3 {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* line 225, ../sass/_base.scss */
.header--mob .user-info {
  background: #0569B9;
  position: relative;
  height: 3.33333rem;
  padding-left: 3.06667%;
  padding-top: 0.41667rem;
}
/* line 233, ../sass/_base.scss */
.header--mob .logo {
  height: 1rem;
}
/* line 237, ../sass/_base.scss */
.header--mob .lesson-name {
  line-height: 1.9rem;
  /*12px=1.9rem 14px=1.4rem*/
  color: #ffffff;
}
/* line 242, ../sass/_base.scss */
.header--mob .reg, .header--mob .login, .header--mob .user {
  text-align: center;
  position: absolute;
  top: 0.45833rem;
  width: 60px;
  font-size: 1rem;
  color: #ffffff;
}
/* line 251, ../sass/_base.scss */
.header--mob .reg a, .header--mob .reg .app-info a:visited, .header--mob .app-info .reg a:visited, .header-2 .app-info .header--mob .reg a:visited, .header--mob .reg .header-2 .huodong-info a:visited, .header-2 .huodong-info .header--mob .reg a:visited, .index2-page .app-info .header--mob .reg a:visited, .header--mob .login a, .header--mob .login .app-info a:visited, .header--mob .app-info .login a:visited, .header-2 .app-info .header--mob .login a:visited, .header--mob .login .header-2 .huodong-info a:visited, .header-2 .huodong-info .header--mob .login a:visited, .index2-page .app-info .header--mob .login a:visited, .header--mob .user a, .header--mob .user .app-info a:visited, .header--mob .app-info .user a:visited, .header-2 .app-info .header--mob .user a:visited, .header--mob .user .header-2 .huodong-info a:visited, .header-2 .huodong-info .header--mob .user a:visited, .index2-page .app-info .header--mob .user a:visited {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 260, ../sass/_base.scss */
.header--mob .reg {
  right: 0.95833rem;
}
/* line 264, ../sass/_base.scss */
.header--mob .login {
  right: 4.5rem;
}
/* line 268, ../sass/_base.scss */
.header--mob .user {
  display: none;
  width: 60px;
  right: 2.08333rem;
}
@media screen and (min-width: 620px) {
  /* line 268, ../sass/_base.scss */
  .header--mob .user {
    width: 120px;
  }
}
/* line 279, ../sass/_base.scss */
.header--mob .app-info {
  height: 4.58333rem;
  background: #474747;
  color: #ffffff;
}
/* line 284, ../sass/_base.scss */
.header--mob .app-info a, .header--mob .app-info a:visited {
  color: #ffffff;
}
/* line 292, ../sass/_base.scss */
.header--mob .app-info p {
  width: 86%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  line-height: 4.5rem;
  font-size: 1rem;
}
@media screen and (max-width: 320px) {
  /* line 292, ../sass/_base.scss */
  .header--mob .app-info p {
    width: 100%;
  }
}
/* line 307, ../sass/_base.scss */
.header--mob .app-info img {
  position: absolute;
  height: 3.58333rem;
  top: 0.5rem;
  left: 0;
}
@media screen and (max-width: 500px) {
  /* line 307, ../sass/_base.scss */
  .header--mob .app-info img {
    height: 2.75641rem;
    top: 0.83333rem;
  }
}
@media screen and (max-width: 320px) {
  /* line 307, ../sass/_base.scss */
  .header--mob .app-info img {
    left: 2%;
  }
}
/* line 324, ../sass/_base.scss */
.header--mob a, .header--mob .app-info a:visited, .header-2 .app-info .header--mob a:visited, .header--mob .header-2 .huodong-info a:visited, .header-2 .huodong-info .header--mob a:visited, .index2-page .app-info .header--mob a:visited {
  color: #ffffff;
}

/* line 331, ../sass/_base.scss */
.header-1 {
  margin-bottom: 20px;
}
/* line 335, ../sass/_base.scss */
.header-1 h1 {
  height: 3rem;
  background: #0569B9;
}
/* line 339, ../sass/_base.scss */
.header-1 h1 img {
  width: 5rem;
  margin-top: 0.83333rem;
  margin-left: 3.33333%;
}
/* line 346, ../sass/_base.scss */
.header-1 h2 {
  height: 3rem;
  background: #ffffff;
  text-align: center;
  line-height: 3rem;
  font-size: 1em;
  border-bottom: 1px solid #e2e2e2;
}
/* line 354, ../sass/_base.scss */
.header-1 h2 .hi {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background-color: #f75b2b;
  color: #ffffff;
  line-height: 2rem;
  margin-right: 5px;
}

/* line 371, ../sass/_base.scss */
.header-2 .user-info {
  background: #0569B9;
  position: relative;
  height: 3.33333rem;
  padding-left: 3.06667%;
  padding-top: 0.41667rem;
}
/* line 379, ../sass/_base.scss */
.header-2 .logo {
  height: 1rem;
}
/* line 383, ../sass/_base.scss */
.header-2 .lesson-name {
  line-height: 1.9rem;
  /*12px=1.9rem 14px=1.4rem*/
  color: #ffffff;
}
/* line 388, ../sass/_base.scss */
.header-2 .reg, .header-2 .login, .header-2 .user {
  text-align: center;
  position: absolute;
  top: 0.45833rem;
  width: 60px;
  font-size: 1rem;
  color: #ffffff;
}
/* line 397, ../sass/_base.scss */
.header-2 .reg a, .header--mob .app-info .header-2 .reg a:visited, .header-2 .reg .app-info a:visited, .header-2 .app-info .reg a:visited, .header-2 .reg .huodong-info a:visited, .header-2 .huodong-info .reg a:visited, .index2-page .app-info .header-2 .reg a:visited, .header-2 .login a, .header--mob .app-info .header-2 .login a:visited, .header-2 .login .app-info a:visited, .header-2 .app-info .login a:visited, .header-2 .login .huodong-info a:visited, .header-2 .huodong-info .login a:visited, .index2-page .app-info .header-2 .login a:visited, .header-2 .user a, .header--mob .app-info .header-2 .user a:visited, .header-2 .user .app-info a:visited, .header-2 .app-info .user a:visited, .header-2 .user .huodong-info a:visited, .header-2 .huodong-info .user a:visited, .index2-page .app-info .header-2 .user a:visited {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
/* line 405, ../sass/_base.scss */
.header-2 .reg {
  right: 0.95833rem;
}
/* line 409, ../sass/_base.scss */
.header-2 .login {
  right: 4.5rem;
}
/* line 413, ../sass/_base.scss */
.header-2 .user {
  width: 60px;
  right: 2.08333rem;
}
@media screen and (min-width: 620px) {
  /* line 413, ../sass/_base.scss */
  .header-2 .user {
    width: 120px;
  }
}
/* line 426, ../sass/_base.scss */
.header-2 .app-info {
  height: 4.58333rem;
  background: #474747;
  color: #ffffff;
}
/* line 431, ../sass/_base.scss */
.header-2 .app-info a, .header-2 .app-info a:visited {
  color: #ffffff;
}
/* line 439, ../sass/_base.scss */
.header-2 .app-info p {
  width: 86%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  line-height: 4.5rem;
  font-size: 1rem;
}
@media screen and (max-width: 320px) {
  /* line 439, ../sass/_base.scss */
  .header-2 .app-info p {
    width: 100%;
  }
}
/* line 454, ../sass/_base.scss */
.header-2 .app-info img {
  position: absolute;
  height: 3.58333rem;
  top: 0.5rem;
  left: 0;
}
@media screen and (max-width: 500px) {
  /* line 454, ../sass/_base.scss */
  .header-2 .app-info img {
    height: 2.75641rem;
    top: 0.83333rem;
  }
}
@media screen and (max-width: 320px) {
  /* line 454, ../sass/_base.scss */
  .header-2 .app-info img {
    left: 2%;
  }
}
/* line 470, ../sass/_base.scss */
.header-2 .huodong-info {
  height: 4.58333rem;
  background: url("../images/bg.png");
  color: #ffffff;
  overflow: hidden;
}
/* line 476, ../sass/_base.scss */
.header-2 .huodong-info a, .header-2 .huodong-info a:visited {
  color: #f03746;
  font-size: 1.3rem;
  font-weight: bold;
}
/* line 486, ../sass/_base.scss */
.header-2 .huodong-info p {
  width: 86%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  line-height: 4.5rem;
  font-size: 1rem;
}
@media screen and (max-width: 320px) {
  /* line 486, ../sass/_base.scss */
  .header-2 .huodong-info p {
    width: 100%;
  }
}
/* line 501, ../sass/_base.scss */
.header-2 .huodong-info img {
  vertical-align: middle;
  padding-right: 1rem;
  height: 4.875rem;
  top: 0rem;
  left: 0;
}
@media screen and (max-width: 500px) {
  /* line 501, ../sass/_base.scss */
  .header-2 .huodong-info img {
    height: 4.0625rem;
    top: 0.41667rem;
  }
}
@media screen and (max-width: 320px) {
  /* line 501, ../sass/_base.scss */
  .header-2 .huodong-info img {
    left: 2%;
  }
}
/* line 519, ../sass/_base.scss */
.header-2 a, .header--mob .app-info .header-2 a:visited, .header-2 .app-info a:visited, .header-2 .huodong-info a:visited, .index2-page .app-info .header-2 a:visited {
  color: #ffffff;
}

/* line 525, ../sass/_base.scss */
.header-3 {
  color: #ffffff;
}
/* line 529, ../sass/_base.scss */
.header-3 .title {
  height: 3.75rem;
  line-height: 3.75rem;
  background: #0569B9;
  position: relative;
  font-size: 1.5rem;
}
/* line 537, ../sass/_base.scss */
.header-3 .hint {
  height: 2.70833rem;
  line-height: 3rem;
  text-align: center;
  background: #ff9322;
}
/* line 544, ../sass/_base.scss */
.header-3 .login-hint {
  height: 2.70833rem;
  padding-left: 1.04167rem;
  color: #969696;
  border-bottom: 1px solid #e2e2e2;
  line-height: 2.5rem;
  background: #eeeeee;
}
/* line 553, ../sass/_base.scss */
.header-3 .icon {
  font-size: 1.3rem;
  position: absolute;
  float: left;
  width: 3.875rem;
  padding-left: 1.25rem;
  line-height: 1.4rem;
  text-align: left;
  left: 0.95833rem;
  top: 1.25rem;
}
/* line 565, ../sass/_base.scss */
.header-3 h1 {
  height: 3.75rem;
  text-align: center;
}

/* line 572, ../sass/_base.scss */
.ucHeader {
  position: relative;
  height: 12.5rem;
  background: url('../images/ucHeader.png?1440553785') no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
/* line 578, ../sass/_base.scss */
.ucHeader .uc-btn {
  position: absolute;
  top: 1.25rem;
  display: block;
  height: 2.5rem;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #ffffff;
}
/* line 588, ../sass/_base.scss */
.ucHeader .back-btn {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 2.5rem;
  left: 1.04167rem;
  line-height: 2.8rem;
}
/* line 595, ../sass/_base.scss */
.ucHeader .exit-btn {
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  width: 7.08333rem;
  right: 1.25rem;
  line-height: 2.5rem;
}
/* line 602, ../sass/_base.scss */
.ucHeader .user-face {
  width: 4.58333rem;
  height: 4.58333rem;
  border-radius: 50%;
  border: 3px solid #e2e2e2;
  position: absolute;
  top: 5.625rem;
  left: 1.04167rem;
}
/* line 612, ../sass/_base.scss */
.ucHeader .user-name {
  position: absolute;
  top: 7.375rem;
  left: 7.5rem;
  color: #ffffff;
}

/* line 621, ../sass/_base.scss */
.block {
  -moz-box-shadow: 1px 1px 1px #e2e2e2;
  -webkit-box-shadow: 1px 1px 1px #e2e2e2;
  box-shadow: 1px 1px 1px #e2e2e2;
  *zoom: 1;
  background: #ffffff;
  padding: 0.83333rem;
  margin-bottom: 0.83333rem;
  overflow: hidden;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.block:after {
  content: "";
  display: table;
  clear: both;
}
/* line 630, ../sass/_base.scss */
.block h2 {
  border-left: 3px solid #19b8f2;
  padding-left: 0.83333rem;
  font-size: 1.2rem;
}
/* line 637, ../sass/_base.scss */
.block footer {
  *zoom: 1;
  margin-left: -5%;
  margin-right: -5%;
  text-align: center;
  line-height: 3rem;
  margin-top: 3%;
  border-top: 1px solid #eeeeee;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.block footer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 650, ../sass/_base.scss */
.video-list h3 {
  color: #000000;
  margin: 0.91667rem 0;
}
/* line 655, ../sass/_base.scss */
.video-list aside {
  color: #969696;
  font-size: 0.9rem;
}
/* line 660, ../sass/_base.scss */
.video-list ul {
  overflow: hidden;
  margin-top: 1rem;
}
/* line 665, ../sass/_base.scss */
.video-list li {
  float: left;
  width: 48%;
  margin: 0 1% 1.08333rem 1%;
}
/* line 671, ../sass/_base.scss */
.video-list .lesson-img {
  width: 100%;
}

/* line 679, ../sass/_base.scss */
.discount-list {
  padding-right: 0;
}
/* line 680, ../sass/_base.scss */
.discount-list .discount-price, .discount-list .new-price, .discount-list .old-price {
  float: right;
  color: #f75b2b;
  font-size: 1.3rem;
  margin-left: 0.625rem;
}
/* line 689, ../sass/_base.scss */
.discount-list section {
  overflow: hidden;
  margin-right: 0.83333rem;
}
/* line 694, ../sass/_base.scss */
.discount-list .lesson-link {
  clear: both;
  line-height: 1.5rem;
}
/* line 699, ../sass/_base.scss */
.discount-list h3 {
  color: #000000;
  margin: 1.20833rem 0;
  font-size: 1.2rem;
}
/* line 706, ../sass/_base.scss */
.discount-list .discount-price, .discount-list .new-price {
  font-size: 1rem;
}
/* line 711, ../sass/_base.scss */
.discount-list .discount-price strong, .discount-list .new-price strong {
  font-size: 1.3rem;
}
/* line 716, ../sass/_base.scss */
.discount-list .discount-title {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 72%;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
}
/* line 724, ../sass/_base.scss */
.discount-list .old-price {
  color: #969696;
  font-size: 0.5rem;
  text-decoration: line-through;
  line-height: 1.5rem;
}
/* line 736, ../sass/_base.scss */
.discount-list aside {
  float: left;
  width: 71.06667%;
  line-height: 1.5rem;
  color: #969696;
}
/* line 743, ../sass/_base.scss */
.discount-list li:first-child {
  border-top: 0;
}
/* line 747, ../sass/_base.scss */
.discount-list li {
  padding-bottom: 1.125rem;
  border-top: 1px solid #e2e2e2;
  position: relative;
}
/* line 753, ../sass/_base.scss */
.discount-list .discount-link {
  position: absolute;
  display: block;
  top: 0;
  width: 80%;
  height: 100%;
}

/* line 763, ../sass/_base.scss */
.order-block p {
  margin: 1.04167rem;
  margin-bottom: 0;
}
/* line 767, ../sass/_base.scss */
.order-block p em {
  float: right;
  color: #969696;
}
/* line 772, ../sass/_base.scss */
.order-block p .price {
  color: #f75b2b;
}
/* line 777, ../sass/_base.scss */
.order-block footer {
  height: 3.20833rem;
}
/* line 780, ../sass/_base.scss */
.order-block footer .btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: right;
  height: 2.29167rem;
  width: 5.41667rem;
  border: 1px solid #f75b2b;
  text-align: center;
  line-height: 2.2rem;
  color: #f75b2b;
  display: block;
  margin-right: 1.875rem;
  margin-top: 0.41667rem;
}

/*DIALOG*/
/* line 797, ../sass/_base.scss */
.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
/* line 805, ../sass/_base.scss */
.dialog .dialog-curtain {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  background: #000000;
}
/* line 812, ../sass/_base.scss */
.dialog .dialog-window {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
}
/* line 824, ../sass/_base.scss */
.dialog header {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
  height: 3.54167rem;
  background: #e2e2e2;
  font-size: 1.5rem;
  text-align: center;
  line-height: 3.5rem;
}
/* line 833, ../sass/_base.scss */
.dialog .information-window {
  width: 22.54167rem;
  margin-left: -11.27083rem;
  margin-top: -11.4375rem;
}
/* line 839, ../sass/_base.scss */
.dialog .information-body .btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  height: 3.33333rem;
  background: #0569B9;
  color: #ffffff;
  text-align: center;
  line-height: 3rem;
}
/* line 849, ../sass/_base.scss */
.dialog .information-body .btn:active {
  background: #4ca1ff;
}
/* line 853, ../sass/_base.scss */
.dialog .information-body .big-btn {
  width: 17.625rem;
  margin: 1.04167rem auto;
}
/* line 857, ../sass/_base.scss */
.dialog .information-body .big-btn .icon {
  margin-right: 0.625rem;
}
/* line 862, ../sass/_base.scss */
.dialog .information-body .small-btn {
  float: left;
  width: 4.04167rem;
}
/* line 867, ../sass/_base.scss */
.dialog .information-body input {
  float: left;
  height: 3.25rem;
  width: 15rem;
  border: 1px solid #e2e2e2;
  margin-right: 0.83333rem;
  font-size: 1.5rem;
}
/* line 876, ../sass/_base.scss */
.dialog .information-body footer {
  padding: 1.04167rem;
  overflow: hidden;
  border-top: 1px solid #e2e2e2;
}
/* line 881, ../sass/_base.scss */
.dialog .information-body footer .info {
  line-height: 1.5rem;
  margin-bottom: 0.83333rem;
}

/*BUTTON*/
/* line 890, ../sass/_base.scss */
.bottom-nav {
  border-top: 1px solid #e2e2e2;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
}
/* line 898, ../sass/_base.scss */
.bottom-nav div {
  float: left;
  margin: 10px 0;
  text-align: center;
  width: 24.5%;
  border-right: 1px solid #e2e2e2;
}

/* line 907, ../sass/_base.scss */
.icon-btn {
  -moz-border-radius: 0.41667rem;
  -webkit-border-radius: 0.41667rem;
  border-radius: 0.41667rem;
  height: 1.66667rem;
  width: 1.95833rem;
  text-align: center;
  margin: 0 auto 0.41667rem auto;
}
/* line 915, ../sass/_base.scss */
.icon-btn [class^='icon-'], .icon-btn [class*=' icon-'] {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
}

/* line 921, ../sass/_base.scss */
.money-btn {
  background: #ffb220;
}

/* line 925, ../sass/_base.scss */
.earphone-btn {
  background: #8d85ee;
}

/* line 929, ../sass/_base.scss */
.car-btn {
  background: #f15353;
}

/* line 933, ../sass/_base.scss */
.phone-btn {
  background: #56b1ea;
}
/* line 934, ../sass/_base.scss */
.phone-btn .icon {
  margin-top: 0;
}

/* line 940, ../sass/_base.scss */
.buy-btn {
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 2.58333rem !important;
  display: block;
  width: 6.25rem;
  height: 2.58333rem;
  background: #f75b2b;
  text-align: center;
  color: #ffffff;
}
/* line 951, ../sass/_base.scss */
.buy-btn:visited {
  color: #ffffff;
}

/*空数据提示*/
/* line 957, ../sass/_base.scss */
.empty-block {
  text-align: center;
  line-height: 2rem;
  margin-bottom: 1.04167rem;
  padding-top: 1.25rem;
  height: 15rem;
}
/* line 964, ../sass/_base.scss */
.empty-block img {
  height: 8rem;
  width: 7rem;
}
/* line 969, ../sass/_base.scss */
.empty-block a, .empty-block .header--mob .app-info a:visited, .header--mob .app-info .empty-block a:visited, .empty-block .header-2 .app-info a:visited, .header-2 .app-info .empty-block a:visited, .empty-block .header-2 .huodong-info a:visited, .header-2 .huodong-info .empty-block a:visited, .empty-block .index2-page .app-info a:visited, .index2-page .app-info .empty-block a:visited {
  color: #19b8f2;
  text-decoration: underline;
}

/*图片轮播*/
/* line 976, ../sass/_base.scss */
.image-play {
  position: relative;
  overflow: hidden;
}
/* line 980, ../sass/_base.scss */
.image-play .banner-img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
/* line 992, ../sass/_base.scss */
.image-play .banner-img:first-child {
  position: inherit;
}
/* line 996, ../sass/_base.scss */
.image-play ul {
  position: absolute;
  top: 85%;
  right: 0.41667rem;
  z-index: 9998;
}
/* line 1003, ../sass/_base.scss */
.image-play li {
  float: left;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
  width: 0.83333rem;
  height: 0.83333rem;
  background-color: #ffffff;
  margin: 0 0.2rem;
}
/* line 1012, ../sass/_base.scss */
.image-play li a, .image-play li .header--mob .app-info a:visited, .header--mob .app-info .image-play li a:visited, .image-play li .header-2 .app-info a:visited, .header-2 .app-info .image-play li a:visited, .image-play li .header-2 .huodong-info a:visited, .header-2 .huodong-info .image-play li a:visited, .image-play li .index2-page .app-info a:visited, .index2-page .app-info .image-play li a:visited {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 1019, ../sass/_base.scss */
.image-play .active {
  background: #0569B9;
}

/* line 1025, ../sass/_base.scss */
.lingqu img {
  width: 25%;
  margin: 35% 37.5% 5%;
}
/* line 1029, ../sass/_base.scss */
.lingqu .p1 {
  text-align: center;
  font-size: 1.5rem;
  color: #19b8f2;
  font-weight: bold;
}
/* line 1035, ../sass/_base.scss */
.lingqu .p2 {
  margin-top: 10%;
  text-align: center;
  font-size: 1.5rem;
  color: #666666;
}
/* line 1042, ../sass/_base.scss */
.lingqu a, .lingqu .header--mob .app-info a:visited, .header--mob .app-info .lingqu a:visited, .lingqu .header-2 .app-info a:visited, .header-2 .app-info .lingqu a:visited, .lingqu .header-2 .huodong-info a:visited, .header-2 .huodong-info .lingqu a:visited, .lingqu .index2-page .app-info a:visited, .index2-page .app-info .lingqu a:visited {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  height: 3.20833rem;
  width: 65%;
  background: #0569B9;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.2rem;
  margin: 0 auto;
  margin-top: 5%;
  color: #ffffff;
}

/* line 1061, ../sass/_base.scss */
.menu-news {
  padding: 0.72917rem 0;
  background: #ffffff;
  margin-bottom: 0.83333rem;
}
/* line 1068, ../sass/_base.scss */
.menu-news a, .menu-news .header--mob .app-info a:visited, .header--mob .app-info .menu-news a:visited, .menu-news .header-2 .app-info a:visited, .header-2 .app-info .menu-news a:visited, .menu-news .header-2 .huodong-info a:visited, .header-2 .huodong-info .menu-news a:visited, .menu-news .index2-page .app-info a:visited, .index2-page .app-info .menu-news a:visited {
  color: #666666;
}
/* line 1072, ../sass/_base.scss */
.menu-news ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 1083, ../sass/_base.scss */
.menu-news li {
  cursor: pointer;
  width: 22.3%;
  height: 2.04167rem;
  border: 0.04167rem solid #bbbbbb;
  line-height: 2.08333rem;
  text-align: center;
  background: #ececec;
  margin: 0.3125rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-device-width: 320px) {
  /* line 1083, ../sass/_base.scss */
  .menu-news li {
    width: 22%;
  }
}
/* line 1104, ../sass/_base.scss */
.menu-news li:nth-child(n+10):nth-child(-n+100) {
  display: none;
}
/* line 1109, ../sass/_base.scss */
.menu-news .city-more, .menu-news .city-show {
  display: block !important;
  pointer-events: auto !important;
}
/* line 1114, ../sass/_base.scss */
.menu-news .arrow-bottom {
  display: inline-block;
  border-left: 0.41667rem solid transparent;
  border-right: 0.41667rem solid transparent;
  border-top: 0.625rem solid #6E6E72;
  margin-left: 0.41667rem;
}
/* line 1122, ../sass/_base.scss */
.menu-news .arrow-top {
  display: inline-block;
  border-left: 0.41667rem solid transparent;
  border-right: 0.41667rem solid transparent;
  border-bottom: 0.625rem solid #6E6E72;
  margin-left: 0.41667rem;
}
/* line 1130, ../sass/_base.scss */
.menu-news .menu-active {
  background: #ffffff;
}
/* line 1134, ../sass/_base.scss */
.menu-news .menu-active a, .menu-news .menu-active .header--mob .app-info a:visited, .header--mob .app-info .menu-news .menu-active a:visited, .menu-news .menu-active .header-2 .app-info a:visited, .header-2 .app-info .menu-news .menu-active a:visited, .menu-news .menu-active .header-2 .huodong-info a:visited, .header-2 .huodong-info .menu-news .menu-active a:visited, .menu-news .menu-active .index2-page .app-info a:visited, .index2-page .app-info .menu-news .menu-active a:visited {
  color: #19b8f2;
}
/* line 1139, ../sass/_base.scss */
.menu-news h2 {
  text-align: center;
  font-size: 1.4rem;
  padding: 1rem 0;
}

/* line 1153, ../sass/_base.scss */
.menu-news--irregular li {
  width: 21%;
}
@media screen and (max-device-width: 320px) {
  /* line 1153, ../sass/_base.scss */
  .menu-news--irregular li {
    width: 20%;
  }
}

/**
 * @file: 
 * @author: bohai(bohai@100.com).
 * @date: 16/5/30
 */
/* line 8, ../sass/layout/_panel.scss */
.panel {
  -moz-box-shadow: 1px 1px 1px #e2e2e2;
  -webkit-box-shadow: 1px 1px 1px #e2e2e2;
  box-shadow: 1px 1px 1px #e2e2e2;
  *zoom: 1;
  background: #ffffff;
  margin-bottom: 0.83333rem;
  overflow: hidden;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.panel:after {
  content: "";
  display: table;
  clear: both;
}
/* line 15, ../sass/layout/_panel.scss */
.panel h2 {
  height: 3.58333rem;
  background: #f7f7f7;
  font-size: 1.25rem;
}
/* line 20, ../sass/layout/_panel.scss */
.panel h2 span {
  border-left: 3px solid #19b8f2;
  padding-left: 0.83333rem;
  font-size: 1.2rem;
  line-height: 3.58333rem;
  margin-left: 1.33333rem;
}
/* line 30, ../sass/layout/_panel.scss */
.panel .panel-body {
  margin: 0.91667rem 1.33333rem;
  margin-bottom: 0;
}
/* line 35, ../sass/layout/_panel.scss */
.panel ul {
  padding: 0.83333rem 0.83333rem 0 0.83333rem;
}
/* line 40, ../sass/layout/_panel.scss */
.panel footer {
  *zoom: 1;
  margin-left: -5%;
  margin-right: -5%;
  text-align: center;
  line-height: 4rem;
  border-top: 1px solid #eeeeee;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.panel footer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 55, ../sass/layout/_panel.scss */
.panel--order .order-list h3 {
  font-size: 1.3rem;
  line-height: 1.7rem;
}
/* line 65, ../sass/layout/_panel.scss */
.panel--order .order-item--tags li {
  float: left;
  background: #0569B9;
  padding: .4rem;
  color: #ffffff;
  margin: .5rem .5rem .5rem 0;
}
/* line 73, ../sass/layout/_panel.scss */
.panel--order .order-item--attached {
  clear: both;
}
/* line 76, ../sass/layout/_panel.scss */
.panel--order .order-item--attached li {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  margin: .5rem 0;
}
/* line 82, ../sass/layout/_panel.scss */
.panel--order .order-item--attached em {
  color: #f75b2b;
}

/* line 90, ../sass/layout/_panel.scss */
.panel--list li {
  font-size: 1.3rem;
  line-height: 1.7rem;
  border-bottom: 1px solid #e2e2e2;
  padding: .7rem 0;
  margin-bottom: -1px;
}

/**
 * @file: 首页
 * @author: bohai(bohai@100.com).
 * @date: 15/8/25
 */
/* line 13, ../sass/_index.scss */
.index-page .first-article {
  margin-top: 7rem;
  padding-bottom: 1rem;
}
/* line 19, ../sass/_index.scss */
.index-page .lesson-list ul {
  overflow: hidden;
}
/* line 28, ../sass/_index.scss */
.index-page .lesson-list li {
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 28.66667%;
  /*215 设计稿 宽度*/
  border: 1px solid #eeeeee;
  margin: 3% 2% 0 2%;
  text-align: center;
}
/* line 39, ../sass/_index.scss */
.index-page .lesson-list .cryptic {
  display: none;
}
/* line 44, ../sass/_index.scss */
.index-page .app-footer {
  margin-bottom: 0;
}

/* line 49, ../sass/_index.scss */
.lingqupic {
  padding: 0px;
  height: 100%;
  font-size: 0px;
  overflow: hidden;
}
/* line 54, ../sass/_index.scss */
.lingqupic img {
  width: 100%;
}

/**
 * @file: 首页2
 * @author: bohai(bohai@100.com).
 * @date: 15/8/26
 */
/* line 8, ../sass/_index2.scss */
.index2-page {
  padding-top: 3.7rem;
}
/* line 10, ../sass/_index2.scss */
.index2-page .header-block .left, .index2-page .header-block .right {
  width: 50%;
  text-align: center;
}
/* line 17, ../sass/_index2.scss */
.index2-page .app-info {
  height: 4.58333rem;
  background: #474747;
  color: #ffffff;
}
/* line 22, ../sass/_index2.scss */
.index2-page .app-info a, .index2-page .app-info a:visited {
  color: #ffffff;
}
/* line 30, ../sass/_index2.scss */
.index2-page .app-info p {
  width: 86%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  line-height: 4.5rem;
  font-size: 1rem;
}
@media screen and (max-width: 320px) {
  /* line 30, ../sass/_index2.scss */
  .index2-page .app-info p {
    width: 100%;
  }
}
/* line 45, ../sass/_index2.scss */
.index2-page .app-info img {
  position: absolute;
  height: 3.58333rem;
  top: 0.5rem;
  left: 0;
}
@media screen and (max-width: 500px) {
  /* line 45, ../sass/_index2.scss */
  .index2-page .app-info img {
    height: 2.75641rem;
    top: 0.83333rem;
  }
}
@media screen and (max-width: 320px) {
  /* line 45, ../sass/_index2.scss */
  .index2-page .app-info img {
    left: 2%;
  }
}
/* line 62, ../sass/_index2.scss */
.index2-page .lesson-block {
  padding: 0.72917rem 0;
  background: #ffffff;
  margin-bottom: 0.83333rem;
}
/* line 67, ../sass/_index2.scss */
.index2-page .lesson-block h2 {
  text-align: center;
  font-size: 1.4rem;
  padding: 1rem 0;
}
/* line 73, ../sass/_index2.scss */
.index2-page .lesson-block a, .header--mob .app-info .index2-page .lesson-block a:visited, .header-2 .app-info .index2-page .lesson-block a:visited, .index2-page .lesson-block .header-2 .huodong-info a:visited, .header-2 .huodong-info .index2-page .lesson-block a:visited, .index2-page .lesson-block .app-info a:visited, .index2-page .app-info .lesson-block a:visited {
  color: #666666;
}
/* line 77, ../sass/_index2.scss */
.index2-page .lesson-block ul {
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 87, ../sass/_index2.scss */
.index2-page .lesson-block li {
  cursor: pointer;
  height: 2.04167rem;
  line-height: 2.08333rem;
  text-align: center;
  margin: 0.33333rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.2rem;
}
/* line 99, ../sass/_index2.scss */
.index2-page .header-block {
  padding: 0;
}
/* line 102, ../sass/_index2.scss */
.index2-page .header-block .left {
  float: left;
  position: relative;
  border-right: 1px solid #E8E8E8;
  padding: .5rem 0;
}
/* line 111, ../sass/_index2.scss */
.index2-page .header-block .right {
  float: right;
  width: 49.6%;
  padding: .5rem 0;
}
/* line 120, ../sass/_index2.scss */
.index2-page .date-block {
  color: #f75b2b;
  margin-bottom: 0.41667rem;
}
/* line 124, ../sass/_index2.scss */
.index2-page .date-block em {
  font-size: 2rem;
}

/**
 * @file: 
 * @author: bohai(bohai@100.com).
 * @date: 16/5/10
 */
/* line 7, ../sass/_news.scss */
.news-page {
  padding-top: 8.3rem;
}
@media screen and (max-device-width: 320px) {
  /* line 11, ../sass/_news.scss */
  .news-page ul {
    margin: 0 .5rem;
  }
}
/* line 17, ../sass/_news.scss */
.news-page .menu-news li {
  width: 16%;
}
/* line 24, ../sass/_news.scss */
.news-page .list-news--scroll {
  height: 460px;
  position: relative;
}
/* line 29, ../sass/_news.scss */
.news-page .list-news--scroll ul {
  height: 426px;
  overflow: scroll;
}
/* line 34, ../sass/_news.scss */
.news-page .list-news--scroll footer {
  position: absolute;
  bottom: 0;
  width: 105%;
  background: #ffffff;
}
/* line 44, ../sass/_news.scss */
.news-page .list-news li {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: 0.83333rem 0.41667rem;
  border-bottom: 1px solid #e2e2e2;
}
/* line 52, ../sass/_news.scss */
.news-page .list-news li:last-child {
  border-bottom: 0;
}
/* line 56, ../sass/_news.scss */
.news-page .list-news footer {
  margin-top: 0;
}
/* line 62, ../sass/_news.scss */
.news-page .news-article h1 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.45rem;
  line-height: 2rem;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 1.875rem;
  font-weight: bold;
}
/* line 71, ../sass/_news.scss */
.news-page .news-article h1 .title-date, .news-page .news-article h1 .title-keyword {
  display: block;
  font-size: 1rem;
  color: #bdbdbd;
}
/* line 77, ../sass/_news.scss */
.news-page .news-article h1 .title-date {
  margin-top: 0.6rem;
}
/* line 81, ../sass/_news.scss */
.news-page .news-article h1 .title-keyword {
  margin-top: -0.3rem;
}
/* line 86, ../sass/_news.scss */
.news-page .news-article p {
  font-size: 1.45rem;
  line-height: 2rem;
  margin-bottom: 1.875rem;
  text-indent: 3rem;
}

/**
 * @file: 免费试听
 * @author: bohai(bohai@100.com).
 * @date: 15/8/28
 */
/* line 7, ../sass/_free.scss */
.free-page {
  margin-top: 6rem;
}
/* line 10, ../sass/_free.scss */
.free-page .block {
  min-height: 15rem;
  padding-right: 0;
}
/* line 14, ../sass/_free.scss */
.free-page .block li:first-child {
  border-top: 0;
}
/* line 18, ../sass/_free.scss */
.free-page .block li {
  *zoom: 1;
  position: relative;
  height: auto;
  min-height: 5.25rem;
  overflow: hidden;
  border-top: 1px solid #e2e2e2;
}
/* line 38, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
.free-page .block li:after {
  content: "";
  display: table;
  clear: both;
}
/* line 27, ../sass/_free.scss */
.free-page .block li a, .free-page .block li .header--mob .app-info a:visited, .header--mob .app-info .free-page .block li a:visited, .free-page .block li .header-2 .app-info a:visited, .header-2 .app-info .free-page .block li a:visited, .free-page .block li .header-2 .huodong-info a:visited, .header-2 .huodong-info .free-page .block li a:visited, .free-page .block li .index2-page .app-info a:visited, .index2-page .app-info .free-page .block li a:visited {
  display: inline-block;
  width: 100%;
  height: 100%;
}
/* line 33, ../sass/_free.scss */
.free-page .block .icon {
  position: absolute;
  top: 1.25rem;
  left: 0.91667rem;
  margin-right: 0.91667rem;
}
/* line 40, ../sass/_free.scss */
.free-page .block h3 {
  line-height: 1.5rem;
  float: left;
  margin-top: 1.79167rem;
  margin-bottom: 1.79167rem;
  margin-left: 5.20833rem;
}
/* line 50, ../sass/_free.scss */
.free-page .more {
  height: 3.54167rem;
  text-align: center;
  line-height: 3rem;
  color: #969696;
}
/* line 57, ../sass/_free.scss */
.free-page footer {
  border-top: 1px solid #e2e2e2;
}

/**
 * @file: 登录
 * @author: bohai(bohai@100.com).
 * @date: 15/8/29
 */
/* line 7, ../sass/_login.scss */
.login-page {
  margin-top: 6.5rem;
}
/* line 10, ../sass/_login.scss */
.login-page form .form-body {
  background: #ffffff;
  padding-bottom: 1px;
}
/* line 15, ../sass/_login.scss */
.login-page p {
  text-align: center;
}
/* line 19, ../sass/_login.scss */
.login-page input {
  display: block;
  height: 3.20833rem;
  width: 82.66667%;
  margin: 0 auto;
  border: 0;
  font-size: 1.3rem;
  padding-left: 3.33333rem;
  color: #000000;
  margin-bottom: 2px;
}
/* line 31, ../sass/_login.scss */
.login-page footer {
  height: 5.08333rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 2.4rem;
}
/* line 39, ../sass/_login.scss */
.login-page footer .link-btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  height: 2.5rem;
  width: 7.91667rem;
  border: 1px solid #19b8f2;
  color: #19b8f2;
  text-align: center;
  margin-left: 0.41667rem;
}
/* line 51, ../sass/_login.scss */
.login-page .footer-bottom {
  position: static;
  margin-top: 50px;
}
/* line 56, ../sass/_login.scss */
.login-page [type="password"], .login-page #phone, .login-page #ver1, .login-page #ver2 {
  border-top: 1px solid #e2e2e2;
}
/* line 60, ../sass/_login.scss */
.login-page .login-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  display: block;
  height: 3.20833rem;
  width: 93.33333%;
  background: #0569B9;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.2rem;
  margin: 0 auto;
  color: #e2e2e2;
}
/* line 73, ../sass/_login.scss */
.login-page .login-btn:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 78, ../sass/_login.scss */
.login-page .error-info {
  height: 2.5rem;
  margin-left: 1.45833rem;
  line-height: 2.5rem;
  color: #f15353;
}
/* line 85, ../sass/_login.scss */
.login-page .hint {
  padding-left: 1.04167rem;
  margin-top: 1.04167rem;
}
/* line 89, ../sass/_login.scss */
.login-page .hint a, .login-page .hint .header--mob .app-info a:visited, .header--mob .app-info .login-page .hint a:visited, .login-page .hint .header-2 .app-info a:visited, .header-2 .app-info .login-page .hint a:visited, .login-page .hint .header-2 .huodong-info a:visited, .header-2 .huodong-info .login-page .hint a:visited, .login-page .hint .index2-page .app-info a:visited, .index2-page .app-info .login-page .hint a:visited {
  color: #19b8f2;
  text-decoration: underline;
}
/* line 94, ../sass/_login.scss */
.login-page .hint2 {
  padding: 0 1.04167rem;
  text-align: right;
}
/* line 97, ../sass/_login.scss */
.login-page .hint2 a, .login-page .hint2 .header--mob .app-info a:visited, .header--mob .app-info .login-page .hint2 a:visited, .login-page .hint2 .header-2 .app-info a:visited, .header-2 .app-info .login-page .hint2 a:visited, .login-page .hint2 .header-2 .huodong-info a:visited, .header-2 .huodong-info .login-page .hint2 a:visited, .login-page .hint2 .index2-page .app-info a:visited, .index2-page .app-info .login-page .hint2 a:visited {
  text-decoration: none;
}
/* line 101, ../sass/_login.scss */
.login-page .rightinfo {
  position: relative;
}
/* line 103, ../sass/_login.scss */
.login-page .rightinfo .rightnr {
  height: 3rem;
  z-index: 999;
  position: absolute;
  vertical-align: middle;
  top: 0.5rem;
  right: 1.2rem;
  padding-left: 0.5rem;
}
/* line 112, ../sass/_login.scss */
.login-page .rightinfo .verimg {
  border-left: 1px solid #dbdbdb;
}
/* line 115, ../sass/_login.scss */
.login-page .rightinfo .getver {
  top: 0.3rem;
  display: block;
  line-height: 3rem;
  background: #0569B9;
  color: #ffffff;
  padding-left: 0rem;
  width: 10rem;
  text-align: center;
  border: 1px solid #19b8f2;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

/* line 129, ../sass/_login.scss */
.bangding {
  color: #999999;
  text-align: center;
  height: 7rem;
  line-height: 7rem;
  font-size: 1.5rem;
}

/* line 137, ../sass/_login.scss */
.bangding-page {
  margin-top: 6.5rem;
}
/* line 140, ../sass/_login.scss */
.bangding-page form .form-body {
  background: #ffffff;
  padding-bottom: 1px;
}
/* line 145, ../sass/_login.scss */
.bangding-page p {
  text-align: center;
}
/* line 149, ../sass/_login.scss */
.bangding-page input {
  display: block;
  height: 3.20833rem;
  width: 82.66667%;
  margin: 0 auto;
  border: 0;
  font-size: 1.3rem;
  padding-left: 3.33333rem;
  color: #000000;
  margin-bottom: 2px;
}
/* line 161, ../sass/_login.scss */
.bangding-page footer {
  height: 5.08333rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 2.4rem;
}
/* line 169, ../sass/_login.scss */
.bangding-page footer .link-btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  height: 2.5rem;
  width: 7.91667rem;
  border: 1px solid #19b8f2;
  color: #19b8f2;
  text-align: center;
  margin-left: 0.41667rem;
}
/* line 181, ../sass/_login.scss */
.bangding-page .footer-bottom {
  position: static;
  margin-top: 50px;
}
/* line 186, ../sass/_login.scss */
.bangding-page [type="password"], .bangding-page #ver1, .bangding-page #ver2 {
  border-top: 1px solid #e2e2e2;
}
/* line 190, ../sass/_login.scss */
.bangding-page .login-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  display: block;
  height: 3.20833rem;
  width: 93.33333%;
  background: #0569B9;
  text-align: center;
  font-size: 1.5rem;
  line-height: 3.2rem;
  margin: 0 auto;
  color: #e2e2e2;
}
/* line 203, ../sass/_login.scss */
.bangding-page .login-btn:active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 208, ../sass/_login.scss */
.bangding-page .error-info {
  height: 2.5rem;
  margin-left: 1.45833rem;
  line-height: 2.5rem;
  color: #f15353;
}
/* line 215, ../sass/_login.scss */
.bangding-page .hint {
  padding-left: 1.04167rem;
  margin-top: 1.04167rem;
}
/* line 219, ../sass/_login.scss */
.bangding-page .hint a, .bangding-page .hint .header--mob .app-info a:visited, .header--mob .app-info .bangding-page .hint a:visited, .bangding-page .hint .header-2 .app-info a:visited, .header-2 .app-info .bangding-page .hint a:visited, .bangding-page .hint .header-2 .huodong-info a:visited, .header-2 .huodong-info .bangding-page .hint a:visited, .bangding-page .hint .index2-page .app-info a:visited, .index2-page .app-info .bangding-page .hint a:visited {
  color: #19b8f2;
  text-decoration: underline;
}
/* line 224, ../sass/_login.scss */
.bangding-page .rightinfo {
  position: relative;
}
/* line 226, ../sass/_login.scss */
.bangding-page .rightinfo .rightnr {
  height: 3rem;
  z-index: 999;
  position: absolute;
  vertical-align: middle;
  top: 0.5rem;
  right: 1.2rem;
  padding-left: 0.5rem;
}
/* line 235, ../sass/_login.scss */
.bangding-page .rightinfo .verimg {
  border-left: 1px solid #dbdbdb;
}
/* line 238, ../sass/_login.scss */
.bangding-page .rightinfo .getver {
  top: 0.3rem;
  display: block;
  line-height: 3rem;
  background: #0569B9;
  color: #ffffff;
  padding-left: 0rem;
  width: 10rem;
  text-align: center;
  border: 1px solid #19b8f2;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

/**
 * @file: 个人中心
 * @author: bohai(bohai@100.com).
 * @date: 15/8/29
 */
/* line 8, ../sass/_uCenter.scss */
.uc-page nav {
  height: 3.66667rem;
  background: #ffffff;
  border-break: 1px solid #e2e2e2;
  margin-bottom: 1.25rem;
}
/* line 14, ../sass/_uCenter.scss */
.uc-page nav p {
  float: left;
  width: 49.8%;
  text-align: center;
  margin: 1.125rem 0;
  font-size: 1.4rem;
}
/* line 22, ../sass/_uCenter.scss */
.uc-page nav p:first-child {
  border-right: 1px solid #e2e2e2;
}
/* line 26, ../sass/_uCenter.scss */
.uc-page nav .active {
  color: #19b8f2;
}
/* line 47, ../sass/_uCenter.scss */
.uc-page .dialog-window {
  width: 25rem;
  margin-left: -12.5rem;
  margin-top: -6.72917rem;
}
/* line 54, ../sass/_uCenter.scss */
.uc-page .dialog-body {
  height: 8.33333rem;
}
/* line 57, ../sass/_uCenter.scss */
.uc-page .dialog-body p {
  margin-top: 1.91667rem;
  text-align: center;
  font-size: 1.2rem;
}
/* line 63, ../sass/_uCenter.scss */
.uc-page .dialog-body .dialog-btn {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 1.91667rem;
  display: inline-block;
  height: 2.83333rem;
  width: 9.91667rem;
  text-align: center;
  line-height: 2.5rem;
}
/* line 73, ../sass/_uCenter.scss */
.uc-page .dialog-body .clearBtn {
  border: 1px solid #969696;
  margin-left: 1.875rem;
}
/* line 78, ../sass/_uCenter.scss */
.uc-page .dialog-body .downBtn {
  border: 1px solid #19b8f2;
  background: #0569B9;
  color: #ffffff;
  margin-left: 1.25rem;
}

/**
 * @file: 购买详细
 * @author: bohai(bohai@100.com).
 * @date: 15/8/31
 */
/* line 8, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block {
  margin-top: 3rem;
}
/* line 11, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block h3 {
  height: 3.33333rem;
  background: #f7f7f7;
  text-align: left;
  padding-left: 1.04167rem;
  line-height: 3.5rem;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
/* line 21, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block ul {
  background: #ffffff;
  padding: 0.41667rem 0 0.83333rem 1.25rem;
  border-bottom: 1px solid #e2e2e2;
}
/* line 27, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block li {
  line-height: 3rem;
  border-bottom: 1px solid #e2e2e2;
}
/* line 31, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block li span {
  display: none;
}
/* line 36, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block .active {
  border-bottom: 1px solid #19b8f2;
}
/* line 39, ../sass/_buyDetailed.scss */
.buy-detailed-page .discount-block .active span {
  float: right;
  display: block;
  margin-right: 1.04167rem;
  position: relative;
  top: 0.83333rem;
}

/**
 * @file: 购买课程
 * @author: bohai(bohai@100.com).
 * @date: 15/8/31
 */
/* line 8, ../sass/_buy.scss */
.buy-page .discount-list:first-of-type, .buy-page .empty-block {
  margin-top: 3.2rem;
}
/* line 13, ../sass/_buy.scss */
.buy-page .bottom-nav div {
  width: 49.6%;
}

/**
 * @file: 
 * @author: bohai(bohai@100.com).
 * @date: 15/8/31
 */
/* line 9, ../sass/_lessonDeatiled.scss */
.detailed-page video {
  width: 100%;
}
/* line 13, ../sass/_lessonDeatiled.scss */
.detailed-page .video-block {
  overflow: hidden;
  background: #ffffff;
  margin-bottom: 1.04167rem;
  padding-bottom: 0.625rem;
}
/* line 19, ../sass/_lessonDeatiled.scss */
.detailed-page .video-block > p {
  margin-left: 0.95833rem;
  margin-bottom: 0.625rem;
  color: #969696;
}
/* line 25, ../sass/_lessonDeatiled.scss */
.detailed-page .video-block h2 {
  margin: 1.25rem 0 0.625rem 0.95833rem;
  font-size: 1.3rem;
}
/* line 30, ../sass/_lessonDeatiled.scss */
.detailed-page .video-block em {
  color: #19b8f2;
  font-size: 1.5rem;
}
/* line 35, ../sass/_lessonDeatiled.scss */
.detailed-page .video-block .new-price {
  color: #f75b2b;
}
/* line 39, ../sass/_lessonDeatiled.scss */
.detailed-page .video-block .old-price {
  color: #969696;
  font-size: 0.5rem;
  text-decoration: line-through;
}

/**
 * @file: app 介绍
 * @author: bohai(bohai@100.com).
 * @date: 15/8/31
 */
/* line 7, ../sass/_appDetailed.scss */
.app-detailed-page {
  background: #ffffff;
}
/* line 11, ../sass/_appDetailed.scss */
.app-detailed-page .app-content {
  margin-top: 3.2rem;
  padding: 1.66667rem 2.08333rem;
}
/* line 15, ../sass/_appDetailed.scss */
.app-detailed-page .app-content h1, .app-detailed-page .app-content .title {
  text-align: center;
  margin-top: 0.83333rem;
}
/* line 20, ../sass/_appDetailed.scss */
.app-detailed-page .app-content .name {
  font-size: 1.3rem;
}
/* line 24, ../sass/_appDetailed.scss */
.app-detailed-page .app-content .app-down-btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 3.33333rem;
  width: 20.83333rem;
  display: block;
  text-align: center;
  color: #ffffff;
  background: #0569B9;
  line-height: 3.3rem;
  margin: auto;
}
/* line 36, ../sass/_appDetailed.scss */
.app-detailed-page .app-content .hint {
  color: #969696;
  font-size: 1.2rem;
}
/* line 41, ../sass/_appDetailed.scss */
.app-detailed-page .app-content .app-logo {
  height: 5.20833rem;
  width: 5.20833rem;
  margin: 0 auto;
}
/* line 47, ../sass/_appDetailed.scss */
.app-detailed-page .app-content dl {
  font-size: 1.2rem;
}
/* line 52, ../sass/_appDetailed.scss */
.app-detailed-page .app-content dl > * {
  margin-top: 1.66667rem;
  line-height: 1.6rem;
}
/* line 57, ../sass/_appDetailed.scss */
.app-detailed-page .app-content dl > .item {
  margin-top: 0;
  margin-left: 1rem;
}
/* line 62, ../sass/_appDetailed.scss */
.app-detailed-page .app-content dd {
  color: #969696;
  line-height: 1.7rem;
}
/* line 66, ../sass/_appDetailed.scss */
.app-detailed-page .app-content dd p {
  margin-bottom: 0.625rem;
}
.index-page .first-article{margin-top:8rem;padding-bottom:1rem}.m-icon{display:inline-block;vertical-align:text-bottom}.m-icon-logoHD{height:3.6333333333333333rem;width:13.033333333333333rem;background-position:0 0;background-size:100% 233.028%}.m-icon-logo,.m-icon-logoHD{background-repeat:no-repeat;background-image:url(/img/sprite.png)}.m-icon-logo{height:1.3333333333333333rem;width:4.733333333333333rem;background-position:0 55.607%;background-size:275.352% 635%}.m-icon-app{background-repeat:no-repeat;height:2rem;width:2rem;background-image:url(/img/sprite.png);background-position:0 80.861%;background-size:868.889% 564.444%}.m-icon-user{background-repeat:no-repeat;height:2rem;width:2rem;background-image:url(/img/sprite.png);background-position:31.792% 80.861%;background-size:868.889% 564.444%}.m-icon-lesson{background-repeat:no-repeat;height:2rem;background-image:url(/img/sprite.png)}.m-icon-lesson{width:2rem;background-position:15.896% 80.861%;background-size:868.889% 564.444%}.m-icon-logoHD{height:2rem;width:6.667rem;vertical-align:middle}.header{height:4.222rem;width:100%;z-index:999999;background:#0569B9}.header h1{margin:0 .089rem;margin-right:0;height:4.222rem;line-height:4.922rem;float:left;margin-left:1.667rem}.header h1 > *{margin-top:-.533rem}.header .m-icon-logoHD{margin-top:-8px}.header .title{display:none}.header ul{float:right;height:4.222rem}.header li{display:inline-block;height:100%;margin-top:.4rem;margin-right:1.422rem}.header li .text{width:100%;display:block;text-align:center;font-size:1.067rem;color:#fff;margin-top:.4rem}</style>
<style>@media screen and (max-width: 600px) and (min-width: 400px){.header {
    height:4.75rem}.header li .text{font-size:1.2rem;margin-top:.1rem}.m-icon-logoHD{height:2.25rem;width:7.5rem;vertical-align:middle;margin-top:-1px !important}.m-icon-lesson,.m-icon-app,.m-icon-user{width:2.25rem;height:2.25rem}.header ul{height:4.75rem}.header li{margin-right:1.65rem;margin-top:.5rem}}