/* init */
body,
button,
input,
select,
textarea {
  font: 12px/1.4 Arial, Microsoft YaHei, sans-serif;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-weight: normal;
}
button,
input,
select,
textarea {
  padding: 0;
  background: none;
  border: 0;
  font-size: inherit;
  width: 100%;
}
input:focus,
textarea:focus,
button:focus {
  outline: 0;
}
ul,
ol,
li {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
img {
  display: block;
}
* {
  padding: 0;
  margin: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body {
  background: #f5f6fb;
}
[v-cloak] {
  display: none;
}
/*icons  */
.icon-upload:after,
.upload-btn-cancel:before,
.upload-btn-reload:before,
.icon-delete:after,
.content-foot-btns a.btn-public:after,
.pop-btn-close:after,
.right-search:before,
.tooltips:before,
.content-foot-btns a.btn-timer:after,
.pop-win.pop-preview-videoS .pop-preview-video-bar:after,
.btn-export:before,
.pop-close {
  content: "";
  position: absolute;
  left: 35px;
  top: 50%;
  background: url("../images/new-icons.png") no-repeat 0 0;
  background-size: 124px auto;
}
.menu-list-tit img{
  position: absolute;
  left:40px;top: 50%;width: 22px;height: 22px;margin-top: -11px;
}
.menu {
  position: fixed;
  left: 0;
  width: 240px;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, #1f2935 0%, #425365 100%);
  background-image: linear-gradient(180deg, #1f2935 0%, #425365 100%);
  top: 0;
  overflow: hidden;
  overflow-y: auto;
  z-index: 10;
}
.menu .logo {
  height: 79px;
  border-bottom: 1px solid #161d26;
  background: url("../images/logo_dzh.png") no-repeat center center;
  background-size: 108px 34px;
  text-indent: -999px;
  overflow: hidden;
}
.menu-list {
}
.menu-list li {
  cursor: pointer;
}
.menu-list-tit {
  line-height: 60px;
  font-size: 16px;
  color: #fff;
  padding-left: 79px;
  position: relative;
}
.menu-list-tit:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #7e91a9;
  border-right: 2px solid #7e91a9;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -5px;
}
/* .menu-list li.actived .menu-list-tit:before{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);} */
.menu-list li.home.actived .menu-list-tit,
.menu-list li.fans.actived .menu-list-tit {
  background: rgba(0, 0, 0, 0.2);
}
.menu-list li.home .menu-list-tit:before,
.menu-list li.fans .menu-list-tit:before,
.menu-list li .menu-list-tit.nomore:before {
  content: none;
}
.menu-list li.home .menu-list-tit:after {
  background-position: -64px -24px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
}
.menu-list li:nth-of-type(2) .menu-list-tit:after {
  background-position: -64px -74px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.menu-list li:nth-of-type(3) .menu-list-tit:after {
  background-position: -64px -50px;
  width: 22px;
  height: 20px;
  margin-top: -10px;
}
.menu-list li:nth-of-type(4) .menu-list-tit:after {
  background-position: -64px -100px;
  width: 22px;
  height: 20px;
  margin-top: -10px;
}
.menu-list li:nth-of-type(5) .menu-list-tit:after {
  background-position: -64px 0;
  width: 20px;
  height: 18px;
  margin-top: -9px;
}
.menu-list li:nth-of-type(6) .menu-list-tit:after {
  background-position: -100px -60px;
  width: 24px;
  height: 18px;
  margin-top: -9px;
}
.menu-list li:nth-of-type(6).actived .menu-list-tit:after {
  background-position: -100px -84px;
}
.menu-list li.live .menu-list-tit:after {
  background-position: -100px -60px;
  width: 24px;
  height: 18px;
  margin-top: -9px;
}
.menu-list li.finance .menu-list-tit:after {
  background-position: -100px 0;
  width: 24px;
  height: 22px;
  margin-top: -11px;
}
.menu-list li.home.actived .menu-list-tit:after {
  background-position: -36px -24px;
}
.menu-list li:nth-of-type(2).actived .menu-list-tit:after {
  background-position: -36px -74px;
}
.menu-list li:nth-of-type(3).actived .menu-list-tit:after {
  background-position: -36px -50px;
}
.menu-list li:nth-of-type(4).actived .menu-list-tit:after {
  background-position: -36px -100px;
}
.menu-list li:nth-of-type(5).actived .menu-list-tit:after {
  background-position: -36px 0;
}
.menu-list li.actived .menu-list-tit {
  color: #286df7;
}
.menu-list-sub {
  /* background: #151d26; */
  padding-bottom: 10px;
}
.menu-list-sub p {
  color: #8190a8;
  font-size: 14px;
  line-height: 40px;
  padding-left: 79px;
  position: relative;
}
.menu-list-sub p:hover {
  background: rgba(0, 0, 0, 0.1);
}
.menu-list-sub p:before {
  content: "";
  position: absolute;
  left: 57px;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid #8190a8;
  border-radius: 50%;
  margin-top: -6px;
}
.menu-list-sub p.cur {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.menu-list-sub p.cur:before {
  background: #286df7;
  border-color: #fff;
}
.menu-list-sub p.cur:after,
.menu-list li.home.actived .menu-list-tit:before,
.menu-list li.fans.actived .menu-list-tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  border-radius: 0 5px 5px 0;
  background: #286df7;
  height: 100%;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  border: 0;
  margin-top: 0;
}
.tag-redDot {
  display: inline-block;
  padding: 0 8px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  background: #ff8a48;
  border-radius: 10px;
  vertical-align: middle;
  margin-left: 10px;
}
.nav {
  position: fixed;
  z-index: 20;
  left: 240px;
  right: 0;
  background: #fff;
  line-height: 44px;
  font-size: 22px;
  color: #555;
  padding: 18px 30px;
}
.nav .account {
  color: #404040;
  font-size: 14px;
}
.nav .account a {
  color: #999;
  margin-left: 20px;
}
.nav .account img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 20px;
}
.content {
  padding-top: 110px;
  margin-left: 240px;
  padding-bottom: 60px;
}
.content-wrap {
  width: 93.75%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  position: relative;
  font-size: 14px;
}
.content-tit {
  font-size: 32px;
  color: #202224;
  padding: 30px;
}
.content-tit small {
  font-size: 16px;
  color: #999;
}
.content-tit .title-btn {
  font-size: 14px;
  padding: 0 25px;
  line-height: 40px;
  border-radius: 6px;
  background: #0081ff;
  color: #fff;
  text-align: center;
}
.content-tit .add-btn:before {
  content: "+";
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
}
.rules-links {
  position: absolute;
  right: 30px;
  top: 55px;
}
.rules-links a {
  color: #555;
  margin-left: 30px;
}
.rules-links a:hover {
  color: #286df7;
}
.content-item {
  margin-bottom: 30px;
  padding: 0 30px;
}
.content-item-tit {
  margin-bottom: 6px;
  line-height: 20px;
  position: relative;
}
.content-item-tips {
  color: #999;
  margin-top: 6px;
}
.upload-wrap,
.text-wrap {
  background: #f5f6fa;
  -wekit-border-radius: 6px;
  border-radius: 6px;
  border: 1px dashed #d5d5d5;
}
.upload-video {
  height: 83px;
  width: 52%;
  line-height: 83px;
  padding: 0 30px;
  position: relative;
}
.upload-cover {
  height: 115px;
  width: 206px;
  line-height: 115px;
}
.upload-btn {
  margin: 0 auto;
  color: #999;
  text-align: center;
  position: relative;
  font-size: 14px;
}
.upload-btn input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  bottom: 0;
  z-index: 100;
}
.icon-upload {
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
}
.icon-upload:after {
  background-position: 0 -24px;
  width: 24px;
  height: 20px;
  left: 0;
  top: 0;
}
.upload-cover .icon-upload {
  display: block;
  margin: 0 auto 10px;
  padding-top: 30px;
}
.upload-cover .icon-upload:after {
  top: 34px;
}
.upload-cover .upload-btn {
  line-height: 1.8;
  height: 115px;
}
.text-wrap {
  border-style: solid;
  padding: 5px 12px;
  position: relative;
}
.text-wrap-s {
  width: 32.5%;
}
.text-wrap-m {
  width: 60%;
}
.text-wrap.active {
  border-color: #286df7;
}
.text-wrap input {
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #222;
}
input::-webkit-input-placeholder {
  color: #999;
}
.textarea-wrap textarea {
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.content-select-text {
  line-height: 30px;
  position: relative;
}
.content-select-text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #0081ff;
  border-right: 2px solid #0081ff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -6px;
}
.content-select-text.font-gray {
  color: #999;
}
.content-select-text span {
  display: inline-block;
  width: 10.2%;
}
.content-select-more {
  position: absolute;
  left: 0;
  top: 42px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 20px 20px 10px;
  z-index: 999;
  background: #fff;
  max-height: 220px;
  overflow: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.text-wrap-industry .content-select-more span,
.content-select-text span {
  background: #e0e3ea;
  border-radius: 6px;
  line-height: 30px;
  color: #222;
  text-align: center;
}
.text-wrap-industry .content-select-more span {
  float: left;
  margin-right: 2.5%;
  margin-bottom: 10px;
  padding: 0 15px;
}
.text-wrap-industry .content-select-more span.actived {
  background: #286df7;
  color: #fff;
}
/* .text-wrap-industry .content-select-more span:nth-of-type(5n+5){margin-right: 0;} */
.text-wrap-s .content-select-more {
  width: auto;
  right: 0;
  padding: 0;
}
.select-list li {
  line-height: 40px;
  height: 40px;
  color: #222;
  padding: 0 20px;
  position: relative;
}
.select-list li span {
  float: left;
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.select-list li .add-btn {
  width: 16px;
  position: absolute;
  height: 16px;
  border: 1px solid #286df7;
  border-radius: 50%;
  right: 5%;
  top: 50%;
  margin-top: -9px;
  padding: 0;
  text-indent: -999px;
  overflow: hidden;
}
.select-list li .add-btn:before,
.select-list li .add-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #286df7;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.select-list li .add-btn:before {
  width: 60%;
  height: 1px;
}
.select-list li .add-btn:after {
  width: 1px;
  height: 60%;
}
.select-list li .add-btn.noadded:after {
  content: none;
}
.stockInfo-result {
  overflow: hidden;
  margin-top: 14px;
}
.stockInfo-result div {
  float: left;
  line-height: 32px;
  font-size: 13px;
  padding: 0 20px;
  width: 12%;
  margin-bottom: 10px;
  background: #fafbfd;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  margin-right: 1.8%;
  position: relative;
}
.stockInfo-result div .icon-delete {
  right: 0;
  top: 0;
  border-left: 1px solid #d5d5d5;
  height: 32px;
  width: 47px;
  cursor: pointer;
  position: absolute;
}
.item-setup {
  overflow: hidden;
}
.content-item-flex {
  float: left;
}
.content-item-flex1 {
  width: 40%;
}
.content-item-flex2 {
  width: 18%;
}
.content-item-right,
.upload-cover-tabs {
  overflow: hidden;
}
.upload-cover-tabs em {
  color: #999;
  font-style: normal;
}
.content-item-rights span,
.upload-cover-tabs span {
  float: left;
  margin-right: 22px;
  position: relative;
  line-height: 22px;
}
.content-item-rights span label,
.upload-cover-tabs span label {
  padding-left: 26px;
}
.content-item-rights span label small {
  font-size: 14px;
  color: #a7a7a7;
}
.content-item-rights span label:before,
.upload-cover-tabs span label:before,
.gdbpacks li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: #f5f6fa;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
}
.content-item-rights span input:checked + label:before,
.upload-cover-tabs span input:checked + label:before,
.upload-cover-tabs span.active label:before,
.gdbpacks li.checked:before {
  background: #0081ff;
  border-color: #0081ff;
}
.content-item-rights span input:checked + label:after,
.upload-cover-tabs span input:checked + label:after,
.upload-cover-tabs span.active label:after,
.gdbpacks li.checked:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 4px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.content-item-rights span input,
.upload-cover-tabs span input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.content-item-list {
  overflow: hidden;
}
.content-item-list .figure-default .icon-upload {
  margin-top: 50px;
}
.content-item-list .upload-wrap {
  height: 150px;
  width: 93px;
}
.content-item-list .upload-wrap img {
  width: 100%;
}
.content-item-list .upload-cover-imgs figure {
  width: 108px;
  height: 192px;
}
.content-item-list .upload-cover-imgs .figure-default {
  width: 93px;
  height: 150px;
  float: left;
  margin-right: 15px;
}
/* .content-question {overflow: hidden;} */
.content-question .text-wrap {
  width: 28%;
  float: left;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
}
.content-question-info {
  color: #999;
  padding: 15px 0 10px;
}
.content-question-list li {
  position: relative;
  background-color: #f5f6fa;
  border-radius: 6px;
  margin-bottom: 10px;
  width: 600px;
  line-height: 38px;
  zoom: 1;
  border: 1px solid #f5f6fa;
}
.content-question-list li:hover {
  border-color: #006aff;
}
.content-question-list li::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.content-question-list li .seq {
  float: left;
  width: 45px;
  height: 40px;
  text-align: center;
}
.content-question-list li .text {
  float: left;
  width: -webkit-calc(78% - 70px);
  width: calc(78% - 70px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-question-list li .btns {
  float: right;
  width: 135px;
  height: 40px;
}
.content-question-list li .btns .item {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: rgb(224, 225, 226);
  border-radius: 6px;
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}
.content-question-list li .btns span {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 1px;
  background-color: #e5e5e5;
  margin-right: 2px;
}
.content-question-list li:first-child .icon-up {
  background-image: url("../images/icon-up2.png");
  border-color: #e5e5e5;
  cursor: not-allowed;
  pointer-events: none;
}
.content-question-list li:last-child .icon-down {
  background-image: url("../images/icon-down2.png");
  border-color: #e5e5e5;
  cursor: not-allowed;
  pointer-events: none;
}
.content-question-list li .state {
  position: absolute;
  top: 0;
  right: -130px;
  width: 120px;
  white-space: nowrap;
}
.content-question-list li .state1 {
  color: #00b040;
}
.content-question-list li .state2 {
  color: #ff142c;
}
.content-question-list li .state3 {
  color: #fe9400;
}
.icon-edit {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("../images/icon-edit.png") no-repeat center;
  background-size: 60% auto;
}
.icon-edit.disabled {
  background-image: url("../images/icon-edit2.png");
}
.icon-del {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("../images/icon-del.png") no-repeat center;
  background-size: 60% auto;
}
.icon-up,
.icon-down {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/icon-up.png") #fff no-repeat center;
  background-size: 50% auto;
  border: 1px solid #006aff;
  border-radius: 6px;
  overflow: hidden;
}
.icon-down {
  background-image: url("../images/icon-down.png");
}
.content-foot,
.pop-win-foot {
  border-top: 1px solid #d5d5d5;
  padding: 20px 30px; /* height: 40px; */
  line-height: 38px;
  overflow: hidden;
}
.content-foot p {
  float: left;
  color: #999;
}
.content-foot-btns {
  float: right;
}
.content-foot-btns a,
.pop-win-foot a {
  float: left;
  width: 106px;
  background: #fafbfd;
  border: 1px solid #d5d5d5;
  font-size: 14px;
  color: #222;
  border-radius: 6px;
  margin-left: 20px;
  text-align: center;
}
.content-foot-btns a:not(.btn-public):hover,
.pop-win-foot a:not(.pop-btn-ok):hover {
  background-color: #ebf0fa;
}
.content-foot-btns a.btn-public,
.pop-win-foot a.pop-btn-ok {
  background: #286df7;
  border-color: #286df7;
  color: #fff;
}
.content-foot-btns a.btn-public:after {
  content: "";
  display: inline-block;
  background-position: -22px -124px;
  width: 16px;
  height: 13px;
  margin-left: 6px;
  position: static;
  vertical-align: middle;
}
.content-foot-btns a.btn-timer:after {
  content: "";
  display: inline-block;
  background-position: 0 -172px;
  width: 17px;
  height: 17px;
  margin-left: 6px;
  position: static;
  vertical-align: middle;
}
.content-foot-btns a.btn-timer.finished:after {
  background-position: -20px -172px;
}
.content-foot-btns a.btn-timer.finished {
  background: #ebf0fa;
  color: #286df7;
}
.progress,
.upload-name {
  position: absolute;
  left: 127px;
  right: 136px;
}
.progress {
  top: 50%;
  height: 9px;
  border-radius: 5px;
  background: #dbe7ee;
  margin-top: -5px;
}
.upload-name {
  top: 50%;
  text-align: center;
  color: #999;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.progress-bar {
  background: #286df7;
  border-radius: 5px;
  height: 9px;
  position: absolute;
  left: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.upload-btn-cancel,
.upload-btn-reload{
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  color: #222;
  padding-left: 26px;
}
.upload-r{
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
}
.upload-r > a{
  position: relative;
  float: left;height: 100%;right: 0;
  margin: 0 5px;
}
.upload-btn-delete{
  width: 22px;
}
.upload-btn-delete:before{
  content: '';
  position:absolute;left: 50%;top: 50%;margin: -11px 0 0 -11px;
  background: url('../images/icon-del.png');background-size: 100% auto;
  width: 22px;
  height: 22px;

}
.upload-btn-cancel:before {
  width: 20px;
  height: 20px;
  background-position: -26px -148px;
  top: 50%;
  left: 0;
  margin-top: -11px;
}
.upload-btn-reload:before {
  width: 18px;
  height: 20px;
  background-position: 0 -124px;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
.icon-delete:after {
  background-position: 0 -74px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
.stockInfo-result div .icon-delete:after {
}
.upload-cover-imgs {
  overflow: hidden;
  margin-top: 10px;
}
.upload-cover-imgs figure {
  float: left;
  width: 192px;
  margin-right: 10px;
  height: 108px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #fff;
  margin-bottom: 10px;
  position: relative;
}
.upload-cover-imgs figure.cur {
  box-shadow: 0 3px 7px 0 rgba(40, 109, 247, 0.3);
  border-color: #286df7;
}
.upload-cover-imgs figure:nth-of-type(6n + 6) {
  margin-right: 0;
}
.upload-cover-imgs figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.figure-operate {
  position: absolute;
  left: 202px;
  top: 0;
  width: 8%;
  bottom: 0;
}
.figure-operate a {
  position: absolute;
  top: 5px;
  left: 0;
  color: #286df7;
}
.figure-operate a.operate-delete {
  top: auto;
  bottom: 13px;
  color: #222;
}
.upload-cover-local {
  position: relative;
}
.figure-local {
  position: relative;
  overflow: hidden;
}
.figure-local figure {
  /* height: 80px; */
  position: relative;
  background: #f5f6fa;
}
.figure-local figure img {
  /* width: auto;height: auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); */
}
.upload-cover-imgsH .figure-local figure {
}
.figure-default {
  width: 192px;
  height: 108px;
  border: 1px dashed #d5d5d5;
  background: #f5f6fa;
  border-radius: 6px;
  /* box-sizing: border-box; */
  margin-bottom: 10px;
}
.figure-default .icon-upload {
  display: block;
  margin: 25px auto 5px;
}
.upload-cover-imgsH .figure-default {
  width: 135px;
  height: 180px;
}
.upload-cover-imgsH .figure-default .icon-upload {
  margin: 60px auto 10px;
}
.pop {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.pop-win {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 570px;
  background: #fff;
  border-radius: 6px;
  margin-left: -285px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10;
}
.pop-win-tit {
  font-size: 30px;
  line-height: 100px;
  padding: 0 30px;
  position: relative;
  border-bottom: 1px solid #d5d5d5;
}
.pop-btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  z-index: 1;
}
.pop-btn-close:after {
  background-position: 0 -148px;
  width: 20px;
  height: 20px;
  top: 50%;
  height: 50%;
  margin: -10px 0 0 -10px;
  left: 50%;
}
.pop-win-content {
  padding: 30px;
  overflow: hidden;
  color: #333;
}
.pop-win-content h5 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.pop-win-content p {
  font-size: 16px;
  text-align: center;
}
.pop-win-foot-total {
  font-size: 14px;
  color: #999;
  float: right;
}
.win-content-flex {
  height: 348px;
  position: relative;
}
.win-content-flex1 {
  float: left;
  width: 153px;
}
.win-content-flex2 {
  float: right;
  width: 335px;
}
.win-content-flex-tit {
  font-size: 14px;
  color: #555;
  margin-bottom: 6px;
}
.win-content-flex-img {
  border: 1px solid #d5d5d5;
  background: #f5f6fa;
}
.win-content-flex1 .win-content-flex-img {
  height: 204px;overflow: hidden;
}
.win-content-flex2 .win-content-flex-img {
  height: 272px;
  border-style: dashed;
}
.win-content-flex-img img {
  width: 100%;
  height: 100%;
}
.win-content-tips {
  padding-top:20px;
  font-size: 13px!important;
  color: #999;
  clear: both;
}
.pop-upload-btn {
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
  background:#f5f5f5;padding: 5px 10px 5px 36px;border-radius: 3px;border: 1px solid #ccc;
}
.pop-upload-btn:before{
  left: 10px;
}
.pop-win-foot a {
  float: right;
}
.pop-win-foot.win-foot-center {
  text-align: center;
}
.pop-win-foot.win-foot-center a {
  float: none;
  display: inline-block;
  margin: 0 10px;
}
.pop-win-content-scroll {
  position: relative;
  padding: 30px 0;
  height: 300px;
  overflow: auto;
}
.pop-win-content-scroll .pop-scroll-l {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 25%;
  background: #fafbfd;
  border-right: 1px solid #d5d5d5;
}
.pop-win-content-scroll .pop-scroll-l .l-nav-item {
  padding-left: 30px;
  line-height: 54px;
  font-size: 16px;
  color: #999;
  position: relative;
  cursor: pointer;
}
.pop-win-content-scroll .pop-scroll-l .l-nav-item.cur {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}
.pop-win-content-scroll .pop-scroll-l .l-nav-item.cur:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #006aff;
  border-radius: 0 10px 10px 0;
}
.pop-win-content-scroll.pop-win-pdt .text-wrap {
  margin-left: 30px;
  margin-right: 30px;
}
.pop-win-content-scroll.pop-win-pdt .text-wrap.text-wrap2{
  margin-left: 0;margin-right: 0;
}
.pop-win-content-scroll.pop-win-pdt .text-wrap input {
  width: 80%;
}
.pop-win-content-scroll.pop-win-pdt .text-wrap .submit {
  float: right;
  width: 18%;
  text-align: center;
  background: #286df7;
  border-radius: 6px;
  color: #fff;
  line-height: 30px;
  font-size: 14px;
}
.pop-win-content-scroll.pop-win-pdt .text-wrap .submit.disabled,
.pop-win-foot a.disabled {
  background: rgba(40, 109, 247, 0.4);
  pointer-events: none;
  border-color: #aac5fc;
}
.l-nav-item .tag-redDot {
  background: #006aff;
}
.pop-scroll-r {
  margin-left: 25%;
  overflow: auto;
  height: 330px;
}
.pop-scroll-tit {
  font-size: 14px;
  color: #999;
  padding: 0 30px 12px;
}
.broker-list {
  padding: 0 30px;
}
.broker-list li {
  margin-bottom: 30px;
  padding-left: 28px;
  position: relative;
}
.broker-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: #f5f6fa;
  border: 1px solid #d5d5d5;
}
.broker-list li.selected:before {
  background: #006aff;
  border-color: #006aff;
}
.broker-list li.selected:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 10px;
  height: 4px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.broker-list li strong {
  font-size: 16px;
}
.broker-list li p {
  font-size: 14px;
  color: #999;
  text-align: left;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop-win-content .content-item p {
  text-align: left;
  font-size: 14px;
}
.content-item-tit .text-wrap {
  display: inline-block;
  width: 60px;
  margin: 0 5px;
  padding: 0;
}
.content-item-tit .text-wrap input {
  text-align: center;
}
.pop-win-content .upload-video {
  width: auto;
}
.pop-win-content .upload-video .upload-name {
  left: 155px;
}
.pop-win-content .upload-video .upload-name img{
  width: 60px;height:60px;
}
.upload-cover-imgsH figure {
  width: 135px;
  height: 180px;
}
.upload-cover-imgsH .figure-operate {
  left: 150px;
}
.upload-cover-imgsH .figure-operate a {
  top: 15px;
}
.upload-cover-imgsH .figure-operate a.operate-delete {
  top: auto;
  bottom: 23px;
}

.content-head {
  width: 93.75%;
  margin: 0 auto 20px;
  position: relative;
}
.content-tabs {
  overflow: hidden;
  padding: 5px 2px;
  background: #fff; /* width: 36%; */
  width: auto;
  border-radius: 6px;
  display: inline-block;
}
.content-tabs li {
  line-height: 30px;
  font-size: 14px;
  color: ;
  float: left; /* width: 25%; */
  text-align: center;
  position: relative;
}
.content-tabs li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 15px;
  background: #e5e5e5;
  margin-top: -7px;
}
.content-tabs li:last-child:after {
  content: none;
}
.content-tabs li span {
  margin: 0 4px;
  display: block;
  cursor: pointer;
  width: 100px;
}
.content-tabs li.cur span {
  background: #286df7;
  color: #fff;
  border-radius: 6px;
}
.content-dates {
  position: absolute;
  right: 0;
  top: 0;
}
.edit-btn{position: absolute;right: 0;bottom: 0;font-size: 14px;line-height: 60px;height: 50px;padding: 0 10px;color: #fff;cursor: pointer;left: 0;text-shadow: 0 1px 2px #000;background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);background-image:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);text-align: right;display: none;}
.upload-cover-imgs figure.cur .edit-btn{display: block;}

.date-picker-item {
  float: left;
  width: 96px;
  height: 30px;
  padding: 5px 10px 5px 14px;
  line-height: 30px;
  background: #fff;
  border-radius: 6px;
  margin-left: 10px;
  font-size: 14px;
}
.date-picker-item:after {
  content: "";
}
.right-search {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 32%;
  padding: 5px 10px 5px 42px;
  background: #f5f6fa;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
}
.right-search:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-position: -50px -150px;
  left: 17px;
  top: 50%;
  margin-top: -7px;
}
.right-search input {
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.right-search input::-webkit-input-placeholder {
  opacity: 0.5;
}
.content-list-wrap {
  border-top: 1px solid #d5d5d5;
}
.content-blank {
  padding: 83px 0 200px;
  text-align: center;
  color: #555;
}
.content-blank:before {
  content: "";
  display: block;
  background: url("../images/new-blank.png") no-repeat 0 0;
  background-size: cover;
  width: 179px;
  height: 150px;
  margin: 0 auto 35px;
}
.content-blank p {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}
.content-blank2:before {
  content: "";
  background-image: url("../images/blank2.png");
  width: 200px;
  height: 130px;
}
.btn-public {
  display: block;
  width: 13%;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background: #286df7;
  border-radius: 6px;
  margin: 0 auto;
}
.content-list li {
  padding: 15px 30% 12px 20px;
  border-bottom: 1px solid #d5d5d5;
  position: relative;
}
.content-list li:after,
.content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\00A0";
  clear: both;
  height: 0;
}
.content-list li:last-child {
  border: 0;
}
.content-list li.recommend:before {
  content: "";
  display: block;
  width: 48px;
  height: 45px;
  background: url("../images/icon-recommend.png") no-repeat;
  position: absolute;
  right: -3px;
  top: 0;
}
.content-list li .l-video {
  float: left;
  width: 192px;
  position: relative;
  height: 108px;
  background: #000;
  overflow: hidden;
}
.content-list li .l-video video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: fill;
}
.content-list li .l-video .video-time {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  color: #fff;
  text-align: center;
  width: 40px;
  line-height: 20px;
  border-radius: 4px;
}
.content-list li .list-tit {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 10px 0;
  padding-left: 20px;
  cursor: pointer;
}
.content-list li .video-tags {
  height: 31px;
  overflow: hidden;
  padding-left: 20px;
}
.content-list li .video-tags span {
  float: left;
  width: 60px;
  font-size: 12px;
  line-height: 30px;
  background: #f1f4f9;
  border-radius: 8px;
  margin-right: 6px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 14px;
}
.content-list li .video-info {
  color: #8291a9;
  overflow: hidden;
  position: absolute;
  bottom: 18px;
  left: 236px;
  right: 30%;
}
.content-list.content-list-short li .video-info,
.content-list li.item-video-s .video-info {
  left: 130px;
  right: 35%;
}
.content-list li .video-info span {
  margin-right: 6%;
}
.content-list li .video-info span:last-child {
  margin-right: 0;
}
.content-list li .video-state {
  padding-left: 20px;
  overflow: hidden;
  color: #8291a9;
  line-height: 2;
}
.content-list li .video-state em {
  font-style: normal;
}
.content-list li .video-state .state1 {
  color: #00b040;
}
.content-list li .video-state .state2 {
  color: #ff142c;
}
.public-time {
  position: absolute;
  right: 38px;
  top: 20px;
  color: #8291a9;
  width: 22%;
}
.public-state {
  float: right;
  padding-left: 16px;
  position: absolute;
  left: 70%;
  top: 0;
  white-space: nowrap;
}
.public-state:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #8291a9;
  margin-top: -5px;
}
.public-state.state1:before {
  background: #fe9400;
}
.public-state.state2:before {
  background: #09b66d;
}
.public-state.state3:before {
  background: #ef3939;
}
.public-state.state4:before {
  background: #ff80f2;
}
.operate-btns {
  position: absolute;
  right: 38px;
  bottom: 20px;
  background: #fafbfd;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #d5d5d5;
}
.operate-btns a {
  float: left;
  width: 58px;
  line-height: 28px;
  font-size: 14px;
  color: #202224;
}
.operate-btns a:hover {
  background: #f1f4f9;
}
.operate-btns a:nth-of-type(2) {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.operate-btns a:last-child {
  border-right: 0;
}
.list-pageination.pagination {
  /* width: 200px; */
  height: 40px;
  background: #fff;
  padding: 4px 37px 0 37px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 23px;
  float: right;
  margin-right: 3.125%;
  position: relative;
  bottom: 0;
}
.list-pageination.pagination .prev,
.list-pageination.pagination .next {
  position: absolute;
  width: 6px;
  height: 10px;
  display: block;
  background-image: url("../images/home-icon.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
.list-pageination.pagination .prev {
  background-position: 0 -111px;
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.list-pageination.pagination .next {
  background-position: -23px -111px;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.list-pageination.pagination .pageNum span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #222;
  font-size: 14px;
  text-align: center;
  margin-right: 7px;
  cursor: pointer;
}
.list-pageination.pagination span.cur {
  background: #286df7;
  border-radius: 6px;
  color: #fff;
}
.date-picker-item .datepicker > input {
  border: 0;
  height: 30px;
  padding: 0 20px 0 0;
}
.date-picker-item .datepicker > input.focus {
  outline: 0;
  box-shadow: none;
  border-color: 0;
}
.date-picker-item .datepicker:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #0081ff;
  border-right: 2px solid #0081ff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: none;
  right: 5px;
  top: 50%;
  margin-top: -5px;
}
.date-picker-item .datepicker-close {
  right: -7px;
}
.date-picker-item .datepicker-popup {
  right: -11px;
  top: 38px;
  border: 0;
  border-radius: 12px;
  padding: 10px;
}
.date-picker-item .calendar-head .calendar-month-select,
.date-picker-item .calendar-head .calendar-year-select {
  font-size: 16px;
  color: #555;
  font-weight: normal;
}
.date-picker-item .calendar-week {
  font-size: 14px;
  color: #555; /* height: 17.8%; */
}
.date-picker-item .calendar-date {
  font-size: 14px;
  color: #555; /* height: 17.8%; */
}
.date-picker-item .calendar-minutes a,
.date-picker-item .calendar-seconds a {
  line-height: 22px;
  font-size: 12px;
}
.date-picker-item .calendar-foot {
  margin-top: 15px;
  padding: 15px 0 10px;
  border-top: 1px solid #f5f3f3;
}
.date-picker-item .calendar-date-out {
  color: #ccc;
}
.date-picker-item .calendar-date-selected,
.date-picker-item .calendar-date-selected:hover {
  color: #fff;
  border-radius: 6px;
  background: #286df7;
  font-weight: normal;
}
.date-picker-item .calendar-body {
  width: 280px;
  height: 220px;
}
.content-list-short li,
.content-list li.item-video-s {
  padding-right: 35%;
}
.content-list-short li .l-video,
.content-list li.item-video-s .l-video {
  width: 90px;
  height: 120px; /* 尺寸由90*150改为90*120 */
}
.content-list-short li .l-video img {
  width: 100%;
  height: 100%;
}
/* .content-list-short li .list-tit,.content-list-short li .video-info,.content-list-short li .video-tags{padding-left: 30px;} */
.btn-loading:before,
.cover-loading:before,
.upload-loading:before {
  content: "";
  display: inline-block;
  background: url("../images/new-loading.png") no-repeat 0 0;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
  -webkit-animation: rot linear 2s infinite;
  animation: rot linear 2s infinite;
  position: relative;
}
.content-foot-btns a.btn-public.btn-loading:after {
  content: none;
}
@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rot {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.upload-item {
  font-size: 14px;
}
.upload-loading {
  text-align: center;
  color: #999;
  font-size: 14px;
}
.cover-loading {
  background: #f5f6fa;
  -wekit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  text-align: center;
  font-size: 14px;
  color: #999;
  width: 192px;
  height: 108px;
  line-height: 108px;
  clear: both;
  margin-bottom: 10px;
  /* -ms-box-sizing: border-box;
  box-sizing: border-box; */
}
.upload-cover-imgsH .cover-loading {
  width: 135px;
  height: 180px;
  line-height: 1.5;
}
.upload-cover-imgsH .cover-loading:before {
  display: block;
  margin: 60px auto 10px;
}
.pop-win .text {
  font-size: 16px;
  text-align: center;
  padding: 74px 20px 40px;
}
.pop-video {
  padding: 64px 20px 20px;
}
.pop-video video {
  display: block;
  width: 100%;
}
.tooltips {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 190px;
  line-height: 40px;
  font-size: 14px;
  color: #222;
  border-radius: 6px;
  background: #fafbfd;
  margin-left: -95px;
  text-align: center;
  box-shadow: 0 0 20px #d5d5d5;
}
.tooltips:before {
  position: static;
  background-position: -68px -148px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.tooltips.success,
.tooltips.failed,
.tooltips.noright {
  background: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  color: #fff;
  padding: 102px 0 16px;
  width: 224px;
  text-align: center;
  margin-left: -112px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.tooltips.success:before,
.tooltips.failed:before,
.tooltips.noright:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 30px;
  width: 55px;
  height: 55px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tooltips.success:before {
  background: url("../images/icon-success.png") no-repeat 0 0;
  background-size: cover;
}
.tooltips.failed:before {
  background: url("../images/icon-failed.png") no-repeat 0 0;
  background-size: cover;
}
.tooltips.noright:before {
  background: url("../images/icon-tip.png") no-repeat 0 0;
  background-size: cover;
}
.pop-win.pop-preview {
  width: 690px;
  margin-left: -345px;
}
.pop-win.pop-preview-s {
  width: 268px;
  margin-left: -134px;
}

.warning {
  color: #ef3939;
}
.content-item-tit .warning {
  margin-left: 20px;
}
.text-wrap-r {
  padding-right: 86px;
  overflow: hidden;
}
.text-wrap-r .ipt-tip {
  position: absolute;
  right: 10px;
  top: 5px;
  line-height: 30px;
  font-size: 14px;
  color: #999;
}
.text-wrap-r .ipt-tags {
  float: left;
}
.ipt-tags .tags-item {
  float: left;
  border-radius: 6px;
  border: 1px solid #d2d2d2;
  margin: 0 10px 5px 0;
  padding-right: 28px;
  position: relative;
}
.ipt-tags .tags-item span {
  float: left;
  padding: 0 14px;
  border-radius: 6px;
  background: #e0e3e9;
  line-height: 28px;
}
.tags-item .icon-delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 100%;
}
.text-wrap-r input {
  float: left;
  width: 200px;
}
.recommend-tags {
  margin-top: 6px;
}
.recommend-tit {
  color: #999;
  margin-bottom: 6px;
}
.recommend-list {
  overflow: hidden;
}
.recommend-list li {
  float: left;
  padding: 5px 14px;
  background: #e0e3e9;
  color: #222;
  border-radius: 6px;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.recommend-list li:hover {
  background: #bbbec3;
}
.timser-select {
  padding: 74px 20px 40px;
  text-align: center;
}
.timser-select .select-tit {
  font-size: 14px;
  line-height: 32px;
}
.timser-select .date-picker-item {
  font-size: 14px;
  display: inline-block;
  float: none;
  background: #f5f6fa;
  border: 1px solid #d5d5d5;
  font-size: 14px;
  border-radius: 6px;
  width: 180px;
}
.timser-select .date-picker-item .datepicker {
  width: 100%;
}
.timser-select .text {
  color: #999;
  padding: 0;
  clear: both;
  margin-top: 20px;
}
.date-picker-item .calendar-hour {
  border: 0;
  font-size: 14px;
  color: #222;
}
.date-picker-item .calendar-title {
  height: 40px;
  font-size: 15px;
}
.timser-select .date-picker-item input {
  font-size: 15px;
}

.pop-win.pop-preview-video {
  width: 431px;
  background: url("../images/phone2.png") no-repeat 0 0;
  margin-left: -216px;
  top: 44%;
}
.pop-win.pop-preview-video .pop-btn-close {
  right: -55px;
}
.pop-win.pop-preview-video .pop-btn-close:after {
  background-position: -37px -172px;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
}
.pop-win.pop-preview-video .pop-video {
  padding: 100px 27px 60px 26px;
}
.pop-preview-nav {
  background: #222;
  overflow: hidden;
}
.pop-preview-nav span {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 20px;
  color: #999;
  line-height: 48px;
}
.pop-preview-nav span.cur {
  color: #fff;
  font-size: 24px;
}
.pop-preview-video-wrap {
  position: relative;
}
.preview-video-tit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  padding: 5px 12px 20px;
}
.preview-video-tit p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  color: #fff;
}
.pop-preview-video-bar {
  background: url("../images/video-bar.png") no-repeat 0 0;
  height: 24px;
  padding: 13px 130px 13px 10px;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop-preview-video-bar img {
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  line-height: 30px;
}
.pop-preview-foot {
  position: absolute;
  left: 50%;
  width: 431px;
  text-align: center;
  margin-left: -216px;
  bottom: -115px;
}
.pop-preview-foot p {
  font-size: 22px;
  color: #fff;
  margin: 22px auto;
}
.pop-preview-foot a {
  display: block;
  background: #286df7;
  border-radius: 6px;
  font-size: 14px;
  line-height: 40px;
  width: 33%;
  color: #fff;
  margin: 0 auto;
}
.preview-video-tags {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  overflow: hidden;
}
.preview-video-tags span {
  float: left;
  font-size: 10px;
  color: #fff;
  padding: 2px 5px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 6px 5px 0;
}
.pop-win.pop-preview-videoS {
  height: 780px;
}
.pop-win.pop-preview-videoS .pop-preview-video-wrap > div {
  float: left;
  width: 187px;
  height: 300px;
  background: #373737;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  position: relative;
}
.pop-win.pop-preview-videoS .pop-preview-video-wrap > div .cover {
  width: 100%;
  height: 100%;
}
.pop-win.pop-preview-videoS .preview-video-tit {
  bottom: 0;
  top: auto;
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background-image: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  padding-bottom: 8px;
}
.pop-win.pop-preview-videoS .pop-preview-video-bar {
  background: none;
  padding: 0;
  height: 17px;
  margin-top: 10px;
  position: relative;
}
.pop-win.pop-preview-videoS .pop-preview-video-bar:after {
  content: "999";
  font-size: 12px;
  color: #fff;
  background-position: -68px -124px; /* width:14px; */
  height: 14px;
  right: 0;
  top: 0;
  left: auto;
  line-height: 17px;
  text-indent: 18px;
}
.pop-win.pop-preview-videoS .pop-preview-video-bar img {
  width: 17px;
  height: 17px;
}
.timer-tips {
  position: absolute;
  right: 40px;
  top: 52px;
  font-size: 14px;
  color: #fe7400;
}
.timer-tips.tips-r {
  top: 20px;
}
.calendar-foot {
  position: relative;
}
.calendar-foot:before {
  content: "选择时间";
  font-size: 14px;
  color: #999;
}
.date-picker-item .calendar-hour a {
  width: 62px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background: #fafbfd;
  padding: 0;
  margin: 0 10px;
  font-size: 18px;
}
.date-picker-item .calendar-hour a:hover,
.date-picker-item .calendar-hour a.on {
  background-color: #ebf0fa;
  color: #222;
}
.date-picker-item .calendar-hour a:nth-last-of-type(1) {
  display: none;
}
.date-picker-item .calendar-hour span:nth-last-of-type(1) {
  display: none;
}
.pop-timer .date-picker-item input {
  opacity: 0;
}
.pop-timer .date-picker-item {
  position: relative;
}
.pop-timer .date-picker-item .time-val {
  position: absolute;
  left: 14px;
  top: 0;
  font-size: 15px;
  line-height: 42px;
}
.pop-win.pop-preview-video.maxScreen {
  height: 873px;
}
.maxScreen-wrap {
  height: 608px;
  position: relative;
}
.maxScreen-wrap:after {
  content: "";
  background: url("../images/btns-operate.png") no-repeat 0 0;
  width: 40px;
  height: 277px;
  position: absolute;
  right: 22px;
  bottom: 70px;
  z-index: 2;
}
.maxScreen-info {
  color: #fff;
  padding: 20px 36px;
  font-size: 20px;
}
.maxScreen-info small {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 7px;
}
.content-wrap .content-dates {
  right: 30px;
  top: 104px;
}
.content-wrap .date-picker-item {
  background: #fafbfd;
  border: 1px solid #e6e6e6;
}
.content-wrap .date-picker-item .datepicker > input {
  color: #222;
}
.content-mod {
  margin-top: 40px;
}
.content-mod-tit {
  line-height: 65px;
  font-size: 16px;
  padding: 0 30px 0 54px;
  position: relative;
}
.content-mod-tit:before {
  content: "";
  background-image: -webkit-linear-gradient(top, #0081ff 0%, #22cce2 100%);
  background-image: -webkit-linear-gradient(316deg, #0081ff 0%, #22cce2 100%);
  background-image: linear-gradient(134deg, #0081ff 0%, #22cce2 100%);
  border-radius: 0 5px 5px 0;
  width: 4px;
  height: 25px;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#line {
  height: 410px;
}
.content-mod .table th,
.content-mod .table td {
  height: 60px;
  vertical-align: middle;
  border-bottom: 1px solid #e3e5eb;
}
.content-mod .table th {
  font-size: 14px;
  color: #8dabc4;
  border-top: 1px solid #e3e5eb;
  font-weight: normal;
}
.content-mod .table td {
  font-size: 16px;
  text-align: center;
}
.content-mod .table td.ft-light {
  color: #8291a9;
}
.content-mod .table td small {
  color: #8291a9;
  display: block;
}
.content-mod .table td a.btn {
  font-size: 14px;
  color: #222;
  margin: 0 5px;
  border: 1px solid #d5d5d5;
  background: #fafbfd;
  border-radius: 6px;
  display: inline-block;
  padding: 5px 10px;
}
.content-mod .table tr:nth-of-type(even) td {
  background: #fbfdfe;
}
.content-mod .table tr:hover td {
  background: #f1f4f9;
}
.content-mod .table tr th:first-child {
  padding-left: 54px;
  text-align: left;
}
.content-mod .table tr td:first-child {
  padding-left: 54px;
  text-align: left;
}
.content-mod .table tr td.time {
  color: #8291a9;
}
.content-mod .table tr td div {
  white-space: nowrap;
  overflow: hidden;
  width: 285px;
  text-overflow: ellipsis;
  line-height: 40px;
}
.content-mod .table tr td div img {
  float: left;
  width: 60px;
  border-radius: 6px;
  margin-right: 10px;
}
.content-mod-tit-chart {
  margin-bottom: -45px;
}
.btn-export {
  width: 126px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  background: #fafbfd;
  font-size: 14px;
  color: #222;
  text-align: center;
  margin-top: 15px;
}
.btn-export:before {
  position: static;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -70px -172px;
  vertical-align: middle;
  margin-right: 5px;
}
.nav-content .list-pageination.pagination {
  margin-right: 0;
}
.data-block-wrap {
  padding: 0 20px;
}
.data-block {
  float: left;
  width: 18%;
  text-align: center;
  background: #f1f4f9;
  padding: 24px 0;
  border-radius: 14px;
  margin: 0 1%;
}
.data-block-wrap.data-block-wrap4 .data-block {
  width: 23%;
}
.data-block p {
  font-size: 30px;
}
.data-block span {
  font-size: 14px;
  color: #999;
}
.content-duration-select {
  padding: 0 30px;
  margin-top: 0;
}
.content-duration-select .content-tabs {
  background: #fafbfd;
  border: 1px solid #e6e6e6;
}
.content-duration-select .content-tabs li span {
  width: 72px;
}
.content-duration-select .date-picker-item {
  width: 200px;
}
.content-duration-select .datepicker-range {
  min-width: 200px;
}
.content-duration-select .datepicker-range .datepicker-popup {
  width: 572px;
}

.pop-win-cl {
  width: 324px;
  margin-left: -162px;
  overflow: hidden;
}
.win-head {
  padding: 43px 0 33px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #4c7eed -webkit-linear-gradient(96deg, #60ddff 0%, #005bea 99%);
  background: #4c7eed linear-gradient(-6deg, #60ddff 0%, #005bea 99%);
  text-align: center;
  position: relative;
}
.win-head small {
  font-size: 14px;
  opacity: 0.8;
  margin-top: 10px;
  display: block;
  font-weight: normal;
}
.pop-close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-position: -19px -86px;
  width: 15px;
  height: 15px;
  left: auto;
  text-indent: -999px;
  overflow: hidden;
  background-size: 62px auto;
}
.win-head:after {
  content: "";
  position: absolute;
  left: 35px;
  top: 14px;
  background: url("../images/fire.png") no-repeat 0 0;
  width: 34px;
  height: 54px;
  background-size: 34px 54px;
}
.pop-win form {
  padding: 10px 0 20px;
}
.form-item {
  padding: 14px 20px;
  position: relative;
}
.form-item span {
  font-size: 14px;
  color: #555;
  line-height: 32px;
}
.form-item span.fl {
  width: 68px;
}
.form-item div:not(.content-select-more) {
  padding: 5px 12px;
  background: #f5f6f9;
  border-radius: 4px;
  margin: 0 20px 0 68px;
  position: relative;
  overflow: hidden;
}
.form-item .content-select-more {
  width: auto;
  left: 88px;
  right: 40px;
  top: 47px;
  padding: 0;
}
.form-item .select-list li {
  padding: 0 10px;
}
.form-item .select-list li span {
  line-height: 40px;
}
.form-item div input {
  display: block;
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
}
.form-item div button + input {
  text-align: center;
}
.form-item .warning {
  position: absolute;
  left: 88px;
  bottom: -6px;
}
.form-item .tips {
  font-size: 12px;
  color: #999;
  padding-left: 68px;
  margin-top: 9px;
}
.btn-minus,
.btn-plus {
  width: 32px;
  height: 32px;
  text-align: center;
  background: #ebebeb;
  text-align: center;
  line-height: 32px;
  font-size: 20px;
  color: #666;
  position: absolute;
  top: 0;
}
.btn-minus {
  left: 0;
}
.btn-plus {
  right: 0;
}
.btn-submit {
  display: block;
  margin: 14px auto 0;
  background: #3a84fd;
  border-radius: 26px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  width: 80%;
}
.content-mod .table-plus tr th:first-child,
.content-mod .table-plus tr td:first-child {
  padding-left: 14px;
  text-align: center;
}
.cl-h5 {
  left: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  margin: 0;
  width: 100%;
}
.cl-h5 form {
  padding: 0;
}
/* .cl-h5 .btn-submit{margin:0 auto;} */
.cl-h5 .form-item {
  padding: 0.28rem 0.4rem;
}
.cl-h5 .win-head {
  padding: 0.8rem 0 0.6rem;
  font-size: 0.36rem;
}
.cl-h5 .win-head small {
  font-size: 0.28rem;
}
.cl-h5 .form-item span {
  font-size: 0.28rem;
}
.cl-h5 .form-item div:not(.content-select-more) {
  padding: 0.1rem 0.24rem;
}
.cl-h5 .form-item div input {
  font-size: 0.28rem;
  line-height: 0.44rem;
}
.cl-h5 .form-item .warning {
  font-size: 0.24rem;
}
.cl-h5 .form-item .content-select-more {
  top: 1.1rem;
  max-height: 4.4rem;
}
.cl-h5 .select-list li,
.cl-h5 .select-list li span {
  height: 0.8rem;
  line-height: 0.8rem;
}
.cl-h5 .select-list li span {
  padding-right: 0.1rem;
}
.cl-h5 .select-list li .add-btn {
  width: 0.32rem;
  height: 0.32rem;
  margin-top: -0.18rem;
}
.cl-h5 .form-item div input {
  height: 0.54rem;
}
.cl-h5 .form-item span {
  line-height: 0.74rem;
}
.cl-h5 .btn-minus,
.cl-h5 .btn-plus {
  width: 0.74rem;
  height: 0.74rem;
  line-height: 0.74rem;
  font-size: 0.4rem;
}
.cl-h5 .btn-submit {
  /* margin-top: 0.28rem; */
  line-height: 0.86rem;
  font-size: 0.28rem;
  position: absolute;
  left: 10%;
  bottom: 0.28rem;
}
.cl-h5 .form-item .tips {
  font-size: 0.24rem;
  margin-top: 0.18rem;
}

.pop-pub .pop-win {
  width: 444px;
  margin-left: -222px;
}
.pop-pub .pop-win-tit {
  font-size: 22px;
  border: 0;
}
.pop-win-tips {
  font-size: 16px;
  line-height: 22px;
  padding: 0 30px;
  margin-bottom: 10px;
}
.pop-pub-list {
  padding: 0 30px;
}
.pop-pub-list li {
  margin-bottom: 20px;
  border: 1px solid #d5d5d5;
  background: #f5f6fa;
  padding: 10px 20px;
  border-radius: 6px;
  position: relative;
}
.pop-pub-list li input {
  display: block;
  width: 100%;
  line-height: 20px;
  height: 20px;
  font-size: 14px;
}
.pop-pub-list li.yzm input {
  width: 70%;
}
.pop-pub-list li .btn-yzm {
  width: 30%;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #286df7;
  position: absolute;
  right: 0;
  top: 0;
}
.pop-pub-list li .btn-yzm:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  width: 1px;
  height: 70%;
  border-left: 1px solid #e5e5e5;
}
.pop-pub-list li .btn-yzm.disabled {
  pointer-events: none;
  color: #999;
}

.pop-question {
  font-size: 14px;
  padding: 30px 0 0;
}
.pop-question .content-item-tit em {
  color: #999;
  font-size: 12px;
  font-style: normal;
  padding-left: 6px;
}
.pop-question textarea {
  width: 100%;
  height: 100%;
  resize: none;
  color: #999;
}
.pop-question textarea::-webkit-input-placeholder {
  color: #999;
}
.pop-question .red {
  display: inline-block;
  vertical-align: middle;
  color: red;
}
.pop-question-list li {
  overflow: hidden;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  background-color: #f5f6fa;
  margin-top: 15px;
}
.pop-question-list li .seq {
  float: left;
  width: 40px;
  height: 40px;
  border-right: 1px solid #d5d5d5;
  text-align: center;
  line-height: 40px;
}
.pop-question-list li textarea {
  float: left;
  width: 360px;
  height: 38px;
  line-height: 17px;
  resize: none;
  padding: 13px 10px;
  box-sizing: border-box;
  font-size: 12px;
  color: #333;
}
.pop-question-list li .btns {
  float: right;
  width: 100px;
  height: 40px;
  text-align: center;
}
.pop-question-list li .btns span {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background-color: #e0e1e5;
  border-radius: 6px;
  margin: 7px 6px 0 0;
  color: #555;
  cursor: pointer;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.pop-question-list li .btns span:nth-child(1) {
  background-image: url("../images/icon-check.png");
}
.pop-question-list li .btns span:nth-child(2) {
  background-image: url("../images/icon-sub.png");
}
.pop-question-list li .btns span.disabled:nth-child(2) {
  background-image: url("../images/icon-sub2.png");
}
.pop-question-list li .btns span:nth-child(3) {
  background-image: url("../images/icon-add.png");
}
.pop-question-list li .btns span.disabled:nth-child(3) {
  background-image: url("../images/icon-add2.png");
}
.pop-question-list li.active {
  border-color: #006aff;
  color: #286df7;
}
.pop-question-list li.active .seq {
  background-color: rgba(40, 109, 247, 0.1);
  border-right-color: #006aff;
}
.pop-question-list li.active textarea {
  width: 300px;
}
.pop-question-list li.active .btns {
  width: 160px;
}
.pop-question-list li.active .btns-active {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  border: 1px solid #006aff;
  font-style: normal;
  border-radius: 6px;
  margin: 6px 6px 0 0;
  padding-left: 4px;
}
.pop-question-list li.active .btns-active span {
  margin: 0;
  background-color: #006aff;
  color: #fff;
  font-size: 14px;
  background-image: url("../images/icon-check2.png");
}
.pop-question-list li.active .btns-active em {
  font-style: normal;
  padding-right: 4px;
}
.pop-question-view .pop-question-list li {
  border: none;
  position: relative;
}
.pop-question-view .pop-question-list li.active {
  background-color: rgba(40, 109, 247, 0.1);
}
.pop-question-view .pop-question-list li .seq {
  border: none;
}
.pop-question-view .pop-question-list li.active .seq {
  background-color: rgba(40, 109, 247, 0.1);
}
.pop-question-view .pop-question-list li textarea {
  width: 470px;
}
.pop-question-view .pop-question-list li.active textarea {
  width: 400px;
}
.pop-question-view .pop-question-list li .tag {
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(40, 109, 247, 0.7);
  border-radius: 0 6px 0 6px;
  color: #fff;
  padding: 3px 8px;
  font-size: 12px;
}
.pop-win-search {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #999;
  border: 1px solid #d5d5d5;
  background-color: #f5f6fa;
  border-radius: 6px;
  padding-left: 14px;
}
.pop-win-search input {
  width: 200px;
}
.pop-win-search .icon-search {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background: url("../images/icon-search.png") no-repeat;
  background-size: 100% auto;
  margin: -2px 8px 0 0;
}
.pop-win-create {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  padding: 0 15px;
  background-color: #286df7;
  border-radius: 6px;
  cursor: pointer;
}
.pop-win-create i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 17px;
  height: 17px;
  margin: -2px 6px 0 0;
}
.pop-win-create i::before,
.pop-win-create i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
}
.pop-win-create i::before {
  width: 100%;
  height: 2px;
  top: 50%;margin-top: -1px;
}
.pop-win-create i::after {
  height: 100%;
  width: 2px;
  left: 50%;margin-left: -1px;
}
.pop-subject {
  max-height: 300px;
  overflow-y: auto;
}
.pop-subject-title {
  margin-bottom: 20px;
}
.pop-subject-title span {
  display: inline-block;
  vertical-align: middle;
  color: #8dabc4;
  font-size: 14px;
}
.pop-subject-title span:nth-child(1) {
  width: 430px;
  padding-left: 40px;
}
.pop-subject-title span:nth-child(2) {
  width: 90px;
}

.pop-subject-title_cc {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop-subject-title_cc span {
  display: inline-block;
  vertical-align: middle;
  color: #8dabc4;
  font-size: 14px;
}
.pop-subject-title_cc span:nth-child(1) {
  width: 6%;
}
.pop-subject-title_cc span:nth-child(2),
.pop-subject-title_cc span:nth-child(3),
.pop-subject-title_cc span:nth-child(4),
.pop-subject-title_cc span:nth-child(5) {
  width: 23%;
}

.bot_ul_cc li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bot_ul_cc li div:nth-child(1) {
  width: 6%;
}
.bot_ul_cc li div:nth-child(2),
.bot_ul_cc li div:nth-child(3),
.bot_ul_cc li div:nth-child(4),
.bot_ul_cc li div:nth-child(5) {
  width: 23%;
}
.bot_ul_cc li div:nth-child(5) {
  color: #8291a9;
}

.btn_cc {
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  padding: 0 15px;
  background-color: #286df7;
  border-radius: 6px;
  cursor: pointer;
}

.pop-subject li {
  overflow: hidden;
  font-size: 16px;
  color: #333;
  padding: 19px 0;
}
.pop-subject li .radio {
  float: left;
  position: relative;
  width: 18px;
  height: 18px;
  background: #f5f6fa;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  cursor: pointer;
}
.pop-subject li .radio.active {
  background: #0081ff;
  border-color: #0081ff;
}
.pop-subject li .radio.active::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  width: 10px;
  height: 4px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pop-subject li .text {
  float: left;
  width: 410px;
  padding: 0 0 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.pop-subject li .state {
  float: left;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop-subject li .state i {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-color: #ff8a48;
  border-radius: 10px;
  margin-right: 8px;
}
.pop-subject li .state i.pass {
  background-color: #09b66d;
}
.pop-subject li .time {
  float: left;
  color: #8291a9;
}
.list-pageination.pagination.pop-subject-page {
  float: left;
  margin: 0;
  padding-top: 2px;
}
.subject {
  border-top: 2px solid #efefef;
}
.subject table {
  width: 100%;
  font-size: 16px;
  color: #333;
  border-collapse: collapse;
  table-layout: fixed;
}
.subject th,
.subject td {
  padding: 19px 10px;
  white-space: nowrap;
}
.subject th:first-child,
.subject td:first-child {
  padding-left: 30px;
  width: 46%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.subject th:last-child,
.subject td:last-child {
  padding-right: 30px;
}
.subject th {
  color: #8dabc4;
  font-weight: normal;
  background-color: #fbfdfe;
}
.subject th:nth-child(2),
.subject td:nth-child(2) {
  width: 50px;
  text-align: center;
}
.subject th:nth-child(3),
.subject td:nth-child(3) {
  width: 100px;
  text-align: center;
}
.subject th:nth-child(4),
.subject td:nth-child(4) {
  width: 140px;
  text-align: center;
}
.subject th:nth-child(5),
.subject td:nth-child(5) {
  width: 90px;
  text-align: right;
}
.subject th:nth-child(5) {
  padding-right: 106px;
}
.subject .link {
  color: #286df7;
  cursor: pointer;
}
.subject .state {
  background: rgba(254, 148, 0, 0.08);
  border-radius: 6px;
  color: #fe9400;
  padding: 6px 8px;
  cursor: pointer;
}
.subject .state1 {
  background-color: rgba(0, 176, 64, 0.08);
  color: #00b040;
}
.subject .state2 {
  background-color: rgba(255, 126, 249, 0.08);
  color: #ff7ef9;
}
.subject .state3 {
  background-color: rgba(255, 20, 44, 0.08);
  color: #ff142c;
  position: relative;
  padding-right: 14px;
}
.subject .state3::after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: 4px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #ff142c;
  border-left: 6px solid transparent;
}
.subject .state.state-nolink{
  background: none;cursor: inherit;
}
.subject .state4 {
  color: #333;
}
.subject .state5 {
  color: #8291A9;
}
.subject .time {
  color: #8291a9;
  font-size: 14px;
}
.subject .btns {
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  float: right;
  text-align: center;
  font-size: 14px;
  background: #fafbfd;
}
.subject .btns span {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  border-left: 1px solid #d5d5d5;
  padding: 5px;
  cursor: pointer;
}
.subject .btns span:hover {
  background: rgba(0, 0, 0, 0.05);
}
.subject .btns span:first-child {
  border: none;
}
.subject .btns span.submit {
  font-size: 12px;
}
.content-item-rights {
  overflow: hidden;
}
.content-item-more {
  margin-top: 10px;
  padding: 20px 40px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #d5d5d5;
  border-radius: 6px;
}
.content-item-more .reward .text-wrap {
  margin: 0 10px;
  width: 60px;
  display: inline-block;
  padding: 0;
}
.content-item-more .reward .text-wrap input {
  display: inline-block;
  text-align: center;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "\00A0";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
.content-item-more .support {
  margin: 15px 0;
}
.content-item-more .support small {
  color: #999;
  font-size: 14px;
}
.support-setUp p.tit {
  margin-bottom: 6px;
}
.disabled input,
.disabled label {
  pointer-events: none;
}
.disabled label:before {
  background: rgba(0, 0, 0, 0.14) !important;
  border-color: #bfbfbf !important;
}
.disabled label:after {
  content: none !important;
}

/* 服务包 */
.content-select-fwb {
  padding: 0;
}
.fwb-list li {
  font-size: 14px;
  color: #555;
  line-height: 42px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 12px;
  cursor: pointer;
}
.fwb-list li:hover,
.fwb-list li.cur {
  background: #f5f8fa;
}
.fwb-list.fwb-list-checkbox li {
  padding-left: 38px;
  position: relative;
}
.fwb-list.fwb-list-checkbox li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  background: #f5f6fa;
  margin-top: -10px;
}
.fwb-list.fwb-list-checkbox li.cur:before {
  background: #0081ff;
  border-color: #0081ff;
}
.fwb-list.fwb-list-checkbox li.cur:after {
  content: "";
  position: absolute;
  left: 14px;
  top: 16px;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.content-wrap .content-tabs {
  background: #fafbfd;
  border: 1px solid #d5d5d5;
}
.subject2 th:first-child,
.subject2 td:first-child,
.subject3 th:first-child,
.subject3 td:first-child {
  width: 10%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  color: #8291a9;
}
.subject2 th:nth-of-type(2),
.subject2 td:nth-of-type(2) {
  width: 28%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
.subject2 th:nth-of-type(3),
.subject2 td:nth-of-type(3) {
  width: 8%;
  padding-left: 0;
  padding-right: 0;
}
.subject2 th:nth-of-type(4),
.subject2 td:nth-of-type(4) {
  width: 14%;
}
.subject2 th:nth-of-type(5),
.subject2 td:nth-of-type(5) {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.subject2 th:nth-of-type(6),
.subject2 td:nth-of-type(6) {
  width: 25%;
  padding-right: 30px;
}
.subject2 td:nth-of-type(6) {
  text-align: right;
}
.subject2 .btns {
  float: none;
  display: inline-block;
}
.subject3 th:nth-of-type(1),
.subject3 td:nth-of-type(1) {
  width: 9%;
}
.subject3 th:nth-of-type(2),
.subject3 td:nth-of-type(2) {
  padding-left: 0;
  padding-right: 0;
  width: 6%;
}
.subject3 td:nth-of-type(2) img {
  margin: 0 auto;
}
.subject3 th:nth-of-type(3),
.subject3 td:nth-of-type(3) {
  width: 14%;
  text-align: left;
  white-space: normal;
}
.subject3 th:nth-of-type(4),
.subject3 td:nth-of-type(4) {
  width: 12%;
  text-align: left;
  padding-right: 0;
}
.subject3 td:nth-of-type(4) {
  position: relative;
}
.subject.subject4 tr td,.subject.subject4 tr th{box-sizing: border-box;}
.subject.subject4 tr:nth-of-type(even) td{background:#FBFDFE;}
.subject.subject4 th:nth-of-type(1),.subject.subject4 td:nth-of-type(1){width: 29%;text-align: left;padding-left: 30px;white-space: normal;}
.subject.subject4 th:nth-of-type(2),.subject.subject4 td:nth-of-type(2),.subject.subject4 th:nth-of-type(3),.subject.subject4 td:nth-of-type(3),.subject.subject4 th:nth-of-type(4),.subject.subject4 td:nth-of-type(4),.subject.subject4 th:nth-of-type(6),.subject.subject4 td:nth-of-type(6){width: 11%;text-align: center;padding-left: 0;padding-right: 0;}
.subject.subject4 th:nth-of-type(5),.subject.subject4 td:nth-of-type(5){width: 15%;}
.subject.subject4 th:nth-of-type(7),.subject.subject4 td:nth-of-type(7){width: 12%;padding-left: 0;padding-right: 0;}
.subject.subject4 .btns{float: none;display: inline-block;}
.subject.subject4 td:nth-of-type(1){color: #333;}

.intro-title {
  width: 103px;
  background: rgba(130, 145, 169, 0.08);
  border-radius: 6px;
  line-height: 30px;
  color: #8291a9;
  text-indent: 8px;
  position: relative;
  cursor: default;
}
.intro-title:after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-bottom: 3px solid #8291a9;
  border-right: 3px solid #8291a9;
}
.tool-tip {
  position: absolute;
  left: 10px;
  top: 60px;
  background: #6b7687;
  width: 180px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  white-space: normal;
  display: none;
  z-index: 1;
}
.intro-title:hover + .tool-tip {
  display: block;
}
.subject3 th:nth-of-type(5),
.subject3 td:nth-of-type(5) {
  width: 8%;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.subject3 th:nth-of-type(6),
.subject3 td:nth-of-type(6) {
  width: 8%;
  text-align: center;
}
.subject3 th:nth-of-type(7),
.subject3 td:nth-of-type(7) {
  width: 10%;
  text-align: center;
}
.subject3 th:nth-of-type(8),
.subject3 td:nth-of-type(8) {
  width: 8%;
  white-space: normal;
  padding-left: 0;
  padding-right: 0;
}
.subject3 th:nth-of-type(9),
.subject3 td:nth-of-type(9) {
  width: 25%;
  padding-left: 0;
}
.subject3 .state {
  font-size: 14px;
  color: #8291a9;
  background: none;
  padding-left: 16px;
  position: relative;
  cursor: inherit;
}
.subject3 .state:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: -5px;
}
.subject3 .state.state1:before {
  background: #fe9400;
}
.subject3 .state.state2:before {
  background: #09b66d;
}
.subject3 .state.state3:before {
  background: #ef3939;
}
.subject3 .state.state3:after {
  content: none;
}
.subject3 .state.state4:before {
  background: #ff7ef9;
}

.subject5 .img {
  display: inline-block;
  width: 140px;
  height: 40px;
  border-radius: 5px;
  object-fit: cover;
}
/*.subject5 th:nth-child(1), .subject5 td:nth-child(1) {*/
/*    text-align: left;*/
/*    padding-left: 21px;*/
/*    width: 30px;*/
/*}*/

.subject5 th:nth-child(1),
.subject5 td:nth-child(1) {
  text-align: left;
  padding-left: 21px;
  width: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.subject5 th:nth-child(2),
.subject5 td:nth-child(2) {
  text-align: center;
  width: 6%;
}

.subject5 th:nth-child(3),
.subject5 td:nth-child(3) {
  width: 15%;
  text-align: left;
}

.subject5 th:nth-child(4),
.subject5 td:nth-child(4) {
  width: 10%;
  padding-right: 0;
}

.subject5 th:nth-child(5),
.subject5 th:nth-child(5) {
  text-align: center;
  width: 10%;
  padding-right: 0;
}

.subject5 th:nth-child(6),
.subject5 th:nth-child(6) {
  width: 10%;
}

.subject5 td:nth-child(5),
.subject5 td:nth-child(6) {
  text-align: center;
  width: 10%;
}

.subject5 th:nth-child(7),
.subject5 td:nth-child(7) {
  text-align: center;
  width: 10%;
}

.subject5 th:nth-child(8),
.subject5 td:nth-child(8) {
  text-align: left;
  width: 10%;
}

.subject5 th:nth-child(9),
.subject5 td:nth-child(9) {
  text-align: center;
  width: 10%;
}

.subject5 th:nth-child(10),
.subject5 td:nth-child(10) {
  text-align: right;
  width: 10%;
}

.intro-title_cc {
  display: inline-block;
  width: 76px;
  background: rgba(130, 145, 169, 0.08);
  border-radius: 6px;
  color: #8291a9;
  height: 30px;
  line-height: 30px;
  text-indent: 8px;
  cursor: pointer;
  position: relative;
}

.intro-title_cc .title {
  width: 60px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intro-title_cc:after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-bottom: 3px solid #8291a9;
  border-right: 3px solid #8291a9;
}
.tool-tip_cc {
  line-height: 20px;
  position: absolute;
  left: 0;
  text-align: left;
  top: 30px;
  background: #6b7687;
  width: 180px;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  white-space: normal;
  z-index: 1;
  cursor: text;
  word-break: break-all;
}
.state_cc_dsh {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fe9400;
  margin-right: 5px;
}
.state_cc_tg {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #09b66d;
  margin-right: 5px;
}
.state_cc_jj {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ef3939;
  margin-right: 5px;
}
.state_cc_shz {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ff7ef9;
  margin-right: 5px;
}
.text-wrap_cc {
  width: 200px;
  padding-left: 40px;
}

.text-wrap_cc:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: 17px;
  top: 50%;
  margin-top: -7px;
  background: url(../images/new-icons.png) no-repeat 0 0;
  background-position: -50px -150px;
  background-size: 124px auto;
}

.handleTableClick_cc {
  position: absolute;
  width: 96px;
  background: #ffffff;
  border: 1px solid rgba(23, 62, 103, 0.1);
  border-radius: 6px;
  top: 30px;
  right: -2px;
  z-index: 9999;
}

.handleTableClick_cc li {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.handleTableClick_cc li:hover {
  color: #286df7;
  background: #eff3f6;
}

.sort {
  margin: 0 4px;
  width: 26px;
  height: 26px;
  background: #f5f6fa;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.sort:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 11px;
  height: 11px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sortup:before {
  background: url("../images/icon-up.png") no-repeat 0 0;
  background-size: cover;
}
.sortup.disabled:before {
  background-image: url("../images/icon-up2.png");
}
.sortdown:before {
  background: url("../images/icon-down.png") no-repeat 0 0;
  background-size: cover;
}
.sortdown.disabled:before {
  background-image: url("../images/icon-down2.png");
}
.icon-help {
  display: inline-block;
  background: url("../images/icon-help.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 6px;
  background-size: cover;
}
.icon-help + .tool-tip:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid #6b7687;
  margin-left: -5px;
}
.icon-help:hover + .tool-tip {
  display: block;
  z-index: 1;
  top: 0;
  -webkit-transform: translate(0, -110%);
  -ms-transform: translate(0, -110%);
  transform: translate(0, -110%);
}
.gdbpacks {
  padding: 10px 0;
}
.gdbpacks li {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  padding: 6px 26px 6px 40px;
  font-size: 14px;
  color: #999;
  line-height: 28px;
  margin-bottom: 14px;
  position: relative;
}
.gdbpacks li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  margin-top: -10px;
}
.gdbpacks li.checked {
  color: #222;
}
.gdbpacks li.checked:after {
  left: 14px;
  top: 16px;
}
.gdbpacks li span input {
  margin: 0 10px;
  line-height: 26px;
  border: 1px solid #d5d5d5;
  width: 60px;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
}

.add-step {
  overflow: hidden;
}
.add-step a {
  float: left;
  width: 45%;
  margin: 0 2% 20px;
  text-align: center;
  line-height: 98px;
  border: 1px solid #d5d5d5;
  background: #fafbfd;
  border-radius: 6px;
  font-size: 20px;
  color: #333;
}
.add-step a:hover {
  background: #ebf0fa;
}
.pop-win-content-scroll.pop-win-pdt .stockInfo-result {
  margin-left: 30px;
  margin-right: 30px;
}
.pop-win-content-scroll.pop-win-pdt .stockInfo-result div {
  width: auto;
  padding-right: 58px;
}

.wrap-col2 {
  overflow: hidden;
  padding: 0 30px 30px;
}
.col2-l {
  float: left;
  width: 47%;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 74px 18px 18px;
  position: relative;
}
.col2-l .btn {
  position: absolute;
  width: 45%;
  border: 1px solid #e5e5e5;
  line-height: 38px;
  font-size: 14px;
  color: #555;
  text-align: center;
  border-radius: 8px;
  top: 18px;
}
.col2-l .btn:before {
  content: "";
  display: inline-block;
  background: url("../images/icon-live.png") no-repeat 0 0;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-right: 7px;
  vertical-align: -3px;
}
.col2-l .btn.btn-return {
  left: 18px;
}
.col2-l .btn.btn-return:before {
  background-position: 0 -16px;
}
.col2-l .btn.btn-refresh {
  right: 18px;
}
.col2-r {
  width: 47%;
  float: right;
  border-radius: 14px;
  background: #f1f4f9;
  padding: 36px 18px;
  box-sizing: border-box;
}
.r-tit {
  font-size: 22px;
  margin-bottom: 16px;
}
.col2-r dl {
  margin-bottom: 16px;
}
.col2-r dl dt {
  font-size: 16px;
  margin-bottom: 8px;
}
.col2-r dl dd {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}
.screen-wrap {
  height: 600px;
}
.r-switch{position: absolute;line-height: 28px;right:30px;top:44px;}
.btn-switch{float: right;width: 44px;height: 20px;line-height: 20px;background: #006AFF;border-radius: 4px;padding: 4px;position: relative;margin-left: 10px;cursor: pointer;transition: all ease .2s;-webkit-transition: all ease .2s;}
.btn-switch span{font-size:14px;color: #fff;float: left;width: 50%;text-align: center;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.08);}
.btn-switch:after{content: '';position: absolute;left: 4px;top: 4px;width: 20px;height: 20px;border-radius: 4px;background: #fff;-webkit-transition: all ease .2s;transition: all ease .2s;}
.btn-switch.disabled{background:#C9CDD4;}
.btn-switch.disabled:after{left: 28px;}
.ft-red{color: red!important;}