@charset "UTF-8";
@import "reset.css";
body {
  min-width: 1250px;
}
header {
  border-bottom: 4px solid #fe7912;
}
header .container {
  display: -webkit-box;
  display: flex;
  position: relative;
  height: 116px;
  background: url("../img/logo.png") no-repeat left;
}
header .container::before {
  content: "个人中心";
  line-height: 116px;
  font-size: 28px;
  color: #606060;
  margin-right: auto;
  margin-left: 146px;
}
header .container nav {
  padding-top: 74px;
}
header .container nav a {
  margin-right: 50px;
  font-size: 16px;
  color: #333333;
}
header .container nav a:hover {
  color: #e64818;
}
header .container nav a.on {
  color: #e64818;
}
header .container .logout {
  align-self: flex-start;
  margin-top: 74px;
  padding-left: 26px;
  background: url(../img/logout.png) no-repeat left;
}
header .container .login {
  align-self: flex-start;
  margin-top: 74px;
  padding-left: 26px;
  font-size: 14px;
  color: #333333;
}
header .container .login a {
  color: #e64518;
  text-decoration: underline;
}
header .container .tel {
  position: absolute;
  top: 28px;
  right: 0;
  font-size: 14px;
  color: #999999;
}
header .container .tel span {
  color: #e64518;
}
.warp-center {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.warp-around {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}
.warp-around .m-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 64px;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
}
.warp-around .m-header__title {
  font-size: 16px;
  color: #333333;
}
.warp-around .m-header__back {
  margin-left: auto;
  font-size: 14px;
  color: #fe7912;
}
.container {
  width: 1200px;
}
.f-container {
  width: 1200px;
  position: relative;
  margin: 0 auto;
}
.f-bg {
  background: #f5f6fa;
  overflow: hidden;
}
.f-col {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.f-col .m-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 64px;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
}
.f-col .m-header__title {
  font-size: 16px;
  color: #333333;
}
.u-btn1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 120px;
  height: 36px;
  font-size: 14px;
  border-radius: 18px;
  color: #ffffff;
  background: #999999;
}
.u-btn1.on {
  background: #fc6b19;
}
.u-btn2 {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 96px;
  height: 30px;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
  background: #fe7912;
}
.u-input-timer {
  width: 140px;
  height: 30px;
  padding: 8px;
  border: 1px solid #999999;
  background: url(../img/date.png) no-repeat calc(100% - 10px);
}
.u-input-timer::-webkit-input-placeholder {
  color: #999999;
}
.u-input-timer::-moz-placeholder {
  color: #999999;
}
.u-input-timer:-ms-input-placeholder {
  color: #999999;
}
.u-input-timer::-ms-input-placeholder {
  color: #999999;
}
.u-input-timer::placeholder {
  color: #999999;
}
.u-input-select {
  background: url(../img/target.png) no-repeat;
  background-position: calc(100% - 10px);
}
.u-pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 30px 0;
}
.u-pagination a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #999999;
}
.u-pagination a + a {
  margin-left: 20px;
}
.u-pagination a.on,
.u-pagination a:hover {
  color: #ffffff;
  border: 1px solid #fe7912;
  background: #fe7912;
}
.u-cheack {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 28px;
}
.u-cheack input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.u-cheack input:checked + i {
  border: 1px solid #fe7912;
}
.u-cheack input:checked + i::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fe7912;
}
.u-cheack i {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #999999;
  border-radius: 50%;
}
.u-cheack p {
  font-size: 12px;
  color: #333333;
}
.u-cheack3 {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 28px;
}
.u-cheack3 input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.u-cheack3 input:checked + i {
  border: 1px solid #fe7912;
}
.u-cheack3 input:checked + i::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #fe7912;
}
.u-cheack3 i {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #999999;
}
.u-cheack3 p {
  font-size: 12px;
  color: #333333;
}
.u-cheack2 {
  position: relative;
}
.u-cheack2 input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.u-cheack2 input:checked + p {
  color: #ffffff;
  background: #fe7912;
}
.u-cheack2 p {
  -webkit-box-flex: 1;
          flex: auto;
  font-size: 14px;
  color: #333333;
}
.u-cheack-tool {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 50px;
  padding: 0 30px;
  background: #e6eaf0;
}
.u-cheack-tool input,
.u-cheack-tool button {
  margin-right: 10px;
  cursor: pointer;
}
.u-cheack-tool .mail-report {
  border: 1px solid #fe7912;
  color: #fe7912;
  background: #ffffff;
}
.u-search {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: auto;
}
.u-search input {
  width: 280px;
  height: 30px;
  padding: 0 5px;
  border: 1px solid #999999;
  font-size: 12px;
}
.u-search .u-btn2 {
  width: 48px;
  height: 30px;
  margin-left: 10px;
}
.u-cell {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.u-cell .cell-hd {
  -webkit-box-flex: 0;
          flex: none;
  padding-right: 10px;
}
.u-cell .cell-bd {
  -webkit-box-flex: 1;
          flex: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.u-steps {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.u-steps .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
}
.u-steps .item .cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 38px;
  height: 38px;
  font-size: 20px;
  border-radius: 50%;
  border: 12px solid #e0e0e0;
  color: #ffffff;
  background: #999999;
}
.u-steps .item .title {
  padding-top: 20px;
  font-size: 14px;
  color: #999999;
}
.u-steps .item.on .cont {
  border: 12px solid #ffd7b7;
  background: #fe7912;
}
.u-steps .row {
  width: 180px;
  height: 6px;
  margin: 0 10px;
  margin-bottom: 40px;
  background: #e0e0e0;
}
.u-steps .row.on {
  background: #fe7912;
}
.m-user-bar {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
  padding: 30px 40px;
  background: #ffffff;
  box-sizing: border-box;
}
.m-user-bar .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.m-user-bar .avatar {
  -webkit-box-flex: 0;
          flex: none;
  width: 80px;
  height: 80px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}
.m-user-bar .info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  justify-content: space-around;
  margin-left: 30px;
}
.m-user-bar .info .row:nth-of-type(1) p {
  font-size: 16px;
  color: #333333;
}
.m-user-bar .info .row:nth-of-type(1) a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 48px;
  height: 20px;
  margin-left: 22px;
  font-size: 12px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
.m-user-bar .info .row:nth-of-type(2) p {
  font-size: 12px;
  color: #999999;
}
.m-user-bar .info .row:nth-of-type(2) .u-cheack2 {
  margin-right: 14px;
}
.m-user-bar .info .row:nth-of-type(2) .u-cheack2 p {
  padding-left: 24px;
  background: url("../img/edit.png") no-repeat left;
}
.m-user-bar .safe {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  justify-content: space-around;
  margin-left: 60px;
  font-size: 12px;
  color: #999999;
}
.m-user-bar .safe .row:nth-of-type(1) ul {
  display: -webkit-box;
  display: flex;
}
.m-user-bar .safe .row:nth-of-type(1) ul li {
  width: 32px;
  height: 10px;
  margin-right: 2px;
  border: 1px solid #e0e0e0;
}
.m-user-bar .safe .row:nth-of-type(1) .level-s li:first-of-type {
  background: #e08400;
}
.m-user-bar .safe .row:nth-of-type(1) .level-m li {
  background: #f1e000;
}
.m-user-bar .safe .row:nth-of-type(1) .level-m li:last-of-type {
  background: transparent;
}
.m-user-bar .safe .row:nth-of-type(1) .level-h li {
  background: #5dc800;
}
.m-user-bar .bind {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}
.m-user-bar .bind a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  margin-left: 70px;
  font-size: 12px;
  color: #999999;
}
.m-user-bar .bind a img {
  -webkit-box-flex: 0;
          flex: none;
}
.m-user-bar .bind a:not(.on) img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.m-user-bar .bind a:last-of-type img {
  padding: 4px 0;
}
.m-popup-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
.m-popup-wrap .popup-content {
  position: relative;
  top: 150px;
  width: 450px;
  margin: 0 auto;
}
.m-popup-wrap .popup-content .login-popup {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content {
  padding: 54px 64px 30px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .logo {
  text-align: center;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab {
  zoom: 1;
  position: relative;
  margin-top: 40px;
  font-size: 18px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab li {
  display: inline-block;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab li.active a {
  color: #fc6b19;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab li.password {
  float: left;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab li.code {
  float: right;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-tab .line {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 18px;
  background: #000000;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form {
  margin-top: 10px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form form {
  display: none;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .form-item {
  padding: 10px 0;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .form-item input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #999999;
  border-radius: 10px;
  font-size: 14px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .form-item input.username {
  padding: 0 40px;
  background: url(../img/input_username.png) no-repeat 10px;
  background-size: 20px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .form-item input.password {
  padding: 0 40px;
  background: url(../img/input_password.png) no-repeat 12px;
  background-size: 16px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .captchaBox {
  zoom: 1;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .captchaBox::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .captchaBox .form-item {
  display: inline-block;
  width: 200px;
  padding: 0;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-form .captchaBox .getCaptcha {
  float: right;
  width: 110px;
  height: 40px;
  border: 1px solid #fc6b19;
  border-radius: 10px;
  color: #fc6b19;
  background: #ffffff;
  cursor: pointer;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .password-recover {
  zoom: 1;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .password-recover::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .password-recover p {
  float: right;
  font-size: 12px;
  color: #999999;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .password-recover p a {
  color: #e64518;
  text-decoration: underline;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-btn {
  margin-top: 20px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .login-btn button {
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  color: #ffffff;
  background: #fc6b19;
  cursor: pointer;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login {
  margin-top: 36px;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .title {
  height: 0;
  text-align: center;
  border-top: 1px solid #999999;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .title p {
  display: inline-block;
  position: relative;
  top: -10px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  background: #ffffff;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .content {
  margin-top: 24px;
  text-align: center;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .content a {
  display: inline-block;
  width: 44px;
  height: 44px;
  margin: 0 10px;
  border-radius: 50%;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .content .qq-login {
  background: url(../img/bind-qq.png) no-repeat;
  background-size: contain;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .content .wx-login {
  background: url(../img/bind-wx.png) no-repeat;
  background-size: contain;
}
.m-popup-wrap .popup-content .login-popup .login-popup-content .other-login .content .wb-login {
  background: url(../img/bind-wb.png) no-repeat;
  background-size: contain;
}
.m-popup-wrap.popup-container {
  display: none;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.m-popup-wrap.popup-container.on {
  display: -webkit-box;
  display: flex;
}
.m-popup-wrap .popup-close {
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: url(../img/study-task-question__panel-container-colse.png) no-repeat;
}
.m-popup-wrap .popup-dialog {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .popup-dialog .title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-dialog .title p {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .popup-dialog .title .yxjs-edit {
  margin-left: auto;
  font-size: 14px;
  text-decoration: underline;
  color: #e64818;
}
.m-popup-wrap .popup-dialog .title .popup-close {
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: url(../img/study-task-question__panel-container-colse.png) no-repeat;
}
.m-popup-wrap .popup-dialog .content {
  padding: 20px 30px 30px;
}
.m-popup-wrap .popup-dialog .content .content-title {
  font-size: 14px;
  color: #333333;
}
.m-popup-wrap .popup-dialog .content .content-inputbox {
  width: 260px;
  height: 84px;
  padding: 5px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}
.m-popup-wrap .popup-dialog .content .content-introduction {
  width: 780px;
}
.m-popup-wrap .popup-dialog .content .content-tips {
  font-size: 14px;
  color: #999999;
}
.m-popup-wrap .popup-dialog .content .input_mkmc {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.m-popup-wrap .popup-dialog .content .input_mkmc input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-dialog .content-scrollList {
  height: 240px;
  margin-bottom: 30px;
  overflow-y: scroll;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-dialog .content-scrollList .item + li {
  border-top: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-dialog .content-scrollList .item p {
  width: 470px;
  height: 40px;
  padding: 0 30px;
  line-height: 40px;
  box-sizing: border-box;
}
.m-popup-wrap .popup-dialog .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0 30px 30px;
}
.m-popup-wrap .popup-dialog .btn .confirm {
  margin-left: 20px;
}
.m-popup-wrap .popup-uplowd_src {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .popup-uplowd_src .uplowd_src-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-uplowd_src .uplowd_src-title p {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .popup-uplowd_src .uplowd_src-title .yxjs-edit {
  margin-left: auto;
  font-size: 14px;
  text-decoration: underline;
  color: #e64818;
}
.m-popup-wrap .popup-uplowd_src .uplowd_src-title .popup-close {
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: url(../img/study-task-question__panel-container-colse.png) no-repeat;
}
.m-popup-wrap .popup-uplowd_src .content {
  padding: 30px 100px;
}
.m-popup-wrap .popup-uplowd_src .content .align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell {
  margin-bottom: 16px;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-hd .title {
  width: 76px;
  font-size: 12px;
  color: #333333;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .text {
  -webkit-box-flex: 1;
          flex: auto;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .text::-webkit-input-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .text::-moz-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .text:-ms-input-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .text::-ms-input-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .text::placeholder {
  color: #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .tips {
  -webkit-box-flex: 0;
          flex: none;
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .ablum {
  position: relative;
  width: 200px;
  height: 130px;
  box-sizing: border-box;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .ablum::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: '添加宣传封面';
  height: 14px;
  padding-top: 40px;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #999999;
  background: url(../img/add.png) no-repeat top;
  background-size: 30px;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .ablum[src=''] {
  border: 1px dashed #999999;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .up-ablum {
  padding-left: 20px;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .up-ablum .tips {
  margin: 0;
  font-size: 12px;
  line-height: 1.75;
  padding-bottom: 10px;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .up-ablum .u-btn2 {
  width: 120px;
  height: 30px;
  margin-top: 30px;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .btn {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
}
.m-popup-wrap .popup-uplowd_src .content .u-cell .cell-bd .btn .on {
  margin-left: 30px;
}
.m-popup-wrap .popup-uplowd_src .content .video-time {
  display: none;
}
.m-popup-wrap .popup-uplowd_src .content .video-time.on {
  display: -webkit-box;
  display: flex;
}
.m-popup-wrap .popup-uplowd_src .content .video-time .cell-bd .text {
  -webkit-box-flex: 0;
          flex: 0 180px;
}
.m-popup-wrap .popup-uplowd_src .content .local-file .file-input {
  display: none;
}
.m-popup-wrap .popup-uplowd_src .content .local-file .u-btn2 {
  width: 80px;
  margin-left: 10px;
}
.m-popup-wrap .popup-uplowd_src .content .local-file,
.m-popup-wrap .popup-uplowd_src .content .online-file {
  display: none;
}
.m-popup-wrap .popup-uplowd_src .content .local-file.on,
.m-popup-wrap .popup-uplowd_src .content .online-file.on {
  display: -webkit-box;
  display: flex;
}
.m-popup-wrap .popup-add_live {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .popup-add_live .uplowd_src-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-add_live .uplowd_src-title p {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .popup-add_live .uplowd_src-title .yxjs-edit {
  margin-left: auto;
  font-size: 14px;
  text-decoration: underline;
  color: #e64818;
}
.m-popup-wrap .popup-add_live .uplowd_src-title .popup-close {
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: url(../img/study-task-question__panel-container-colse.png) no-repeat;
}
.m-popup-wrap .popup-add_live .content {
  padding: 30px 100px;
}
.m-popup-wrap .popup-add_live .content .align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
.m-popup-wrap .popup-add_live .content .u-cell {
  margin-bottom: 16px;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-hd .title {
  width: 76px;
  font-size: 12px;
  color: #333333;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .text {
  -webkit-box-flex: 1;
          flex: auto;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .text::-webkit-input-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .text::-moz-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .text:-ms-input-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .text::-ms-input-placeholder {
  color: #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .text::placeholder {
  color: #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .tips {
  -webkit-box-flex: 0;
          flex: none;
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .ablum {
  position: relative;
  width: 200px;
  height: 130px;
  box-sizing: border-box;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .ablum::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: '添加宣传封面';
  height: 14px;
  padding-top: 40px;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #999999;
  background: url(../img/add.png) no-repeat top;
  background-size: 30px;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .ablum[src=''] {
  border: 1px dashed #999999;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .up-ablum {
  padding-left: 20px;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .up-ablum .tips {
  margin: 0;
  font-size: 12px;
  line-height: 1.75;
  padding-bottom: 10px;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .up-ablum .u-btn2 {
  width: 120px;
  height: 30px;
  margin-top: 30px;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .btn {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
}
.m-popup-wrap .popup-add_live .content .u-cell .cell-bd .btn .on {
  margin-left: 30px;
}
.m-popup-wrap .popup-add_live .content .video-time {
  display: none;
}
.m-popup-wrap .popup-add_live .content .video-time.on {
  display: -webkit-box;
  display: flex;
}
.m-popup-wrap .popup-add_live .content .video-time .cell-bd .text {
  -webkit-box-flex: 0;
          flex: 0 180px;
}
.m-popup-wrap .popup-add_live .content .local-file .file-input {
  display: none;
}
.m-popup-wrap .popup-add_live .content .local-file .u-btn2 {
  width: 80px;
  margin-left: 10px;
}
.m-popup-wrap .popup-add_live .content .local-file,
.m-popup-wrap .popup-add_live .content .online-file {
  display: none;
}
.m-popup-wrap .popup-add_live .content .local-file.on,
.m-popup-wrap .popup-add_live .content .online-file.on {
  display: -webkit-box;
  display: flex;
}
.m-popup-wrap .popup-add_live .add_live-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-add_live .add_live-title p {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .popup-add_live .add_live-title .yxjs-edit {
  margin-left: auto;
  font-size: 14px;
  text-decoration: underline;
  color: #e64818;
}
.m-popup-wrap .popup-add_live .add_live-title .popup-close {
  margin-left: auto;
  width: 14px;
  height: 14px;
  background: url(../img/study-task-question__panel-container-colse.png) no-repeat;
}
.m-popup-wrap .popup-add_live .u-cell .cell-bd .text {
  width: 260px;
}
.m-popup-wrap .popup-addSchedule {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .popup-addSchedule .header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 54px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .popup-addSchedule .header .title {
  padding-left: 30px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .popup-addSchedule .content {
  padding: 30px;
}
.m-popup-wrap .popup-addSchedule .content .u-cell {
  margin-bottom: 10px;
}
.m-popup-wrap .popup-addSchedule .content .u-cell .cell-hd .title {
  font-size: 12px;
  color: #333333;
}
.m-popup-wrap .popup-addSchedule .content .u-cell .cell-bd input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
.m-popup-wrap .popup-addSchedule .content .u-cell .cell-bd input.title2 {
  width: 390px;
}
.m-popup-wrap .popup-addSchedule .content .u-cell .cell-bd .layui-form-select {
  width: 390px;
}
.m-popup-wrap .popup-addSchedule .content .u-cell .cell-bd .tips {
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
.m-popup-wrap .popup-addSchedule .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0 30px 30px;
}
.m-popup-wrap .popup-addSchedule .btn .confirm {
  margin-left: 20px;
}
.m-popup-wrap .add-topic {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .add-topic .header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 54px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .add-topic .header .title {
  padding-left: 30px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .add-topic .header .popup-close {
  margin-right: 30px;
}
.m-popup-wrap .add-topic .content {
  padding: 30px;
}
.m-popup-wrap .add-topic .content .u-cell {
  padding-bottom: 16px;
}
.m-popup-wrap .add-topic .content .u-cell .cell-hd .title {
  width: 50px;
  text-align: right;
  font-size: 12px;
  color: #333333;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input::-webkit-input-placeholder {
  color: #999999;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input::-moz-placeholder {
  color: #999999;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input:-ms-input-placeholder {
  color: #999999;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input::-ms-input-placeholder {
  color: #999999;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input::placeholder {
  color: #999999;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd > input + input {
  margin-left: 10px;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd .text {
  width: 390px;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd .tips {
  font-size: 12px;
  color: #333333;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd .add-select {
  height: 20px;
  margin-left: auto;
  padding-left: 30px;
  background: url(../img/add2.png) no-repeat left;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd .select {
  -webkit-box-flex: 1;
          flex: auto;
}
.m-popup-wrap .add-topic .content .u-cell .cell-bd .del {
  width: 18px;
  height: 18px;
  margin-left: 20px;
  background: url(../img/close.png) no-repeat;
}
.m-popup-wrap .add-topic .content .justify-center {
  -webkit-box-pack: center;
          justify-content: center;
}
.m-popup-wrap .add-topic .content .justify-center .confirm {
  margin-left: 30px;
}
.m-popup-wrap .slc-area,
.m-popup-wrap .add-catalog,
.m-popup-wrap .xzzsd,
.m-popup-wrap .add-qa {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .slc-area .header,
.m-popup-wrap .add-catalog .header,
.m-popup-wrap .xzzsd .header,
.m-popup-wrap .add-qa .header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .slc-area .header .title,
.m-popup-wrap .add-catalog .header .title,
.m-popup-wrap .xzzsd .header .title,
.m-popup-wrap .add-qa .header .title {
  height: 54px;
  line-height: 54px;
  padding-left: 30px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .slc-area .header .popup-close,
.m-popup-wrap .add-catalog .header .popup-close,
.m-popup-wrap .xzzsd .header .popup-close,
.m-popup-wrap .add-qa .header .popup-close {
  margin-right: 30px;
}
.m-popup-wrap .slc-area .content .tab {
  display: -webkit-box;
  display: flex;
}
.m-popup-wrap .slc-area .content .tab a {
  width: 120px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #333333;
  background: #e0e0e0;
}
.m-popup-wrap .slc-area .content .tab a.on {
  background: #ffffff;
}
.m-popup-wrap .slc-area .content .container {
  display: -webkit-box;
  display: flex;
  flex-flow: wrap;
  width: 950px;
  padding: 10px 30px;
  box-sizing: border-box;
}
.m-popup-wrap .slc-area .content .container a {
  height: 20px;
  margin: 5px 3px;
  padding: 0 10px;
  line-height: 20px;
  font-size: 14px;
}
.m-popup-wrap .slc-area .content .container a.on {
  color: #ffffff;
  background: #fe7912;
}
.m-popup-wrap .slc-area .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.m-popup-wrap .slc-area .btn .confirm {
  margin-left: 40px;
}
.m-popup-wrap .add-catalog .content {
  padding: 30px 0;
  width: 780px;
}
.m-popup-wrap .add-catalog .content .u-cell {
  -webkit-box-align: start;
          align-items: flex-start;
  margin-left: 90px;
  margin-bottom: 16px;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-hd .title {
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 14px;
  color: #333333;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd select {
  padding: 0 10px;
  height: 30px;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd textarea {
  width: 500px;
  padding: 10px;
  border: 1px solid #999999;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd .u-cheack {
  height: 30px;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd .tips {
  font-size: 14px;
  color: #999999;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd .tips2 {
  padding-left: 10px;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd .text1 {
  width: 500px;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd .text2 {
  width: 76px;
  margin-left: 20px;
}
.m-popup-wrap .add-catalog .content .u-cell .cell-bd .cancel {
  margin-right: 20px;
}
.m-popup-wrap .xzzsd__content {
  width: 480px;
}
.m-popup-wrap .xzzsd__content .content-1,
.m-popup-wrap .xzzsd__content .content-2,
.m-popup-wrap .xzzsd__content .content-3 {
  padding-left: 20px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  overflow-y: hidden;
  box-sizing: border-box;
}
.m-popup-wrap .xzzsd__content .content-1.on,
.m-popup-wrap .xzzsd__content .content-2.on,
.m-popup-wrap .xzzsd__content .content-3.on {
  height: auto;
}
.m-popup-wrap .xzzsd__content .content-1.on > .content-title .title,
.m-popup-wrap .xzzsd__content .content-2.on > .content-title .title,
.m-popup-wrap .xzzsd__content .content-3.on > .content-title .title {
  background: url(../img/collapse.png) no-repeat 10px;
}
.m-popup-wrap .xzzsd__content .content-1 .content-title,
.m-popup-wrap .xzzsd__content .content-2 .content-title,
.m-popup-wrap .xzzsd__content .content-3 .content-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 40px;
}
.m-popup-wrap .xzzsd__content .content-1 .content-title .title,
.m-popup-wrap .xzzsd__content .content-2 .content-title .title,
.m-popup-wrap .xzzsd__content .content-3 .content-title .title {
  -webkit-box-flex: 1;
          flex: auto;
  padding-left: 34px;
  font-size: 12px;
  color: #999999;
  background: url(../img/expand.png) no-repeat 10px;
  cursor: pointer;
}
.m-popup-wrap .xzzsd__content .content-1 {
  padding-left: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .xzzsd__content .content-item {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 40px;
  padding-left: 24px;
}
.m-popup-wrap .xzzsd__content .content-item input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.m-popup-wrap .xzzsd__content .content-item input:checked + .title {
  color: #fe7912;
}
.m-popup-wrap .xzzsd__content .content-item .title {
  -webkit-box-flex: 1;
          flex: auto;
  padding-left: 10px;
  font-size: 12px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: contain;
}
.m-popup-wrap .xzzsd__btn {
  display: -webkit-box;
  display: flex;
  padding: 30px 0;
  -webkit-box-pack: center;
          justify-content: center;
}
.m-popup-wrap .xzzsd__btn .confirm {
  margin-left: 30px;
}
.m-popup-wrap .add-qa .content {
  padding: 30px;
}
.m-popup-wrap .add-qa .content .align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
.m-popup-wrap .add-qa .content .u-cell {
  margin-bottom: 16px;
}
.m-popup-wrap .add-qa .content .u-cell .cell-hd .title {
  width: 76px;
  font-size: 12px;
  color: #333333;
}
.m-popup-wrap .add-qa .content .u-cell .cell-bd .text {
  width: 390px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #999999;
}
.m-popup-wrap .add-qa .content .u-cell .cell-bd .tips {
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
.m-popup-wrap .add-qa .content .u-cell .cell-bd .confirm {
  margin-left: 30px;
}
.m-popup-wrap .add-qa .content .u-cell .cell-bd textarea {
  width: 600px;
  height: 100px;
  padding: 5px 10px;
  border: 1px solid #999999;
}
.m-popup-wrap .add-qa .content .u-cell .cell-bd input {
  height: 30px;
  border: 1px solid #999999;
}
.m-popup-wrap .add-qa .content .u-cell .cell-bd .layui-form-select {
  width: 390px;
}
.m-popup-wrap .add-qa .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0 30px 30px;
}
.m-popup-wrap .add-qa .btn .confirm {
  margin-left: 20px;
}
.m-popup-wrap .set-teacher {
  border-radius: 10px;
  background: #ffffff;
}
.m-popup-wrap .set-teacher .title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-popup-wrap .set-teacher .title p {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #333333;
}
.m-popup-wrap .set-teacher .title .s {
  width: 150px;
  height: 30px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
}
.m-popup-wrap .set-teacher .title .u-btn2 {
  width: 50px;
  border-radius: 0;
}
.m-popup-wrap .set-teacher .list {
  height: 240px;
  border-bottom: 1px solid #e0e0e0;
  overflow-y: auto;
}
.m-popup-wrap .set-teacher .list .item {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
}
.m-popup-wrap .set-teacher .list .item + .item {
  border-top: 1px solid #e0e0e0;
}
.m-popup-wrap .set-teacher .list .item input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.m-popup-wrap .set-teacher .list .item input:checked + .content {
  background: #fe7912;
}
.m-popup-wrap .set-teacher .list .item input:checked + .content .name,
.m-popup-wrap .set-teacher .list .item input:checked + .content .tips {
  color: #ffffff;
}
.m-popup-wrap .set-teacher .list .item .content {
  -webkit-box-flex: 1;
          flex: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px;
  padding-right: 20px;
}
.m-popup-wrap .set-teacher .list .item .content .image {
  -webkit-box-flex: 0;
          flex: none;
  border-radius: 50%;
  overflow: hidden;
}
.m-popup-wrap .set-teacher .list .item .content .image img {
  width: 40px;
  height: 40px;
}
.m-popup-wrap .set-teacher .list .item .content .info {
  max-width: 600px;
  margin-left: 20px;
}
.m-popup-wrap .set-teacher .list .item .content .info .name {
  font-size: 14px;
  color: #333333;
}
.m-popup-wrap .set-teacher .list .item .content .info .tips {
  padding-top: 4px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-popup-wrap .set-teacher .btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 20px;
}
.m-popup-wrap .set-teacher .btn .confirm {
  margin-left: 20px;
}
.m-menu {
  background: #ffffff;
  width: 260px;
}
.m-menu .title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  height: 39px;
  padding: 0 10px 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.m-menu .title p {
  font-size: 14px;
  color: #333333;
}
.m-menu .title a {
  position: relative;
  width: 21px;
  height: 16px;
  background: url("../img/msg.png") no-repeat;
  background-size: contain;
}
.m-menu .title a.on::after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fe7912;
}
.m-menu .menu-content li {
  height: 40px;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.m-menu .menu-content li.on p::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.m-menu .menu-content li p {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 40px;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}
.m-menu .menu-content li p::after {
  content: '';
  display: block;
  width: 12px;
  height: 7px;
  margin-left: 40px;
  background: url("../img/expand2.png");
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.m-menu .menu-content li p:hover {
  color: #fe7912;
}
.m-menu .menu-content nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
.m-menu .menu-content nav a {
  -webkit-box-flex: 1;
          flex: auto;
  line-height: 40px;
  text-indent: 86px;
  font-size: 12px;
  color: #666666;
  border-left: 2px solid transparent;
  box-sizing: border-box;
}
.m-menu .menu-content nav a.on {
  color: #fe7912;
  background: #f1f1f1;
  border-left: 2px solid #fe7912;
}
.m-menu .menu-content nav a:hover {
  background: #f1f1f1;
}
.m-menu .menu-content2 li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 40px;
  font-size: 12px;
  color: #333333;
}
.m-menu .menu-content2 li a:hover {
  color: #fe7912;
}
.m-menu .menu-content2 li a.on {
  background: #f1f1f1;
  border-left: 2px solid #fe7912;
}
.upfile {
  display: inline-block;
}
.upfile .upfile-tips {
  position: relative;
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background: #fe7912;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.upfile .upfile__btn {
  position: relative;
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  background: #fe7912;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.upfile iframe {
  position: absolute;
  top: 0;
  bottom: 0
    ;
  right: 0;
  left: 0;
}
.layui-form-select dl {
  top: 30px!important;
}
.layui-form-select dl dd.layui-this {
  background: #fc6b19 !important;
}
.layui-form-select dl dd:hover {
  background: #fc6b19 !important;
}
.register {
  padding: 30px 0;
}
.register .u-cell {
  -webkit-box-align: start;
          align-items: flex-start;
  margin-left: 270px;
  margin-bottom: 22px;
}
.register .u-cell .cell-hd .title {
  width: 90px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  text-align: right;
}
.register .u-cell .cell-bd {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: start;
          align-items: flex-start;
}
.register .u-cell .cell-bd input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
  font-size: 12px;
}
.register .u-cell .cell-bd input.text1 {
  width: 300px;
}
.register .u-cell .flow-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
}
.register .tips {
  padding-top: 10px;
  font-size: 12px;
  color: #999999;
}
.register .safe-level {
  margin-left: 0;
}
.register .safe-level .cell-hd .title {
  width: auto;
}
.register .safe-level ul {
  display: -webkit-box;
  display: flex;
  height: 30px;
  -webkit-box-align: center;
          align-items: center;
}
.register .safe-level ul li {
  width: 32px;
  height: 10px;
  margin-right: 2px;
  border: 1px solid #e0e0e0;
}
.register .safe-level .s li:first-of-type {
  background: #e08400;
}
.register .safe-level .m li {
  background: #f1e000;
}
.register .safe-level .m li:last-of-type {
  background: transparent;
}
.register .safe-level .h li {
  background: #5dc800;
}
.register .safe-level .tips {
  padding: 0;
}
.register .phone-code .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.register .phone-code .row .u-btn2 {
  margin-left: 10px;
  height: 30px;
}
.register .code .cell-bd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
}
.register .code .c1 {
  margin-right: 10px;
}
.register .code .c2 .pic {
  width: 90px;
  height: 30px;
  background: #e9e9e9;
  cursor: pointer;
}
.register .code .c2 .pic-tips {
  padding-top: 10px;
  font-size: 12px;
  color: #fc6b19;
  cursor: pointer;
}
.p-point {
  background: #ffffff;
  width: 920px;
}
.p-point .m-header__my-point {
  margin-left: 40px;
  font-size: 16px;
  color: #999999;
}
.p-point .m-header__my-point span {
  color: #fe7912;
}
.p-point .m-header__exchange {
  margin-left: auto;
}
.p-point .m-header__filter select {
  margin-left: 40px;
  height: 30px;
}
.p-point .m-header__filter .u-btn2 {
  width: auto;
  padding: 0 20px;
}
.p-point .list__item {
  display: -webkit-box;
  display: flex;
  padding: 30px;
  font-size: 12px;
}
.p-point .list__header {
  padding: 0 30px;
  background: #e6eaf0;
}
.p-point .list__header div {
  height: 30px;
  font-size: 12px;
  color: #666666;
  line-height: 30px;
}
.p-point .list__time {
  -webkit-box-flex: 0;
          flex: 0 0 220px;
  color: #999999;
}
.p-point .list__info {
  -webkit-box-flex: 1;
          flex: auto;
  padding-right: 100px;
  color: #333333;
}
.p-point .list__point {
  -webkit-box-flex: 0;
          flex: 0 0 170px;
  font-size: 16px;
}
.p-point .list__point_cost {
  color: #30992e;
}
.p-point .list__point_add {
  color: #e64818;
}
.p-point .list__classify {
  -webkit-box-flex: 0;
          flex: 0 0 100px;
}
.p-point .point-rule {
  padding: 30px 60px;
}
.p-point .point-rule__item {
  padding-bottom: 30px;
}
.p-point .point-rule__header {
  padding-left: 30px;
  line-height: 2;
  font-size: 16px;
  color: #333333;
  background: url(../img/point-rule__header-icon1.png) no-repeat left;
}
.p-point .point-rule__title {
  line-height: 2;
  font-size: 12px;
  color: #333333;
}
.p-point .point-rule__tips {
  line-height: 2;
  font-size: 12px;
  text-indent: 24px;
  color: #999999;
}
.p-point .point-rule__tips_c1 {
  color: #e64818;
}
.p-course {
  background: #ffffff;
  width: 920px;
}
.p-course .course__nothing {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 414px;
}
.p-course .course__nothing_tips {
  padding-top: 130px;
  font-size: 16px;
  color: #999999;
  background: url(../img/course__nothing_tips-icon1.png) no-repeat top;
}
.p-course .course__shop-link {
  margin-top: 30px;
}
.p-course .course__item {
  display: -webkit-box;
  display: flex;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-course .course__image {
  border: 1px solid #eaeaea;
}
.p-course .course__image img {
  width: 236px;
  height: 146px;
}
.p-course .course__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  margin-left: 30px;
}
.p-course .course__name {
  padding-bottom: 16px;
  font-size: 16px;
  color: #333333;
}
.p-course .course__brief {
  margin-bottom: auto;
  font-size: 14px;
  color: #666666;
}
.p-course .course__buy-time,
.p-course .course__speaker,
.p-course .course__period,
.p-course .course__countdown {
  line-height: 1.75;
  font-size: 12px;
  color: #666666;
}
.p-course .course__countdown {
  color: #e64818;
}
.p-course .course__btn {
  align-self: flex-end;
}
.p-course .course__price {
  line-height: 1.75;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.p-course .course__price_old {
  line-height: 1.75;
  text-align: center;
  color: #999999;
  font-size: 12px;
}
.p-course .course__price_now {
  line-height: 1.75;
  text-align: center;
  font-weight: bold;
  color: #fe7912;
}
.p-course .course__price_line-through {
  text-decoration: line-through;
}
.p-rsrc {
  width: 920px;
  background: #ffffff;
}
.p-rsrc .up-list {
  display: -webkit-box;
  display: flex;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-rsrc .up-list_header {
  background: #e6eaf0;
}
.p-rsrc .up-list_header .up-list__item {
  height: 30px;
  color: #666666;
}
.p-rsrc .up-list_header .up-list__item_downtime P {
  color: #666666;
}
.p-rsrc .up-list_collect .up-list__item {
  height: auto;
  padding: 20px 0;
}
.p-rsrc .up-list__item {
  -webkit-box-flex: 0;
          flex: 0 0 110px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 90px;
  font-size: 12px;
  color: #333333;
}
.p-rsrc .up-list__item_name {
  -webkit-box-flex: 1;
          flex: auto;
}
.p-rsrc .up-list__item_name p {
  margin-left: 10px;
  padding-right: 10px;
}
.p-rsrc .up-list__item_btn {
  -webkit-box-flex: 0;
          flex: 0 0 44px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.p-rsrc .up-list__item_btn .edit {
  width: 44px;
  height: 22px;
}
.p-rsrc .up-list__item_btn .del {
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
  background: #ffffff;
}
.p-rsrc .up-list__item_btn2 {
  -webkit-box-flex: 0;
          flex: 0 0 68px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.p-rsrc .up-list__item_btn2 .edit {
  width: 68px;
  height: 22px;
}
.p-rsrc .up-list__item_size p,
.p-rsrc .up-list__item_look p,
.p-rsrc .up-list__item_downtime p {
  color: #999999;
}
.p-rsrc .up-list__item_appr p {
  color: #31982d;
}
.p-rsrc .up-list__item_pending p {
  color: #fe7912;
}
.p-rsrc .up-list__item_refuse p {
  color: #e54919;
}
.p-rsrc .up-list__item_downtime {
  -webkit-box-flex: 0;
          flex: 0 0 150px;
}
.p-rsrc .up-list__item_detail .content__title {
  color: #333333;
}
.p-rsrc .up-list__item_detail .content__brief {
  height: calc(12px * 2 * 1.4);
  overflow: hidden;
  padding-top: 14px;
  color: #999999;
}
.p-rsrc .up-list__item_detail .content__info {
  padding-top: 14px;
  color: #999999;
}
.p-rsrc .up-list__item_detail .content__info span {
  margin-right: 26px;
}
.p-rsrc-upload {
  background: #ffffff;
  width: 920px;
}
.p-rsrc-upload .content {
  border-bottom: 1px solid #e0e0e0;
  padding: 30px;
}
.p-rsrc-upload .content__title {
  margin-bottom: 30px;
  font-size: 16px;
  color: #333333;
}
.p-rsrc-upload .content .u-cell {
  -webkit-box-align: start;
          align-items: flex-start;
  margin-bottom: 30px;
}
.p-rsrc-upload .content .u-cell .cell-hd .name {
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  color: #333333;
  font-size: 12px;
}
.p-rsrc-upload .content .u-cell .cell-bd {
  -webkit-box-align: start;
          align-items: flex-start;
  flex-wrap: wrap;
}
.p-rsrc-upload .content .u-cell .cell-bd input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
.p-rsrc-upload .content .u-cell .cell-bd input.w-390 {
  width: 390px;
}
.p-rsrc-upload .content .u-cell .cell-bd input.w-240 {
  width: 240px;
}
.p-rsrc-upload .content .u-cell .cell-bd input + .tips {
  padding-left: 10px;
}
.p-rsrc-upload .content .u-cell .cell-bd input + .tips + input {
  margin-top: 20px;
}
.p-rsrc-upload .content .u-cell .cell-bd select {
  margin-left: 10px;
  height: 30px;
  padding: 0 10px;
}
.p-rsrc-upload .content .u-cell .cell-bd select + .tips {
  margin-left: 10px;
}
.p-rsrc-upload .content .u-cell .cell-bd .u-cheack,
.p-rsrc-upload .content .u-cell .cell-bd .u-cheack3 {
  height: 30px;
}
.p-rsrc-upload .content .u-cell .cell-bd .u-cheack2 {
  margin-right: 10px;
  margin-bottom: 10px;
}
.p-rsrc-upload .content .u-cell .cell-bd .u-cheack2 p {
  height: 30px;
  padding: 0 20px;
  line-height: 30px;
  border: 1px solid #999999;
}
.p-rsrc-upload .content .u-cell .cell-bd .u-cheack2 input:checked + p {
  border: 1px solid #fe7912;
}
.p-rsrc-upload .content .u-cell .cell-bd .rsrc-type-list {
  display: -webkit-box;
  display: flex;
  flex-flow: wrap;
  width: 410px;
}
.p-rsrc-upload .content .u-cell .cell-bd .tips {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #999999;
}
.p-rsrc-upload .content .u-cell .cell-bd .file__input {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.p-rsrc-upload .content .u-cell .cell-bd .file__input .file {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.p-rsrc-upload .content .u-cell .cell-bd .file__input .u-btn2 {
  margin-left: 10px;
}
.p-rsrc-upload .content .u-cell .cell-bd .file__list {
  width: 100%;
}
.p-rsrc-upload .content .u-cell .cell-bd .file__list .file__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
}
.p-rsrc-upload .content .u-cell .cell-bd .file__list .file__item .del {
  margin-left: 20px;
  color: #fe7912;
}
.p-rsrc-upload .btn {
  display: -webkit-box;
  display: flex;
  margin: 20px 0 20px 120px;
}
.p-rsrc-upload .btn .cancel + .confirm {
  margin-left: 30px;
}
.p-friend {
  width: 920px;
  background: #ffffff;
}
.p-friend .search {
  padding: 20px 30px 0;
}
.p-friend .search input,
.p-friend .search select {
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #999999;
}
.p-friend .search__name {
  display: block;
  width: 688px;
  margin-bottom: 20px;
}
.p-friend .search__area {
  width: 280px;
}
.p-friend .search__sex,
.p-friend .search__age {
  margin-left: 20px;
}
.p-friend .search__confirm {
  width: 48px;
  height: 30px;
  margin-left: 20px;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
  background: #fe7912;
}
.p-friend .card-list {
  display: -webkit-box;
  display: flex;
  flex-flow: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 30px 30px 0;
}
.p-friend .card-list::after {
  content: "";
  -webkit-box-flex: 0;
          flex: 0 0 274px;
}
.p-friend .card-list__card {
  margin-bottom: 30px;
  border: 1px solid #e0e0e0;
}
.p-friend .card-list__card_content {
  position: relative;
  margin: 18px;
}
.p-friend .card-list__card_add {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  padding: 0 10px;
  border-radius: 2px;
  font-size: 12px;
  color: #ffffff;
  background: #fe7912;
}
.p-friend .card-list__card_image {
  display: inline-block;
  margin-right: 10px;
}
.p-friend .card-list__card_image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.p-friend .card-list__card_info {
  display: inline-block;
  width: 162px;
}
.p-friend .card-list__card_name {
  padding-bottom: 6px;
  font-size: 14px;
  color: #333333;
}
.p-friend .card-list__card_nickname {
  line-height: 1.75;
  font-size: 12px;
  color: #999999;
}
.p-friend .card-list__card_content2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 30px;
  padding: 0 18px;
  border-top: 1px solid #e0e0e0;
}
.p-friend .card-list__card_school {
  -webkit-box-flex: 1;
          flex: auto;
  padding-right: 10px;
  font-size: 12px;
  color: #999999;
}
.p-friend .card-list__card_follow {
  font-size: 12px;
  color: #e64818;
}
.p-message {
  width: 920px;
  background: #ffffff;
}
.p-message .m-header__tab {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 100%;
}
.p-message .m-header__link {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
          align-items: center;
  margin-left: 60px;
  font-size: 16px;
  color: #666666;
}
.p-message .m-header__link.on {
  position: relative;
  color: #fe7912;
}
.p-message .m-header__link.on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 2px;
  margin: 0 auto;
  background: #fe7912;
}
.p-message .m-header .send-msg {
  height: 30px;
  padding: 0 20px;
  margin-left: auto;
  border-radius: 2px;
  line-height: 30px;
  font-size: 14px;
  color: #ffffff;
  background: #fe7912;
}
.p-message .m-header .back-in-msg {
  margin-left: auto;
  font-size: 14px;
  color: #fe7912;
}
.p-message .sys-msg__date-line {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 1px;
  margin: 30px 0;
  line-height: 1px;
  background: #e0e0e0;
}
.p-message .sys-msg__date {
  padding: 0 20px;
  font-size: 12px;
  color: #999999;
  background: #ffffff;
}
.p-message .sys-msg__item {
  position: relative;
  margin: 0 80px;
}
.p-message .sys-msg__item-name {
  font-size: 14px;
  color: #333333;
}
.p-message .sys-msg__item-date {
  margin-left: 40px;
  font-size: 12px;
  color: #999999;
}
.p-message .sys-msg__item-info {
  padding: 16px 0;
  font-size: 12px;
  color: #fe7912;
}
.p-message .sys-msg__item-detail {
  line-height: 1.75;
  font-size: 12px;
  color: #666666;
}
.p-message .sys-msg__item-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0;
}
.p-message .sys-msg__item-btn .allow,
.p-message .sys-msg__item-btn .refuse {
  height: 30px;
  padding: 0 20px;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
  background: #fe7912;
}
.p-message .sys-msg__item-btn .refuse {
  margin-left: 10px;
  background: #e64818;
}
.p-message .in-msg-header,
.p-message .in-msg-list {
  display: -webkit-box;
  display: flex;
  padding: 0 30px;
}
.p-message .in-msg-header {
  height: 30px;
  background: #e6eaf0;
}
.p-message .in-msg-header .in-msg__item-date p {
  cursor: pointer;
  padding-right: 20px;
  background: url(../img/sort.png) no-repeat right;
}
.p-message .in-msg-header .in-msg__item-date p.on {
  background: url(../img/sort-on.png) no-repeat right;
}
.p-message .in-msg-list {
  border-bottom: 1px solid #e0e0e0;
}
.p-message .in-msg-list .in-msg__item {
  padding: 22px 0;
}
.p-message .in-msg-list .in-msg__item-name {
  color: #333333;
}
.p-message .in-msg__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  color: #666666;
}
.p-message .in-msg__item-name {
  -webkit-box-flex: 0;
          flex: 0 0 180px;
}
.p-message .in-msg__item-name p {
  margin-left: 10px;
  padding-right: 10px;
}
.p-message .in-msg__item-title {
  -webkit-box-flex: 1;
          flex: auto;
}
.p-message .in-msg__item-title p {
  width: 530px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.p-message .in-msg__item-date {
  -webkit-box-flex: 0;
          flex: 0 0 130px;
}
.p-message .in-msg-detail {
  padding: 30px 50px;
}
.p-message .in-msg-detail__title {
  padding-bottom: 18px;
  font-size: 20px;
  text-align: center;
  color: #333333;
}
.p-message .in-msg-detail__date-and-views {
  padding-bottom: 18px;
  font-size: 12px;
  text-align: center;
  color: #999999;
}
.p-message .in-msg-detail__date-and-views span {
  margin-left: 30px;
}
.p-message .in-msg-detail__p {
  line-height: 1.75;
  font-size: 14px;
  text-indent: 28px;
  color: #666666;
}
.p-message .send-msg {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 30px;
}
.p-message .send-msg-container .u-cell {
  -webkit-box-align: start;
          align-items: flex-start;
}
.p-message .send-msg-container .u-cell + .u-cell {
  margin-top: 20px;
}
.p-message .send-msg-container .u-cell .cell-hd .title {
  height: 30px;
  width: 60px;
  line-height: 30px;
  font-size: 12px;
  text-align: right;
  color: #333333;
}
.p-message .send-msg-container .send-msg__rcv,
.p-message .send-msg-container .send-msg__tt,
.p-message .send-msg-container .send-msg__ct {
  width: 540px;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #999999;
}
.p-message .send-msg-container .send-msg__ct {
  height: 421px;
  padding: 8px;
  border: 1px solid #999999;
}
.p-message .send-msg-container .confirm {
  margin-left: 30px;
}
.p-message .send-msg-friend {
  border: 1px solid #999999;
}
.p-message .send-msg-friend .friend {
  padding: 20px;
}
.p-message .send-msg-friend .friend-top {
  padding: 20px;
  font-size: 0;
}
.p-message .send-msg-friend .friend-top input {
  width: 150px;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  border: 1px solid #999999;
  border-right: none;
  vertical-align: middle;
}
.p-message .send-msg-friend .friend-top button {
  padding: 0 10px;
  height: 30px;
  color: #ffffff;
  background: #fe7912;
  vertical-align: middle;
}
.p-message .send-msg-friend .friend-title {
  padding-bottom: 18px;
  font-size: 14px;
  color: #333333;
}
.p-message .send-msg-friend .friend-list {
  max-height: 412px;
  overflow-y: auto;
}
.p-message .send-msg-friend .friend-list__item {
  display: -webkit-box;
  display: flex;
  padding: 20px;
  cursor: pointer;
}
.p-message .send-msg-friend .friend-list__item:hover,
.p-message .send-msg-friend .friend-list__item.on {
  background: #f1f1f1;
}
.p-message .send-msg-friend .friend-list__item-image {
  margin-right: 10px;
}
.p-message .send-msg-friend .friend-list__item-image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.p-message .send-msg-friend .friend-list__item-name {
  padding-bottom: 12px;
  font-size: 14px;
  color: #333333;
}
.p-message .send-msg-friend .friend-list__item-nickname,
.p-message .send-msg-friend .friend-list__item-scholl {
  font-size: 12px;
  color: #999999;
}
.p-study {
  width: 920px;
  background: #ffffff;
}
.p-study .m-header .time-filter {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: 40px;
}
.p-study .m-header .time-filter p {
  font-size: 12px;
  color: #999999;
}
.p-study .m-header .time-filter input {
  width: 100px;
  height: 22px;
  padding: 0 10px;
  margin: 0 10px;
  border: 1px solid #999999;
  border-radius: 2px;
}
.p-study .m-header .time-filter .confirm {
  height: 22px;
  padding: 0 10px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
.p-study .m-header .manage {
  margin-left: auto;
  color: #fe7912;
  padding-left: 26px;
  background: url(../img/p-study-icon1.png) no-repeat left;
}
.p-study .m-header .course-length,
.p-study .m-header .logs-length {
  display: -webkit-box;
  display: flex;
}
.p-study .m-header .course-length p,
.p-study .m-header .logs-length p {
  font-size: 14px;
  color: #999999;
  margin-left: 36px;
}
.p-study .m-header .course-length .tips,
.p-study .m-header .logs-length .tips {
  color: #fe7912;
}
.p-study .m-header .course-length .highlight,
.p-study .m-header .logs-length .highlight {
  color: #e64818;
}
.p-study .study-task-item {
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-study .study-task-item__main {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}
.p-study .study-task-item__image {
  margin-right: 30px;
  border: 1px solid #eaeaea;
}
.p-study .study-task-item__image img {
  width: 236px;
  height: 146px;
}
.p-study .study-task-item__title {
  padding-bottom: 16px;
  font-size: 16px;
  color: #333333;
}
.p-study .study-task-item__info {
  line-height: 1.75;
  font-size: 12px;
  color: #666666;
  word-break: break-all;
}
.p-study .study-task-item__level {
  margin-top: auto;
  line-height: 1.75;
  font-size: 12px;
  color: #fe7912;
}
.p-study .study-task-item__duration {
  font-size: 12px;
  color: #666666;
}
.p-study .study-task-item__bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  height: 40px;
  margin-top: 20px;
  background: #ffefe2;
}
.p-study .study-task-item__bar a {
  font-size: 14px;
  color: #666666;
}
.p-study .study-task-item__bar a:hover {
  color: #fe7912;
}
.p-study .study-task-item__slc-mod {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 20px;
}
.p-study .study-task-item__slc-mod p {
  font-size: 14px;
  color: #666666;
}
.p-study .study-task-item__slc-mod select {
  width: 320px;
  height: 30px;
  padding: 0 10px;
}
.p-study .study-task-introduce {
  padding: 30px;
}
.p-study .study-task-introduce p {
  font-size: 14px;
  color: #666666;
}
.p-study .study-task-expert {
  display: -webkit-box;
  display: flex;
  flex-flow: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 30px 30px;
}
.p-study .study-task-expert__item {
  display: -webkit-box;
  display: flex;
  width: 410px;
  margin-top: 30px;
}
.p-study .study-task-expert__image {
  margin-right: 16px;
}
.p-study .study-task-expert__image img {
  width: 96px;
  height: 96px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
}
.p-study .study-task-expert__image p {
  padding-top: 4px;
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.p-study .study-task-expert__info {
  line-height: 1.75;
  font-size: 14px;
  color: #666666;
}
.p-study .study-task-course__item {
  display: -webkit-box;
  display: flex;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-study .study-task-course__image {
  margin-right: 30px;
}
.p-study .study-task-course__image img {
  width: 236px;
  height: 146px;
  border: 1px solid #eaeaea;
}
.p-study .study-task-course__right {
  -webkit-box-flex: 1;
          flex: auto;
}
.p-study .study-task-course__title {
  padding-bottom: 10px;
  font-size: 16px;
  color: #333333;
}
.p-study .study-task-course__other-info {
  display: -webkit-box;
  display: flex;
  padding-bottom: 16px;
}
.p-study .study-task-course__speaker {
  font-size: 12px;
  color: #fe7912;
}
.p-study .study-task-course__total-time,
.p-study .study-task-course__had-time {
  margin-left: 70px;
  font-size: 12px;
  color: #666666;
}
.p-study .study-task-course__total-time span,
.p-study .study-task-course__had-time span {
  color: #e64818;
}
.p-study .study-task-course__play-list-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.p-study .study-task-course__play-list-item + div {
  padding-top: 6px;
}
.p-study .study-task-course__play-list-tt {
  -webkit-box-flex: 0;
          flex: 0 0 500px;
  line-height: 24px;
  font-size: 12px;
  color: #666666;
}
.p-study .study-task-course__play-list-tt span {
  color: #e64818;
}
.p-study .study-task-course__play-list-play {
  -webkit-box-flex: 0;
          flex: none;
  width: 78px;
  height: 24px;
  border: 1px solid #fe7912;
  color: #fe7912;
  background: #ffffff;
}
.p-study .study-task-course__play-list-play:hover {
  color: #ffffff;
  background: #fe7912;
}
.p-study .study-task-logs__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-study .study-task-logs__image {
  margin-right: 10px;
}
.p-study .study-task-logs__image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
}
.p-study .study-task-logs__title {
  font-size: 16px;
  color: #333333;
}
.p-study .study-task-logs__title:hover {
  color: #fe7912;
}
.p-study .study-task-logs__name {
  font-size: 12px;
  color: #999999;
}
.p-study .study-task-logs__other-info {
  margin-left: auto;
}
.p-study .study-task-logs__time {
  padding-bottom: 10px;
  text-align: right;
  font-size: 12px;
  color: #999999;
}
.p-study .study-task-logs__num {
  font-size: 12px;
  color: #999999;
}
.p-study .study-task-logs__num span + span {
  margin-left: 20px;
}
.p-study .study-task-new-logs {
  padding: 30px;
}
.p-study .study-task-new-logs .u-cell {
  -webkit-box-align: start;
          align-items: flex-start;
  padding-bottom: 10px;
}
.p-study .study-task-new-logs .u-cell .cell-hd .title {
  width: 90px;
  line-height: 30px;
  font-size: 12px;
  color: #333333;
  text-align: right;
}
.p-study .study-task-new-logs .u-cell .cell-bd .input {
  width: 390px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
.p-study .study-task-new-logs .u-cell .cell-bd .textarea {
  width: 700px;
  height: 500px;
  padding: 10px;
  border: 1px solid #999999;
}
.p-study .study-task-new-logs .u-cell .cell-bd .btn {
  -webkit-box-flex: 0;
          flex: 0 0 700px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.p-study .study-task-new-logs .u-cell .cell-bd .btn .u-btn1 {
  margin-left: auto;
}
.p-study .study-task-schedule {
  padding: 40px 50px;
}
.p-study .study-task-schedule__none {
  margin: 30px 0 200px;
  padding-top: 120px;
  font-size: 16px;
  color: #999999;
  text-align: center;
  background: url(../img/study-task-schedule_none-icon1.png) no-repeat top;
}
.p-study .study-task-schedule__title {
  padding-bottom: 26px;
  font-size: 20px;
  text-align: center;
  color: #333333;
}
.p-study .study-task-schedule__table {
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
}
.p-study .study-task-schedule__table th,
.p-study .study-task-schedule__table td {
  border: 1px solid #e0e0e0;
  font-size: 14px;
  text-align: center;
  color: #333333;
}
.p-study .study-task-schedule__table th {
  height: 50px;
  font-weight: bold;
  background: #f0f7ff;
}
.p-study .study-task-schedule__table td {
  padding: 18px 4px;
}
.p-study .study-task-schedule__table .speaker {
  width: 150px;
}
.p-study .study-task-schedule__table .date,
.p-study .study-task-schedule__table .time {
  width: 100px;
}
.p-study .study-task-schedule__table .info {
  width: 340px;
}
.p-study .study-task-schedule__table .location {
  width: 120px;
}
.p-study .study-task-notice__item {
  display: block;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-study .study-task-notice__item:hover .study-task-notice__title {
  color: #fe7912;
}
.p-study .study-task-notice__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.p-study .study-task-notice__title {
  font-size: 16px;
  color: #333333;
}
.p-study .study-task-notice__title span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border-radius: 50%;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  vertical-align: text-top;
  color: #ffffff;
  background: #e64818;
}
.p-study .study-task-notice__datetime,
.p-study .study-task-notice__view {
  margin-left: 40px;
  font-size: 12px;
  color: #999999;
}
.p-study .study-task-notice__datetime {
  margin-left: auto;
}
.p-study .study-task-notice__content {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
.p-study .study-task-question {
  position: relative;
}
.p-study .study-task-question__top-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 56px;
  padding: 0 20px;
  background: #f1f1f1;
}
.p-study .study-task-question__num,
.p-study .study-task-question__title,
.p-study .study-task-question__panel {
  font-size: 18px;
  color: #333333;
}
.p-study .study-task-question__panel {
  cursor: pointer;
  padding-left: 28px;
  background: url(../img/study-task-question__panel-icon1.png) no-repeat left;
}
.p-study .study-task-question__item {
  padding: 40px;
}
.p-study .study-task-question__item-title {
  font-size: 20px;
  color: #333333;
}
.p-study .study-task-question__item-option {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.p-study .study-task-question__item-option i {
  -webkit-box-flex: 0;
          flex: none;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  border: 1px solid #999999;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-style: normal;
  color: #999999;
}
.p-study .study-task-question__item-option p {
  font-size: 18px;
  color: #333333;
}
.p-study .study-task-question__item-option input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.p-study .study-task-question__item-option input:checked + i {
  border: 1px solid #4d90f7;
  color: #ffffff;
  background: #4d90f7;
}
.p-study .study-task-question__btn {
  display: -webkit-box;
  display: flex;
  padding: 40px;
}
.p-study .study-task-question__btn button + button {
  margin-left: 30px;
}
.p-study .study-task-question__panel-container {
  position: absolute;
  top: 48px;
  right: 30px;
  width: 320px;
  padding-bottom: 20px;
  border: 1px solid #fe7912;
  border-radius: 10px;
  background: #ffffff;
  display: none;
}
.p-study .study-task-question__panel-container.active {
  display: block;
}
.p-study .study-task-question__panel-container-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.p-study .study-task-question__panel-container-title {
  font-size: 14px;
  color: #333333;
}
.p-study .study-task-question__panel-container-colse {
  padding: 14px;
  background: url(../img/study-task-question__panel-container-colse.png) no-repeat center;
}
.p-study .study-task-question__panel-container-select-title {
  padding: 20px 20px 0;
  font-size: 14px;
  color: #333333;
}
.p-study .study-task-question__panel-container-select {
  display: -webkit-box;
  display: flex;
  flex-flow: wrap;
  padding-left: 20px;
}
.p-study .study-task-question__panel-container-link {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 2px;
  text-align: center;
  color: #ffffff;
  background: #999999;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.p-study .study-task-question__panel-container-link.done {
  background: #4d90f7;
}
.p-study .study-task-question__panel-container-link.active,
.p-study .study-task-question__panel-container-link:hover {
  background: #ffa41f;
}
.p-study .study-task-check__title {
  padding: 30px 0;
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.p-study .study-task-check__item {
  position: relative;
  padding: 18px 28px;
  margin-bottom: 20px;
  border: 1px solid #999999;
}
.p-study .study-task-check__item-tips {
  position: absolute;
  right: 0px;
  top: 14px;
  width: 50px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-study .study-task-check__item-time,
.p-study .study-task-check__item-info {
  font-size: 14px;
  line-height: 1.75;
  color: #999999;
}
.p-study .study-task-check__item-time {
  color: #333333;
}
.p-study .study-task-check__item::before {
  content: "";
  display: block;
  position: absolute;
  right: -33px;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid #999999;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-study .study-task-check__item_done {
  border: 1px solid #fe7912;
}
.p-study .study-task-check__item_done::before {
  border-bottom: 50px solid #fe7912;
}
.p-study .study-task-check__item_none {
  border: 1px solid #4aa698;
}
.p-study .study-task-check__item_none::before {
  border-bottom: 50px solid #4aa698;
}
.p-study .study-task-rsrc__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
.p-study .study-task-rsrc__item-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.p-study .study-task-rsrc__item-title {
  margin-left: 20px;
  line-height: 1.5;
  font-size: 16px;
  color: #333333;
}
.p-study .study-task-rsrc__item-title span {
  font-size: 12px;
  color: #999999;
}
.p-study .study-task-rsrc__item-num {
  align-self: flex-end;
  font-size: 12px;
  color: #999999;
}
.p-study .study-task-rsrc__item-num span + span {
  margin-left: 20px;
}
.p-study .study-task-rsrc__top-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 30px 20px;
}
.p-study .study-task-rsrc__top-bar .downlowd {
  margin-left: auto;
  margin-right: 10px;
  color: #fe7912;
  border: 1px solid #fe7912;
  background: #ffffff;
}
.p-study .study-task-rsrc__srcname {
  display: -webkit-box;
  display: flex;
}
.p-study .study-task-rsrc__srcname img {
  display: block;
  width: 14px;
  height: 24px;
  margin-right: 4px;
}
.p-study .study-task-rsrc__srcname p {
  font-size: 18px;
  color: #333333;
}
.p-study .study-task-rsrc__container {
  padding: 0 20px 20px;
}
.p-study .study-task-rsrc__container video {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 500px;
  outline: none;
}
.p-study .study-task-rsrc__container audio {
  display: block;
  margin: 0 auto;
  outline: none;
}
#cs-manage {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  background: #f5f6fa;
}
#cs-manage .good-classify {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
#cs-manage .good-classify > .content {
  width: 920px;
  background: #ffffff;
}
#cs-manage .good-classify > .content .title {
  line-height: 64px;
  text-indent: 30px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #e0e0e0;
}
#cs-manage .good-classify > .content .search {
  display: -webkit-box;
  display: flex;
  padding: 20px 30px;
}
#cs-manage .good-classify > .content .search .only-list-select {
  width: 100px;
  height: 28px;
  margin-right: 10px;
}
#cs-manage .good-classify > .content .search input {
  -webkit-box-flex: 1;
          flex: auto;
  height: 28px;
  border: 1px solid #999999;
  font-size: 12px;
  text-indent: 10px;
}
#cs-manage .good-classify > .content .search input::-webkit-input-placeholder {
  color: #999999;
}
#cs-manage .good-classify > .content .search input::-moz-placeholder {
  color: #999999;
}
#cs-manage .good-classify > .content .search input:-ms-input-placeholder {
  color: #999999;
}
#cs-manage .good-classify > .content .search input::-ms-input-placeholder {
  color: #999999;
}
#cs-manage .good-classify > .content .search input::placeholder {
  color: #999999;
}
#cs-manage .good-classify > .content .search button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 48px;
  height: 30px;
  margin-left: 10px;
  border: none;
  color: #ffffff;
  background: #fe7912;
  cursor: pointer;
}
#cs-manage .good-classify > .content .tool-bar {
  display: -webkit-box;
  display: flex;
  padding: 0 30px 20px;
}
#cs-manage .good-classify > .content .tool-bar a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  padding: 0 20px;
  border-radius: 2px;
  font-size: 12px;
  color: #ffffff;
}
#cs-manage .good-classify > .content .tool-bar a:hover {
  font-weight: bold;
}
#cs-manage .good-classify > .content .tool-bar a:nth-of-type(1) {
  background: #fe7912;
}
#cs-manage .good-classify > .content .tool-bar a:nth-of-type(2) {
  margin-left: 10px;
  background: #1e8cf5;
}
#cs-manage .good-classify > .content .tool-bar a:nth-of-type(3) {
  padding: 0 10px;
  margin-left: auto;
  background: #fe7912;
}
#cs-manage .good-classify > .content .tool-bar a:nth-of-type(3)::after {
  content: "";
  width: 10px;
  height: 15px;
  margin-left: 5px;
  background: url(../img/time-sort.png) no-repeat;
  background-size: contain;
}
#cs-manage .good-classify > .content .tool-bar a:nth-of-type(3).on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#cs-manage .good-classify > .content .header {
  display: -webkit-box;
  display: flex;
  background: #ffefe2;
}
#cs-manage .good-classify > .content .header li {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  font-size: 12px;
  color: #666666;
}
#cs-manage .good-classify > .content .header li:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: none;
  width: 288px;
  padding-left: 30px;
  box-sizing: border-box;
}
#cs-manage .good-classify > .content .header li:nth-of-type(1) span {
  padding-left: 60px;
}
#cs-manage .good-classify > .content .header li:last-of-type {
  -webkit-box-pack: center;
          justify-content: center;
}
#cs-manage .good-classify > .content .items {
  display: -webkit-box;
  display: flex;
}
#cs-manage .good-classify > .content .items li {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 90px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
  color: #999999;
}
#cs-manage .good-classify > .content .items li:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: none;
  width: 288px;
  padding-left: 30px;
  box-sizing: border-box;
}
#cs-manage .good-classify > .content .items li:nth-of-type(2) {
  color: #333333;
}
#cs-manage .good-classify > .content .items li:nth-of-type(4) {
  color: #333333;
}
#cs-manage .good-classify > .content .items li:nth-of-type(6) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
}
#cs-manage .good-classify > .content .items li:nth-of-type(6) a:first-of-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 68px;
  height: 22px;
  margin-bottom: 10px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
#cs-manage .good-classify > .content .paging {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 100px;
}
#cs-manage .good-classify > .content .paging a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 28px;
  padding: 0 10px;
  margin-right: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #999999;
}
#cs-manage .good-classify > .content .paging a:last-of-type {
  margin-right: 0;
}
#cs-manage .good-classify > .content .paging a.on,
#cs-manage .good-classify > .content .paging a:hover {
  color: #ffffff;
  border: 1px solid #fe7912;
  background: #fe7912;
}
#cs-manage .good-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
#cs-manage .good-list > .content {
  width: 920px;
  background: #ffffff;
  box-sizing: border-box;
}
#cs-manage .good-list > .content .title {
  line-height: 64px;
  text-indent: 30px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #e0e0e0;
}
#cs-manage .good-list > .content .search {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 20px 30px;
}
#cs-manage .good-list > .content .search input {
  -webkit-box-flex: 1;
          flex: auto;
  height: 28px;
  border: 1px solid #999999;
  margin-right: 10px;
  font-size: 12px;
  text-indent: 10px;
}
#cs-manage .good-list > .content .search input::-webkit-input-placeholder {
  color: #999999;
}
#cs-manage .good-list > .content .search input::-moz-placeholder {
  color: #999999;
}
#cs-manage .good-list > .content .search input:-ms-input-placeholder {
  color: #999999;
}
#cs-manage .good-list > .content .search input::-ms-input-placeholder {
  color: #999999;
}
#cs-manage .good-list > .content .search input::placeholder {
  color: #999999;
}
#cs-manage .good-list > .content .search p {
  font-size: 12px;
  color: #999999;
}
#cs-manage .good-list > .content .search select {
  width: 180px;
  height: 30px;
  margin-right: 10px;
  outline: none;
}
#cs-manage .good-list > .content .search button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 48px;
  height: 30px;
  border: none;
  color: #ffffff;
  background: #fe7912;
  cursor: pointer;
}
#cs-manage .good-list > .content .tool-bar {
  display: -webkit-box;
  display: flex;
  padding: 0 30px 20px;
}
#cs-manage .good-list > .content .tool-bar a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  padding: 0 20px;
  border-radius: 2px;
  font-size: 12px;
  color: #ffffff;
}
#cs-manage .good-list > .content .tool-bar a:hover {
  font-weight: bold;
}
#cs-manage .good-list > .content .tool-bar a:nth-of-type(1) {
  background: #fe7912;
}
#cs-manage .good-list > .content .tool-bar a:nth-of-type(2) {
  margin-left: 10px;
  background: #1e8cf5;
}
#cs-manage .good-list > .content .tool-bar a:nth-of-type(3) {
  padding: 0 10px;
  margin-left: auto;
  background: #fe7912;
}
#cs-manage .good-list > .content .tool-bar a:nth-of-type(3)::after {
  content: "";
  width: 10px;
  height: 15px;
  margin-left: 5px;
  background: url(../img/time-sort.png) no-repeat;
  background-size: contain;
}
#cs-manage .good-list > .content .tool-bar a:nth-of-type(3).on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#cs-manage .good-list > .content .header {
  display: -webkit-box;
  display: flex;
  background: #ffefe2;
}
#cs-manage .good-list > .content .header li {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  font-size: 12px;
  color: #666666;
}
#cs-manage .good-list > .content .header li input {
  margin-right: 10px;
}
#cs-manage .good-list > .content .header li:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: none;
  width: 288px;
  padding-left: 30px;
  box-sizing: border-box;
}
#cs-manage .good-list > .content .header li:nth-of-type(1) span {
  padding-left: 60px;
}
#cs-manage .good-list > .content .header li:nth-of-type(6) {
  -webkit-box-flex: 0;
          flex: none;
  width: 120px;
}
#cs-manage .good-list > .content .header li:last-of-type {
  -webkit-box-pack: center;
          justify-content: center;
}
#cs-manage .good-list > .content .items {
  display: -webkit-box;
  display: flex;
}
#cs-manage .good-list > .content .items li {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 90px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
  color: #999999;
}
#cs-manage .good-list > .content .items li input {
  margin-right: 10px;
}
#cs-manage .good-list > .content .items li:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: none;
  width: 288px;
  padding-left: 30px;
  padding-right: 70px;
  box-sizing: border-box;
}
#cs-manage .good-list > .content .items li:nth-of-type(2) {
  color: #333333;
}
#cs-manage .good-list > .content .items li:nth-of-type(4) {
  color: #333333;
}
#cs-manage .good-list > .content .items li:nth-of-type(6) {
  -webkit-box-flex: 0;
          flex: none;
  width: 120px;
}
#cs-manage .good-list > .content .items li:last-of-type {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: center;
          justify-content: center;
}
#cs-manage .good-list > .content .items li:last-of-type a:first-of-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 22px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
#cs-manage .good-list > .content .paging {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 100px;
}
#cs-manage .good-list > .content .paging a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 28px;
  padding: 0 10px;
  margin-right: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  color: #999999;
}
#cs-manage .good-list > .content .paging a:last-of-type {
  margin-right: 0;
}
#cs-manage .good-list > .content .paging a.on,
#cs-manage .good-list > .content .paging a:hover {
  color: #ffffff;
  border: 1px solid #fe7912;
  background: #fe7912;
}
#cs-manage .good-list-add {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
#cs-manage .good-list-add > .content {
  width: 920px;
  background: #ffffff;
  box-sizing: border-box;
}
#cs-manage .good-list-add > .content > .title {
  line-height: 64px;
  text-indent: 30px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #e0e0e0;
}
#cs-manage .good-list-add > .content > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 30px;
  font-size: 12px;
}
#cs-manage .good-list-add > .content > div > p:first-of-type {
  -webkit-box-flex: 0;
          flex: none;
  width: 110px;
  text-align: right;
  color: #333333;
}
#cs-manage .good-list-add > .content > div .tips {
  margin-left: 30px;
  color: #999999;
}
#cs-manage .good-list-add > .content > div input[type='text'] {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
  font-size: 12px;
}
#cs-manage .good-list-add > .content > div input[type='radio'] {
  margin: 0 4px 0 20px;
}
#cs-manage .good-list-add > .content > div input[type='radio']:first-of-type {
  margin-left: 0;
}
#cs-manage .good-list-add > .content .ablum,
#cs-manage .good-list-add > .content .about,
#cs-manage .good-list-add > .content .details,
#cs-manage .good-list-add > .content .name {
  padding-right: 130px;
}
#cs-manage .good-list-add > .content .ablum input,
#cs-manage .good-list-add > .content .about input,
#cs-manage .good-list-add > .content .details input,
#cs-manage .good-list-add > .content .name input {
  -webkit-box-flex: 1;
          flex: auto;
}
#cs-manage .good-list-add > .content .ablum a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 96px;
  height: 30px;
  background: #fe7912;
  color: #ffffff;
}
#cs-manage .good-list-add > .content .done {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 120px;
  height: 36px;
  margin: 40px 0 30px 110px;
  border-radius: 18px;
  background: #fe7912;
  color: #ffffff;
}
#cs-manage .good-list-add > .content .mode-content {
  display: block;
  margin-top: 0;
  width: 100%;
}
#cs-manage .good-list-add > .content .mode-content section {
  width: 100%;
  margin-top: 10px;
  padding: 5px 0 5px 120px;
  background: #f5f6fa;
}
#cs-manage .good-list-add > .content .mode-content section .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 15px 0;
}
#cs-manage .good-list-add > .content .mode-content section .row P:first-of-type {
  width: 90px;
}
#cs-manage .good-list-add > .content .mode-content section .row input[type=text] {
  margin-right: 20px;
}
#cs-manage .good-list-add > .content .mode-content section .row .tips {
  margin: 0;
  color: #999999;
}
#cs-manage .good-list-add > .content .mode-content section .row .row {
  padding: 0;
}
#cs-manage .good-list-add > .content .mode-content section .row .row P:first-of-type {
  width: 90px;
  text-align: right;
}
#cs-manage .good-list-add > .content .mode-content .mode-sava > .row P:first-of-type {
  width: 110px;
}
#cs-manage .good-list-add > .content .mode-content .mode-sava > .row:nth-of-type(1) p {
  width: auto;
}
#cs-manage .good-list-add > .content .course-details-content {
  display: block;
}
#cs-manage .good-list-add > .content .course-details-content div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 30px;
  padding-right: 130px;
}
#cs-manage .good-list-add > .content .course-details-content div p:first-of-type {
  width: 120px;
  text-align: right;
}
#cs-manage .good-list-add > .content .course-catalog-content {
  display: block;
  margin: 0;
  padding: 0 30px 0 30px;
}
#cs-manage .good-list-add > .content .course-catalog-content > div {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
}
#cs-manage .good-list-add > .content .course-catalog-content .search input {
  width: 180px;
  margin-right: 20px;
}
#cs-manage .good-list-add > .content .course-catalog-content .search input:first-of-type {
  width: 300px;
}
#cs-manage .good-list-add > .content .course-catalog-content .search a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 48px;
  height: 30px;
  color: #ffffff;
  border-radius: 2px;
  background: #fe7912;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  padding: 0 20px;
  border-radius: 2px;
  font-size: 12px;
  color: #ffffff;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a:hover {
  font-weight: bold;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a:nth-of-type(1) {
  background: #fe7912;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a:nth-of-type(2) {
  margin-left: 10px;
  background: #1e8cf5;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a:nth-of-type(3) {
  padding: 0 10px;
  margin-left: auto;
  background: #fe7912;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a:nth-of-type(3)::after {
  content: "";
  width: 10px;
  height: 15px;
  margin-left: 5px;
  background: url(../img/time-sort.png) no-repeat;
  background-size: contain;
}
#cs-manage .good-list-add > .content .course-catalog-content .tool-bar a:nth-of-type(3).on::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#cs-manage .good-list-add > .content .course-catalog-content .header {
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  padding: 0 30px;
  background: #ffefe2;
}
#cs-manage .good-list-add > .content .course-catalog-content .header p:nth-of-type(1) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#cs-manage .good-list-add > .content .course-catalog-content .header p:nth-of-type(2) {
  -webkit-box-flex: 1;
          flex: auto;
  padding-left: 60px;
}
#cs-manage .good-list-add > .content .course-catalog-content .header p:nth-of-type(3) {
  -webkit-box-flex: 0;
          flex: 0 0 40px;
  text-align: center;
}
#cs-manage .good-list-add > .content .course-catalog-content .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  margin: 0;
}
#cs-manage .good-list-add > .content .course-catalog-content .item ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 90px;
  padding-left: 30px;
  border-bottom: 1px solid #e0e0e0;
  color: #999999;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .catalog li:nth-of-type(2) a {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 15px;
  background: url("../img/expand.png") no-repeat;
  background-size: contain;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .catalog li:nth-of-type(2) a.on {
  background: url("../img/collapse.png") no-repeat;
  background-size: contain;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .catalog li:nth-of-type(3) {
  -webkit-box-flex: 1;
          flex: auto;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .catalog li:nth-of-type(4) {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .catalog li:nth-of-type(4) a:first-of-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 22px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content {
  margin-left: 20px;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content ul li:nth-of-type(2) {
  width: 14px;
  height: 14px;
  margin: 0 15px;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content ul li:nth-of-type(2).word {
  background: url("../img/i-word.png") no-repeat;
  background-size: contain;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content ul li:nth-of-type(2).audio {
  background: url("../img/i-audio.png") no-repeat;
  background-size: contain;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content ul li:nth-of-type(3) {
  -webkit-box-flex: 1;
          flex: auto;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content ul li:nth-of-type(4) {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}
#cs-manage .good-list-add > .content .course-catalog-content .item .content ul li:nth-of-type(4) a:first-of-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 22px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list {
  display: block;
  margin-top: 0;
  padding: 0 30px;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-2,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-3 {
  padding-left: 44px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  overflow-y: hidden;
  box-sizing: border-box;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1.on,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-2.on,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-3.on {
  height: auto;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1.on > .content-title .title,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-2.on > .content-title .title,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-3.on > .content-title .title {
  background: url(../img/collapse.png) no-repeat 10px;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1 .content-title,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-2 .content-title,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-3 .content-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 60px;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1 .content-title .title,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-2 .content-title .title,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-3 .content-title .title {
  -webkit-box-flex: 1;
          flex: auto;
  margin-right: 20px;
  padding-left: 34px;
  font-size: 12px;
  color: #999999;
  background: url(../img/expand.png) no-repeat 10px;
  cursor: pointer;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1 .content-item,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-2 .content-item,
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-3 .content-item {
  padding-left: 24px;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-1 {
  width: 100%;
  padding-left: 0;
  border-bottom: 1px solid #e0e0e0;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 60px;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-item .title {
  -webkit-box-flex: 1;
          flex: auto;
  margin-right: 20px;
  padding-left: 34px;
  font-size: 12px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: contain;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-item.word .title {
  background-image: url("../img/i-word.png");
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .content-item.audio .title {
  background-image: url("../img/i-audio.png");
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .btn {
  -webkit-box-flex: 0;
          flex: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .btn .edit {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 2px;
  color: #ffffff;
  background: #fe7912;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .btn .edit + a {
  margin-top: 10px;
}
#cs-manage .good-list-add > .content .course-catalog-content .catalog-list .btn .add {
  color: #999999;
}
#my-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  background: #f5f6fa;
}
#my-center .m-center-home {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-flow: wrap;
  width: 920px;
}
#my-center .m-center-home section {
  -webkit-box-flex: 0;
          flex: none;
  margin-bottom: 20px;
  background: #ffffff;
}
#my-center .m-center-home section.w-480 {
  width: 480px;
}
#my-center .m-center-home section.w-430 {
  width: 430px;
}
#my-center .m-center-home .title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 25px 30px;
  color: #333333;
}
#my-center .m-center-home .title p {
  font-size: 16px;
}
#my-center .m-center-home .title a {
  font-size: 12px;
}
#my-center .m-center-home .content {
  display: -webkit-box;
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
  padding-bottom: 30px;
}
@-webkit-keyframes myfirst {
  0% {
    top: 0;
  }
  25% {
    top: 8px;
  }
  100% {
    top: 0;
  }
}
@keyframes myfirst {
  0% {
    top: 0;
  }
  25% {
    top: 8px;
  }
  100% {
    top: 0;
  }
}
#my-center .m-center-home .content a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 0;
          flex: none;
  position: relative;
  font-size: 14px;
  color: #666666;
}
#my-center .m-center-home .content a:hover img {
  -webkit-animation: myfirst 0.5s;
          animation: myfirst 0.5s;
}
#my-center .m-center-home .content a img {
  position: relative;
  top: 0;
  padding-bottom: 20px;
}
#my-center .m-center-home .content a i {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: -14px;
  right: -14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  font-style: normal;
  color: #ffffff;
  background: #fe7912;
}
#my-center .warp-around {
  padding-top: 20px;
}
#my-center .g-right {
  width: 920px;
  background: #ffffff;
}
#my-center .g-right .header {
  border-bottom: 1px solid #e0e0e0;
}
#my-center .g-right .header .title {
  padding-left: 30px;
  height: 62px;
  line-height: 62px;
  font-size: 16px;
  color: #333333;
}
#my-center .m-account-safe,
#my-center .m-basic-info {
  width: 920px;
  background: #ffffff;
}
#my-center .m-account-safe .g-title,
#my-center .m-basic-info .g-title {
  height: 62px;
  padding: 0 30px;
  line-height: 62px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-account-safe .g-title p,
#my-center .m-basic-info .g-title p {
  font-size: 16px;
  color: #333333;
}
#my-center .m-basic-info .content {
  position: relative;
  padding: 10px 30px;
}
#my-center .m-basic-info .content .tips {
  font-size: 12px;
  color: #999999;
}
#my-center .m-basic-info .content .avatar {
  position: absolute;
  top: 50px;
  left: 70px;
  width: 80px;
  height: 80px;
  border: 1px solid #fbf7b2;
  border-radius: 5px;
}
#my-center .m-basic-info .content .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 30px;
  margin: 15px 0 15px 200px;
}
#my-center .m-basic-info .content .row .sex {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}
#my-center .m-basic-info .content .row .sex input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
}
#my-center .m-basic-info .content .row .sex input:checked + i {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #fc6b19;
}
#my-center .m-basic-info .content .row .sex input:checked + i::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fc6b19;
}
#my-center .m-basic-info .content .row .sex i {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #999999;
  border-radius: 50%;
}
#my-center .m-basic-info .content .row p {
  font-size: 12px;
  line-height: 30px;
  margin-right: 10px;
}
#my-center .m-basic-info .content .row p.title {
  width: 60px;
}
#my-center .m-basic-info .content .row a {
  font-size: 12px;
  line-height: 30px;
  color: #3291ed;
}
#my-center .m-basic-info .content .row input {
  height: 30px;
  width: 240px;
  border: 1px solid #999999;
  margin-right: 10px;
  padding: 0 10px;
  font-size: 12px;
}
#my-center .m-basic-info .content .row input.adress {
  width: 460px;
}
#my-center .m-basic-info .content .row input.date {
  background: url("../img/date.png") no-repeat 96%;
}
#my-center .m-basic-info .content .row input.target {
  background: url("../img/target.png") no-repeat 96%;
}
#my-center .m-basic-info .content .btn {
  display: -webkit-box;
  display: flex;
  margin-left: 200px;
  margin-top: 40px;
}
#my-center .m-basic-info .content .btn a {
  margin-right: 20px;
}
#my-center .m-account-safe .list {
  display: -webkit-box;
  display: flex;
  padding: 0 50px;
}
#my-center .m-account-safe .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 40px 0;
  width: 270px;
}
#my-center .m-account-safe .list .item .right {
  margin-left: 20px;
}
#my-center .m-account-safe .list .item .right p {
  font-size: 14px;
  padding-bottom: 20px;
}
#my-center .m-account-safe .list .item .right a {
  font-size: 14px;
  color: #fe7912;
}
#my-center .m-account-safe2 .u-steps {
  margin: 40px 0 40px 180px;
}
#my-center .m-account-safe2 .u-cell {
  -webkit-box-align: start;
          align-items: flex-start;
  margin-left: 150px;
  margin-bottom: 22px;
}
#my-center .m-account-safe2 .u-cell .cell-hd .title {
  width: 90px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
  text-align: right;
}
#my-center .m-account-safe2 .u-cell .cell-bd {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: start;
          align-items: flex-start;
}
#my-center .m-account-safe2 .u-cell .cell-bd .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-account-safe2 .u-cell .cell-bd .row .tips {
  padding-left: 10px;
}
#my-center .m-account-safe2 .u-cell .cell-bd.slide {
  -webkit-box-flex: 0;
          flex: none;
}
#my-center .m-account-safe2 .u-cell .cell-bd input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
  font-size: 12px;
}
#my-center .m-account-safe2 .u-cell .cell-bd input.text1 {
  width: 300px;
}
#my-center .m-account-safe2 .u-cell .cell-bd input.text2 {
  width: 200px;
}
#my-center .m-account-safe2 .u-cell .cell-bd .tips {
  font-size: 12px;
  color: #999999;
}
#my-center .m-account-safe2 .u-cell .cell-bd p.tips {
  padding-top: 8px;
}
#my-center .m-account-safe2 .u-cell .cell-bd .u-btn2 {
  width: 90px;
  margin-left: 10px;
}
#my-center .m-account-safe2 .code .cell-bd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
}
#my-center .m-account-safe2 .code .c1 {
  margin-right: 10px;
}
#my-center .m-account-safe2 .code .c2 .pic {
  width: 90px;
  height: 30px;
  background: #e9e9e9;
  cursor: pointer;
}
#my-center .m-account-safe2 .code .c2 .pic-tips {
  padding-top: 10px;
  font-size: 12px;
  color: #fc6b19;
  cursor: pointer;
}
#my-center .m-account-safe2 .bind-phone {
  margin-top: 40px;
}
#my-center .m-account-safe2 .safe-level {
  margin: 0;
}
#my-center .m-account-safe2 .safe-level .cell-hd .title {
  width: auto;
}
#my-center .m-account-safe2 .safe-level .cell-bd .tips {
  padding: 0!important;
}
#my-center .m-account-safe2 .safe-level ul {
  display: -webkit-box;
  display: flex;
  height: 30px;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-account-safe2 .safe-level ul li {
  width: 32px;
  height: 10px;
  margin-right: 2px;
  border: 1px solid #e0e0e0;
}
#my-center .m-account-safe2 .safe-level ul.s li:first-of-type {
  background: #e08400;
}
#my-center .m-account-safe2 .safe-level ul.m li {
  background: #f1e000;
}
#my-center .m-account-safe2 .safe-level ul.m li:last-of-type {
  background: transparent;
}
#my-center .m-account-safe2 .safe-level ul.h li {
  background: #5dc800;
}
#my-center .m-account-safe2 .done {
  margin-left: 190px;
  padding-left: 60px;
  background: url(../img/done-icon.png) no-repeat left top;
}
#my-center .m-account-safe2 .done p {
  line-height: 2;
  font-size: 12px;
  color: #333333;
}
#my-center .m-account-safe2 .done .u-btn1 {
  margin: 40px 0;
}
#my-center .m-zhujiao {
  width: 920px;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 64px;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-title .title {
  font-size: 16px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-title .ssxm {
  margin-left: 40px;
  font-size: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .add {
  align-self: center;
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-title .xyrz {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-hd {
  padding: 0;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-hd .title {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd .text {
  width: 240px;
  height: 30px;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd .text::-webkit-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd .text::-moz-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd .text:-ms-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd .text::-ms-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .u-cell .cell-bd .text::placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .xyrz .confirm {
  width: 48px;
}
#my-center .m-zhujiao .zhujiao-title .rzxq {
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-title .rzxq a {
  margin-left: 20px;
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-title .rzxq .like {
  padding-left: 24px;
  background: url(../img/like.png) no-repeat left;
  background-size: contain;
}
#my-center .m-zhujiao .zhujiao-title .rzxq .like.on {
  background: url(../img/like-on.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-title .rzxq .reply {
  padding-left: 24px;
  background: url(../img/reply.png) no-repeat left;
  background-size: contain;
}
#my-center .m-zhujiao .zhujiao-title .rzxq .share {
  padding-left: 24px;
  background: url(../img/share.png) no-repeat left;
  background-size: contain;
}
#my-center .m-zhujiao .zhujiao-title .rzxq .back {
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-title .yxkc {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: 50px;
}
#my-center .m-zhujiao .zhujiao-title .yxkc .title {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-title .yxkc input {
  height: 30px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-title .yxkc .search {
  width: 60px;
}
#my-center .m-zhujiao .zhujiao-tool {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 68px;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-tool .u-input-timer {
  margin: 0 10px;
}
#my-center .m-zhujiao .zhujiao-tool .u-btn2 {
  width: auto;
  margin-right: 10px;
  padding: 0 20px;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-tool .time-sort {
  padding-right: 20px;
  margin-left: 20px;
  color: #999999;
  background: url(../img/sort-on.png) no-repeat right;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#my-center .m-zhujiao .zhujiao-tool .time-sort.on {
  color: #fe7912;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
#my-center .m-zhujiao .zhujiao-tool .time-sort:first-of-type {
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-tool.yxrc {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-tool.yxrc .title {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-tool.yxrc input,
#my-center .m-zhujiao .zhujiao-tool.yxrc select {
  height: 30px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-tool.yxrc .add {
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-xmgl .item {
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main {
  display: -webkit-box;
  display: flex;
  position: relative;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main .ablum {
  -webkit-box-flex: 0;
          flex: none;
  width: 236px;
  height: 146px;
  border: 1px solid #eaeaea;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main > .info {
  margin-left: 30px;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main > .info .title {
  margin-bottom: 30px;
  font-size: 16px;
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main > .info .info {
  padding-bottom: 30px;
  word-break: break-all;
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main > .info .number {
  margin-top: auto;
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main .btn {
  position: absolute;
  right: 0;
  top: 0;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main .btn .edit,
#my-center .m-zhujiao .zhujiao-xmgl .item .main .btn .del {
  padding-left: 26px;
  font-size: 14px;
  color: #333333;
  background: url(../img/del.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main .btn .edit:hover,
#my-center .m-zhujiao .zhujiao-xmgl .item .main .btn .del:hover {
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main .btn .edit {
  margin-right: 10px;
  background: url(../img/edit.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .main .manage {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 36px;
  border-radius: 18px;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
  height: 40px;
  margin-top: 20px;
  background: #ffefe2;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .bar a {
  font-size: 14px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .bar a:hover {
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-xmgl .item .popup-dialog .title .popup-close {
  margin-left: 30px;
}
#my-center .m-zhujiao .zhujiao-xjxm {
  padding: 30px;
}
#my-center .m-zhujiao .zhujiao-xjxm .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-left: 48px;
}
#my-center .m-zhujiao .zhujiao-xjxm .row.align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
#my-center .m-zhujiao .zhujiao-xjxm .row.btn {
  padding-left: 118px;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .name {
  -webkit-box-flex: 0;
          flex: none;
  width: 70px;
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .input {
  width: 390px;
  height: 30px;
  padding: 0 8px;
  margin-right: 10px;
  border: 1px solid #999999;
  font-size: 12px;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .tips {
  margin-left: auto;
  width: 300px;
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .u-input-timer {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .textarea {
  width: 660px;
  height: 186px;
  padding: 10px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum {
  position: relative;
  width: 200px;
  height: 120px;
  box-sizing: border-box;
  background: url(../img/add.png) no-repeat center;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum[src=""] {
  border: 1px dashed #999999;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum::after {
  content: "添加项目封面";
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum-info {
  font-size: 12px;
  color: #999999;
  line-height: 1.75;
  margin-left: 22px;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum-info .upfile {
  position: relative;
  width: 120px;
  height: 30px;
  margin-top: 30px;
  overflow: hidden;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum-info .upfile .upfile-tips {
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background: #fe7912;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .ablum-info .upfile iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#my-center .m-zhujiao .zhujiao-xjxm .row .u-btn1 {
  margin-top: 34px;
  margin-right: 28px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title {
  display: -webkit-box;
  display: flex;
  height: 30px;
  padding: 0 30px;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item p,
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item:nth-of-type(1) p {
  margin-left: 60px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item:nth-of-type(2) {
  -webkit-box-flex: 0;
          flex: 0 190px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item:nth-of-type(3) {
  -webkit-box-flex: 0;
          flex: 0 50px;
  -webkit-box-pack: center;
          justify-content: center;
  margin-right: 120px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-lits-title .item:nth-of-type(4) {
  -webkit-box-flex: 0;
          flex: 0 100px;
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list {
  display: -webkit-box;
  display: flex;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 60px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(1) p {
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(2) {
  -webkit-box-flex: 0;
          flex: 0 190px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(2) p {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(3) {
  -webkit-box-flex: 0;
          flex: 0 50px;
  -webkit-box-pack: center;
          justify-content: center;
  margin-right: 120px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(4) {
  -webkit-box-flex: 0;
          flex: 0 100px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(4) .u-btn2 {
  width: 44px;
  height: 22px;
  font-size: 12px;
}
#my-center .m-zhujiao .zhujiao-mkgl .mkgl-list-container .list .item:nth-of-type(4) .u-btn2.del {
  border: 1px solid #fe7912;
  color: #fe7912;
  background: #ffffff;
  box-sizing: border-box;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title {
  display: -webkit-box;
  display: flex;
  height: 30px;
  padding: 0 30px;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li p,
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: 0 118px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li:nth-of-type(1) p {
  margin-left: 20px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li:nth-of-type(2) {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
          flex: 0 110px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li:nth-of-type(3) {
  -webkit-box-flex: 0;
          flex: 0 530px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-title li:nth-of-type(4) {
  -webkit-box-flex: 0;
          flex: 0 44px;
  margin-left: auto;
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list {
  display: -webkit-box;
  display: flex;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item p,
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item label {
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: 0 118px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(1) img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 20px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(2) {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
          flex: 0 110px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(3) {
  -webkit-box-flex: 0;
          flex: 0 530px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(3) p {
  height: calc(1.75 * 12px * 3);
  font-size: 12px;
  line-height: 1.75;
  overflow: hidden;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(4) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  justify-content: space-around;
  -webkit-box-flex: 0;
          flex: 0 44px;
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(4) .u-btn2 {
  width: 44px;
  height: 22px;
  font-size: 12px;
}
#my-center .m-zhujiao .zhujiao-yxzj .yxzj-list-container .list .item:nth-of-type(4) .u-btn2.del {
  border: 1px solid #fe7912;
  color: #fe7912;
  background: #ffffff;
  box-sizing: border-box;
}
#my-center .m-zhujiao .zhujiao-xjzj {
  padding: 30px;
}
#my-center .m-zhujiao .zhujiao-xjzj .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-left: 48px;
}
#my-center .m-zhujiao .zhujiao-xjzj .row.align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
#my-center .m-zhujiao .zhujiao-xjzj .row.btn {
  padding-left: 118px;
}
#my-center .m-zhujiao .zhujiao-xjzj .row .name {
  -webkit-box-flex: 0;
          flex: none;
  width: 70px;
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-xjzj .row .input {
  width: 390px;
  height: 30px;
  padding: 0 8px;
  margin-right: 10px;
  border: 1px solid #999999;
  font-size: 12px;
}
#my-center .m-zhujiao .zhujiao-xjzj .row .textarea {
  width: 660px;
  height: 186px;
  padding: 10px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-xjzj .row .tips {
  width: 300px;
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xjzj .row .u-btn1 {
  margin-top: 34px;
  margin-right: 28px;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .name {
  margin-top: 10px;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: url(../img/avatar.png) no-repeat;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .info {
  margin-left: 20px;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .info p {
  line-height: 1.75;
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .info .upfile {
  position: relative;
  width: 120px;
  height: 30px;
  overflow: hidden;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .info .upfile .upfile-tips {
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background: #fe7912;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#my-center .m-zhujiao .zhujiao-xjzj .set-avatar .info .upfile iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item {
  position: relative;
  display: -webkit-box;
  display: flex;
  padding: 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .ablum {
  -webkit-box-flex: 0;
          flex: none;
  width: 240px;
  height: 158px;
  border: 1px solid #eaeaea;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .right {
  -webkit-box-flex: 1;
          flex: auto;
  margin-left: 30px;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .right .title {
  padding-bottom: 10px;
  font-size: 16px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .right .ssxm {
  font-size: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .right .teacher {
  padding-bottom: 18px;
  font-size: 12px;
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .right .playlist {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  line-height: 1.75;
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .btn {
  position: absolute;
  right: 30px;
  top: 30px;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .btn a {
  margin-left: 20px;
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .btn a:hover {
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .btn a.edit {
  padding-left: 26px;
  background: url(../img/edit2.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-yxkc .list .item .btn a.del {
  padding-left: 26px;
  background: url(../img/del2.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-tjkc {
  padding: 30px;
}
#my-center .m-zhujiao .zhujiao-tjkc .align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell {
  margin-bottom: 16px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-hd .title {
  width: 76px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .ablum {
  position: relative;
  width: 200px;
  height: 130px;
  box-sizing: border-box;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .ablum::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: '添加项目封面';
  height: 14px;
  padding-top: 40px;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #999999;
  background: url(../img/add.png) no-repeat top;
  background-size: 30px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .ablum[src=''] {
  border: 1px dashed #999999;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .preview {
  position: relative;
  width: 200px;
  height: 130px;
  box-sizing: border-box;
  width: 254px;
  height: 132px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .preview::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: '添加项目封面';
  height: 14px;
  padding-top: 40px;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  color: #999999;
  background: url(../img/add.png) no-repeat top;
  background-size: 30px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .preview[src=''] {
  border: 1px dashed #999999;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .preview::after {
  content: "上传直播宣传图";
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .text {
  width: 390px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .tips {
  padding-bottom: 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .up-ablum {
  padding-left: 20px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .up-ablum .tips {
  margin: 0;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .up-ablum .u-btn2 {
  width: 120px;
  height: 30px;
  margin-top: 30px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list {
  width: 530px;
  margin-right: 20px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .list-title {
  height: 30px;
  padding: 0 14px;
  line-height: 30px;
  font-size: 14px;
  color: #666666;
  background: #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 22px 14px 0;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .item:last-of-type {
  padding-bottom: 22px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .item .item-name {
  padding-right: 10px;
  font-size: 12px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .item .brief {
  -webkit-box-flex: 0;
          flex: none;
  margin-left: auto;
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .item .brief span {
  margin-right: 16px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .src-list .item .del {
  -webkit-box-flex: 0;
          flex: none;
  width: 18px;
  height: 18px;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .btn {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
}
#my-center .m-zhujiao .zhujiao-tjkc .u-cell .cell-bd .btn .on {
  margin-left: 30px;
}
#my-center .m-zhujiao .zhujiao-xyrz .xyrz-lits-title {
  display: -webkit-box;
  display: flex;
  height: 30px;
  padding: 0 30px;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-xyrz .xyrz-lits-title .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-xyrz .xyrz-lits-title .item p,
#my-center .m-zhujiao .zhujiao-xyrz .xyrz-lits-title .item label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-xyrz .xyrz-lits-title .item:nth-of-type(1) {
  width: 400px;
}
#my-center .m-zhujiao .zhujiao-xyrz .xyrz-lits-title .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list {
  display: -webkit-box;
  display: flex;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 76px;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(1) {
  -webkit-box-flex: 0;
          flex: 0 400px;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(1) p {
  padding-left: 38px;
  line-height: 1.75;
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(1) p span {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(2) p {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(2) p.color1 {
  color: #31982d;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(2) p.color2 {
  color: #e54919;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(2) p.color3 {
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-xyrz .mkgl-list-container .list .item:nth-of-type(3) {
  margin-left: auto;
  line-height: 1.75;
  font-size: 12px;
  text-align: right;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rzxq.bg {
  padding-top: 710px;
  background-position: top;
  background-repeat: no-repeat;
}
#my-center .m-zhujiao .zhujiao-rzxq .rzxq-header {
  padding-top: 40px;
}
#my-center .m-zhujiao .zhujiao-rzxq .rzxq-header .title {
  text-align: center;
  font-size: 22px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .rzxq-header .avatar {
  width: 40px;
  height: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
}
#my-center .m-zhujiao .zhujiao-rzxq .rzxq-header .u-cell {
  -webkit-box-pack: center;
          justify-content: center;
  padding-top: 30px;
}
#my-center .m-zhujiao .zhujiao-rzxq .rzxq-header .author {
  padding-left: 20px;
  line-height: 1.75;
  font-size: 16px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .rzxq-header .author span {
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-rzxq .article-container {
  padding: 30px 40px;
}
#my-center .m-zhujiao .zhujiao-rzxq .article-container p {
  line-height: 1.75;
  font-size: 16px;
  color: #333333;
  text-indent: 32px;
}
#my-center .m-zhujiao .zhujiao-rzxq .article-container img {
  width: 100%;
  padding: 20px 0;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding-bottom: 30px;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-content .more-link {
  font-size: 18px;
  color: #e64518;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article {
  overflow: hidden;
  padding: 30px;
  border-top: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article .header {
  font-size: 16px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article .list {
  width: 928px;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article .list .item {
  display: inline-block;
  width: 234px;
  margin: 20px 70px 0 0;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article .list .item .ablum {
  width: 100%;
  height: 148px;
  border: 1px solid #eaeaea;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article .list .item .title {
  padding-top: 16px;
  line-height: 1.75;
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .more-article .list .item .title span {
  font-size: 12px;
  color: #e64518;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send {
  border-top: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send .header {
  padding: 30px;
  font-size: 16px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send .main {
  padding: 0 30px;
  display: -webkit-box;
  display: flex;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send .main .avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send .main .editer-container {
  -webkit-box-flex: 1;
          flex: auto;
  margin-left: 20px;
  border: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send .bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 30px 30px 100px;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-send .bottom button {
  margin-left: auto;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list {
  border-top: 1px solid #e0e0e0;
  padding: 30px 0;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .header {
  padding: 0 30px;
  font-size: 16px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 30px;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item + div {
  border-top: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .avatar img {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container {
  margin-left: 20px;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .author {
  font-size: 14px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .content {
  padding: 16px 0;
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info a {
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info .time {
  font-size: 14px;
  color: #999999;
  margin-right: auto;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info .del,
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info .reply {
  padding: 0 10px;
  border-right: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info .like {
  margin-left: 10px;
  padding-left: 24px;
  background: url(../img/like-gray.png) no-repeat left;
  background-size: contain;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .info .like.on {
  background: url(../img/like-on.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply {
  margin-top: 10px;
  background-color: #f5f6fa;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .textarea {
  padding: 20px;
  border: 1px solid #fe7912;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .textarea .reply-box {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .textarea .bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 10px;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .textarea .bottom .u-btn1 {
  margin-left: auto;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .reply-reply-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .reply-reply-item:hover a {
  display: block;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .reply-reply-item p {
  line-height: 1.75;
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .reply-reply-item p span {
  color: #e64818;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .reply-reply-item a {
  display: none;
  line-height: 14px;
  margin-left: 14px;
  font-size: 14px;
  color: #e64818;
  white-space: nowrap;
}
#my-center .m-zhujiao .zhujiao-rzxq .reply-list .list .item .container .reply-reply .more-reply-reply {
  display: block;
  padding: 10px;
  font-size: 14px;
  color: #e64818;
}
#my-center .m-zhujiao .zhujiao-rcap {
  padding: 30px;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell {
  padding-bottom: 16px;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-hd .title {
  width: 80px;
  text-align: right;
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input {
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input::-webkit-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input::-moz-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input:-ms-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input::-ms-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input::placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd > input + input {
  margin-left: 10px;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd .text {
  width: 390px;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd .qr-sign,
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd .map-sign {
  display: none;
}
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd .qr-sign.on,
#my-center .m-zhujiao .zhujiao-rcap .u-cell .cell-bd .map-sign.on {
  display: -webkit-box;
  display: flex;
}
#my-center .m-zhujiao .zhujiao-rcap .justify-center {
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-rcap .justify-center .confirm {
  margin-left: 30px;
}
#my-center .m-zhujiao .zhujiao-rcap .sign {
  display: none;
}
#my-center .m-zhujiao .zhujiao-rcap .sign.on {
  display: block;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign {
  width: 616px;
  padding: 18px;
  border: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign img {
  -webkit-box-flex: 0;
          flex: none;
  width: 144px;
  height: 144px;
  margin-right: 18px;
  box-sizing: border-box;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign img[src=""] {
  border: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign img::before {
  content: '二维码暂未生成';
  display: block;
  text-align: center;
  margin-top: 30%;
  font-size: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign img::after {
  content: '请点击右侧生成';
  display: block;
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign .tips {
  padding: 16px 0;
  line-height: 1.75;
  font-size: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign .date {
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign .date span {
  color: #e64818;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign .info {
  font-size: 14px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .qr-sign .info span {
  color: #e64818;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .map-sign {
  width: 616px;
  padding: 18px;
  border: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .map-sign .map-container {
  -webkit-box-flex: 0;
          flex: none;
  width: 256px;
  height: 144px;
  margin-right: 18px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .map-sign .location {
  border-radius: 2px;
}
#my-center .m-zhujiao .zhujiao-rcap .sign .map-sign .search {
  display: block;
  width: 70px;
  height: 30px;
  margin-top: 20px;
  border-radius: 2px;
  color: #ffffff;
  background: #388bff;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title {
  display: -webkit-box;
  display: flex;
  height: 30px;
  padding: 0 30px;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 0;
          flex: none;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item p,
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item:nth-of-type(1) label {
  margin-right: 60px;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item:nth-of-type(2),
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item:nth-of-type(3) {
  width: 230px;
}
#my-center .m-zhujiao .zhujiao-yxrc .lits-title .item:nth-of-type(4) {
  width: 150px;
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list {
  display: -webkit-box;
  display: flex;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item {
  -webkit-box-flex: 0;
          flex: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 20px 0;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item p,
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(2) p,
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(3) p {
  width: 230px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(4) {
  width: 150px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(4) button {
  width: 44px;
  height: 22px;
  font-size: 12px;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(4) .add {
  width: auto;
  padding: 0 10px;
}
#my-center .m-zhujiao .zhujiao-yxrc .list-container .list .item:nth-of-type(4) .del {
  color: #fe7912;
  border: 1px solid #fe7912;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-fbtg {
  padding: 30px;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell {
  padding-bottom: 16px;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-hd .title {
  text-align: right;
  width: 70px;
  font-size: 12px;
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd .tips {
  color: #999999;
  font-size: 12px;
  padding-left: 10px;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input {
  width: 300px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #999999;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input::-webkit-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input::-moz-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input:-ms-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input::-ms-input-placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input::placeholder {
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd input + input {
  margin-left: 10px;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd .ueditor-box {
  -webkit-box-flex: 1;
          flex: auto;
  border: 1px solid #999999;
  height: 300px;
}
#my-center .m-zhujiao .zhujiao-fbtg .u-cell .cell-bd .confirm {
  margin-left: 30px;
}
#my-center .m-zhujiao .zhujiao-fbtg .align-top {
  -webkit-box-align: start;
          align-items: flex-start;
}
#my-center .m-zhujiao .zhujiao-tjrc .list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item:nth-of-type(2) {
  width: 136px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item:nth-of-type(3) {
  width: 124px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item:nth-of-type(4) {
  width: 132px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list .item:nth-of-type(5) {
  width: 100px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.header {
  height: 30px;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.header p,
#my-center .m-zhujiao .zhujiao-tjrc .list.header label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.header .item:nth-of-type(1) label {
  margin-right: 60px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.header .item:nth-of-type(5) {
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.data {
  height: 60px;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.data p,
#my-center .m-zhujiao .zhujiao-tjrc .list.data label {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.data button {
  width: 44px;
  height: 22px;
  font-size: 12px;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.data button.del {
  color: #fe7912;
  border: 1px solid #fe7912;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.data .item:nth-of-type(1) p {
  width: 330px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#my-center .m-zhujiao .zhujiao-tjrc .list.data .item:nth-of-type(5) {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
#my-center .m-zhujiao .zhujiao-tjrc .u-cheack-tool .confirm {
  margin-left: auto;
  margin-right: 0;
}
#my-center .m-zhujiao .zhujiao-tzgg .list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-tzgg .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-tzgg .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header {
  height: 30px;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header p,
#my-center .m-zhujiao .zhujiao-tzgg .list.header label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header .item:nth-of-type(1) label {
  margin-right: 60px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header .item:nth-of-type(2) a {
  padding-right: 20px;
  font-size: 14px;
  color: #999999;
  background: url(../img/sort.png) no-repeat right;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header .item:nth-of-type(2) a.on {
  color: #fe7912;
  background: url(../img/sort-on.png) no-repeat right;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.header .item:nth-of-type(2) a + a {
  margin-left: 20px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data {
  padding-top: 24px;
  padding-bottom: 24px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data p,
#my-center .m-zhujiao .zhujiao-tzgg .list.data label {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data button {
  width: 44px;
  height: 22px;
  font-size: 12px;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data button.del {
  color: #fe7912;
  border: 1px solid #fe7912;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item .u-btn2 {
  width: 60px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
  -webkit-box-align: start;
          align-items: flex-start;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .con {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header {
  display: -webkit-box;
  display: flex;
  line-height: 12px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .title {
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .date {
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .edit,
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .del,
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .manage {
  height: 14px;
  margin-left: 10px;
  padding-left: 26px;
  line-height: 14px;
  font-size: 14px;
  color: #333333;
  background: url(../img/del.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .edit:hover,
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .del:hover,
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .manage:hover {
  color: #fe7912;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .edit {
  background: url(../img/edit.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .header .manage {
  background: url(../img/manage.png) no-repeat left;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .property {
  padding-top: 14px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(1) .info {
  font-size: 12px;
  padding-top: 8px;
  line-height: 1.75;
  color: #666666;
  max-height: calc(1.75 * 12px * 4);
  overflow: hidden;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(2) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  margin-left: 20px;
}
#my-center .m-zhujiao .zhujiao-tzgg .list.data .item:nth-of-type(2) button + button {
  margin-top: 20px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-fbwj .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-fbwj .list .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-fbwj .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list .item:nth-of-type(2) {
  width: 220px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list .item:nth-of-type(3) {
  width: 100px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header {
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header p,
#my-center .m-zhujiao .zhujiao-fbwj .list.header label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item {
  height: 30px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(1) label {
  margin-right: 100px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(2) {
  position: relative;
  background-image: url(../img/expand3.png);
  background-repeat: no-repeat;
  background-position: 60px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(2):hover .type-box {
  display: block;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(2) .type-box {
  display: none;
  position: absolute;
  top: 30px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(2) .type-box a {
  display: block;
  width: 94px;
  height: 30px;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  color: #666666;
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(2) .type-box a:hover {
  color: #ffffff;
  background: #fe7912;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.header .item:nth-of-type(3) {
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.data {
  height: 60px;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.data p,
#my-center .m-zhujiao .zhujiao-fbwj .list.data label {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.data button {
  width: 44px;
  height: 22px;
  font-size: 12px;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.data button.del {
  color: #fe7912;
  border: 1px solid #fe7912;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.data .item:nth-of-type(1) p {
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-fbwj .list.data .item:nth-of-type(3) {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
#my-center .m-zhujiao .zhujiao-fbwj .u-cheack-tool .confirm {
  margin-left: auto;
}
#my-center .m-zhujiao .zhujiao-yxzy .list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item:nth-of-type(1) {
  -webkit-box-flex: 1;
          flex: auto;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item:nth-of-type(1) input {
  margin-right: 10px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item:nth-of-type(2) {
  width: 180px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item:nth-of-type(3) {
  width: 80px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item:nth-of-type(4) {
  width: 80px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list .item:nth-of-type(5) {
  width: 100px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.header {
  background: #e6eaf0;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.header p,
#my-center .m-zhujiao .zhujiao-yxzy .list.header label {
  font-size: 12px;
  color: #666666;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.header .item {
  height: 30px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.header .item:nth-of-type(1) label {
  margin-right: 60px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.header .item:nth-of-type(5) {
  -webkit-box-pack: center;
          justify-content: center;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.data {
  height: 60px;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.data p,
#my-center .m-zhujiao .zhujiao-yxzy .list.data label {
  font-size: 12px;
  color: #999999;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.data button {
  width: 44px;
  height: 22px;
  font-size: 12px;
  cursor: pointer;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.data button.del {
  color: #fe7912;
  border: 1px solid #fe7912;
  background: #ffffff;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.data .item:nth-of-type(1) p {
  color: #333333;
}
#my-center .m-zhujiao .zhujiao-yxzy .list.data .item:nth-of-type(5) {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
#my-center .m-zhujiao .zhujiao-yxzy .u-cheack-tool .allow {
  background: #31982d;
}
#my-center .m-zhujiao .zhujiao-yxzy .u-cheack-tool .refuse {
  background: #e64818;
}
#my-center .m-zhujiao .zhujiao-yxtl .reply-list .list .item .container .reply-reply .reply-reply-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
#my-center .m-zhujiao .zhujiao-yxtl .reply-list .list .item .container .reply-reply .reply-reply-item a {
  display: block;
  -webkit-box-flex: 0;
          flex: none;
  width: 18px;
  height: 18px;
  background: url(../img/close.png) no-repeat;
}
#popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.4);
}
#popup .add-good-classify {
  width: 780px;
  padding-bottom: 30px;
  border-radius: 10px;
  background: #ffffff;
}
#popup .add-good-classify .title {
  line-height: 54px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  text-indent: 20px;
  color: #333333;
}
#popup .add-good-classify .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 28px;
}
#popup .add-good-classify .row p {
  width: 174px;
  padding-right: 20px;
  font-size: 12px;
  text-align: right;
  box-sizing: border-box;
}
#popup .add-good-classify .row input {
  width: 240px;
  height: 28px;
  font-size: 12px;
  padding: 0 10px;
  border: 1px solid #eaeaea;
}
#popup .add-good-classify .row input::-webkit-input-placeholder {
  color: #999999;
}
#popup .add-good-classify .row input::-moz-placeholder {
  color: #999999;
}
#popup .add-good-classify .row input:-ms-input-placeholder {
  color: #999999;
}
#popup .add-good-classify .row input::-ms-input-placeholder {
  color: #999999;
}
#popup .add-good-classify .row input::placeholder {
  color: #999999;
}
#popup .add-good-classify .row:last-of-type {
  padding-left: 174px;
}
#popup .add-good-classify .row:last-of-type a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 36px;
  padding: 0 30px;
  margin-right: 30px;
  border-radius: 18px;
  color: #ffffff;
  background: #999999;
}
#popup .add-good-classify .row:last-of-type a:last-of-type {
  background: #fe7912;
}
#popup .add-good-classify .tips {
  padding-top: 8px;
  padding-left: 174px;
  font-size: 12px;
  color: #999999;
}