@charset "UTF-8";
/**
 * layout.css contains all the base styles, including typography\color\utilities.
 * In future developing,all the base style of tags or classes should be called from this file to
 * keep the style of our site unified.
 * DO NOT override styles in this code if not nessesary.
 * Modification of this file should be approved by all FE members.
 */
/**
 * Browser Supporting
 */
/**
 * Base typography
 */
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;
}

input, textarea {
  outline: none;
  font-size: 14px;
}

pre {
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
  line-height: 28px;
}

html {
  overflow-y: scoll;
  overflow: -moz-scrollbars-vertical;
}

body {
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
  line-height: 28px;
  color: #666;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

em {
  font-style: normal;
}

small {
  font-size: 12px;
}

fieldset, img {
  border: 0;
}

img {
  -ms-interpolation-mode: bicubic;
}

textarea {
  resize: vertical;
}

input.input, textarea.input {
  border: 1px solid #e6e6e6;
  line-height: 22px;
  height: 22px;
  resize: none;
}

h1, h2, h3 {
  color: #333;
  font-weight: bold;
}

h1 {
  font-size: 28px;
  letter-spacing: 3px;
}

h2 {
  font-size: 18px;
  line-height: 18px;
  margin-top: 50px;
  margin-bottom: 20px;
}

h2:before {
  content: '';
  border-left: 3px solid #3F82FC;
  padding-right: 14px;
  display: inline-block;
  width: 0;
  height: 18px;
  vertical-align: bottom;
}

h2.small-top {
  margin-top: 30px;
}

h2.zy-background {
  padding: 14px 0;
}

h3 {
  line-height: 14px;
  margin-bottom: 20px;
  margin-top: 30px;
  clear: both;
  font-size: 16px;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #3F82FC;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
}

hr {
  border: none;
  border-bottom: 1px solid #f1f1f1;
  margin: 30px 0;
}

.icon-warning {
  color: #ffc48c;
}

/**
 * Utilities
 */
.clearfix, .zy-titlebar, .zy-pager-wrapper {
  *zoom: 1;
}

.clearfix:after, .zy-titlebar:after, .zy-pager-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.left, .zy-titlebar .zy-titlebar-right > * {
  display: inline;
  float: left;
}

.right, .zy-titlebar .zy-titlebar-right, .zy-pager-wrapper {
  display: inline;
  float: right;
}

a.underline {
  text-decoration: none;
}

a.underline:hover {
  text-decoration: underline;
}

div.inline {
  display: inline-block;
}

.hide {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.wordwrap {
  word-break: break-all;
  word-wrap: break-word;
}

pre.wordwrap {
  white-space: pre-wrap;
}

.emphasis {
  color: #F95D5D;
}

.info {
  color: #3F82FC;
}

.yahei {
  font-family: PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
}

a.zy-normal-font, .zy-titlebar a.zy-titlebar-right {
  color: #3F82FC;
}

.zy-normal-font, .zy-titlebar .zy-titlebar-right {
  font-size: 14px;
  font-weight: normal;
  color: #666;
}

.zy-normal-font a, .zy-titlebar .zy-titlebar-right a {
  color: #3F82FC;
}

.zy-background {
  background-color: #f9f9f9;
}

.zy-titlebar {
  position: relative;
}

.zy-titlebar .zy-titlebar-right {
  height: 18px;
  line-height: 18px;
  margin-right: 14px;
}

.zy-titlebar .zy-titlebar-right.zy-round-tab {
  line-height: inherit;
}

.zy-chart-wrapper .zy-chart-container {
  width: 100%;
  height: 300px;
}

.zy-no-data {
  margin: 50px auto;
  width: 200px;
  text-align: center;
}

.zy-no-data:before {
  content: '\e838';
  font-family: "fontello";
  font-size: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 30px;
  display: block;
  color: #ddd;
}

.zy-splitline {
  display: inline-block;
  height: 18px;
  width: 0;
  margin: 0 14px;
  border-right: 1px solid #e6e6e6;
  vertical-align: middle;
}

.zy-errorpage {
  width: 1200px;
  margin: 90px auto;
  text-align: center;
}

.zy-errorpage img {
  width: 542px;
  margin: 0 auto;
  display: block;
}

.zy-errorpage .error-title {
  font-size: 18px;
  margin: 14px auto;
  color: #333;
}

.zy-errorpage .error-content {
  margin: 30px auto;
}

textarea, input[type="text"] {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 0 14px;
  line-height: 22px;
  height: 38px;
  resize: none;
}

textarea :-moz-placeholder, input[type="text"] :-moz-placeholder {
  color: #999;
}

textarea ::-moz-placeholder, input[type="text"] ::-moz-placeholder {
  color: #999;
}

textarea :-ms-input-placeholder, input[type="text"] :-ms-input-placeholder {
  color: #999;
}

textarea ::-webkit-input-placeholder, input[type="text"] ::-webkit-input-placeholder {
  color: #999;
}

.mod-intro img {
  border: 1px solid #f0f0f0;
  max-width: 760px;
}

.layout-main {
  min-height: 400px;
}

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

table th {
  font-weight: bold;
  background-color: #f7f7f7;
}

table th small,
table td small {
  color: #999;
}

.btn-large-blue {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid transparent;
  background-color: #3F82FC;
}

.btn-large-blue:hover {
  text-decoration: none;
  background-color: #2b6feb;
}

.btn-large-red {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: none;
  background-color: #f35b5b;
}

.btn-large-red:hover {
  text-decoration: none;
  background-color: #fa6c6c;
}

.btn-large-dark {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid #333;
  background-color: #333;
}

.btn-large-dark:hover {
  text-decoration: none;
}

.btn-large-wht {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-large-wht:hover {
  background: rgba(49, 116, 238, 0.05);
  color: #3F82FC;
}

.btn-large-wht:hover {
  text-decoration: none;
  color: #3F82FC;
}

.btn-large-lose {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #999;
  border: 1px solid #d8d8d8;
  background-color: #f7f7f7;
}

.btn-large-whtb {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #3F82FC;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-large-whtb:hover {
  background: rgba(49, 116, 238, 0.05);
}

.btn-large-whtb:hover {
  text-decoration: none;
}

.btn-big-blue {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid transparent;
  background-color: #3F82FC;
}

.btn-big-blue:hover {
  text-decoration: none;
  background-color: #2b6feb;
}

.btn-big-red {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: none;
  background-color: #f35b5b;
}

.btn-big-red:hover {
  text-decoration: none;
  background-color: #fa6c6c;
}

.btn-big-dark {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid #333;
  background-color: #333;
}

.btn-big-dark:hover {
  text-decoration: none;
}

.btn-big-wht {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-big-wht:hover {
  background: rgba(49, 116, 238, 0.05);
  color: #3F82FC;
}

.btn-big-wht:hover {
  text-decoration: none;
  color: #3F82FC;
}

.btn-big-lose {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #999;
  border: 1px solid #d8d8d8;
  background-color: #f7f7f7;
}

.btn-big-whtb {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #3F82FC;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-big-whtb:hover {
  background: rgba(49, 116, 238, 0.05);
}

.btn-big-whtb:hover {
  text-decoration: none;
}

.btn-mid-blue {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid transparent;
  background-color: #3F82FC;
}

.btn-mid-blue:hover {
  text-decoration: none;
  background-color: #2b6feb;
}

.btn-mid-red {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: none;
  background-color: #f35b5b;
}

.btn-mid-red:hover {
  text-decoration: none;
  background-color: #fa6c6c;
}

.btn-mid-dark {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid #333;
  background-color: #333;
}

.btn-mid-dark:hover {
  text-decoration: none;
}

.btn-mid-wht, .webuploader-pick {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-mid-wht:hover, .webuploader-pick:hover {
  background: rgba(49, 116, 238, 0.05);
  color: #3F82FC;
}

.btn-mid-wht:hover, .webuploader-pick:hover {
  text-decoration: none;
  color: #3F82FC;
}

.btn-mid-lose {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #999;
  border: 1px solid #d8d8d8;
  background-color: #f7f7f7;
}

.btn-mid-whtb {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #3F82FC;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-mid-whtb:hover {
  background: rgba(49, 116, 238, 0.05);
}

.btn-mid-whtb:hover {
  text-decoration: none;
}

.btn-small-blue {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid transparent;
  background-color: #3F82FC;
}

.btn-small-blue:hover {
  text-decoration: none;
  background-color: #2b6feb;
}

.btn-small-red {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: none;
  background-color: #f35b5b;
}

.btn-small-red:hover {
  text-decoration: none;
  background-color: #fa6c6c;
}

.btn-small-dark {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border: 1px solid #333;
  background-color: #333;
}

.btn-small-dark:hover {
  text-decoration: none;
}

.btn-small-wht {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-small-wht:hover {
  background: rgba(49, 116, 238, 0.05);
  color: #3F82FC;
}

.btn-small-wht:hover {
  text-decoration: none;
  color: #3F82FC;
}

.btn-small-lose {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #999;
  border: 1px solid #d8d8d8;
  background-color: #f7f7f7;
}

.btn-small-whtb {
  width: 118px;
  height: 36px;
  line-height: 36px !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid #3F82FC;
  border-radius: 3px;
  width: 116px;
  height: 36px;
  color: #3F82FC;
  background-color: #fff;
}

.btn-small-whtb:hover {
  background: rgba(49, 116, 238, 0.05);
}

.btn-small-whtb:hover {
  text-decoration: none;
}

/*栅格结构 pl15 等同于padding-left 15px，依次类推*/
.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pr15 {
  padding-right: 15px;
}

.pt5 {
  padding-top: 5px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.ml5 {
  margin-left: 5px;
}

.ml20 {
  margin-left: 20px;
}

.ml10 {
  margin-left: 10px;
}

.ml14 {
  margin-left: 14px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml60 {
  margin-left: 60px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr30 {
  margin-right: 30px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt14 {
  margin-top: 14px;
}

.mt15 {
  margin-top: 15px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb150 {
  margin-bottom: 150px;
}

.w90 {
  width: 90px;
}

/*add by wangshaojun01*/
body .mod-notice-check-browser-tip {
  position: absolute;
  display: none;
  width: 347px;
  line-height: 20px;
  z-index: 9900;
}

ul.bare {
  line-height: 18px;
}

.gray {
  color: #666666;
}

/*常见问题样式*/
.mod-faq-style {
  margin-top: 30px;
  background: #f9f9f9;
  font-size: 14px;
  line-height: 42px;
  padding: 14px;
}

.mod-faq-style .title {
  font-size: 18px;
  color: #333;
  line-height: 42px;
  font-weight: bolder;
}

.mod-faq-style a, a.mod-faq-style {
  color: #3F82FC;
}

.colorTip {
  display: none;
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  /*text-indent: 2em;*/
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
  width: 230px;
  text-decoration: none;
  white-space: normal;
  word-break: break-all;
  box-shadow: 0.1px 2px 4px #D9D9D9;
  -moz-box-shadow: 0.1px 2px 4px #D9D9D9;
  -webkit-box-shadow: 0.1px 2px 4px #D9D9D9;
  z-index: 1000;
  _zoom: 1;
}

.colorTip.tip-pos-top, .colorTip.tip-pos-bottom {
  margin: 8px 0;
}

.colorTip.tip-pos-left, .colorTip.tip-pos-right {
  margin: 0 8px;
}

.pointyTip, .pointyTipShadow {
  width: 0;
  height: 0;
  position: absolute;
  margin-left: -6px;
  border: 6px solid transparent;
  _border: 6px solid #dddddd;
  font-size: 0;
  line-height: 0;
  _filter: chroma(color=#dddddd);
  z-index: 1001;
}

.pointyTipShadow {
  border-width: 7px;
  bottom: -14px;
  _bottom: -15px;
  margin-left: -7px;
}

.tip-pos-top .pointyTip {
  left: 50%;
  bottom: -12px;
  border-top-color: #fff;
}

.tip-pos-top .pointyTipShadow {
  left: 50%;
  bottom: -14px;
  border-top-color: #E2E2E2;
}

.tip-pos-bottom .pointyTip {
  left: 50%;
  top: -12px;
  border-bottom-color: #fff;
}

.tip-pos-bottom .pointyTipShadow {
  left: 50%;
  top: -14px;
  border-bottom-color: #E2E2E2;
}

.tip-pos-left .pointyTip {
  top: 50%;
  right: -12px;
  border-left-color: #fff;
}

.tip-pos-left .pointyTipShadow {
  top: 50%;
  right: -14px;
  border-left-color: #E2E2E2;
}

.tip-pos-right .pointyTip {
  top: 50%;
  left: -6px;
  border-right-color: #fff;
}

.tip-pos-right .pointyTipShadow {
  top: 50%;
  left: -7px;
  border-right-color: #E2E2E2;
}

.webuploader-container {
  position: relative;
}

.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}

input[type=checkbox] {
  display: none !important;
}

input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
}

input[type=checkbox] + label:before {
  content: '';
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-transition: all false false, 0.3s false false;
  -moz-transition: all false false false, 0.3s false false false;
  -o-transition: all false false false, 0.3s false false false;
  transition: all, 0.3s;
}

input[type=checkbox] + label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 5px;
  left: 2px;
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all false false, 0.3s false false;
  -moz-transition: all false false false, 0.3s false false false;
  -o-transition: all false false false, 0.3s false false false;
  transition: all, 0.3s;
}

input[type=checkbox]:checked + label:after {
  opacity: 1;
}

input[type=checkbox]:checked + label:before {
  background: #3F82FC;
  border: none;
}

input[type=checkbox]:disabled + label:before {
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
  cursor: not-allowed;
}

input[type=radio] {
  display: none !important;
}

input[type=radio] + label {
  position: relative;
  cursor: pointer;
}

input[type=radio] + label:before {
  content: '';
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-transition: all false false, 0.3s false false;
  -moz-transition: all false false false, 0.3s false false false;
  -o-transition: all false false false, 0.3s false false false;
  transition: all, 0.3s;
}

input[type=radio] + label:after {
  opacity: 0;
  background: #3F82FC;
  top: 7px;
  left: 4px;
  content: '';
  display: block;
  cursor: pointer;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-transition: all false false, 0.3s false false;
  -moz-transition: all false false false, 0.3s false false false;
  -o-transition: all false false false, 0.3s false false false;
  transition: all, 0.3s;
}

input[type=radio]:checked + label:after {
  opacity: 1;
}

input[type=radio]:checked + label:before {
  border: 1px solid #3F82FC;
}

input[type=radio]:disabled + label:before {
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
  cursor: not-allowed;
}

input[type=radio] + label:before, input[type=checkbox] + label:before {
  margin-right: 8px;
}

input[type="text"]:disabled {
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #666;
}

button:disabled {
  background: #e6e6e6;
  color: #fff;
  cursor: not-allowed;
}

button:disabled:hover {
  background: #e6e6e6;
  color: #fff;
}

.sample-item .active {
  color: #3F82FC;
}

.sample-item li:first-child {
  border-left: none;
  padding-left: 0px;
}

.sample-item li {
  float: left;
  padding: 0 30px;
  height: 14px;
  line-height: 14px;
  border-left: 1px solid #e6e6e6;
  cursor: pointer;
}

.sample-item li:hover {
  color: #3F82FC;
}

.mid-sub-tab ul li, .zy-round-tab li {
  padding: 0 14px;
  margin-right: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: 100px;
}

.mid-sub-tab ul li:last-child, .zy-round-tab li:last-child {
  margin-right: 0;
}

.mid-sub-tab ul li.active, .zy-round-tab li.active {
  background: #3f82fc;
  color: #fff;
}

.mid-sub-tab ul li.active a, .zy-round-tab li.active a {
  color: #fff;
}

.mid-sub-tab ul li:hover, .zy-round-tab li:hover {
  background: #3f82fc;
  color: #fff;
}

.mid-sub-tab ul li:hover a, .zy-round-tab li:hover a {
  color: #fff;
}

.mid-sub-tab {
  display: block;
  width: 100%;
  height: 42px;
  background: #f9f9f9;
}

.mid-sub-tab ul {
  height: 35px;
  padding: 7px 26px;
  padding-bottom: 0px;
  list-style: none;
  float: left;
}

.mid-sub-tab ul li {
  height: 28px;
  line-height: 28px;
  float: left;
}

.mid-sub-tab ul li a {
  color: #333;
  width: 100%;
  height: 100%;
  line-height: 18px;
  text-decoration: none;
}

.block-sub-tab {
  display: block;
  width: 100%;
  height: 36px;
}

.block-sub-tab ul {
  height: 36px;
  list-style: none;
  float: left;
}

.block-sub-tab ul li {
  width: 124px;
  font-size: 16px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  float: left;
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
  box-sizing: border-box;
  cursor: pointer;
}

.block-sub-tab ul li:last-child {
  border-left: none;
}

.block-sub-tab ul .active {
  background: #fff;
  color: #3f82fc;
}

a.dark {
  color: #666;
  text-decoration: none;
  font-size: 14px;
}

a.dark:hover {
  color: #3F82FC;
}

a.light {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

a.light:hover {
  color: #3F82FC;
}

a.blue {
  color: #3F82FC;
  font-size: 14px;
  text-decoration: none;
}

a.blue:hover {
  text-decoration: underline;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font: normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;
}

:focus::-webkit-input-placeholder {
  /* WebKit browsers */
  visibility: hidden;
}

:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  visibility: hidden;
}

:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  visibility: hidden;
}

:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  visibility: hidden;
}

.pass {
  position: relative;
  background: rgba(71, 175, 51, 0.08);
  width: 956px;
  line-height: 38px;
  padding-left: 40px;
  box-sizing: border-box;
}

.pass i {
  color: #07b906;
  margin-left: 14px;
}

.pass::before {
  position: absolute;
  left: 14px;
  content: '\e812';
  font-family: "fontello";
  color: #07b906;
}

.fail {
  position: relative;
  background: rgba(223, 63, 33, 0.08);
  width: 956px;
  line-height: 38px;
  padding-left: 40px;
  box-sizing: border-box;
}

.fail::before {
  position: absolute;
  left: 14px;
  content: '\e816';
  font-family: "fontello";
  color: #f95d5d;
}

.notice {
  position: relative;
  background: #f9f9f9;
  width: 956px;
  line-height: 38px;
  padding-left: 40px;
  box-sizing: border-box;
}

.notice::before {
  position: absolute;
  left: 14px;
  content: '\e816';
  font-family: "fontello";
  color: #999999;
}

.auditing {
  position: relative;
  background: rgba(63, 130, 252, 0.08);
  width: 956px;
  line-height: 38px;
  padding-left: 40px;
  box-sizing: border-box;
}

.auditing::before {
  position: absolute;
  left: 14px;
  content: '\e816';
  font-family: "fontello";
  color: #3496cf;
}

@font-face {
  font-family: 'fontello';
  src: url("/static/ziyuan/fonts/icon/font/fontello_87e9f96.eot?65642064");
  src: url("/static/ziyuan/fonts/icon/font/fontello_87e9f96.eot?65642064") format("embedded-opentype"), url("/static/ziyuan/fonts/icon/font/fontello_e579543.woff2?65642064") format("woff2"), url("/static/ziyuan/fonts/icon/font/fontello_b9a56ed.woff?65642064") format("woff"), url("/static/ziyuan/fonts/icon/font/fontello_a6e9c26.ttf?65642064") format("truetype"), url("/static/ziyuan/fonts/icon/font/fontello_b84a392.svg?65642064") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?65642064#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-keywords:before {
  content: '\e800';
}

/* '' */
.icon-college-others:before {
  content: '\e801';
}

/* '' */
.icon-back:before {
  content: '\e802';
}

/* '' */
.icon-submit:before {
  content: '\e803';
}

/* '' */
.icon-show:before {
  content: '\e804';
}

/* '' */
.icon-spider:before {
  content: '\e805';
}

/* '' */
.icon-mobile:before {
  content: '\e806';
}

/* '' */
.icon-optimization:before {
  content: '\e807';
}

/* '' */
.icon-question:before {
  content: '\e808';
}

/* '' */
.icon-gfh-analysis:before {
  content: '\e809';
}

/* '' */
.icon-weibo:before {
  content: '\e80a';
}

/* '' */
.icon-weixin:before {
  content: '\e80b';
}

/* '' */
.icon-delete:before {
  content: '\e80c';
}

/* '' */
.icon-edit:before {
  content: '\e80d';
}

/* '' */
.icon-gfh-commit:before {
  content: '\e80e';
}

/* '' */
.icon-note-close:before {
  content: '\e80f';
}

/* '' */
.icon-note-open:before {
  content: '\e810';
}

/* '' */
.icon-gfh-config:before {
  content: '\e811';
}

/* '' */
.icon-success:before {
  content: '\e812';
}

/* '' */
.icon-update:before {
  content: '\e813';
}

/* '' */
.icon-gfh-home:before {
  content: '\e814';
}

/* '' */
.icon-wait:before {
  content: '\e815';
}

/* '' */
.icon-warning:before {
  content: '\e816';
}

/* '' */
.icon-uparrow:before {
  content: '\e817';
}

/* '' */
.icon-downarrow:before {
  content: '\e818';
}

/* '' */
.icon-search:before {
  content: '\e819';
}

/* '' */
.icon-gfh-right:before {
  content: '\e81a';
}

/* '' */
.icon-gfh-arrow:before {
  content: '\e81b';
}

/* '' */
.icon-gfh-glad:before {
  content: '\e81c';
}

/* '' */
.icon-gfh-info:before {
  content: '\e81d';
}

/* '' */
.icon-url:before {
  content: '\e81e';
}

/* '' */
.icon-data-monitor:before {
  content: '\e81f';
}

/* '' */
.icon-exhibit-submit:before {
  content: '\e820';
}

/* '' */
.icon-pc-search:before {
  content: '\e821';
}

/* '' */
.icon-college-beginners:before {
  content: '\e822';
}

/* '' */
.icon-college-help:before {
  content: '\e823';
}

/* '' */
.icon-college-hot-videos:before {
  content: '\e824';
}

/* '' */
.icon-college-https:before {
  content: '\e825';
}

/* '' */
.icon-college-master:before {
  content: '\e826';
}

/* '' */
.icon-college-mip:before {
  content: '\e827';
}

/* '' */
.icon-college-new-content:before {
  content: '\e828';
}

/* '' */
.icon-college-protect:before {
  content: '\e82a';
}

/* '' */
.icon-college-rules:before {
  content: '\e82b';
}

/* '' */
.icon-college-seo:before {
  content: '\e82c';
}

/* '' */
.icon-college-spider:before {
  content: '\e82e';
}

/* '' */
.icon-college-tiyan:before {
  content: '\e82f';
}

/* '' */
.icon-gfh-sad:before {
  content: '\e830';
}

/* '' */
.icon-college-gfh-process:before {
  content: '\e831';
}

/* '' */
.icon-college-gfh-rules:before {
  content: '\e832';
}

/* '' */
.icon-college-optimization:before {
  content: '\e833';
}

/* '' */
.icon-college-question:before {
  content: '\e834';
}

/* '' */
.icon-college-show:before {
  content: '\e835';
}

/* '' */
.icon-college-tools-read:before {
  content: '\e836';
}

/* '' */
.icon-college-watch:before {
  content: '\e837';
}

/* '' */
.icon-nodata:before {
  content: '\e838';
}

/* '' */
.icon-auth-gfh:before {
  content: '\e83a';
}

/* '' */
.icon-add:before {
  content: '\e83b';
}

/* '' */
.icon-close:before {
  content: '\e83c';
}

/* '' */
.icon-monetize:before {
  content: '\e843';
}

/* '' */
.icon-warning-bg:before {
  content: '\e844';
}

/* '' */
.icon-small-question:before {
  content: '\e846';
}

/* '' */
.icon-gfh-normal:before {
  content: '\e847';
}

/* '' */
.icon-gfh-structure:before {
  content: '\e848';
}

/* '' */
.icon-check:before {
  content: '\e849';
}

/* '' */
.icon-voice:before {
  content: '\e84a';
}

/* '' */
.icon-mobile-search:before {
  content: '\e880';
}

/* '' */
.icon-college-server:before {
  content: '\e881';
}

/* '' */
.icon-feedback:before {
  content: '\e882';
}

/* '' */
.icon-operation:before {
  content: '\e884';
}

/* '' */
.icon-backBtn:before {
  content: '\e889';
}

/* '' */
.icon-adminset:before {
  content: '\e8f2';
}

/* '' */
.icon-contact:before {
  content: '\e8f3';
}

/* '' */
.icon-msgsubscribe:before {
  content: '\e8f4';
}

/* '' */
.icon-msgset:before {
  content: '\e8f5';
}

/* '' */
.icon-sitemanage:before {
  content: '\e8f6';
}

/* '' */
.icon-angle-left:before {
  content: '\f104';
}

/* '' */
.icon-angle-right:before {
  content: '\f105';
}

/* '' */
.icon-angle-up:before {
  content: '\f106';
}

/* '' */
.icon-angle-down:before {
  content: '\f107';
}

/* '' */