@import url('//at.alicdn.com/t/font_2797940_wdj2fynkezg.css');
html {
  height: 100%;
}
body {
  background: #f5f7f9;
  height: 100%;
  position: relative;
  font-family: "微软雅黑", "Microsoft YaHei", arial, Helvetica, Tahoma, sans-serif;
}
a:hover,
a:focus {
  text-decoration: none;
}
.scrollbar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 150px;
  overflow: hidden;
  z-index: 10;
}
.left_new {
  background: #fff;
  width: 150px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 70px;
  overflow-y: auto;
  overflow-x: hidden;
}
.left_new .q_title {
  width: 50px;
  height: 50px;
  margin: 30px auto;
}
.left_new .q_title img {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
}
.left_new .q_version {
  width: 75px;
  height: 20px;
  margin: 0 auto;
  margin-bottom: 35px;
}
.left_new .q_version img {
  width: 75px;
  height: 20px;
}
.left_new .panel-group {
  margin-bottom: 0px;
  padding-left: 10px;
  position: relative;
}
.left_new .panel-group .tabtitle {
  position: relative;
}
.left_new .panel-title {
  display: inline-block;
}
.left_new .panel-title a.alick {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  color: #777;
  display: block;
  padding: 0 0 0 10px;
}
.left_new .panel-title a.link_active {
  font-size: 16px;
  color: #2a75ed;
}
.scrollbarside .panel-body {
  box-sizing: border-box;
  width: 145px;
  max-height: 400px;
  overflow-y: auto;
  padding: 10px;
}
.scrollbarside .panel-body a.submenu {
  width: 100%;
  display: block;
  height: 50px;
  line-height: 50px;
  color: #666;
  padding: 0 10px;
}
.scrollbarside .panel-body a.selected {
  color: #2a75ed;
}
.container {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
  min-width: 1100px;
}
.container > h4 {
  padding-left: 1%;
  height: 35px;
  line-height: 35px;
  color: #3BA764;
  font-size: 16px;
  margin: 0;
}
.container .navbar {
  min-width: 800px;
  height: 60px;
}
.container .navbar .head_title {
  padding-left: 20px;
}
.container .navbar .rentInfo {
  margin-top: 25px;
  padding-left: 100px;
  font-size: 15px;
}
.container .navbar .head_box {
  height: 60px;
}
.container .navbar .head_box .head_btn {
  color: #000;
}
.container .navbar .head_box a.dropdown-toggle {
  display: block;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 10px;
}
.container .navbar .head_box .dropdown-menu {
  min-width: 100px;
  margin: 0;
  top: 95%;
  right: 10px;
}
.container .navbar .head_box .dropdown-menu .badge {
  background: red;
  color: #fff;
}
.container .basicCount {
  width: 100%;
  margin: 0;
  background-color: #fff;
  padding-bottom: 20px;
}
.container .basicCount h4 {
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
  color: #3BA764;
}
.container .basicCount .bc_box {
  height: 170px;
  width: 100%;
  margin-bottom: 20px;
}
.container .basicCount .bc_box1 {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto;
  background-color: #7684FE;
  height: 150px;
}
.container .basicCount .bc_box2 {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto;
  background: #71B6FB;
  height: 150px;
}
.container .basicCount .bc_box3 {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto;
  background: #1EC1B0;
  height: 150px;
}
.container .basicCount .bc_box4 {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto;
  background: #FFAA01;
  height: 150px;
}
.container .basicCount .bc_con_left {
  width: 50%;
}
.container .basicCount .bc_con_left .bc_con_left_img {
  width: 80px;
  height: 80px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 20px auto;
}
.container .basicCount .bc_con_left .bc_con_left_img img {
  width: 100%;
  height: 100%;
  display: block;
}
.container .basicCount .bc_con_left .bc_con_left_p {
  width: 100%;
  text-align: center;
  height: 20px;
  color: #3D48B4;
}
.container .basicCount .bc_con_right {
  color: #fff;
  width: 50%;
}
.container .basicCount .bc_con_right .bc_con_right_p1 {
  width: 100%;
  text-align: center;
  height: 20px;
  margin-top: 20px;
}
.container .basicCount .bc_con_right .bc_con_right_p2 {
  height: 100px;
  width: 100%;
  line-height: 100px;
  text-align: center;
  font-size: 80px;
}
.container .table_con h4 {
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
  color: #3BA764;
}
.container .table_con th,
.container .table_con td {
  text-align: center;
  vertical-align: middle;
}
.container .table_con th {
  background-color: #F9F9F9;
}
.container .searchBox {
  padding: 12px 10px 10px 10px;
  margin: 10px auto;
}
.container .searchBox .searchIpt {
  width: 400px;
  display: inline-block;
}
.container .searchBox .addbtn {
  margin: 0 5px;
}
.container .searchBox span {
  display: inline-block;
  margin-right: 5px;
}
.container .contents {
  width: 98%;
  padding: 20px 10px 10px 10px;
  margin: 20px auto;
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 10px #ccc;
  box-shadow: 3px 5px 10px #ccc;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-horizontal .control-label {
  padding: 7px 0 0 0;
  text-align: end;
  font-weight: 400;
}
label {
  font-weight: 400;
}
.page {
  padding: 10px 10px;
  text-align: center;
  width: 100%;
  margin-top: 15px;
}
.page > div {
  display: inline-block;
}
.page .prev,
.page .next,
.page .num,
.page .current,
.page .end,
.page .first {
  height: 34px;
  line-height: 34px;
  margin-left: -1px;
  display: inline-block;
  width: 68px;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ddd;
}
.page .num,
.page .current {
  width: 32px;
}
.page .end,
.page .first {
  width: 64px;
}
.page .end {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.page .first {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page .current {
  margin-left: 0;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.imgvi {
  display: block;
  position: relative;
  width: 120px;
  height: 90px;
  float: left;
  margin-right: 20px;
}
.imgvi img {
  width: 100%;
  height: 100%;
}
.imgvi input {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 120px;
}
.imgvi label {
  width: 120px;
  height: 90px;
}
.imgvi font {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: red;
  color: white;
  position: absolute;
  display: block;
  text-align: center;
  right: -5px;
  top: -5px;
  z-index: 100;
}
.imgview {
  margin-top: 5px;
}
.dataBox {
  display: inline-block;
  width: 30%;
}
/*.col-sm-1, .col-sm-2 {
    height: 34px;
}*/
.subtable {
  width: 400px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.subtable input[type="text"],
.subtable textarea {
  display: block;
  border: 1px solid #E5E5E7;
  width: 110px;
  min-height: 100%;
  line-height: 1.5;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline-style: none;
  padding-left: 10px;
  font-size: 14px;
  border: none;
}
.subtable table tr.title {
  background-color: #F1F1F3;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.subtable td {
  font-weight: 400;
  line-height: 34px;
  min-width: 80px;
  height: 34px;
  color: #333;
  text-align: center;
  font-size: 14px;
  border: 1px solid #e5e6e6;
}
.subtable table td.tdcon {
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-right: 1px solid #efefef;
  border-left: 1px solid #efefef;
}
.subtable table tr.title {
  background-color: #F1F1F3;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #7e7d80;
}
.mr15 {
  margin-right: 15px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.radio_box {
  width: 60px;
  height: 18px;
  cursor: pointer;
  text-align: center;
  margin-right: 10px;
  background: url(../images/no_radio.png) no-repeat 5px 2px;
  font-size: 14px;
}
.my_radio,
.my_radio1 {
  opacity: 0;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  width: 20px;
  height: 20px;
}
.r_on {
  background: url(../images/ck_radio.png) no-repeat 5px 2px;
}
.saveOrderBtn {
  width: 50px;
  height: 25px;
  background: #00cf9b;
  color: #fff;
  text-align: center;
  line-height: 25px;
  border: none;
  margin-left: 5px;
  outline-offset: none;
  font-size: microsoft yahei;
}
.cperiod {
  border: 1px solid #797979;
  height: 35px;
  margin-right: 10px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  width: 170px;
  color: #333;
  background-color: #fff;
  cursor: pointer;
}
.cperiod1 {
  border: 1px solid #30985D;
  height: 35px;
  margin-right: 10px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  width: 170px;
  color: #30985D;
  background: #ffffff url(../images/periodchecked.png) no-repeat 150px 21px;
  cursor: pointer;
}
.dn {
  display: none!important;
}
input.tdcon {
  vertical-align: -2px;
}
.paySpan {
  width: 10%;
  height: 34px;
  line-height: 34px;
}
.paySpan input {
  vertical-align: -2px;
}
.studentBox span {
  display: inline-block;
  margin-bottom: 15px;
}
.studentInfo {
  width: 95%;
  margin: 0 auto;
  -webkit-box-shadow: 0 5px 10px #ccc;
  box-shadow: 0 5px 10px #ccc;
  margin-bottom: 40px;
  background-color: #fff;
  padding-top: 20px;
}
.statusInfoBox {
  height: 34px;
  line-height: 34px;
}
.statusInfoBox span {
  margin-right: 10px;
}
.statusInfoBox input {
  vertical-align: -2px;
}
#pageCon,
#pageConSale {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
#pageCon > ul,
#pageConSale > ul {
  display: inline-block;
  float: none;
}
.totalMoney {
  height: 40px;
  width: 100%;
  line-height: 40px;
  padding-left: 20px;
}
.list-group-item {
  border: none;
}
.addbtn,
.bigbtn {
  min-width: 100px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
}
.login_con {
  width: 1000px;
  height: 475px;
  margin: 100px auto 0 auto;
  -webkit-box-shadow: 0 0 10px 5px #ddd;
  box-shadow: 0 0 10px 5px #ddd;
}
.login_con .login_img_box {
  width: 649px;
  height: 475px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.login_con .login_con_box {
  width: 349px;
  float: right;
  height: 475px;
  background-color: #fff;
}
.login_con .login_con_box .logo_box {
  width: 210px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 30px auto 20px auto;
}
.login_con .login_con_box .logo_txt {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px 0;
}
.login_con .login_con_box .login_form .login_ipt {
  height: 45px;
  margin-bottom: 30px;
}
.login_con .login_con_box .login_form span {
  top: 0;
}
.colorCon {
  width: 50px;
  height: 30px;
}
.color1,
.color2,
.color3 {
  padding-top: 5px;
}
.form_title {
  margin: 20px 0;
  border-bottom: 1px solid #999;
  font-size: 18px;
  padding-bottom: 10px;
}
#typeModal button {
  margin: 5px 0;
}
.chosenClass {
  background-color: rgba(200, 200, 200, 0.3);
}
.type_con > span {
  font-size: 24px;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.type-body .iconfont-cate {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.type-body .iconfont-cate.active {
  border: 1px solid #46b8da;
  position: relative;
}
.type-body .iconfont-cate.active:before {
  position: absolute;
  content: "\e64f";
  right: 0px;
  bottom: -5px;
  color: #46b8da;
  font-size: 18px;
}
.type-body .iconfont-cate > span {
  width: 36px;
  height: 36px;
  font-size: 24px!important;
  display: inline-block;
  padding: 2px 5px 1px 6px;
  border-radius: 4px;
}
.courseAdd .dataBox {
  width: 27%;
}
.majorBox {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.major-body > div {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  padding: 0 5px;
  font-size: 14px;
  cursor: pointer;
}
.major-body > div.active {
  border: 1px solid #46b8da;
  position: relative;
}
.major-body > div.active:before {
  position: absolute;
  content: "\e64f";
  right: 0px;
  bottom: -7px;
  color: #46b8da;
  font-size: 18px;
}
.major-body > div > span {
  width: 36px;
  height: 36px;
  font-size: 24px!important;
  display: inline-block;
  padding: 2px 5px 1px 6px;
  border-radius: 4px;
}
.skuCon > div {
  margin-bottom: 10px;
}
.skuCon > div:last-child {
  margin-bottom: 0;
}
.skuCon .skuIpt {
  display: block;
  width: 20%;
  margin-right: 15px;
  height: 34px;
}
.skuCon [class^="skuValue"] {
  height: 34px;
  line-height: 34px;
  display: inline-block;
  margin-right: 10px;
}
#createTable th,
#createTable td {
  text-align: center;
  vertical-align: middle;
}
#createTable th:last-child {
  width: 100px;
}
.myCommentContent img {
  width: 100px;
  height: 80px;
  margin: 5px;
}
.comment .imgvi {
  margin-bottom: 10px;
}
.comment .star-box {
  list-style: none;
  font-size: 24px;
  padding-left: 15px;
  float: left;
}
.comment .star-box li {
  float: left;
  cursor: pointer;
  padding: 0 2px;
}
.fullCatIpt {
  display: inline-block;
  width: 8%;
}
.fullCutPrice {
  width: 16%;
}
.fullCutInfo > div {
  margin-bottom: 10px;
}
#allMenberModal .form-inline,
#allGoodsModal .form-inline {
  margin-bottom: 20px;
}
#allMenberModal .table-content th,
#allGoodsModal .table-content th,
#allMenberModal .table-content td,
#allGoodsModal .table-content td {
  text-align: center;
}
#pageCon1,
#productPageCon,
#rulePageCon {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
#pageCon1 > ul,
#productPageCon > ul,
#rulePageCon > ul {
  display: inline-block;
  float: none;
}
.skuCon .skuInfo {
  margin-bottom: 10px;
}
.skuCon .skuInfo > div {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
}
.skuCon .skuInfo .skuInfoSelect {
  margin-bottom: 5px;
}
.skuCon select {
  display: inline-block;
  width: 80%;
  margin-right: 10px;
}
.skuCon input {
  width: 80%;
}
.skuCon .selectize-input {
  width: 80%;
  min-height: 70px;
}
.table_con .content1 .table #tr th {
  padding: 16px 4px;
}
#dialog-shadow {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
#dialog-shadow.dialog-shadow-in {
  height: 100%;
  opacity: 1;
}
#dialog-box {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
#dialog-box.dialog-box-in {
  height: auto;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#dialog-box .dialog-min {
  width: 70%;
  padding: 20px;
  background-color: #fff;
  margin: 10px auto;
}
#dialog-box .table_con table tr td {
  text-align: center;
  vertical-align: middle;
}
#dialog-box .table_con table tr th {
  text-align: center;
  vertical-align: middle;
}
#courseList {
  padding-top: 20px;
}
.dialog-box-end {
  padding-top: 20px;
  text-align: center;
}
.dialog-box-end .btn-primary {
  margin-right: 20px;
  margin-left: 20px;
}
#dialogBoxCancel {
  border-color: #ccc;
  background-color: #fff;
  color: #333;
}
#dialogBoxCancel:hover {
  border-color: #adadad;
  background-color: #ebebeb;
}
#courseName {
  display: none;
}
#courseName.course-name-val {
  display: inline;
  margin-right: 10px;
}
.word-btn {
  display: inline-block;
  line-height: 34px;
  cursor: pointer;
  color: #169BD5;
}
.word-btn:hover {
  color: #169BD5;
}
#depositBox .deposit {
  height: 34px;
  width: 90%;
  margin-left: 10%;
  margin-bottom: 10px;
}
#depositBox .deposit:first-child {
  margin-left: 0;
}
.giftCardinfo {
  height: 80px;
  line-height: 80px;
}
.giftCardinfo span {
  margin-right: 20px!important;
}
.vip_info {
  display: inline-block;
  width: auto;
  max-width: 60%;
  min-width: 20%;
}
.reward {
  display: inline-block;
  width: auto;
  max-width: 60%;
  min-width: 30%;
}
#cardSelectBox {
  margin-left: -48px;
}
.card-select {
  min-width: 200px;
  margin-right: 5px;
  display: inline-block;
}
#questionIco {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  color: #ccc;
  margin-left: 5px;
  font-weight: 700;
}
/**/
.bule-color-span {
  color: #0088cc;
}
/*营员编辑*/
.page-editmember sup {
  color: red;
}
.page-editmember #editStatus {
  position: fixed;
  z-index: 1000;
  right: 20px;
  top: 77px;
  width: 228px;
  background: #fff;
  border: 1px solid #333;
  font-size: 14px;
  color: #555;
}
.page-editmember #editStatus.editStatus {
  height: 50px;
  overflow: hidden;
}
.page-editmember #editStatus.editStatus h4 span b {
  transform: rotate(0deg);
}
.page-editmember #editStatus h4 {
  padding: 0 10px;
  margin: 0;
  font-size: 16px;
  line-height: 50px;
  font-weight: bold;
}
.page-editmember #editStatus h4 span {
  float: right;
  font-size: 18px;
  margin-left: 10px;
  text-align: center;
}
.page-editmember #editStatus h4 span b {
  font-weight: normal;
  transform: rotate(90deg);
  display: inline-block;
}
.page-editmember #editStatus h4 #editStatusClose {
  width: 30px;
  cursor: pointer;
}
.page-editmember #editStatus ul {
  margin: 0;
  padding: 0;
}
.page-editmember #editStatus ul li {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px;
  margin-bottom: 14px;
  list-style: none;
}
.page-editmember #editStatus ul li div {
  cursor: pointer;
}
.page-editmember #editStatus ul li p {
  height: 20px;
  line-height: 20px;
  margin: 0;
}
.page-editmember #editStatus ul li p span {
  float: right;
}
.page-editmember #editStatus ul li a {
  display: none;
  height: 38px;
  line-height: 38px;
  background: #009966;
  text-align: center;
  color: #fff;
  margin: 10px -10px 0 -10px;
}
.page-editmember #editStatus ul .editorder-li {
  color: #009966;
  border-top-color: #009966;
  padding-bottom: 0;
}
.page-editmember #editStatus #addStatus {
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #999;
  line-height: 60px;
  text-align: center;
  font-size: 50px;
  color: #999;
  font-weight: bold;
  cursor: pointer;
}
.page-editmember #subbtn {
  display: block;
  height: 38px;
  margin: 70px 0 0;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #0088cc;
}
.login-page #verify_img {
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 9999;
  height: 44px;
  width: 100px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
/*退款详情页*/
.refund .searchBox .refund_info {
  width: 100%;
  margin-bottom: 10px;
}
.refund .searchBox .refund_info p {
  display: inline-block;
  width: 80px;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
}
.refund .searchBox .refund_info label {
  padding-left: 3px;
  cursor: pointer;
}
.refund .searchBox .refund_info .textarea {
  outline: none;
  padding-left: 5px;
  box-sizing: border-box;
}
.refund .searchBox .refund_info input[type="text"] {
  display: inline-block;
  border: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  width: 100px;
  height: 30px;
  margin-right: 10px;
  padding-left: 5px;
  box-sizing: border-box;
}
.refund .searchBox .refund_info .refund_file {
  margin-left: 90px;
  margin-top: -28px;
}
.refund .searchBox .refund_info .refund_file .refund_title {
  font-weight: normal;
  margin-bottom: 8px;
}
.refund .searchBox .refund_info .refund_file .refund_msg {
  font-weight: normal;
  margin-bottom: 8px;
}
.refund .searchBox .refund_info .refund_file .refund_time {
  font-weight: normal;
  margin-bottom: 8px;
}
.refund .searchBox .refund_info .refund_file #cancles {
  width: 53px;
  height: 36px;
  background: inherit;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-style: normal;
  margin-top: 10px;
  margin-left: 15px;
  outline: none;
}
.refund .searchBox .refund_info .refund_file .danger {
  width: 53px;
  height: 36px;
  background: inherit;
  background-color: #5cb85c;
  border-width: 1px;
  border-style: solid;
  border-color: #4cae4c;
  border-radius: 4px;
  font-style: normal;
  color: #fff;
  margin-top: 10px;
  outline: none;
}
.refund .searchBox .refund_info .refund_file .submit {
  width: 53px;
  height: 36px;
  background: inherit;
  background-color: #5cb85c;
  border-width: 1px;
  border-style: solid;
  border-color: #4cae4c;
  border-radius: 4px;
  font-style: normal;
  color: #fff;
  margin-top: 10px;
  outline: none;
}
.refund .searchBox .refund_info .refund_file .cancles {
  width: 53px;
  height: 36px;
  background: inherit;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-style: normal;
  margin-top: 10px;
  margin-left: 15px;
  outline: none;
}
.refund .searchBox .refund_infos p {
  float: left;
}
.refund .searchBox .refund_infos .reject_submit {
  width: 53px;
  height: 36px;
  background: inherit;
  background-color: #5cb85c;
  border-width: 1px;
  border-style: solid;
  border-color: #4cae4c;
  border-radius: 4px;
  font-style: normal;
  color: #fff;
  margin-top: 10px;
  outline: none;
  margin-left: 90px;
}
.refund .searchBox .refund_infos .cancle {
  width: 53px;
  height: 36px;
  background: inherit;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  font-style: normal;
  margin-top: 10px;
  margin-left: 15px;
  outline: none;
}
.refund .searchBox .list_info {
  width: 100%;
  background: #fff;
}
.refund .searchBox .list_info p {
  display: inline-block;
  width: 80px;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
}
.refund .searchBox .list_info .list_info1 {
  margin-top: -28px;
  margin-left: 50px;
  background: #fff;
}
.refund .searchBox .list_info .list_info1 ul {
  width: 100%;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.refund .searchBox .list_info .list_info1 ul li {
  list-style: none;
  width: 50%;
  line-height: 20px;
}
.refund .searchBox .chenhe_btn {
  width: 100%;
  margin-left: 90px;
}
.refund .searchBox .chenhe_btn .chenhe_submit {
  width: 53px;
  height: 36px;
  border: none;
  border: 1px solid #4cae4c;
  background: #5cb85c;
  color: #fff;
  border-radius: 4px;
  outline: none;
  margin-right: 15px;
}
.refund .searchBox .chenhe_btn .chenhe_subcancle {
  width: 95px;
  height: 36px;
  border: none;
  border: 1px solid #357ebd;
  background: #428bca;
  color: #fff;
  border-radius: 4px;
  outline: none;
  margin-right: 15px;
}
.refund .searchBox .chenhe_btn .chenhe_cancle {
  width: 53px;
  height: 36px;
  border: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: none;
  outline: none;
}
.refund .searchBox .modal .modal-dialog {
  width: 600px;
}
.refund .searchBox .modal .modal-dialog .modal-content {
  width: 600px;
}
.refund .searchBox .modal .modal-dialog .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: bold;
}
.refund .searchBox .modal .modal-dialog .more_body {
  flex: 1;
}
.refund .searchBox .modal .modal-dialog .more_body .more_info {
  width: 100%;
  margin-top: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
.refund .searchBox .modal .modal-dialog .more_body .more_info .more_file {
  width: 100%;
  margin-bottom: 15px;
}
.refund .searchBox .modal .modal-dialog .more_body .more_info .more_file span {
  line-height: 0px;
}
.refund .searchBox .modal .modal-dialog .more_footer {
  width: 100%;
  height: 50px;
  border-top: 1px solid #ccc;
}
.refund .searchBox .modal .modal-dialog .more_footer button {
  width: 60px;
  height: 30px;
  border: none;
  border: 1px solid #ccc;
  outline: none;
  border-radius: 5px;
  float: right;
  margin-top: 9px;
  margin-right: 20px;
  background: none;
}
/*修改订单营期*/
.amendList .form-group .span_box {
  display: inline-block;
  margin-top: 8px;
}
.amendList .form-group #per span {
  border: 1px solid #797979;
  height: 35px;
  margin-right: 10px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  width: 170px;
  color: #333;
  background-color: #fff;
  cursor: pointer;
}
.amendList .form-group #per .spans {
  border: 1px solid #169BD5;
  color: #169BD5;
}
.amendList .form-horizontal .form-group:last-child {
  margin-top: 5%;
  padding-left: 15%;
}
.amendList .form-horizontal .form-group:last-child input[type="button"] {
  margin-right: 5%;
}
/*换营差价管理*/
.difprice_container .searchBox .form-inline span {
  display: inline-block;
  margin-top: 10px;
}
.difprice_container .searchBox .form-inline span label {
  display: inline-block;
  width: 80px;
  text-align: right;
  margin-right: 5px;
}
.difprice_container .searchBox .form-inline .addbtn {
  margin-left: 30px;
}
.difprice_container .searchBox .table_con .content1 .table .trcon td .noaccount {
  cursor: pointer;
}
.AdminShop .btn-box {
  padding-left: 20px;
}
.AdminShop .btn-box button.active {
  background-color: #ccc;
}
.AdminShop .AdminShopSku-con {
  padding-top: 20px;
}
.AdminShop #createTable {
  padding-top: 20px;
}
.AdminShop #createTable th,
.AdminShop #createTable td {
  text-align: center;
  vertical-align: middle;
}
.AdminShop #createTable th.sku-price,
.AdminShop #createTable th.sku-stock {
  width: 100px;
}
.AdminShop .sku-stock-box {
  padding-left: 50px;
}
.AdminShop .skuCon {
  position: relative;
}
.AdminShop .skuCon .skuCover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background-color: rgba(241, 241, 241, 0.2);
}
.adminShopOrder,
.shopRefound {
  position: relative;
}
.adminShopOrder .infoBox,
.shopRefound .infoBox {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 80px;
}
.adminShopOrder .infoBox .infoCon,
.shopRefound .infoBox .infoCon {
  width: 100%;
  padding-left: 210px;
  background-color: #f1f1f1;
  box-sizing: border-box;
}
.adminShopOrder .infoBox .infoCon h3,
.shopRefound .infoBox .infoCon h3 {
  padding-left: 2.5%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 40px;
  line-height: 40px;
  color: #3BA764;
  font-size: 20px;
  margin: 0;
  padding-right: 40px;
}
.adminShopOrder .infoBox .infoCon h3 span,
.shopRefound .infoBox .infoCon h3 span {
  color: #000;
  cursor: pointer;
  float: right;
  font-size: 60px;
}
.adminShopOrder .infoBox .infoCon h5,
.shopRefound .infoBox .infoCon h5 {
  margin-top: 0;
  font-weight: 700;
}
.adminShopOrder .infoBox .infoCon .addBox,
.shopRefound .infoBox .infoCon .addBox {
  border-radius: 5px;
}
.courseAdd #courser-goods-nav {
  background-color: #fff;
  width: 95%;
  margin: 0 auto;
  padding: 10px 20px 0 20px;
}
.courseAdd #courser-goods-con {
  background-color: #fff;
  padding-top: 20px;
  width: 95%;
  margin: 0 auto;
}
.courseAdd #courser-goods-con .must {
  color: red;
  font-size: 16px;
}
.courseAdd .top-tab {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}
.courseAdd .top-tab .nav li {
  width: 33.3333%;
}
.courseAdd .top-tab .nav li a {
  text-align: center;
}
.courseAdd #myform .base-title {
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}
.courseAdd #myform .base-title h4 {
  font-size: 21px;
  font-weight: 700;
  border-left: 5px solid #d7d7d7;
  padding-left: 10px;
  margin-bottom: 10px;
}
.courseAdd #myform .base-info,
.courseAdd #myform .spec-info {
  margin-top: 0;
}
.courseAdd #myform .course-info .nav {
  margin-bottom: 20px;
}
.courseAdd #myform .course-info .nav li {
  width: 25%;
}
.courseAdd #myform .course-info .nav li a {
  text-align: center;
}
.courseAdd #myform .btn-box {
  text-align: center;
  padding: 5px;
}
.courseAdd #myform .btn-box button {
  padding: 6px 30px;
}
.courseAdd #myform .spec-info .skuCon {
  width: 40%;
}
.courseAdd #myform .spec-info .skuCon .skuInfo {
  margin-bottom: 10px;
}
.courseAdd #myform .spec-info .skuCon .skuInfo > div {
  border: 1px dashed #ccc;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
}
.courseAdd #myform .spec-info .skuCon .skuInfo .skuInfoSelect {
  margin-bottom: 5px;
}
.courseAdd #myform .spec-info .skuCon select {
  display: inline-block;
  width: 80%;
  margin-right: 10px;
}
.courseAdd #myform .spec-info .skuCon input {
  width: 80%;
}
.courseAdd #myform .spec-info .skuCon .selectize-input {
  width: 80%;
  min-height: 70px;
}
.courseAdd #myform .period-info .period-con .period-item {
  margin-bottom: 20px;
  border: 1px dashed #ccc;
  border-radius: 5px;
  padding-top: 20px;
  position: relative;
}
.courseAdd #myform .period-info .period-con .period-item span.del-period {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: red;
  color: white;
  position: absolute;
  display: block;
  text-align: center;
  right: -8px;
  top: -8px;
  z-index: 100;
  cursor: pointer;
}
.courseAdd #myform .period-info .period-con .createTable th,
.courseAdd #myform .period-info .period-con .createTable td {
  text-align: center;
  vertical-align: middle;
}
.courseAdd #myform .period-info .period-con .createTable .sku-stock,
.courseAdd #myform .period-info .period-con .createTable .sku-sale{
  width: 100px;
}
.courseAdd #myform .period-info .period-con .createTable .sku-residue{
  width: 150px;
}
.courseAdd #myform .period-info .period-con .createTable .sku-suspendsignup{
  width: 100px;
}
.courseAdd #myform .price-info .virtual-checkbox {
  vertical-align: -2px;
}
.courseAdd #myform .price-info .noSpec-box > span {
  display: inline-block;
  margin: 20px 0;
}
.courseAdd #myform .price-info .noSpec-box > span input {
  display: inline;
  width: 200px;
}
.courseAdd #myform .price-info .hasSpec-table {
  width: 70%;
  padding: 10px 0 0 0 ;
  min-height: 50px;
}
.courseAdd #myform .price-info .hasSpec-table td {
  vertical-align: middle;
}
.courseAdd #myform .price-info .destine-table {
  width: 70%;
}
.courseAdd #myform .price-info .destine-table th,
.courseAdd #myform .price-info .destine-table tr,
.courseAdd #myform .price-info .destine-table td {
  vertical-align: middle;
  text-align: center;
}
.courseAdd #CGList table th,
.courseAdd #CGList table td {
  text-align: center;
  vertical-align: middle;
}
#commentInfoModal .myCommentContent table {
  table-layout: fixed;
}
#commentInfoModal .myCommentContent table th,
#commentInfoModal .myCommentContent table td {
  text-align: center;
  vertical-align: middle;
}
#commentInfoModal .myCommentContent table .sku-stock {
  width: 100px;
}
#commentInfoModal .myCommentContent table input {
  width: 80px;
}
.admin-process .tab-content #home {
  min-height: 600px;
}
.admin-process .tab-content #home .upload-status {
  margin-top: 20px;
  width: 100%;
  height: 55px;
  border: 1px solid #000;
}
.admin-process .tab-content #home .upload-status > div {
  float: left;
  width: 50%;
}
.admin-process .tab-content #home .upload-status > div.active p {
  color: #339966;
}
.admin-process .tab-content #home .upload-status > div > p {
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin: 5px 0;
}
.admin-process .tab-content #home .upload-status > div > p span {
  display: inline-block;
  padding-bottom: 5px;
  vertical-align: middle;
}
.admin-process .tab-content #home .upload-status > div > div {
  text-align: center;
  color: #999;
}
.admin-process .tab-content #home #fileList {
  padding-top: 20px;
}
.admin-process .tab-content #home #fileList .file-item {
  width: 280px;
  height: 200px;
  float: left;
  padding: 10px;
  margin-right: 30px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.admin-process .tab-content #home #fileList .file-item .AI-close {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: red;
  color: white;
  position: absolute;
  display: block;
  text-align: center;
  right: -10px;
  top: -10px;
  z-index: 100;
}
.admin-process .tab-content #home #fileList #uploader-box {
  width: 200px;
  position: fixed;
  bottom: 30px;
  right: 10%;
  z-index: 123;
}
.admin-process .tab-content #home #fileList #uploader-box .deploy-btn {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  border: 1px solid #000;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  font-size: 16px;
  overflow: hidden;
  font-weight: 600;
  cursor: pointer;
}
.admin-process .tab-content #home #fileList #uploader-box .deploy-btn span:first-child {
  float: left;
}
.admin-process .tab-content #home #fileList #uploader-box .deploy-btn span:last-child {
  float: right;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div {
  background-color: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 10px;
  padding-top: 5px;
  overflow: hidden;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div #picker {
  position: relative;
  width: 120px;
  height: 120px;
  cursor: pointer;
  background: #fff;
  /* padding: 0px 30px; */
  margin: 0 auto 10px auto;
  border: 1px dashed #999;
  color: #CCC;
  border-radius: 20px;
  font-size: 80px;
  font-weight: 700;
  overflow: hidden;
  text-align: center;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div .picker-handle {
  position: absolute;
  top: 183px;
  left: 39px;
  width: 120px;
  height: 120px;
  display: inline-block;
  background: #fff;
  margin: 0 auto;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
  border: 1px dashed #999;
  overflow: hidden;
  z-index: 5px;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div .picker-handle > div {
  height: 25px;
  line-height: 25px;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div .picker-handle .picker-status {
  margin-top: 22px;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div .picker-handle .picker-cancel {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 50px;
  z-index: 6;
  cursor: pointer;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div .course-select {
  margin-bottom: 10px;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con > div .uploaded-num {
  font-size: 12px;
  color: #aaa;
  margin-bottom: 0px;
}
.admin-process .tab-content #home #fileList #uploader-box .uploader-con .divied-btn {
  border-radius: 0;
}
.admin-process .tab-content #home #AI-fileList {
  padding-top: 20px;
}
.admin-process .tab-content #home #AI-fileList .AI-result {
  min-width: 200px;
  position: fixed;
  top: 340px;
  right: 50px;
  z-index: 123;
}
.admin-process .tab-content #home #AI-fileList .AI-result > div {
  background-color: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  padding: 10px;
  overflow: hidden;
}
.admin-process .tab-content #home #AI-fileList .AI-result > div .AI-result-pic {
  width: 100px;
  height: 100px;
  margin: 10px auto;
}
.admin-process .tab-content #home #AI-fileList .AI-result > div .AI-result-pic img {
  width: 100%;
  height: 100%;
  display: block;
}
.admin-process .tab-content #home #AI-fileList .AI-result > div .AI-result-status-box {
  width: 100%;
  height: 30px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.admin-process .tab-content #home #AI-fileList .AI-result > div .AI-result-msg {
  margin-bottom: 25px;
  width: 180px;
}
.admin-process .tab-content #home #AI-fileList .AI-result .save-btn {
  border-radius: 0;
}
.admin-process .tab-content #home #AI-fileList .AI-fancybox-content {
  width: 280px;
  height: 200px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}
.admin-process .tab-content #home #AI-fileList .AI-fancybox-content .AI-close {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: red;
  color: white;
  position: absolute;
  display: block;
  text-align: center;
  right: -10px;
  top: -10px;
  z-index: 100;
  cursor: pointer;
}
.admin-process .tab-content #home #AI-fileList .file-item {
  width: 280px;
  height: 200px;
  margin-right: 30px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.admin-process .tab-content #home #AI-fileList .file-item .AI-student-num {
  width: 100%;
  height: 100%;
  line-height: 200px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.admin-process .tab-content #home #AI-fileList .file-item .AI-student-num.active {
  font-size: 20px;
  color: #00FF00;
}
.admin-process .tab-content #home #AI-fileList .file-item .AI-student-num.yellow {
  font-size: 20px;
  color: yellow;
}
.admin-process .tab-content #home #AI-fileList .file-item .AI-student-num.red {
  font-size: 20px;
  color: red;
}
.admin-process .tab-content #profile .search-box {
  margin: 10px auto;
  padding: 12px 10px 10px 10px;
  -webkit-box-shadow: 3px 5px 10px #ccc;
  box-shadow: 3px 5px 10px #ccc;
  background-color: #fff;
}
.admin-process .tab-content #profile .search-box .searchIpt {
  width: 400px;
  display: inline-block;
}
.admin-process .tab-content #profile .search-box .addbtn {
  margin: 0 5px;
}
.admin-process .tab-content #profile .search-box span {
  display: inline-block;
  margin-right: 5px;
}
.admin-process .tab-content #profile .content-box {
  width: 100%;
  padding: 20px 10px 10px 10px;
  margin: 10px auto;
  -webkit-box-shadow: 3px 5px 10px #ccc;
  box-shadow: 3px 5px 10px #ccc;
  background-color: #fff;
}
.admin-process .tab-content #profile .content-box .item {
  width: 280px;
  height: 200px;
  float: left;
  padding: 10px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.admin-process .tab-content #profile .content-box .item .cover {
  width: 100%;
  height: 170px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.admin-process .tab-content #profile .content-box .item .title {
  margin: 0 auto;
  width: 80%;
  height: 30px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.admin-process .img-list-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
.admin-process .img-list-item {
  width: 22%;
  height: 200px;
  display: inline-block;
  padding: 10px;
  margin-right: 30px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.admin-process .slide-tips {
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.admin-process .pic-content-box .pic-content {
  width: 22%;
  height: 200px;
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px;
  display: inline-block;
}
.admin-process .pic-content-box .pic-content .pic-close {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: red;
  color: white;
  position: absolute;
  display: block;
  text-align: center;
  right: -10px;
  top: -10px;
  z-index: 1000;
  cursor: pointer;
}
.admin-process .pic-content-box .pic-content > div {
  width: 100%;
  height: 100%;
}
.admin-process .pic-content-box .pic-content .pic-item {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.AI-BOX .fancybox-bg {
  background: rgba(30, 30, 30, 0.9) !important;
  opacity: 1!important;
}
.AI-BOX .AI-fancybox-top-title {
  color: #fff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 20px;
  background-color: #999999;
  position: relative;
  z-index: 99995;
}
.AI-BOX .AI-fancybox-check-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: #999999;
  z-index: 99995;
  padding: 20px;
}
.AI-BOX .AI-fancybox-check-box .AI-ck-item {
  width: 60px;
  height: 30px;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}
.AI-BOX .AI-fancybox-check-box .AI-ck-item.active {
  border: 1px solid #00FF00;
  color: #00FF00;
}
.AI-BOX .fancybox-image-wrap {
  max-width: 900px;
  max-height: 600px;
}
.table-bordered thead tr th {
  border-bottom: none;
}
.page-newlist .container {
  position: relative;
}
.page-newlist .CampMessageInfoBox img {
  max-width: 100%;
  margin: 10px 0;
}
.page-newlist .revoke-over {
  color: #999;
  cursor: default;
}
.page-newlist .infoBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 80px;
  z-index: 9;
  padding-left: 210px;
  box-sizing: border-box;
}
.page-newlist .infoBox .infoCon {
  width: 100%;
  min-height: 100%;
  background-color: #f1f1f1;
  box-sizing: border-box;
}
.page-newlist .infoBox .infoCon h3 {
  padding-left: 2.5%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 40px;
  line-height: 40px;
  color: #3BA764;
  font-size: 20px;
  margin: 0;
  padding-right: 40px;
}
.page-newlist .infoBox .infoCon h3 span {
  color: #000;
  cursor: pointer;
  float: right;
  font-size: 60px;
}
.page-newlist .infoBox .infoCon h5 {
  margin-top: 0;
  font-weight: 700;
}
.page-newlist .infoBox .infoCon .addBox {
  border-radius: 5px;
}
.page-newlist .infoBox .infoCon .addBox .message-people {
  margin-right: 5px;
}
.adminProcess-studentList #addSingleModal .countent,
.adminProcess-studentList #editSingleModal .countent,
.adminProcess-studentList #addGroupModal .countent {
  padding: 10px 10px;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 20px;
}
.adminProcess-studentList #addSingleModal .countent .title,
.adminProcess-studentList #editSingleModal .countent .title,
.adminProcess-studentList #addGroupModal .countent .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.adminProcess-studentList #picker {
  display: inline-block;
  line-height: 1.428571429;
  vertical-align: middle;
  margin-right: 10px;
}
.adminProcess-studentList #picker label {
  margin-bottom: 0;
}
.adminProcess-studentList #ctlBtn {
  margin-bottom: 5px;
}
.adminProcess-studentList .status-box {
  margin-bottom: 10px;
}
.page-class .toolbtn {
  margin-left: 20px;
  color: #666;
}
.page-class .tab {
  margin-bottom: 10px;
}
.page-class .tab span {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 15px;
}
.page-class .tab span a {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #333;
  text-align: center;
  border-left: 1px solid #999;
  margin-left: -1px;
}
.page-class .tab span .on {
  background-color: #c9c9c9;
}
.page-class .tab-ul .form-horizontal .form-group {
  margin-bottom: 0;
}
.page-class .tab-ul .form-horizontal .form-group div {
  line-height: 34px;
}
.page-class .tab-ul .tab-li {
  display: none;
}
.page-class .tab-ul .tab-li .ml30 {
  margin-left: 30px;
  font-style: normal;
}
.page-class .tab-ul .on {
  display: block;
}
.page-class .ops .btn,
.page-class .huanzuops .btn {
  margin: 0 10px 10px 0;
}
.page-qudaoshang-list #bigqr img {
  margin: 0 auto;
}
.page-product-list #bigqr img {
  margin: 0 auto;
}
.page-virtual #editBtn {
  float: right;
  margin: -10px 10px 0 0;
}
.page-virtual #editRule .toolbtn {
  margin-left: 10px;
  color: #333;
}
.page-virtual .form-control[disabled] {
  cursor: text;
  border-color: #eee;
  box-shadow: none;
}
.auth-index .txt {
  text-align: center;
  padding: 100px 0;
  font-size: 18px;
}
.auth-index .txt1 {
  padding: 0;
}
.auth-index .btn-box {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
.add-contract-box {
  width: 80px;
  padding: 0;
  line-height: 34px;
}
.add-contract-box a {
  margin-left: 10px;
  color: #999;
}
.contract-select {
  width: 29%;
  float: left;
}
.contract-list .contract-li {
  margin-bottom: 10px;
}
.yhlist .yhli {
  margin-bottom: 10px;
}
#jsProductList .extension {
  color: #666;
  font-size: 30px;
  cursor: pointer;
}
#tencentMap {
  width: 100%;
  height: 300px;
}
#completeBox {
  display: none;
  position: absolute;
  z-index: 10;
  top: 33px;
  left: 15px;
  right: 15px;
  background-color: #fff;
  line-height: 34px;
  font-size: 14px;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#completeBox p {
  padding: 0 15px;
  margin: 0;
}
#completeBox p:hover {
  background-color: #ddd;
}
#gatherBox .gather-li {
  margin-bottom: 10px;
}
#gatherBox .gather-li input {
  display: inline-block;
}
#gatherBox .gather-li .gather-li-address {
  width: 460px;
}
#gatherBox .gather-li .gather-li-time {
  width: 240px;
}
#gatherBox .gather-li a {
  margin-left: 10px;
  color: #999;
}
#e_gatherBox .gather-li {
  margin-bottom: 10px;
}
#e_gatherBox .gather-li a {
  margin-left: 10px;
  color: #999;
}
.nav-page .list {
  margin-bottom: 30px;
}
.nav-page .list li {
  position: relative;
  width: 500px;
  height: 34px;
  padding: 0 15px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 14px;
  color: #333;
  cursor: move;
  list-style: none;
}
.nav-page .list li span {
  position: absolute;
  top: 0;
  left: -30px;
  color: #bbb;
  line-height: 34px;
  font-size: 20px;
}
.nav-page .list li a {
  float: right;
  margin-left: 10px;
  color: #23527c;
}
.nav-page .list li input {
  float: left;
  width: 130px;
  height: 24px;
  margin-top: 4px;
  border: 1px solid #fff;
  line-height: 24px;
  outline: none;
  padding: 0 5px;
}
.nav-page .list li input:hover {
  box-shadow: 0 0 2px #aaa inset;
}
.editnav-page #locationIcons {
  height: 332px;
  overflow-y: auto;
}
.editnav-page .square,
.editnav-page .circular {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px dashed #333;
  vertical-align: top;
  border-radius: 8px;
  text-align: center;
  line-height: 32px;
  color: #23527c;
}
.editnav-page .circular {
  border-radius: 40px;
}
.editnav-page .icotab {
  height: 34px;
  margin-bottom: 10px;
  border: none;
  overflow: hidden;
}
.editnav-page .icotab a {
  display: inline-block;
  width: 100px;
  height: 34px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 34px;
  color: #999;
  border-radius: 4px;
  margin-right: 10px;
}
.editnav-page .icotab .on {
  color: #337ab7;
  border-color: #337ab7;
}
.editnav-page .icotab p {
  float: right;
  font-size: 14px;
  color: #999;
  line-height: 34px;
  margin: 0;
}
.editnav-page .icotab p label {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 34px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 34px;
  color: #999;
  border-radius: 4px;
  margin: 0 0 0 10px;
}
.editnav-page .icotab p label input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.editnav-page .icon-cat {
  height: 22px;
  margin-bottom: 10px;
  padding: 0;
}
.editnav-page .icon-cat li {
  display: inline-block;
  width: 44px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #ccc;
  margin-right: 5px;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer;
}
.editnav-page .icon-cat .cur {
  border-color: #337ab7;
  color: #337ab7;
}
.editnav-page .iconfont-cate img {
  max-width: 24px;
  max-height: 24px;
}
.editnav-page #iconsBox {
  height: 300px;
  overflow-y: auto;
}
.editnav-page #iconsBoxHeight {
  overflow: hidden;
}
.editnav-page #checkIco {
  width: 34px;
  height: 34px;
  display: inline-block;
  padding: 0 5px;
}
.editnav-page #checkIco img {
  max-width: 24px;
  max-height: 24px;
  vertical-align: -3px;
}
.newCustomerForm input::-webkit-input-placeholder {
  color: #ccc;
}
.newCustomerForm input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.newCustomerForm input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.newCustomerForm input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}
.newCustomerForm #profile,
.newCustomerForm .editCustomerForm {
  position: relative;
  padding-top: 20px;
}
.newCustomerForm .btn-box {
  text-align: center;
  margin-top: 20px;
}
.newCustomerForm .template {
  width: 68%;
  border-top: 1px solid #e5e5e5;
}
.newCustomerForm .template .template-con .tpl-item:first-child {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
}
.newCustomerForm .template .CF-name {
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.newCustomerForm .template .CF-name.active {
  background-color: #f5f5f5;
}
.newCustomerForm .template .CF-name .name {
  width: 100%;
  min-height: 80px;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  font-size: 24px;
  text-align: center;
  line-height: 80px;
}
.newCustomerForm .template .CF-name:hover {
  background-color: #f5f5f5;
}
.newCustomerForm .template .tpl-item {
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.newCustomerForm .template .tpl-item.active {
  background-color: #f5f5f5;
}
.newCustomerForm .template .tpl-item .name {
  width: 100%;
  height: 130px;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  font-size: 24px;
  text-align: center;
  line-height: 130px;
}
.newCustomerForm .template .tpl-item .close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #999999;
  border: 1px solid #333;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  display: none;
}
.newCustomerForm .template .tpl-item:hover,
.newCustomerForm .template .tpl-item:focus {
  background-color: #f5f5f5;
}
.newCustomerForm .template .tpl-item:hover .close,
.newCustomerForm .template .tpl-item:focus .close {
  display: block;
}
.newCustomerForm .template .t-title {
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
  background-color: #e7e7e7;
}
.newCustomerForm .template .red {
  color: red;
}
.newCustomerForm .template .tips {
  color: #999;
}
.newCustomerForm .template .title {
  font-size: 16px;
}
.newCustomerForm .template .subtitle {
  color: #999;
  font-size: 14px;
  margin-left: 10px;
}
.newCustomerForm .template .content {
  padding: 5px 0px 0;
}
.newCustomerForm .template .content img,
.newCustomerForm .template .content > div {
  float: left;
  width: 120px;
  height: 120px;
}
.newCustomerForm .template .content > div {
  width: auto;
  height: auto;
}
.newCustomerForm .template .input {
  width: 300px;
  height: 34px;
  border: 1px solid #cccccc;
  outline-style: none;
  background-color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
}
.newCustomerForm .template .select {
  width: 300px;
  height: 34px;
  border: 1px solid #cccccc;
}
.newCustomerForm .template input[type="radio"],
.newCustomerForm .template input[type="checkbox"] {
  vertical-align: -2px;
}
.newCustomerForm .option-box {
  height: 700px;
  position: fixed;
  width: 22%;
  right: 6%;
  top: 217px;
  overflow: auto;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  transition: all 0.5s;
}
.newCustomerForm .option-box .editComponent {
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  min-height: 100px;
}
.newCustomerForm .option-box .editComponent .head {
  font-size: 16px;
  color: #000;
}
.newCustomerForm .option-box .editComponent .entry {
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  height: 34px;
  font-size: 16px;
  outline-style: none;
  margin-bottom: 10px;
}
.newCustomerForm .option-box .editComponent .save-btn {
  width: 180px;
  height: 36px;
  border: 1px solid #0088cc;
  color: #0088cc;
  border-radius: 5px;
  margin: 20px auto 0 auto;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}
.newCustomerForm .option-box .editComponent .add-option-btn {
  width: 180px;
  height: 36px;
  border: 1px solid #44af69;
  color: #44af69;
  border-radius: 5px;
  margin: 10px auto 20px auto;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}
.newCustomerForm .option-box .editComponent .add-linkage-option-btn {
  width: 180px;
  height: 36px;
  border: 1px solid #44af69;
  color: #44af69;
  border-radius: 5px;
  margin: 10px auto 20px auto;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}
.newCustomerForm .option-box .editComponent .other-rdbox {
  margin-bottom: 10px;
}
.newCustomerForm .option-box .editComponent .other-box {
  padding-left: 30px;
}
.newCustomerForm .option-box .editComponent .option-info-linkage {
  margin-top: 15px;
}
.newCustomerForm .option-box .editComponent .option-info-item {
  position: relative;
}
.newCustomerForm .option-box .editComponent .option-info-item input[type="radio"],
.newCustomerForm .option-box .editComponent .option-info-item input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 7px;
}
.newCustomerForm .option-box .editComponent .option-info-item span {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
.newCustomerForm .option-box .editComponent .option-linkage-info-item .entry {
  padding-left: 20px;
  padding-right: 20px;
}

.newCustomerForm .option-box .editComponent .option-linkage-info-item {
  position: relative;
}
.newCustomerForm .option-box .editComponent .option-linkage-info-item input[type="radio"],
.newCustomerForm .option-box .editComponent .option-linkage-info-item input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 7px;
}
.newCustomerForm .option-box .editComponent .option-linkage-info-item span {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
.newCustomerForm .option-box .editComponent .option-linkage-info-item .entry {
  padding-left: 20px;
  padding-right: 20px;
}

.newCustomerForm .option-box .checkComponent {
  border: 1px solid #e5e5e5;
}
.newCustomerForm .option-box .checkComponent .head {
  font-size: 16px;
  color: #666;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.newCustomerForm .option-box .checkComponent .content {
  padding: 0 15px 0px 15px;
}
.newCustomerForm .option-box .checkComponent .content.content-b {
  padding-bottom: 30px;
}
.newCustomerForm .option-box .checkComponent .add-item {
  width: 30%;
  height: 40px;
  border: 1px solid #cccccc;
  background-color: #fbfbfb;
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
  float: left;
  margin: 2.5%;
  cursor: pointer;
}
.newCustomerForm .option-box .checkComponent .add-item:nth-child(3n-2) {
  margin-left: 0;
}
.newCustomerForm .option-box .checkComponent .add-item:nth-child(3n) {
  margin-right: 0;
}
.newCustomerForm .option-box .title {
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  padding-left: 20px;
  background-color: #e7e7e7;
}
.newCustomerForm .option-box .content {
  padding: 20px;
  box-sizing: border-box;
}
.census .contentBox .title {
  border-left: 4px solid #F2F2F2;
  margin: 10px 0;
  padding-left: 10px;
}
.census .contentBox .content {
  border-top: 1px solid #000;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.census .contentBox .content a {
  flex: 1;
  height: 120px;
  background-color: #F2F2F2;
  text-align: center;
  margin: 10px;
}
.census .contentBox .content a .num {
  font-weight: 700;
  font-size: 40px;
  line-height: 70px;
  color: #000;
}
.census .contentBox .content a .txt {
  line-height: 50px;
}
.page-edit-lesson .addBox {
  padding: 20px;
}
.page-edit-lesson .camp-info {
  padding: 10px;
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.page-edit-lesson .camp-info .txt-box {
  float: left;
  line-height: 34px;
  font-size: 16px;
}
.page-edit-lesson .camp-info .txt-box span {
  margin-right: 10px;
}
.page-edit-lesson .camp-info .btn-box {
  float: right;
}
.page-edit-lesson .camp-info .btn-box button {
  margin-right: 5px;
}
.priceDiff-box input[type="text"] {
  width: 100px;
  display: inline-block;
}
.priceDiff-box input[type="radio"] {
  vertical-align: -2px;
}
.priceDiff-box th,
.priceDiff-box td {
  text-align: center;
  vertical-align: middle;
}
.page-capital-amend_list .sku-box {
  /* padding: 5px; */
}
.page-capital-amend_list .sku-box .sku-title {
  padding: 8px 0 10px 0;
  font-size: 15px;
}
.page-capital-amend_list .sku-box .sku-con .sku-item {
  float: left;
  padding: 3px 30px;
  margin: 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.page-capital-amend_list .sku-box .sku-con .sku-item.active {
  border: 1px solid #169BD5;
  color: #169BD5;
}
.page-capital-amend_list .res-box .res-con {
  width: 580px;
  float: left;
  padding-left: 70px;
}
.page-capital-amend_list .res-box .res-con .res-title {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  text-align: center;
  line-height: 80px;
  height: 80px;
  vertical-align: middle;
}
.page-capital-amend_list .res-box .res-con .res-title img {
  width: 30px;
  height: 30px;
  margin-top: -2px;
}
.page-capital-amend_list .res-box .res-con .res-item {
  margin-bottom: 40px;
}
.page-capital-amend_list .res-box .res-con .res-item .title {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-capital-amend_list .res-box .res-con .res-item .con {
  font-size: 12px;
  color: #666;
  line-height: 24px;
}
.page-capital-amend_list .res-box .res-img {
  width: 500px;
  float: right;
  border-left: 1px solid #ccc;
}
.page-capital-amend_list .res-box .res-img .txt {
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 50px;
}
.page-capital-amend_list .res-box .res-img .img-box {
  background-color: #f7f7f7;
  border: 1px solid #e1e1e1;
  width: 400px;
  margin: 0 auto;
}
.page-capital-amend_list .res-box .res-img .img-box .camp-info {
  height: 100px;
  width: 400px;
  border-bottom: 1px solid #e1e1e1;
  padding: 15px;
}
.page-capital-amend_list .res-box .res-img .img-box .camp-info .cover {
  float: left;
  width: 125px;
  height: 75px;
}
.page-capital-amend_list .res-box .res-img .img-box .camp-info .cover img {
  width: 100%;
  height: 100%;
  display: block;
}
.page-capital-amend_list .res-box .res-img .img-box .camp-info .camp-c {
  float: left;
  margin-right: 20px;
}
.page-capital-amend_list .res-box .res-img .img-box .camp-info .camp-c .camp-title {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  line-height: 25px;
  width: 200px;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-capital-amend_list .res-box .res-img .img-box .camp-info .camp-c .sub-title {
  color: #999;
  font-size: 12px;
}
.page-capital-amend_list .res-box .res-img .img-box .mp-code {
  width: 175px;
  height: 175px;
  margin: 50px auto;
}
.page-capital-amend_list .res-box .res-img .img-box .mp-code img {
  width: 100%;
  height: 100%;
  display: block;
}
.page-capital-amend_list .res-box .res-img .img-box .price {
  border-top: 1px solid #e1e1e1;
  font-size: 14px;
  color: #333;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.sku-break-box-all {
  margin-left: 30px;
}
.sku-break-box-all input[type="checkbox"] {
  vertical-align: -2px;
}
.sku-break-box {
  width: 60%;
  margin-top: 10px;
  border: 1px solid #000;
  padding: 5px;
}
.sku-break-box .sku-break-box-item {
  margin-right: 30px;
}
.sku-break-box input[type="checkbox"] {
  vertical-align: -2px;
}
#all-images .searchBox,
#distinguish-images .searchBox {
  min-height: 500px;
  padding: 15px;
}
#all-images .title,
#distinguish-images .title {
  margin-top: 15px;
  font-size: 14px;
  color: #333333;
}
#all-images h5,
#distinguish-images h5 {
  font-size: 14px;
  color: #333333;
}
#all-images #gobank,
#distinguish-images #gobank {
  float: right;
  margin: 0 20px 0 0;
  color: #949494;
  border-color: #949494;
  background: #fff;
}
#all-images .bs-example,
#distinguish-images .bs-example {
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 15px;
  border-top: 2px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#all-images .bs-example ul,
#distinguish-images .bs-example ul {
  font-size: 0;
}
#all-images .bs-example li,
#distinguish-images .bs-example li {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 90px;
  margin: 15px 15px 0 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}
#all-images .bs-example li span,
#distinguish-images .bs-example li span {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 2px 0;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
#all-images .bs-example li i,
#distinguish-images .bs-example li i {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  line-height: 24px;
  padding: 0 7px ;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
#all-images #imglist .file-item,
#distinguish-images #imglist .file-item {
  width: 140px;
  height: 90px;
  margin: 15px 15px 0 0;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
#all-images .btn-box,
#distinguish-images .btn-box {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0;
  text-align: center;
}
#all-images .btn-box div,
#distinguish-images .btn-box div {
  display: inline-block;
  margin: 0 15px;
}
#all-images .btn-box .addbtn,
#distinguish-images .btn-box .addbtn {
  margin: 0;
  padding: 8px 21px;
  background: #44af69;
  border-color: #169a43;
}
#all-images .btn-box .othbtn,
#distinguish-images .btn-box .othbtn {
  display: inline-block;
  margin: 0;
  padding: 8px 21px;
  background: #fff;
  border-color: #169a43;
  color: #44af69;
}
#all-images .btn-box .noClick,
#distinguish-images .btn-box .noClick {
  border-color: #ccc;
  color: #a9a9a9;
  cursor: not-allowed;
}
#all-images .btn-box .sync,
#distinguish-images .btn-box .sync {
  position: relative;
}
#all-images .btn-box .sync p,
#distinguish-images .btn-box .sync p {
  position: absolute;
  width: 200px;
  left: 110px;
  top: -5px;
  line-height: 24px;
  font-size: 14px;
  color: #888888;
}
#all-images .slide-tips,
#distinguish-images .slide-tips {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #a9a9a9;
  font-size: 12px;
}
#all-images #choiceDialog,
#distinguish-images #choiceDialog {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  width: 100%;
  height: 100%;
}
#all-images #choiceDialog .choice-con,
#distinguish-images #choiceDialog .choice-con {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 680px;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  border-radius: 6px;
  overflow: hidden;
}
#all-images #choiceDialog .dialog-title,
#distinguish-images #choiceDialog .dialog-title {
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding-left: 20px;
  background: #eff0f5;
  font-size: 16px;
  color: #333333;
  padding-right: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#all-images #choiceDialog #cancelbtn,
#distinguish-images #choiceDialog #cancelbtn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 20px;
  background: url('../images/no.png') 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
#all-images #choiceDialog .dialog-con,
#distinguish-images #choiceDialog .dialog-con {
  background: #f5f5f5;
}
#all-images #choiceDialog .dialog-imgbox,
#distinguish-images #choiceDialog .dialog-imgbox {
  position: relative;
  width: 100%;
  height: 360px;
  padding-top: 18px;
  padding-bottom: 28px;
  text-align: center;
}
#all-images #choiceDialog .dialog-imgbox img,
#distinguish-images #choiceDialog .dialog-imgbox img {
  display: none;
  margin: 0 auto;
}
#all-images #choiceDialog .switch-btn,
#distinguish-images #choiceDialog .switch-btn {
  position: absolute;
  width: 16px;
  height: 30px;
  display: block;
  top: 50%;
  margin-top: -15px;
  background-image: url('../images/switch-btn.png');
  background-repeat: no-repeat;
}
#all-images #choiceDialog .switch-left,
#distinguish-images #choiceDialog .switch-left {
  left: 30px;
  background-position: 3px 0;
}
#all-images #choiceDialog .switch-right,
#distinguish-images #choiceDialog .switch-right {
  right: 30px;
  background-position: -15px 0;
}
#all-images #choiceDialog .dialog-operation,
#distinguish-images #choiceDialog .dialog-operation {
  position: relative;
}
#all-images #choiceDialog .dialog-operation h3,
#distinguish-images #choiceDialog .dialog-operation h3 {
  margin: 0 0 0 30px;
  font-size: 16px;
  color: #333333;
}
#all-images #choiceDialog .dialog-operation h3 span,
#distinguish-images #choiceDialog .dialog-operation h3 span {
  color: #999999;
  font-size: 12px;
  margin-left: 20px;
  vertical-align: middle;
}
#all-images #choiceDialog .dialog-operation .choice-all,
#distinguish-images #choiceDialog .dialog-operation .choice-all {
  position: absolute;
  right: 24px;
  top: 0;
  font-size: 12px;
  color: #666666;
}
#all-images #choiceDialog .dialog-operation .choice-all input,
#distinguish-images #choiceDialog .dialog-operation .choice-all input {
  vertical-align: sub;
}
#all-images #choiceDialog .dialog-perlists,
#distinguish-images #choiceDialog .dialog-perlists {
  max-height: 110px;
  overflow-y: auto;
}
#all-images #choiceDialog .dialog-perlists ul,
#distinguish-images #choiceDialog .dialog-perlists ul {
  margin: 0 15px 0 15px;
}
#all-images #choiceDialog .dialog-perlists ul li,
#distinguish-images #choiceDialog .dialog-perlists ul li {
  margin: 0 0 10px;
  display: inline-block;
}
#all-images #choiceDialog .dialog-perlists ul a,
#distinguish-images #choiceDialog .dialog-perlists ul a {
  display: inline-block;
  margin: 0;
  padding: 8px 30px;
  font-size: 12px;
  background: #fff;
  border-color: #cccccc;
  color: #999999;
}
#all-images #choiceDialog .dialog-perlists ul a.cur,
#distinguish-images #choiceDialog .dialog-perlists ul a.cur {
  border-color: #44af69;
  color: #44af69;
}
#all-images #choiceDialog .dialog-btn,
#distinguish-images #choiceDialog .dialog-btn {
  margin: 20px 30px 0 18px;
  padding-bottom: 10px;
  font-size: 0;
}
#all-images #choiceDialog .dialog-btn a,
#distinguish-images #choiceDialog .dialog-btn a {
  width: 33.33333333%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  vertical-align: middle;
}
#all-images #choiceDialog .dialog-btn #againbtn,
#distinguish-images #choiceDialog .dialog-btn #againbtn {
  padding: 0;
  background: #44af69;
  border-color: #169a43;
}
#all-images #choiceDialog .dialog-btn #deletebtn,
#distinguish-images #choiceDialog .dialog-btn #deletebtn {
  background: url('../images/delete.png') 182px 2px no-repeat;
}
#all-images .content {
  padding-bottom: 50px;
}
#all-images .no-img {
  width: 100%;
  height: 400px;
  line-height: 400px;
  color: #ccc;
  text-align: center;
}
#all-images #float-box {
  position: fixed;
  bottom: 0;
  left: 225px;
  margin: 0 auto;
  padding: 20px 0;
  background: #fff;
  width: 90%;
}
#upload-images #gobank {
  float: right;
  margin: 0 20px 0 0;
  color: #949494;
  border-color: #949494;
  background: #fff;
}
#upload-images #imglist {
  margin-top: 50px;
}
#upload-images .title {
  margin-top: 15px;
  font-size: 14px;
  color: #333333;
}
#upload-images .no-images {
  padding: 200px 0 0;
  text-align: center;
}
#upload-images .no-images h4 {
  font-size: 16px;
  color: #909090;
  margin-bottom: 150px;
}
#upload-images .upload-btn {
  display: block;
  width: 150px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  margin-bottom: 200px;
  font-size: 14px;
  padding: 0;
  background: #44af69;
  border-color: #169a43;
}
#upload-images .bs-example {
  padding: 15px;
  margin-bottom: 200px;
  border-top: 2px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#upload-images .bs-example h5 {
  font-size: 14px;
  color: #333333;
}
#upload-images .file-item {
  width: 140px;
  height: 90px;
  margin: 15px 15px 0 0;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
#distinguish-images #gobank {
  margin-top: -30px;
}
#distinguish-images .img-num,
#distinguish-images .dis-img {
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 14px;
  color: #949494;
}
#distinguish-images .img-num span,
#distinguish-images .dis-img span {
  margin: 0;
}
#distinguish-images .dis-img {
  text-align: center;
}
#distinguish-images .bs-example li span {
  height: 100%;
  line-height: 90px;
  font-size: 14px;
}
#distinguish-images .bs-example li .has-per {
  color: #00ff7e;
}
#distinguish-images .btn-box div {
  display: block;
  margin: 0 auto;
}
#classconfigure .table_con {
  box-shadow: none;
}
#classconfigure #conwarp .pull-left {
  margin-right: 60px;
  vertical-align: top;
}
#classconfigure #conwarp .pull-left span {
  height: 38px;
  line-height: 38px;
}
#classconfigure #conwarp #checkwarp {
  font-size: 0;
}
#classconfigure #conwarp #checkwarp label {
  width: 20%;
  height: 38px;
  line-height: 38px;
  margin: 0;
  font-size: 14px;
}
#classconfigure .btnbox {
  margin: 40px 0;
  text-align: center;
}
#classconfigure .btnbox #savebtn {
  width: 120px;
}
#class-fb-fz #yq-title,
#class-distr #yq-title {
  height: 45px;
  line-height: 45px;
  color: #000;
  font-size: 16px;
  margin: 0 14px;
  background: #f2f2f2;
}
#class-distr .searchBox {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#class-distr .classdis-title {
  background: #f2f2f2;
}
#class-distr .classdis-title h4 {
  float: left;
  background: #fff;
  vertical-align: middle;
}
#class-distr .classdis-title div {
  float: right;
  margin-top: 7px;
  vertical-align: middle;
}
#class-distr .classdis-title a {
  width: 80px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin-right: 20px;
  border: none;
  background: #44af69;
  color: #f6faf7;
}
#class-distr .dis-con {
  margin-top: 20px;
}
#class-distr #tabUl {
  height: 500px;
  overflow-y: auto;
  border: 1px solid #ddd;
  border-top: 0;
}
#class-distr #tabUl ul {
  margin: 0 6px 160px;
  font-size: 0;
}
#class-distr #tabUl ul li {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 12px 6px 0;
  padding: 2px 8px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fbfbfb;
  cursor: pointer;
  overflow: hidden;
}
#class-distr #tabUl ul li span {
  display: block;
  height: 24px;
  line-height: 24px;
  margin: 0;
  color: #353535;
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#class-distr #tabUl ul li i {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 82px;
  top: -25px;
  right: -25px;
  color: #f6faf7;
  font-style: normal;
  text-align: center;
  -webket-transform: scale(0.8) rotate(45deg);
  transform: scale(0.8) rotate(45deg);
  background: #44af69;
  font-size: 12px;
  z-index: 2;
}
#class-distr #tabUl ul li.ui-selected {
  background: #44af69;
  border-color: #009933;
}
#class-distr #tabUl ul li.ui-selected span {
  color: #ffffff;
}
#class-distr #tabUl ul li.ui-selected i {
  background: #ffffff;
  color: #44af69;
}
#class-distr .grouping {
  font-size: 0;
  padding: 20px 12px 0;
}
#class-distr .grouping a {
  width: 60px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  margin: 0 15px 0 0;
  border: 1px solid #cccccc;
  border-radius: 20px;
  background: #fff;
  text-align: center;
  color: #353535;
}
#class-distr .grouping a.cur {
  background: #44af69;
  border-color: #009933;
  color: #ffffff;
}
#class-distr .groupwarp {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-left: 26px;
  height: 80px;
  line-height: 80px;
  font-size: 14px;
  color: #333333;
  background: #fff;
  box-shadow: 3px -5px 20px #cccccc;
  z-index: 9;
}
#class-distr .groupwarp .form-control {
  display: inline-block;
  margin: 0 15px;
}
#class-distr .groupwarp .btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0 15px 0 25px;
  border: 1px solid #009933;
  border-radius: 4px;
  background: #44af69;
  text-align: center;
  color: #ffffff;
}
#class-distr #addDialog .table_con {
  height: 500px;
  overflow-y: auto;
}
#class-distr #addDialog th,
#class-distr #addDialog td {
  text-align: center;
  vertical-align: middle;
}
#class-distr #addDialog .addbtn {
  display: block;
}
#class-fb-fz .nodata,
#class-distr .nodata {
  width: 100%;
  padding-bottom: 200px;
  color: #ccc;
  text-align: center;
  font-size: 14px;
}
#class-fb-fz .nodata img,
#class-distr .nodata img {
  display: block;
  margin: 20px auto;
  padding-top: 200px;
}
#batchPeriodModal .must {
  color: red;
  font-size: 16px;
}
#batchPeriodModal .time-ipt {
  width: 80px;
  display: inline-block;
}
#batchPeriodModal #calendar-box {
  width: 400px;
  padding: 10px;
  margin: auto;
}
#batchPeriodModal .nick-calendar-tit {
  width: 281px;
  border: 1px solid #000;
}
#batchPeriodModal .nick-calendar-tit span {
  float: left;
  width: 40px;
  font-size: 14px;
  height: 24px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  padding: 2px;
  border-right: 1px solid #000;
}
#batchPeriodModal .nick-calendar-tit span:last-child {
  border-right: none;
  padding-right: 0;
  width: 39px;
}
#batchPeriodModal .nick-calendar-tit span input {
  vertical-align: -2px;
}
#batchPeriodModal .nick-calendar-bd {
  width: 282px;
  border-left: 1px solid #000;
}
#batchPeriodModal .clear:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#batchPeriodModal .nick-calendar-bd span {
  width: 40px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: left;
  cursor: pointer;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#batchPeriodModal .nick-calendar-hd {
  height: 24px;
  line-height: 20px;
}
#batchPeriodModal .nick-calendar-hd input {
  vertical-align: -2px;
}
#batchPeriodModal .nick-calendar-prev,
#batchPeriodModal .nick-calendar-next {
  background-color: violet;
  border: 0;
  font-weight: bold;
}
#batchPeriodModal .nick-calendar-prev-year,
#batchPeriodModal .nick-calendar-next-year {
  background-color: turquoise;
  border: 0;
  font-weight: bold;
}
#batchPeriodModal .nick-calendar-date {
  display: inline-block;
  width: 90px;
  font-weight: bold;
  text-align: center;
}
#batchPeriodModal .active {
  background-color: #169BD5;
}
#add-turntable .phone {
  width: 375px;
  float: left;
}
#add-turntable .phone .phone-title {
  height: 64px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  border-bottom: none;
}
#add-turntable .phone .phone-title img {
  position: absolute;
  width: 96%;
  height: 52px;
  top: 6px;
  left: 8px;
  display: block;
  z-index: 2;
}
#add-turntable .phone .phone-title p {
  position: absolute;
  z-index: 7;
  width: 100%;
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin: 0;
  top: 24px;
}
#add-turntable .phone .phone-content {
  width: 375px;
  background-color: #fff;
  min-height: 600px;
  height: 680px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#add-turntable .phone .phone-content .phone-logo {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
}
#add-turntable .phone .phone-content .phone-logo img {
  width: 100%;
  height: 100%;
  display: block;
}
#add-turntable .phone .phone-content .phone-turntable {
  width: 278px;
  height: 278px;
  margin: 0px auto;
  margin-top: 264px;
  position: relative;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-con {
  position: relative;
  width: 278px;
  height: 278px;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-item {
  position: absolute;
  width: 90px;
  height: 90px;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: content-box;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-item img {
  width: 55px;
  height: 35px;
  display: block;
  margin: 15px auto;
  margin-bottom: 8px;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-item p {
  width: 70%;
  text-align: center;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
  color: #c71226;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-item.active {
  border: 1px solid red;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-btn {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 94px;
  top: 94px;
  cursor: pointer;
}
#add-turntable .phone .phone-content .phone-turntable .phone-turntable-btn img {
  width: 100%;
  height: 100%;
  display: block;
}
#add-turntable .phone .phone-content .phone-turntable .item1 {
  left: 0;
  top: 0;
}
#add-turntable .phone .phone-content .phone-turntable .item2 {
  left: 94px;
  top: 0;
}
#add-turntable .phone .phone-content .phone-turntable .item3 {
  left: 188px;
  top: 0;
}
#add-turntable .phone .phone-content .phone-turntable .item8 {
  left: 0;
  top: 94px;
}
#add-turntable .phone .phone-content .phone-turntable .item4 {
  right: 0;
  top: 94px;
}
#add-turntable .phone .phone-content .phone-turntable .item7 {
  left: 0;
  bottom: 0;
}
#add-turntable .phone .phone-content .phone-turntable .item6 {
  left: 94px;
  bottom: 0;
}
#add-turntable .phone .phone-content .phone-turntable .item5 {
  left: 188px;
  bottom: 0;
}
#add-turntable .phone .phone-content .phone-btn-box {
  width: 275px;
  margin: 20px auto;
  margin-top: 52px;
}
#add-turntable .phone .phone-content .phone-btn-box .phone-btn-list {
  float: left;
  width: 121px;
  height: 37px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#add-turntable .phone .phone-content .phone-btn-box .phone-btn-mine {
  width: 121px;
  height: 37px;
  float: right;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#add-turntable .phone .phone-active-rule {
  width: 375px;
  padding: 0 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #ccc;
  border-top: none;
}
#add-turntable .phone .config-btn-box {
  width: 375px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background-color: #ccc;
}
#add-turntable .phone .config-btn-box input {
  width: 100px;
}
#add-turntable .config-box {
  float: left;
  margin-left: 40px;
  width: 560px;
  min-height: 200px;
  border-radius: 4px;
}
#add-turntable .config-box .config-cont {
  padding: 20px;
  background-color: #f7f7f7;
}
#add-turntable .config-box .config-title {
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
#add-turntable .config-box .tips {
  color: #ccc;
  font-size: 12px;
}
#add-turntable .config-box .red {
  color: red;
}
#add-turntable .config-box .config-all .config-all-empty {
  text-align: center;
  margin: 20px 0;
}
#add-turntable .config-box .config-all table {
  margin-bottom: 4px;
}
#add-turntable .config-box .config-all table th,
#add-turntable .config-box .config-all table td {
  vertical-align: middle!important;
  text-align: center!important;
}
#add-turntable .config-box .config-all .no-pro {
  margin-bottom: 10px;
}
#add-turntable .config-box .config-basic .control-label {
  width: 25%;
}
#add-turntable .config-box .config-basic #starttime-basic,
#add-turntable .config-box .config-basic #endtime-basic {
  width: 48%;
  display: inline-block;
}
#add-turntable .config-box .config-basic .imgvi {
  float: none;
}
#add-turntable .config-box .config-basic .radio-box {
  height: 34px;
  line-height: 34px;
}
#add-turntable .config-box .config-basic .radio-box input[type="radio"] {
  vertical-align: -2px;
}
#add-turntable .config-box .config-item .control-label {
  width: 20%;
}
#add-turntable .config-box .config-item .imgvi {
  float: none;
}
#add-turntable .config-box .config-item .radio-box {
  height: 34px;
  line-height: 34px;
}
#add-turntable .config-box .config-item .radio-box input[type="radio"],
#add-turntable .config-box .config-item .radio-box input[type="checkbox"] {
  vertical-align: -2px;
}
#add-turntable .config-box .config-item #content-item-type-add {
  margin-top: 10px;
}
#add-turntable .config-box .config-item select {
  margin-bottom: 10px;
}
#add-turntable .config-box .config-item #content-item-type2 input {
  margin-bottom: 10px;
}
#add-turntable .config-save-btn-box {
  text-align: center;
  margin-top: 30px;
  background-color: #fff!important;
}
.wrap-extend-sevice {
  width: 1000px;
  margin: 0 auto;
}
.wrap-extend-sevice .extend-service-header {
  padding: 30px 0;
}
.wrap-extend-sevice .service-icon {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 20px;
}
.wrap-extend-sevice .service-info {
  color: #333;
  font-size: 13px;
  margin-bottom: 20px;
}
.wrap-extend-sevice .service-title {
  font-size: 22px;
  margin-bottom: 5px;
}
.wrap-extend-sevice .service-call {
  float: right;
  margin-top: 6px;
  font-size: 16px;
  color: #666;
}
.wrap-extend-sevice .service-desc {
  color: #999;
  margin-bottom: 5px;
}
.wrap-extend-sevice .service-price {
  margin-bottom: 5px;
}
.wrap-extend-sevice .service-price b {
  color: #ffa614;
  font-size: 18px;
}
.wrap-extend-sevice .service-package span {
  display: inline-block;
  padding: 0 14px;
  line-height: 22px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}
.wrap-extend-sevice .service-package span.active {
  border-color: #0454e8;
  background: #edf3ff;
  color: #0454e8;
}
.wrap-extend-sevice .service-buy {
  padding-left: 140px;
}
.wrap-extend-sevice .service-buy a {
  width: 140px;
}
.wrap-extend-sevice .extend-service-body {
  margin-bottom: 30px;
}
.wrap-extend-sevice .extend-service-body img {
  display: block;
  max-width: 100%;
}
.newtable .nt-head,
.newtable .nt-row-head {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  background-color: #f8f8f8;
  overflow: hidden;
  border-left: 1px solid #f1f1f1;
}
.newtable .nt-head,
.newtable .nt-body .nt-row {
  margin-bottom: 10px;
}
.newtable .nt-row {
  display: flex;
  justify-content: space-between;
}
.newtable .nt-row-head {
  display: flex;
  justify-content: space-between;
}
.newtable .nt-row-head .infos {
  padding: 0 10px;
}
.newtable .nt-row-head .infos span {
  margin-right: 10px;
}
.newtable .nt-row-head .ctrls {
  padding: 0 10px;
}
.newtable .nt-row-head .ctrls a {
  margin-left: 10px;
}
.newtable .nt-cell {
  box-sizing: border-box;
  display: flex;
  width: 10%;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 0 10px;
  border-left: 1px solid #f8f8f8;
  overflow: scroll;
}
.newtable .nt-cell:first-child {
  flex-grow: 1;
  text-align: left;
  justify-content: flex-start;
}
.newtable .nt-body .nt-row {
  height: 110px;
  border-right: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}
.newtable .img-list {
  height: 110px;
  overflow-x: scroll;
  justify-content: flex-start;
}
.newtable .img-list .item {
  margin: 0 10px;
}
.newtable .img-list img {
  width: 80px;
  height: 80px;
}
.newtable .img-list p {
  margin: 0;
  text-align: center;
  color: #999;
}
/*表格头排序*/
/*/Public/js/table-sort.js*/
.wrap-table-sort {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 22px;
  vertical-align: -6px;
  cursor: pointer;
  color: #999;
}
.wrap-table-sort:hover {
  opacity: .7;
}
.wrap-table-sort:before,
.wrap-table-sort:after {
  font-family: "sorticon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 0;
}
.wrap-table-sort:before {
  content: "\f0cb";
}
.wrap-table-sort:after {
  content: "\e818";
}
.wrap-table-sort.up:before,
.wrap-table-sort.down:after {
  color: #2a75ed;
}
form .display-i-b {
  display: inline-block;
}
.mg-lr-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mg-lr-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.mg-lr-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mg-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mg-tb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.mg-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.pg-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.pg-lr-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.pg-lr-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.pg-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pg-tb-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pg-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.hiden {
  display: none;
}
.mt-5 {
  margin-top: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.ml-5 {
  margin-left: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mr-15 {
  margin-right: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.ml-15 {
  margin-left: 15px;
}
.pt-5 {
  padding-top: 5px;
}
.pr-5 {
  padding-right: 5px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pl-5 {
  padding-left: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pr-10 {
  padding-right: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pl-10 {
  padding-left: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pr-15 {
  padding-right: 15px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pl-15 {
  padding-left: 15px;
}