/*
=========================================
   author:zxl
   date:2016-5-13
==========================================
*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}
html {
  line-height: 1;
  /* overflow-x: hidden; 让小屏幕出滚动条*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
ol,
ul,
li {
  list-style-type: none;
  list-style-image: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:active {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0 none;
  color: #1192ff;
}
body {
  font-size: 14px;
  color: #333;
  font-family: "微软雅黑", "Microsoft YaHei", "宋体", Verdana, Arial, Helvetica, sans-serif;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  overflow: auto;
  resize: none;
  /*只有Chorme支持*/
}
img {
  vertical-align: top;
  border: 0 none;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  vertical-align: middle;
  *vertical-align: middle;
  background-color: transparent;
}
.cursor-pointer {
  cursor: pointer;
}
.f999 {
  color: #999 !important;
}
/*清楚IE中默认叉号*/
input::-ms-clear {
  display: none;
}
/*清楚ietype为passoword中默认的眼睛图标*/
input::-ms-reveal {
  display: none;
}
/*清楚Chrome中type为seach中默认的叉号*/
input::-webkit-search-cancel-button {
  display: none;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=text]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=text]:-moz-placeholder,
textarea[type=text]:-moz-placeholder {
  color: #999;
}
input[type]:-ms-input-placeholder,
textarea[type]:-ms-input-placeholder {
  color: #999;
}
input[type]::-webkit-input-placeholder,
textarea[type]::-webkit-input-placeholder {
  color: #999;
}
/**
====================================
   工具类
====================================
*/
/*浮动*/
.on-right {
  float: right !important;
}
.on-left {
  float: left !important;
}
.on_left {
  float: left !important;
}
.on_right {
  float: right !important;
}
.on-none {
  float: none !important;
}
/*清除浮动*/
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/*显示*/
.none {
  display: none;
}
.show {
  display: block;
}
.inline {
  display: inline-block;
}
.block {
  display: block !important;
}
.cursorPointer {
  cursor: pointer !important;
}
/*文本溢出隐藏*/
.elipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.lineThrough {
  text-decoration: line-through;
}
.txt-left {
  text-align: left !important;
}
.txt-center {
  text-align: center !important;
}
.txt-right {
  text-align: right !important;
}
.fs-14 {
  font-size: 14px;
}
.fs-14-999 {
  font-size: 14px;
  color: #999;
}
.fs-14-fff {
  font-size: 14px;
  color: #fff !important;
}
.fs-span-14-999 {
  color: #383838;
}
.red {
  color: red !important;
}
.green {
  color: #2abd42;
}
.search-match {
  color: red;
}
.node-hide {
  display: none !important;
}
.fs383838 {
  color: #383838 !important;
}
.bg-f5 {
  background-color: #f5f5f5;
}
.bg-eee {
  background-color: #F5F7FA;
}
.bg-fff {
  background-color: #F5F7FA;
}
.bg-f7 {
  background-color: #f7f7f7 !important;
}
.bg-f8 {
  background-color: #f8f8f8 !important;
}
.bg-f9 {
  background-color: #f9f9f9 !important;
}
.bg-5e {
  background-color: #5e5e5e !important;
}
.bg-e {
  background-color: #eee !important;
}
.bg-4faeff {
  background-color: #4faeff;
}
.bg-survy {
  background-color: #20c454;
}
.bg-kaoshi {
  background-color: #fd9b00;
}
.bg-ceping {
  background-color: #87d7f5;
}
.bg-choujiang {
  background-color: #ff576b;
}
/*
=========================
by gzh
2016-6-6
首页尾部
=========================
 */
/* 尾部 */
footer.homePage-footer {
  width: 100%;
  text-align: center;
  background-color: #313131;
  position: relative;
  bottom: 0;
  z-index: 6;
  color: #9e9e9e;
  height: 120px;
  padding-top: 25px;
  box-sizing: border-box;
}
footer.homePage-footer .p1 {
  font-size: 16px;
  margin-bottom: 15px;
}
footer.homePage-footer .p2 {
  font-size: 14px;
}
footer.homePage-footer .aboutUsBox span {
  vertical-align: top;
}
footer.homePage-footer .division {
  color: #5a5a5a;
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: top;
}
footer.homePage-footer .title {
  color: #9e9e9e;
}
footer.homePage-footer span,
footer.homePage-footer a {
  vertical-align: top;
  color: #9e9e9e;
}
footer.homePage-footer span.zihao,
footer.homePage-footer a.zihao {
  cursor: pointer;
}
/*按钮类*/
.pointer {
  cursor: pointer;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  min-width: 90px;
  height: 34px;
  line-height: 34px;
  border-radius: 2px;
}
.btn.sure {
  border: 1px solid #e4eaf6;
  background: #1192ff;
  color: #ffffff;
  margin-right: 30px;
}
.btn.cancle {
  border: 1px solid #999;
}
.btn.gray {
  background-color: #e6e6e6;
  border: 1px solid #dedede;
  font-size: 15px;
  color: #999;
}
.btn.bluetn {
  background: #1192ff;
  color: #fff;
}
.btn.blueBorderFont {
  border: 1px solid #1192ff;
  color: #1192ff;
}
/*块状按钮*/
.btn-block {
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.btn-lg {
  width: 120px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  text-align: center;
}
.btn-primary {
  padding: 0px 10px;
  background-color: #599df0;
  vertical-align: middle;
  border-radius: 2px;
}
/*ke-button*/
.ke-button,
.ke-button-H5style {
  position: relative;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: none;
  height: 34px;
  line-height: 34px;
  min-width: 60px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  background-color: #ccc;
  color: #fff;
  border-radius: 0;
}
.ke-button:hover {
  text-decoration: none;
}
.ke-button.small {
  line-height: 25px;
  height: 25px;
  min-width: 50px;
}
.ke-button.success {
  background-color: #4faeff;
  color: #fff;
  border-radius: 2px;
}
.ke-button.success:hover {
  background-color: #279cff;
  color: #fff;
}
.ke-button-H5 {
  background-color: #599df0;
  border-radius: 0px;
  line-height: 34px !important;
  font: bold 12px Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #fff !important;
}
.ke-button-H5:hover {
  background-color: #468be0;
  color: #fff;
}
.ke-button.info {
  background-color: #599df0;
  color: #fff;
  border-radius: 2px;
}
.ke-button.info:hover {
  background-color: #468BE0;
}
.ke-button.reset {
  background-color: #fff;
  color: #333333;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
}
.ke-button.reset:hover {
  background-color: #eee;
}
/*发布按钮*/
.fabu_button_a {
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #1192ff;
  float: right;
  color: #fff;
  font-size: 14px;
  border-radius: 6px;
  width: 96px;
  padding: 0 10px;
  margin-left: 10px;
  display: inline-block;
}
.fabu_button_a:hover {
  background-color: #1192ff;
  cursor: pointer;
  color: #fff;
}
.fabu_button_b {
  height: 32px;
  line-height: 32px;
  text-align: center;
  min-width: 70px;
  padding: 0 10px;
  margin-right: 10px;
  background-color: #f8f8f8;
  float: right;
  color: #333;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.fabu_button_b:hover {
  background-color: #f2efef;
  color: #333;
  cursor: pointer;
}
.fabu_button_c {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f8f8f8;
  float: right;
  color: #333;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  padding: 0 10px;
  min-width: 70px;
  margin-right: 20px;
}
.fabu_button_c:hover {
  background-color: #f2efef;
  color: #333;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}
.fabu_button_d {
  height: 30px;
  min-width: 70px;
  padding: 0 10px;
  line-height: 30px;
  text-align: center;
  background-color: #f2efef;
  float: right;
  color: #999;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.fabu_button_d:hover {
  background-color: #f2efef;
  cursor: default;
}
.fabu_button_e {
  height: 38px;
  width: 96px;
  line-height: 38px;
  text-align: center;
  background-color: #1192ff;
  color: #fff !important;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
}
.fabu_button_e:hover {
  color: #fff !important;
  background-color: #1192ff;
}
/*下拉菜单*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-top: 5px solid #bdbdbd;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
.s-dropmenu {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  z-index: 100;
}
.s-dropmenu.drop-h {
  width: 430px;
  left: auto;
  right: 0;
  padding: 23px 30px 20px;
  box-sizing: border-box;
}
.s-dropmenu.drop-v {
  padding: 10px 22px;
  box-sizing: border-box;
}
.s-dropmenu li {
  line-height: 35px;
}
/*下拉菜单*/
.s-popup {
  *display: inline;
  *zoom: 1;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
}
.s-popup .icon-16.up {
  transform: rotate(-180deg);
  -webkit-ransform: rotate(-180deg);
}
.s-dropmenu {
  position: absolute;
  top: -80px;
  left: -33px;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  z-index: 100;
}
.s-dropmenu li {
  padding: 0 15px;
}
.s-dropmenu a {
  display: block;
}
.s-dropmenu li:hover a {
  /* color: #fff; */
  color: #1192ff;
}
.leng_pulldown li {
  padding: 0 0 !important;
}
/*箭头*/
.arrow {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  border: 0 dashed transparent;
  border-width: 5px;
}
.arrow-top {
  border-bottom-style: solid;
  border-bottom-color: #c5c5c5;
}
.arrow-bottom {
  border-top-style: solid;
  border-top-color: #c5c5c5;
}
.arrow-left {
  border-right-style: solid;
  border-right-color: #c5c5c5;
}
.arrow-right {
  border-left-style: solid;
  border-left-color: #c5c5c5;
}
/*三角形*/
.sanjiaoxin-out {
  position: absolute;
  right: 0;
  top: -10px;
  z-index: -1;
}
.sanjiaoxin {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #f5f5f5;
  position: absolute;
  right: 10px;
  z-index: 3;
  top: 2px;
}
.sanjiaoxin-border {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #d9d9d9;
  position: absolute;
  right: 0;
}
/*表单元素*/
label.theme-checkbox-radio:hover {
  cursor: pointer;
}
.theme-checkbox-radio .checkbox-disabled {
  border-color: #94d1fc;
  background-color: #94d1fc;
}
.theme-checkbox-radio .theme-disabled {
  margin-right: 12px;
}
.theme-checkbox-radio .theme-disabled span,
.theme-checkbox-radio .theme-disabled input {
  background: #109cff url(../images/common/input-checked.png) no-repeat center center;
  border-color: #109cff;
  cursor: pointer;
  border: 1px solid #bbb;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  display: inline-block;
  width: 14px;
  height: 14px;
}
.theme-checkbox-radio > input {
  display: none;
}
.theme-checkbox-radio > input[type="checkbox"] + span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 2px !important;
  border: 1px solid #bbb;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.theme-checkbox-radio > input[type="radio"] + span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bbb;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.theme-checkbox-radio.gray > input + span {
  background: #999 url(../images/common/input-checked.png) no-repeat center center;
  border-color: #999;
  cursor: pointer;
}
.theme-checkbox-radio > input[type="checkbox"]:checked + span {
  background: #1192ff url(../images/common/input-checked.png) no-repeat center center !important;
  border-color: #1192ff;
  cursor: pointer;
}
.theme-checkbox-radio > input[type="radio"]:checked + span {
  background: #1192ff url(../images/common/input-checked-new.png) no-repeat center center !important;
  border-color: #1192ff;
  cursor: pointer;
}
.theme-checkbox-radio > input[type="checkbox"]:checked:disabled + span {
  background: rgba(118, 118, 118, 0.5) url(../images/common/input-checked.png) no-repeat center center !important;
  border-color: rgba(118, 118, 118, 0.5);
  cursor: pointer;
}
.theme-checkbox-radio > input[type="radio"]:checked:disabled + span {
  background: rgba(118, 118, 118, 0.5) url(../images/common/input-checked-new.png) no-repeat center center !important;
  border-color: rgba(118, 118, 118, 0.5);
  cursor: pointer;
}
.theme-checkbox-radio > input:disabled + span {
  border-color: rgba(118, 118, 118, 0.5);
  background: rgba(118, 118, 118, 0.05);
  cursor: pointer;
}
.addtostart .theme-checkbox-radio > input:checked:disabled + span {
  background: rgba(118, 118, 118, 0.5) url(../images/common/input-checked.png) no-repeat center center !important;
  border-color: rgba(118, 118, 118, 0.5);
  cursor: pointer;
}
.theme-checkbox-radio.noSelect > input:checked:disabled + span {
  background: rgba(118, 118, 118, 0.5) url(../images/common/input-checked.png) no-repeat center center;
  border-color: rgba(118, 118, 118, 0.5);
  cursor: pointer;
}
.theme-checkbox-radio > input[type="checkbox"] + span {
  border-radius: 0;
}
.theme-checkbox-radio + a {
  color: #017fea;
}
.theme-checkbox-radio + a:hover {
  color: #0082c6;
}
label.theme-checkbox-radio:hover {
  cursor: pointer;
}
.theme-checkbox-radio_2 {
  font-size: 15px;
  color: #383838;
}
.theme-checkbox-radio_2 > input {
  display: none;
}
.theme-checkbox-radio_2 > input + span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #279cff;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  cursor: pointer;
}
.theme-checkbox-radio_2 > input:checked + span {
  cursor: pointer;
}
.theme-checkbox-radio_2 > input:checked + span:before {
  content: '';
  display: block;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #1192ff;
}
.theme-checkbox-radio_2 > input[type="checkbox"] + span {
  border-radius: 0;
}
.theme-checkbox-radio_2 + a {
  color: #017fea;
}
.theme-checkbox-radio_2 + a:hover {
  color: #0082c6;
}
/*旋转特效*/
.rotate-360 {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.rotate-360:hover {
  transform: rotate(180deg);
}
/*盒子模型*/
.wrap-1200 {
  width: 1220px;
  margin: 0 auto;
  box-sizing: border-box;
}
.wrap-1024 {
  width: 1024px;
  margin: 0 auto;
  box-sizing: border-box;
}
.container.wrap-1024 {
  width: 1024px;
}
.container {
  width: 1200px;
  margin: 20px auto;
  box-sizing: border-box;
}
.article {
  position: relative;
  padding-top: 161px;
  padding-bottom: 120px;
  margin-top: -161px;
  margin-bottom: -120px;
  min-height: 100%;
  box-sizing: border-box;
}
.border-circle {
  border-radius: 100%;
}
.border-box {
  box-sizing: border-box;
}
.border-e {
  border: 1px solid #eee;
}
.border-bottom-e {
  border-bottom: 1px solid #eee;
}
.border-bottom-none {
  border-bottom: none !important;
}
.border-none {
  border: none !important;
}
.border-h {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
/*百分比宽度*/
.pct10 {
  width: 10%;
}
.pct15 {
  width: 15%;
}
.pct20 {
  width: 20%;
}
.pct25 {
  width: 25%;
}
.pct30 {
  width: 30%;
}
.pct33 {
  width: 33.3%;
}
.pct40 {
  width: 40%;
}
.pct50 {
  width: 50%;
}
.pct60 {
  width: 60%;
}
.pct66 {
  width: 66.6%;
}
.pct70 {
  width: 70%;
}
.pct75 {
  width: 75%;
}
.pct80 {
  width: 80%;
}
.pct90 {
  width: 90%;
}
.pct100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.w130 {
  width: 130px;
}
.w120 {
  width: 120px !important;
}
.margin {
  margin: 60px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-15 {
  margin: 15px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-25 {
  margin: 25px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-none {
  margin: 0px !important;
}
.padding {
  padding: 60px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-25 {
  padding: 25px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-h20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.padding-none {
  padding: 0px !important;
}
.margin-right {
  margin-right: 60px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-top {
  margin-top: 60px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-top-100 {
  margin-top: 100px !important;
}
.margin-left {
  margin-left: 60px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-70 {
  margin-left: 70px;
}
.margin-bottom {
  margin-bottom: 60px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-16 {
  margin-bottom: 16px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.padding-none {
  padding: 0px !important;
}
.padding-left {
  padding-left: 60px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right {
  padding-right: 60px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-top {
  padding-top: 60px !important;
}
.padding-top-0 {
  padding-top: 0px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-bottom {
  padding-bottom: 60px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.border-none {
  border: none;
}
/*
==========================
  author:zxl
  date:2016-6-27
===========================
*/
/*公共头部*/
.fixedHeader {
  height: 80px;
  position: relative;
}
.fixedHeader .public-header {
  position: fixed;
  width: 100%;
  top: 0;
}
.public-header {
  background-color: #fff;
  z-index: 99;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.public-header.shadow-none {
  box-shadow: none;
}
/*圆形问号提示*/
.iswhat {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/common/iswhat.png) no-repeat center center;
  margin-left: 5px;
}
.iswhat:hover {
  cursor: pointer;
}
.iswhatshare {
  position: absolute;
  z-index: 100000;
  max-width: 470px;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  background-color: #fffde5;
  border: 1px solid #facf84;
  padding: 5px 15px;
  min-width: 130px;
  display: none;
}
.iswhatshare i {
  position: absolute;
  width: 12px;
  height: 6px;
  left: 62px;
  bottom: -6px;
  background: url(../images/common/iswhatshare.png) no-repeat center center;
}
/*============================================
   author:zxl
   date:2016.5.25
   模块：uk.css
=============================================*/
.text.bold {
  font-weight: bold;
}
.text.italic {
  font-style: italic;
}
.text.underline {
  text-decoration: underline;
}
.text.line-through {
  text-decoration: line-through;
}
.text.align-left {
  text-align: left;
}
.text.align-right {
  text-align: right;
}
.text.align-center {
  text-align: center;
}
.text.align-justify {
  text-align: justify;
}
.text.tiny {
  font-size: 10px;
}
.text.small {
  font-size: 12px;
}
.text.big {
  font-size: 14px;
}
.text.large {
  font-size: 18px;
}
.text.opacity {
  opacity: 0.5;
}
.overflow {
  overflow: hidden;
}
.relative {
  position: relative;
}
.li30,
.lh30 {
  height: 30px;
  line-height: 30px;
}
.c111 {
  color: #111;
}
.c222 {
  color: #222;
}
.c333 {
  color: #333;
}
.c444 {
  color: #444;
}
.c555 {
  color: #555;
}
.c666 {
  color: #666;
}
.c777 {
  color: #777;
}
.c888 {
  color: #888;
}
.c999 {
  color: #999;
}
.caaa {
  color: #aaa;
}
.cbbb {
  color: #bbb;
}
.cccc {
  color: #ccc;
}
.cddd {
  color: #ddd;
}
.ceee {
  color: #eee;
}
.cfff {
  color: #fff !important;
}
.c1192ff {
  color: #1192ff;
}
/*
  导航、菜单
  .nav>ul>li>a
*/
.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.nav a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-decoration: none;
  font-size: 14px;
}
/*行高*/
.lh20 {
  line-height: 20px;
}
/*
  面包屑 html
  .nav>ul>li>a+i
*/
.nav i {
  font-style: normal;
}
.nav.menu ul {
  height: 35px;
  line-height: 35px;
}
.nav.menu li.active a,
.nav.menu li:hover a {
  background-color: #4684cc;
  border-radius: 3px 3px 0 0;
}
.nav.menu a {
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}
.nav.menu a:hover {
  text-decoration: none;
}
.nav.link a,
.nav.link i {
  color: #fff;
}
.nav.breadcrumb {
  background-color: #fff;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
}
.nav.breadcrumb a,
.nav.breadcrumb i {
  color: #666;
}
.nav.breadcrumb a {
  color: #2272C8;
}
.nav.breadcrumb a.active {
  color: #666;
}
.nav.page {
  height: 26px;
  line-height: 24px;
}
.nav.page a {
  border: 1px solid #d7d7d7;
  text-align: center;
  color: #333;
  padding: 0 9px;
  margin-left: 2px;
  font-size: 14px;
}
.nav.page span {
  font-size: 14px;
  display: inline-block;
  margin: 0 5px;
}
.nav.page a:first-child {
  margin-left: 0;
}
.nav.page a.active {
  color: #e4393c;
}
.nav.page a.no {
  color: #999999;
}
.nav.page a.button {
  min-width: 30px;
  border-radius: 0;
  background-color: #fff;
}
.nav.page input[type=text] {
  width: 20px;
  border: 1px solid #d7d7d7;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  border-radius: 0px;
}
.nav.page cite {
  top: -4px;
}
.page a,
.page span {
  font-size: 14px;
}
/*面包屑导航-zxl*/
.bread {
  padding: 0px 0px;
  margin-bottom: 0px;
  list-style: none;
  background-color: #fff;
  border-radius: 0px;
}
.bread > li {
  display: inline-block;
  color: #333;
}
.bread > li a {
  color: inherit;
}
.bread > li a:hover {
  color: #1192ff;
}
.bread > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
}
.bread > .active {
  color: #999;
}
.bread > .active a {
  color: inherit;
}
/*==============================================
author:guan
date:2016.5.28
公用分页样式
================================================*/
.list-page.page-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}
.page-wrap {
  /* font-size: 0; */
}
.page-wrap a {
  display: inline-block;
  height: 34px;
  padding: 0 14px;
  border-radius: 2px;
  margin-right: 12px;
  font-size: 14px;
  color: #333;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  border: 1px #bbb solid;
}
.page-wrap a:hover {
  background-color: #1192ff;
  vertical-align: middle;
  border: 1px #1192ff solid;
  color: #fff;
}
.smallPage {
  padding: 20px 0px;
}
.smallPage.page-wrap a {
  background-color: #fff;
  color: #999;
  line-height: 34px;
}
.smallPage.page-wrap a:hover {
  background-color: #1192ff !important;
  color: #fff;
}
.page-wrap .cPageNum {
  display: inline-block;
  height: 34px;
  padding: 0 14px;
  border-radius: 2px;
  margin-right: 12px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  background-color: #1192ff;
  vertical-align: middle;
  border: 1px #1192ff solid;
}
.page-wrap a:last-child {
  margin-right: 0px;
}
.page-wrap a.selected {
  background-color: #0f91ff;
  color: #fff;
  font-size: 18px;
}
.page-wrap a.page-btn-dis {
  border-color: #ededed;
  color: #bcbcbc;
  cursor: default !important;
  background-color: #e3e3e3 !important;
}
.page-wrap a.prev span {
  display: inline-block;
  width: 12px;
  height: 20px;
  margin-top: 8px;
  background: url('../images/common/prev.png') no-repeat center center;
}
.page-wrap a.next span {
  display: inline-block;
  width: 12px;
  height: 20px;
  margin-top: 8px;
  background: url('../images/common/next.png') no-repeat center center;
}
.pageSetpj .pageNum {
  height: 30px;
  line-height: 30px !important;
  margin-right: 0;
  padding: 0 10px;
}
.pageSetpj .cPageNum {
  margin-right: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
/*弹出提示*/
.error-info {
  background-color: #313131;
  border-radius: 10px;
  display: inline-block;
  padding: 18px 25px;
  color: #fff;
  font-size: 18px;
  position: fixed;
  z-index: 300;
  max-width: 380px;
}
/*错误提示*/
.error-info-new {
  min-width: 180px;
  border-radius: 4px;
  height: 70px;
  background-color: #fd6500;
  line-height: 70px;
  padding: 0 30px;
  position: fixed;
  z-index: 300;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  max-width: 380px;
}
.error-info-new::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 30px;
  height: 30px;
  background: url(../images/infoCloseIcon.png) no-repeat center center;
}
/*成功提示*/
.confirm-info {
  min-width: 180px;
  border-radius: 4px;
  height: 70px;
  background-color: #18bf66;
  line-height: 70px;
  padding: 0 30px;
  position: fixed;
  z-index: 300;
  font-size: 16px;
  color: #fff;
}
.confirm-info::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 30px;
  height: 30px;
  background: url(../images/infoSuccessIcon.png) no-repeat center center;
}
/*失败提示*/
.fail-info {
  min-width: 230px;
  height: 66px;
  line-height: 66px;
  padding: 0 30px;
  background-color: #dadada;
  position: fixed;
  z-index: 100000;
  font-size: 16px;
  border-radius: 3px;
  color: #555;
  text-align: center;
}
.fail-info::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  width: 27px;
  height: 27px;
  background: url(../images/common/fail-info.png) no-repeat center center;
}
[data-ui="modal"] {
  position: absolute;
  left: 50%;
  background-color: #fff;
  top: 40px;
  border-radius: 5px;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
  display: none;
}
[data-ui="modal"].active {
  display: block;
}
[data-ui="modal"] .modal_header {
  background-color: #eee;
  height: 56px;
  line-height: 56px;
  border-radius: 5px;
}
[data-ui="modal"] .modal_header .icon {
  margin: 6px;
}
[data-ui="modal"] .modal_header h4 {
  margin: 0;
}
[data-ui="modal"] .modal_body {
  padding: 10px 10px 0 10px;
}
[data-ui="modal"] .modal_footer {
  padding: 5px;
  border-top: 1px solid #ddd;
}
[data-ui="modal"] .modal-footer {
  border-top: 1px solid #ddd;
  padding: 5px;
}
[data-ui="modal"] .modal_footer.center {
  text-align: center;
}
[data-ui="modal"] .modal_footer.right {
  text-align: right;
}
[data-ui="modal"] .modal_footer.left {
  text-align: left;
}
[data-ui="modal"].column_5 {
  width: 368px;
  margin-left: -184px;
}
[data-ui="modal"].column_6 {
  width: 448px;
  margin-left: -224px;
}
[data-ui="modal"].column_7 {
  width: 528px;
  margin-left: -264px;
}
[data-ui="modal"].column_8 {
  width: 608px;
  margin-left: -304px;
}
[data-ui="modal"].column_9 {
  width: 688px;
  margin-left: -344px;
}
[data-ui="modal"].column_10 {
  width: 768px;
  margin-left: -384px;
}
[data-ui="modal"].column_11 {
  width: 848px;
  margin-left: -414px;
}
[data-ui="modal"].column_12 {
  width: 928px;
  margin-left: 464px;
}
[data-ui="modal"] .button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  background-color: #ccc;
  color: #fff;
  border-radius: 0;
}
[data-ui="modal"] .button:hover {
  text-decoration: none;
}
[data-ui="modal"] .button.small {
  line-height: 25px;
  height: 25px;
  min-width: 50px;
}
[data-ui="modal"] .button.success {
  background-color: #4faeff;
  color: #fff;
  border-radius: 2px;
}
[data-ui="modal"] .button.success:hover {
  background-color: #279cff;
}
[data-ui="modal"] .button.reset {
  background-color: #f2efef;
  color: #333333;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
}
[data-ui="modal"] .button.reset:hover {
  background-color: #eee;
}
[data-ui="modal"].modal-confirm {
  position: fixed;
}
[data-ui="modal"] [data-modal="close"].icon.remove {
  background: url(../images/common/close.png) no-repeat center center;
  width: 18px;
  height: 18px;
  position: relative;
  top: 12px;
  right: 10px;
}
[data-ui="modal"].modal-confirm [data-modal="close"].icon.remove {
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
}
[data-ui="modal"].modal-confirm .modal_header {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  background-color: #ffffff;
  font-weight: 600;
  margin: 20px 20px 40px 20px;
  color: #333333;
}
[data-ui="modal"].modal-confirm .modal_body {
  padding: 0 20px;
  font-size: 16px;
  line-height: 24px;
}
[data-ui="modal"].modal-confirm .modal_footer {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  text-align: center;
  border: 0;
}
[data-ui="modal"] .modal_footer {
  overflow: hidden;
  padding: 20px;
}
[data-ui="modal"] .modal_footer .button,
[data-ui="modal"] .modal_footer .button {
  width: 60px;
  height: 30px;
  font-size: 14px;
}
[data-ui="modal"].modal-confirm .modal_footer .confirm-yes {
  background-color: #1192ff;
  width: 96px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  color: #ffffff;
  margin-right: 20px;
  border-radius: 4px;
  padding: 0;
}
[data-ui="modal"].modal-confirm .modal_footer .confirm-no {
  padding: 0;
  border: 1px solid #e3e7ee;
  background-color: #fff;
  width: 96px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  color: #333333;
  box-sizing: border-box;
  margin-right: 20px;
  border-radius: 4px;
}
.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 199;
  background-color: #b2b2b2;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-animation: opacity 0.3s;
  animation: opacity 0.3s;
}
@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-ui="modal"].modal-alert,
[data-ui="modal"].modal-confirm {
  z-index: 1991;
}
.table {
  border: 1px solid #ddd;
  width: 100%;
}
.table th,
.table td {
  padding: 11px 0;
  text-align: center;
  border: 1px solid #ddd;
}
.table th {
  color: #333333;
  background-color: #f5f5f5;
  padding: 12px 0;
}
.table td {
  background-color: #fff;
}
.img-border {
  border: 3px solid #fff;
  width: 90px;
  height: 90px;
  border-radius: 45px;
  background-color: #fff;
}
.border {
  border: 1px solid #dddddd;
}
.border-b {
  border-bottom: 1px solid #eeeeee;
}
.border-b-d {
  border-bottom: 1px dashed #dddddd;
}
.border-dc {
  border: 1px solid #dcdcdc;
}
.color-999 {
  color: #999 !important;
}
/*previewimage*/
.previewimage {
  position: fixed;
  background-color: #fff;
  z-index: 102;
  opacity: 0;
  max-width: 70%;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  visibility: hidden;
}
.previewimage.now {
  opacity: 1;
  visibility: visible;
}
.previewimage img {
  max-width: 98%;
  margin: 1%;
}
.previewimage .close2 {
  top: 10px;
  right: 10px;
}
[tip] {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: #ffffff;
  background: url(../images/common/tip.png) no-repeat center center;
  border-radius: 50%;
  line-height: 14px;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 4px;
  text-align: center;
}
[tip]:hover {
  cursor: pointer;
}
[tip] .tip-content {
  position: absolute;
  text-align: center;
  display: none;
  color: #666;
  font-size: 14px;
  z-index: 99;
  line-height: 24px;
  height: auto;
}
[tip]:hover .tip-content {
  display: inline-block;
}
.tip.tip-a {
  color: #aaa;
  border: 1px solid #aaa;
}
.view-tiao-out {
  overflow: hidden;
}
.view-tiao-out .view-tiao {
  width: 750px;
}
.view-tiao-out .view-num {
  float: right;
  margin-left: 70px;
  font-size: 16px;
  color: #3a3a3a;
}
.view-tiao-out .view-num-value {
  color: #df5f3b;
  font-size: 16px;
}
.view-tiao,
.view-now {
  background-color: #ebecee;
  height: 14px;
}
.view-now {
  width: 0;
  height: 100%;
}
/*ppt展示样式*/
.ppt {
  height: 100%;
  width: 100%;
}
.ppt .ppt-item {
  height: 100%;
  width: 100%;
  background-color: #424242;
  float: left;
}
.ppt .ppt-nav {
  position: fixed;
  right: 90px;
  bottom: 15px;
  z-index: 2;
}
.ppt .ppt-nav a {
  width: 43px;
  height: 43px;
  background: url(../images/ppt-nav.png) no-repeat 0 0;
  background-size: auto 42px;
  margin-left: 15px;
  float: left;
}
.ppt .ppt-nav a:hover {
  cursor: pointer;
}
.ppt .ppt-nav .next {
  background-position: -51px center;
}
.ppt .ppt-nav .up {
  background-position: -102px center;
  display: none;
}
.ppt .ppt-nav .down {
  background-position: -151px center;
  display: none;
}
.tv-ppt-header {
  background-color: #1192ff;
  min-height: 40px;
  padding: 20px 5%;
  font-size: 30px;
  color: #fff;
  line-height: 40px;
}
.tv-ppt-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.tv-ppt-footer span {
  display: inline-block;
  background-color: #535353;
  font-size: 18px;
  color: #adadac;
  padding: 10px 15px;
  z-index: 1;
  margin: 0 0 15px 5%;
  border-radius: 6px;
}
.tv-ppt-header_center {
  text-align: center;
}
.tv-ppt-footer-tow a {
  display: inline-block;
  background-color: #535353;
  font-size: 18px;
  color: #adadac;
  padding: 10px 15px;
  z-index: 1;
  margin: 0 0 15px 5%;
  border-radius: 6px;
  float: right;
  margin-right: 5%;
  text-decoration: none;
}
.ppt-item .view-tiao-out .view-num {
  float: right;
  font-size: 30px;
  color: #fff;
  width: 280px;
  margin-left: 50px;
}
.ppt-item .view-tiao-out .view-num-value {
  color: #df5f3b;
  margin-right: 20px;
  font-size: 30px;
}
.ppt-item .view-tiao {
  background-color: #535353;
  height: 30px;
  border-radius: 4px;
  overflow-y: hidden;
}
.ppt-item .view-tiao {
  margin-top: 6px;
}
.ppt-item .view-now {
  width: 0;
}
.ppt-item .que-view-list {
  width: 90%;
  margin: 0 5%;
  overflow-y: auto;
  overflow-x: hidden;
}
.ppt-item .que-view-list ul li {
  font-size: 30px;
  color: #fff;
  margin-bottom: 14px;
}
.ppt-item .que-view-list ul li:last-child {
  margin-bottom: 0;
}
.que-view-list ul li:nth-child(5n+1) .view-now {
  background-color: #39acdd;
}
.que-view-list ul li:nth-child(5n+2) .view-now {
  background-color: #ffb400;
}
.que-view-list ul li:nth-child(5n+3) .view-now {
  background-color: #ff761b;
}
.que-view-list ul li:nth-child(5n+4) .view-now {
  background-color: #71c241;
}
.que-view-list ul li:nth-child(5n+5) .view-now {
  background-color: #f75455;
}
.ppt-item .que-view-list .que-view-tab li {
  padding: 15px;
  background-color: #535353;
  line-height: 40px;
  font-size: 30px;
}
.ppt-item .que-view-list .que-view-num {
  width: 100%;
}
.ppt-item .que-view-list .que-view-num li {
  float: left;
  text-align: center;
  width: 10%;
  margin-bottom: 0;
}
.ppt-item .que-view-list .que-view-num li .view-tiao-out .view-tiao,
.que-view-list .que-view-num li .view-tiao-out .view-now {
  height: 200px;
  width: 30px;
}
.ppt-item .que-view-list .que-view-num li .view-tiao-out .view-tiao {
  position: relative;
  float: none;
  margin: 0 auto;
}
.ppt-item .que-view-list .que-view-num li .view-tiao-out .view-now {
  position: absolute;
  bottom: 0;
  height: 0;
}
.ppt-item .que-view-list .que-view-num li .view-tiao-out .view-num {
  float: none;
  margin-left: 0;
  width: 100%;
  text-align: center;
}
.ppt-item .que-view-list .que-view-num li .view-tiao-out .view-num-value {
  margin-right: 0;
}
.ppt-item .que-view-start {
  position: relative;
}
.ppt-item .que-view-start h2 {
  font-weight: normal;
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin: 0px auto 20px auto;
  line-height: 42px;
}
.ppt-item .que-view-start-main {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: inline-block;
  text-align: center;
  width: 600px;
}
.ppt-item .que-view-start-main .lottery-people {
  margin-bottom: 20px;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  text-align: center;
}
.ppt-item .que-view-start-main .lottery-people span {
  position: relative;
  top: -1px;
  margin-left: 10px;
  margin-right: 10px;
}
.ppt-item .que-view-start-main .lottery-people em {
  background: url(../images/num.png) top center;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 22px;
  background-color: #29b2ff;
  border: 1px solid #29b2ff;
  border-radius: 4px;
  margin-left: 2px;
  color: #fff;
}
.ppt-item .que-view-start-main .shareCode {
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #1192ff;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  border-radius: 4px;
  margin-top: 40px;
}
.ppt-item .que-view-start-main p {
  font-size: 30px;
  color: #ffffff;
  margin-top: 10px;
  line-height: 38px;
}
.ppt-item .que-view-start-main .img-out {
  position: relative;
}
.ppt-item .que-view-start-main .img-out img {
  width: 350px;
  height: 350px;
}
.ppt-item .que-view-start-main .img-out .center-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  background-color: #4faeff;
  border-radius: 100%;
  line-height: 100px;
}
.ppt-item .que-view-start-main .img-out .center-icon i {
  background: url(../images/icon-32.png) no-repeat;
}
.ppt-item .que-view-start-main .img-out .center-icon i.survy {
  background-position: 0px -36px;
}
.ppt-item .que-view-start-main .img-out .center-icon i.kaoshi {
  background-position: 0px -72px;
}
.ppt-item .que-view-list::-webkit-scrollbar {
  width: 4px;
}
/* Track */
.ppt-item .que-view-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* Handle */
.ppt-item .que-view-list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #39acdd;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.ppt-item .que-view-list::-webkit-scrollbar-thumb:window-inactive {
  background: #39acdd;
}
@media screen and (max-height: 700px) {
  .que-view-start-main .img-out img {
    width: 300px;
    height: 300px;
  }
}
/*icon*/
.icon-32 {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url(../images/icon-32.png);
  background-repeat: no-repeat;
}
.icon-32.course {
  background-position: 0px 0px;
}
.icon-32.survy {
  background-position: 0px -36px;
}
.icon-32.kaoshi {
  background-position: 0px -72px;
}
.icon-32.ceping {
  background-position: 0px -108px;
}
.icon-32.choujiang {
  background-position: 0px -143px;
}
/*icon00*/
.icon-00 {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icon00.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon-00.delgray {
  background-position: -8px -422px;
}
.icon-00.add {
  background-position: -8px -195px;
}
.icon-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  /*员工管理*/
  /*练习管理*/
  /*练习管理*/
}
.icon-16.jfIcon {
  width: 26px;
  height: 26px;
  background-position: -774px -344px;
  vertical-align: -1px;
  margin-left: 10px;
}
.icon-16.addressIcon {
  width: 92px;
  height: 108px;
  background-position: -1109px -91px;
}
.icon-16.integral {
  width: 25px;
  height: 24px;
  background-position: -1085px -44px;
}
.icon-16.exeLogo {
  width: 80px;
  height: 80px;
  background-position: -1010px -89px;
}
.icon-16.icon-quesLogo {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.icon-16.cartAdd {
  width: 10px;
  height: 7px;
  background-position: -693px -408px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.icon-16.cartReduce {
  width: 10px;
  height: 7px;
  background-position: -693px -426px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.icon-16.addressed {
  width: 13px;
  height: 12px;
  background-position: -652px -409px;
  position: absolute;
  bottom: 0px;
  right: 0;
}
.icon-16.upCourseCart {
  width: 15px;
  height: 14px;
  background-position: -1158px -56px;
}
.icon-16.moreCourseCart {
  width: 14px;
  height: 14px;
  background-position: -1180px -56px;
}
.icon-16.courseCartArrow {
  width: 4px;
  height: 8px;
  background-position: -6px -20px;
}
.icon-16.white-right-24 {
  width: 24px;
  height: 24px;
  background-position: -1170px -2px;
}
.icon-16.courseFactoryIcon {
  width: 22px;
  height: 22px;
  background-position: -1143px -9px;
}
.icon-16.PopIcon {
  width: 22px;
  height: 22px;
  background-position: -1038px -45px;
}
.icon-16.watchVideo {
  width: 19px;
  height: 18px;
  background-position: -960px -97px;
}
.icon-16.EvalVideo {
  width: 17px;
  height: 18px;
  background-position: -963px -131px;
}
.icon-16.completeTest {
  width: 17px;
  height: 18px;
  background-position: -963px -167px;
}
.icon-16.rewardNew {
  width: 19px;
  height: 25px;
  background-position: -968px -221px;
}
.icon-16.signupNews {
  width: 21px;
  height: 24px;
  background-position: -921px -225px;
}
.icon-16.shareNew {
  width: 22px;
  height: 26px;
  background-position: -878px -225px;
}
.icon-16.testNew {
  width: 22px;
  height: 26px;
  background-position: -833px -227px;
}
.icon-16.evaluNew {
  width: 20px;
  height: 25px;
  background-position: -794px -225px;
}
.icon-16.evaluNew1 {
  width: 20px;
  height: 25px;
  background-position: -794px -258px;
}
.icon-16.investigNew {
  width: 18px;
  height: 25px;
  background-position: -755px -226px;
}
.icon-16.ArrowNew {
  width: 10px;
  height: 13px;
  background-position: -828px -191px;
}
.icon-16.downNew {
  width: 22px;
  height: 20px;
  background-position: -711px -226px;
}
.icon-16.dohomework {
  background-position: -686px -537px;
  width: 20px;
  height: 25px;
}
.icon-16.returnNew {
  width: 16px;
  height: 16px;
  background-position: -789px -189px;
}
.icon-16.heartNew {
  width: 16px;
  height: 18px;
  background-position: -898px -120px;
  cursor: pointer;
}
.icon-16.signupNew {
  width: 18px;
  height: 18px;
  background-position: -753px -187px;
}
.icon-16.browseNew {
  width: 18px;
  height: 14px;
  background-position: -716px -189px;
}
.icon-16.liveNew {
  width: 18px;
  height: 14px;
  background-position: -716px -121px;
}
.icon-16.editNew {
  width: 18px;
  height: 18px;
  background-position: -789px -119px;
}
.icon-16.adminNew {
  width: 16px;
  height: 17px;
  background-position: -862px -119px;
}
.icon-16.warning-icon {
  width: 22px;
  height: 22px;
  background-position: -504px -453px;
}
.icon-16.orangeClock {
  width: 16px;
  height: 16px;
  background-position: -1086px -11px;
}
.icon-16.blackAsk {
  width: 20px;
  height: 20px;
  background-position: -942px -50px;
}
.icon-16.grayArrow-10 {
  width: 10px;
  height: 10px;
  background-position: -1022px -14px;
}
.icon-16.circleMark {
  width: 24px;
  height: 20px;
  background-position: -985px -11px;
}
.icon-16.Marquee {
  width: 36px;
  height: 26px;
  position: relative;
  z-index: 9;
  background-position: -940px -1px;
  cursor: pointer;
}
.icon-16.import {
  width: 22px;
  height: 22px;
  background-position: -840px -46px;
}
.icon-16.bubble {
  width: 45px;
  height: 22px;
  background-position: -775px -48px;
}
.icon-16.certificate-arrow {
  width: 23px;
  height: 26px;
  background-position: -611px -191px;
}
.icon-16.caret-arrow-white {
  width: 12px;
  height: 10px;
  background-position: -112px -616px;
}
.icon-16.editWhitePen {
  width: 24px;
  height: 20px;
  background-position: -76px -609px;
}
.icon-16.modify-name {
  width: 24px;
  height: 24px;
  background-position: -37px -606px;
}
.icon-16.recommend-courses {
  width: 13px;
  height: 13px;
  background-position: 0 -646px;
  margin-left: 5px;
}
.icon-16.blue-cartNoUse {
  width: 18px;
  height: 18px;
  background-position: -1114px -9px;
}
.icon-16.blue-forbid {
  width: 18px;
  height: 18px;
  background-position: -770px -11px;
}
.icon-16.blue-enable {
  width: 20px;
  height: 20px;
  background-position: -805px -10px;
}
.icon-16.transverse {
  width: 20px;
  height: 15px;
  background-position: -503px -107px;
}
.icon-16.infoTypeLogoList {
  width: 70px;
  height: 70px;
  background-position: -612px -7px;
}
.icon-16.infoTypeLogoPic {
  width: 70px;
  height: 70px;
  background-position: -692px -7px;
}
.icon-16.post-examine-icon {
  width: 22px;
  height: 22px;
  background-position: -503px -453px;
}
.icon-16.theme-disabled {
  width: 16px;
  height: 16px;
  background-position: -562px -429px;
}
.icon-16.icon-pushed-batch {
  width: 16px;
  height: 16px;
  background-position: -562px -374px;
}
.icon-16.icon-pushed-revoke {
  width: 16px;
  height: 16px;
  background-position: -562px -400px;
}
.icon-16.paper-color {
  width: 20px;
  height: 25px;
  background-position: -281px -527px;
}
.icon-16.medal-color {
  width: 24px;
  height: 24px;
  background-position: -310px -525px;
}
.icon-16.person-color {
  width: 24px;
  height: 24px;
  background-position: -341px -525px;
}
.icon-16.white-paper-big {
  width: 22px;
  height: 24px;
  background-position: -555px -296px;
}
.icon-16.white-correct-mark {
  width: 22px;
  height: 15px;
  background-position: -555px -336px;
}
.icon-16.white-arrow-20 {
  width: 20px;
  height: 10px;
  background-position: -257px -313px;
}
.icon-16.white-x-12 {
  width: 12px;
  height: 12px;
  background-position: -246px -542px;
}
.icon-16.gray-x-12 {
  width: 12px;
  height: 12px;
  background-position: -217px -542px;
}
.icon-16.setTestIcon {
  width: 20px;
  height: 20px;
  background-position: -506px -296px;
}
.icon-16.setMarkingIcon {
  width: 20px;
  height: 20px;
  background-position: -506px -322px;
}
.icon-16.setScoreIcon {
  width: 20px;
  height: 20px;
  background-position: -506px -347px;
}
.icon-16.setFraudIcon {
  width: 20px;
  height: 20px;
  background-position: -506px -373px;
}
.icon-16.setMessageIcon {
  width: 20px;
  height: 20px;
  background-position: -506px -398px;
}
.icon-16.black-code-img {
  width: 20px;
  height: 20px;
  background-position: -26px -431px;
}
.icon-16.start-gray {
  width: 20px;
  height: 20px;
  background-position: -511px -535px;
}
.icon-16.three-point {
  width: 20px;
  height: 5px;
  background-position: -577px -579px;
}
.icon-16.seachfor {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  background-position: -30px -168px;
}
.icon-16.blue-clearBotn {
  width: 20px;
  height: 20px;
  background-position: -577px -535px;
}
.icon-16.reject {
  width: 40px;
  height: 18px;
  background-position: -287px -224px;
}
.icon-16.sort-default-arrow {
  width: 10px;
  height: 15px;
  background-position: -554px -242px;
}
.icon-16.admin-createGroup {
  width: 20px;
  background-position: -444px -296px;
}
.icon-16.double-right-arrow {
  width: 18px;
  height: 20px;
  background-position: -496px -65px;
}
.icon-16.double-right-arrow-add {
  width: 25px;
  height: 25px;
  background-position: 0 -605px;
}
.icon-16.blue-upload {
  width: 14px;
  height: 14px;
  background-position: -403px -234px;
}
.icon-16.blue-export {
  width: 14px;
  height: 14px;
  background-position: -450px -234px;
}
.icon-16.blue-Statistics {
  width: 23px;
  height: 23px;
  background-position: -785px -82px;
}
.icon-16.white-export {
  width: 25px;
  height: 20px;
  background-position: -905px -53px;
}
.icon-16.blue-import {
  width: 14px;
  height: 14px;
  background-position: -403px -234px;
}
.icon-16.gray-x {
  width: 18px;
  height: 18px;
  background-position: -487px -195px;
}
.icon-16.blue-add {
  width: 14px;
  height: 14px;
  background-position: -365px -198px;
}
.icon-16.blue-mobanku {
  width: 18px;
  height: 17px;
  background-position: -233px -641px;
}
.icon-16.blue-edit {
  width: 15px;
  height: 15px;
  background-position: -403px -198px;
}
.icon-16.blue-delete {
  width: 15px;
  height: 15px;
  background-position: -449px -198px;
}
.icon-16.grey-delete {
  width: 15px;
  height: 15px;
  background-position: -449px -263px;
}
.icon-16.admin-setting {
  width: 20px;
  height: 20px;
  background-position: -385px -296px;
}
.icon-16.admin-setting-blue {
  width: 20px;
  height: 20px;
  background-position: -394px -808px;
}
.icon-16.admin-person {
  width: 20px;
  height: 20px;
  background-position: -385px -332px;
}
.icon-16.admin-manager {
  width: 20px;
  height: 20px;
  background-position: -348px -914px;
}
.icon-16.admin-team {
  width: 20px;
  height: 20px;
  background-position: -458px -476px;
}
.icon-16.admin-study {
  width: 20px;
  height: 20px;
  background-position: -385px -369px;
}
.icon-16.admin-news {
  width: 20px;
  height: 20px;
  background-position: -383px -405px;
}
.icon-16.admin-mytest {
  width: 17px;
  height: 17px;
  background-position: -415px -358px;
}
.icon-16.admin-statisc {
  width: 20px;
  background-position: -383px -442px;
}
.icon-16.admin-account {
  width: 20px;
  background-position: -382px -477px;
}
.icon-16.admin-sold {
  width: 20px;
  height: 18px;
  background-position: -675px -82px;
}
.icon-16.admin-integral {
  width: 20px;
  height: 18px;
  background-position: -383px -505px;
}
.icon-16.caret-arrow {
  background-position: -350px -293px;
}
.icon-16.caret-arrow-all-gray {
  background-position: 0 -64px;
}
.icon-16.caret-arrow-gray {
  background-position: 0 -578px;
  margin-right: 5px;
}
.icon-16.small-arrowDown {
  width: 8px;
  background-position: -88px 0;
}
.icon-16.gobackto {
  background-position: -907px -11px;
}
.icon-16.infoIcon {
  width: 290px;
  height: 60px;
  background-position: -7px -707px;
}
.icon-16.addTask-grey {
  width: 264px;
  height: 60px;
  background-position: -7px -791px;
  color: #666;
}
.icon-16.addTask-blue {
  width: 264px;
  height: 60px;
  background-position: -7px -869px;
}
.icon-16.ProjectFinish-grey {
  width: 267px;
  height: 60px;
  background-position: -7px -946px;
  color: #666;
}
.icon-16.ProjectFinish-blue {
  width: 264px;
  height: 60px;
  background-position: -7px -1022px;
}
.icon-16.white-arrow {
  width: 14px;
  height: 8px;
  background-position: -493px -5px;
}
.icon-16.sys-set {
  width: 20px;
  height: 18px;
  background-position: -413px 0px;
}
.icon-16.sys-adminManage {
  width: 20px;
  height: 18px;
  background-position: -615px -117px;
}
.icon-16.sys-person {
  width: 20px;
  height: 16px;
  background-position: -414px -31px;
}
.icon-16.sys-study {
  width: 20px;
  height: 18px;
  background-position: -414px -59px;
}
.icon-16.sys-class {
  width: 20px;
  height: 22px;
  background-position: -963px -380px;
}
.icon-16.sys-videos {
  width: 20px;
  height: 20px;
  background-position: -460px -502px;
}
.icon-16.sys-managers {
  width: 20px;
  height: 22px;
  background-position: -396px -885px;
}
.icon-16.sys-test {
  width: 20px;
  height: 17px;
  background-position: -414px -329px;
}
.icon-16.sys-news {
  width: 20px;
  height: 18px;
  background-position: -415px -90px;
}
.icon-16.sys-statistics {
  width: 20px;
  height: 16px;
  background-position: -415px -121px;
}
.icon-16.sys-account {
  width: 20px;
  height: 16px;
  background-position: -415px -154px;
}
.icon-16.sys-sold {
  width: 20px;
  height: 18px;
  background-position: -615px -82px;
}
.icon-16.sys-integral {
  width: 20px;
  height: 17px;
  background-position: -415px -176px;
}
.icon-16.blue-refresh {
  background-position: -191px -644px;
  width: 20px;
  height: 20px;
}
.icon-16.index-more-arrow {
  width: 10px;
  height: 17px;
  background-position: -330px -25px;
}
.icon-16.filter-arrow {
  width: 10px;
  height: 18px;
  background-position: -368px 0px;
}
.icon-16.little-gray-arrow {
  width: 8px;
  height: 8px;
  background-position: -352px -3px;
}
.icon-16.download-1 {
  width: 20px;
  height: 20px;
  background-position: -354px -155px;
}
.icon-16.evaluate {
  width: 18px;
  background-position: -30px -531px;
}
.icon-16.collection-icon {
  width: 22px;
  height: 22px;
  background-position: -314px -159px;
}
.icon-16.collection-icon.active {
  background-position: -314px -195px;
}
.icon-16.arrow-right {
  background-position: -272px -170px;
}
.icon-16.blue-wenhao {
  background-position: -342px -119px;
  width: 26px;
  height: 21px;
}
.icon-16.right-arrow_dotted {
  width: 10px;
  height: 10px;
  background: url(../images/icon.png) no-repeat -299px -319px;
}
.icon-16.new {
  width: 30px;
  height: 16px;
  background-position: -293px -250px;
}
.icon-16.white-daochu {
  background-position: -250px -567px;
}
.icon-16.circle-yes {
  width: 22px;
  height: 20px;
  background-position: -278px -567px;
}
.icon-16.circle-no {
  width: 22px;
  height: 20px;
  background-position: -313px -567px;
}
.icon-16.close-gray-circle {
  width: 18px;
  height: 18px;
  background-position: -170px -59px;
}
.icon-16.super-manager {
  background-position: -149px -506px;
  width: 20px;
}
.icon-16.right-arrow {
  width: 15px;
  height: 20px;
  background-position: -99px 0px;
}
.icon-16.closeX-gray {
  width: 10px;
  height: 10px;
  background-position: -3px -369px;
  cursor: pointer;
}
.icon-16.i-weixin {
  width: 22px;
  height: 22px;
  background-position: -61px -85px;
  vertical-align: middle;
  transition: background-position 0.3s;
}
.icon-16.i-weixin:hover {
  background-position: -61px -116px;
}
.icon-16.white-x {
  background-position: -1px -161px;
}
.icon-16.user {
  background-position: -64px -155px;
}
.icon-16.user.hover {
  background-position: -64px -187px;
}
.icon-16.setup {
  background-position: -101px -155px;
}
.icon-16.setup.hover {
  background-position: -101px -188px;
}
.icon-16.exit {
  background-position: -138px -155px;
}
.icon-16.phone {
  background-position: -63px -223px;
}
.icon-16.dottedarrow {
  background-position: -110px -220px;
}
.icon-16.p-phone {
  background-position: -305px 1px;
  height: 18px;
  width: 17px;
}
.icon-16.p-eleticket {
  background-position: -136px -218px;
}
.icon-16.p-zhibo {
  width: 18px;
  background-position: -136px -253px;
}
.icon-16.p-shipin {
  background-position: -136px -293px;
}
.icon-16.hot {
  width: 30px;
  height: 18px;
  background-position: -149px -92px;
}
.icon-16.admin-searchicon {
  width: 20px;
  height: 20px;
  background-position: -64px -249px;
  cursor: pointer;
}
.icon-16.admin-searchicon.admin-searchicon-hover {
  background-position: -70px -290px;
}
.icon-16.admin-edit {
  background-position: -123px -445px;
}
.icon-16.admin-edit.hover {
  background-position: -58px -475px;
}
.icon-16.admin-add {
  background-position: -122px -475px;
}
.icon-16.admin-add.hover {
  background-position: -56px -445px;
}
.icon-16.admin-del {
  background-position: -254px -475px;
}
.icon-16.admin-del.hover {
  background-position: -254px -445px;
}
.icon-16.list-phone {
  background-position: -213px -450px;
}
.icon-16.tip-orange {
  background-position: -33px -198px;
}
.icon-16.oranize-arrow {
  background-position: -115px -370px;
}
.icon-16.icon-tz {
  background-position: -236px -165px;
}
.icon-16.org-add {
  background-position: -293px -440px;
}
.icon-16.org-del {
  background-position: -293px -487px;
}
.icon-16.practice-adminManage {
  width: 20px;
  height: 17px;
  background-position: -390px 0px;
}
.icon-16.admin-practice-adminManage {
  width: 17px;
  height: 17px;
  background-position: -383px -269px;
}
/*抽奖icon*/
.icon-16.lotAdd {
  width: 27px;
  height: 27px;
  background-position: -210px -347px;
}
.icon-16.lotAdd.hover {
  background-position: -210px -394px;
}
.icon-16.lotAdd:hover {
  background-position: -210px -394px;
}
.icon-16.lotDel {
  width: 27px;
  height: 27px;
  background-position: -248px -347px;
}
.icon-16.lotDel:hover {
  background-position: -248px -394px;
}
.icon-16.lotUp {
  width: 27px;
  height: 27px;
  background-position: -286px -347px;
}
.icon-16.lotUp:hover {
  background-position: -286px -394px;
}
.icon-16.lotDown {
  width: 27px;
  height: 27px;
  background-position: -324px -347px;
}
.icon-16.lotDown:hover {
  background-position: -325px -394px;
}
.icon-16.add {
  background-position: -127px -568px;
}
.icon-16.search {
  width: 24px;
  height: 24px;
  background: url(../images/header-search.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
}
.icon-16.interactive1 {
  width: 30px;
  height: 30px;
  background-position: -181px -161px;
}
.icon-16.i-weixin {
  width: 22px;
  height: 22px;
  background-position: -61px -85px;
  vertical-align: middle;
  transition: background-position 0.3s;
}
.icon-16.i-weixin:hover {
  background-position: -61px -116px;
}
.icon-16.user {
  background-position: -64px -155px;
}
.icon-16.user.hover {
  background-position: -64px -187px;
}
.icon-16.setup {
  background-position: -101px -155px;
}
.icon-16.setup.hover {
  background-position: -264px -25px;
}
.icon-16.bills {
  background-position: -841px -13px;
}
.icon-16.bills.hover {
  background-position: -871px -13px;
}
.icon-16.exit {
  background-position: -138px -155px;
}
.icon-16.phone {
  background-position: -63px -223px;
}
.icon-16.dottedarrow {
  background-position: -110px -220px;
}
.icon-16.square-qrcode {
  width: 22px;
  height: 22px;
  background: url(../images/icon.png) no-repeat -61px -21px;
  display: inline-block;
  vertical-align: -3px;
  cursor: pointer;
}
.icon-16.course-user {
  background-position: 0 -551px;
}
.icon-16.share {
  background-position: -30px -553px;
}
.icon-16.scan {
  width: 20px;
  background-position: -30px -510px;
}
.icon-16.location {
  background-position: 0px -510px;
}
.icon-16.location-big {
  width: 18px;
  height: 22px;
  background-position: -61px -505px;
}
.icon-16.location-middle {
  background-position: -138px -397px;
  height: 20px;
}
.icon-16.clock {
  width: 18px;
  height: 18px;
  background-position: 0px -465px;
}
.icon-16.time {
  background-position: 0 -469px;
}
.icon-16.time-big {
  width: 20px;
  height: 20px;
  background-position: -95px -505px;
}
.icon-16.time-middle {
  background-position: -138px -370px;
}
.icon-16.refresh {
  background-position: -58px -552px;
}
.icon-16.download {
  width: 20px;
  height: 20px;
  background-position: -101px -116px;
}
.icon-16.weixin-scan {
  width: 22px;
  height: 22px;
  background-position: -33px -274px;
}
.icon-16.p-share {
  background-position: -285px -2px;
}
.icon-16.p-share.hover {
  background-position: -285px -24px;
}
.icon-16.p-evaluate {
  background-position: -182px -1px;
}
.icon-16.p-evaluate.hover {
  background-position: -182px -24px;
}
.icon-16.p-history {
  background-position: -201px -3px;
}
.icon-16.p-history.hover {
  background-position: -201px -24px;
}
.icon-16.p-survy {
  background-position: -218px -3px;
}
.icon-16.p-survy.hover {
  background-position: -218px -24px;
}
.icon-16.p-paper {
  background-position: -241px -3px;
}
.icon-16.p-paper.hover {
  background-position: -241px -24px;
}
.icon-16.delete {
  width: 16px;
  height: 19px;
  background: url('../images/icon.png') no-repeat -97px -55px;
}
.icon-16.p-phone {
  background-position: -305px 1px;
  height: 18px;
  width: 17px;
}
.icon-16.p-phone.hover {
  background-position: -305px -23px;
}
.icon-16.detail-kaoshi {
  width: 21px;
  height: 21px;
  background-position: -195px -120px;
}
.icon-16.detail-survy {
  width: 21px;
  height: 21px;
  background-position: -229px -120px;
}
.icon-16.detail-relesor {
  width: 26px;
  height: 21px;
  background-position: -266px -118px;
}
.icon-16.detail-evaluate {
  width: 16px;
  height: 21px;
  background-position: -318px -118px;
}
.icon-16.p-eleticket {
  background-position: -136px -218px;
}
.icon-16.p-zhibo {
  width: 18px;
  background-position: -136px -253px;
}
.icon-16.p-shipin {
  background-position: -136px -293px;
}
.icon-16.tip-orange {
  background-position: -33px -198px;
}
.icon-16.edit {
  background-position: -177px -253px;
}
.icon-16.edit:hover {
  background-position: -177px -302px;
}
.icon-16.del {
  background-position: -214px -256px;
}
.icon-16.del:hover {
  background-position: -214px -305px;
}
.icon-16.del.hover {
  background-position: -214px -305px;
}
.icon-16.up-icon {
  background-position: -486px -263px;
}
.icon-16.up-icon:hover {
  background-position: -505px -263px;
}
.icon-16.down-icon {
  background-position: -525px -263px;
}
.icon-16.down-icon:hover {
  background-position: -545px -263px;
}
.icon-16.upfile {
  background-position: -177px -212px;
}
.icon-16.location-big {
  width: 18px;
  height: 22px;
  background-position: -61px -505px;
}
.icon-16.time-big {
  width: 20px;
  height: 20px;
  background-position: -95px -505px;
}
/*课程详情图标*/
.icon-16.edit-course {
  height: 22px;
  background-position: -258px -204px;
}
.icon-16.manage-course {
  height: 22px;
  background-position: -257px -242px;
  width: 18px;
}
.icon-16.live-course {
  height: 22px;
  background-position: -257px -280px;
  width: 18px;
}
.icon-16.xingqu {
  background-position: -225px -204px;
}
/*互动平台图标*/
.icon-16.interactive-w34 {
  width: 34px;
  height: 34px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.icon-16.interactive-active {
  background-position: -343px -57px;
}
.icon-16.interactive-zhanshi {
  background-position: -205px -57px;
}
.icon-16.interactive-refresh {
  background-position: -251px -58px;
}
.icon-16.small-gray-right-arrow {
  width: 10px;
  height: 17px;
  background-position: -330px -2px;
}
/*提示分销是什么的按钮*/
.icon-ques {
  display: block;
  width: 16px;
  height: 16px;
  background: url('../images/icon.png') -39px -307px;
  position: absolute;
  top: -2px;
  right: 0px;
  cursor: pointer;
}
/*成功页图标*/
.green-success {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../images/register.png) no-repeat -8px -102px;
}
/*个人中心-我参与的课程*/
.parti-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/personcenter-participate.png) no-repeat;
}
.parti-icon.face-to-face {
  background-position: -4px -10px;
}
.parti-icon.zhibo {
  background-position: -63px -10px;
}
.parti-icon.shipin {
  background-position: -125px -10px;
}
.ke-icon {
  background: url(../images/icon.png) no-repeat;
  display: inline-block;
  vertical-align: baseline;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.ke-icon.add {
  background-position: -1px -197px;
}
.ke-icon.add-t {
  background-position: -1px -231px;
}
.ke-icon.finish {
  background-position: -1px -265px;
}
.ke-icon.write {
  background-position: -1px -395px;
}
.ke-icon.time {
  background-position: 0px -469px;
}
.ke-icon.address {
  background-position: 0px -511px;
}
.ke-icon.people {
  background-position: 0px -552px;
}
.hot {
  position: absolute;
  top: -7px;
  right: -3px;
  z-index: 1;
}
/*==============================================
author:zxl
date:2016.5.24
模块：个人中心-header
================================================*/
.p-header .topbar {
  height: 40px;
  background-color: #5e5e5e;
}
.p-header .topsearch {
  height: 80px;
  background-color: #fff;
}
.p-header h3 {
  height: 80px;
  width: 138px;
}
.p-header h3 a.logo {
  display: block;
  height: 80px;
  background: url(../images/logo.png);
}
/*==============================================
author:guan
date:2016.5.26
公用提示信息
================================================*/
.alert-box {
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #4faeff;
  opacity: 0.8;
  position: fixed;
  top: -50px;
  z-index: 300;
  font-size: 16px;
  z-index: 9999;
}
/*==============================================
author:guan
date:2016.5.28
公用下拉样式，例子：课程列表页，时间筛选
================================================*/
.drop-down-wrap {
  width: 120px;
  height: 30px;
  font-size: 14px;
  color: #333;
  position: relative;
  border: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
}
.drop-down-wrap .select-input {
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  position: relative;
  top: -1px;
}
.drop-down-wrap .trangle {
  display: inline-block;
  border-top: 6px solid #c5c5c5;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 12px;
  right: 6px;
}
.drop-down-wrap .drop-list {
  width: 118px;
  height: 150px;
  border: 1px solid #ddd;
  border-top: none;
  position: absolute;
  top: 29px;
  left: -1px;
  z-index: 100;
  overflow: hidden;
  background-color: #fff;
  display: none;
}
.drop-down-wrap .drop-list ul li {
  color: #999;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 15px;
}
.drop-down-wrap .drop-list ul li:hover {
  background-color: #f5f5f5;
}
/*===============================
autohor:zxl
date:2016.5.30
模块：头部
=================================*/
.name-img {
  display: block;
  font-size: 13px;
  line-height: 54px;
  border-radius: 100%;
  background-color: #1192ff;
  color: #fff;
  width: 54px;
  height: 54px;
  text-align: center;
}
/*公共头部*/
.s-headtop {
  height: 80px;
}
.s-headtop .right_hear {
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 180px;
}
.s-headtop .right_hear .evalBtn {
  margin-right: 30px;
}
.s-headtop .logo-box {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 100%;
  margin-left: 20px;
  text-align: center;
}
.s-headtop .logo-box img {
  max-width: 100%;
  /* max-height: 100%;
      position:absolute; */
  max-height: 45px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.s-headtop .searchInfo {
  display: inline-block;
}
.s-headtop .searchInfo .menu9 {
  display: flex;
  position: relative;
}
.s-headtop .searchInfo .menu9 .icon {
  background: url("../../pc/images/moreMenuNo.png") no-repeat center center;
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  top: 32px;
  transition: transform 0.3s;
  transform: rotate(0deg);
}
.s-headtop .searchInfo .menu9 .hover {
  color: #1192ff;
}
.s-headtop .searchInfo .menu9 .isReverse {
  transform: rotate(180deg);
}
.s-headtop .searchInfo .menu9 .iconhover {
  background: url("../../pc/images/moreMenyList.png") no-repeat center center;
  background-size: 100% 100%;
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  top: 32px;
}
.s-headtop .searchInfo .menu9 .moreMenus {
  position: absolute;
  width: 150px;
  background-color: #fff;
  top: 65px;
  text-align: left;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.2);
}
.s-headtop .searchInfo .menu9 .moreMenus ul {
  margin: 10px 0;
}
.s-headtop .searchInfo .menu9 .moreMenus ul li {
  float: none;
  line-height: 38px;
  padding-left: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #333333;
}
.s-headtop .searchInfo .menu9 .moreMenus ul li a {
  width: 100%;
  line-height: 38px;
  padding: 0;
  max-width: 100%;
  height: 38px;
  text-align: left;
  font-size: 14px;
}
.s-headtop .searchInfo .menu9 .moreMenus ul li:hover {
  color: #1192ff;
  background-color: #f1f4fb;
}
.s-headtop .searchInfo li {
  float: left;
}
.s-headtop .searchInfo li.hover a {
  color: #1192ff;
}
.s-headtop .searchInfo li a {
  display: block;
  padding: 0 11px;
  text-align: center;
  font-size: 16px;
  color: #333;
  max-width: 86px;
  line-height: 18px;
  height: 80px;
  padding-top: 30px;
  box-sizing: border-box;
}
.s-headtop .searchInfo li a:hover {
  color: #1192ff;
}
.s-headtop .searchInfo .searchBox {
  height: 36px;
  line-height: 36px;
  margin-top: 22px;
  background-color: #eee;
  padding-right: 10px;
  border-radius: 3px;
  margin-left: 20px;
  position: absolute;
  right: 260px;
  width: auto;
  border: none;
}
.s-headtop .searchInfo .searchBox input {
  width: 110px;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  font-size: 16px;
  transition: width 0.2s linear;
}
.s-headtop .searchInfo .searchBox input:focus {
  width: 140px;
}
.s-headtop .searchInfo .searchBox .search {
  cursor: pointer;
}
.s-headtop .userInfo {
  position: absolute;
  top: 26px;
  right: 30px;
}
.s-headtop .userInfo ul > li {
  float: left;
  position: relative;
}
.s-headtop .userInfo ul > li .user-img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-right: 8px;
}
.s-headtop .userInfo ul > li .user-img img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.s-headtop .userInfo ul > li .user-img .name-img {
  width: 100%;
  height: 100%;
}
.s-headtop .userInfo ul > li p.border-box {
  padding: 0 10px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  color: #007fda;
  text-align: center;
  /* width: 124px; */
  max-width: 148px;
  position: relative;
  padding-right: 25px;
  height: 80px;
}
.s-headtop .userInfo ul > li p.border-box .arrow-right {
  position: absolute;
  right: 0px;
  top: 22px;
  margin-right: 7px;
}
.s-headtop .userInfo ul > li p.border-box i.arrow {
  transition: all 0.2s;
}
.s-headtop .userInfo ul > li p.border-box ~ .s-dropmenu {
  width: 160px;
  border: none;
  transform: translate3d(-18px, -180px, 0);
  -webkit-transform: translate3d(-18px, -180px, 0);
  border-radius: 5px;
}
.s-headtop .userInfo ul > li p.border-box.hover {
  /*  border-left: 1px solid #ddd;
              border-right: 1px solid #ddd;
            background-color: #fff;*/
}
.s-headtop .userInfo ul > li p.border-box.hover i.arrow-right {
  transform: rotate(-90deg);
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu {
  top: 54px;
  opacity: 1;
  transition: all 0.1s;
  transform: translate3d(-18px, 13px, 0);
  -webkit-transform: translate3d(-18px, 13px, 0);
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu li:first-child {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.1s;
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.15s;
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.2s;
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.25s;
}
.s-headtop .userInfo ul > li p.border-box.hover ~ .s-dropmenu li:nth-child(5) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.3s;
}
.s-headtop .userInfo ul > li .s-dropmenu {
  opacity: 0;
  background-color: #fff;
  top: -80px;
  box-shadow: 0 1px 7px 3px rgba(51, 51, 51, 0.2);
}
.s-headtop .userInfo ul > li .s-dropmenu li {
  float: left;
  opacity: 0;
}
.s-headtop .userInfo ul > li .s-dropmenu li .fabu-bg {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}
.s-headtop .userInfo ul > li .s-dropmenu li .fabu-bg i {
  margin-top: 11px;
}
.s-headtop .userInfo ul > li .s-dropmenu li a {
  display: block;
}
.s-headtop .userInfo ul > li .s-dropmenu li a span {
  display: inline-block;
}
.s-headtop .userInfo ul > li .drop-v li {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
  transition: transform 0.4s, opacity 0.3s;
}
.s-headtop .userInfo ul > li .drop-v li a i {
  margin-right: 10px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.user {
  background-position: -64px -187px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.setup {
  background-position: -102px -187px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.bills {
  background-position: -871px -13px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.exit {
  background-position: -138px -187px;
}
.s-headtop .userInfo ul > li .drop-h {
  height: 120px;
}
.s-headtop .userInfo ul > li .drop-h li {
  -webkit-transform: translate3d(0, -40%, 0);
  transform: translate3d(0, -40%, 0);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
  transition: transform 0.4s, opacity 0.3s;
  margin-right: 22px;
}
.s-headtop .userInfo ul > li .drop-h li:last-child {
  margin-right: 0px;
}
.s-headtop .userInfo .login {
  top: -10px;
}
.s-headtop .userInfo .unlogin a {
  width: 68px;
  height: 30px;
  line-height: 30px;
  color: #1192ff;
  display: inline-block;
  text-align: center;
}
.s-headtop .userInfo .unlogin a.hover {
  border: 1px solid #1192ff;
  border-radius: 3px;
}
.s-headtop .right_hear {
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 130px;
}
.s-headtop .right_hear .evalBtn {
  margin-right: 20px;
}
.s-headtop .right_hear .head_signIn {
  width: 42px;
  height: 42px;
  margin-right: 20px;
  text-align: center;
  cursor: pointer;
}
.s-headtop .right_hear .head_signIn .signin_icon {
  display: inline-block;
  width: 42px;
  height: 42px;
}
/*媒体查询，1920及以上导航的展示*/
@media all and (min-width: 1900px) {
  .s-headtop .right_hear {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 180px;
  }
  .s-headtop .right_hear .evalBtn {
    margin-right: 30px;
  }
  .s-headtop .logo-box {
    width: 160px;
  }
  .s-headtop .searchInfo {
    padding-left: 0;
  }
  .s-headtop .searchInfo li a {
    width: 120px;
  }
  .s-headtop .userInfo {
    position: absolute;
    top: 22px;
    left: auto;
    right: 40px;
  }
}
.d-navbar {
  float: left;
  margin-left: 56px;
}
.d-navbar ul.geren_title {
  position: relative;
}
.d-navbar ul.geren_title .bill-now {
  position: absolute;
  width: 90px;
  height: 4px;
  background-color: #ff4431;
  top: 76px;
  display: block;
}
.d-navbar ul li {
  width: 90px;
  float: left;
  position: relative;
  margin-right: 15px;
}
.d-navbar ul li.hover a {
  border-bottom: 4px solid #ff4431;
}
.d-navbar ul li a {
  display: block;
  width: 90px;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #333;
  text-align: center;
  box-sizing: border-box;
}
.d-navbar ul .hot {
  right: -2px;
  top: 27px;
}
/*解决一屏问题*/
html,
body {
  height: 100%;
}
.single-page {
  min-height: 100% !important;
  padding-bottom: 120px !important;
  margin-bottom: -120px !important;
  box-sizing: border-box;
  overflow: hidden;
}
.position-relative {
  position: relative;
}
/*课程类型*/
.type-trangle {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(../images/icon.png);
}
.type-trangle.video {
  background-position: -547px -40px;
}
.type-trangle.live {
  background-position: -547px -106px;
}
.type-trangle.face {
  background-position: -547px -172px;
}
.type-trangle.ImageText {
  background-position: -610px -232px;
}
/*==============================================
author:guan
date:2016.5.30
所有页面右侧的小导航
================================================*/
.fixed-right-group {
  position: fixed;
  right: 20px;
  width: 40px;
  bottom: 30px;
  z-index: 100;
  box-sizing: border-box;
}
.fixed-right-group li {
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: #cecece;
}
.fixed-right-group li.g1 {
  height: 40px;
  background: url(../images/index.png) no-repeat;
  background-position: -442px -17px;
}
.fixed-right-group li.g2 .logo {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(../images/index.png) no-repeat;
  background-position: -555px -17px;
  margin-top: 10px;
  margin-left: 10px;
}
.fixed-right-group li.g2 > div {
  display: none;
  width: 170px;
  background-color: #fff;
  border: 1px solid #ddd;
  position: relative;
  right: 200px;
  top: -159px;
  padding-top: 20px;
}
.fixed-right-group li.g2 > div img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 126px;
  height: 126px;
}
.fixed-right-group li.g2 > div .sanjiaoxin-out {
  right: -21px;
  top: 116px;
  z-index: auto;
}
.fixed-right-group li.g2 > div .sanjiaoxin {
  border-left: 30px solid #fff;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: none;
  z-index: 0;
}
.fixed-right-group li.g2 > div .sanjiaoxin-border {
  border-left: 40px solid #ddd;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: none;
  right: 8px;
  top: -8px;
  z-index: -3;
}
.fixed-right-group li.g2 > div p {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 5px;
}
.fixed-right-group li.g2:hover > div {
  display: block;
}
.fixed-right-group li.g2 {
  background-position: 0px -40px;
}
.fixed-right-group li.g3 .logo {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url(../images/index.png) no-repeat;
  background-position: -586px -17px;
  margin-top: 10px;
  margin-left: 10px;
}
.fixed-right-group li.g4 .logo {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url('../images/caozuoshouceIcon.png') no-repeat center center;
  margin-top: 10px;
  margin-left: 10px;
}
.fixed-right-group li.g1:hover {
  background-position: -494px -17px;
}
.fixed-right-group li.g2:hover {
  background-color: #4faeff;
}
.fixed-right-group li.g3:hover {
  background-color: #4faeff;
}
.fixed-right-group li.g4:hover {
  background-color: #4faeff;
}
.fixed-right-code {
  background-color: #fff;
  padding: 4px;
}
.icon-warning {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/register.png) no-repeat -116px -8px;
}
/*公共搜索框*/
.searchBox {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  background-color: #eee;
  padding-right: 10px;
  border-radius: 3px;
  margin-right: 30px;
}
.searchBox input {
  width: 110px;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  font-size: 16px;
  transition: width 0.2s linear;
}
.searchBox input:focus {
  width: 140px;
}
#searchBox {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  background-color: #eee;
  padding-right: 10px;
  border-radius: 3px;
  margin-right: 30px;
}
#searchBox input {
  width: 110px;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  font-size: 16px;
  transition: width 0.2s linear;
}
#searchBox input:focus {
  width: 140px;
}
/*开通指数学院资料*/
.article-indexColleage {
  position: relative;
  padding-top: 40px;
  padding-bottom: 120px;
  margin-top: -40px !important;
  margin-bottom: -120px;
  min-height: 100%;
  box-sizing: border-box;
}
.indexColleage .success {
  padding: 30px 56px 0px 56px;
}
.indexColleage .success .success-hd {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #999;
}
.indexColleage .success .success-bd {
  width: 868px;
  height: 189px;
  background: url(../images/indexColleage.png) no-repeat center;
  padding-left: 27px;
  padding-top: 25px;
  box-sizing: border-box;
}
.indexColleage .success .success-bd p {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.indexColleage .success .success-bd p span {
  font-size: 16px;
  color: #333;
}
.indexColleage .success .success-footer {
  margin-top: 33px;
}
.indexColleage .success .experi {
  display: inline-block;
  width: 126px;
  height: 38px;
  background-color: #ff7e00;
  font-size: 18px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  line-height: 38px;
}
.indexColleage .register_success {
  width: 610px !important;
  display: block;
}
.indexColleage .register_success .success_title_wrap {
  width: auto;
}
.indexColleage .register_success .success_title_wrap p {
  margin-top: 12px;
  line-height: 18px;
}
.indexColleage .form-wrap {
  position: relative;
  top: -55px;
  background-color: #fff;
}
.indexColleage-form {
  width: 580px;
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  top: -20px;
}
.indexColleage-form textarea {
  width: 460px;
  height: 100px;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 10px 0 0 10px;
  box-sizing: border-box;
}
.indexColleage-form em {
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
}
.indexColleage-form input:not([type='submit']) {
  height: 36px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding-left: 10px;
  width: 250px;
}
.indexColleage-form .submit {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ff7e00;
  font-size: 18px;
  color: #fff;
  border: none;
}
.indexColleage-form .sms {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #4faeff;
  background-color: #f0f7ff;
  width: 120px;
  text-align: center;
  border: 1px solid #cfe5ff;
}
.indexColleage-form > div {
  margin-bottom: 20px;
}
.indexColleage-form > div p {
  text-indent: 110px;
  margin-top: 20px;
  font-size: 14px;
  color: #999;
}
.indexColleage-form .left {
  display: inline-block;
  width: 90px;
  text-align: right;
  margin-right: 20px;
}
.indexColleage-form .left em {
  color: #ff0000;
}
.indexColleage-form .speechTips {
  text-align: right;
  margin-top: -10px;
  margin-bottom: 30px;
  padding-right: 215px;
}
.indexColleage-form .speechTips .tipsContent {
  font-size: 14px;
  color: #999;
}
.indexColleage-form .speechTips .getSpeechCode {
  font-size: 14px;
  color: #1192ff;
  cursor: pointer;
  margin-left: 10px;
}
.indexColleage-banner {
  background-color: #243d55;
  text-align: center;
  overflow: hidden;
  height: 440px;
  position: relative;
}
.indexColleage-banner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.indexColleage-banner a {
  display: inline-block;
  width: 198px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #ff7e00;
  border-radius: 4px;
  font-size: 22px;
  color: #fff;
  margin-top: 296px;
  position: relative;
}
.indexColleage-main .wrap-1200 {
  position: relative;
}
.indexColleage-main .imgbox {
  height: 420px;
  line-height: 420px;
}
.indexColleage-main .imgbox img {
  vertical-align: middle;
}
.indexColleage-main .textbox {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.indexColleage-main .textbox strong {
  font-size: 28px;
}
.indexColleage-main .textbox strong.red {
  color: #de293c;
}
.indexColleage-main .textbox strong.blue {
  color: #319ff4;
}
.indexColleage-main .textbox strong.green {
  color: #47ac35;
}
.indexColleage-main .textbox p {
  font-size: 28px;
  color: #666;
}
.indexColleage-main .textbox p span {
  font-size: 14px;
  color: #777;
}
.indexColleage-main .textbox p:first-child {
  margin-bottom: 10px;
}
.indexColleage-main .textbox p:nth-child(2) {
  margin-bottom: 14px;
}
.indexColleage-main .textbox p:nth-child(2) span {
  font-size: 28px;
}
.indexColleage-main .indexColleage-p1 {
  height: 420px;
  background-color: #f0f7ff;
  position: relative;
}
.indexColleage-main .indexColleage-p1 .textbox {
  left: 620px;
}
.indexColleage-main .indexColleage-p1 .imgbox {
  position: relative;
  left: -50px;
}
.indexColleage-main .indexColleage-p2 {
  height: 420px;
  position: relative;
}
.indexColleage-main .indexColleage-p2 .textbox {
  left: 114px;
}
.indexColleage-main .indexColleage-p2 .imgbox {
  position: relative;
}
.indexColleage-main .indexColleage-p3 {
  background-color: #f0f7ff;
  height: 420px;
  position: relative;
}
.indexColleage-main .indexColleage-p3 .textbox {
  left: 640px;
}
.indexColleage-main .indexColleage-p3 .imgbox {
  position: relative;
  left: -51px;
}
.indexColleage-main .indexColleage-p4 {
  height: 420px;
  position: relative;
}
.indexColleage-main .indexColleage-p4 .textbox {
  left: 114px;
}
.indexColleage-main .indexColleage-p4 .imgbox {
  position: relative;
  right: -63px;
}
.indexColleage-main .indexColleage-p5 {
  background-color: #f0f7ff;
  height: 420px;
  position: relative;
}
.indexColleage-main .indexColleage-p5 .textbox {
  left: 640px;
}
.indexColleage-main .indexColleage-p5 .imgbox {
  position: relative;
  left: 75px;
}
.indexColleage-main .indexColleage-p6 {
  height: 420px;
  position: relative;
}
.indexColleage-main .indexColleage-p6 .textbox {
  left: 114px;
}
.s-headtop.apply {
  height: 40px;
  line-height: 40px;
}
.attentionTips {
  text-indent: 110px;
  color: red;
  margin-bottom: 40px !important;
}
/*ztree的编辑节点的box*/
div#rMenu {
  position: absolute;
  display: none;
  top: 300px;
  left: 300px;
  text-align: left;
  background-color: #fff;
  z-index: 99999;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  width: 130px;
  /* height: 175px; */
  font-size: 14px;
  color: #555;
}
div#rMenu ul li {
  line-height: 35px;
  cursor: pointer;
  padding-left: 15px;
}
div#rMenu ul li:hover {
  background-color: #f1f4fb;
}
input.readonly-color {
  background-color: #f5f5f5;
}
.emptySearch {
  text-align: center;
  display: none;
}
.treeNodesearchWrap .blue-clearBotn {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
/*user-modal弹窗基本样式*/
.user-modal {
  border-radius: 4px;
  background-color: #fff;
  z-index: 99999 !important;
}
.user-modal .headerModal {
  padding-left: 20px;
  height: 56px;
  line-height: 56px;
  font-size: 17px;
  color: #1192ff;
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.user-modal .headerModal .close2 {
  top: 20px;
  right: 10px;
}
.display_inlineblock {
  display: inline-block;
}
.title-Addcourseware {
  font-size: 17px;
}
.Addcourseware .confirm-no,
.Editcourseware .confirm-no,
.Addcourseware .confirm-yes,
.Editcourseware .confirm-yes {
  width: 60px;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  color: #999;
  background: #fff;
}
.Addcourseware .confirm-yes,
.Editcourseware .confirm-yes {
  color: #fff;
  background: #1192ff;
}
.Addcourseware .Addcourseware-body,
.Editcourseware .Addcourseware-body {
  width: 438px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 50px;
}
.Addcourseware .Addcourseware-body span,
.Editcourseware .Addcourseware-body span {
  color: #999;
  font-size: 14px;
}
.Addcourseware .Addcourseware-body input,
.Editcourseware .Addcourseware-body input {
  width: 358px;
  height: 36px;
  line-height: 36px;
  border: 1px #d8d8d8 solid;
  text-indent: 10px;
  border-radius: 4px;
  box-sizing: border-box;
}
/*loading遮罩*/
.loadingCover {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.loadingCover .imgLoad img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -64px;
  margin-left: -64px;
}
.loadingCover .imgLoad img.loadGif {
  width: 50px;
}
.loadingCover .imgLoad img.onGenerateBox {
  margin-top: -126px;
  margin-left: -150px;
}
.onGenerateBox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.onGenerateBox .tips {
  font-size: 14px;
  color: #fff;
  margin-top: 20px;
}
.onGenerateBox .imgLoad {
  width: 300px;
  height: 266px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -133px;
  margin-left: -150px;
}
.border-top-ddd {
  border-top: 1px solid #ddd;
}
.dropmenu-boxshadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.set-right-width-140 {
  width: 140px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-16 {
  font-size: 16px !important;
}
/*错误页面部分样式*/
.noPageWraper {
  position: relative;
  background-color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
}
.noPageWraper img {
  display: inline-block;
  position: relative;
  top: 50%;
  tansform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.helpCenterDoor {
  top: 33px;
  right: 166px;
  cursor: pointer;
  line-height: 42px;
}
.helpCenterDoor .redCircle {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #ff5c66;
  border-radius: 4px;
  position: relative;
  top: -10px;
  margin-left: -1px;
}
.sanjiaoxin-out {
  position: absolute;
  right: 0;
  top: -10px;
  z-index: -1;
}
.sanjiaoxin {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #f5f5f5;
  position: absolute;
  right: 10px;
  z-index: 3;
  top: 2px;
}
.sanjiaoxin-border {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #d9d9d9;
  position: absolute;
  right: 0;
}
._Sharecode {
  width: 562px;
}
._Sharecode .modal_header {
  height: 55px !important;
  line-height: 55px !important;
  padding: 0 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #eee !important;
}
._Sharecode .modal_header dl {
  font-size: 17px;
  color: #7793aa;
  text-align: center;
}
._Sharecode .modal_header dl dt {
  width: 261px;
  float: left;
  font-size: 17px;
}
._Sharecode .modal_header dl dd {
  width: 261px;
  float: right;
  font-size: 17px;
}
._Sharecode .modal_body {
  padding: 0 !important;
}
._Sharecode .modal-footer {
  padding: 20px 0;
  text-align: right;
}
._Sharecode .modal-footer .s-btn {
  display: inline-block;
  width: 90px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin: 0 12px;
  cursor: pointer;
  border-radius: 2px;
}
._Sharecode .modal-footer .cancel {
  border: 1px solid #999;
  background-color: #fff;
  color: #999;
}
._Sharecode .modal-footer .sure {
  background-color: #1192ff;
  color: #fff;
}
._Sharecode .sharecode_content li {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px #eee solid;
  font-size: 14px;
  color: #333;
  padding-left: 55px;
  padding-right: 134px;
}
._Sharecode .sharecode_content li p {
  display: inline-block;
  margin-left: 40px;
}
._Sharecode .sharecode_content li p i {
  margin-left: 228px;
}
/*调查发布成功页*/
.investigation {
  background-color: #fff;
  margin-top: 20px;
}
.investigation .topIcon {
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
  padding: 60px 0;
}
.investigation .green-success {
  margin: 0 auto;
  margin-bottom: 25px;
}
.investigation .tips {
  color: #019830;
  text-align: center;
  font-size: 24px;
}
.investigation .listBox {
  margin-bottom: 40px;
}
.investigation .investCode {
  padding: 60px 0;
  color: #333;
}
.investigation .investCode .title {
  font-size: 14px;
  display: inline-block;
  width: 270px;
  text-align: right;
}
.investigation .investCode .RightContentBox {
  display: inline-block;
  width: 780px;
  vertical-align: top;
  margin-left: 20px;
}
.investigation .investCode .RightContentBox .codeImage {
  float: left;
  width: 110px;
  height: 110px;
  background-color: #f7f7f7;
  margin-right: 26px;
}
.investigation .investCode .RightContentBox .codeImage img {
  width: 80px;
  height: 80px;
  display: block;
  margin: 0 auto;
  margin-top: 14px;
}
.investigation .linksContent {
  float: left;
  width: 632px;
}
.investigation .linksContent .linkInput {
  display: block;
  padding-left: 10px;
  width: 386px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d9d9d9;
  color: #999;
  font-size: 14px;
  float: left;
}
.investigation .linksContent .downBtn {
  margin-top: 32px;
}
.investigation .btn {
  height: 38px;
  line-height: 38px;
}
.investigation .copyBtn {
  margin-left: 26px;
  margin-right: 10px;
}
.bigBtn {
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  border: 1px solid #1192ff;
  display: inline-block;
  color: #1192ff;
  margin: 0 10px;
  cursor: pointer;
}
.bigBtn.blueBG {
  background-color: #1192ff;
  color: #fff;
}
.icon-16.user1,
.icon-16.bill1,
.icon-16.setup1,
.icon-16.exit1 {
  width: 18px;
  height: 20px;
}
.icon-16.user1 {
  background-position: -350px -731px;
}
.icon-16.user1.hover {
  background-position: -397px -729px;
}
.icon-16.bill1 {
  background-position: -349px -771px;
}
.icon-16.bill1.hover {
  background-position: -396px -769px;
}
.icon-16.setup1 {
  background-position: -349px -810px;
}
.icon-16.setup1.hover {
  background-position: -396px -808px;
}
.icon-16.exit1 {
  background-position: -349px -850px;
}
.icon-16.exit1.hover {
  background-position: -396px -848px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.user1 {
  background-position: -397px -729px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.bill1 {
  background-position: -396px -769px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.setup1 {
  background-position: -396px -808px;
}
.s-headtop .userInfo ul > li .drop-v li:hover i.exit1 {
  background-position: -396px -848px;
}
.theme-checkbox-radio > .disabled_check:checked + span {
  background: #ccc url(../images/icon.png) no-repeat -1px -337px !important;
  border-color: #ccc;
  cursor: pointer;
}
.icon-16.admin-sold {
  width: 20px;
  height: 21px;
  background-position: -441px -527px;
}
.qingli_jifen {
  width: 400px !important;
}
.qingli_jifen .modal_body p {
  padding: 0 10px;
  margin-top: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}
.qingli_jifen .box {
  border: 1px solid #999;
  width: 126px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  cursor: pointer;
  float: left;
  margin-left: 10px;
  margin-top: 15px;
}
.qingli_jifen .box input {
  width: 100px;
  cursor: pointer;
  text-indent: 0.5em;
}
.qingli_jifen .box1 {
  border: 1px solid #999;
  width: 125px;
  height: 35px;
  line-height: 35px;
  border-radius: 4px;
  cursor: pointer;
  float: left;
  margin-left: 10px;
  margin-top: 15px;
}
.qingli_jifen .box1 input {
  width: 100px;
  cursor: pointer;
  text-indent: 0.5em;
}
.qingli_jifen .modal-footer {
  margin-top: 20px;
}
.test_rank_top {
  margin-top: 20px;
  background: url("../images/test_paihang.jpg") no-repeat;
  background-size: cover;
  height: 345px;
}
.test_rank_top .rank_name {
  text-align: center;
  padding-top: 250px;
  font-size: 18px;
  line-height: 18px;
  color: #ffffff;
}
.test_rank_top .rank_info {
  text-align: center;
  margin-top: 42px;
  padding: 10px 0;
  background: #309cff;
}
.test_rank_top .rank_info span {
  margin: 0 40px;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
}
.test_rank_container {
  margin: 20px 0;
}
.test_rank_container .col01 {
  width: 14%;
}
.test_rank_container .col02 {
  width: 25%;
}
.test_rank_container .col03 {
  width: 20%;
}
.test_rank_container .col04 {
  width: 12%;
}
.test_rank_container .col05 {
  width: 30%;
}
.test_rank_container .rank_container {
  margin-bottom: 30px;
  width: 590px;
  background: #ffffff;
}
.test_rank_container .rank_container .container_top {
  padding: 20px;
  background: #f9f9f9;
  margin-bottom: 30px;
}
.test_rank_container .rank_container .container_top p {
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  color: #414141;
}
.test_rank_container .rank_container .container_top img {
  float: right;
  height: 14px;
  width: auto;
  margin-top: -15px;
  margin-right: 20px;
}
.test_rank_container .rank_container_left {
  float: left;
}
.test_rank_container .rank_container_right {
  float: right;
}
.test_rank_container .container_table_header {
  margin: 20px 0;
}
.test_rank_container .container_table_header p span {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.test_rank_container .container_table_body p {
  margin: 40px 0;
}
.test_rank_container .container_table_body p span {
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.test_rank_container .container_table_body p span .avator_img {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  margin-right: 4px;
}
.test_rank_container .container_table_body p span:nth-child(2) {
  padding-left: 70px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
.test_rank_container .container_table_body p span:nth-child(2) img {
  position: absolute;
  top: 0;
  left: 30px;
}
.test_rank_container .container_table_body .my_ranking_info span {
  font-size: 18px;
}
.test_modal_top {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.test_modal_top p {
  width: 520px;
  margin-bottom: 20px;
}
.test_modal_top p span {
  display: inline-block;
  text-align: center;
}
.test_modal_top .col03 {
  width: 20%;
}
.test_modal_top .col05 {
  width: 30%;
}
.test_modal_scroll {
  height: 170px;
  overflow: hidden;
  overflow-y: scroll;
}
.scroll_style::-webkit-scrollbar {
  width: 14px;
  height: 1px;
}
.scroll_style::-webkit-scrollbar-thumb {
  background: #eee;
}
.scroll_style::-webkit-scrollbar-track {
  background: #fff;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.cencus {
  padding: 40px 20px;
}
.cencus .cencus_item .cencus_header {
  font-size: 16px;
}
.cencus .cencus_item .cencus_header .cencus_type {
  display: inline-block;
  margin: 0 20px;
}
.cencus .cencus_item .cencus_header .cencus_answer {
  color: #FF0000;
}
.cencus .cencus_item .cencus_container {
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cencus .cencus_item .cencus_container .cencus_options {
  width: 420px;
}
.cencus .cencus_item .cencus_container .cencus_options p {
  margin: 14px 0;
  font-size: 16px;
  color: #797979;
  line-height: 24px;
}
.cencus .cencus_item .cencus_container .cencus_charts {
  margin-left: 100px;
}
.common—improve-box {
  top: 40% !important;
  left: 60%;
  transform: -50% -50%;
  position: fixed;
  width: 20%;
  height: 215px;
  border-radius: 5px;
  z-index: 1002 !important;
}
.common—improve-box .headerModal {
  width: 100%;
  height: 55px;
  background-color: #eeeeee;
  border-radius: 5px;
  color: #7193ac;
  font-size: 17px;
}
.common—improve-box .headerModal .close2 {
  top: 20px !important;
}
.common—improve-box .headerModal span {
  display: inline-block;
  margin: 20px 20px;
}
.common—improve-box .kaoshi_info {
  width: 100%;
  padding-top: 30px;
}
.common—improve-box .kaoshi_info i {
  width: 40px;
  height: 40px;
  display: block;
  float: left;
  padding: 0 20px;
}
.common—improve-box .kaoshi_info span {
  text-align: left;
  font-size: 16px;
  color: #333333;
  margin-top: 5px;
  line-height: 20px;
}
.common—improve-box .kaoshi_btn {
  width: 100%;
  text-align: right;
}
.common—improve-box .kaoshi_btn a {
  width: 105px;
  height: 34px;
  display: inline-block;
  font-size: 15px;
  line-height: 33px;
  background-color: #ffff;
  text-align: center;
  color: #a0a0a0;
  border: 1px solid #a0a0a0;
  margin-right: 20px;
  margin-top: 30px;
  cursor: pointer;
}
.common—improve-box .kaoshi_btn a:first-child {
  color: #ffffff;
  border: 1px solid #1192ff;
  background-color: #1192ff;
}
.improve-box i {
  background: url("../images/import-icon.png") no-repeat center center;
}
/*跳转下一个课程样式*/
.jump-course-box .headerModal i {
  width: 22px;
  height: 18px;
  display: inline-block;
  margin-right: 15px;
  background: url("../images/jumpCoursepc.png") no-repeat center center;
  cursor: pointer;
}
.jump-course-box .kaoshi_info {
  width: 70% !important;
  padding-top: 45px !important;
}
/*个人中心头像设置按钮*/
.icon-set {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  background-position: -514px -1180px;
  position: absolute;
  margin-left: 20px;
  margin-top: 20px;
}
/*个人中心new个人信息公共头部*/
.personal_center_head_box {
  width: 1200px;
  height: 150px;
  background-color: #ffffff;
  margin: 20px auto 0;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(139, 159, 181, 0.2);
}
.personal_center_head_box .personal_content {
  width: 1140px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.personal_center_head_box .personal_content .personal_left_box {
  margin-top: 25px;
  flex: 1;
}
.personal_center_head_box .personal_content .personal_left_box .personal_img {
  float: left;
}
.personal_center_head_box .personal_content .personal_left_box .personal_img a {
  width: 96px;
  height: 96px;
  display: inline-block;
}
.personal_center_head_box .personal_content .personal_left_box .personal_img a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info {
  float: left;
  margin-left: 20px;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info span {
  width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 30px;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info span.nickName,
.personal_center_head_box .personal_content .personal_left_box .personal_info span.userGroup {
  color: #999999;
  font-size: 14px;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info .realName {
  width: 200px;
  color: #999999;
  font-size: 14px;
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info .realName p {
  display: inline-block;
  font-size: 12px;
  border-radius: 4px;
  padding: 3px 5px;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info .realName p.certified {
  border: 1px solid #18bf67;
  color: #18bf67;
}
.personal_center_head_box .personal_content .personal_left_box .personal_info .realName p.nocertified {
  border: 1px solid #1192ff;
  color: #1192ff;
}
.personal_center_head_box .personal_content .personal_right_box {
  margin-top: 25px;
  display: inline-block;
}
.personal_center_head_box .personal_content .personal_right_box .personal_data {
  display: inline-block;
  margin-top: 16px;
}
.personal_center_head_box .personal_content .personal_right_box .personal_data ul li {
  display: inline-block;
  margin-left: 35px;
  text-align: center;
  cursor: pointer;
}
.personal_center_head_box .personal_content .personal_right_box .personal_data ul li span {
  display: block;
  line-height: 30px;
}
.personal_center_head_box .personal_content .personal_right_box .personal_set {
  cursor: pointer;
  display: inline-block;
  width: 143px;
  height: 45px;
  text-align: center;
  color: #1192ff;
  border: 1px solid #1192ff;
  border-radius: 4px;
  line-height: 45px;
  margin-left: 85px;
  margin-top: 25px;
  vertical-align: top;
}
.personal_center_head_box .personal_content .personal_right_box .personal_set i {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/person_set_icon.png") no-repeat center center;
  margin-left: 8px;
}
/*签到*/
.head_signIn,
.head_signIn_video {
  width: 42px;
  height: 42px;
  margin-right: 40px;
  text-align: center;
  cursor: pointer;
}
.head_signIn .signin_icon,
.head_signIn_video .signin_icon {
  display: inline-block;
  width: 42px;
  height: 42px;
}
.head_signIn_video {
  position: absolute;
  right: 130px;
  top: 15px;
}
.sign_in_box {
  width: 580px;
  z-index: 1002 !important;
  position: fixed;
  border-radius: 20px;
  background-color: #fff;
}
.sign_in_box .modal-header {
  border-radius: 20px;
}
.sign_in_box .modal-header i {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.sign_in_box .oneBlankBox {
  width: 460px;
  height: 262px;
  margin-top: 20px;
  position: absolute;
  background-color: #ffefcc;
  z-index: 1;
  border-radius: 20px;
  left: 60px;
}
.sign_in_box .twoBlankBox {
  width: 508px;
  height: 290px;
  margin-top: 45px;
  position: absolute;
  background-color: #fde5b1;
  z-index: 2;
  border-radius: 20px;
  left: 40px;
}
.sign_in_box .modal-content {
  width: 540px;
  height: 308px;
  display: flex;
  border-radius: 20px;
  margin: 70px auto 20px;
  z-index: 3;
  position: relative;
  background-image: linear-gradient(to bottom right, #ffd577, #ffae00);
  box-shadow: 0 5px 10px rgba(238, 238, 238, 0.8);
}
.sign_in_box .modal-content .content-left {
  width: 240px;
  height: 256px;
  background: url("../images/leftsing.png") no-repeat center center;
  margin: 25px 52px 0 52px;
  text-align: center;
}
.sign_in_box .modal-content .content-left .left-header {
  color: #fff;
  font-size: 22px;
  margin-top: 5px;
}
.sign_in_box .modal-content .content-left .left-header .year-info {
  position: relative;
  top: 20px;
}
.sign_in_box .modal-content .content-left .left-info {
  text-align: center;
  color: #333;
  margin-top: 55px;
}
.sign_in_box .modal-content .content-left .left-info .day-info span {
  font-weight: bold;
  font-size: 72px;
}
.sign_in_box .modal-content .content-left .left-info .day-info h3 {
  font-weight: bold;
  font-size: 26px;
  padding-top: 5px;
}
.sign_in_box .modal-content .content-left .left-info .month {
  width: 88px;
  height: 26px;
  margin: 20px auto 0;
  background-color: #ffb39e;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
}
.sign_in_box .modal-content .content-left .left-info .month em {
  display: inline-block;
  margin-left: 5px;
}
.sign_in_box .modal-content .content-right {
  width: 248px;
  height: 308px;
  text-align: center;
  background-image: linear-gradient(to bottom right, rgba(17, 146, 255), rgba(110, 95, 253));
  border-radius: 20px;
}
.sign_in_box .modal-content .content-right .month-frequency {
  width: 50px;
  height: 68px;
  text-align: center;
  line-height: 68px;
  border-radius: 10px;
  color: #1192ff;
  font-size: 42px;
  background-color: #fff;
  display: inline-block;
  margin: 60px 3px 15px;
}
.sign_in_box .modal-content .content-right .signin-title {
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.sign_in_box .modal-content .content-right .singin-btn,
.sign_in_box .modal-content .content-right .clicksign-btn {
  width: 124px;
  height: 46px;
  font-size: 22px;
  margin: 45px auto 0;
  background-color: #ffae00;
  color: #fff;
  text-align: center;
  border-radius: 23px;
  line-height: 46px;
  cursor: pointer;
}
.sign_in_box .modal-content .content-right .clicksign-btn {
  background-color: #dddddd;
}
.sign_in_box .sign-time {
  text-align: center;
  font-size: 18px;
  color: #999999;
  margin-top: 6px;
  margin-bottom: 25px;
}
/*切屏css*/
#examLeaveBox {
  width: 500px;
  height: 250px;
}
#examLeaveBox .timeCountdown {
  display: block;
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 50%;
  background-color: #70ad47;
  color: #ffffff;
  line-height: 80px;
  margin: 20px auto 0;
  font-size: 20px;
}
#examLeaveBox .infoBox {
  text-align: left;
  width: 220px;
  margin: 5px auto;
}
#examLeaveBox .infoBox span {
  display: inline-block;
  margin: 10px 0;
}
#examLeaveBox .infoBox .leaveNumber {
  text-align: left;
}
#examLeaveBox .infoBox .infoTitle {
  line-height: 20px;
}
#examLeaveBox .goBackExam {
  width: 140px;
  height: 30px;
  color: #ffffff;
  text-align: center;
  background-color: #70ad47;
  line-height: 30px;
  font-size: 15px;
  border-radius: 5px;
  display: block;
  margin: 20px auto;
}
.tree .ztree {
  border: 1px solid #d8d8d8;
  height: 500px;
  border-top: none;
}
.tree .button {
  border-radius: 0 !important;
}
.fujian_course_verification {
  width: 300px;
  height: 326px;
  border-radius: 4px;
  text-align: center;
  top: 30% !important;
}
.fujian_course_verification .verification_modal_header {
  margin: 20px 0;
}
.fujian_course_verification .verification_modal_header .title {
  font-size: 16px;
}
.fujian_course_verification .verification_modal_body .title {
  margin-bottom: 15px;
}
.fujian_course_verification .verification_modal_body .title .fujian_course_icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url("../images/tips_course.png") no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}
.fujian_course_verification .verification_modal_body .title span {
  font-size: 12px;
}
.fujian_course_verification .verification_modal_body .erweima_img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #eeeeee;
}
.fujian_course_verification .verification_modal_body .erweima_img img {
  width: 100%;
}
.fujian_course_verification .verification_modal_body .verification_box {
  margin: 25px auto;
  text-align: center;
}
.fujian_course_verification .verification_modal_body .verification_box h2 {
  padding-bottom: 10px;
}
.fujian_course_verification .verification_modal_body .verification_box input {
  text-align: center;
  width: 230px;
  height: 30px;
  border-bottom: 1px solid #dddddd;
  color: #999;
}
.fujian_course_verification .verification_modal_btn button {
  width: 130px;
  height: 34px;
  font-size: 15px;
  line-height: 34px;
  background-color: #1192ff;
  color: #fff;
  border-radius: 17px;
}
.el-loading-mask {
  position: fixed;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.8);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.el-loading-mask .el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-mask .el-loading-spinner i {
  background: url("../images/common/loading.svg") no-repeat center center;
  background-size: 100% 100%;
  width: 35px;
  height: 35px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  color: #409eff;
  animation: rotating 2s linear infinite;
}
.el-loading-mask .el-loading-spinner .el-loading-text {
  color: #409eff;
  margin: 3px 0;
  font-size: 14px;
  line-height: 1.5em;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.table-width-5 {
  width: 5% !important;
}
.table-width-8 {
  width: 8% !important;
}
.table-width-10 {
  width: 10% !important;
}
.table-width-15 {
  width: 15% !important;
}
.table-width-20 {
  width: 20% !important;
}
.table-width-30 {
  width: 30% !important;
}
.table-width-35 {
  width: 35% !important;
}
.officialTable {
  width: 100%;
}
.officialTable td,
.officialTable th {
  border: 0;
  font-size: 14px;
  text-align: left;
  padding-right: 15px;
}
.officialTable td:first-child,
.officialTable th:first-child {
  padding-left: 20px;
  padding-right: 15px;
}
.officialTable th {
  font-weight: 600;
}
.officialTable thead tr {
  background-color: #f5f7fa;
}
.officialTable thead tr th {
  background-color: #f5f7fa;
  height: 38px;
  line-height: 38px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.officialTable tbody tr {
  background-color: #ffffff;
}
.officialTable tbody tr:hover {
  background-color: #f1f4fb;
}
.officialTable tbody tr td {
  border-bottom: 1px solid #e4e7ed;
  padding: 16px 15px 16px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.commonHeadActionBar {
  display: flex;
  padding-top: 20px;
  flex-wrap: wrap;
}
.commonHeadActionBar .commonSelectListBox {
  display: flex;
  height: 38px;
  line-height: 38px;
  margin-bottom: 20px;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox-title {
  margin-right: 10px;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox {
  width: 150px;
  border: 1px solid #e4e7ed;
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox input {
  width: 150px;
  height: 38px;
  line-height: 38px;
  border: 0;
  position: relative;
  bottom: 1px;
  text-indent: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox i {
  background-position: -350px -293px;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 5px;
  cursor: pointer;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox ul {
  position: absolute;
  z-index: 999;
  display: inline-block;
  width: 100%;
  border: 1px solid #ededed;
  right: 0;
  top: 48px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox ul li {
  color: #333333;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox ul li:first-child {
  margin-top: 5px;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox ul li:last-child {
  margin-bottom: 5px;
}
.commonHeadActionBar .commonSelectListBox .commonSelectBox ul li:hover {
  color: #1192ff;
  background-color: #f1f4fb;
}
.commonHeadActionBar .commonSearchInputBox {
  display: flex;
}
.commonHeadActionBar .commonSearchInputBox label {
  width: 210px;
  border: 1px solid #e4e7ed;
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  margin-right: 10px;
}
.commonHeadActionBar .commonSearchInputBox label input {
  width: 210px;
  height: 38px;
  line-height: 38px;
  border: 0;
  position: relative;
  bottom: 1px;
  text-indent: 10px;
  border-radius: 4px;
}
.commonHeadActionBar .commonTimeBox {
  display: flex;
  height: 38px;
  line-height: 38px;
  margin-bottom: 20px;
}
.commonHeadActionBar .commonTimeBox .commonTimeInputBox {
  display: flex;
  position: relative;
  margin: 0 10px;
}
.commonHeadActionBar .commonTimeBox .commonTimeInputBox label {
  width: 210px;
  border: 1px solid #e4e7ed;
  box-sizing: border-box;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
}
.commonHeadActionBar .commonTimeBox .commonTimeInputBox label input {
  width: 210px;
  height: 38px;
  line-height: 38px;
  border: 0;
  position: relative;
  bottom: 1px;
  text-indent: 35px;
  border-radius: 4px;
}
.commonHeadActionBar .commonTimeBox .commonTimeInputBox i {
  width: 16px;
  height: 16px;
  background: url("../images/calendarIcon.png") no-repeat center;
  position: absolute;
  top: 10px;
  left: 10px;
}
.commonHeadActionBar .blue-btn {
  margin-bottom: 20px;
  min-width: 56px;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  background-color: #1192ff;
  border-radius: 4px;
  cursor: pointer;
}
.commonHeadActionBar .fd6500-btn {
  margin-bottom: 20px;
  min-width: 56px;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  background-color: #fd6500;
  border-radius: 4px;
  cursor: pointer;
}
.publicModal {
  position: fixed !important;
  min-width: 500px !important;
  height: auto !important;
  padding: 20px;
  border-radius: 8px !important;
}
.publicModal .publicModal-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.publicModal .publicModal-head .publicModal-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.publicModal .publicModal-body {
  width: 100%;
}
.publicModal .publicModal-body .publicModal-body-tips {
  color: #F8402D;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 10px;
}
.publicModal .publicModal-body b {
  color: red;
}
.publicModal .publicModal-body .publicModal-content-flex {
  display: flex;
  align-items: center;
  padding: 5px 0;
  margin-bottom: 20px;
}
.publicModal .publicModal-body .publicModal-content-flex:last-child {
  margin-bottom: 0;
}
.publicModal .publicModal-body .publicModal-content-flex-title {
  flex-shrink: 0;
}
.publicModal .publicModal-body .publicModal-content-flex-input {
  flex: 1;
}
.publicModal .publicModal-body .publicModal-content-flex-input input {
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 1px solid #e4e7ed;
  position: relative;
  top: -1px;
  text-indent: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
}
.publicModal .publicModal-body .publicModal-content-flex-input input:focus {
  border: 1px solid #1192ff;
}
.publicModal .publicModal-body .publicModal-content {
  margin-bottom: 20px;
}
.publicModal .publicModal-body .publicModal-content .speakerContent {
  line-height: 24px;
}
.publicModal .publicModal-body .publicModal-content .contentTips {
  line-height: 24px;
}
.publicModal .publicModal-body .publicModal-content .contentTitle {
  font-size: 14px;
  color: #333;
  text-align: left;
  margin-bottom: 20px;
}
.publicModal .publicModal-body .publicModal-content textarea {
  width: 100%;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px;
}
.publicModal .publicModal-body .publicModal-content textarea:focus {
  border: 1px solid #1192ff;
}
.publicModal .publicModal-body .publicModal-content .contentInput {
  width: 100%;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
}
.publicModal .publicModal-body .publicModal-content .contentInput input {
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: 1px solid #e4e7ed;
  position: relative;
  top: -1px;
  text-indent: 10px;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
}
.publicModal .publicModal-body .publicModal-content .contentInput input:focus {
  border: 1px solid #1192ff;
}
.publicModal .publicModal-body .publicModal-content .contentInput input:disabled {
  background-color: rgba(239, 239, 239, 0.3);
  border-color: rgba(118, 118, 118, 0.3);
}
.publicModal .publicModal-body .publicModal-content .contentRadio-flex {
  display: flex;
  font-size: 14px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio-flex .inputRadio {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio-flex .inputRadio input {
  margin-right: 10px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio {
  display: flex;
}
.publicModal .publicModal-body .publicModal-content .contentRadio .fixedDuration {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio .fixedDuration .inputBox input[type=text] {
  width: 42px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin: 0 10px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio .numberOfTestQuestions {
  display: flex;
  align-items: center;
}
.publicModal .publicModal-body .publicModal-content .contentRadio .numberOfTestQuestions .inputBox input[type=text] {
  width: 42px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin: 0 10px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio input[type=radio] {
  position: relative;
  z-index: 1;
  left: 1px;
  margin-right: 10px;
  top: 1px;
}
.publicModal .publicModal-body .publicModal-content .contentRadio input[type=radio]:checked::after {
  content: '';
  border: 4px solid #1192ff;
}
.publicModal .publicModal-body .publicModal-content .contentRadio input[type=radio]:checked::before {
  content: '';
  border: 0;
}
.publicModal .publicModal-body .publicModal-content .contentRadio input[type=radio]::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #e4e7ed;
}
.publicModal .publicModal-body .publicModal-content .contentRadio input[type=radio]::after {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 50%;
}
.publicModal .publicModal-body .publicModal-content .information {
  font-size: 14px;
  color: #333;
  text-align: left;
}
.publicModal .publicModal-body .publicModal-content .template {
  background-color: #f5f7fa;
  margin-top: 20px;
  height: 38px;
  line-height: 38px;
  display: block;
  border-radius: 4px;
}
.publicModal .publicModal-body .publicModal-content .template .load-template {
  width: 16px;
  height: 22px;
  margin-left: 20px;
  background-image: url("../../pc/images/homeWork/excel_icon.png");
}
.publicModal .publicModal-body .publicModal-content .template .document-name {
  color: #333333;
  font-size: 14px;
  height: 14px;
  margin-left: 10px;
}
.publicModal .publicModal-body .publicModal-content .template .download-template {
  color: #1192ff;
  float: right;
  margin-right: 20px;
  cursor: pointer;
}
.publicModal .publicModal-body .publicModal-content .upload {
  background-color: #f5f7fa;
  margin-top: 20px;
  height: 38px;
  line-height: 38px;
  display: block;
  border-radius: 4px;
  margin-right: 0;
}
.publicModal .publicModal-body .publicModal-content .upload .post-file {
  cursor: pointer;
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #1192ff;
}
.publicModal .publicModal-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}
.publicModal .publicModal-bottom div {
  padding: 0 34px;
  border-radius: 4px;
  cursor: pointer;
}
.publicModal .publicModal-bottom .cancel {
  border: 1px solid #e3e7ee;
  background-color: #fff;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  color: #333333;
}
.publicModal .publicModal-bottom .sure {
  background-color: #1192ff;
  height: 38px;
  line-height: 38px;
  color: #ffffff;
}
.typeListInput {
  width: 180px;
  margin: 0 10px 15px !important;
  height: 36px;
  line-height: 36px;
  text-indent: 10px;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  border: 1px solid #e4e7ed;
  color: #999999;
}
.typeListInput input {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  height: 36px;
}
.typeListInput i {
  width: 20px !important;
  height: 20px !important;
  background: url(../../pc/images/header-search.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 8px;
}
.smallTypeListInput {
  width: 90% !important;
  margin: 0 auto 10px !important;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  border: 1px solid #e4e7ed;
  color: #999999;
}
.smallTypeListInput input {
  width: 75% !important;
  display: inline-block !important;
  vertical-align: top !important;
  height: 30px !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 14px;
}
.smallTypeListInput i {
  width: 17px !important;
  height: 17px !important;
  background: url(../../pc/images/header-search.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 8px;
}
.signUpDialog {
  width: 350px !important;
  font-size: 14px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
.signUpDialog .signUpDialog-head {
  width: 310px;
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
}
.signUpDialog .signUpDialog-head .signUpDialog-title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fd6500;
}
.signUpDialog .signUpDialog-head .close2 {
  top: 20px;
  right: 0;
}
.signUpDialog .signUpDialog-body .tips {
  padding: 20px 0 0 0;
  text-align: center;
}
.signUpDialog .signUpDialog-body .form-box {
  width: 320px;
  margin: 0 auto;
}
.signUpDialog .signUpDialog-body .form-box ul {
  padding-top: 20px;
}
.signUpDialog .signUpDialog-body .form-box ul li {
  margin-top: 20px;
}
.signUpDialog .signUpDialog-body .form-box ul li .inputbox input {
  width: 100%;
  height: 38px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  text-indent: 10px;
  padding: 0;
  margin: 0;
}
.signUpDialog .signUpDialog-body .form-box ul li .enter_button {
  background-color: #1192ff;
  width: 100%;
  border-radius: 4px;
}
.tips-icon {
  border: 1px solid #999;
  color: #999;
  border-radius: 50px;
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.tips-icon:hover .tips-content {
  display: inline-block;
}
.tips-icon .tips-content {
  position: absolute;
  top: -45px;
  display: none;
  padding: 12px 15px;
  background-color: #f5f7fa;
  border-radius: 4px;
  width: 237px;
  font-size: 14px;
  color: #333;
}
.multipleChoiceRestrictions-container {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.multipleChoiceRestrictions-container .theme-checkbox-radio {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.multipleChoiceRestrictions-container #multipleChoiceRestrictionsNum {
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #E4E7ED;
  border-radius: 4px;
  margin: 0 5px;
}