* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: inherit;
  vertical-align: middle;
}
body,
html {
  font-family: "Microsoft YaHei", "微软雅黑", Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  height: 100%;
  background-color: #f5f7fa;
  overflow-x: hidden;
}
ul,
li {
  list-style: none;
}
h3 {
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #4faeff;
}
input,
textarea,
button {
  outline: none;
}
/*清楚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;
}
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.border-none {
  border: none !important;
}
textarea {
  resize: none;
}
.blueFontBtn {
  font-size: 14px;
  color: #67aef9;
}
.blueCommonBtn {
  min-width: 56px;
  padding: 0 20px;
  border-radius: 4px;
  background-color: #1192ff;
  color: #fff;
  font-size: 14px;
  text-align: center;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  cursor: pointer;
}
.wrap-1200 {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
/*工具类*/
/*表单元素*/
.theme-checkbox-radio > input {
  display: none;
}
.theme-checkbox-radio > input + span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bbb;
  vertical-align: middle;
  margin: 0px 5px 0 0;
  cursor: pointer;
}
.theme-checkbox-radio > input:checked + span {
  background: #109cff url(../images/icon.png) no-repeat -1px -337px;
  border-color: #109cff;
  cursor: pointer;
}
.theme-checkbox-radio > input[type="checkbox"] + span {
  border-radius: 0;
}
.theme-checkbox-radio > input[type="radio"]:checked + span {
  background: #1192ff url(../images/input-checked-new.png) no-repeat center center !important;
  border-color: #1192ff;
  cursor: pointer;
}
.theme-checkbox-radio + a {
  color: #017fea;
}
.theme-checkbox-radio + a:hover {
  color: #0082c6;
}
/*盒子模型*/
/*显示*/
.inline {
  display: inline-block;
  *display: inline;
}
.none {
  display: none !important;
}
.padding-none {
  padding: 0px !important;
}
/*==============================================
公用提示信息
================================================*/
.alert-box {
  background-color: #4faeff;
  border-radius: 10px;
  display: inline-block;
  padding: 18px 25px;
  color: #fff;
  font-size: 18px;
  position: fixed;
  max-width: 600px;
  z-index: 300;
}
.alert-success-box {
  background-color: #18bf66;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  position: fixed;
  width: 240px;
  z-index: 300;
  text-align: left;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alert-success-box .importSuccessIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../images/common/success.svg") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-left: 20px;
  vertical-align: top;
}
.alert-fail-box {
  background-color: #ff0000;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  position: fixed;
  width: 240px;
  z-index: 300;
  text-align: left;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alert-fail-box .importFailIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../images/common/fail.svg") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-left: 20px;
  vertical-align: top;
}
.alert-alert-box {
  background-color: #999999;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  position: fixed;
  width: 240px;
  z-index: 300;
  text-align: left;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alert-alert-box .importAlertIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../images/common/alert.svg") no-repeat center center;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-left: 20px;
  vertical-align: top;
}
.alert-box_static {
  top: auto;
  background-color: rgba(0, 0, 0, 0.3);
}
.alert-box_static i {
  position: absolute;
  cursor: pointer;
  top: 16px;
  right: 10px;
}
.alert-box-two {
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #4faeff;
  opacity: 0.9;
  position: fixed;
  top: -50px;
  z-index: 100;
  font-size: 16px;
}
/*下拉菜单*/
.s-popup {
  height: 34px;
  line-height: 34px;
  text-align: center;
  padding-left: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-right: 10px;
  cursor: pointer;
}
.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: 34px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}
.s-dropmenu li {
  line-height: 30px;
}
.s-dropmenu li a:hover {
  color: #017fea;
}
.on-right {
  float: right;
}
/*icon-16*/
.icon-16 {
  display: inline-block;
  *display: inline;
  width: 16px;
  height: 16px;
  background-image: url(../images/closeWeb.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon-16.double-right-arrow {
  width: 20px;
  height: 20px;
  background-position: -331px -24px;
}
.icon-16.searchLogo {
  width: 20px;
  height: 20px;
  background-position: -31px -169px;
}
.icon-16.answer-icon {
  width: 20px;
  height: 20px;
  background-position: -498px -3px;
  cursor: pointer;
}
.icon-16.caretAdd {
  width: 16px;
  height: 22px;
  background-position: -227px -98px;
  position: absolute;
  left: 326px;
  top: 7px;
}
.icon-16.whiteAsk {
  width: 14px;
  height: 16px;
  background-position: -438px -2px;
}
.icon-16.QRCodes {
  width: 216px;
  height: 210px;
  background-position: -378px -38px;
}
.icon-16.grayArrow-10 {
  width: 10px;
  height: 10px;
  background-position: -471px -8px;
}
.icon-16.import {
  width: 22px;
  height: 22px;
  background-position: -169px -93px;
}
.icon-16.caret-arrow-gray {
  background-position: -411px -5px;
  margin-right: 5px;
}
.icon-16.tip-orange {
  background-position: -383px -2px;
}
.icon-16.searchIcon {
  width: 22px;
  height: 22px;
  background-position: -351px -2px;
}
.icon-16.black-caret-arrow {
  width: 10px;
  height: 12px;
  background-position: -333px -4px;
}
.icon-16.caret-arrow {
  width: 8px;
  height: 6px;
  background-position: -206px -62px;
}
.icon-16.new-caret-arrow {
  width: 13px;
  height: 8px;
  margin-left: 10px;
  background-position: -204px -134px;
}
.icon-16.gray-x {
  width: 18px;
  height: 18px;
  background-position: -241px -59px;
}
.icon-16.blue-add {
  width: 14px;
  height: 14px;
  background-position: -91px -577px;
}
.icon-16.blue-edit {
  width: 15px;
  height: 15px;
  background-position: -129px -577px;
}
.icon-16.blue-delete {
  width: 15px;
  height: 15px;
  background-position: -175px -577px;
}
.icon-16.white-close {
  background-position: 0 -167px;
}
.icon-16.removeall {
  background-position: -97px -54px;
}
.searchBox {
  display: inline-block;
  height: 36px;
  line-height: 34px;
  background-color: #eee;
  padding-right: 10px;
  border-radius: 3px;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
input,
select,
button {
  margin: 0;
  border: none;
  padding: 0;
  outline: none;
  vertical-align: middle;
  background: transparent;
}
.container {
  width: 100%;
  min-height: 100%;
  position: relative;
  padding-top: 60px;
  margin-top: -60px;
  background-color: #f5f7fa;
}
.l {
  float: left;
}
.r {
  float: right;
}
.header {
  width: 100%;
  height: 60px;
  background-color: #2f3446;
  margin: 0 auto;
  color: #fff;
  position: relative;
  z-index: 10;
}
.header .hd_tt {
  float: left;
  font-size: 14px;
  height: 100%;
  text-align: center;
  line-height: 60px;
  padding-left: 15px;
}
.header .hd_rr {
  float: right;
  height: 60px;
  font-size: 14px;
  padding-right: 40px;
}
.header .hd_rr ul li {
  float: left;
  height: 60px;
  text-align: center;
  line-height: 60px;
  padding: 0 20px;
}
.header .hd_rr ul li:last-child {
  min-width: 160px;
}
.userName {
  background: url('../images/icon06.png') no-repeat 96% center;
  position: relative;
}
.userName:hover {
  background-image: url('../images/icon07.png');
  background-color: #2b2b2b;
}
.header .hd_rr ul li:not(:last-child) {
  /*border-right:1px solid #ddd;*/
}
.header .hd_rr ul li #userName {
  color: #fff47d;
}
/*导航部分*/
.nav {
  /*float:left;*/
  width: 200px;
  background-color: #232734;
  border-right: 1px solid #eee;
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
}
.nav ul {
  padding-top: 20px;
  background-color: #232734;
}
.nav ul li {
  /* height:48px; */
  position: relative;
}
.nav ul li em {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px !important;
}
.nav-a {
  display: block;
  width: 90%;
  line-height: 48px;
  color: #fff;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 25px;
  margin: 0 auto;
  position: relative;
}
.fristBox {
  margin: 0 auto;
  border-radius: 8px;
  background-color: #3d4252;
  color: #fff !important;
  box-sizing: border-box;
}
.nav-icon-hover {
  background-color: #fff !important;
}
.nav ul li a.hover {
  font-size: 14px;
  width: 90%;
  color: #1181e1;
}
.select .secondLevel .li_active a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.select .secondLevel .li_active a em {
  background-color: #1181e1;
}
.section {
  /*position: absolute;*/
  /*float:right;*/
  /*height:100%;*/
  /*left:160px;*/
  /*right:0;*/
  margin-left: 200px;
  background-color: #f5f7fa;
}
.section.section-zuzhi {
  margin-left: 400px;
}
.content-nav ul {
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.content-nav ul li {
  height: 50px;
  position: relative;
  line-height: 50px;
  text-align: center;
  float: left;
  padding: 0 10px;
}
.content-nav ul li .nav-a {
  width: 100% !important;
}
.content-nav ul li a {
  color: #666;
  font-size: 14px;
  text-align: left;
  padding: 0 20px;
  display: inline-block;
}
.content-nav ul li a.hover {
  color: #017fea;
  font-size: 14px;
  background-color: #fff;
  border-bottom: 3px solid #4faeff;
}
.content-box {
  width: 100%;
  padding: 20px;
}
.content-box:not(.search) > div > div {
  width: 100%;
  font-size: 14px;
  margin-right: 20px;
}
.downListWrap {
  width: auto !important;
}
.content-box div[class*='content-box'] {
  width: 100%;
  margin: 0;
}
.padding-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-top-0 {
  padding-top: 0 !important;
}
/*搜索框*/
.search {
  height: 48px;
  background-color: #f0f0f0;
}
.search li {
  position: relative;
}
.search .s-left ul li a {
  float: left;
  padding: 5px 10px;
  color: inherit;
  border-radius: 2px;
  font-size: 14px;
  color: #666;
}
.search .s-left ul li a.hover {
  color: #fff;
  background-color: #4faeff;
}
input[type='text'],
input[type='search'],
input[type='password'] {
  width: 260px;
  height: 32px;
  border: 1px solid #ddd;
  padding-left: 10px;
  padding-right: 6px;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  background-color: #fff;
}
input:active {
  border: 1px solid #ddd;
}
.input-next-a {
  padding: 5px 20px;
  border-radius: 3px;
  background-color: #fd9b00;
  display: inline-block;
  height: 30px;
  font-size: 14px;
}
.input-next-a:hover {
  background-color: #fd8f00;
}
input:disabled {
  background-color: #f7f7f7;
}
.arrow-down {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #eeeeee;
  font-size: 0px;
  line-height: 0px;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
/*表格相关样式*/
table {
  width: 100%;
  border-collapse: collapse;
  color: #666;
  font-size: 12px;
}
table > thead > tr > th {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  color: #333;
}
table td {
  word-wrap: break-word;
  word-break: normal;
}
.square {
  width: 60px;
  height: 40px;
  font-size: 14px;
  color: #666;
  padding: 0;
}
table td,
table th {
  text-align: center;
  border: 1px solid #ddd;
  padding: 10px;
  color: #333;
}
.padding {
  padding: 10px;
}
.pd-top-5 {
  padding-top: 5px;
}
.pd-top-10 {
  padding-top: 10px;
}
.pd-20 {
  padding: 20px;
}
.pd-top-50 {
  padding-top: 50px;
}
.padding-left-16 {
  padding-left: 16px;
}
.padding-right-52 {
  padding-right: 52px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-right-40 {
  padding-right: 40px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.btn {
  display: inline-block;
  color: #666;
  font-size: 14px;
  padding: 0px 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 33px;
  line-height: 34px;
  text-align: center;
  background-color: #f5f5f5;
  cursor: pointer;
}
.btn.bluetn {
  background: #279ff5;
  color: #fff;
}
.modal-body a.hover {
  color: #fff;
  background-color: #69a5da !important;
  border: none;
}
table a {
  color: inherit;
  font-size: 14px;
}
.page {
  text-align: center;
}
.page li a {
  color: #666;
}
.page {
  position: relative;
  /* top:20px; */
  font-size: 14px;
  margin-top: 20px;
}
.page li {
  display: inline-block;
  margin-right: 5px;
  height: 20px;
}
.page li:last-child {
  margin-top: 4px;
}
.page li a {
  border-radius: 2px;
}
.page li a.hover {
  background-color: #f5f5f5;
  color: #fff;
}
.page li span b {
  margin: 0 5px;
  font-weight: normal;
}
.round {
  float: right;
  position: relative;
  left: -12px;
  top: 2px;
  width: 1em;
  height: 1em;
  color: #fff;
  background-color: #ff6c00;
  border-radius: 1em;
  text-align: center;
  line-height: 1em;
}
.blue {
  color: #1192ff !important;
}
.blue:hover {
  color: #1192ff !important;
}
.yellow {
  color: #ff6c00;
}
.bg-yellow {
  background-color: #ffeadb;
}
.bg-gray {
  background-color: #fbfbfb;
}
.bg-fff {
  background-color: #fff;
}
.bg-f5 {
  background-color: #f5f5f5;
}
.bg-f1 {
  background-color: #f1f1f1;
}
.bg-eee {
  background-color: #eee;
}
.nobg {
  background-color: #fff !important;
}
.bg-e3 {
  background-color: #e3e3e3;
}
.bg-f8 {
  background-color: #f8f8f8;
}
.search .s-left p {
  line-height: 30px;
  color: #333;
  font-size: 12px;
}
.search .s-left p span {
  color: #ff6c00;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.width-50 {
  width: 100px !important;
}
.width-100 {
  width: 100px !important;
}
.width-180 {
  width: 180px !important;
}
.mr-10 {
  margin-right: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mr-20 {
  margin-right: 20px;
}
.mt-o {
  margin-top: 0 !important;
}
.mt-5 {
  margin-top: 10px;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
/*字体*/
.c1c9 {
  color: #1c9e45;
}
.f12 {
  font-size: 12px;
}
.fs-12-6 {
  font-size: 12px;
  color: #666;
}
.fs-12-3 {
  font-size: 12px;
  color: #333;
}
.fs-12-9 {
  font-size: 12px;
  color: #999;
}
.fz-14 {
  font-size: 14px;
}
.fs-14-6 {
  font-size: 14px;
  color: #666 !important;
}
.fs-14-033 {
  font-size: 14px;
  color: #033333;
}
.banner-fs {
  font-size: 34.5px;
  color: #c7c7c7;
}
.fs-16-c6 {
  font-size: 16.9px;
  color: #c6c6c6;
}
.fs-16-6 {
  font-size: 16px;
  color: #666;
}
.fs-16-3 {
  font-size: 16px;
  color: #333;
}
.cursorPointer {
  cursor: pointer;
}
.padding-top-25 {
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}
.bt-1 {
  border-bottom: 1px solid #ddd;
}
.tuijian-box {
  /*height:150px;*/
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.tuijian-title {
  width: 46px;
}
.tuijian-content {
  /*position: absolute;*/
  /*left: 46px;*/
  /*top: 0px;*/
  /*right: 0px;*/
  /*bottom:0px;*/
  width: 100%;
}
.search input[type='search'] {
  margin-right: 10px;
}
.tuijian-content ul li {
  float: left;
  padding-right: 6px;
  /*width:14.2%;*/
  width: 12.5%;
}
.modal-content-li a {
  display: block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #d3d3d3;
  color: #666;
}
.cha {
  position: absolute;
  cursor: pointer;
  top: 6px;
  right: 6px;
  width: 10px;
  height: 10px;
  background-image: url(../images/cha.png);
}
.modal-content-li a.hover {
  background-color: #459acf;
  color: #ffffff;
}
.img-box {
  width: 100%;
}
.img-box p {
  height: 26px;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img {
  /*height:88px;*/
  text-align: center;
}
.img img {
  max-width: 100%;
  max-height: 100%;
}
.banner-img-box {
  height: 157px;
  line-height: 40px;
}
.banner-img-link input {
  width: 230px;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.light-yello {
  color: #fff47d;
}
.pd-10 {
  padding: 10px;
}
.top_nav {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #403f3f;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 99;
  transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0.3s;
  /*过度*/
  -webkit-transform: translate3d(0, 6px, 0);
  transform: translate3d(0, 6px, 0);
  /*转换*/
}
.top_nav li {
  float: none !important;
  background-image: none;
  border: none;
  height: 40px !important;
  text-align: center;
  line-height: 40px !important;
}
.top_nav li a {
  font-size: 14px;
  color: #fff;
}
.top_nav li a:hover {
  color: #83c5ff;
}
.top_nav li:hover {
  background-color: #2b2b2b;
}
.header .hd_rr ul li:last-child:hover .top_nav {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
}
.icon-32 {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url('../images/icon-32.png');
  background-repeat: no-repeat;
}
.banner-img li {
  width: 307px;
  height: 197px;
}
.page {
  height: 26px;
  line-height: 24px;
}
.page a {
  border: 1px solid #d7d7d7;
  text-align: center;
  color: #333 !important;
  padding: 0 9px;
  margin-left: 5px;
}
.page a {
  display: inline-block;
  zoom: 1;
  text-decoration: none;
}
.text.align-center {
  text-align: center;
}
.page input[type=text] {
  width: 20px;
  border: 1px solid #d7d7d7;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  border-radius: 0px;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.yj b {
  background: url(../images/yj.png) no-repeat 0 0;
}
.border-b {
  border-bottom: 1px solid #eee;
}
/*
*author：zxl
*date:2016.6.6.
*模块：组织管理
*/
.authority .modal_header {
  background-color: #69a5da !important;
  color: #fff;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal_header a[data-modal="close"] {
  margin: 6px;
}
.auth-search {
  margin-bottom: 20px;
}
.auth-search p {
  font-size: 16px;
  color: #333;
}
.auth-search p + input {
  width: 290px;
}
.auth-search .btn {
  width: 80px;
  height: 32px;
  line-height: 32px;
}
.m-admin table th:first-child {
  width: 60px;
}
.box {
  margin-top: 10px;
}
.box li {
  display: inline-block;
  margin: 0;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 10px;
  background-color: #69a5da;
  color: #fff;
}
.box li i {
  height: 16px;
  width: 16px;
  background: url(../images/icon.png) 0 -167px;
  display: inline-block;
  margin-top: 3px;
  margin-left: 5px;
  cursor: pointer;
}
.role-name {
  padding: 10px 20px;
  padding-bottom: 0;
}
.role-name input {
  border-radius: 4px;
}
.role-name .error-tip {
  display: inline-block;
  color: #e4393c;
  margin-left: 20px;
}
.role-auth {
  padding: 20px 20px 0;
}
.role-auth li {
  margin: 20px 0;
  float: left;
  margin-right: 20px;
}
.role-auth label span {
  margin-right: 10px;
}
a.removeall {
  color: cornflowerblue;
}
.emport_containt .import-file-form ul.memberList {
  text-align: left;
  margin-top: 10px;
}
/*角色管理*/
.import-file-form.import-2 label {
  display: inline-block;
  padding: 0 20px;
  min-width: 242px;
  background-color: #fff;
  line-height: 30px;
  height: 30px;
  border: 1px solid #d9d9d9;
  margin-right: 15px;
  max-width: 380px;
  overflow: hidden;
}
.import-file-form.import-2 .fabu_button_e {
  height: 32px;
  width: 80px;
  padding: 0 10px;
  line-height: 32px;
  text-align: center;
  background-color: #599df0;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  border: none;
}
.import-file-form.import-2 .fabu_button_e .fabu_button_e:hover {
  background-color: #448de5;
}
.emport_bottom {
  background: #f5f5f5;
  padding: 20px;
  border-top: #ddd 1px solid;
  border-radius: 0 0 4px 4px;
  margin-top: 40px;
}
.emport_bottom a i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/donwload_icon.png) no-repeat 0 0;
  vertical-align: middle;
  margin: -3px 4px 0 0;
  background-size: 22px auto;
}
.excel_icon {
  display: block;
  background: url(../images/donwload_icon.png) left -40px no-repeat;
  height: 42px;
  line-height: 42px;
  text-indent: 36px;
}
.download_btn {
  display: inline-block;
  width: 130px;
  height: 42px;
  line-height: 42px;
  background-color: #41b465;
  color: #fff;
  font-size: 16px;
  border-radius: 4px;
  text-indent: 16px;
  padding-right: 16px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.download_btn:hover {
  background-color: #2db256;
}
.add-account {
  width: 480px;
}
.add-account .left {
  width: 90px;
  text-align: right;
  margin-right: 10px;
  display: inline-block;
}
.add-account .right {
  display: inline-block;
}
.add-account .right .caret {
  margin-right: 10px;
}
.add-account .right.inline input {
  border: none;
}
.add-account .right label {
  margin-right: 10px;
  display: inline-block;
  word-wrap: break-word;
}
.add-account .left span {
  color: red;
  margin-right: 10px;
}
.add-account .modal_body > div {
  margin-bottom: 10px;
}
.add-account .tip {
  font-size: 12px;
  color: #666;
}
.add-account .error-tip {
  position: absolute;
  top: 18px;
  color: red;
  left: 50%;
  transform: translate(-50%);
}
.conpany-name {
  position: absolute;
  top: 80px;
  left: 200px;
  bottom: 0;
  width: 220px;
  background-color: #f8f8f8;
}
.conpany-hd {
  height: 46px;
  line-height: 46px;
  color: #fff;
  background-color: #4faeff;
  padding-left: 20px;
}
.conpany-bd {
  position: absolute;
  top: 46px;
  left: 0;
  bottom: 0px;
  right: 0;
  border: 1px solid #ddd;
}
.conpany-bd li {
  color: #333;
  font-size: 14px;
  box-sizing: border-box;
  padding: 0 10px;
  cursor: pointer;
}
.conpany-bd li a {
  display: inline-block;
  max-width: 84%;
  height: 40px;
  color: inherit;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: -13px;
}
.conpany-bd li.hover {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  color: #ff6c00;
}
.operation-wrap {
  margin-bottom: 24px;
  margin-top: 10px;
}
.operation-wrap span {
  font-size: 14px;
  color: #333;
}
.operation-wrap .operation {
  display: inline-block;
  margin-left: 20px;
}
.operation-wrap .operation a {
  color: #017fea;
}
.operation-wrap .operation a:first-child {
  margin-right: 10px;
}
.jigou {
  width: 530px;
}
.jigou span {
  margin-right: 15px;
}
.jigou span em {
  color: red;
  margin-left: 5px;
}
/*指数学院*/
.refuse .modal_body {
  padding: 10px 20px !important;
  position: relative;
}
.refuse .modal_body textarea {
  width: 100%;
  resize: none;
  outline: none;
  margin-top: 10px;
  padding-top: 10px;
  text-indent: 10px;
  border: 1px solid #ddd;
}
.refuse .modal_body p {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 14px;
  color: #666;
}
.refuse .modal_body p span {
  color: red;
}
.adopt {
  width: 560px;
  text-align: center;
}
.adopt .row {
  display: inline-block;
}
.adopt .row:not(:last-child) {
  margin-bottom: 10px;
}
.adopt .row .left {
  display: inline-block;
  width: 150px;
  text-align: right;
}
.adopt.moneyBox .row .right {
  width: 385px;
}
.adopt.moneyBox .row .right .tips {
  display: inline-block;
  margin-left: 3px;
}
.adopt .row .right {
  display: inline-block;
  width: 316px;
  text-align: left;
}
.adopt .row .right input {
  width: auto;
  cursor: pointer;
  color: #333333;
}
.adopt .row p {
  color: red;
}
.input-box {
  display: inline-block;
  border: 1px solid #ddd;
  position: relative;
}
.input-box input {
  border: none;
}
.input-box .caret {
  margin-right: 10px;
}
.input-box .caret.up {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.input-box .dropment {
  position: absolute;
  width: 100%;
  top: 34px;
  background-color: #fff;
  height: 120px;
  overflow-y: scroll;
  border: 1px solid #ddd;
  z-index: 20;
}
.input-box .dropment li a {
  display: block;
  color: #333;
  text-align: center;
  line-height: 30px;
}
.input-box .dropment li a:hover {
  background-color: #f5f5f5;
}
/*新闻中心*/
.list {
  overflow: hidden;
}
.list > a {
  float: left;
}
#courseName {
  width: 500px;
}
#courseContent {
  width: 900px;
  height: 500px;
  border: 1px solid #ddd;
  resize: none;
}
/*意见反馈*/
.max-width tbody tr td:nth-child(2) {
  max-width: 400px;
}
/*无记录页面*/
.notes-no {
  padding: 60px 0;
  text-align: center;
}
.notes-no p {
  line-height: 22px;
  font-size: 14px;
  color: #999;
  margin-top: 14px;
}
.notes-no-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/notes-no.png) no-repeat center;
}
/*指数学院*/
.content-box.zhishu {
  padding-top: 0;
  padding-bottom: 0;
}
.content-box.zhishu .search {
  border: 1px solid #ddd;
  border-bottom: none;
}
.content-box.zhishu .content-box-sub {
  border: 1px solid #ddd;
}
.content-box.zhishu .increment {
  border: none;
  border-bottom: 1px solid #ddd;
}
.content-box.zhishu .trend {
  border: none;
}
/*
*统计呈现=活跃度统计+课程分析
*date:2016.6.29
*/
.admin-system {
  padding-bottom: 20px;
}
.admin-system .admin-hd {
  height: 40px;
  /* margin-bottom: 3px; */
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.11);
  position: relative;
  z-index: 1;
}
.admin-system .admin-hd ul {
  padding-left: 23px;
}
.admin-system .admin-hd ul li {
  float: left;
  padding: 0 15px;
}
.admin-system .admin-hd ul li a {
  display: block;
  height: 37px;
  line-height: 37px;
  padding: 0 10px;
  color: #333;
  box-sizing: content-box;
}
.admin-system .admin-hd ul li.hover a {
  color: #007fda;
  border-bottom: 3px solid #2299ee;
}
.active-degree .search {
  height: 48px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
}
.active-degree .search input {
  width: 180px;
  height: 32px;
  border: 1px solid #ddd;
  padding-left: 10px;
  padding-right: 6px;
  font-size: 14px;
  background-color: #fff;
}
.active-degree .search .arrow-down {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #eeeeee;
  font-size: 0px;
  line-height: 0px;
}
.active-degree .search li {
  position: relative;
}
.active-degree .search .s-left h3 {
  font-size: 16px;
  color: #333;
}
.active-degree .search .s-left ul li a.hover {
  color: #fff;
  background-color: #4faeff;
}
.active-degree .search .s-right {
  margin-top: 7px;
}
.active-degree .search .s-right ul > li:hover {
  background-color: #f0f0f0;
}
.active-degree .search .s-right ul > li {
  float: left;
  font-size: 14px;
  color: #333;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.active-degree .input-next-a {
  padding: 0px 20px;
  border-radius: 3px;
  background-color: #0099FF;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  box-sizing: border-box;
  color: #fff;
}
.active-degree .date-selector {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
  margin: 0 auto;
}
.active-degree .date-selector ul {
  height: 100px;
  overflow-y: auto;
}
.active-degree .date-selector ul li {
  float: none !important;
  text-align: center;
}
.active-degree .date-header span.prev + span {
  display: block;
  text-align: center;
}
.active-degree .date-header {
  position: relative;
  background-color: #fff;
}
.active-degree .prev {
  position: absolute;
  top: 0px;
  left: 0px;
}
.active-degree .next {
  position: absolute;
  top: 0px;
  right: 0px;
}
.active-degree .date-selector .date-header span.prev a,
.active-degree .date-selector .date-header span.next a {
  width: 14px;
  height: 14px;
  padding: 2px 5px;
  border: 1px solid #ddd;
  line-height: 8px;
  text-align: center;
  background-color: #d3d3d3;
  border-radius: 3px;
  color: #333;
}
.active-degree .application {
  border-bottom: 1px solid #ddd;
}
.admin-bd .courseAnalysis {
  padding-top: 20px;
  margin: 0 30px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
}
.admin-bd .courseAnalysis .admin-bd--content {
  margin-left: 0px;
}
.admin-bd .courseAnalysis .admin-bd--content .admin-search {
  border-top: 0;
  padding: 0 20px;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-ll {
  float: left;
  line-height: 70px;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-ll a {
  display: inline-block;
  padding: 0 20px;
  height: 32px;
  line-height: 32px;
  border-radius: 40px;
  color: #777;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-ll a.hover {
  color: #333;
  background-color: #d6eeff;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr {
  float: right;
  position: relative;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr input {
  padding-left: 15px;
  width: 270px;
  height: 30px;
  border: 1px solid #ddd;
  margin-top: 20px;
}
.admin-search .course-source .hd-rr .admin-searchicon {
  background-position: -99px -342px;
  width: 28px;
  height: 28px;
}
.admin-search .course-source .hd-rr .admin-searchicon.admin-searchicon-hover {
  background-position: -107px -384px;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr .admin-searchicon {
  position: absolute;
  right: 7px;
  top: 25px;
  cursor: pointer;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr .admin-searchicon.admin-searchicon-hover {
  display: none;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr.hover input {
  box-shadow: 0px 1px 7px rgba(139, 195, 255, 0.6);
  border: 1px solid #8bc5ff;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr.hover .admin-searchicon {
  display: none;
}
.admin-system .admin-bd .admin-bd--content .admin-search .course-source .hd-rr.hover .admin-searchicon.admin-searchicon-hover {
  display: block;
}
.admin-bd .courseAnalysis .admin-bd--content .admin-search .course-source {
  line-height: 50px;
}
.admin-bd .courseAnalysis .course-source a {
  color: #333;
}
.auth-manage {
  padding: 36px;
  padding-top: 0px;
}
.auth-manage .auth-hd {
  height: 38px;
  position: relative;
  margin-bottom: 28px;
}
.auth-manage .auth-bd .page {
  top: 0;
  padding-bottom: 20px;
  box-sizing: content-box;
}
.auth-manage .auth-hd p {
  font-size: 12px;
  color: #666;
  line-height: 19px;
}
.auth-manage .auth-hd .create-group {
  position: absolute;
  right: 0px;
  top: 0;
  width: 112px;
  text-align: center;
  background-color: #109cff;
  font-size: 14px;
  color: #fff;
  line-height: 38px;
}
.auth-manage .auth-bd table {
  width: 100%;
}
.auth-manage .auth-bd thead tr {
  height: 35px;
  background-color: #e9f6ff;
  border: 1px solid #c6e7ff;
}
.auth-manage .auth-bd thead tr th {
  font-size: 14px;
  color: #666;
  line-height: 35px;
  padding: 0;
  border: none;
}
.auth-manage .auth-bd tbody tr {
  text-align: center;
}
.auth-manage .auth-bd tbody tr:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.auth-manage .auth-bd tbody tr td.td-roleName {
  line-height: 80px;
}
.auth-manage .auth-bd tbody tr td {
  vertical-align: middle !important;
  padding: 0;
  border: none;
}
.auth-manage .auth-bd tbody tr td a {
  font-size: 14px;
}
.auth-manage .auth-bd tbody tr td a:hover {
  color: #007fda;
}
.auth-manage .auth-bd tbody td:last-child {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right;
  padding-right: 21px;
  width: 195px;
}
.auth-manage .auth-bd tbody td:last-child:after {
  content: '';
  display: block;
  clear: both;
}
.auth-manage .auth-bd tbody td:last-child a {
  display: inline-block;
  text-align: center;
  line-height: 24px;
}
.auth-manage .auth-bd tbody td:last-child a:not(:first-child) {
  margin-left: 20px;
}
.auth-manage .auth-bd tbody td:last-child a .icon-16.setup {
  margin-left: 3px;
}
.auth-manage .auth-bd tbody td:last-child a:hover .icon-16.admin-del {
  background-position: -254px -445px;
}
.auth-manage .auth-bd tbody td:last-child a:hover .icon-16.admin-edit {
  background-position: -58px -475px;
}
.auth-manage .auth-bd tbody td:last-child a:hover .icon-16.admin-add {
  background-position: -56px -445px;
}
.auth-manage .auth-bd tbody td:last-child a:hover .icon-16.setup {
  background-position: -102px -187px;
}
.auth-manage .auth-bd tbody td:last-child a:last-child {
  margin-right: 20px;
}
.auth-manage .auth-bd tbody td:nth-child(2) {
  max-width: 300px;
  line-height: 20px;
  padding-left: 20px;
}
.auth-manage .auth-bd .td-roleAuth span:not(:last-child):after {
  content: ',';
  margin: 0 5px;
}
.admin-bd .courseAnalysis .auth-manage {
  padding: 0 20px;
  margin-top: 15px;
  text-align: center;
}
.admin-bd .courseAnalysis .auth-manage thead tr th:first-child {
  text-align: left;
  padding-left: 23px;
  line-height: 36px;
}
.admin-bd .courseAnalysis .auth-manage thead th:last-child {
  text-align: right;
  padding-right: 94px;
}
.admin-bd .courseAnalysis .auth-manage tr td:first-child {
  height: 60px;
  line-height: 60px;
  text-align: left;
  padding-left: 23px;
  max-width: 312px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-bd .courseAnalysis .auth-manage tr td:nth-child(2) {
  padding-left: 0;
}
.admin-bd .courseAnalysis .auth-manage tr td:last-child a {
  color: #007fda;
}
/*收藏列表和报名列表*/
/*报名和收藏列表*/
.admin-bd .static-content {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
}
/*面包屑*/
.bread-box {
  width: 1200px;
  margin: 0 auto;
}
.bread {
  padding: 0px 15px;
  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: #007fda;
}
.bread > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
}
.bread > .active {
  color: #999;
}
.bread > .active a {
  color: inherit;
}
.admin-hd.static-list .location {
  vertical-align: -4px;
  display: inline-block;
}
.admin-hd.static-list .bread {
  padding: 0;
  padding-top: 1px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
.admin-hd.static-list .bread li {
  float: none;
  padding: 0;
}
.admin-hd.static-list .bread li.hover a {
  border-bottom: none;
}
.admin-hd.static-list .bread li a {
  display: inline;
  padding: 0;
}
.admin-bd .static-list--hd {
  height: 130px;
  box-sizing: border-box;
  text-align: center;
  padding: 43px 0;
}
.admin-bd .static-list--hd.task {
  height: 90px;
  line-height: 90px;
  padding: 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
}
.admin-bd .static-list--hd h3 {
  font-size: 20px;
  margin-bottom: 9px;
}
.admin-bd .static-list--hd p {
  color: #999;
}
.admin-bd .static-list--hd p span {
  margin-left: 26px;
}
.admin-bd .static-list--bd {
  padding-bottom: 55px;
  padding-left: 3%;
}
.admin-bd .static-list--bd .imgbox {
  width: 31%;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  box-sizing: border-box;
  padding: 17px 0 17px 17px;
  border: 1px solid #eee;
}
.admin-bd .static-list--bd .imgbox .imgleft {
  float: left;
}
.admin-bd .static-list--bd .imgbox .imgleft img {
  border-radius: 100%;
  width: 70px;
  height: 70px;
}
.admin-bd .static-list--bd .imgbox .textright {
  margin-left: 87px;
}
.admin-bd .static-list--bd .imgbox .textright p {
  font-size: 18px;
}
.admin-bd .static-list--bd .imgbox .textright p:first-child {
  margin-top: 13px;
}
.admin-bd .static-list--bd .imgbox .textright p:first-child span {
  margin-left: 15px;
}
.admin-bd .static-list--bd .imgbox .textright p:last-child {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-bd .static-list--bd .imgbox .textright p:last-child span:last-child {
  margin-left: 25px;
}
.admin-bd .static-list--bd .imgbox .textright p span {
  font-size: 14px;
}
.admin-bd .loadmore {
  display: block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #0089ea;
  box-sizing: border-box;
  border: 1px solid #cceaff;
  background-color: #e9f6ff;
  margin-right: 3%;
}
.admin-bd .static-list--bd.task {
  padding: 0;
  margin: 0;
  position: relative;
}
.admin-bd .static-list--bd .left {
  width: 210px;
  background-color: #f2f2f2;
  height: 100%;
  border-right: 1px solid #ddd;
  position: absolute;
  left: 0;
}
.admin-bd .static-list--bd .left .depart-wrap .depart-title {
  border-top: none;
}
.admin-bd .static-list--bd .right {
  width: 100%;
  padding-left: 230px;
  padding-right: 20px;
  box-sizing: border-box;
}
.admin-bd .static-list--bd .right .right-hd p {
  float: left;
  margin-top: 30px;
}
.admin-bd .static-list--bd .right .right-hd p span {
  color: #ff7e00;
}
.admin-bd .static-list--bd .right table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.admin-bd .static-list--bd .right table thead tr {
  background-color: #f5f5f5;
}
.admin-bd .static-list--bd .right table tbody tr:nth-child(even) {
  background-color: #fbfbfb;
}
.admin-bd .static-list--bd .right table th,
.admin-bd .static-list--bd .right table td {
  border: 1px solid #ddd;
  height: 34px;
  width: 25%;
  text-align: center;
}
.admin-bd .static-list--bd .right table th a,
.admin-bd .static-list--bd .right table td a {
  color: #0083e0;
}
.admin-bd .static-list--bd .right .notes-no {
  padding-top: 120px;
}
/*指数学院——查看详情*/
.indexColleage .form-wrap {
  position: relative;
  background-color: #fff;
}
.indexColleage .form-wrap input {
  border: none !important;
}
.indexColleage .form-wrap-box img {
  display: inline-block;
}
.indexColleage .form-wrap-box .form-title {
  text-align: left;
  background-color: #f8f8f8;
  padding: 20px;
  padding-left: 149px;
}
.form-wrap-box .form-title .img-left {
  display: inline-block;
  *display: inline;
}
.form-wrap-box .form-title .text-right {
  display: inline-block;
  *display: inline;
  text-align: left;
  margin-left: 22px;
}
.form-wrap-box .form-title .text-right p:first-child {
  font-size: 18px;
  color: blue;
  margin-bottom: 8px;
}
.indexColleage-form {
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  top: -20px;
  padding-left: 136px;
  padding-right: 20px;
  box-sizing: border-box;
  /* left:136px; */
}
.indexColleage-form .textarea {
  display: inline-block;
  border: none;
  box-sizing: border-box;
  vertical-align: middle;
  /* height:36px; */
  min-height: 36px;
  line-height: 36px;
  resize: none;
  color: #333;
  text-align: left;
}
.indexColleage-form input.reason:not([type='submit']) {
  height: auto;
  word-break: break-all;
}
.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: 0px;
  width: auto;
}
.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 {
  width: 100%;
}
.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;
}
.indexColleage-form .left em {
  color: #ff0000;
}
/*课程管理部分样式2016-10-14*/
td .operating {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
td .operating:first-child {
  margin-left: 0px;
}
td .operating:last-child {
  margin-right: 0px;
}
table.course-usage td,
table.course-usage th {
  padding: 0;
}
.course-usage td:nth-child(2) a {
  display: inline-block;
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-usage .cancle {
  color: #666666 !important;
}
.red {
  color: red !important;
}
/*机构-平台申请*/
.institution-apply {
  padding-top: 40px;
  font-size: 14px;
  text-align: center;
}
.institution-apply img {
  display: inline-block;
}
.institution-apply > div {
  width: 580px;
  margin: 0 auto;
  text-align: center;
}
.institution-apply > div p {
  color: #999;
  margin-top: 15px;
  margin-bottom: 20px;
}
.institution-apply > div input {
  width: 210px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #ddd;
  color: #333;
}
.institution-apply .copy-link {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.institution-apply .copy-link:hover {
  color: #4faeff;
}
.orange {
  color: #ef8531;
}
.green {
  color: #21b362;
}
.red {
  color: #e71f19;
}
.blue-btn {
  display: inline-block;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #279ff5;
  border-radius: 4px;
  cursor: pointer;
}
/*弹窗基本设置-公共部分*/
.manage-starf-modal {
  color: #999;
  width: 560px;
  border-radius: 8px;
}
.manage-starf-modal .manage-starf-title {
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-left: 20px;
  color: #333;
  font-size: 16px;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  border-bottom: 0;
  font-weight: 600;
}
.manage-starf-modal .manage-starf-title .gray-x {
  position: absolute;
  right: 16px;
  top: 20px;
  cursor: pointer;
}
.manage-starf-modal .modal-input {
  width: 273px;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  text-indent: 15px;
  border: 1px solid #d8d8d8;
  margin-top: 40px;
  margin-left: 95px;
  color: #333;
}
.manage-starf-modal .modal-btn {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: flex-end;
}
.manage-starf-modal .modal-btn .s-btn {
  display: block;
  min-width: 56px!important;
  width: auto!important;
  padding: 0 20px!important;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin: 0 10px 0 0;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: content-box;
}
.manage-starf-modal .modal-btn .s-btn:last-child {
  margin-right: 0;
}
.manage-starf-modal .modal-btn .s-btn.cancel {
  border: 1px solid #e4e7ed;
  background-color: #fff;
  color: #333;
  height: 36px;
  line-height: 36px;
}
.manage-starf-modal .modal-btn .s-btn.sure {
  background-color: #1192ff;
  color: #fff;
}
.platformApplyImgWraper img {
  display: inline-block;
}
/*loading加载logo*/
.pushTask-wait,
.pushTask-loading {
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding-bottom: 8px;
  padding-top: 8px;
  background-color: #676d89;
  border-radius: 6px;
  text-align: center;
}
.pushTask-wait .imgleft,
.pushTask-loading .imgleft {
  overflow: hidden;
}
.pushTask-wait .imgleft img,
.pushTask-loading .imgleft img {
  width: 60px;
  vertical-align: middle;
  position: relative;
  left: -10px;
  top: 3px;
  display: inline-block;
}
.pushTask-wait .imgleft span,
.pushTask-loading .imgleft span {
  color: #fff;
  position: relative;
  left: -10px;
  top: 4px;
}
.pushTask-wait .imgleft p,
.pushTask-loading .imgleft p {
  color: #fff;
  position: relative;
}
.push-modal {
  position: absolute;
  /* top:34px; */
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-animation: opacity 0.3s;
  animation: opacity 0.3s;
}
.push-modal.fixedBox {
  position: fixed;
}
.pushTask-loading {
  width: auto;
}
.pushTask-loading .imgleft img {
  left: 1px;
}
/*查看统计-活跃度时间插件*/
.search.timeFilter .s-right ul li {
  background-color: #fff;
}
.search.timeFilter .s-right ul li input {
  background-color: transparent;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.search.timeFilter .arrow-down {
  cursor: pointer;
  z-index: 1;
}
.Share-code {
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
}
.Share-code span {
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.Share-code .share-download {
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #4d9fee;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}
._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: #279ff5;
  color: #fff;
}
._Sharecode .sharecode_content li {
  width: 100%;
  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;
}
.firstI {
  margin-left: 236px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.result-title-p {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
}
.width-200 {
  width: 200px !important;
}
/*左侧导航含有二级菜单部分样式*/
.nav ul.secondLevel {
  padding-top: 0px;
}
.nav ul.secondLevel .nav-a {
  padding-left: 30px;
}
.nav .firstLevel .black-caret-arrow {
  width: 7px;
  height: 9px;
  display: inline-block;
  background: url(../images/arrow_icon.png) no-repeat center center;
  position: absolute;
  top: 20px;
  right: 15px;
}
.nav .firstLevel.select > .nav-a .black-caret-arrow {
  transform: rotate(90deg);
  transform-origin: 50%;
}
.provence span,
#js_provCitys li {
  width: auto !important;
}
.provence li {
  width: 70px !important;
}
.fs-17 {
  font-size: 17px;
}
.fs-14-999 {
  font-size: 14px;
  color: #999;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.text-line-center {
  text-align: center !important;
}
.position-relative {
  position: relative;
}
.exhibition {
  position: absolute;
  top: -85px;
  left: 83px;
}
.exhibition img {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-top: 23px;
  margin-left: 10px;
}
[data-ui="modal"].updatePlantform {
  border-radius: 6px;
}
.updatePlantform {
  width: 400px;
  border-radius: 2px;
}
.updatePlantform .topBg {
  width: 100%;
  height: 118px;
  background: url('../images/updateTips.png');
}
.updatePlantform .title {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.updatePlantform .tipsContentWrap {
  padding: 0px 20px 20px;
}
.updatePlantform .tipsContent {
  border-top: 1px dashed #c5d0e7;
  padding-top: 20px;
  font-size: 14px;
  color: #666;
  line-height: 12px;
}
.updatePlantform .secondTitle {
  margin-bottom: 10px;
  color: #109cff;
}
.updatePlantform .tipsMain {
  line-height: 18px;
}
.updatePlantform .tipsMain img {
  width: 100%;
}
.updatePlantform .iKnow {
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #109cff;
  margin-bottom: 32px;
  cursor: pointer;
}
.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;
}
.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;
  background-color: red;
  left: 62px;
  bottom: -6px;
  background: url(../images/iswhatshare-bg.png) no-repeat 0 0;
}
.cooperTeacher {
  color: #ff6c00;
  font-size: 12px;
  border: 1px #ff6c00 solid;
  padding: 0 5px;
  display: inline;
  vertical-align: top;
  margin-left: 5px;
}
a.helpCenterDoor {
  color: #fff !important;
}
.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: #279ff5;
  vertical-align: middle;
  border: 1px #279ff5 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: #279ff5 !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 !important;
  text-align: center;
  line-height: 34px;
  background-color: #279ff5;
  vertical-align: middle;
  border: 1px #279ff5 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/icon.png') no-repeat -104px 0px;
}
.page-wrap a.next span {
  display: inline-block;
  width: 12px;
  height: 20px;
  margin-top: 8px;
  background: url('../images/icon.png') no-repeat -119px 0px;
}
.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;
}
.padding-h20 {
  padding-left: 20px;
  padding-right: 20px;
}
.cdetailRgight .CdetailList .titleSet i {
  margin-right: 10px;
}
.icon-16.downNew {
  width: 22px;
  height: 20px;
  background-position: -246px -576px;
}
.icon-16.investigNew {
  width: 18px;
  height: 25px;
  background-position: -291px -576px;
}
.icon-16.evaluNew {
  width: 20px;
  height: 25px;
  background-position: -329px -577px;
}
.icon-16.testNew {
  width: 22px;
  height: 26px;
  background-position: -366px -577px;
}
.icon-16.shareNew {
  width: 22px;
  height: 26px;
  background-position: -411px -574px;
}
.icon-16.signupNews {
  width: 21px;
  height: 24px;
  background-position: -455px -576px;
}
.icon-16.rewardNew {
  width: 19px;
  height: 25px;
  background-position: -502px -571px;
}
.icon-16.ArrowNew {
  width: 10px;
  height: 20px;
  background-position: -379px -542px;
}
.icon-16.returnNew {
  width: 16px;
  height: 18px;
  background-position: -341px -543px;
}
.icon-16.watchVideo {
  width: 19px;
  height: 18px;
  background-position: -212px -506px;
}
.icon-16.EvalVideo {
  width: 17px;
  height: 24px;
  background-position: -213px -540px;
}
.icon-16.completeTest {
  width: 17px;
  height: 22px;
  background-position: -213px -577px;
}
.icon-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.picFontCourse {
  width: 1200px;
  margin: 0 auto;
  padding: 0 52px 52px;
  box-sizing: border-box;
}
.picFontCourse .courseName {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.bg-fff {
  background-color: #fff;
}
.fl {
  float: left;
}
.bordernone {
  border-bottom: none !important;
}
.setup_inner {
  color: #333;
}
.setup_header {
  width: 100%;
  min-height: 100px;
  line-height: 35px;
}
.setup_header label {
  font-size: 14px;
}
.setup_header .platFormNatureCheck {
  display: flex;
  flex-wrap: wrap;
}
.setup_header .platFormNatureCheck label {
  width: 20%;
  margin-right: 0;
}
.setup_header .platFormTypeCheck {
  display: flex;
  flex-wrap: wrap;
}
.setup_header .platFormTypeCheck label {
  width: 25%;
  margin-right: 0;
}
.ml20 {
  margin-left: 20px;
  margin-top: -2px;
}
.setup_top {
  padding-left: 20px;
}
.setup_info_title,
.setup_info_small,
.setup_info_text {
  padding: 0 20px;
  font-size: 14px;
}
.setup_info_title,
.setup_info_small {
  color: #333;
  margin-top: 10px;
}
.setup_info_text {
  color: #999;
  line-height: 24px;
}
.ml6 {
  margin-top: 6px;
}
.ml8 {
  margin-top: 8px;
}
.leng_mleft20 {
  margin-left: 20px;
}
.pack_years .time_set {
  width: 285px;
  overflow: hidden;
  margin: 0 auto;
}
.pack_years .time_set span {
  width: 75px;
  display: block;
  color: #333;
  font-size: 14px;
  float: left;
  height: 32px;
  line-height: 32px;
}
.pack_years .time_set .time_select {
  width: 185px;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  float: left;
  cursor: pointer;
}
.pack_years .time_set .time_select input {
  border: none;
  width: 158px;
  display: block;
  float: left;
  height: 27px !important;
  cursor: pointer;
}
.pack_years .time_set .time_select i {
  float: left;
  margin-top: 12px;
  margin-left: 8px;
}
.pack_years .chargeBlock p {
  font-size: 14px;
  color: #999;
  padding-left: 125px;
  margin-top: 10px;
}
.color999 {
  color: #999;
}
.container .conpany-name .conpany-bd ul li a {
  vertical-align: middle;
}
.section .content-box-sub .search .s-left ul li a {
  padding: 0 20px;
}
.blockContent .even-bg tr:nth-child(even) {
  background: none;
}
.left_user_head {
  width: 100%;
  padding: 35px 20px 0;
  text-align: center;
}
.left_user_head .user_head_img {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
}
.left_user_head .user_head_img img {
  width: 100%;
}
.left_user_head .right_info {
  display: inline-block;
  margin-left: 5px;
  text-align: left;
}
.left_user_head .right_info .user_name {
  font-size: 16px;
  color: #c6c6c6;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.left_user_head .right_info .set_password {
  font-size: 12px;
  color: #1192ff;
}
.notes-no .person-notes-no {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: url(../images/notes-no.png) no-repeat;
  background-size: 100% 100%;
}
.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);
  }
}
.typeListInput {
  width: 180px;
  margin: 20px 10px 15px!important;
  height: 38px;
  line-height: 38px;
  text-indent: 10px;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  border: 1px solid #e4e7ed;
  color: #999999;
}
.typeListInput input {
  width: 75% !important;
  display: inline-block;
  vertical-align: top;
  height: 36px !important;
  padding: 0!important;
  border: none;
}
.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;
}
.publicModal {
  position: fixed !important;
  width: 500px;
  padding: 20px;
  border-radius: 8px!important;
  font-size: 14px;
}
.publicModal .publicModal-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.publicModal .publicModal-head .publicModal-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.publicModal .bodyMaxHeight {
  max-height: 500px;
  overflow: auto;
}
.publicModal .publicModal-body {
  width: 100%;
}
.publicModal .publicModal-body b {
  color: red;
}
.publicModal .publicModal-body .publicModal-content {
  margin-bottom: 20px;
}
.publicModal .publicModal-body .publicModal-content .contentTitle {
  font-size: 14px;
  color: #333;
  text-align: left;
  margin-bottom: 10px;
}
.publicModal .publicModal-body .publicModal-content .contentText {
  font-size: 14px;
  color: #333;
  text-align: left;
  padding-bottom: 10px;
}
.publicModal .publicModal-body .publicModal-content .downListWrap {
  width: 100% !important;
}
.publicModal .publicModal-body .publicModal-content .downListWrap .contentInput {
  position: relative;
}
.publicModal .publicModal-body .publicModal-content .downListWrap .contentInput .caret-arrow {
  position: absolute;
  right: 10px;
  top: 16px;
  z-index: 1;
}
.publicModal .publicModal-body .publicModal-content .downListWrap 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 10px #ededed;
  border-radius: 4px;
}
.publicModal .publicModal-body .publicModal-content .downListWrap ul li {
  width: 100%;
  color: #333333;
  text-align: left;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px 0 10px;
}
.publicModal .publicModal-body .publicModal-content .downListWrap ul li:hover {
  background-color: #f1f4fb;
  color: #1192ff;
}
.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;
  position: relative;
}
.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;
  padding: 0;
}
.publicModal .publicModal-body .publicModal-content .contentInput input:focus {
  border: 1px solid #1192ff;
}
.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 .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: 40px;
}
.publicModal .publicModal-bottom div {
  min-width: 56px;
  padding: 0 20px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  box-sizing: content-box;
}
.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;
}
.center {
  text-align: center!important;
}