@charset "UTF-8";
/* CSS Document */
/*
website:   Manro
date:      08/07/14
author:    Andy
email:     marks@manro.com.cn
*/
/** 清除内外边距 **/
/* line 11, ../sass/_base.scss */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea,
th, td {
  margin: 0;
  padding: 0;
}

/** 设置默认字体 **/
/* line 22, ../sass/_base.scss */
* {
  margin: 0;
  padding: 0;
  outline: none;
}

/* line 28, ../sass/_base.scss */
body,
button, input, select, textarea {
  font: 100% Microsoft yahei, Tahoma, Verdana, Arial, Helvetica, sans-serif,"微软雅黑";
}

/* line 33, ../sass/_base.scss */
img {
  border: none;
}

/* line 36, ../sass/_base.scss */
body {
  font-size: 1em;
}

/* line 37, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

/* line 38, ../sass/_base.scss */
address, cite, dfn, em, var {
  font-style: normal;
}

/* 将斜体扶正 */
/* line 39, ../sass/_base.scss */
code, kbd, pre, samp {
  font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
/* line 40, ../sass/_base.scss */
small {
  font-size: 10px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
/* line 43, ../sass/_base.scss */
ul, ol {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

/* line 44, ../sass/_base.scss */
button, input {
  line-height: normal;
}

/* line 45, ../sass/_base.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  outline: 0 none;
  vertical-align: baseline;
}

/* line 46, ../sass/_base.scss */
i, em, cite, u {
  font-style: normal;
}

/** 重置文本格式元素 **/
/* line 49, ../sass/_base.scss */
a {
  text-decoration: none;
}

/* line 50, ../sass/_base.scss */
a:hover {
  text-decoration: none;
}

/* line 52, ../sass/_base.scss */
sup {
  vertical-align: text-top;
}

/* 重置，减少对行高的影响 */
/* line 53, ../sass/_base.scss */
sub {
  vertical-align: text-bottom;
}

/** 重置表单元素 **/
/* line 56, ../sass/_base.scss */
legend {
  color: #000;
}

/* for ie6 */
/* line 57, ../sass/_base.scss */
fieldset, img {
  border: 0;
}

/* img 搭车：让链接里的 img 无边框 */
/* line 58, ../sass/_base.scss */
button, input, select, textarea {
  font-size: 100%;
}

/* 使得表单元素在 ie 下能继承字体大小 */
/* line 59, ../sass/_base.scss */
textarea {
  resize: none;
}

/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
/* line 63, ../sass/_base.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 HTML5 元素 */
/* line 66, ../sass/_base.scss */
article, aside, details, figcaption, figure, footer, header, menu, nav, section,
summary, time, mark, audio, video {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 73, ../sass/_base.scss */
.mark {
  background: #ff0;
}

/* line 75, ../sass/_base.scss */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block;
}

/* line 79, ../sass/_base.scss */
blockquote, q {
  quotes: none;
}

/* line 82, ../sass/_base.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* 常用的通用样式 Common Style */
/* 隐藏 */
/* line 91, ../sass/_base.scss */
.hide {
  display: none;
}

/* line 92, ../sass/_base.scss */
.show {
  display: block !important;
}

/* 清除浮动 */
/* line 95, ../sass/_base.scss */
.clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}

/* line 96, ../sass/_base.scss */
.clear {
  *zoom: 1;
  float: none !important;
  clear: both;
}

/* inline block */
/* line 100, ../sass/_base.scss */
.inline-block {
  display: inline-block;
  *display: inline;
}

/*****************/
/* line 103, ../sass/_base.scss */
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 108, ../sass/_base.scss */
*, *:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 浮动   */
/* line 116, ../sass/_base.scss */
.left {
  float: left;
}

/* line 117, ../sass/_base.scss */
.right {
  float: right;
}

/* line 118, ../sass/_base.scss */
.fr {
  float: right;
}

/* line 1, ../sass/_header.scss */
#header {
  width: 100%;
}

/* line 5, ../sass/_header.scss */
.header-top {
  width: 100%;
  height: 30px;
  background-color: #00a0e9;
  *zoom: 1;
}
@media only all and (max-width: 640px) {
  /* line 5, ../sass/_header.scss */
  .header-top {
    height: 80px;
  }
}
/* line 38, ../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.header-top:after {
  content: "";
  display: table;
  clear: both;
}
/* line 13, ../sass/_header.scss */
.header-top .header-content {
  width: 1000px;
  margin: 0 auto;
}
@media only all and (max-width: 640px) {
  /* line 13, ../sass/_header.scss */
  .header-top .header-content {
    width: 640px;
  }
}
/* line 19, ../sass/_header.scss */
.header-top .header-content .content-left {
  float: left;
}
/* line 22, ../sass/_header.scss */
.header-top .header-content .content-left .home_icon {
  display: none;
}
@media only all and (max-width: 640px) {
  /* line 22, ../sass/_header.scss */
  .header-top .header-content .content-left .home_icon {
    display: block;
    height: 100%;
    margin-top: 10px;
    margin-left: 20px;
    border: 0px;
  }
}

@media only all and (max-width: 640px) {
  /* line 214, ../sass/_public.scss */
  .pc {
    display: none;
  }
}

/* line 219, ../sass/_public.scss */
.phone {
  display: none;
}
@media only all and (max-width: 640px) {
  /* line 219, ../sass/_public.scss */
  .phone {
    display: block;
  }
}

@media only all and (max-width: 640px) {
  /* line 32, ../sass/_header.scss */
  .header-top .header-content .content-left .pc_link {
    display: none;
  }
}
/* line 38, ../sass/_header.scss */
.header-top .header-content .content-right {
  float: right;
}
@media only all and (max-width: 640px) {
  /* line 38, ../sass/_header.scss */
  .header-top .header-content .content-right {
    margin-top: 8px;
  }
}
/* line 44, ../sass/_header.scss */
.header-top .header-content .days {
  float: left;
  width: 100px;
  height: 100%;
}
@media only all and (max-width: 640px) {
  /* line 44, ../sass/_header.scss */
  .header-top .header-content .days {
    width: 160px;
    margin-top:6px;
  }
}
/* line 51, ../sass/_header.scss */
.header-top .header-content .days a {
    width:16px;
    height:27px;
    line-height:27px;
    margin-top:2px;
  padding: 1px;
  color: #00a0e9;
  font-size: 22px;
  display: block;
  text-align: center;
  background-color: #fff;
  margin-right: 3px;
  float: left;
}
@media only all and (max-width: 640px) {
  /* line 51, ../sass/_header.scss */
  .header-top .header-content .days a {
    font-size: 40px;
    width: 30px;
    height: 40px;
    line-height: 38px;
  }
}
/* line 67, ../sass/_header.scss */
.header-top .header-content .days span {
  display: block;
  float: right;
  padding-top: 6px;
  font-size: 14px;
  color: #fff;
}
@media only all and (max-width: 640px) {
  /* line 67, ../sass/_header.scss */
  .header-top .header-content .days span {
    padding-top: 5px;
    font-size: 22px;
  }
}
/* line 79, ../sass/_header.scss */
.header-top .header-content .language {
  float: left;
  margin-left: 20px;
}
/* line 84, ../sass/_header.scss */
.header-top .header-content .language a, .header-top .header-content .content-left a {
  margin-top: 10px;
  *margin-top: 5px;
  font-size: 14px;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #fff solid;
  height: 10px;
  line-height: 10px;
  *height: 20px;
  *line-height: 20px;
  float: left;
  display: block;
}
@media only all and (max-width: 640px) {
  /* line 84, ../sass/_header.scss */
  .header-top .header-content .language a, .header-top .header-content .content-left a {
    margin-top: 20px;
    font-size: 26px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 106, ../sass/_header.scss */
.header-top .header-content .language a.none, .header-top .header-content .content-left a.none {
  border: 0;
}

/* line 113, ../sass/_header.scss */
.header-bottom {
  width: 1000px;
  /*height: 154px;*/
  height:135px;

  background: #fff;
  margin: 0 auto;
  position: relative;
}
@media only all and (max-width: 640px) {
  /* line 113, ../sass/_header.scss */
  .header-bottom {
    width: 640px;
  }
}
/* line 122, ../sass/_header.scss */
.header-bottom .slogan {
  width: 340px;
  /*padding-top: 30px;*/
  padding-top:25px;

  text-align: center;
  position: absolute;
  right: 0;
  left:50%;
  margin-left:-170px;
}
@media only all and (max-width: 640px) {
  /* line 122, ../sass/_header.scss */
  .header-bottom .slogan {
    padding-left: 0px;
    margin-right: 0;
    width: 450px;
  }
}
/* line 138, ../sass/_header.scss */
.header-bottom .slogan h1 {
  font-size: 19px;
  color: #727171;
}
@media only all and (max-width: 1024px) {
  /* line 138, ../sass/_header.scss */
  .header-bottom .slogan h1 {
    font-size: 19px;
  }
}
@media only all and (max-width: 640px) {
  /* line 138, ../sass/_header.scss */
  .header-bottom .slogan h1 {
    font-size: 21px;
  }
}
/* line 148, ../sass/_header.scss */
.header-bottom .slogan p.txt {
  font-size: 14px;
  color: #727171;
}
@media only all and (max-width: 1024px) {
  /* line 148, ../sass/_header.scss */
  .header-bottom .slogan p.txt {
    font-size: 21px;
  }
}
@media only all and (max-width: 640px) {
  /* line 148, ../sass/_header.scss */
  .header-bottom .slogan p.txt {
    font-size: 19px;
  }
}
/* line 158, ../sass/_header.scss */
.header-bottom .slogan p.color {
  color: #00a0e9;
}
/* line 161, ../sass/_header.scss */
.header-bottom .slogan p.txt-1 {
  font-size: 14px;
}
/* line 166, ../sass/_header.scss */
.header-bottom .logo {
  float: left;
  /*margin-top: 45px;*/
  margin-top:35px;

  width: 250px;
  height: 80px;
  background: url(../images/public/logo.png) no-repeat;
  background-size: 100%;
}
@media only all and (max-width: 1024px) {
  /* line 166, ../sass/_header.scss */
  .header-bottom .logo {
    left: 10%;
  }
}
@media only all and (max-width: 640px) {
  /* line 166, ../sass/_header.scss */
  .header-bottom .logo {
    left: 30px;
    width: 170px;
    background: url(../images/public/logo640.png) no-repeat;
  }
}
/* line 185, ../sass/_header.scss */
.header-bottom .fifth {
  position: absolute;
  right: -160px;
  bottom: 0;
}
@media only all and (max-width: 1024px) {
  /* line 185, ../sass/_header.scss */
  .header-bottom .fifth {
    right: 10px;
    display: none;
  }
  /* line 192, ../sass/_header.scss */
  .header-bottom .fifth img {
    width: 315px;
  }
}
@media only all and (max-width: 640px) {
  /* line 185, ../sass/_header.scss */
  .header-bottom .fifth {
    display: none;
  }
}

/* line 202, ../sass/_header.scss */
.bg {
  width: 100%;
  height: 30px;
  background: url(../images/public/nav_bg.jpg) center center repeat-y;
}

/* line 208, ../sass/_header.scss */
.nav {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  *zoom: 1;
}
/* line 38, ../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.nav:after {
  content: "";
  display: table;
  clear: both;
}
/* line 213, ../sass/_header.scss */
.nav li {
  float: left;
  position: relative;
  *zoom: 1;
}
/* line 38, ../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.nav li:after {
  content: "";
  display: table;
  clear: both;
}
/* line 218, ../sass/_header.scss */
.nav a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin: 4px 41px 4px 22px;
  font-weight: 600;
}
/* line 227, ../sass/_header.scss */
.nav a.home {
  width: 30px;
  background: url(../images/public/home.png) no-repeat center center;
  text-indent: -9999px;
}
/* line 232, ../sass/_header.scss */
.nav a:hover {
  text-decoration: underline;
}

@media only all and (max-width: 640px) {
  /* line 237, ../sass/_header.scss */
  .nav-bg {
    display: none;
  }
}

/* line 243, ../sass/_header.scss */
.header-phone {
  display: none;
  width: 100%;
  height: 120px;
  background: url(../images/public/nav_bg.jpg) center center repeat-y;
}
@media only all and (max-width: 640px) {
  /* line 243, ../sass/_header.scss */
  .header-phone {
    display: block;
  }
}
/* line 251, ../sass/_header.scss */
.header-phone .menu {
  width: 238px;
  height: 120px;
  display: block;
  background: url(../images/public/menu.png) center center no-repeat;
  float: left;
  border: 0;
  text-indent: -999em;
  border-right: 1px #fff solid;
}
/* line 261, ../sass/_header.scss */
.header-phone .sign-in-phone, .header-phone .apply-phone {
  width: 200px;
  height: 120px;
  display: block;
  color: #fff;
  text-align: center;
  padding-top: 25px;
  float: left;
}
/* line 269, ../sass/_header.scss */
.header-phone .sign-in-phone h2, .header-phone .apply-phone h2 {
  font-size: 35px;
}
/* line 272, ../sass/_header.scss */
.header-phone .sign-in-phone p, .header-phone .apply-phone p {
  font-size: 14px;
}
/* line 276, ../sass/_header.scss */
.header-phone .sign-in-phone {
  border-right: 1px #fff solid;
}

/* line 282, ../sass/_header.scss */
html, body {
  overflow-x: hidden;
}

/* line 286, ../sass/_header.scss */
.shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999999999999999999999999999999;
  background: #333;
  opacity: 0.8;
}

/* line 297, ../sass/_header.scss */
.mobile-nav {
  /*width: 510px;*/
    /*width:465px;*/
    /*width:100%;*/
  height: 100%;
  position: fixed;
  /*left: -465px;*/
  left:-100%;
  z-index: 99999;
  top: 0;
  background: #925DA3 url(../images/nav-bg.jpg) repeat-x top center;
}
/* line 305, ../sass/_header.scss */
.mobile-nav .nav-left {
  /*width: 290px;*/
    /*width:240px;*/
  width:210px;
  float: left;
}
/* line 309, ../sass/_header.scss */
.mobile-nav .nav-left a {
  position: relative;
  width: 100%;
  /*line-height: 83px;*/
  padding:25px 0;
  display: block;
  padding-left: 30px;
  color: #fff;
  font-size: 24px;
  border-bottom: 1px solid #909ed0;
  border-right: 1px solid #909ed0;
}
/* line 319, ../sass/_header.scss */
.mobile-nav .nav-left a .close-btn {
  position: absolute;
  right: 25px;
  top: 25px;
}
/* line 325, ../sass/_header.scss */
.mobile-nav .nav-left a.on {
  background: url(../images/play.png) no-repeat 87% center;
  border-right: none;
}
/* line 330, ../sass/_header.scss */
.mobile-nav .nav-right {
  /*width: 220px;*/
  width:180px;
  float: right;
}
/* line 333, ../sass/_header.scss */
.mobile-nav .nav-right .second-nav,.mobile-nav .nav-right .third-nav {
  display: none;
  margin-top: 100px;
  padding: 0 30px;
}
.mobile-nav .nav-right .third-nav{
    display:block;
}
/* line 337, ../sass/_header.scss */
.mobile-nav .nav-right .second-nav a,.mobile-nav .nav-right .third-nav a {
  width: 100%;
  /*line-height: 60px;*/
   padding:15px 0;
  display: block;
  color: #fff;
  font-size: 24px;
  border-bottom: 1px solid #909ed0;
}
/* line 346, ../sass/_header.scss */
.mobile-nav .nav-right .second-nav-1,.mobile-nav .nav-right .third-nav-1{
  display: block;
}

/* line 354, ../sass/_header.scss */
.menu-drop {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 999;
}
/* line 359, ../sass/_header.scss */
.menu-drop .drop {
  display: none;
  position: absolute;
  width: 120px;
  line-height: 35px;
}
/* line 364, ../sass/_header.scss */
.menu-drop .drop a {
  display: block;
  background: #00a0e9;
  color: #fff;
  font-size: 14px;
  padding: 0 6px;
  border-bottom: 1px solid #C7DCE6;
}
/* line 365, ../sass/_header.scss */
.menu-drop .drop a:hover {
  background: #4DB4E3;
}
/* line 367, ../sass/_header.scss */
.menu-drop .drop1 {
  left: 12.2%;
}
/* line 368, ../sass/_header.scss */
.menu-drop .drop2 {
  left: 25%;
}
/* line 369, ../sass/_header.scss */
.menu-drop .drop3 {
  left: 38%;
}
/* line 370, ../sass/_header.scss */
.menu-drop .drop4 {
  left: 51%;
}
/* line 371, ../sass/_header.scss */
.menu-drop .drop5 {
  left: 64%;
}
/* line 372, ../sass/_header.scss */
.menu-drop .drop6 {
  left: 77%;
}
/* line 373, ../sass/_header.scss */
.menu-drop .drop7 {
  left: 89%;
}

/* line 2, ../sass/_footer.scss */
#footer {
  background: #dff1fc;
  *min-height: 350px;
}
/* line 5, ../sass/_footer.scss */
#footer .content {
  width: 1000px;
  margin: 0 auto;
  padding-top: 70px;
  overflow: hidden;
  *zoom: 1;
}
@media only all and (max-width: 1024px) {
  /* line 5, ../sass/_footer.scss */
  #footer .content {
    width: 980px;
  }
}
@media only all and (max-width: 640px) {
  /* line 5, ../sass/_footer.scss */
  #footer .content {
    width: 600px;
  }
}

/* line 19, ../sass/_footer.scss */
.footer-top {
  *zoom: 1;
}
/* line 38, ../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.footer-top:after {
  content: "";
  display: table;
  clear: both;
}
/* line 21, ../sass/_footer.scss */
.footer-top .item {
  float: left;
  margin-right: 35px;
}
@media only all and (max-width: 640px) {
  /* line 21, ../sass/_footer.scss */
  .footer-top .item {
    height: 350px;
    margin-bottom: 20px;
    margin-left: 30px;
  }
}
/* line 29, ../sass/_footer.scss */
.footer-top .item h3 {
  font-size: 14px;
  color: #525252;
  margin-bottom: 15px;
}
@media only all and (max-width: 640px) {
  /* line 29, ../sass/_footer.scss */
  .footer-top .item h3 {
    font-size: 30px;
  }
}
/* line 37, ../sass/_footer.scss */
.footer-top .item a {
  display: block;
  line-height: 25px;
  color: #989797;
  font-size: 12px;
}
@media only all and (max-width: 640px) {
  /* line 37, ../sass/_footer.scss */
  .footer-top .item a {
    line-height: 40px;
    font-size: 24px;
  }
}
/* line 47, ../sass/_footer.scss */
.footer-top .item a:hover {
  text-decoration: underline;
}
/* line 52, ../sass/_footer.scss */
.footer-top .follow {
  float: right;
}
@media only all and (max-width: 640px) {
  /* line 52, ../sass/_footer.scss */
  .footer-top .follow {
    float: left;
    *zoom: 1;
  }
  /* line 38, ../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
  .footer-top .follow:after {
    content: "";
    display: table;
    clear: both;
  }
}
/* line 58, ../sass/_footer.scss */
.footer-top .follow h3 {
  font-size: 14px;
  color: #525252;
  margin-bottom: 15px;
}
@media only all and (max-width: 640px) {
  /* line 58, ../sass/_footer.scss */
  .footer-top .follow h3 {
    font-size: 30px;
  }
}
/* line 66, ../sass/_footer.scss */
.footer-top .follow .code {
  float: left;
  width: 90px;
}
/* line 69, ../sass/_footer.scss */
.footer-top .follow .code p {
  margin-top: 10px;
  text-align: center;
  color: #525252;
  font-size: 12px;
}
@media only all and (max-width: 640px) {
  /* line 69, ../sass/_footer.scss */
  .footer-top .follow .code p {
    font-size: 24px;
  }
}
/* line 79, ../sass/_footer.scss */
.footer-top .follow .code-cbme {
  margin-left: 20px;
}

/* line 85, ../sass/_footer.scss */
.footer-bottom {
  margin-top: 30px;
  position: relative;
}
@media only all and (max-width: 640px) {
  /* line 85, ../sass/_footer.scss */
  .footer-bottom {
    padding-bottom: 30px;
  }
}
/* line 91, ../sass/_footer.scss */
.footer-bottom .bottom-nav {
  *zoom: 1;
}
/* line 38, ../../../../Ruby200/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/utilities/general/_clearfix.scss */
.footer-bottom .bottom-nav:after {
  content: "";
  display: table;
  clear: both;
}
/* line 93, ../sass/_footer.scss */
.footer-bottom .bottom-nav a {
  font-size: 12px;
  display: block;
  float: left;
  color: #989797;
  margin-right: 10px;
  border-right: 1px #989797 solid;
  padding-right: 10px;
  height: 10px;
  line-height: 10px;
  *height: 20px;
  *line-height: 20px;
}
@media only all and (max-width: 640px) {
  /* line 93, ../sass/_footer.scss */
  .footer-bottom .bottom-nav a {
    font-size: 20px;
  }
}
/* line 109, ../sass/_footer.scss */
.footer-bottom .bottom-nav a:hover {
  text-decoration: underline;
}
/* line 112, ../sass/_footer.scss */
.footer-bottom .bottom-nav a.none {
  border: 0;
}
/* line 116, ../sass/_footer.scss */
.footer-bottom p {
  color: #989797;
  font-size: 12px;
  margin-top: 12px;
}
@media only all and (max-width: 640px) {
  /* line 116, ../sass/_footer.scss */
  .footer-bottom p {
    font-size: 20px;
  }
}
/* line 124, ../sass/_footer.scss */
.footer-bottom .back-top {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url(../images/public/top.png) no-repeat;
  cursor: pointer;
  text-indent: -999em;
}
@media only all and (max-width: 640px) {
  /* line 124, ../sass/_footer.scss */
  .footer-bottom .back-top {
    bottom: 30px;
  }
}

/* line 1, ../sass/_public.scss */
.main {
  /*width: 100%;
  max-width: 800px; */
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 95px;
  overflow: hidden;
  *zoom: 1;
}
@media only all and (max-width: 800px) {
  /* line 1, ../sass/_public.scss */
  .main {
    width: 100%;
  }
}

/* line 12, ../sass/_public.scss */
h2.headline {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
/* line 15, ../sass/_public.scss */
h2.headline span.title {
  font-size: 26px;
  color: #00a0e9;
  float: left;
}
@media only all and (max-width: 640px) {
  /* line 15, ../sass/_public.scss */
  h2.headline span.title {
    font-size: 32px;
  }
}
/* line 23, ../sass/_public.scss */
h2.headline span.border {
  width: 834px;
  height: 4px;
  display: block;
  float: left;
  margin-left: 5px;
  background: url(../images/index/header_line.jpg) no-repeat;
  margin-top: 20px;
}
@media only all and (max-width: 640px) {
  /* line 23, ../sass/_public.scss */
  h2.headline span.border {
    display: none;
  }
}
/* line 35, ../sass/_public.scss */
h2.headline a.more {
  float: right;
  display: block;
  text-decoration: underline;
  font-size: 12px;
  color: #221815;
  margin-top: 10px;
}
@media only all and (max-width: 640px) {
  /* line 35, ../sass/_public.scss */
  h2.headline a.more {
    font-size: 25px;
  }
}
/* line 46, ../sass/_public.scss */
h2.headline a:hover {
  color: #00a0e9;
}

/* line 51, ../sass/_public.scss */
.left-nav {
  width: 20%;
  float: left;
  background-color: #F5F5F5;
  padding: 10px 20px 30px 20px;
  margin-right: 10px;
}
@media only all and (max-width: 640px) {
  /* line 51, ../sass/_public.scss */
  .left-nav {
    display: none;
  }
}
/* line 60, ../sass/_public.scss */
.left-nav h2 {
  font-size: 20px;
  color: #89898a;
}
/* line 64, ../sass/_public.scss */
.left-nav ul {
  overflow: hidden;
  *zoom: 1;
}
/* line 66, ../sass/_public.scss */
.left-nav ul li a {
  width: 100%;
  min-height: 20px;
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin-top: 15px;
  background: url(../images/overview/nav_arrow.png) left center no-repeat;
  padding-left: 25px;
  color: #89898a;
}
/* line 77, ../sass/_public.scss */
.left-nav ul a:hover, .left-nav ul a.on {
  background: url(../images/overview/nav_arrow_on.png) left center no-repeat;
  color: #000;
}
/* line 81, ../sass/_public.scss */
.left-nav ul .sub-nav {
  margin-left: 25px;
}
/* line 83, ../sass/_public.scss */
.left-nav ul .sub-nav a {
  background: 0;
  padding-left: 0;
  font-size: 14px;
}
/* line 90, ../sass/_public.scss */
.left-nav .sign-in, .left-nav .apply {
  width: 156px;
  /*height: 69px;*/
   height:80px;
  display: block;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}
/* line 97, ../sass/_public.scss */
.left-nav .sign-in h3, .left-nav .apply h3 {
  font-size: 18px;
  /*margin-top: 3px;*/
    margin-top:8px;
}
/* line 101, ../sass/_public.scss */
.left-nav .sign-in p, .left-nav .apply p {
  font-size: 12px;
}
/* line 105, ../sass/_public.scss */
.left-nav .sign-in {
  background: url(../images/index/sign_bg.png) no-repeat;
  background-size: 100%;
  margin-top: 50px;
}
/* line 110, ../sass/_public.scss */
.left-nav .apply {
  background: url(../images/index/apply_bg.png) no-repeat;
  background-size: 100%;
  margin-top: 30px;
}
/* line 115, ../sass/_public.scss */
.left-nav .follow {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
/* line 119, ../sass/_public.scss */
.left-nav .follow p {
  padding-top: 20px;
  font-size: 14px;
}

/* line 126, ../sass/_public.scss */
.main-content {
 
  /*width: 92%;
  padding-right:18px;*/
}
@media only all and (max-width: 640px) {
  /* line 126, ../sass/_public.scss */
  .main-content {
    width: 100%;
    padding-right:0;
  }
}
/* line 132, ../sass/_public.scss */
.main-content h2 {
  font-size: 20px;
  color: #000000;
}

/* line 138, ../sass/_public.scss */
.pages {
  color: #666;
  margin: 40px;
  font-size: 12px;
  overflow: hidden;
  *zoom: 1;
}
/* line 143, ../sass/_public.scss */
.pages a {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border: 1px solid #b7b7b7;
  color: #000;
  margin: 2px;
  display: block;
  float: left;
}
/* line 154, ../sass/_public.scss */
.pages a:hover {
  background: #8F82BC;
  color: #fff;
}
/* line 158, ../sass/_public.scss */
.pages a.active {
  background: #8F82BC;
}
/* line 159, ../sass/_public.scss */
.pages a.pre, .pages a.next {
  width: 68px;
  height: 25px;
  border: 0;
}
/* line 165, ../sass/_public.scss */
.pages a.pre:hover, .pages a.next:hover {
  background-color: none;
  text-decoration: underline;
}
/* line 169, ../sass/_public.scss */
.pages a.pre {
  background: url(../images/audience/pre.jpg) center center no-repeat;
}
/* line 172, ../sass/_public.scss */
.pages a.next {
  background: url(../images/audience/next.jpg) center center no-repeat;
}
/* line 175, ../sass/_public.scss */
.pages a.pre:hover {
  color: #fff;
  background: url(../images/audience/pre_hover.jpg) center center no-repeat;
}
/* line 179, ../sass/_public.scss */
.pages a.next:hover {
  background: url(../images/audience/next_hover.jpg) center center no-repeat;
  color: #fff;
}
/* line 183, ../sass/_public.scss */
.pages a.last {
  width: 40px;
}
/* line 186, ../sass/_public.scss */
.pages .input {
  float: left;
  font-size: 16px;
  color: #000;
  margin-left: 20px;
}
/* line 192, ../sass/_public.scss */
.pages input[type=text] {
  margin-left: 5px;
  margin-right: 5px;
  width: 30px;
}
/* line 197, ../sass/_public.scss */
.pages input[type=button] {
  width: 40px;
  height: 28px;
  background: url(../images/audience/go.jpg) center center no-repeat;
  border: 0;
  cursor: pointer;
  float: left;
  margin-left: 5px;
}


/*面包屑导航*/
.breadcrumbs{
    color:#89898a;
    margin-bottom:15px;
}
.breadcrumbs a{
    color:#89898a;
}
.breadcrumbs a.current-link{
    color:#00a0e9;
}

.ad-gif{
    float:right;
    margin-top:30px;
    display:block;
}
@media only all and (max-width: 640px) {
    .ad-gif{
        display:none;
    }
}