@keyframes fadeOutC {
  0% {
    top: 33%;
    left: 50%;
    opacity: 1;
    transform: scale(1);
    display: block;
  }
  100% {
    top: -175px;
    left: 100%;
    opacity: 0;
    transform: scale(0);
    display: none;
  }
}
@-moz-keyframes fadeOutC {
  0% {
    top: 33%;
    left: 50%;
    opacity: 1;
    transform: scale(1);
    display: block;
  }
  100% {
    top: -175px;
    left: 100%;
    opacity: 0;
    transform: scale(0);
    display: none;
  }
}
@-webkit-keyframes fadeOutC {
  0% {
    top: 33%;
    left: 50%;
    opacity: 1;
    transform: scale(1);
    display: block;
  }
  100% {
    top: -175px;
    left: 100%;
    opacity: 0;
    transform: scale(0);
    display: none;
  }
}
@-o-keyframes fadeOutC {
  0% {
    top: 33%;
    left: 50%;
    opacity: 1;
    transform: scale(1);
    display: block;
  }
  100% {
    top: -175px;
    left: 100%;
    opacity: 0;
    transform: scale(0);
    display: none;
  }
}
.blingbling {
  background-color: #2a2d2e;
  animation: blingbling 1s infinite;
  -webkit-animation: blingbling 1s infinite;
  /*Safari and Chrome*/
}
@keyframes blingbling {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blingbling {
  /*Safari and Chrome*/
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.blingbling2 {
  animation: blingbling2 1s infinite;
  -webkit-animation: blingbling2 1s infinite;
  /*Safari and Chrome*/
}
@keyframes blingbling2 {
  0% {
    background: #2b2d2f;
  }
  50% {
    background: #3e3e3e;
  }
  100% {
    background: #2b2d2f;
  }
}
@-webkit-keyframes blingbling2 {
  /*Safari and Chrome*/
  0% {
    background: #2b2d2f;
  }
  50% {
    background: #3e3e3e;
  }
  100% {
    background: #2b2d2f;
  }
}
/* 过渡效果 */
/* 公共样式 */
*:before,
*:after {
  box-sizing: border-box;
}
button:focus {
  outline: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  min-width: 320px;
  background: #fff;
  -webkit-transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  font-size: 16px;
  background-color: #fff;
  overflow-y: hidden;
}
body {
  font-family: "Microsoft YaHei", "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
input {
  border: none;
  outline: none;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
}
ul,
ol {
  list-style: none;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
::selection {
  background: #e69748;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
h1 .anchor,
h2 .anchor,
h3 .anchor,
h4 .anchor,
h5 .anchor,
h6 .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
  display: none;
}
h1:hover .anchor,
h2:hover .anchor,
h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
h6:hover .anchor {
  display: inline;
}
table {
  max-width: 100%;
  margin: 25px 0;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  border-right: none;
  border-collapse: separate;
  font-size: 12px;
  color: #666;
  border-spacing: 0;
}
table th {
  background-color: #f7f7f7;
  max-width: 100%;
}
table tr {
  max-width: 100%;
}
table tr:last-child th,
table tr:last-child td {
  border-bottom: none;
}
table td,
table th {
  padding: 10px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Courier, monospace;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.btn {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.card {
  text-decoration: none;
}
.card .title,
.card .description {
  color: #fff !important;
  font-size: 14px;
  font-weight: 300;
}
.features img {
  margin-top: 0 !important;
}
.page h2,
.page h4,
.page h5,
.page span,
.page p,
.page a,
.page .feature,
.page .card-wrapper,
.page .main-info,
.page .detail {
  will-change: transform;
}
.el-table__body,
.el-table__footer,
.el-table__header {
  border: none;
  margin: 0;
}
.el-table td,
.el-table th.is-leaf {
  padding: 0;
}
@media (min-width: 1024px) and (max-width: 1086px) {
  .networkSecurity {
    max-width: 85% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .qqBtn {
    bottom: 195px !important;
  }
  .goTopBtn {
    bottom: 20px !important;
  }
  .thingjsGzh {
    bottom: 10px !important;
  }
  .kaifaBtn {
    bottom: 4px !important;
    right: 20px !important;
  }
}
.template-demos .bindButton {
  background: #eef1f6;
  padding: 8px;
  margin-left: 15px;
  border-radius: 10px;
  cursor: pointer;
}
#content {
  height: calc(100%);
  overflow: auto;
}
#content .demos {
  height: 100%;
  overflow: auto;
  padding-top: 70px;
}
#content h1 a {
  color: rgba(0, 0, 0, 0.85);
}
#content h1 a:hover {
  color: #ff8000;
}
.user-complete-window {
  width: 380px;
  height: 445px;
  position: fixed;
  top: 33%;
  left: 50%;
  display: none;
  margin: -131px 0 0 -175px;
  background-color: #fff;
  z-index: 900;
  box-shadow: 0 0 30px 6px rgba(31, 51, 73, 0.1);
  border-radius: 10px;
  padding: 25px 40px 20px 40px;
}
.user-complete-window .user-complete-close {
  position: absolute;
  top: 107%;
  right: 44%;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.user-complete-window .user-complete-header {
  text-align: center;
}
.user-complete-window .user-complete-header span {
  font-family: 'Microsoft Yahei', 'Helvetica', 'Arial', 'sans-serif';
  font-style: normal;
  font-size: 18px;
  color: #333;
}
.user-complete-window .user-complete-header .poptip {
  border: 1px solid #f3d995;
  height: 24px;
  line-height: 23px;
  padding: 0px 14px 5px 18px;
  background: #fefcee;
  position: absolute;
  top: 40px;
  right: 106px;
}
.user-complete-window .user-complete-header .poptip .poptip-arrow {
  width: 10px;
  height: 10px;
  border-top: 1px solid #f3d995;
  border-right: 1px solid #f3d995;
  position: absolute;
  right: -6px;
  z-index: 2;
  background: #fefcee;
  transform: rotate(45deg);
  bottom: 6px;
}
.user-complete-window .user-complete-header .poptip .poptip-content {
  height: 16px;
  color: #df9c1f;
  font-size: 12px;
  font-weight: 400;
}
.user-complete-window .user-complete-header .poptip .poptip-content .iconfont {
  color: #df9c1f;
  font-size: 14px;
  margin-right: 8px;
}
.user-complete-window .user-complete-other {
  position: relative;
  text-align: center;
  margin-top: 8px;
  width: 300px;
  height: 40px;
}
.user-complete-window .user-complete-other .border {
  position: absolute;
  top: 50%;
  left: 0;
  width: 300px;
  height: 1px;
  background: #ccc;
  border: 0 !important;
}
.user-complete-window .user-complete-item {
  height: 40px;
}
.user-complete-window .user-complete-item div {
  display: inline-block;
}
.user-complete-window .user-complete-item .user-complete-tit {
  width: 20%;
  float: left;
  text-align: left;
  font-size: 15px;
  overflow: hidden;
  word-break: keep-all;
  text-overflow: ellipsis;
  height: 40px;
  line-height: 40px;
}
.user-complete-window .user-complete-item .user-complete-tit::after {
  content: '*';
  color: #ff8000;
  margin-top: 5px;
}
.user-complete-window .user-complete-item .user-complete-tit-no::after {
  content: '';
}
.user-complete-window .user-complete-item .user-complete-input {
  width: 80%;
  float: left;
  position: relative;
}
.user-complete-window .user-complete-item input {
  width: 300px;
  padding: 0 10px 0 35px;
  border: solid 1px #ddd;
  height: 36px;
  outline: none;
  box-sizing: border-box;
  border-radius: 4px;
}
.user-complete-window .user-complete-item i {
  position: absolute;
  right: 10px;
  top: 10px;
}
.user-complete-window .user-complete-item #user-complete-auth {
  width: 209px;
}
.user-complete-window .user-complete-item .user-complete-auth-img {
  float: right;
  display: inline-block;
  width: 80px;
  line-height: 36px;
  background: #ff8700;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
  left: 7px;
  border-radius: 4px;
}
.user-complete-window .user-complete-item .user-complete-auth-img:hover {
  background-color: #ea7a08;
}
.user-complete-window .user-complete-item .user-complete-auth-img-false {
  background-color: #ea7a08;
}
.user-complete-window .user-complete-item .user-complete-auth-text {
  display: none;
}
.user-complete-window .user-complete-item .user-complete-false {
  border: 1px solid #d16d62;
}
.user-complete-window .user-complete-item .user-complete-input-tip {
  font-size: 12px;
  line-height: 13px;
  text-align: right;
  background: #d16d62;
  height: 22px;
  color: #fff;
  border-radius: 4px;
  display: none;
  float: left;
  width: 30%;
  padding: 4px;
  position: absolute;
}
.user-complete-window .user-complete-button {
  width: 300px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  font-size: 15px;
  color: #fff;
  background: #ff8700;
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}
.user-complete-window .user-complete-button:hover {
  background-color: #ea7a08;
  color: #fff;
}
.user-complete-window.fadeOutC {
  transform: scale(0);
  left: 100%;
  top: -175px;
  display: block;
  animation: fadeOutC 500ms ease 1;
  -moz-animation: fadeOutC 500ms ease 1;
  /* Firefox */
  -webkit-animation: fadeOutC 500ms ease 1;
  /* Safari and Chrome */
  -o-animation: fadeOutC 500ms ease 1;
  /* Opera */
}
.pay-window {
  width: 680px;
  height: 415px;
  background: white;
  position: absolute;
  z-index: 900;
  box-shadow: 0 0 30px 6px rgba(31, 51, 73, 0.1);
}
.pay-window #pay-winclose {
  width: 20px;
  position: absolute;
  top: 15px;
  right: 18px;
  cursor: pointer;
}
.pay-window .pay-title {
  position: absolute;
  top: 12px;
  left: 18px;
  color: black;
  font-size: 18px;
}
.pay-window .pay-tip {
  width: 617px;
  height: 80px;
  position: absolute;
  top: 40px;
  left: 28px;
  color: black;
  font-size: 18px;
  line-height: 80px;
  border-bottom: solid 1px #eeeded;
}
.pay-window .pay-tip span {
  font-size: 13px;
  position: absolute;
  top: 25px;
  color: #757575;
}
.pay-window .pay-waytip {
  position: absolute;
  top: 150px;
  left: 28px;
  color: black;
  font-size: 18px;
}
.pay-window .pay-way {
  position: absolute;
  top: 190px;
  left: 28px;
  width: 490px;
  height: 100px;
  border-radius: 10px;
}
.pay-window .pay-way .pay-way-alipay {
  width: 119px;
  height: 48.5px;
  margin-top: 8px;
  border: solid 1px #09AFDF;
  cursor: pointer;
}
.pay-window .pay-promo {
  position: absolute;
  top: 265px;
  left: 28px;
  font-size: 15px;
  color: #302f2f;
  width: 600px;
}
.pay-window .pay-invoice {
  position: absolute;
  top: 265px;
  left: 28px;
  font-size: 15px;
  color: #302f2f;
  display: none;
}
.pay-window .pay-invoice input {
  width: 450px;
  border: solid 1px #eeeded;
  color: #838282;
  font-size: 15px;
  margin-top: 2px;
}
.pay-window .pay-invoice .invo-tip {
  position: absolute;
  bottom: 2px;
  right: -208px;
  color: #ffae00;
  width: 200px;
  display: none;
}
.pay-window .pay-invoice #invo-input-type {
  margin-top: 2px;
  display: inline-block;
}
.pay-window .pay-invoice #invo-input-type input {
  width: 13px;
}
.pay-window .promo-tip {
  position: absolute;
  left: 450px;
  color: #ffae00;
}
.pay-window .pay-money {
  position: absolute;
  top: 300px;
  left: 20px;
  width: 640px;
  height: 45px;
  background-color: #eeeded;
}
.pay-window .pay-money .pay-invotip {
  font-size: 15px;
  color: #302f2f;
  line-height: 45px;
  position: absolute;
  right: 170px;
}
.pay-window .pay-money .pay-invotip .icon-xinxi {
  cursor: pointer;
  color: #ff8000;
}
.pay-window .pay-money .pay-invotip input {
  cursor: pointer;
}
.pay-window .pay-money .pay-invotip-info {
  display: none;
  position: absolute;
  padding-left: 5px;
  top: -92px;
  right: 152px;
  width: 142px;
  height: 95px;
  background: #fcfcfc;
  border-radius: 5px;
  text-align: left;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
}
.pay-window .pay-money #pay-invotip-none {
  font-size: 15px;
  color: #302f2f;
  line-height: 45px;
  position: absolute;
  right: 170px;
}
.pay-window .pay-money #pay-invotip-none input {
  cursor: pointer;
}
.pay-window .pay-money .pay-moneytip {
  line-height: 45px;
  font-size: 16px;
  color: black;
  position: absolute;
  right: 90px;
}
.pay-window .pay-money .pay-moneynum {
  line-height: 45px;
  font-size: 18px;
  color: #ff7f00;
  position: absolute;
  left: 555px;
}
.pay-window .pay {
  width: 118px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: white;
  font-size: 14px;
  background-color: #ff7f00;
  position: absolute;
  bottom: 18px;
  right: 18px;
  cursor: pointer;
  border-radius: 2px;
}
.pay-window .pay-mb {
  width: 100%;
  height: 100%;
  background-color: rgba(26, 25, 25, 0.747);
  z-index: 990;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.pay-window #qrcode-pay {
  width: 300px;
  height: 320px;
  background: #ffffff;
  position: fixed;
  top: 235px;
  z-index: 999;
  display: none;
  border-radius: 5px;
}
.pay-window #qrcode-pay #qrclose {
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.pay-window #qrcode-pay #qrtip {
  color: #000000;
  position: absolute;
  top: 10px;
  left: 16px;
}
.pay-window #qrcode-pay #qrcode {
  width: 256px;
  height: 256px;
  position: relative;
  top: 42px;
  left: 22px;
}
.pay-window-in {
  width: 680px;
  height: 415px;
  position: absolute;
  display: none;
  z-index: 10000;
}
.creProduct,
.creChart {
  display: none;
  width: 800px;
  height: 500.4px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -400px;
  background-color: #f2f2f2;
  z-index: 900;
  box-shadow: 0 0 30px 6px rgba(31, 51, 73, 0.1);
  border-radius: 3px;
  border: 1px solid #E6E6E6;
}
.creProduct .title,
.creChart .title {
  padding: 0 20px;
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #e1e3e5;
}
.creProduct .title h6,
.creChart .title h6 {
  font-weight: 400;
  line-height: 50px;
  float: left;
}
.creProduct .title .close,
.creChart .title .close {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: -10px;
  font-size: 17px;
  background-position: 1px -40px !important;
  cursor: pointer;
  font-size: 16px !important;
  display: inline-block;
  background: url(../images/icon.png) no-repeat;
  top: 18px;
  right: 8px;
}
.creProduct .content,
.creChart .content {
  padding: 0 20px;
}
.creProduct .content .Productlist,
.creChart .content .Productlist {
  position: relative;
  height: 448.4px !important;
  overflow: auto;
  padding: 0 15px;
  background: none;
  overflow-x: hidden;
}
.creProduct .content .Productlist .ProductMain.row .blank,
.creChart .content .Productlist .ProductMain.row .blank,
.creProduct .content .Productlist .ProductMain.row .officialList,
.creChart .content .Productlist .ProductMain.row .officialList,
.creProduct .content .Productlist .ProductMain.row .demoList,
.creChart .content .Productlist .ProductMain.row .demoList,
.creProduct .content .Productlist .ProductMain.row .self_cre,
.creChart .content .Productlist .ProductMain.row .self_cre,
.creProduct .content .Productlist .ProductMain.row .thingcb,
.creChart .content .Productlist .ProductMain.row .thingcb {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.creProduct .content .Productlist .ProductMain.row .blank h6,
.creChart .content .Productlist .ProductMain.row .blank h6,
.creProduct .content .Productlist .ProductMain.row .officialList h6,
.creChart .content .Productlist .ProductMain.row .officialList h6,
.creProduct .content .Productlist .ProductMain.row .demoList h6,
.creChart .content .Productlist .ProductMain.row .demoList h6,
.creProduct .content .Productlist .ProductMain.row .self_cre h6,
.creChart .content .Productlist .ProductMain.row .self_cre h6,
.creProduct .content .Productlist .ProductMain.row .thingcb h6,
.creChart .content .Productlist .ProductMain.row .thingcb h6 {
  width: 100%;
  text-align: center;
  line-height: 40px;
}
.creProduct .content .Productlist .ProductMain.row .blank hr,
.creChart .content .Productlist .ProductMain.row .blank hr,
.creProduct .content .Productlist .ProductMain.row .officialList hr,
.creChart .content .Productlist .ProductMain.row .officialList hr,
.creProduct .content .Productlist .ProductMain.row .demoList hr,
.creChart .content .Productlist .ProductMain.row .demoList hr,
.creProduct .content .Productlist .ProductMain.row .self_cre hr,
.creChart .content .Productlist .ProductMain.row .self_cre hr,
.creProduct .content .Productlist .ProductMain.row .thingcb hr,
.creChart .content .Productlist .ProductMain.row .thingcb hr {
  height: 1px;
  width: 50%;
  margin: 0 25%;
  margin-bottom: 15px;
  opacity: 0.5;
}
.creProduct .content .Productlist .ProductMain.row .blank .card,
.creChart .content .Productlist .ProductMain.row .blank .card,
.creProduct .content .Productlist .ProductMain.row .officialList .card,
.creChart .content .Productlist .ProductMain.row .officialList .card,
.creProduct .content .Productlist .ProductMain.row .demoList .card,
.creChart .content .Productlist .ProductMain.row .demoList .card,
.creProduct .content .Productlist .ProductMain.row .self_cre .card,
.creChart .content .Productlist .ProductMain.row .self_cre .card,
.creProduct .content .Productlist .ProductMain.row .thingcb .card,
.creChart .content .Productlist .ProductMain.row .thingcb .card {
  overflow: hidden;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a img,
.creChart .content .Productlist .ProductMain.row .blank .card a img,
.creProduct .content .Productlist .ProductMain.row .officialList .card a img,
.creChart .content .Productlist .ProductMain.row .officialList .card a img,
.creProduct .content .Productlist .ProductMain.row .demoList .card a img,
.creChart .content .Productlist .ProductMain.row .demoList .card a img,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a img,
.creChart .content .Productlist .ProductMain.row .self_cre .card a img,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a img,
.creChart .content .Productlist .ProductMain.row .thingcb .card a img {
  cursor: pointer;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 45px 0;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .nullCode,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .nullCode,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .nullCode,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .nullCode,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .nullCode,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .nullCode,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .nullCode,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .nullCode,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .nullCode,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .nullCode {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100px;
  margin: auto;
  display: block;
  cursor: pointer;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .nullCode label,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .nullCode label,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .nullCode label,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .nullCode label,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .nullCode label,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .nullCode label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .nullCode label,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .nullCode label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .nullCode label,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .nullCode label {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  z-index: 2;
  border-radius: 3px;
  border: 1px solid #dcdee2;
  word-break: keep-all;
  padding: 5px 15px 6px;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .nullCode:hover label,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .nullCode:hover label,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .nullCode:hover label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .nullCode:hover label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .nullCode:hover label {
  background: #ff7000;
  color: #fff;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add,
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100px;
  margin: auto;
  display: block;
  cursor: pointer;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add label,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add label,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add label,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add label,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add label,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add label,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add label,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add label,
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb label,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb label,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb label,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb label,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb label,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb label,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb label,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb label {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  margin: 0;
  z-index: 2;
  word-break: keep-all;
  padding: 5px 15px 6px;
  border-radius: 3px;
  border: 1px solid #dcdee2;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add i,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add i,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add i,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add i,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add i,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add i,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add i,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add i,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add i,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add i,
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb i,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb i,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb i,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb i,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb i,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb i,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb i,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb i,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb i,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb i {
  display: inline-block;
  background: #ff8000;
  height: 30px;
  position: relative;
  display: none;
  width: 2px;
  z-index: 1;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add i:after,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add i:after,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add i:after,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add i:after,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add i:after,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add i:after,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add i:after,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add i:after,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add i:after,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add i:after,
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb i:after,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb i:after,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb i:after,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb i:after,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb i:after,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb i:after,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb i:after,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb i:after,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb i:after,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb i:after {
  background: #ff8000;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
  transform: rotateZ(90deg);
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add:hover i,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add:hover i,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add:hover i,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add:hover i,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add:hover i,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add:hover i,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add:hover i,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add:hover i,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add:hover i,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add:hover i,
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb:hover i,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb:hover i,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb:hover i,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb:hover i,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb:hover i,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb:hover i,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb:hover i,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb:hover i,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb:hover i,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb:hover i {
  display: none;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add:hover label,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .add:hover label,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add:hover label,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .add:hover label,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add:hover label,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .add:hover label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add:hover label,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .add:hover label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add:hover label,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .add:hover label,
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb:hover label,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb:hover label,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb:hover label,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb:hover label,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb:hover label,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb:hover label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb:hover label,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb:hover label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb:hover label,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb:hover label {
  display: inline-block;
  background: #ff8140;
  color: #fff;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile .jumpcb,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile .jumpcb {
  display: none;
}
.creProduct .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile:hover,
.creChart .content .Productlist .ProductMain.row .blank .card a .card-img-top .newFile:hover,
.creProduct .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile:hover,
.creChart .content .Productlist .ProductMain.row .officialList .card a .card-img-top .newFile:hover,
.creProduct .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile:hover,
.creChart .content .Productlist .ProductMain.row .demoList .card a .card-img-top .newFile:hover,
.creProduct .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile:hover,
.creChart .content .Productlist .ProductMain.row .self_cre .card a .card-img-top .newFile:hover,
.creProduct .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile:hover,
.creChart .content .Productlist .ProductMain.row .thingcb .card a .card-img-top .newFile:hover {
  background: rgba(0, 0, 0, 0.1);
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card-body,
.creChart .content .Productlist .ProductMain.row .blank .card .card-body,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card-body,
.creChart .content .Productlist .ProductMain.row .officialList .card .card-body,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card-body,
.creChart .content .Productlist .ProductMain.row .demoList .card .card-body,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card-body,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card-body,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card-body,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card-body {
  padding: 0.5rem 0.25rem;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  flex-wrap: wrap;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .button,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .button,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .button,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .button,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .button,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .button,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .button,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .button,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .button,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .button {
  color: #fff;
  border-radius: 3px;
  word-break: keep-all;
  padding: 5px 10px;
  font-size: 14px;
  margin: auto;
  display: block;
  cursor: pointer;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .button:hover,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .button:hover,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .button:hover,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .button:hover,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .button:hover,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .button:hover,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .button:hover,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .button:hover,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .button:hover,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .button:hover {
  background: #d66f08;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .del {
  flex: 0 0 100%;
  max-width: 100%;
  background: none;
  cursor: default;
  padding: 0;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .start:hover,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .start:hover,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .start:hover,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .start:hover,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .start:hover,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .start:hover,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .start:hover,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .start:hover,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .start:hover,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .start:hover,
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .del:hover,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .del:hover,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .del:hover,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .del:hover,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .del:hover,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .del:hover,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .del:hover,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .del:hover,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .del:hover,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .del:hover {
  background: none;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .start label,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .start label,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .start label,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .start label,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .start label,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .start label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .start label,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .start label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .start label,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .start label,
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .del label {
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
  z-index: 2;
  border-radius: 3px;
  padding: 5px 10px;
  word-break: keep-all;
  cursor: pointer;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .start,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .start,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .start {
  margin: 55px auto 5px;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .start label:hover,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .start label:hover,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .start label:hover,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .start label:hover,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .start label:hover,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .start label:hover,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .start label:hover,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .start label:hover,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .start label:hover,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .start label:hover {
  background: #d66f08;
  border: 1px solid #d66f08;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .del,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .del,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .del {
  margin: 5px auto 55px;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .del label,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .del label,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .del label {
  background: #FF5722;
  border: 1px solid #FF5722;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_bg .del label:hover,
.creChart .content .Productlist .ProductMain.row .blank .card .card_bg .del label:hover,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_bg .del label:hover,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_bg .del label:hover,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_bg .del label:hover,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_bg .del label:hover,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg .del label:hover,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg .del label:hover,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_bg .del label:hover,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_bg .del label:hover {
  background: #af4422;
  border: 1px solid #af4422;
}
.creProduct .content .Productlist .ProductMain.row .blank .card:hover .card_bg,
.creChart .content .Productlist .ProductMain.row .blank .card:hover .card_bg,
.creProduct .content .Productlist .ProductMain.row .officialList .card:hover .card_bg,
.creChart .content .Productlist .ProductMain.row .officialList .card:hover .card_bg,
.creProduct .content .Productlist .ProductMain.row .demoList .card:hover .card_bg,
.creChart .content .Productlist .ProductMain.row .demoList .card:hover .card_bg,
.creProduct .content .Productlist .ProductMain.row .self_cre .card:hover .card_bg,
.creChart .content .Productlist .ProductMain.row .self_cre .card:hover .card_bg,
.creProduct .content .Productlist .ProductMain.row .thingcb .card:hover .card_bg,
.creChart .content .Productlist .ProductMain.row .thingcb .card:hover .card_bg {
  display: flex;
  z-index: 99;
}
.creProduct .content .Productlist .ProductMain.row .blank .card .card_option,
.creChart .content .Productlist .ProductMain.row .blank .card .card_option,
.creProduct .content .Productlist .ProductMain.row .officialList .card .card_option,
.creChart .content .Productlist .ProductMain.row .officialList .card .card_option,
.creProduct .content .Productlist .ProductMain.row .demoList .card .card_option,
.creChart .content .Productlist .ProductMain.row .demoList .card .card_option,
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_option,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_option,
.creProduct .content .Productlist .ProductMain.row .thingcb .card .card_option,
.creChart .content .Productlist .ProductMain.row .thingcb .card .card_option {
  position: absolute;
}
.creProduct .content .Productlist .ProductMain.row .blank .card,
.creChart .content .Productlist .ProductMain.row .blank .card {
  width: 226px;
}
.creProduct .content .Productlist .ProductMain.row .self_cre .card,
.creChart .content .Productlist .ProductMain.row .self_cre .card {
  overflow: visible;
}
.creProduct .content .Productlist .ProductMain.row .self_cre .card .automatic_scene,
.creChart .content .Productlist .ProductMain.row .self_cre .card .automatic_scene {
  width: 25px;
  height: 25px;
  position: absolute;
  background: url(../images/automatic.png) 0 0 no-repeat / contain;
  top: -6px;
  left: 8px;
  z-index: 500;
}
.creProduct .content .Productlist .ProductMain.row .self_cre .card .card_bg,
.creChart .content .Productlist .ProductMain.row .self_cre .card .card_bg {
  border-radius: 4px;
}
.creProduct .content .chartlist,
.creChart .content .chartlist {
  position: relative;
  min-height: 225px;
  max-height: 448.4px !important;
  overflow: auto;
  padding: 0 15px;
  background: none;
  overflow-x: hidden;
  padding-top: 0 !important;
}
.creProduct .content .chartlist .chartMain.row .templates,
.creChart .content .chartlist .chartMain.row .templates {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.creProduct .content .chartlist .chartMain.row .templates .card,
.creChart .content .chartlist .chartMain.row .templates .card {
  overflow: hidden;
}
.creProduct .content .chartlist .chartMain.row .templates .card a img,
.creChart .content .chartlist .chartMain.row .templates .card a img {
  cursor: pointer;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 45px 0;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100px;
  margin: auto;
  display: block;
  cursor: pointer;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode label {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  z-index: 2;
  border-radius: 3px;
  border: 1px solid #dcdee2;
  word-break: keep-all;
  padding: 5px 15px 6px;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode:hover label {
  background: #ff7000;
  color: #fff;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add,
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100px;
  margin: auto;
  display: block;
  cursor: pointer;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add label,
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb label {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  margin: 0;
  z-index: 2;
  word-break: keep-all;
  padding: 5px 15px 6px;
  border-radius: 3px;
  border: 1px solid #dcdee2;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add i,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add i,
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb i,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb i {
  display: inline-block;
  background: #ff8000;
  height: 30px;
  position: relative;
  display: none;
  width: 2px;
  z-index: 1;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add i:after,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add i:after,
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb i:after,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb i:after {
  background: #ff8000;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
  transform: rotateZ(90deg);
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add:hover i,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add:hover i,
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb:hover i,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb:hover i {
  display: none;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add:hover label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .add:hover label,
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb:hover label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb:hover label {
  display: inline-block;
  background: #ff8140;
  color: #fff;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .jumpcb {
  display: none;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile:hover,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile:hover {
  background: rgba(0, 0, 0, 0.1);
}
.creProduct .content .chartlist .chartMain.row .templates .card .card-body,
.creChart .content .chartlist .chartMain.row .templates .card .card-body {
  padding: 0.5rem 0.25rem;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  flex-wrap: wrap;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .button,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .button {
  color: #fff;
  border-radius: 3px;
  word-break: keep-all;
  padding: 5px 10px;
  font-size: 14px;
  margin: auto;
  display: block;
  cursor: pointer;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .button:hover,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .button:hover {
  background: #d66f08;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .start,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .start,
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .del,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .del {
  flex: 0 0 100%;
  max-width: 100%;
  background: none;
  cursor: default;
  padding: 0;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .start:hover,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .start:hover,
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .del:hover,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .del:hover {
  background: none;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .start label,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .start label,
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .del label,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .del label {
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
  z-index: 2;
  border-radius: 3px;
  padding: 5px 10px;
  word-break: keep-all;
  cursor: pointer;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .start,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .start {
  margin: 55px auto 5px;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .start label:hover,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .start label:hover {
  background: #d66f08;
  border: 1px solid #d66f08;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .del,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .del {
  margin: 5px auto 55px;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .del label,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .del label {
  background: #FF5722;
  border: 1px solid #FF5722;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_bg .del label:hover,
.creChart .content .chartlist .chartMain.row .templates .card .card_bg .del label:hover {
  background: #af4422;
  border: 1px solid #af4422;
}
.creProduct .content .chartlist .chartMain.row .templates .card:hover .card_bg,
.creChart .content .chartlist .chartMain.row .templates .card:hover .card_bg {
  display: flex;
  z-index: 99;
}
.creProduct .content .chartlist .chartMain.row .templates .card .card_option,
.creChart .content .chartlist .chartMain.row .templates .card .card_option {
  position: absolute;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile {
  background: #e2e2e2;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode label {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  z-index: 2;
  border-radius: 3px;
  border: 1px solid #999;
  word-break: keep-all;
  padding: 5px 15px 6px;
}
.creProduct .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode:hover label,
.creChart .content .chartlist .chartMain.row .templates .card a .card-img-top .newFile .nullCode:hover label {
  background: #ff7000;
  color: #fff;
  border: 1px solid #fff;
}
/* 资源上传 */
.bg-upload {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #00000038;
}
.bg-upload .bg-box {
  width: 453px !important;
  position: relative;
  margin: auto;
  background-color: #FDFDFD;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: content-box;
}
.bg-upload .bg-box .title_f {
  color: #2f2f2f;
  font-size: 14px;
  margin: 13px 27px;
  display: block;
  font-weight: 600;
}
.bg-upload .bg-box .title {
  height: 50px;
  position: relative;
  border-bottom: 1px solid #e3e5e7;
}
.bg-upload .bg-box .title .title-p {
  font-size: 15px;
  color: #17233d;
  font-weight: 700;
  line-height: 51px;
  padding: 0 14px;
}
.bg-upload .bg-box .title .title_desc {
  font-size: 14px;
  margin-left: 10px;
  color: #333333;
  display: none;
}
.bg-upload .bg-box .title .title_expand {
  cursor: pointer;
  border: 1px solid #dcdee2;
  padding: 2px 5px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
}
.bg-upload .bg-box .title .close_upload {
  position: absolute;
  top: 6px;
  right: 23px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.bg-upload .bg-box .title .close_upload i {
  color: #979797;
  font-size: 25px;
}
.bg-upload .bg-box .title .close_upload:hover i {
  color: #585858;
}
.bg-upload .bg-box .title .close_c {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.bg-upload .bg-box .title .close_c i {
  color: #979797;
  font-size: 15px;
}
.bg-upload .bg-box .title .close_c:hover i {
  color: #585858;
}
.bg-upload .bg-box .img {
  padding: 0px 27px;
  font-size: 14px;
  text-align: justify;
  line-height: 25px;
}
.bg-upload .bg-box .img img {
  width: 32.3%;
}
.bg-upload .bg-box .img span:hover {
  color: #ff8000;
  cursor: pointer;
}
.bg-upload .bg-box .container {
  position: relative;
  margin: 0;
  margin-top: 20px;
  width: calc(100% - 30px);
  padding-left: 15px;
  padding-right: 15px;
}
.bg-upload .bg-box .container #chscene {
  width: 100%;
  height: 60px;
  position: relative;
}
.bg-upload .bg-box .container #chscene #file {
  width: 180px;
  padding: 3px 0;
  overflow: hidden;
}
.bg-upload .bg-box .container #chscene #supload {
  position: absolute;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  background-color: #ff8000;
  color: #fff;
  font-size: 15px;
  padding: 3px 8px;
}
.bg-upload .bg-box .container #chscene #supload:hover {
  background-color: #ea7a08;
}
.bg-upload .bg-box .container #chscene .parent-dlg {
  position: absolute;
  width: 180px;
  height: 13px;
  border-radius: 3px;
  left: 0;
  z-index: 99;
}
.bg-upload .bg-box .container #chscene .parent-dlg .son {
  width: 0;
  height: 100%;
  background-color: #ff8000;
  border-radius: 3px;
  color: #fff;
}
.bg-upload .bg-box .ifOverRide {
  padding: 0 12px;
}
.bg-upload .bg-box .ifOverRide span:first-child {
  float: left;
}
.bg-upload .bg-box .ifOverRide .input-radio {
  padding: 0 15px;
  display: inline-block;
}
.bg-upload .bg-box .ifOverRide .input-radio .input-style-radio {
  position: relative;
}
.bg-upload .bg-box .ifOverRide .input-radio .input-style-radio .overRide-radio {
  margin-right: 18px;
  font-size: 14px;
}
.bg-upload .bg-box .ifOverRide .input-radio .input-style-radio .overRide-radio input {
  position: relative;
  left: 8px;
  top: 2px;
  cursor: pointer;
}
.bg-upload #uploader {
  margin: 15px 27px;
}
.bg-upload #uploader .easy-uploader .cursor-select {
  cursor: pointer;
  user-select: none;
}
.bg-upload #uploader .easy-uploader .btn {
  display: inline-block;
  margin-right: 10px;
  padding: 9px 15px;
  font-size: 12px;
  color: #fff;
  border: 1px #ff6110 solid;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
}
.bg-upload #uploader .easy-uploader .primary {
  color: #fff;
  background-color: #ff6110;
  border: 0;
}
.bg-upload #uploader .easy-uploader .primary:hover {
  background-color: #ff8140;
}
.bg-upload #uploader .easy-uploader .danger {
  color: #fff;
  background-color: #f56c6c;
  border: 0;
}
.bg-upload #uploader .easy-uploader .checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
.bg-upload #uploader .easy-uploader .unchecked {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB/klEQVQ4T5WTMWgTYRiG3++/2uKqEOlmwalWUaLk7prk7CLqKFScFDG56yIuFbdaRXCwOChY79qhXS04KCi4mLuE5EItCkJadHNodSkOLk1798oFEmopJfm27//+9/nfH75XsKcKlYyuxeomgGEQJwmhAKsEG7EWL8xn6+FuibSbOz9ODDTXUw8hvEegDEidwJdkrogzAEwCJhSf4nBzyju3sp3MWoDpTxf61rWthDxE8tacFb7d6yzpi4F5XYhZAdYG4/7c9FhppwWwffMxBHZftH365djyr/3E7TM7SA8KBr4CfOXmaw+kUM6kVazVAVzxrOrHg8TtWbGiX5ZIvRO1kxY7MOeE0F2reqobcfuO45vfCFbFCYwKydCzwsleAHZgPBMgLbZv/AXkarf2Ow7KxiVQFsXxjQ2qeNzL1Su9OCiURnOaxK+TL3wA+N7Nhy96ATi+cReQi2KXjSeIkfKs2u0eAYtQ/CkTNf04m/KZh5D1zNpaNxAnyAwTWinScL61SI5v3qegGPdHo/N6/fdBkEKYOaY1tWWQz12rNtMCjBPakcAMAQ4BtF0rfLMfZMLXr8Uis0L5vpmvZpcE0X9h2tpIPRJwsh0mxXglEqUEOCuEkYRJgJnNo3+mlkYazU6Ydr/mlEwDijeSOBMYASQScBVAg8IFLxcma9+pf7Er0M3JZjQlAAAAAElFTkSuQmCC);
}
.bg-upload #uploader .easy-uploader .checked {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwUlEQVQ4T42Ty2sTYRTFf+dzQoqrFlToyo0IggtRRGc0KVIf6cJ/oGpwlcGFuvOBe9GNCoJSi2BtC/4HpW5kJjW6dJOFuCgIoigSBUFjzVyZtAnTR0i+3T33nvMd7kNseBdfHRjOu6EzOPabuX1gOwR/MBaaye+ZZyfe/chSlA3CODhvxkOJ4Y3Ca3EjEVenC7XZTr4rUImPXhPubg/iOthIbj0pvr2dgm2BShScllgchNypSbDSdPHNoi5/2JNvft61LBjtJ2BmPxHbhXIGH/OjX/eqEvmTkub7kuFby7PAW+Ee0tm03szOqRL7z4Uu9BFomGcB/ygJ3e/UGswpjP0l0LE2aPbJxBehQ92i1DYUEONZ8mreXiuMghhRWLO0vM2tnGwluReSDmP8MiVj4I4IHm1yaVQVRv4MUjljqw7NU1h+HpfcxNzBLcnp/9jslk00rPa3lR/Pec1JZ3raqz/tJq6Oced7od39JpHNd8eYgmHVL2FaGFTA0gHCRHuROqQwCq4j7gwkYtyYGqu11379MUV+GekBMNLrmIArU8Xa3KZj6gCXqsdHkqRVRkwYDMn4bqIus7pz3svHhaVGVvw/Gf+svZgLZgkAAAAASUVORK5CYII=);
}
.bg-upload #uploader .easy-uploader .btn-box {
  display: flex;
  align-items: center;
}
.bg-upload #uploader .easy-uploader .list {
  list-style: none;
  margin: 20px 0px;
}
.bg-upload #uploader .easy-uploader .list-item {
  box-sizing: border-box;
  position: relative;
  padding: 5px 10px 10px 79px;
  height: 34px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 3px;
}
.bg-upload #uploader .easy-uploader .list-item:hover {
  background-color: #e2e2e261;
}
.bg-upload #uploader .easy-uploader .list-item .preview {
  position: relative;
  z-index: 1;
  float: left;
  vertical-align: middle;
  margin-left: -74px;
  width: 22px;
  height: 22px;
}
.bg-upload #uploader .easy-uploader .list-item .preview .preview-img {
  max-width: 22px;
  max-height: 22px;
}
.bg-upload #uploader .easy-uploader .info {
  position: relative;
  margin-right: 4px;
  top: -29px;
  margin-left: -47px;
  padding-left: 4px;
  color: #606266;
}
.bg-upload #uploader .easy-uploader .filename {
  margin-top: 20px;
  margin-right: 40px;
  padding-left: 4px;
  line-height: 30px;
  color: #606266;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bg-upload #uploader .easy-uploader .progress-wrapper {
  position: relative;
  height: 2px;
  background-color: #eee;
}
.bg-upload #uploader .easy-uploader .progressbar {
  height: 100%;
  background-color: #409eff;
}
.bg-upload #uploader .easy-uploader .progress-text {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  font-size: 12px;
  line-height: 30px;
  color: #606266;
}
.bg-upload #uploader .easy-uploader .delete-label {
  box-sizing: border-box;
  position: absolute;
  right: -15px;
  top: 7px;
  z-index: 0;
  padding-right: 12px;
  width: 46px;
  height: 26px;
  text-align: rigth;
}
.bg-upload #uploader .easy-uploader .delete-label i {
  font-size: 12px;
}
.bg-upload #uploader .easy-uploader .delete-label:hover i {
  color: #080808;
}
.bg-upload #uploader .easy-uploader .delete-label #share-url-copy {
  z-index: -19;
  position: absolute;
  top: 30px;
  color: rgba(0, 0, 0, 0);
}
.bg-upload #uploader .easy-uploader .delete-label #share-url-copy::selection {
  background-color: rgba(0, 0, 0, 0);
}
.bg-upload #uploader .easy-uploader .delete-label .border-img {
  background: url(../images/img_line.png) #fff 100% 100% no-repeat;
  width: 23px;
  position: absolute;
  right: 257px;
  height: 28px;
  top: 1px;
  opacity: 0.8;
}
.bg-upload #uploader .easy-uploader .delete-icon {
  position: absolute;
  margin-top: 10px;
  font-size: 12px;
  color: #797979;
  text-align: center;
  transform: rotate(-45deg);
}
.bg-upload #uploader .easy-uploader .select-icon {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.bg-upload #uploader .shareFooter {
  height: 50px;
  border-top: 1px solid #e3e5e7;
  padding-left: 36%;
}
.bg-upload #uploader .shareFooter span {
  margin-top: 11px;
  margin-right: 14px;
  height: 19px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  user-select: none;
  padding: 5px 15px 6px;
  font-size: 12px;
  border-radius: 4px;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
}
.bg-upload #uploader .shareFooter .footer-button {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #dcdee2;
}
.bg-upload #uploader .shareFooter .footer-button:hover {
  color: #ff8140;
  border: 1px solid #ff8140;
}
.bg-upload #uploader .shareFooter .primary {
  color: #fff;
  background-color: #ff6110;
  border: 0;
}
.bg-upload #uploader .shareFooter .primary:hover {
  background-color: #ff8140;
}
.bg-upload .upload_footer {
  height: 62px;
  border-top: 1px solid #e3e5e7;
  display: flex;
  justify-content: center;
}
.bg-upload .upload_footer div {
  width: 56px;
  height: 31px;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  touch-action: manipulation;
  padding: 5px 15px 6px;
  font-size: 12px;
  border-radius: 4px;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  white-space: nowrap;
  user-select: none;
  border: 1px solid #dcdee2;
  margin: 7px 10px;
}
.bg-upload .upload_footer div:hover {
  color: #ff8140;
  border: 1px solid #ff8140;
}
.bg-upload .upload_footer .expand {
  display: none;
}
.bg-upload .upload_footer span {
  margin: auto;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  user-select: none;
  padding: 5px 15px 6px;
  font-size: 12px;
  border-radius: 4px;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #dcdee2;
}
.bg-upload .upload_footer span:hover {
  color: #ff8140;
  border: 1px solid #ff8140;
}
/* 共享项目 */
.shareProject,
.organizeProject,
.copySceneToUser,
.sceneTemplate {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #00000038;
}
.shareProject *,
.organizeProject *,
.copySceneToUser *,
.sceneTemplate *,
.shareProject:after,
.organizeProject:after,
.copySceneToUser:after,
.sceneTemplate:after,
.shareProject:before,
.organizeProject:before,
.copySceneToUser:before,
.sceneTemplate:before {
  box-sizing: inherit;
}
.shareProject .move,
.organizeProject .move,
.copySceneToUser .move,
.sceneTemplate .move {
  cursor: move;
}
.shareProject .title,
.organizeProject .title,
.copySceneToUser .title,
.sceneTemplate .title {
  height: 50px;
  position: relative;
  border-bottom: 1px solid #505354;
  color: #c6c6c6;
}
.shareProject .title p,
.organizeProject .title p,
.copySceneToUser .title p,
.sceneTemplate .title p {
  display: inline-block;
}
.shareProject .title .title-p,
.organizeProject .title .title-p,
.copySceneToUser .title .title-p,
.sceneTemplate .title .title-p {
  font-size: 15px;
  font-weight: 700;
  line-height: 51px;
  padding-left: 16px;
  width: 70px;
}
.shareProject .title .title-name1,
.organizeProject .title .title-name1,
.copySceneToUser .title .title-name1,
.sceneTemplate .title .title-name1 {
  font-size: 14px;
  color: #989898;
  padding-left: 6px;
}
.shareProject .title .title-type,
.organizeProject .title .title-type,
.copySceneToUser .title .title-type,
.sceneTemplate .title .title-type {
  font-size: 14px;
  color: #989898;
  padding-left: 6px;
}
.shareProject .title .close_c,
.organizeProject .title .close_c,
.copySceneToUser .title .close_c,
.sceneTemplate .title .close_c {
  position: absolute;
  top: 12px;
  right: 17px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.shareProject .title .close_c i,
.organizeProject .title .close_c i,
.copySceneToUser .title .close_c i,
.sceneTemplate .title .close_c i {
  color: #959697;
  font-size: 15px;
}
.shareProject .title .close_c:hover i,
.organizeProject .title .close_c:hover i,
.copySceneToUser .title .close_c:hover i,
.sceneTemplate .title .close_c:hover i {
  color: #c5c5c5;
}
.shareProject .text,
.organizeProject .text,
.copySceneToUser .text,
.sceneTemplate .text {
  margin-top: 11px;
  margin-right: 14px;
  height: 19px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  padding: 5px 15px 6px;
  font-size: 12px;
  border-radius: 3px;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
  color: #ccc;
  background-color: #57595b;
  border-color: #dcdee2;
}
.shareProject .text:hover,
.organizeProject .text:hover,
.copySceneToUser .text:hover,
.sceneTemplate .text:hover {
  color: #fff;
  background: rgba(123, 122, 122, 0.4);
}
.shareProject a:not([href]):not([tabindex]),
.organizeProject a:not([href]):not([tabindex]),
.copySceneToUser a:not([href]):not([tabindex]),
.sceneTemplate a:not([href]):not([tabindex]) {
  color: #ccc;
}
.shareProject a:not([href]):not([tabindex]):hover,
.organizeProject a:not([href]):not([tabindex]):hover,
.copySceneToUser a:not([href]):not([tabindex]):hover,
.sceneTemplate a:not([href]):not([tabindex]):hover {
  color: #fff;
}
.shareProject .primary,
.organizeProject .primary,
.copySceneToUser .primary,
.sceneTemplate .primary {
  color: #fff;
  background-color: #ff6110;
}
.shareProject .primary:hover,
.organizeProject .primary:hover,
.copySceneToUser .primary:hover,
.sceneTemplate .primary:hover {
  color: #fff;
  background-color: #ff8140;
}
.shareProject .share-url-copy,
.organizeProject .share-url-copy,
.copySceneToUser .share-url-copy,
.sceneTemplate .share-url-copy {
  z-index: -19;
  position: absolute;
  top: -32px;
  left: -435px;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.shareProject .share-url-copy::selection,
.organizeProject .share-url-copy::selection,
.copySceneToUser .share-url-copy::selection,
.sceneTemplate .share-url-copy::selection {
  background-color: rgba(0, 0, 0, 0);
}
.shareProject .shareFooter,
.organizeProject .shareFooter,
.copySceneToUser .shareFooter,
.sceneTemplate .shareFooter {
  height: 62px;
  border-top: 1px solid #505354;
  padding-left: 35%;
}
.shareProject .shareFooter .footer-button,
.organizeProject .shareFooter .footer-button,
.copySceneToUser .shareFooter .footer-button,
.sceneTemplate .shareFooter .footer-button {
  color: #ccc;
  background-color: #57595b;
}
.shareProject .shareFooter .footer-button:hover,
.organizeProject .shareFooter .footer-button:hover,
.copySceneToUser .shareFooter .footer-button:hover,
.sceneTemplate .shareFooter .footer-button:hover {
  color: #fff;
  background: rgba(123, 122, 122, 0.4);
}
.shareProject .wrapper,
.organizeProject .wrapper,
.copySceneToUser .wrapper,
.sceneTemplate .wrapper {
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  top: 18px;
  left: 29px;
  text-align: center;
  color: #989898;
  width: 200px;
  -webkit-transform: translateZ(0);
  /* webkit flicker fix */
  -webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */
}
.shareProject .wrapper:hover .tooltip,
.organizeProject .wrapper:hover .tooltip,
.copySceneToUser .wrapper:hover .tooltip,
.sceneTemplate .wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.shareProject .tooltip,
.organizeProject .tooltip,
.copySceneToUser .tooltip,
.sceneTemplate .tooltip {
  background: #3c3d3f;
  bottom: 100%;
  color: #a2a2a2;
  display: block;
  top: -6px;
  left: 26px;
  border-radius: 3px;
  line-height: 16px;
  opacity: 0;
  padding: 7px 7px;
  pointer-events: none;
  position: absolute;
  width: 400px;
  height: 15px;
  font-size: 13px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.shareProject .tooltip .arrow,
.organizeProject .tooltip .arrow,
.copySceneToUser .tooltip .arrow,
.sceneTemplate .tooltip .arrow {
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #2f2f2fe0;
  border-left: 1px solid #2f2f2fe0;
  position: absolute;
  left: -6px;
  z-index: -7;
  background: #3c3d3f;
  transform: rotate(45deg);
  bottom: 9px;
}
.shareProject .panel-radio-border,
.organizeProject .panel-radio-border,
.copySceneToUser .panel-radio-border,
.sceneTemplate .panel-radio-border {
  background: none;
}
.shareProject .sharePanel,
.organizeProject .sharePanel,
.copySceneToUser .sharePanel,
.sceneTemplate .sharePanel {
  width: 744px;
  height: 350px;
  position: relative;
  top: calc(50% - 175px);
  left: calc(50% - 372px);
  background-color: #2b2d2f;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: content-box;
}
.shareProject .sharePanel .panel-content,
.organizeProject .sharePanel .panel-content,
.copySceneToUser .sharePanel .panel-content,
.sceneTemplate .sharePanel .panel-content {
  height: 246px;
}
.shareProject .sharePanel .panel-content .panel-list-title,
.organizeProject .sharePanel .panel-content .panel-list-title,
.copySceneToUser .sharePanel .panel-content .panel-list-title,
.sceneTemplate .sharePanel .panel-content .panel-list-title {
  position: relative;
  top: 17px;
  left: 25px;
  color: #c6c6c6;
  font-size: 14px;
  font-weight: 600;
}
.shareProject .sharePanel .panel-content .newShare,
.organizeProject .sharePanel .panel-content .newShare,
.copySceneToUser .sharePanel .panel-content .newShare,
.sceneTemplate .sharePanel .panel-content .newShare {
  position: absolute;
  right: 16px;
  line-height: 20px;
}
.shareProject .sharePanel .panel-content .newShare i,
.organizeProject .sharePanel .panel-content .newShare i,
.copySceneToUser .sharePanel .panel-content .newShare i,
.sceneTemplate .sharePanel .panel-content .newShare i {
  font-size: 14px;
  position: relative;
  right: 4px;
}
.shareProject .sharePanel .panel-content .panel-table,
.organizeProject .sharePanel .panel-content .panel-table,
.copySceneToUser .sharePanel .panel-content .panel-table,
.sceneTemplate .sharePanel .panel-content .panel-table {
  margin-left: 25px;
  margin-top: 31px;
  border: 1px solid #4d5153;
  border-radius: 0px;
  max-width: 690px;
  color: #ccc;
}
.shareProject .sharePanel .panel-content .panel-table tr:nth-child(1),
.organizeProject .sharePanel .panel-content .panel-table tr:nth-child(1),
.copySceneToUser .sharePanel .panel-content .panel-table tr:nth-child(1),
.sceneTemplate .sharePanel .panel-content .panel-table tr:nth-child(1) {
  background-color: #222222;
}
.shareProject .sharePanel .panel-content .panel-table tr:nth-last-child(1) td,
.organizeProject .sharePanel .panel-content .panel-table tr:nth-last-child(1) td,
.copySceneToUser .sharePanel .panel-content .panel-table tr:nth-last-child(1) td,
.sceneTemplate .sharePanel .panel-content .panel-table tr:nth-last-child(1) td {
  border-bottom: none;
}
.shareProject .sharePanel .panel-content .panel-table td,
.organizeProject .sharePanel .panel-content .panel-table td,
.copySceneToUser .sharePanel .panel-content .panel-table td,
.sceneTemplate .sharePanel .panel-content .panel-table td {
  position: relative;
  border-right: 1px solid #4d5153;
  border-bottom: 1px solid #4d5153;
  text-align: center;
}
.shareProject .sharePanel .panel-content .panel-table td:nth-child(1),
.organizeProject .sharePanel .panel-content .panel-table td:nth-child(1),
.copySceneToUser .sharePanel .panel-content .panel-table td:nth-child(1),
.sceneTemplate .sharePanel .panel-content .panel-table td:nth-child(1) {
  width: 24px;
}
.shareProject .sharePanel .panel-content .panel-table td:nth-child(2),
.organizeProject .sharePanel .panel-content .panel-table td:nth-child(2),
.copySceneToUser .sharePanel .panel-content .panel-table td:nth-child(2),
.sceneTemplate .sharePanel .panel-content .panel-table td:nth-child(2) {
  width: 250px;
}
.shareProject .sharePanel .panel-content .panel-table td:nth-child(3),
.organizeProject .sharePanel .panel-content .panel-table td:nth-child(3),
.copySceneToUser .sharePanel .panel-content .panel-table td:nth-child(3),
.sceneTemplate .sharePanel .panel-content .panel-table td:nth-child(3) {
  width: 55px;
}
.shareProject .sharePanel .panel-content .panel-table td:nth-child(4),
.organizeProject .sharePanel .panel-content .panel-table td:nth-child(4),
.copySceneToUser .sharePanel .panel-content .panel-table td:nth-child(4),
.sceneTemplate .sharePanel .panel-content .panel-table td:nth-child(4) {
  width: 119px;
}
.shareProject .sharePanel .panel-content .panel-table td:nth-child(5),
.organizeProject .sharePanel .panel-content .panel-table td:nth-child(5),
.copySceneToUser .sharePanel .panel-content .panel-table td:nth-child(5),
.sceneTemplate .sharePanel .panel-content .panel-table td:nth-child(5) {
  width: 60px;
}
.shareProject .sharePanel .panel-content .panel-table td:nth-last-child(1),
.organizeProject .sharePanel .panel-content .panel-table td:nth-last-child(1),
.copySceneToUser .sharePanel .panel-content .panel-table td:nth-last-child(1),
.sceneTemplate .sharePanel .panel-content .panel-table td:nth-last-child(1) {
  border-right: none;
}
.shareProject .sharePanel .panel-content .panel-table td .linkCopy,
.organizeProject .sharePanel .panel-content .panel-table td .linkCopy,
.copySceneToUser .sharePanel .panel-content .panel-table td .linkCopy,
.sceneTemplate .sharePanel .panel-content .panel-table td .linkCopy {
  position: absolute;
  width: auto;
  padding: 0px 5px;
  top: -11px;
  height: auto;
  line-height: 22px;
  left: calc(76% - 8px);
  word-break: keep-all;
  color: #ffffff;
  background: #000000;
  opacity: 0.6976;
  display: none;
}
.shareProject .sharePanel .panel-content .panel-table td .linkCopy2,
.organizeProject .sharePanel .panel-content .panel-table td .linkCopy2,
.copySceneToUser .sharePanel .panel-content .panel-table td .linkCopy2,
.sceneTemplate .sharePanel .panel-content .panel-table td .linkCopy2 {
  left: calc(100% - 67px);
}
.shareProject .sharePanel .panel-content .panel-table .copy,
.organizeProject .sharePanel .panel-content .panel-table .copy,
.copySceneToUser .sharePanel .panel-content .panel-table .copy,
.sceneTemplate .sharePanel .panel-content .panel-table .copy {
  border-right: none;
}
.shareProject .sharePanel .panel-content .panel-table .del,
.organizeProject .sharePanel .panel-content .panel-table .del,
.copySceneToUser .sharePanel .panel-content .panel-table .del,
.sceneTemplate .sharePanel .panel-content .panel-table .del {
  padding-left: 0px;
}
.shareProject .sharePanel .panel-content .panel-table .del .text i,
.organizeProject .sharePanel .panel-content .panel-table .del .text i,
.copySceneToUser .sharePanel .panel-content .panel-table .del .text i,
.sceneTemplate .sharePanel .panel-content .panel-table .del .text i {
  font-size: 14px;
}
.shareProject .sharePanel .panel-content .panel-table .hasNoData,
.organizeProject .sharePanel .panel-content .panel-table .hasNoData,
.copySceneToUser .sharePanel .panel-content .panel-table .hasNoData,
.sceneTemplate .sharePanel .panel-content .panel-table .hasNoData {
  position: relative;
  left: 313px;
  white-space: nowrap;
  max-width: 24px;
}
.shareProject .sharePanel .panel-content .panel-table .panel-share-url,
.organizeProject .sharePanel .panel-content .panel-table .panel-share-url,
.copySceneToUser .sharePanel .panel-content .panel-table .panel-share-url,
.sceneTemplate .sharePanel .panel-content .panel-table .panel-share-url {
  cursor: pointer;
  background: none;
  width: 221px;
  border-radius: 4px;
  display: inline-block;
  text-overflow: ellipsis;
}
.shareProject .sharePanel .panel-content .panel-table .panel-share-key,
.organizeProject .sharePanel .panel-content .panel-table .panel-share-key,
.copySceneToUser .sharePanel .panel-content .panel-table .panel-share-key,
.sceneTemplate .sharePanel .panel-content .panel-table .panel-share-key {
  cursor: pointer;
  width: 50px;
  text-align: center;
}
.shareProject .sharePanel .panel-content .panel-table .text,
.organizeProject .sharePanel .panel-content .panel-table .text,
.copySceneToUser .sharePanel .panel-content .panel-table .text,
.sceneTemplate .sharePanel .panel-content .panel-table .text {
  height: 10px;
  line-height: 11px;
  padding: 5px 4px 6px 4px;
  margin: 0;
}
.shareProject .sharePanel .panel-content .panel-table .text i,
.organizeProject .sharePanel .panel-content .panel-table .text i,
.copySceneToUser .sharePanel .panel-content .panel-table .text i,
.sceneTemplate .sharePanel .panel-content .panel-table .text i {
  font-size: 15px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(2),
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(2),
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(2),
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(2) {
  width: 129px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(3),
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(3),
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(3),
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(3) {
  width: 41px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(5),
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(5),
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(5),
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(5) {
  width: 42px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(6),
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(6),
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(6),
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow td:nth-child(6) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 98px;
  max-width: 98px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy,
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy,
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy,
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy {
  left: calc(76% - 35px);
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy2,
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy2,
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy2,
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow td .linkCopy2 {
  left: calc(76% - 43px);
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow .panel-share-url,
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow .panel-share-url,
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow .panel-share-url,
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow .panel-share-url {
  width: 106px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow .panel-share-key,
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow .panel-share-key,
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow .panel-share-key,
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow .panel-share-key {
  width: 41px;
}
.shareProject .sharePanel .panel-content .panel-table .whiteListShow .whiteL,
.organizeProject .sharePanel .panel-content .panel-table .whiteListShow .whiteL,
.copySceneToUser .sharePanel .panel-content .panel-table .whiteListShow .whiteL,
.sceneTemplate .sharePanel .panel-content .panel-table .whiteListShow .whiteL {
  border-right: none;
  padding-left: 0px;
}
.shareProject .sharePanel .panel-content .open-prj-tip,
.organizeProject .sharePanel .panel-content .open-prj-tip,
.copySceneToUser .sharePanel .panel-content .open-prj-tip,
.sceneTemplate .sharePanel .panel-content .open-prj-tip {
  font-size: 12px;
  color: #989898;
  margin-left: 26px;
}
.shareProject .sharePanel .shareFooter,
.organizeProject .sharePanel .shareFooter,
.copySceneToUser .sharePanel .shareFooter,
.sceneTemplate .sharePanel .shareFooter {
  padding-left: 25%;
}
.shareProject .sharePanel .shareFooter .panel-share,
.organizeProject .sharePanel .shareFooter .panel-share,
.copySceneToUser .sharePanel .shareFooter .panel-share,
.sceneTemplate .sharePanel .shareFooter .panel-share {
  position: relative;
}
.shareProject .sharePanel .shareFooter .panel-share .shareType,
.organizeProject .sharePanel .shareFooter .panel-share .shareType,
.copySceneToUser .sharePanel .shareFooter .panel-share .shareType,
.sceneTemplate .sharePanel .shareFooter .panel-share .shareType {
  line-height: 20px;
  margin-right: 30px;
  padding: 5px 15px 6px 20px;
}
.shareProject .sharePanel .shareFooter .panel-share .shareType i,
.organizeProject .sharePanel .shareFooter .panel-share .shareType i,
.copySceneToUser .sharePanel .shareFooter .panel-share .shareType i,
.sceneTemplate .sharePanel .shareFooter .panel-share .shareType i {
  position: relative;
  left: -5px;
  font-size: 14px;
}
.shareProject .sharePanel .shareFooter .footer-button,
.organizeProject .sharePanel .shareFooter .footer-button,
.copySceneToUser .sharePanel .shareFooter .footer-button,
.sceneTemplate .sharePanel .shareFooter .footer-button {
  margin-left: 14%;
}
.shareProject .shareContent,
.organizeProject .shareContent,
.copySceneToUser .shareContent,
.sceneTemplate .shareContent {
  width: 509px;
  height: 364px;
  position: absolute;
  background-color: #2b2d2f;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: content-box;
  top: calc(50% - 164px);
  left: calc(50% - 253px);
}
.shareProject .shareContent .contentHead,
.organizeProject .shareContent .contentHead,
.copySceneToUser .shareContent .contentHead,
.sceneTemplate .shareContent .contentHead {
  color: #c6c6c6;
  font-size: 14px;
  margin: 18px 40px 0;
  display: block;
  font-weight: 600;
}
.shareProject .shareContent .contentBody,
.organizeProject .shareContent .contentBody,
.copySceneToUser .shareContent .contentBody,
.sceneTemplate .shareContent .contentBody {
  height: 248px;
}
.shareProject .shareContent .contentBody .item_1,
.organizeProject .shareContent .contentBody .item_1,
.copySceneToUser .shareContent .contentBody .item_1,
.sceneTemplate .shareContent .contentBody .item_1 {
  height: 110px;
  margin-top: 10px;
}
.shareProject .shareContent .contentBody .item_2,
.organizeProject .shareContent .contentBody .item_2,
.copySceneToUser .shareContent .contentBody .item_2,
.sceneTemplate .shareContent .contentBody .item_2 {
  height: 140px;
}
.shareProject .shareContent .contentBody .contentItem,
.organizeProject .shareContent .contentBody .contentItem,
.copySceneToUser .shareContent .contentBody .contentItem,
.sceneTemplate .shareContent .contentBody .contentItem {
  width: 100%;
  color: #818796;
  overflow: hidden;
}
.shareProject .shareContent .contentBody .contentItem .itemLeft,
.organizeProject .shareContent .contentBody .contentItem .itemLeft,
.copySceneToUser .shareContent .contentBody .contentItem .itemLeft,
.sceneTemplate .shareContent .contentBody .contentItem .itemLeft {
  float: left;
  width: 110px;
  padding-right: 40px;
  text-align: right;
  padding-top: 10px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight,
.organizeProject .shareContent .contentBody .contentItem .itemRight,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight {
  float: left;
  width: 320px;
  border-bottom: 1px solid #626465;
  margin-right: 30px;
  padding-bottom: 10px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .lineBox,
.organizeProject .shareContent .contentBody .contentItem .itemRight .lineBox,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .lineBox,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .lineBox {
  padding: 10px 20px 10px 0px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .lineBox .effDay,
.organizeProject .shareContent .contentBody .contentItem .itemRight .lineBox .effDay,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .lineBox .effDay,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .lineBox .effDay {
  margin-right: 10px;
  position: relative;
  top: -4px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio,
.organizeProject .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio {
  font-size: 14px;
  background: 0 0;
  position: relative;
  top: 1px;
  color: #09AAFF;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio i,
.organizeProject .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio i,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio i,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .content-tip .tip-radio i {
  font-size: 14px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .content-tip label b,
.organizeProject .shareContent .contentBody .contentItem .itemRight .content-tip label b,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .content-tip label b,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .content-tip label b {
  padding: 0 20px 0 7px;
  color: #424e67;
  font-weight: 400;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .g-button,
.organizeProject .shareContent .contentBody .contentItem .itemRight .g-button,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .g-button,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .g-button {
  padding: 0;
  background: #1c1f20;
  width: 88px;
  height: 30px;
  line-height: 19px;
  cursor: pointer;
  border: 1px solid #4d5153;
  position: relative;
  top: -3px;
  text-decoration: none;
  border-radius: 2px;
  outline: none;
  margin: 0;
  left: -3px;
  text-align: left;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .g-button .text1,
.organizeProject .shareContent .contentBody .contentItem .itemRight .g-button .text1,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .g-button .text1,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .g-button .text1 {
  color: #ccc;
  width: 50px;
  font-size: 12px;
  margin-left: 10px;
  margin-right: 2px;
  vertical-align: baseline;
  display: inline-block;
  line-height: 30px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .g-button i,
.organizeProject .shareContent .contentBody .contentItem .itemRight .g-button i,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .g-button i,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .g-button i {
  color: #ccc;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list {
  border: 1px solid #4d5153;
  width: 88px;
  display: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #1c1f20;
  position: absolute;
  margin-left: 48px;
  z-index: 1;
  padding-top: 2px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list li,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list li,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list li,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list li {
  color: #a9a9a9;
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  cursor: pointer;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list li em,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list li em,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list li em,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list li em {
  font-style: normal;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list li:hover,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list li:hover,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list li:hover,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list li:hover {
  background: #222527d1;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked {
  color: #fff;
  background: #222527d1;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span {
  position: absolute;
  right: 6px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span i,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span i,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span i,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-list .choose-checked span i {
  color: #fff;
  font-weight: 600;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-day,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-day,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-day,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-day {
  display: inline-block;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-day .choose-num,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-day .choose-num,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-day .choose-num,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-day .choose-num {
  border: 1px solid #4d5153;
  height: 30px;
  position: relative;
  top: -4px;
  left: 16px;
  width: 15px;
  border-radius: 2px;
  padding: 0 10px;
  background: #1c1f20;
  color: #ccc;
  text-align: center;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .choose-day .choose-tip,
.organizeProject .shareContent .contentBody .contentItem .itemRight .choose-day .choose-tip,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .choose-day .choose-tip,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .choose-day .choose-tip {
  margin-left: 21px;
  position: relative;
  top: -4px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .set-params,
.organizeProject .shareContent .contentBody .contentItem .itemRight .set-params,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .set-params,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .set-params {
  border: 1px solid #4d5153;
  height: 40px;
  width: 240px;
  border-radius: 2px;
  padding: 5px 10px;
  background: #1c1f20;
  color: #ccc;
  resize: none;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel {
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1;
  position: relative;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner {
  margin-right: 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 0;
  left: 0;
  border: 1px solid #dcdee2;
  border-radius: 2px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner:after,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner:after,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner:after,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-inner:after {
  content: "";
  display: table;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 2px;
  left: 5px;
  border: 2px solid #2b2d2f;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-input,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-input,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-input,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .ivu-checkbox-input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .checkParam,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .checkParam,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .checkParam,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox .checkParam {
  position: relative;
  top: 1px;
}
.shareProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner,
.organizeProject .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight .viewLabel .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner {
  border-color: #ff6110;
  background-color: #ff6110;
}
.shareProject .shareContent .contentBody .contentItem .itemRight:nth-child,
.organizeProject .shareContent .contentBody .contentItem .itemRight:nth-child,
.copySceneToUser .shareContent .contentBody .contentItem .itemRight:nth-child,
.sceneTemplate .shareContent .contentBody .contentItem .itemRight:nth-child {
  border: 0;
}
.shareProject .shareContent .shareBody,
.organizeProject .shareContent .shareBody,
.copySceneToUser .shareContent .shareBody,
.sceneTemplate .shareContent .shareBody {
  height: 218px;
  position: relative;
}
.shareProject .shareContent .shareBody .share-title,
.organizeProject .shareContent .shareBody .share-title,
.copySceneToUser .shareContent .shareBody .share-title,
.sceneTemplate .shareContent .shareBody .share-title {
  color: #09AAFF;
  font-size: 14px;
  position: relative;
  padding-left: 26px;
  position: absolute;
  top: 20px;
}
.shareProject .shareContent .shareBody .url,
.organizeProject .shareContent .shareBody .url,
.copySceneToUser .shareContent .shareBody .url,
.sceneTemplate .shareContent .shareBody .url {
  position: relative;
  top: 70px;
  margin-left: 35px;
}
.shareProject .shareContent .shareBody .url .share-url-border,
.organizeProject .shareContent .shareBody .url .share-url-border,
.copySceneToUser .shareContent .shareBody .url .share-url-border,
.sceneTemplate .shareContent .shareBody .url .share-url-border {
  width: 332px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  display: inline-block;
  color: #818796;
  height: 37px;
}
.shareProject .shareContent .shareBody .url .share-url-border .share-url,
.organizeProject .shareContent .shareBody .url .share-url-border .share-url,
.copySceneToUser .shareContent .shareBody .url .share-url-border .share-url,
.sceneTemplate .shareContent .shareBody .url .share-url-border .share-url {
  width: 222px;
  height: 13px;
  line-height: 18px;
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 5px;
}
.shareProject .shareContent .shareBody .url .border-img,
.organizeProject .shareContent .shareBody .url .border-img,
.copySceneToUser .shareContent .shareBody .url .border-img,
.sceneTemplate .shareContent .shareBody .url .border-img {
  background: url(../images/img_line.png) #fff 100% 100% no-repeat;
  width: 23px;
  position: absolute;
  right: 257px;
  height: 28px;
  top: 1px;
  opacity: 0.8;
}
.shareProject .shareContent .shareBody .password,
.organizeProject .shareContent .shareBody .password,
.copySceneToUser .shareContent .shareBody .password,
.sceneTemplate .shareContent .shareBody .password {
  display: block;
  margin-top: 60px;
  margin-left: 35px;
  color: #818796;
}
.shareProject .shareContent .shareBody .password span,
.organizeProject .shareContent .shareBody .password span,
.copySceneToUser .shareContent .shareBody .password span,
.sceneTemplate .shareContent .shareBody .password span {
  display: inline-block;
  color: #818796;
}
.shareProject .shareContent .shareBody .password .share-password,
.organizeProject .shareContent .shareBody .password .share-password,
.copySceneToUser .shareContent .shareBody .password .share-password,
.sceneTemplate .shareContent .shareBody .password .share-password {
  width: 49px;
  height: 15px;
  margin-left: 5px;
  line-height: 18px;
  padding: 8px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  display: inline-block;
}
.shareProject .shareContent .shareBody .private,
.organizeProject .shareContent .shareBody .private,
.copySceneToUser .shareContent .shareBody .private,
.sceneTemplate .shareContent .shareBody .private {
  display: block;
  margin-left: 35px;
  margin-top: 14px;
  color: #818796;
}
.shareProject .setWhiteList,
.organizeProject .setWhiteList,
.copySceneToUser .setWhiteList,
.sceneTemplate .setWhiteList {
  width: 509px;
  height: 328px;
  position: absolute;
  background-color: #2b2d2f;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: content-box;
  top: calc(50% - 164px);
  left: calc(50% - 253px);
}
.shareProject .setWhiteList .wrapper,
.organizeProject .setWhiteList .wrapper,
.copySceneToUser .setWhiteList .wrapper,
.sceneTemplate .setWhiteList .wrapper {
  top: 68px;
  position: absolute;
  left: 13px;
}
.shareProject .setWhiteList .wrapper .tooltip,
.organizeProject .setWhiteList .wrapper .tooltip,
.copySceneToUser .setWhiteList .wrapper .tooltip,
.sceneTemplate .setWhiteList .wrapper .tooltip {
  top: -10px;
  left: 117px;
  width: 323px;
  height: 31px;
}
.shareProject .setWhiteList .wrapper .tooltip .arrow,
.organizeProject .setWhiteList .wrapper .tooltip .arrow,
.copySceneToUser .setWhiteList .wrapper .tooltip .arrow,
.sceneTemplate .setWhiteList .wrapper .tooltip .arrow {
  bottom: 17px;
}
.shareProject .setWhiteList .title-p,
.organizeProject .setWhiteList .title-p,
.copySceneToUser .setWhiteList .title-p,
.sceneTemplate .setWhiteList .title-p {
  width: 86px;
}
.shareProject .setWhiteList .contentBody,
.organizeProject .setWhiteList .contentBody,
.copySceneToUser .setWhiteList .contentBody,
.sceneTemplate .setWhiteList .contentBody {
  height: 206px;
}
.shareProject .setWhiteList .contentBody .whiteListHead,
.organizeProject .setWhiteList .contentBody .whiteListHead,
.copySceneToUser .setWhiteList .contentBody .whiteListHead,
.sceneTemplate .setWhiteList .contentBody .whiteListHead {
  color: #c6c6c6;
  font-size: 14px;
  margin: 18px 40px 0;
  display: block;
  font-weight: 600;
}
.shareProject .setWhiteList .contentBody .whiteListTip,
.organizeProject .setWhiteList .contentBody .whiteListTip,
.copySceneToUser .setWhiteList .contentBody .whiteListTip,
.sceneTemplate .setWhiteList .contentBody .whiteListTip {
  padding: 14px 40px 0 40px;
  color: #818796;
  font-size: 13px;
  line-height: 21px;
}
.shareProject .setWhiteList .contentBody .whiteListSet,
.organizeProject .setWhiteList .contentBody .whiteListSet,
.copySceneToUser .setWhiteList .contentBody .whiteListSet,
.sceneTemplate .setWhiteList .contentBody .whiteListSet {
  padding: 16px 0 0 40px;
}
.shareProject .setWhiteList .contentBody .whiteListSet span,
.organizeProject .setWhiteList .contentBody .whiteListSet span,
.copySceneToUser .setWhiteList .contentBody .whiteListSet span,
.sceneTemplate .setWhiteList .contentBody .whiteListSet span {
  color: #818796;
  font-size: 13px;
}
.shareProject .setWhiteList .contentBody .whiteListSet .whiteSet,
.organizeProject .setWhiteList .contentBody .whiteListSet .whiteSet,
.copySceneToUser .setWhiteList .contentBody .whiteListSet .whiteSet,
.sceneTemplate .setWhiteList .contentBody .whiteListSet .whiteSet {
  display: inline-block;
  margin-left: 22px;
}
.shareProject .setWhiteList .contentBody .whiteListSet .whiteSet .whiteInput,
.organizeProject .setWhiteList .contentBody .whiteListSet .whiteSet .whiteInput,
.copySceneToUser .setWhiteList .contentBody .whiteListSet .whiteSet .whiteInput,
.sceneTemplate .setWhiteList .contentBody .whiteListSet .whiteSet .whiteInput {
  border: 1px solid #4d5153;
  height: 30px;
  width: 195px;
  border-radius: 2px;
  padding: 0 10px;
  background: #1c1f20;
  color: #ccc;
}
.shareProject .setWhiteList .shareFooter,
.organizeProject .setWhiteList .shareFooter,
.copySceneToUser .setWhiteList .shareFooter,
.sceneTemplate .setWhiteList .shareFooter {
  padding-left: 38%;
}
.shareProject .shareQrDiv,
.organizeProject .shareQrDiv,
.copySceneToUser .shareQrDiv,
.sceneTemplate .shareQrDiv {
  position: absolute;
  top: calc(50% - 127px);
  left: calc(50% - 130px);
  width: 243px;
  height: 270px;
  background: #2b2d2f;
  box-shadow: 0 2px 8px #000;
  border-radius: 2px;
  padding: 0 12px;
}
.shareProject .shareQrDiv span,
.organizeProject .shareQrDiv span,
.copySceneToUser .shareQrDiv span,
.sceneTemplate .shareQrDiv span {
  width: 100%;
  padding-left: 7px;
  height: 47px;
  font-size: 13px;
  color: #c6c6c6;
  font-weight: 600;
  line-height: 47px;
  display: block;
  left: 0;
}
.shareProject .shareQrDiv .close,
.organizeProject .shareQrDiv .close,
.copySceneToUser .shareQrDiv .close,
.sceneTemplate .shareQrDiv .close {
  position: absolute;
  width: 10px;
  height: 10px;
  border: none;
  left: calc(100% - 33px);
  top: -1px;
  opacity: 0.5;
  color: #959697;
  cursor: pointer;
  font-weight: 200;
}
.shareProject .shareQrDiv .close:hover,
.organizeProject .shareQrDiv .close:hover,
.copySceneToUser .shareQrDiv .close:hover,
.sceneTemplate .shareQrDiv .close:hover {
  color: #c5c5c5;
}
.shareProject .shareQrDiv hr,
.organizeProject .shareQrDiv hr,
.copySceneToUser .shareQrDiv hr,
.sceneTemplate .shareQrDiv hr {
  width: 100%;
  position: absolute;
  top: 47px;
  border-top: 1px solid #505354;
  left: 0;
  background: none;
}
.shareProject .shareQrDiv .shareQrCode,
.organizeProject .shareQrDiv .shareQrCode,
.copySceneToUser .shareQrDiv .shareQrCode,
.sceneTemplate .shareQrDiv .shareQrCode {
  width: 170px;
  height: 170px;
  left: 20px;
}
.shareProject .shareQrDiv .shareQrCode canvas,
.organizeProject .shareQrDiv .shareQrCode canvas,
.copySceneToUser .shareQrDiv .shareQrCode canvas,
.sceneTemplate .shareQrDiv .shareQrCode canvas {
  margin-top: 10px;
  margin-left: 17px;
}
.shareProject .shareIframeDiv,
.organizeProject .shareIframeDiv,
.copySceneToUser .shareIframeDiv,
.sceneTemplate .shareIframeDiv {
  position: absolute;
  top: calc(50% - 126px);
  left: calc(50% - 207px);
  width: 390px;
  height: 282px;
  background: #2b2d2f;
  box-shadow: 0 2px 8px #000;
  border-radius: 2px;
  padding-bottom: 10px;
}
.shareProject .shareIframeDiv span,
.organizeProject .shareIframeDiv span,
.copySceneToUser .shareIframeDiv span,
.sceneTemplate .shareIframeDiv span {
  width: 100%;
  padding-left: 12px;
  height: 47px;
  font-size: 12px;
  color: #c6c6c6;
  font-weight: 600;
  line-height: 47px;
  display: block;
}
.shareProject .shareIframeDiv span.move,
.organizeProject .shareIframeDiv span.move,
.copySceneToUser .shareIframeDiv span.move,
.sceneTemplate .shareIframeDiv span.move {
  font-size: 16px;
}
.shareProject .shareIframeDiv .close,
.organizeProject .shareIframeDiv .close,
.copySceneToUser .shareIframeDiv .close,
.sceneTemplate .shareIframeDiv .close {
  position: absolute;
  width: 10px;
  height: 10px;
  border: none;
  left: calc(100% - 42px);
  top: 0px;
  opacity: 0.5;
  color: #959697;
  cursor: pointer;
  font-weight: 200;
}
.shareProject .shareIframeDiv .close:hover,
.organizeProject .shareIframeDiv .close:hover,
.copySceneToUser .shareIframeDiv .close:hover,
.sceneTemplate .shareIframeDiv .close:hover {
  color: #c5c5c5;
}
.shareProject .shareIframeDiv hr,
.organizeProject .shareIframeDiv hr,
.copySceneToUser .shareIframeDiv hr,
.sceneTemplate .shareIframeDiv hr {
  width: 100%;
  position: absolute;
  top: 45px;
  left: 0;
  border-top: 1px solid #505354;
  background: none;
}
.shareProject .shareIframeDiv .sample-qr-ifstyle,
.organizeProject .shareIframeDiv .sample-qr-ifstyle,
.copySceneToUser .shareIframeDiv .sample-qr-ifstyle,
.sceneTemplate .shareIframeDiv .sample-qr-ifstyle {
  background: none;
  resize: none;
  text-overflow: ellipsis;
}
.shareProject .shareIframeDiv .sample-qr-ifstyle::-webkit-scrollbar,
.organizeProject .shareIframeDiv .sample-qr-ifstyle::-webkit-scrollbar,
.copySceneToUser .shareIframeDiv .sample-qr-ifstyle::-webkit-scrollbar,
.sceneTemplate .shareIframeDiv .sample-qr-ifstyle::-webkit-scrollbar {
  display: none;
}
.shareProject .shareIframeDiv .sample-tit,
.organizeProject .shareIframeDiv .sample-tit,
.copySceneToUser .shareIframeDiv .sample-tit,
.sceneTemplate .shareIframeDiv .sample-tit {
  top: 30px;
  margin-left: 10px;
}
.shareProject .shareIframeDiv .sample-qr-ifstyle,
.organizeProject .shareIframeDiv .sample-qr-ifstyle,
.copySceneToUser .shareIframeDiv .sample-qr-ifstyle,
.sceneTemplate .shareIframeDiv .sample-qr-ifstyle {
  border: none;
  padding: 0 0 0 23px;
  text-align: justify;
  word-break: break-all;
  height: auto;
  line-height: 20px;
  margin-top: 4px;
  margin-bottom: -2px;
  color: #c6c6c6;
  font-weight: 100;
  width: 90%;
  cursor: pointer;
  touch-action: unset;
}
.shareProject .shareIframeDiv .sample-qr-ifstyle:hover,
.organizeProject .shareIframeDiv .sample-qr-ifstyle:hover,
.copySceneToUser .shareIframeDiv .sample-qr-ifstyle:hover,
.sceneTemplate .shareIframeDiv .sample-qr-ifstyle:hover {
  border: none;
  outline: none;
}
.shareProject .shareIframeDiv .sample-qr-ifstyle:focus,
.organizeProject .shareIframeDiv .sample-qr-ifstyle:focus,
.copySceneToUser .shareIframeDiv .sample-qr-ifstyle:focus,
.sceneTemplate .shareIframeDiv .sample-qr-ifstyle:focus {
  border: none;
  outline: none;
}
.shareProject .shareIframeDiv .sample-click-cp.sample-click-u,
.organizeProject .shareIframeDiv .sample-click-cp.sample-click-u,
.copySceneToUser .shareIframeDiv .sample-click-cp.sample-click-u,
.sceneTemplate .shareIframeDiv .sample-click-cp.sample-click-u,
.shareProject .shareIframeDiv .sample-click-cp.sample-click-d,
.organizeProject .shareIframeDiv .sample-click-cp.sample-click-d,
.copySceneToUser .shareIframeDiv .sample-click-cp.sample-click-d,
.sceneTemplate .shareIframeDiv .sample-click-cp.sample-click-d {
  position: absolute;
  width: auto;
  padding: 0px 5px;
  top: 74px;
  height: auto;
  line-height: 22px;
  left: calc(100% - 97px);
  word-break: keep-all;
  color: #ffffff;
  background: #000000;
  opacity: 0.6976;
  display: none;
}
.shareProject .shareIframeDiv .sample-click-cp.sample-click-d,
.organizeProject .shareIframeDiv .sample-click-cp.sample-click-d,
.copySceneToUser .shareIframeDiv .sample-click-cp.sample-click-d,
.sceneTemplate .shareIframeDiv .sample-click-cp.sample-click-d {
  top: 168px;
}
.shareProject .shareMengBan,
.organizeProject .shareMengBan,
.copySceneToUser .shareMengBan,
.sceneTemplate .shareMengBan,
.shareProject .shareMengBan2,
.organizeProject .shareMengBan2,
.copySceneToUser .shareMengBan2,
.sceneTemplate .shareMengBan2 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000038;
}
.shareProject .sureAlert,
.organizeProject .sureAlert,
.copySceneToUser .sureAlert,
.sceneTemplate .sureAlert {
  width: 345px;
  height: 213.2px;
  position: absolute;
  background-color: #2b2d2f;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: content-box;
  top: calc(50% - 114px);
  left: calc(50% - 169px);
}
.shareProject .sureAlert .sureContent,
.organizeProject .sureAlert .sureContent,
.copySceneToUser .sureAlert .sureContent,
.sceneTemplate .sureAlert .sureContent {
  line-height: 58px;
  font-size: 14px;
  color: #ccc;
  padding: 25px 44px;
  padding-bottom: 33px;
  min-height: auto;
}
.shareProject .sureAlert .sureContent img,
.organizeProject .sureAlert .sureContent img,
.copySceneToUser .sureAlert .sureContent img,
.sceneTemplate .sureAlert .sureContent img {
  width: 30px;
  margin-right: 10px;
}
.shareProject .sureAlert .sureContent .sureDelTip,
.organizeProject .sureAlert .sureContent .sureDelTip,
.copySceneToUser .sureAlert .sureContent .sureDelTip,
.sceneTemplate .sureAlert .sureContent .sureDelTip {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  padding-left: 45px;
  display: block;
  height: 90px;
}
.shareProject .sureAlert .shareFooter,
.organizeProject .sureAlert .shareFooter,
.copySceneToUser .sureAlert .shareFooter,
.sceneTemplate .sureAlert .shareFooter {
  padding-left: 32%;
}
.shareProject .sureDelAlert,
.organizeProject .sureDelAlert,
.copySceneToUser .sureDelAlert,
.sceneTemplate .sureDelAlert {
  width: 453px;
  height: 276px;
}
.shareProject .sureDelAlert .sureContent,
.organizeProject .sureDelAlert .sureContent,
.copySceneToUser .sureDelAlert .sureContent,
.sceneTemplate .sureDelAlert .sureContent {
  line-height: 21px;
  padding-bottom: 28px;
}
.shareProject .sureDelAlert .sureContent img,
.organizeProject .sureDelAlert .sureContent img,
.copySceneToUser .sureDelAlert .sureContent img,
.sceneTemplate .sureDelAlert .sureContent img {
  position: relative;
  top: 35px;
}
.shareProject .sureDelAlert .shareFooter,
.organizeProject .sureDelAlert .shareFooter,
.copySceneToUser .sureDelAlert .shareFooter,
.sceneTemplate .sureDelAlert .shareFooter {
  padding-left: 36%;
}
.shareProject .alertMessage,
.organizeProject .alertMessage,
.copySceneToUser .alertMessage,
.sceneTemplate .alertMessage {
  font-size: 14px;
  position: absolute;
  width: 100%;
  pointer-events: none;
  top: 50%;
  opacity: 0;
  display: none;
  z-index: 50;
}
.shareProject .alertMessage .alertMessage-notice,
.organizeProject .alertMessage .alertMessage-notice,
.copySceneToUser .alertMessage .alertMessage-notice,
.sceneTemplate .alertMessage .alertMessage-notice {
  height: 54px;
  margin-top: -8px;
  padding: 8px;
  text-align: center;
  transition: height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.shareProject .alertMessage .alertMessage-notice .alertMessage-notice-content,
.organizeProject .alertMessage .alertMessage-notice .alertMessage-notice-content,
.copySceneToUser .alertMessage .alertMessage-notice .alertMessage-notice-content,
.sceneTemplate .alertMessage .alertMessage-notice .alertMessage-notice-content {
  display: inline-block;
  pointer-events: all;
  padding: 8px 16px;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #171717;
  position: relative;
}
.shareProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text,
.organizeProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text,
.copySceneToUser .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text,
.sceneTemplate .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text {
  display: inline-block;
}
.shareProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text span,
.organizeProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text span,
.copySceneToUser .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text span,
.sceneTemplate .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text span {
  color: #ccc;
}
.shareProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-success i,
.organizeProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-success i,
.copySceneToUser .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-success i,
.sceneTemplate .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-success i {
  color: #19be6b;
}
.shareProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-error i,
.organizeProject .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-error i,
.copySceneToUser .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-error i,
.sceneTemplate .alertMessage .alertMessage-notice .alertMessage-notice-content .alertMessage-notice-content-text .alertMessage-error i {
  margin-right: 5px;
  color: #ed4014;
}
@-webkit-keyframes alert-Message-show {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes alert-Message-show {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.shareProject .alert-Message-show,
.organizeProject .alert-Message-show,
.copySceneToUser .alert-Message-show,
.sceneTemplate .alert-Message-show {
  -webkit-animation: alert-Message-show 0.2s ease-in-out both;
  animation: alert-Message-show 0.2s ease-in-out both;
}
@-webkit-keyframes alert-Message-hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
  }
}
@keyframes alert-Message-hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
  }
}
.shareProject .alert-Message-hide,
.organizeProject .alert-Message-hide,
.copySceneToUser .alert-Message-hide,
.sceneTemplate .alert-Message-hide {
  -webkit-animation: alert-Message-hide 0.2s ease-in-out both;
  animation: alert-Message-hide 0.2s ease-in-out both;
}
/* 打开共享项目*/
.openShare {
  background-color: #eef2f6;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  left: 0;
  z-index: 1000;
}
.openShare .open-content {
  display: block;
  position: relative;
  margin: 221px auto;
  z-index: 1;
  width: 460px;
  height: 333px;
}
.openShare .open-content .open-banner {
  width: 212px;
  height: 55px;
  margin-bottom: 16px;
}
.openShare .open-content .open-banner img {
  margin-left: 38%;
  width: 148%;
}
.openShare .open-content .open-fail {
  position: absolute;
  width: 460px;
  height: 248px;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(171, 198, 235, 0.3);
  top: 70px;
  background: #efefef;
  text-align: center;
}
.openShare .open-content .open-fail .fail-tip {
  position: relative;
  top: 85px;
  left: 1%;
  font-size: 16px;
}
.openShare .open-content .open-fail .fail-back {
  text-decoration: none;
  position: absolute;
  top: 148px;
  left: 41%;
}
.openShare .open-content .sampleOpen {
  background: #fff;
}
.openShare .open-content .sampleOpen .sampleOpenHead {
  height: 80px;
  background: url(/guide/image/share-banner.jpg);
  background-size: 100%;
  text-align: left;
}
.openShare .open-content .sampleOpen .fail-tip {
  top: -7px;
  padding: 26px;
  display: block;
  color: #444;
  left: 1%;
  font-size: 14px;
}
.openShare .open-content .sampleOpen .userContent {
  position: absolute;
  top: 96px;
  left: 81px;
  width: 275px;
  text-align: right;
}
.openShare .open-content .sampleOpen .userContent div {
  display: inline-block;
}
.openShare .open-content .sampleOpen .userContent .userMsg:nth-child(2) {
  margin-top: 15px;
}
.openShare .open-content .sampleOpen .userContent .userMsg i {
  width: 16px;
  position: absolute;
  margin-left: 10px;
  margin-top: 7px;
}
.openShare .open-content .sampleOpen .userContent .userMsg .open-input-tip {
  font-size: 14px;
}
.openShare .open-content .sampleOpen .userContent .userMsg .input-content {
  width: 208px;
  border: 1px solid #eaeaea;
  padding: 8px 10px;
  padding-left: 34px;
  height: 19px;
  line-height: 19px;
  border-radius: 4px;
}
.openShare .open-content .sampleOpen .userContent .g-button-right {
  position: relative;
  top: 11px;
  left: 1px;
  display: inline-block;
  margin-left: 0px;
}
.openShare .open-content .sampleOpen .userContent .g-button-right .text {
  width: 228px;
}
.openShare .open-content .g-button-right {
  margin-left: 15px;
}
.openShare .open-content .g-button-right .text {
  position: relative;
  height: 26px;
  width: 90px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  padding: 10px 13px 1px 14px;
  font-size: 12px;
  border-radius: 4px;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
  color: #fff;
  background-color: #ff6110;
  border: 0;
}
.openShare .open-content .g-button-right .text:hover {
  color: #fff;
  background-color: #ff6110;
  border: 0;
}
.openShare .open-content .g-button-right .text:hover:hover {
  background-color: #ff8140;
}
.openShare .open-content .open-user-content {
  width: 460px;
  height: 248px;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0px -1px 20px rgba(16, 16, 15, 0.3);
}
.openShare .open-content .open-user-content .open-head {
  height: 80px;
  background: url('/guide/image/share-banner.jpg');
  background-size: 100%;
}
.openShare .open-content .open-user-content .open-head .photo-frame {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 60px;
  padding: 3px;
  background: #fba960;
  position: relative;
  top: 15px;
  left: 25px;
  display: inline-block;
}
.openShare .open-content .open-user-content .open-head .photo-frame .radius-3 {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 60px;
  display: block;
}
.openShare .open-content .open-user-content .open-head .photo-frame .radius-3 img {
  width: 44px;
}
.openShare .open-content .open-user-content .open-head .icon-huiyuan1 {
  text-decoration: none;
  color: #676767cf;
  position: relative;
  left: 60px;
  top: -7px;
}
.openShare .open-content .open-user-content .open-head .property {
  color: #fff;
  height: 60px;
  line-height: 60px;
  margin: 10px 35px;
  font-size: 12px;
  display: inline-block;
}
.openShare .open-content .open-user-content .open-head .property strong {
  font-size: 14px;
  margin-right: 10px;
  max-width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 20px;
  line-height: 24px;
  position: relative;
  top: 3px;
}
.openShare .open-content .open-user-content .open-input {
  height: 168px;
  background: #fff;
}
.openShare .open-content .open-user-content .open-input .open-input-tip {
  padding: 0 0 5px;
  color: #666;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  top: 42px;
  left: 35px;
}
.openShare .open-content .open-user-content .open-input .input-area {
  margin: 52px 35px;
}
.openShare .open-content .open-user-content .open-input .input-area .input-content {
  width: 273px;
  border: 1px solid #eaeaea;
  padding: 8px 10px;
  height: 19px;
  line-height: 19px;
  border-radius: 4px;
}
.openShare .open-content .open-user-content .open-input .checkTip {
  position: relative;
  top: -48px;
  left: 36px;
  color: #ec3636;
}
.openShare .open-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400px;
}
.openShare .open-footer .footer-content {
  text-align: center;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  top: 366px;
}
.openShare .open-footer a {
  text-decoration: none;
  color: #999;
  margin: 0 5px;
}
@media only screen and (max-width: 540px) {
  .openShare .open-content {
    margin: 19px;
  }
  .openShare .open-content .open-banner img {
    width: 121%;
    margin-left: 19%;
  }
  .openShare .open-content .open-user-content {
    width: 322px;
    height: 226px;
  }
  .openShare .open-content .open-user-content .open-head {
    height: 58px;
  }
  .openShare .open-content .open-user-content .open-head .photo-frame {
    width: 32px;
    height: 32px;
    top: 12px;
  }
  .openShare .open-content .open-user-content .open-head .photo-frame .radius-3 {
    width: 32px;
    height: 32px;
  }
  .openShare .open-content .open-user-content .open-head .photo-frame .radius-3 img {
    width: 32px;
  }
  .openShare .open-content .open-user-content .open-head .property {
    margin: 3px 0px 0px 29px;
  }
  .openShare .open-content .open-user-content .open-input .input-area .input-content {
    width: 130px;
  }
  .openShare .open-content .open-user-content .open-input .open-input-tip {
    top: 22px;
    left: 30px;
  }
  .openShare .open-content .sampleOpen .userContent {
    left: 11px;
  }
  .openShare .open-content .open-fail {
    width: 322px;
    height: 226px;
  }
  .openShare .open-content .open-fail .fail-tip {
    left: 1%;
    font-size: 12px;
  }
  .openShare .open-content .open-fail .fail-back {
    left: 38%;
  }
  .openShare .open-content .sampleOpen .userContent {
    left: 8px;
    width: 250px;
    top: 106px;
  }
  .openShare .open-content .sampleOpen .userContent .userMsg .open-input-tip {
    font-size: 13px;
  }
  .openShare .open-content .sampleOpen .userContent .g-button-right {
    top: -31px;
    left: 56px;
  }
  .openShare .open-content .sampleOpen .userContent .g-button-right .text {
    height: 19px;
    width: 33px;
    padding: 3px 5px 3px 6px;
  }
  .openShare .open-footer {
    display: none;
  }
}
.autocomplete-suggestions {
  min-width: 340px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 8px 0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399ff;
}
.autocomplete-suggestion {
  cursor: pointer;
  line-height: 1;
  padding: 12px 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.autocomplete-suggestion .keyword {
  display: inline-block;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-demos::-webkit-scrollbar {
  display: none;
}
.card {
  border-radius: 4px;
}
.btn {
  font-size: 14px;
}
.container {
  padding-left: 0;
  padding-right: 0;
  display: inherit;
}
.demos {
  padding: 0;
  background: #f8fafe;
}
.demos h5 {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 32px;
}
.demos .card-left {
  float: left;
  width: 700px;
}
.demos.dark .screenshot-container {
  background: #1f1f1f;
}
.demos .card {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border: none;
  box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13);
}
.demos .card:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(21, 111, 170, 0.21);
}
.demos .card .screenshot-container {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: inline-block;
}
.demos .card .screenshot-container .bottom-right {
  background: #ffaf5c;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  box-shadow: 0 11px 20px 0 rgba(97, 108, 121, 0.17);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  opacity: 1;
  z-index: 1;
  right: 10px;
  bottom: -5px;
  position: absolute;
  cursor: pointer;
}
.demos .card .screenshot-container .bottom-right i {
  color: #fff;
}
.demos .card .card_option {
  display: none;
  position: absolute;
  width: 80px;
  bottom: 30px;
  right: 55px;
  background: #fff;
  border-radius: 3px;
  z-index: 99;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.demos .card .card_option .card_option_menu {
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  position: absolute;
}
.demos .card .card_option .card_option_menu span.button {
  width: 100%;
  cursor: pointer;
  display: block;
  color: #666;
  margin: 10px;
  text-align: left;
}
.demos .card .card_option .card_option_menu span.button:hover {
  color: #ff8000;
}
.demos .card .card_option .arrow {
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 10px solid transparent;
  position: absolute;
  bottom: 20px;
  right: -10px;
  margin-left: -10px;
}
.demos .card .option1 {
  height: 85px;
}
.demos .card .option2 {
  height: 40px;
}
.demos .card .option2 span.button {
  margin: 0 10px !important;
}
.demos .card .option2 .arrow {
  bottom: 12px;
}
.demos .flex-xl-nowrap {
  margin-top: 32px;
}
.demos .header {
  height: 32px;
}
.demos .flex-xl-nowrap .col-md-12,
.col-md-4 {
  margin-bottom: 17px;
  margin-top: 17px;
}
/* 使用教程 / API文档 */
.wrapper-sam {
  height: 100%;
}
.wrapper-sam .content {
  overflow: hidden;
  height: calc(100% - 0px);
}
.wrapper-sam .content .content-nav {
  float: left;
  width: 200px;
  padding: 14px 14px;
  height: calc(100% - 70px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  word-wrap: break-word;
  position: fixed;
}
.wrapper-sam .content .content-nav .tab {
  width: 100%;
  height: 35px;
  line-break: 35px;
}
.wrapper-sam .content .content-nav .tab .tab-ul {
  height: 35px;
  border-bottom: 1px solid #ddd;
}
.wrapper-sam .content .content-nav .tab .tab-ul .tab-li {
  float: left;
  width: 50%;
  line-height: 35px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  position: relative;
  padding: 0 3%;
}
.wrapper-sam .content .content-nav .tab .tab-ul .tab-li p {
  font-size: 16px;
}
.wrapper-sam .content .content-nav .tab .tab-ul .tab-li p:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .tab .tab-ul .tab-li span {
  position: absolute;
  top: 0;
  right: 5px;
  color: #aaa;
  font-size: 12px;
  line-height: 37px;
}
.wrapper-sam .content .content-nav .tab .tab-ul .active {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: none;
}
.wrapper-sam .content .content-nav .sam-search {
  background-color: #fff;
  color: #000;
  height: 30px;
  width: 100%;
  margin: 10px 0 0 0;
  text-align: right;
  position: relative;
  padding: 0 6px;
  line-height: 26px;
  border: 1px solid #979bb2;
  border-radius: 3px;
}
.wrapper-sam .content .content-nav .sam-search span {
  font-family: "iconfont" !important;
  font-size: 16px;
  content: "";
  display: block;
  width: 18px;
  height: 24px;
  background: url('../images/search1.png') no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 5px;
  cursor: pointer;
}
.wrapper-sam .content .content-nav .sam-search input {
  width: 100%;
  text-indent: 20px;
  background: #fff;
  color: #000;
  line-height: 16px;
  font-size: 12px;
}
.wrapper-sam .content .content-nav .sam-search p {
  font-size: 12px;
  color: #aaa;
  float: left;
  height: 18px;
  line-height: 18px;
  margin-top: 8px;
}
.wrapper-sam .content .content-nav .list {
  height: calc(100% - 88px);
  overflow: auto;
  padding: 0;
  width: 100%;
  display: inline-block;
}
.wrapper-sam .content .content-nav .list li {
  position: relative;
}
.wrapper-sam .content .content-nav .list li a {
  font-size: 16px;
  line-height: 45px;
  color: #000;
}
.wrapper-sam .content .content-nav .list li a:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list li a.active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .lifile,
.wrapper-sam .content .content-nav .list .newlifile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
  margin-top: 5px;
  cursor: pointer;
}
.wrapper-sam .content .content-nav .list .lifile::before,
.wrapper-sam .content .content-nav .list .newlifile::before {
  font-family: "iconfont" !important;
  font-size: 17px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e793';
  color: #5d5d5d;
}
.wrapper-sam .content .content-nav .list .lifile .dirList .lifile,
.wrapper-sam .content .content-nav .list .newlifile .dirList .lifile {
  padding-left: 0;
}
.wrapper-sam .content .content-nav .list .lifileResoure::before,
.wrapper-sam .content .content-nav .list .newProduct::before {
  content: '';
}
.wrapper-sam .content .content-nav .list .lifileResoure i,
.wrapper-sam .content .content-nav .list .newProduct i {
  font-size: 17px;
  margin-right: 4px;
  margin-left: 0px;
  color: #5d5d5d;
}
.wrapper-sam .content .content-nav .list .lifileResoure i:hover,
.wrapper-sam .content .content-nav .list .newProduct i:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .lifileResoure label.add,
.wrapper-sam .content .content-nav .list .newProduct label.add {
  height: 0px;
  width: 0px;
  border-top: 5px solid transparent;
  border-left: 5px solid black;
  border-bottom: 5px solid transparent;
  position: relative;
  margin: 0 10px;
  top: 2px;
  cursor: pointer;
}
.wrapper-sam .content .content-nav .list .lifileResoure label.add::after,
.wrapper-sam .content .content-nav .list .newProduct label.add::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -5px;
  border-top: 4px solid transparent;
  border-left: 4px solid #fff;
  border-bottom: 4px solid transparent;
}
.wrapper-sam .content .content-nav .list .lifileResoure label.add:hover,
.wrapper-sam .content .content-nav .list .newProduct label.add:hover {
  border-left: 5px solid #ff8000;
}
.wrapper-sam .content .content-nav .list .lifileResoure label.add.active,
.wrapper-sam .content .content-nav .list .newProduct label.add.active {
  border-left: 5px solid transparent;
  border-top: 5px solid #ff8000;
  border-right: 5px solid transparent;
  top: 5px;
  margin: 0 7.5px;
}
.wrapper-sam .content .content-nav .list .lifileResoure label.add.active::after,
.wrapper-sam .content .content-nav .list .newProduct label.add.active::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -4px;
  border-left: 4px solid transparent;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
}
.wrapper-sam .content .content-nav .list .lifileResoure .active,
.wrapper-sam .content .content-nav .list .newProduct .active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .lifileResoure .active label.add,
.wrapper-sam .content .content-nav .list .newProduct .active label.add {
  border-left: 4px solid #ff8000;
}
.wrapper-sam .content .content-nav .list .proLi .proTitle,
.wrapper-sam .content .content-nav .list .pdtLi .pdtTitle,
.wrapper-sam .content .content-nav .list .curLi .curTitle {
  font-size: 16px;
  margin: 5px 0px 3px 1px;
  color: #000;
  cursor: pointer;
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper-sam .content .content-nav .list .proLi .proTitle::before,
.wrapper-sam .content .content-nav .list .pdtLi .pdtTitle::before,
.wrapper-sam .content .content-nav .list .curLi .curTitle::before {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e617';
  color: #5d5d5d;
  margin-right: 5px;
}
.wrapper-sam .content .content-nav .list .proLi .proTitle:hover,
.wrapper-sam .content .content-nav .list .pdtLi .pdtTitle:hover,
.wrapper-sam .content .content-nav .list .curLi .curTitle:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .proLi p.active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .proLi p.active::before {
  content: '\e607';
  color: #5d5d5d;
}
.wrapper-sam .content .content-nav .list .proLi .proList .lifile:nth-child(1),
.wrapper-sam .content .content-nav .list .pdtLi .pdtList .lifile:nth-child(1),
.wrapper-sam .content .content-nav .list .curLi .curList .lifile:nth-child(1) {
  margin-top: 0px;
}
.wrapper-sam .content .content-nav .list .trashLi .trashTitle {
  font-size: 16px;
  margin: 5px 0px 3px 1px;
  color: #000;
  cursor: pointer;
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper-sam .content .content-nav .list .trashLi .trashTitle::before {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e617';
  color: #5d5d5d;
  margin-right: 5px;
}
.wrapper-sam .content .content-nav .list .trashLi .trashTitle:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .trashLi p.active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .trashLi p.active::before {
  content: '\e607';
  color: #5d5d5d;
}
.wrapper-sam .content .content-nav .list .trashLi .proList .lifile:nth-child(1) {
  margin-top: 0px;
}
.wrapper-sam .content .content-nav .list .dirLi .dirLiTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  margin: 5px 0px 3px 1px;
  color: #000;
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper-sam .content .content-nav .list .dirLi .dirLiTitle::before {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e617';
  color: #5d5d5d;
  margin-right: 5px;
}
.wrapper-sam .content .content-nav .list .dirLi .dirLiTitle:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .dirLi p.active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list .dirLi p.active::before {
  content: '\e607';
  color: #5d5d5d;
}
.wrapper-sam .content .content-nav .list .dirLi .dirList .lifile:nth-child(1) {
  margin-top: 0px;
}
.wrapper-sam .content .content-nav .list .highlight {
  background-color: #efd689;
}
.wrapper-sam .content .content-nav .list .del {
  display: none;
  position: absolute;
  right: 0;
  margin-top: 8px;
  cursor: pointer;
}
.wrapper-sam .content .content-nav .list .active {
  color: #FF7F00;
}
.wrapper-sam .content .content-nav .list li img.isNew {
  position: absolute;
  top: 10px;
  margin-left: 8px;
}
.wrapper-sam .content .content-nav .list li .p-title {
  font-size: 16px;
  margin: 5px 0px 0px 1px;
  color: #000;
  cursor: pointer;
  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wrapper-sam .content .content-nav .list li .p-title::before {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #5d5d5d;
  content: '\e617';
  margin-right: 5px;
}
.wrapper-sam .content .content-nav .list li .p-title:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list li p.active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list li p.active::before {
  content: '\e607';
}
.wrapper-sam .content .content-nav .list li .item {
  display: none;
}
.wrapper-sam .content .content-nav .list li .item li {
  text-indent: 10%;
  padding: 2px;
  cursor: pointer;
}
.wrapper-sam .content .content-nav .list li .item li:hover {
  color: #ff8000;
}
.wrapper-sam .content .content-nav .list li .item li::before {
  font-family: "iconfont" !important;
  font-size: 17px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #5d5d5d;
  content: '\e793';
  margin-right: 5px;
}
.wrapper-sam .content .content-nav .list li .item li.highlight {
  background-color: #efd689;
}
.wrapper-sam .content .content-nav .list li .item li.active {
  color: #ff8000;
}
.wrapper-sam .content .content-nav-quan {
  display: none;
}
.wrapper-sam .content #content_sample {
  height: calc(100% - 70px);
  position: absolute;
  left: 200px;
  width: calc(100% - 200px);
}
.wrapper-sam .content .editor {
  /* margin: 0;

            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
            overflow-y: hidden; */
  width: 50%;
  position: absolute;
  height: calc(100% - 30px);
  top: 30px;
}
.wrapper-sam .content .content-middle {
  height: 30px;
  width: 50%;
  min-width: 375px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.wrapper-sam .content .content-middle .editor-setting {
  width: 100%;
  height: 30px;
  background-color: #111;
  position: relative;
}
.wrapper-sam .content .content-middle .editor-setting .set-p {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 99;
  width: 28px;
  height: 20px;
  background-color: #343436;
  border-radius: 3px;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .editor-setting .set-p:hover {
  background-color: #87878a;
}
.wrapper-sam .content .content-middle .editor-setting .set-p span {
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/setting.png') no-repeat;
  background-size: contain;
  margin-left: 4px;
}
.wrapper-sam .content .content-middle .editor-setting .setting {
  position: absolute;
  top: 30px;
  right: 0px;
  background-color: #fff;
  z-index: 99;
  padding: 5px 0;
  width: 186px;
  color: #222;
  display: none;
}
.wrapper-sam .content .content-middle .editor-setting .setting .set-li,
.wrapper-sam .content .content-middle .editor-setting .setting .set-file {
  height: 30px;
  padding: 0 0 0 14px;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .editor-setting .setting .set-li:hover,
.wrapper-sam .content .content-middle .editor-setting .setting .set-file:hover {
  background-color: #e7e7e7;
}
.wrapper-sam .content .content-middle .editor-setting .setting .active {
  background-color: #e1e1e1;
}
.wrapper-sam .content .content-middle .editor-setting .setting1 {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 0;
}
.wrapper-sam .content .content-middle .editor-setting .setting1 li {
  float: left;
  padding-right: 14px;
  color: #ccc;
}
.wrapper-sam .content .content-middle .editor-setting .setting1 li span {
  cursor: pointer;
}
.wrapper-sam .content .content-middle .editor-setting .setting1 .active {
  color: #ff8000;
}
.wrapper-sam .content .content-middle .editor-setting .setting1 a {
  position: absolute;
  top: -7px;
  right: 8px;
  color: #97979e;
  /* line-height: 32px; */
  font-size: 27px;
  font-weight: 900;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .editor-setting .setting1 a:hover {
  color: #108ee9;
}
.wrapper-sam .content .content-middle .editor-setting .setting2 {
  width: calc(100%);
  height: 30px;
  position: absolute;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  bottom: 0;
}
.wrapper-sam .content .content-middle .editor-setting .setting2::-webkit-scrollbar {
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
  background: rgba(250, 249, 249, 0.5);
  z-index: 999;
  display: none;
}
.wrapper-sam .content .content-middle .editor-setting .setting2::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
  background: rgba(92, 85, 85, 0.541);
  display: none;
}
.wrapper-sam .content .content-middle .editor-setting .setting2:hover::-webkit-scrollbar {
  display: block;
}
.wrapper-sam .content .content-middle .editor-setting .setting2:hover::-webkit-scrollbar-thumb {
  display: block;
}
.wrapper-sam .content .content-middle .editor-setting .setting2:hover li p {
  display: inline-block;
}
.wrapper-sam .content .content-middle .editor-setting .setting2 li {
  height: 100%;
  min-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ff8000;
  line-height: 30px;
  padding: 0 30px 0 5px;
  background: #333;
  border-left: #252424 1px solid;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.wrapper-sam .content .content-middle .editor-setting .setting2 li .close-btn {
  display: none;
}
.wrapper-sam .content .content-middle .editor-setting .setting2 li.filen-edit-li::after {
  content: '*';
  position: absolute;
  top: 0px;
  right: 23px;
}
.wrapper-sam .content .content-middle .editor-setting .setting2 li.filen-close .close-btn {
  position: absolute;
  right: 0px;
  top: 3px;
  display: block;
  width: 22px;
  height: 22px;
  background: url('../images/close2.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .editor-setting .setting2 li.filen-active {
  background: #000;
}
.wrapper-sam .content .content-middle .editor-setting .filen {
  color: #ccc;
  font-size: 14px;
  position: relative;
  left: 8px;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .editor-setting .filen-edit {
  color: #fff;
  position: relative;
  left: 0px;
  top: 4px;
  display: none;
}
.wrapper-sam .content .content-middle .editor-setting .tip {
  display: none;
  position: absolute;
  left: 150px;
  top: 5px;
  color: #E43C59;
}
.wrapper-sam .content .content-middle .editor-setting #gf {
  color: #ff8000;
  font-size: 14px;
  position: absolute;
  left: 8px;
  top: 5px;
}
.wrapper-sam .content .content-middle .editor-setting #putname {
  display: none;
  background: transparent;
  border: 1px solid #ffffff7a;
  color: #ccc;
}
.wrapper-sam .content .content-middle .content-section {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100% - 30px);
}
.wrapper-sam .content .content-middle .content-section .active {
  display: block;
}
.wrapper-sam .content .content-middle .content-section .hint {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
}
.wrapper-sam .content .content-middle .content-section .hint .text {
  width: 100%;
  height: 30px;
  background: rgba(151, 240, 185, 0.85);
  line-height: 30px;
  padding-left: 22px;
  font-size: 12px;
}
.wrapper-sam .content .content-middle .content-section .hint .close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url('../images/close3.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .content-section .hint .close:hover {
  background: url('../images/close4.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .content-middle .content-section .editor-btn {
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 100;
}
.wrapper-sam .content .content-middle .content-section .editor-btn ul {
  overflow: hidden;
}
.wrapper-sam .content .content-middle .content-section .editor-btn ul li {
  float: left;
  margin-left: 10px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.wrapper-sam .content .content-middle .content-section .editor-btn ul li:hover {
  color: #09afdf;
}
.wrapper-sam .content .content-middle-quan {
  width: 0;
}
.wrapper-sam .content .content-browser {
  float: right;
  width: 50%;
  height: 100%;
  position: relative;
}
.wrapper-sam .content .content-browser #ifId {
  width: 100%;
  height: 85%;
}
.wrapper-sam .content .content-browser span.quanping {
  position: absolute;
  right: 10px;
  bottom: calc(15% + 25px);
  width: 25px;
  height: 25px;
  background: url('../images/quanping.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .content-browser span.quanping:hover {
  background: url('../images/quanping2.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .content-browser span.float {
  position: absolute;
  right: 50px;
  bottom: calc(15% + 25px);
  width: 25px;
  height: 25px;
  background: url('../images/float.png') no-repeat;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .content-browser span.float:hover {
  background: url('../images/float2.png') no-repeat;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
  background-size: contain;
}
.wrapper-sam .content .content-browser span.tuifloat {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -moz-transform: rotate(0deg);
  /* Firefox */
  -webkit-transform: rotate(0deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(0deg);
  /* Opera */
  bottom: 10px;
}
.wrapper-sam .content .content-browser span.tuifloat:hover {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -moz-transform: rotate(0deg);
  /* Firefox */
  -webkit-transform: rotate(0deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(0deg);
  /* Opera */
}
.wrapper-sam .content .content-browser span.tuichu {
  background: url('../images/tuichuqp.png') no-repeat;
  background-size: contain;
  bottom: 36px;
}
.wrapper-sam .content .content-browser span.tuichu:hover {
  background: url('../images/tuichuqp2.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .content-browser span.drag {
  position: absolute;
  top: 50%;
  left: -21px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url('../images/tuodong.png') no-repeat;
  background-size: contain;
  cursor: ew-resize;
}
.wrapper-sam .content .content-browser span.drag::after {
  content: '';
  width: 4px;
  height: 5000px;
  position: absolute;
  top: -455px;
  left: 13px;
}
.wrapper-sam .content .content-browser-quan {
  width: 86%;
}
.wrapper-sam .content .content-notebook {
  float: left;
  width: 100%;
  height: calc(100% + 0px);
  margin-top: 0px;
}
.wrapper-sam .content .content-demo {
  float: left;
  width: 88%;
  height: 100%;
}
.wrapper-sam .content .content-demo img {
  width: 30%;
  height: 40%;
  margin: 0 3% 5% 0;
  cursor: pointer;
}
.wrapper-sam .content .sample-qralert {
  position: fixed;
  display: none;
  top: 85px;
  left: calc(48% - 266px);
  font-size: 14px;
  width: 417px;
  z-index: 9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: #ffffff;
  border-radius: 3px;
}
.wrapper-sam .content .sample-qralert .sample-qr-header {
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  padding-left: 40px;
  position: relative;
  background: #f2f2f2;
  border-radius: 3px;
}
.wrapper-sam .content .sample-qralert .sample-qr-header:hover {
  cursor: move;
}
.wrapper-sam .content .sample-qralert .sample-qr-header .sample-qr-tit {
  cursor: default;
  margin-left: -25px;
  padding: 0;
  font-style: normal;
  color: rgba(0, 0, 0, 0.65);
  line-height: 2.5;
}
.wrapper-sam .content .sample-qralert .sample-qr-header .close {
  position: absolute;
  top: 12px !important;
  right: 12px !important;
  width: 15px;
  height: 15px;
  background: url('../static/images/closemo.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .sample-qralert .sample-qr-body {
  width: 100%;
  margin: 0 0 0 22px;
}
.wrapper-sam .content .sample-qralert .sample-qr-body .sample-qr {
  margin: 10px;
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 40px;
}
.wrapper-sam .content .sample-qralert .sample-qr-body .sample-qr a {
  color: rgba(0, 0, 0, 0.65);
}
.wrapper-sam .content .sample-qralert .sample-qr-body .sample-qr a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.wrapper-sam .content .sample-qralert .sample-qr-body .sample-qr a span {
  margin-left: 23px;
}
.wrapper-sam .content .sample-qralert .sample-qr-body .sample-qr a .active {
  color: #ff8000;
}
.wrapper-sam .content .sample-qralert .sample-qr-body .sample-qr:hover a img {
  opacity: 0.75;
}
.wrapper-sam .content #qrdiv {
  width: 300px;
  height: 320px;
  background: #ffffff;
  position: fixed;
  z-index: 99;
  display: none;
  top: 293px;
  left: calc(48% - 149px);
  border-radius: 3px;
}
.wrapper-sam .content #qrdiv span {
  color: #000;
  position: absolute;
  top: 14px;
  left: 24px;
  font-size: 14px;
}
.wrapper-sam .content #qrdiv .close {
  position: absolute;
  top: 17px;
  left: 256px;
  width: 15px;
  height: 15px;
  background: url('../static/images/closemo.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content #qrdiv #qrcode {
  position: absolute;
  top: 38px;
  left: 24px;
}
.wrapper-sam .content .sample-qr-if {
  position: fixed;
  top: 293px;
  left: calc(48% - 216px);
  display: none;
  background: #fcfcfc;
  border-radius: 3px;
  z-index: 99;
}
.wrapper-sam .content .sample-qr-if .if-tit {
  position: absolute;
  font-size: 14px;
  top: 10px;
  left: 17px;
  color: #000;
  font-weight: 700;
}
.wrapper-sam .content .sample-qr-if .sample-tit {
  position: relative;
  top: 38px;
  left: 17px;
  color: #000;
}
.wrapper-sam .content .sample-qr-if .close {
  position: absolute;
  top: 10px;
  left: 344px;
  width: 15px;
  height: 15px;
  background: url('../static/images/closemo.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .sample-qr-if .sample-qr-ifstyle {
  margin: 41px 28px 16px 16px;
  width: 324px;
  cursor: pointer;
  word-break: break-all;
  text-align: left;
  display: block;
  z-index: 90;
}
.wrapper-sam .content .sample-qr-if #sample-qr-cp {
  z-index: -19;
  position: absolute;
  top: 30px;
  color: rgba(0, 0, 0, 0);
}
.wrapper-sam .content .sample-qr-if #sample-qr-cp::selection {
  background-color: rgba(0, 0, 0, 0);
}
.wrapper-sam .content .sample-qr-if .sample-click-cp {
  background-color: #696766;
  color: #FCFCFC;
  display: none;
  width: 82px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  top: 28px;
  left: 205px;
  z-index: 10;
}
.wrapper-sam .content .sample-qr-if .sample-click-d {
  top: 117px;
}
.wrapper-sam .content .sample-qr-if .sample-cp-tri {
  display: none;
  width: 10px;
  height: 10px;
  background-color: #696766;
  z-index: 2;
  transform: rotate(45deg);
  position: absolute;
  top: 41px;
  left: 239px;
}
.wrapper-sam .content .sample-qr-if .sample-cp-d {
  top: 129px;
}
.wrapper-sam .content .project-qralert {
  position: fixed;
  display: none;
  top: 85px;
  left: calc(48% - 128px);
  font-size: 14px;
  width: 278px;
  z-index: 9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: #ffffff;
  border-radius: 3px;
}
.wrapper-sam .content .project-qralert .project-qr-header {
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  padding-left: 40px;
  position: relative;
  background: #f2f2f2;
  border-radius: 3px;
}
.wrapper-sam .content .project-qralert .project-qr-header:hover {
  cursor: move;
}
.wrapper-sam .content .project-qralert .project-qr-header .project-qr-tit {
  cursor: default;
  margin-left: -25px;
  padding: 0;
  font-style: normal;
  color: rgba(0, 0, 0, 0.65);
  line-height: 2.5;
}
.wrapper-sam .content .project-qralert .project-qr-header .close {
  position: absolute;
  top: 12px !important;
  right: 12px !important;
  width: 15px;
  height: 15px;
  background: url('../static/images/closemo.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .project-qralert .project-qr-body {
  width: 100%;
  margin: 0 0 0 22px;
}
.wrapper-sam .content .project-qralert .project-qr-body .project-qr {
  margin: 10px;
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 40px;
}
.wrapper-sam .content .project-qralert .project-qr-body .project-qr a {
  color: rgba(0, 0, 0, 0.65);
}
.wrapper-sam .content .project-qralert .project-qr-body .project-qr a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.wrapper-sam .content .project-qralert .project-qr-body .project-qr a span {
  margin-left: 23px;
}
.wrapper-sam .content .project-qralert .project-qr-body .project-qr a .active {
  color: #ff8000;
}
.wrapper-sam .content .project-qralert .project-qr-body .project-qr:hover a img {
  opacity: 0.75;
}
.wrapper-sam .content .model-library {
  background-color: #fff;
  z-index: 99;
  border-radius: 3px;
  border: 1px solid #E6E6E6;
}
.wrapper-sam .content .model-library .title {
  height: 32px;
  line-height: 32px;
  font-size: 15px;
  padding-left: 35px;
  position: relative;
  margin: 10px 0 0 0;
  background: #ccc;
}
.wrapper-sam .content .model-library .title:hover {
  cursor: move;
}
.wrapper-sam .content .model-library .title .close {
  position: absolute;
  top: 5px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url('../images/close3.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrapper-sam .content .model-library .title .close:hover {
  background: url('../images/close4.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .model-library .search {
  width: 250px;
  height: 33px;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  overflow: hidden;
  margin: 10px;
  position: relative;
}
.wrapper-sam .content .model-library .search .search-btn {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 16px;
  height: 16px;
  background: url('../images/search.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .model-library .search input {
  outline: none;
  background: none;
  border: none;
  padding: 0 0 0 35px;
  font-size: 13px;
  line-height: 30px;
}
.wrapper-sam .content .model-library .model-box {
  max-height: 500px;
  overflow: auto;
  width: 260px;
  margin: 0 0 0 10px;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one {
  margin: 0 0 5px 0;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one p {
  width: 240px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  padding: 0 0 28px 0;
  position: relative;
  color: #787878;
  padding-left: 34px;
  cursor: pointer;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one p::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 11px;
  width: 13px;
  height: 13px;
  background: url('../images/jiuge.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one p:hover {
  color: #1296db;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one p:hover::before {
  background: url('../images/jiuge2.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one .ul-two {
  overflow: hidden;
  margin-bottom: 5px;
  display: none;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one .ul-two .li-two {
  float: left;
  width: 62px;
  height: 62px;
  border: 1px solid #E6E6E6;
  margin-left: 12px;
  margin-top: 8px;
}
.wrapper-sam .content .model-library .model-box .ul-one .li-one .ul-two .li-two img {
  cursor: pointer;
}
.wrapper-sam .content .model-library .model-box .ul-one li.active p {
  color: #1296db;
}
.wrapper-sam .content .model-library .model-box .ul-one li.active p::before {
  background: url('../images/jiuge2.png') no-repeat;
  background-size: contain;
}
.wrapper-sam .content .model-library .model-box .ul-one li.active .ul-two {
  display: block;
}
.wrapper-sam .content .data-push {
  display: none;
  position: absolute;
  top: 85px;
  left: calc(56% - 475px);
  background-color: #fff;
  z-index: 99;
  border: 1px solid #E6E6E6;
  width: 475px;
  height: 460px;
  border-radius: 3px;
}
.wrapper-sam .content .data-push .title {
  height: 40px;
  background-color: #F2F2F2;
  line-height: 40px;
  font-size: 15px;
  position: relative;
  padding-left: 16px;
  cursor: move;
}
.wrapper-sam .content .data-push .title .data-close {
  position: absolute;
  top: 9px;
  right: 35px;
  font-size: 12px;
  line-height: 30px;
  padding: 0 20px;
  border: 1px solid #797979;
  border-radius: 5px;
  cursor: pointer;
}
.wrapper-sam .content .data-push .move span.close {
  top: 10px !important;
  right: 10px !important;
}
.wrapper-sam .content .data-push .push-btn {
  height: 70px;
  overflow: hidden;
  font-size: 14px;
}
.wrapper-sam .content .data-push .push-btn p {
  padding-left: 13px;
  padding-right: 20px;
  float: left;
  line-height: 62px;
}
.wrapper-sam .content .data-push .push-btn .radio {
  float: left;
  line-height: 26px;
  margin-top: 8px;
}
.wrapper-sam .content .data-push .push-btn .radio input {
  margin-top: -3px;
  margin-right: 5px;
}
.wrapper-sam .content .data-push .push-btn .push-state {
  width: 200px;
  overflow: hidden;
  font-size: 14px;
  display: inline-block;
}
.wrapper-sam .content .data-push .push-btn .push-state p {
  padding-left: 20px;
  padding-right: 5px;
}
.wrapper-sam .content .data-push .push-btn .push-state #push-state-cont {
  padding-left: 0;
}
.wrapper-sam .content .data-push .push-btn .push {
  float: right;
  margin: 12px 17px 0 0;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  background-color: #ff8000;
  padding: 0 20px;
  border-radius: 5px;
  cursor: pointer;
}
.wrapper-sam .content .data-push .data-text p {
  font-size: 14px;
  padding-left: 13px;
  padding-right: 20px;
}
.wrapper-sam .content .data-push .data-text .editor-data {
  overflow-y: hidden;
  margin: 12px 0 0 16px;
  width: 442px;
  height: 286px;
}
.wrapper-sam .content .tools {
  width: 150px;
}
.wrapper-sam .content .tools .tools-btn {
  display: block;
  cursor: pointer;
  padding: 7px 10px;
  font-size: 14px;
  border-bottom: 1px solid #efefef;
}
.wrapper-sam .content .tools .tools-btn:last-child {
  border: none;
}
.wrapper-sam .content .tools .tools-btn i {
  display: inline-block;
  transform: rotate(90deg);
  float: right;
  margin-right: 5px;
  color: #aaa;
}
.wrapper-sam .content #moveclose-dialog,
.wrapper-sam .content #moveclose-dialog_store {
  position: absolute;
  margin-top: 29px;
  top: 0px;
  z-index: 115;
}
.wrapper-sam .content #moveclose-dialog_store {
  z-index: 114;
}
.panelModel {
  font-size: 14px;
  z-index: 9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background: #ffffff;
  border-radius: 3px;
  position: relative;
}
.panelModel .panelHeader {
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  padding-left: 40px;
  position: relative;
  background: #f2f2f2;
  border-radius: 3px;
}
.panelModel .panelHeader:hover {
  cursor: move;
}
.panelModel .panelHeader .panelTitle {
  cursor: default;
  margin-left: -25px;
  padding: 0;
  font-style: normal;
  color: rgba(0, 0, 0, 0.65);
  line-height: 2.5;
}
.panelModel .panelHeader .selected {
  background-color: #eee;
  width: 54px;
  display: block;
  height: 42px;
  text-align: center;
  margin-left: -28px;
  line-height: 42px;
  font-size: 14px;
}
.panelModel .panelHeader .close {
  position: absolute;
  top: 12px !important;
  right: 12px !important;
  width: 15px;
  height: 15px;
  background: url('../static/images/closemo.png') no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 1000;
}
.panelModel .panelBody {
  width: 100%;
}
.right_bottom_corner.QQ {
  position: fixed;
  background: #0082ff;
  
  width: 64px;
  height: 64px;
  bottom: 248px;
  right: 17px;
  text-align: center;
  z-index: 100;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.right_bottom_corner.QQ img {
  width: 40px;
  height: 100px;
  margin-top: 4px;
}
.right_bottom_corner.QQ span {
  color: #fff;
  position: absolute;
  display: block;
  top: 37px;
  font-size: 12px;
  text-align: center;
  width: 100%;
}
.right_bottom_corner.QQ .qq-group {
  padding-right: 6px;
  background-color: transparent;
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 290px;
}
.right_bottom_corner.QQ .qq-group .qq-group-container {
  display: none;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv div h5 {
  color: #999999;
  white-space: nowrap;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 15px;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv div p {
  color: #CCCCCC;
  white-space: nowrap;
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv .add-group-btn {
  display: flex;
  color: #ff8000;
  flex-direction: row;
  align-items: center;
  border: 1px solid #ff8000;
  padding: 0 4px;
  transition: all ease-in-out 0.3s;
  border-radius: 3px;
  position: absolute;
  right: 8px;
  top: 22px;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv .add-group-btn .fa-plus {
  margin-right: 0.4em;
  line-height: 1em;
  background: url(../images/addQQ.png) no-repeat 0 0 / cover;
  width: 1rem;
  height: 1rem;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv .add-group-btn:hover {
  color: #ffffff;
  background: #ff8000;
}
.right_bottom_corner.QQ .qq-group .qq-group-container .qq-group-containerdiv .add-group-btn:hover .fa-plus {
  background: url(../images/addQQ1.png) no-repeat 0 0 / cover;
}
.right_bottom_corner.QQ .qq-group:hover .qq-group-container {
  display: block;
}
.right_bottom_corner.QQ:hover span,
.right_bottom_corner.QQ:hover .qq-group-container {
  display: block;
}
.scrollToTopNono {
  opacity: 0;
  bottom: -70px !important;
  transition: opacity 0.5s, bottom 0.5s;
}
.scrollToTop {
  opacity: 1;
  bottom: 40px !important;
}
#content {
  /* 场景搭建—场景导入蒙版 */
  /* 场景搭建/模型库-详情 */
  /* 在线开发 */
  /* 应用商店 */
  /* 常见问题 */
  /* 价格 */
}
#content .page .main-info {
  line-height: 36px;
}
#content .page .main-info.loose {
  line-height: 48px;
}
#content .page .main-info br {
  display: none;
}
#content .mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 99;
}
#content .mask .mask-box {
  width: 380px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -190px;
  background-color: #FDFDFD;
  border: 1px solid #c8c8c8;
  box-shadow: 0 2px 8px rgba(229, 229, 229, 0.1);
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 120px;
  padding-left: 95px;
}
#content .mask .mask-box::after {
  content: '';
  width: 32px;
  height: 32px;
  background: url('../images/loading.gif') no-repeat;
  position: absolute;
  top: 42px;
  right: 102px;
}
#content .bg-scene {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 112;
}
#content .bg-scene .pop-scene {
  width: 900px;
  left: 50%;
  margin-left: -450px;
  height: 580px;
  margin-top: -290px;
  top: 50%;
  position: absolute;
  background-color: #FDFDFD;
  border: 1px solid #c8c8c8;
  box-shadow: 0 2px 8px rgba(229, 229, 229, 0.1);
  border-radius: 5px;
  box-sizing: content-box;
}
#content .bg-scene .pop-scene .title {
  height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 50px !important;
  position: relative;
}
#content .bg-scene .pop-scene .title p.name {
  font-size: 18px;
  padding-left: 20px;
  text-align: center;
}
#content .bg-scene .pop-scene .title span.close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../images/close.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
#content .bg-scene .pop-scene .title span.maximize {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../images/huanyuan.png') no-repeat;
  background-size: contain;
  position: absolute;
  top: 15px;
  right: 50px;
  cursor: pointer;
}
#content .bg-scene .pop-scene .title span.maximize1 {
  background: url('../images/zuidahua.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene #ifId {
  height: 640px;
  width: 1090px;
}
#content .bg-scene .pop-scene .div3d-box {
  width: 100%;
  height: calc(100% - 100px);
  position: relative;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d {
  position: absolute;
  width: 557px;
  height: 38px;
  line-height: 38px;
  left: 15px;
  top: 15px;
  z-index: 999;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul {
  overflow: hidden;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li {
  box-sizing: border-box;
  float: left;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  margin-left: -14px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li .left {
  float: left;
  height: 38px;
  width: 58px;
  background: url('../images/spirit.png') no-repeat;
  background-position: -336px -376px;
  position: relative;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li .left::after {
  content: '';
  position: absolute;
  top: 9px;
  left: 27px;
  width: 20px;
  height: 20px;
  background: url('../images/spirit.png') no-repeat;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li .center {
  float: left;
  height: 38px;
  min-width: 30px;
  background: url('../images/popo.png') no-repeat;
  background-size: 100% 100%;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li .center p {
  height: 38px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li .right {
  float: right;
  height: 38px;
  width: 21px;
  background: url('../images/spirit.png') no-repeat;
  background-position: -275px -376px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:nth-child(1) {
  margin-left: 0;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:nth-child(1) .left {
  width: 44px;
  background: url('../images/spirit.png') no-repeat;
  background-position: -202px -376px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:nth-child(1) .left::after {
  top: 9px;
  left: 14px;
  background-position: -216px -435px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:nth-child(2) .left::after {
  background-position: -314px -435px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:nth-child(3) .left::after {
  background-position: -411px -435px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:hover {
  color: #0AA5FF;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:hover:nth-child(1) .left::after {
  background-position: -216px -477px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:hover:nth-child(2) .left::after {
  background-position: -314px -477px;
}
#content .bg-scene .pop-scene .div3d-box .nav-3d ul li:hover:nth-child(3) .left::after {
  background-position: -411px -477px;
}
#content .bg-scene .pop-scene .div3d-box .wrap {
  display: none;
  width: 340px;
  position: absolute;
  top: 10px;
  right: 108px;
  background-color: #F8FDFE;
  border: 1px solid #C3CED2;
  z-index: 999;
  padding-bottom: 10px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tabs {
  position: relative;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tabs ul {
  overflow: hidden;
  margin-left: 5px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tabs ul li {
  float: left;
  width: 57px;
  height: 35px;
  line-height: 35px;
  color: #00A2FF;
  text-align: center;
  border-bottom: 2px solid #00A2FF;
  cursor: pointer;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tabs .close {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 12px;
  top: 12px;
  background: url('../images/viewer/close.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list {
  margin-left: 10px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title {
  height: 25px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .btn {
  display: inline-block;
  height: 26px;
  width: 26px;
  line-height: 26px;
  border: 1px solid #DDE2E3;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
  margin-right: 5px;
  position: relative;
  background: -webkit-radial-gradient(#E5E5E5, #FCFCFC, #FFFFFF);
  /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(#E5E5E5, #FCFCFC, #FFFFFF);
  /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(#E5E5E5, #FCFCFC, #FFFFFF);
  /* Firefox 3.6 - 15 */
  background: radial-gradient(#E5E5E5, #FCFCFC, #FFFFFF);
  /* 标准的语法 */
  padding: 0;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .btn::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 16px;
  height: 16px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .btn-text {
  height: 26px;
  cursor: pointer;
  font-size: 12px;
  line-height: 26px;
  border: 1px solid #DDE2E3;
  background-color: #FCFCFC;
  margin-right: 5px;
  padding: 0 5px;
  border-radius: 5px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title {
  padding: 8px 0;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul {
  overflow: hidden;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul li {
  float: left;
  line-height: none;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul li:nth-child(2)::after {
  background: url('../images/viewer/play.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul li:nth-child(3)::after {
  background: url('../images/viewer/pause.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul li:nth-child(4)::after {
  background: url('../images/viewer/jia.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul li input {
  vertical-align: middle;
  margin: 0 5px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .title ul:nth-child(2) {
  margin-top: 5px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view {
  max-height: 535px;
  overflow-y: auto;
  position: relative;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li {
  width: 306px;
  border: 1px solid #DCDCDC;
  padding: 5px 4px;
  box-sizing: border-box;
  margin-bottom: 4px;
  overflow: hidden;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-img {
  width: 140px;
  height: 118px;
  position: relative;
  background-color: #DCDCDC;
  float: left;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-img img {
  width: 100%;
  height: 100%;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-img .num {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #00A2FF;
  font-size: 10px;
  text-align: center;
  line-height: 24px;
  color: #fff;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont {
  float: left;
  margin-left: 30px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row {
  width: 140px;
  margin-top: 3px;
  box-sizing: border-box;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row .text {
  font-size: 13px;
  line-height: 26px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row input {
  height: 24px;
  width: 105px;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  box-sizing: border-box;
  padding-left: 5px;
  font-size: 13px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row .text-time {
  width: 45px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row .text1 {
  font-size: 13px;
  vertical-align: top;
  display: inline-block;
  margin-top: 4px;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row .btn:nth-child(2)::after {
  background: url('../images/viewer/screenshot.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row .btn:nth-child(3)::after {
  background: url('../images/viewer/play.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li .view-cont .row .btn:nth-child(4)::after {
  background: url('../images/viewer/delete.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .pop-scene .div3d-box .wrap .tab-list .list-view li.active {
  border: 4px solid #A8D3F4;
  padding: 2px 1px;
}
#content .bg-scene .pop-scene .div3d-box .div3d {
  width: 100%;
  height: 100%;
}
#content .bg-scene .pop-scene .btn-scene {
  height: 50px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#content .bg-scene .pop-scene .btn-scene .url {
  line-height: 50px;
  font-size: 14px;
  padding: 0 0 0 20px;
  float: left;
  width: calc(100% - 185px);
}
#content .bg-scene .pop-scene .btn-scene .url textarea {
  outline: none;
  border: none;
  resize: none;
  overflow: hidden;
  background: none;
  font-size: 14px;
  width: calc(100% - 100px);
  float: right;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#content .bg-scene .pop-scene .btn-scene ul {
  margin-top: 9px;
  float: right;
  overflow: hidden;
}
#content .bg-scene .pop-scene .btn-scene ul li {
  float: left;
  height: 32px;
  padding: 0 15px;
  background-color: #777777;
  color: #fff;
  line-height: 32px;
  margin: 0 15px 0 0;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
}
#content .bg-scene .pop-scene-quan {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  max-height: 100%;
  min-height: 100%;
  margin: 0 !important;
}
#content .bg-scene .model-scene .title {
  border-bottom: 1px solid rgba(181, 176, 176, 0.1);
  box-shadow: 0 2px 8px rgba(229, 229, 229, 0.5);
  z-index: 1;
}
#content .bg-scene .model-scene .title p.name {
  text-align: center;
  font-size: 16px;
}
#content .bg-scene .model-scene .div3d {
  width: 60%;
  height: 600px;
  position: absolute;
  left: 2.5%;
  margin-top: 30px;
}
#content .bg-scene .model-scene .div3d span.quanping {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 25px;
  height: 25px;
  background: url('../images/quanping.png') no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 1000;
}
#content .bg-scene .model-scene .div3d span.quanping:hover {
  background: url('../images/quanping2.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .model-scene .div3d span.tuichu {
  background: url('../images/tuichuqp.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .model-scene .div3d span.tuichu:hover {
  background: url('../images/tuichuqp2.png') no-repeat;
  background-size: contain;
}
#content .bg-scene .model-scene .btn-scene {
  width: 32.5%;
  height: 400px;
  padding: 25px 0;
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: absolute;
  right: 0;
  top: 55px;
  border: none;
}
#content .bg-scene .model-scene .btn-scene ul {
  float: inherit;
}
#content .bg-scene .model-scene .btn-scene ul li {
  float: inherit;
  width: 100%;
  background: none;
  color: #000;
  margin: 0;
  padding: 0;
  height: 40px;
  cursor: initial;
}
#content .bg-scene .model-scene .btn-scene ul li span {
  float: left;
}
#content .bg-scene .model-scene .btn-scene ul li span:nth-child(1) {
  float: left;
  color: #86888a;
  width: 80px;
}
#content .bg-scene .model-scene .btn-scene ul li span:nth-child(2) {
  width: calc(100% - 80px);
  word-break: break-all;
  line-height: 20px;
  margin-top: 5px;
}
#content .bg-scene .model-scene .btn-scene ul li span textarea {
  width: 100%;
  outline: none;
  resize: none;
  border: none;
  height: auto;
  overflow: hidden;
}
#content .bg-scene .model-scene .btn-scene ul li span .copy {
  width: 40px;
  background: #d9dbdc;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
#content .bg-scene .model-scene-large {
  width: 100%;
  margin: 0;
  left: 0;
  top: 0;
  height: 100%;
}
#content .bg-scene .model-scene-large .btn-scene {
  display: none;
}
#content .bg-scene .model-scene-large .model-detail {
  height: calc(100% - 50px);
}
#content .bg-scene .model-scene-large .model-detail .div3d {
  width: 100%;
  left: 0;
  margin: 0;
  height: 100%;
}
#content .wrapper-sam .content {
  display: inherit;
}
#content .wrapper-sam .content .move {
  cursor: move;
}
#content .wrapper-sam .content .move span.close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 15px;
  height: 15px;
  background: url('../static/images/close2.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 li {
  height: 20px;
  border-radius: 2px;
  padding-right: 6px;
  padding-left: 6px;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 li.auto {
  color: #ccc;
  margin: 5px -3px;
  padding: 0 8px;
  cursor: default;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 li.auto-save {
  color: #ff8000;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn-zx {
  background: #ff8000;
  color: #fff;
  height: 21px;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn {
  color: #6a7d83;
  height: 21px;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn-zx-icon {
  width: 13px;
  height: 13px;
  float: left;
  margin: 3.5px 5px;
  background-image: url(../images/run.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn-bc-icon {
  width: 13px;
  height: 13px;
  float: left;
  margin: -4.5px 5px;
  background-image: url(../images/save.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn-xj-icon {
  width: 13px;
  height: 13px;
  float: left;
  margin: -4.5px 5px;
  background-image: url(../images/new.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn-ys-icon {
  width: 13px;
  height: 13px;
  float: left;
  margin: -4.5px 5px;
  background-image: url(../images/play.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .btn-pro-icon {
  width: 13px;
  height: 13px;
  float: left;
  margin: -4.5px 5px;
  background-image: url(../images/pro.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .setting-version {
  display: none;
  position: absolute;
  top: 30px;
  right: 0px;
  z-index: 1;
  width: 70px;
  border-radius: 3px;
  background-color: #fff;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .setting-version li {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.65);
  width: 100%;
  margin: 0;
  height: 28px;
  line-height: 28px;
  border-radius: 0px;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .setting-version li:hover {
  background: #7e7e7e49;
}
#content .wrapper-sam .content .content-middle .editor-setting .setting1 .setting-version .active {
  background: #7e7e7e49;
}
#content .wrapper-store {
  position: relative;
  background-color: #ffffff;
}
#content .wrapper-store .title {
  height: 55px;
  width: 100%;
}
#content .wrapper-store .title .title-d {
  width: 1330px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
}
#content .wrapper-store .title .title-d .catalog {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-weight: bold;
  line-height: 55px;
  font-size: 16px;
}
#content .wrapper-store .title .title-d .search-box {
  display: flex;
  flex-direction: row;
  margin: 12px 10px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  width: 186px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #a4abb6;
  border-radius: 15px;
}
#content .wrapper-store .title .title-d .search-box .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 18px;
  height: 24px;
  background: url(../images/search1.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  margin: 7px 16px 0 0;
}
#content .wrapper-store .title .title-d .search-box #keyword {
  border: none;
  font-size: 12px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #9fa6b2;
  line-height: 31px;
  padding-left: 16px;
}
#content .wrapper-store .banner-q {
  height: 406px;
  background: url('../images/store/banner.png') no-repeat;
  background-size: cover;
  background-position: center center;
}
#content .wrapper-store .store-cont {
  max-width: 1330px;
  width: 100%;
  margin: 40px auto 55px auto;
  overflow: hidden;
}
#content .wrapper-store .store-cont .items-title {
  display: flex;
  flex-direction: row;
  width: 1330px;
  padding: 50px 10px 20px 15px;
  font-size: 24px;
  line-height: 28px;
  color: #000;
  box-sizing: content-box;
}
#content .wrapper-store .store-cont .items-title a {
  color: #002835;
  font-size: 16px;
  margin-left: 15px;
  line-height: 21px;
  align-self: flex-end;
}
#content .wrapper-store .store-cont ul.items {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: space-between;
}
#content .wrapper-store .store-cont ul.items .item-li {
  width: 310px;
  margin: 15px 0;
}
#content .wrapper-store .store-cont ul.items .item-li .item {
  width: 100%;
  width: 310px;
}
#content .wrapper-store .store-cont ul.items .item-li .item:hover {
  box-shadow: 0 0 30px 6px rgba(31, 51, 73, 0.1) !important;
}
#content .wrapper-store .store-cont ul.items .item-li .item:hover .item-a .item-top .item-link {
  display: block;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a {
  display: block;
  width: 100%;
  height: 100%;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-top {
  width: 100%;
  height: 209px;
  background-size: contain;
  background-position: center center;
  position: relative;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-top .item-link {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  padding: 2px 7px;
  background-color: hsla(0, 0%, 88%, 0.8);
  color: #002835;
  font-size: 14px;
  display: none;
  text-align: center;
  line-height: 35px;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom {
  display: flex;
  flex-direction: column;
  padding: 10px 14px 8px;
  width: 100%;
  min-height: 90px;
  max-width: 100%;
  background-color: #fff;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom .line1 {
  padding: 3px 0 0;
  font-size: 11px;
  line-height: 15px;
  color: #9e9e9e;
  text-transform: UPPERCASE;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom .line1 .name1 {
  font-size: 22px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  color: #000000;
  line-height: 53px;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom .line1 .price1 {
  font-size: 24px;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  color: #ff7f00;
  line-height: 53px;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom .line2 {
  font-size: 14px;
  line-height: 18px;
  color: #002835;
  padding: 2px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom .line2 .label1 {
  font-size: 16px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #656565;
  line-height: 53px;
}
#content .wrapper-store .store-cont ul.items .item-li .item .item-a .item-bottom .line2 .price2 {
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  text-decoration: line-through;
  color: #656565;
  line-height: 53px;
}
#content .wrapper-store .store-bg {
  display: none;
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.8);
}
#content .wrapper-store .item-details-box {
  width: 986px;
  margin: 50px auto;
  box-sizing: border-box;
  background: #ffffff;
}
#content .wrapper-store .title-d {
  width: 980px;
  margin: 0 3px;
  height: 47px;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
#content .wrapper-store .title-d .text {
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #a5a9b2;
  line-height: 47px;
  margin-left: 20px;
}
#content .wrapper-store .title-d .item-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url(../images/store/close.png) no-repeat center;
  width: 16px;
  height: 16px;
  background-size: contain;
  cursor: pointer;
}
#content .wrapper-store .item-details {
  display: none;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 30px 50px;
  position: relative;
}
#content .wrapper-store .item-details .itemd-left {
  width: 476px;
  display: flex;
  flex-direction: column;
}
#content .wrapper-store .item-details .itemd-left .itemd-img {
  width: 445px;
}
#content .wrapper-store .item-details .itemd-left .itemd-img .img1 {
  width: 445px;
  height: 278px;
}
#content .wrapper-store .item-details .itemd-left .itemd-img .img2 {
  margin: 12px 0 0 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#content .wrapper-store .item-details .itemd-left .itemd-img .img2 .img-item {
  width: 141px;
  height: 90px;
  background-size: cover;
  background-position: 50%;
  cursor: pointer;
}
#content .wrapper-store .item-details .itemd-left .itemd-text {
  border-top: 1px solid #eee;
  margin-top: 30px;
  width: 100%;
}
#content .wrapper-store .item-details .itemd-left .itemd-text .text-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 38px;
  font-size: 15px;
  color: #424242;
  line-height: 38px;
  border-bottom: 1px solid #eee;
}
#content .wrapper-store .item-details .itemd-left .itemd-text .text-item .text-title {
  font-weight: 700;
}
#content .wrapper-store .item-details .itemd-left .itemd-text .text-item .text-val {
  font-weight: 400;
}
#content .wrapper-store .item-details .itemd-right {
  width: 377px;
  display: flex;
  flex-direction: column;
}
#content .wrapper-store .item-details .itemd-right .sketch-title {
  height: 38px;
  font-size: 20px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #333333;
  line-height: 31px;
}
#content .wrapper-store .item-details .itemd-right .sketch-text {
  height: 88px;
  overflow-y: auto;
}
#content .wrapper-store .item-details .itemd-right .sketch-text .sketch-p {
  font-size: 14px;
  font-family: SourceHanSansCN-Light;
  font-weight: 300;
  color: #a9adb8;
  line-height: 18px;
}
#content .wrapper-store .item-details .itemd-right .sketch-tag {
  height: 86px;
}
#content .wrapper-store .item-details .itemd-right .sketch-tag .sketch-tag-ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 29px 0;
}
#content .wrapper-store .item-details .itemd-right .sketch-tag .sketch-tag-ul .sketch-tag-li {
  padding: 0 14px;
  height: 28px;
  background: #f5f6fa;
  border: 1px solid #e8e7ec;
  border-radius: 14px;
  line-height: 28px;
  font-size: 12px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #a3a7b3;
}
#content .wrapper-store .item-details .itemd-right .sketch-tag .sketch-tag-ul .sketch-tag-li:hover {
  background: #ffffff;
}
#content .wrapper-store .item-details .itemd-right .sketch-table .sketch-table-ul {
  background: #ffffff;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
}
#content .wrapper-store .item-details .itemd-right .sketch-table .sketch-table-ul .sketch-table-li {
  height: 33px;
  border-bottom: 1px solid #eeeeee;
}
#content .wrapper-store .item-details .itemd-right .sketch-table .sketch-table-ul .sketch-table-li span {
  font-size: 12px;
  font-family: SourceHanSansCN-Light;
  font-weight: 300;
  color: #a9adb8;
  line-height: 32px;
  padding-left: 10px;
}
#content .wrapper-store .btn-d {
  padding: 10px 0 20px 0;
}
#content .wrapper-store .btn-d .btn-de {
  margin: 0 auto;
  width: 173px;
  height: 38px;
  background: #ff7f00;
  border-radius: 2px;
  font-size: 14px;
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
#content .storeNew .banner-q1 {
  background: url(../images/storeBanner.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: 393px;
  position: relative;
}
#content .storeNew .banner-q1 .title {
  width: auto;
  position: absolute;
  top: 40%;
  left: 18%;
  transform: translateY(-40%);
  color: #ffffff;
}
#content .storeNew .banner-q1 .title .banner-big {
  font-size: 54px;
  line-height: 72px;
}
#content .storeNew .banner-q1 .title .banner-big img {
  height: 58px;
  margin-right: 10px;
}
#content .storeNew .banner-q1 .title .banner-small {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 2px;
  margin-top: 20px;
}
#content .storeNew .store-cont {
  max-width: 1280px;
  margin: 30px auto 0;
}
#content .storeNew .store-cont .items-title {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 0 0 20px;
}
#content .storeNew .store-cont ul.items .item-li {
  width: 410px;
  height: 240px;
  margin: 0;
  background-color: #ffffff;
  cursor: pointer;
}
#content .storeNew .store-cont ul.items .item-li .item {
  width: 100%;
  height: 100%;
  padding: 50px 30px 40px 25px;
  display: flex;
  justify-content: space-between;
}
#content .storeNew .store-cont ul.items .item-li .item .item-a {
  width: 215px;
  color: #333333;
}
#content .storeNew .store-cont ul.items .item-li .item .item-a .a-title {
  font-size: 28px;
  line-height: 37px;
}
#content .storeNew .store-cont ul.items .item-li .item .item-a .a-descr {
  font-size: 14px;
  color: #7b7b7b;
  line-height: 19px;
  margin: 8px 0 31px;
  display: -webkit-box;
  max-height: 38px;
  line-height: 18px;
  color: #838791;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  width: 100%;
}
#content .storeNew .store-cont ul.items .item-li .item .item-a .item-btn {
  width: 110px;
  height: 36px;
  background: #f0f2f7;
  border-radius: 20px;
  color: #176BFF;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
}
#content .storeNew .store-cont ul.items .item-li .item .item-a .item-btn span {
  font-size: 12px;
  margin-left: 3px;
}
#content .storeNew .store-cont ul.items .item-li .item .item-b {
  width: 130px;
  height: 130px;
  background: #f6f8fd;
  border-radius: 50%;
  position: relative;
}
#content .storeNew .store-cont ul.items .item-li .item .item-b img {
  width: 125px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#content .storeNew .store-list {
  margin: 50px auto;
  max-width: 1280px;
}
#content .storeNew .store-list .items-title {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  padding: 0 0 20px;
}
#content .storeNew .store-list .items {
  background-color: #ffffff;
}
#content .storeNew .store-list .items .item-li {
  position: relative;
  height: 170px;
  margin: 0 30px;
  border-bottom: 1px solid #E4E4E4;
  padding: 35px 0 15px;
  display: flex;
  justify-content: flex-start;
}
#content .storeNew .store-list .items .item-li:last-child {
  border-bottom: none;
}
#content .storeNew .store-list .items .item-li .item-a {
  width: 89px;
  height: 89px;
  background: #f6f8fd;
  border-radius: 50%;
  margin-right: 37px;
  position: relative;
}
#content .storeNew .store-list .items .item-li .item-a img {
  width: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#content .storeNew .store-list .items .item-li .item-b p {
  max-width: 835px;
}
#content .storeNew .store-list .items .item-li .item-b p:nth-child(1) {
  font-size: 26px;
  color: #333333;
  line-height: 37px;
}
#content .storeNew .store-list .items .item-li .item-b p:nth-child(2) {
  font-size: 14px;
  color: #666666;
  line-height: 19px;
  margin: 6px 0 16px;
}
#content .storeNew .store-list .items .item-li .item-b p:nth-child(3) {
  font-size: 14px;
  color: #7b7b7b;
  line-height: 19px;
}
#content .storeNew .store-list .items .item-li .item-b p span {
  color: #2351D4;
}
#content .storeNew .store-list .items .item-li .item-c {
  position: absolute;
  top: 40px;
  right: 18px;
}
#content .storeNew .store-list .items .item-li .item-c .item-btn {
  width: 110px;
  height: 36px;
  background: #f0f2f7;
  border-radius: 20px;
  color: #176BFF;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin-top: 28px;
  cursor: pointer;
  display: inline-block;
}
#content .storeNew .store-list .items .item-li .item-c .item-btn span {
  font-size: 12px;
  margin-left: 3px;
}
#content .storeNew .pagination {
  max-width: 1280px;
  margin: 0 auto 85px;
  display: flex;
  justify-content: flex-end;
}
#content .storeNew .pagination li {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin-right: 6px;
  font-size: 14px;
  color: #999999;
  background: #ffffff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
#content .storeNew .pagination li.active {
  background: #176bff;
  color: #ffffff;
}
#content .wrapper-store-details .item-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#content .wrapper-store-details .item-details .itemd-left {
  width: 610px;
  display: flex;
  flex-direction: column;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-img {
  height: 380px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-img .img1 {
  height: 100%;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-img .img1 .img-item {
  width: 86px;
  height: 50px;
  margin: 0 20px 10px 0;
  background-size: cover;
  background-position: 50%;
  cursor: pointer;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-img .img2 {
  width: 504px;
  height: 380px;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-text {
  border-top: 1px solid #eee;
  margin-top: 30px;
  width: 100%;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-text .text-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 38px;
  font-size: 15px;
  color: #424242;
  line-height: 38px;
  border-bottom: 1px solid #eee;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-text .text-item .text-title {
  font-weight: 700;
}
#content .wrapper-store-details .item-details .itemd-left .itemd-text .text-item .text-val {
  font-weight: 400;
}
#content .wrapper-store-details .item-details .itemd-right {
  width: 525px;
  display: flex;
  flex-direction: column;
}
#content .wrapper-store-details .item-details .itemd-right .sketch {
  font-size: 24px;
  color: #424242;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch1 {
  width: 400px;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch1 .line1 {
  font-size: 14px;
  line-height: 14px;
  min-height: 14px;
  margin-bottom: 4px;
  color: #9e9e9e;
  text-transform: uppercase;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch1 .line2 {
  margin-bottom: 7px;
  min-height: 36px;
  color: #002835;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch1 .line3 {
  padding-top: 10px;
  height: 31px;
  color: #222b37;
  font-size: 14px;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch2 {
  width: 144px;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch2 .price {
  text-align: right;
  text-transform: uppercase;
  margin: 18px 0 7px 0;
}
#content .wrapper-store-details .item-details .itemd-right .sketch .sketch2 .add {
  height: 40px;
  width: 100%;
  background-color: #e91e63;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 40px;
  border-radius: 3px;
}
#content .wrapper-store-details .item-details .itemd-right .explain {
  font-size: 16px;
  line-height: 22px;
}
#content .wrapper-store-details .item-details .itemd-right .itemd-btn {
  display: flex;
  padding: 20px 0 0;
  justify-content: space-between;
}
#content .wrapper-store-details .item-details .itemd-right .itemd-btn .btns {
  display: flex;
}
#content .wrapper-store-details .item-details .itemd-right .itemd-btn .btns .btns11 {
  color: #002835;
  font-size: 14px;
  background: #fff;
  font-weight: 500;
  height: 36px;
  border: 1px solid #9e9e9e;
  border-radius: 3px;
  margin: 0;
  outline: none;
  cursor: pointer;
  padding: 0 16px;
  white-space: nowrap;
  line-height: normal;
  line-height: 36px;
}
#content .wrapper-store-details .item-details .itemd-right .itemd-btn .btns .btns1 {
  margin-right: 15px;
}
#content .wrapper-help {
  font-style: "Microsoft YaHei";
  min-height: 100%;
  background-color: #F2F2F2;
  padding-bottom: 1px;
}
#content .wrapper-help .banner-q {
  height: 180px;
  background: url('../images/scene/question_1920.png') no-repeat;
  background-size: 100% 100%;
}
#content .wrapper-help .quest-cont {
  max-width: 1200px;
  width: 100%;
  margin: -40px auto 55px auto;
  background-color: #fafafa;
  overflow: hidden;
}
#content .wrapper-help .quest-cont .tabs {
  float: left;
  width: 270px;
  background-color: #fafafa;
}
#content .wrapper-help .quest-cont .tabs ul li {
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #F6F6F6;
  color: #4d4d4d;
  font-size: 16px;
  text-align: center;
}
#content .wrapper-help .quest-cont .tabs ul li.active {
  background-color: #fff;
  position: relative;
}
#content .wrapper-help .quest-cont .tabs ul li.active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 60px;
  background-color: #ff8000;
}
#content .wrapper-help .quest-cont .tab-cont {
  float: left;
  width: calc(100% - 270px);
  padding: 0 30px;
  background-color: #fff;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 {
  height: 0;
  overflow: hidden;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .title-div {
  display: none;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .tit {
  height: 60px;
  color: #4d4d4d;
  font-size: 16px;
  line-height: 60px;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .text .ul2 .li2 p.t {
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 700;
  padding-left: 30px;
  background-color: #fafafa;
  position: relative;
  color: #4d4d4d;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .text .ul2 .li2 p.t::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  top: 22px;
  left: 16px;
  background-color: #ff8000;
  border-radius: 2px;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .text .ul2 .li2 div.c {
  padding: 20px 0 40px 30px;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .text .ul2 .li2 div.c p.c {
  color: #999999;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
}
#content .wrapper-help .quest-cont .tab-cont .ul1 .li1-active {
  height: auto;
}
#content .wrapper-price {
  min-height: 100%;
  background-color: #F2F2F2;
}
#content .wrapper-price .col-md-4,
#content .wrapper-price .col-md-8 .col-sm-5,
#content .wrapper-price .col-xs-12,
#content .wrapper-price .col-md-8 .col-sm-7 .col-xs-6 {
  padding: 0;
}
#content .wrapper-price .box {
  max-width: 1270px;
  width: calc(100% - 100px);
  margin: 0 auto;
}
#content .wrapper-price .bg-title {
  height: 145px;
  font-style: "SourceHanSansSC-Light";
  text-align: center;
  padding: 35px 0 30px 0;
  box-sizing: border-box;
}
#content .wrapper-price .bg-title .text1 {
  height: 50px;
  font-size: 33px;
  color: #333333;
  line-height: 50px;
}
#content .wrapper-price .bg-title .text2 {
  font-size: 18px;
  height: 34px;
  line-height: 34px;
  color: rgba(102, 102, 102, 0.6);
}
#content .wrapper-price .box-cont {
  overflow: hidden;
  font-style: "MicrosoftYaHei";
}
#content .wrapper-price .box-cont .developer {
  color: #000;
  width: calc(93% - 0px);
  height: 759px;
  background-color: #fff;
  margin: 0 auto;
  box-shadow: 0 0 30px 6px #1f33491a !important;
  border-radius: 3px !important;
  overflow: hidden;
  margin-top: 30px;
}
#content .wrapper-price .box-cont .project {
  height: 616px;
}
#content .wrapper-price .box-cont .project .titcont-ltop {
  height: 616px;
}
#content .wrapper-price .box-cont .project .tit:nth-child(3) {
  height: 20%;
}
#content .wrapper-price .box-cont .project .tit:nth-child(5) {
  height: 15%;
}
#content .wrapper-price .box-cont .project .tit ul {
  position: absolute;
  line-height: 23px;
}
#content .wrapper-price .box-cont .de-service {
  height: 250px;
  margin-bottom: 30px;
}
#content .wrapper-price .box-cont .developer-320,
#content .wrapper-price .box-cont .project-320 {
  display: none;
}
#content .wrapper-price .box-cont .title {
  height: 50px;
  background-color: #ff8000;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
#content .wrapper-price .box-cont .dv-titleout {
  width: 100%;
  height: 110px;
}
#content .wrapper-price .box-cont .dv-titleout .dv-title {
  width: 50%;
  float: right;
}
#content .wrapper-price .box-cont .dv-titleout .dv-title .p2 {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  color: #313131;
  font-weight: bold;
  position: relative;
}
#content .wrapper-price .box-cont .dv-titleout .dv-title .p2::after {
  content: '';
  width: 30px;
  height: 2px;
  position: absolute;
  background-color: #ff8000;
  bottom: 0;
  left: 0;
}
#content .wrapper-price .box-cont .dv-titleout .dv-title .p3 {
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  color: #ff8000;
}
#content .wrapper-price .box-cont .dv-titleout .dv-title .p4 {
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  color: #ff8000;
  font-weight: bold;
}
#content .wrapper-price .box-cont .dv-titleout .dv-titlez {
  float: left;
}
#content .wrapper-price .box-cont .dv-buy {
  width: 153px;
  margin: -16px 0 0 -28px;
}
#content .wrapper-price .box-cont .dv-buy .p1 {
  height: 45px;
  line-height: 7px;
  padding-left: 41px;
}
#content .wrapper-price .box-cont .dv-buy .p1 .span0 {
  font-size: 27px;
  color: #ff8000;
  position: relative;
  left: -10px;
}
#content .wrapper-price .box-cont .dv-buy .p1 .span1 {
  font-size: 30px;
  color: #ff8000;
  margin-right: 9px;
  position: relative;
}
#content .wrapper-price .box-cont .dv-buy .p1 .span1::before {
  content: '￥';
  font-size: 14px;
  color: #ff8000;
  position: absolute;
  top: 17px;
  left: -15px;
}
#content .wrapper-price .box-cont .dv-buy .p1 .span2 {
  font-size: 14px;
  color: #ff8000;
  top: 28%;
}
#content .wrapper-price .box-cont .dv-buy .buy-button {
  margin: 0 auto;
  margin-left: 25px;
  width: 115px;
  height: 34px;
  font-size: 14px;
  color: #FF7F00;
  border-radius: 1px;
  border: 1.2px solid #FF7F00;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}
#content .wrapper-price .box-cont .dv-buy .free {
  cursor: default;
  border: 1.2px solid #ffffff;
}
#content .wrapper-price .box-cont .dv-buy .try {
  background-color: #09afdf;
  margin-bottom: 16px;
}
#content .wrapper-price .box-cont .cont .dv {
  padding: 0 0 0 0px;
}
#content .wrapper-price .box-cont .cont .dv:nth-child(1) {
  float: left;
  width: 46%;
  padding: 0;
}
#content .wrapper-price .box-cont .cont .dv:nth-child(2) {
  width: 54%;
  float: left;
}
#content .wrapper-price .box-cont .titcont {
  width: 50%;
  float: left;
  height: 570px;
}
#content .wrapper-price .box-cont .titcont1 {
  margin-top: 110px;
}
#content .wrapper-price .box-cont .titcont1:nth-child(1) {
  width: 100%;
}
#content .wrapper-price .box-cont .titlere {
  width: 50%;
}
#content .wrapper-price .box-cont .titcont-ltop {
  width: 50%;
  height: 710px;
  background-color: #f3f3f3;
  float: left;
}
#content .wrapper-price .box-cont .tit {
  height: 20%;
  line-height: 20px;
  padding-left: 36px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  display: flex;
  align-items: center;
}
#content .wrapper-price .box-cont .tit span {
  position: absolute;
  top: 38%;
}
#content .wrapper-price .box-cont .tit .span-tip {
  margin-left: -35px;
}
#content .wrapper-price .box-cont .tit:nth-child(1) {
  border-top: 1px solid #e2e2e2;
}
#content .wrapper-price .box-cont .tit:nth-child(3) {
  height: 10%;
}
#content .wrapper-price .box-cont .tit:nth-child(5) {
  height: 15%;
}
#content .wrapper-price .box-cont .tit ul {
  position: absolute;
  line-height: 23px;
}
#content .wrapper-price .box-cont .titfir {
  font-size: 15px;
  font-weight: 600;
  padding-left: 36%;
}
#content .wrapper-price .box-cont .tit-right {
  padding-left: 2px;
}
#content .wrapper-price .box-cont .span-no {
  width: 12px;
  height: 12px;
  background: url('../images/span_no.png') no-repeat;
  background-size: contain;
  margin: 6px 0 0 2px;
  padding-top: 15px;
  padding-bottom: 2px;
}
#content .wrapper-price .box-cont .span-y {
  width: 12px;
  height: 12px;
  background: url('../images/cir_y.png') no-repeat;
  background-size: contain;
  margin: 6px 0 0 2px;
  padding-top: 17px;
}
#content .wrapper-price .more-service {
  margin: 50px 0 80px 0;
}
#content .wrapper-price .more-service .title {
  text-align: center;
}
#content .wrapper-price .more-service .title p {
  font-size: 18px;
  height: 50px;
  line-height: 50px;
}
#content .wrapper-price .more-service .title .contact-way {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #331133;
}
#content .wrapper-price .more-service .title .contact-way a {
  color: #313131;
}
#content .wrapper-price .more-service .cont {
  height: 80px;
  margin-top: 40px;
}
#content .wrapper-price .more-service .cont .others .row {
  overflow: hidden;
}
#content .wrapper-price .more-service .cont .others .row .col4 {
  width: 33.3%;
  border-left: 1px dashed #333;
}
#content .wrapper-price .more-service .cont .others .row .col4:nth-child(1) {
  border-left: none;
}
#content .wrapper-price .more-service .cont .others .row .col4 .p1 {
  display: none;
}
#content .wrapper-price .more-service .cont .others .row .border-none {
  border: none;
}
#content .wrapper-price .more-service .cont .others .row .border-none .p1 {
  display: block;
}
#content .wrapper-price .more-service .cont .others .row .p1 {
  font-size: 18px;
  margin-top: 15px;
}
@media only screen and (min-width: 1920px) {
  .container {
    max-width: 1300px !important;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1310px) {
  #content .storeNew .store-cont,
  #content .storeNew .store-list,
  #content .storeNew .pagination {
    max-width: 90%;
  }
  #content .storeNew .store-cont ul.items .item-li {
    width: 32%;
    max-height: 220px;
  }
  #content .storeNew .store-cont ul.items .item-li .item {
    padding: 30px 20px 20px 20px;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a {
    width: 68%;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-b {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  header.navbar {
    padding: 2px 10px 2px 15px;
  }
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .nav-separator,
  #btn-search {
    display: none;
  }
  .btn-search {
    display: inline;
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 55px;
    cursor: pointer;
  }
  #sub-site-nav {
    line-height: 1em;
  }
  #sub-site-nav .nav-link {
    padding: 20px;
    text-align: center;
  }
  #sub-site-nav .nav-link::after {
    display: none;
  }
  #sub-site-nav li.nav-menu ul.menu-ul {
    display: none;
    border: none;
  }
  #sub-site-nav li.nav-menu::after {
    display: none;
  }
  #query {
    margin-left: 0;
    text-align: center;
    margin: 16px 0;
  }
  .navbar-expand-lg .navbar-toggler {
    display: inline;
    border: none;
    margin-top: 14px;
    padding: 0 0;
  }
  .navbar-light .navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 10px;
  }
  .collapse {
    display: block;
  }
  .collapse .navbar-nav {
    display: none;
  }
  .collapse .navbar-nav .nav-link {
    display: none !important;
  }
  .collapse .navbar-nav .nav-link[data-act="main"],
  .collapse .navbar-nav .nav-link[data-act="demo"],
  .collapse .navbar-nav .nav-link[data-act="model"] {
    display: block !important;
  }
  .collapse #sub-site-nav {
    position: absolute;
    top: 64px;
    left: -2em;
    z-index: 100;
    line-height: 0.1em;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0.25em;
  }
  .collapse #sub-site-nav .nav-link {
    color: #fff;
    text-align: left;
  }
  .collapse #sub-site-nav .nav-link:hover {
    border-top: none;
    color: #ff8000 !important;
  }
  .collapse #sub-site-nav .nav-link.active {
    border-top: none;
    color: #ff8000 !important;
  }
  .collapse .navbar-nav-show {
    display: block;
  }
  .right_bottom_corner.QQ {
    display: none !important;
  }
  #content {
    /* 模型库 */
    /* 常見問題 */
    /* 价格 */
  }
  #content .bg-scene {
    height: 100% !important;
    top: 0 !important;
  }
  #content .bg-scene #pop-scene-large {
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    min-height: inherit;
    max-height: inherit;
    margin-top: 0 !important;
    height: 100%;
    overflow: hidden;
  }
  #content .bg-scene #pop-scene-large .div3d {
    width: 100%;
    height: 100%;
  }
  #content .bg-scene #pop-scene-large .div3d-box {
    height: calc(100% - 50px);
  }
  #content .bg-scene #pop-scene-large .title {
    text-align: center;
  }
  #content .bg-scene #pop-scene-large .btn-scene {
    display: none;
  }
  #content .bg-scene .model-scene {
    width: 90%;
    left: 5%;
    top: 55px;
    margin: 0;
    height: calc(100% - 55px*2);
    overflow: hidden;
  }
  #content .bg-scene .model-scene .model-detail {
    height: calc(100% - 100px);
  }
  #content .bg-scene .model-scene .model-detail .div3d {
    width: 100%;
    left: 0;
    margin-top: 0;
    height: 100%;
  }
  #content .bg-scene .model-scene .model-detail .div3d .quanping {
    display: none;
  }
  #content .bg-scene .model-scene .model-detail .btn-scene {
    display: none;
  }
  #content .main-info {
    font-size: 16px;
    line-height: 2em;
  }
  #content .card {
    margin-bottom: 10px;
  }
  #content .bg-upload .bg-box {
    width: 700px;
  }
  #content .model-search .model-search-list ul li:nth-child(1) {
    padding-left: 15px;
  }
  #content .wrapper-help .banner-q {
    background: url('../images/scene/question_1024.png') no-repeat;
    background-size: 100% 100%;
  }
  #content .wrapper-help .quest-cont {
    max-width: 950px;
    width: 100%;
  }
  #content .wrapper-help .quest-cont .tab-cont {
    width: calc(100% - 330px);
  }
  #content .wrapper-price .box {
    width: calc(100% - 20px);
    max-width: 768px;
    margin: 0 auto;
    position: relative;
  }
  #content .wrapper-price .box-cont .developer {
    width: 100%;
  }
  #content .wrapper-price .box-cont .project {
    width: 100%;
    margin-top: 38px;
    margin-left: 0;
  }
  #content .wrapper-price .box-cont .project .dv-action2 {
    height: 0;
  }
  #content .wrapper-price .box-cont .project .dv-action3 {
    height: 0;
  }
  #navbarHeader {
    font-size: 12px !important;
    color: #36383B;
  }
  .nav-link {
    color: #fff;
    padding: 12px !important;
    display: inline;
  }
  #main {
    display: none;
  }
  .footer-contant {
    display: none !important;
  }
  .application-inner h2 {
    display: none;
  }
  .see-more-project {
    display: none !important;
  }
  .numberP {
    font-size: 20px !important;
  }
  .collapse #sub-site-nav {
    height: 92px !important;
  }
  #content .storeNew .store-cont,
  #content .storeNew .store-list,
  #content .storeNew .pagination {
    max-width: 90%;
  }
  #content .storeNew .banner-q1 .title {
    left: 10%;
  }
  #content .storeNew .banner-q1 .title .banner-big {
    font-size: 40px;
    line-height: 40px;
  }
  #content .storeNew .banner-q1 .title .banner-big img {
    height: 50px;
  }
  #content .storeNew .banner-q1 .title .banner-small {
    font-size: 19px;
  }
}
@media only screen and (max-width: 800px) {
  #content .storeNew .store-cont ul.items .item-li {
    width: 32%;
    height: 330px;
  }
  #content .storeNew .store-cont ul.items .item-li .item {
    padding: 20px 10px;
    flex-direction: column-reverse;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a {
    width: 100%;
    height: 60%;
    text-align: center;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a .a-title {
    font-size: 20px;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a .a-descr {
    margin: 8px 0 20px;
    height: 60px;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a .item-btn {
    margin: 0 auto;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-b {
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .networkSecurity {
    max-width: 91% !important;
  }
  .nav-href .phone {
    display: none !important;
  }
  .nav-href a {
    display: none;
  }
  #content {
    /* 常见问题 */
    /* 价格 */
    /* 商店 */
  }
  #content .feature {
    margin: 24px auto;
  }
  #content .wrapper-help .banner-q {
    background: url('../images/scene/question_1024.png') no-repeat;
    background-size: 100% 100%;
  }
  #content .wrapper-help .quest-cont .tabs {
    width: 200px;
  }
  #content .wrapper-help .quest-cont .tab-cont {
    width: calc(100% - 260px);
    padding: 0;
  }
  #content .wrapper-price .box {
    max-width: 700px;
    width: calc(100% - 30px);
  }
  #content .wrapper-price .box-cont .developer {
    height: 730px;
    width: 100%;
  }
  #content .wrapper-price .box-cont .developer .titcont-ltop {
    display: none;
  }
  #content .wrapper-price .box-cont .developer .tit .tit-li {
    margin-left: -42px;
  }
  #content .wrapper-price .box-cont .developer .titcont {
    width: 100%;
  }
  #content .wrapper-price .box-cont .developer .dv-title {
    width: 175px;
  }
  #content .wrapper-price .box-cont .developer ul {
    width: 104px;
  }
  #content .wrapper-price .box-cont .developer .dv:nth-child(1) {
    width: 50%;
  }
  #content .wrapper-price .box-cont .developer .dv:nth-child(1) .titcont:nth-child(1) {
    display: none;
  }
  #content .wrapper-price .box-cont .developer .dv:nth-child(2) {
    width: 50%;
  }
  #content .wrapper-price .box-cont .developer .dv:nth-child(2) .dv-titleout .dv-title:nth-child(2) {
    display: none;
  }
  #content .wrapper-price .box-cont .developer .dv:nth-child(2) .dv-buy {
    margin: -34px 0 0 -31px;
  }
  #content .wrapper-price .box-cont .developer .dv:nth-child(2) .dv-buy .span2 {
    font-size: 13px;
    top: 20%;
  }
  #content .wrapper-price .box-cont .de-service {
    height: 560px;
  }
  #content .wrapper-price .box-cont .project {
    width: 100%;
    margin-top: 38px;
    margin-left: 0;
    height: 594px;
  }
  #content .wrapper-price .box-cont .developer-320,
  #content .wrapper-price .box-cont .project-320 {
    display: block;
    margin-top: 30px;
  }
  #content .wrapper-price .box-cont .developer-320 .dv:nth-child(1),
  #content .wrapper-price .box-cont .project-320 .dv:nth-child(1) {
    width: 50%;
  }
  #content .wrapper-price .box-cont .developer-320 .dv:nth-child(1) .titcont:nth-child(1),
  #content .wrapper-price .box-cont .project-320 .dv:nth-child(1) .titcont:nth-child(1) {
    display: none;
  }
  #content .wrapper-price .box-cont .developer-320 .dv:nth-child(2),
  #content .wrapper-price .box-cont .project-320 .dv:nth-child(2) {
    width: 50%;
  }
  #content .wrapper-price .box-cont .developer-320 .dv:nth-child(2) .dv-titleout .dv-titlez,
  #content .wrapper-price .box-cont .project-320 .dv:nth-child(2) .dv-titleout .dv-titlez {
    display: none;
  }
  #content .wrapper-price .box-cont .developer-320 .dv:nth-child(2) .dv-titleout .dv-titler,
  #content .wrapper-price .box-cont .project-320 .dv:nth-child(2) .dv-titleout .dv-titler {
    display: block !important;
    float: left;
  }
  #content .wrapper-price .box-cont .project-320 .dv-buy {
    margin: -34px 0 0 -45px;
  }
  #content .wrapper-price .more-service {
    margin: 80px 0 20px 0;
  }
  #content .wrapper-price .more-service .cont {
    height: auto;
  }
  #content .wrapper-price .more-service .cont .others .row .col4 {
    width: 100%;
    border-left: none;
    margin-top: 18px;
  }
  #content .wrapper-price .more-service .cont .others .row .col4 .p1 {
    display: block;
  }
  #content .wrapper-price .more-service .cont .others .row .border-none {
    display: none;
  }
  #content .storeNew .store-list .items .item-li {
    height: auto;
  }
  #content .storeNew .store-list .items .item-li .item-a {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #content {
    /* 常见问题 */
    /* 商店 */
  }
  #content .wrapper-help {
    background-color: #fff;
  }
  #content .wrapper-help .banner-q {
    height: 120px;
    background: url('../images/scene/question_320.png') no-repeat;
    background-size: 100% 100%;
  }
  #content .wrapper-help .quest-cont {
    width: 100%;
    margin: 0;
  }
  #content .wrapper-help .quest-cont .tabs {
    display: none;
  }
  #content .wrapper-help .quest-cont .tab-cont {
    width: 100%;
    margin-left: 0;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 {
    height: auto;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .title-div {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    background-color: #FAFAFA;
    font-weight: 700;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #F5F5F5;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .title-div span {
    position: absolute;
    top: 27px;
    right: 16px;
    width: 9px;
    height: 9px;
    background: url('../images/jia.png') no-repeat;
    background-size: contain;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .title-div span.open {
    background: url('../images/jian.png') no-repeat;
    background-size: contain;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .title-open span {
    background: url('../images/jian.png') no-repeat;
    background-size: contain;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .box-div {
    display: none;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .box-open {
    display: block;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .tit {
    margin-left: 16px;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .text .ul2 .li2 p.t {
    background-color: #fff;
  }
  #content .wrapper-help .quest-cont .tab-cont .ul1 .li1 .text .ul2 .li2 div.c {
    padding: 0px 30px 10px 30px;
  }
  #content .storeNew .banner-q1 .title .banner-big {
    font-size: 30px;
    line-height: 30px;
  }
  #content .storeNew .banner-q1 .title .banner-big img {
    height: 40px;
  }
  #content .storeNew .banner-q1 .title .banner-small {
    font-size: 15px;
    margin-top: 15px;
  }
  #content .storeNew .store-cont ul.items .item-li {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  #content .storeNew .store-cont ul.items .item-li .item {
    flex-direction: row-reverse;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a {
    width: 70%;
    height: auto;
    text-align: left;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a .a-descr {
    margin: 8px 0 10px;
    height: auto;
  }
  #content .storeNew .store-cont ul.items .item-li .item .item-a .item-btn {
    margin: 0;
  }
  #content .storeNew .store-list .items .item-li {
    height: auto;
  }
  #content .storeNew .store-list .items .item-li .item-a {
    display: none;
  }
}
.swal2-popup {
  width: 22rem !important;
  font-size: 0.5rem !important;
}
.swal2-popup .swal2-icon {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  margin: -0.75rem auto 0;
}
.swal2-popup .swal2-styled:focus {
  box-shadow: none !important;
}
.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #ff7f00 !important;
}
.swal2-popup .swal2-actions {
  margin: 2.25rem auto 0;
}
.swal2-popup .swal2-json {
  width: 100% !important;
  min-height: 13rem !important;
  margin-bottom: -1rem;
}
.swal2-popup .swal2-pre {
  min-height: 120px !important;
  margin-bottom: -1rem;
  text-align: justify;
}
.iframecontainer {
  flex: 0 0 100%;
  max-width: 100% !important;
  width: 100% !important;
  background: #f8fafe;
}
.iframecontainer .container {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 100% !important;
}
.iframecontainer .container #scene_upload {
  display: inline !important;
}
.depotBtn {
  background-color: #7d63b1 !important;
  border: none !important;
}
.depotBtn:hover {
  background-color: #6d569b !important;
  border: none !important;
}
.panoBtn {
  background-color: #47aaff !important;
  border: none !important;
}
.panoBtn:hover {
  background-color: #3b8cd3 !important;
  border: none !important;
}
.chartBtn {
  background-color: #0696f9 !important;
  border: none !important;
}
.chartBtn:hover {
  background-color: #1083cf !important;
  border: none !important;
}
.citybuilderBtn {
  background-color: #ff7f00 !important;
  border: none !important;
}
.citybuilderBtn:hover {
  background-color: #e0750a !important;
  border: none !important;
}
.campusBuilderBtn {
  background-color: #2bbbd4 !important;
  border: none !important;
}
.campusBuilderBtn:hover {
  background-color: #238798 !important;
  border: none !important;
}
.shadowPage {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 115;
}
.toolContainer {
  position: fixed;
  width: 610px;
  height: 350px;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-300px, -175px);
  background: #fdfdfd;
  border-radius: 3px;
  overflow: hidden;
  color: #333333;
  display: none;
  z-index: 1001;
}
.toolContainer .pc-title {
  padding: 0 80px 0 14px;
  height: 50px;
  line-height: 45px;
  border-bottom: 1px solid #505354 !important;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  background-color: #f8f8f8;
  border-radius: 2px 2px 0 0;
}
.toolContainer .shopInfoBox {
  padding-top: 22px;
  padding-right: 16px;
}
.toolContainer .shopInfoBox .toolLeft {
  width: 260px;
  float: left;
  padding-top: 20px;
}
.toolContainer .shopInfoBox .toolLeft .img_box {
  text-align: center;
}
.toolContainer .shopInfoBox .toolLeft .img_box img {
  width: 120px;
  height: 120px;
}
.toolContainer .shopInfoBox .toolLeft .downloadBox {
  text-align: center;
}
.toolContainer .shopInfoBox .toolLeft .downloadBox .downloadBtn {
  width: 180px;
  text-align: center;
  line-height: 40px;
  border-radius: 3px;
  background-color: #1b8cd8;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  margin-top: 10px;
}
.toolContainer .shopInfoBox .toolLeft .otherdownloadBox {
  text-align: center;
}
.toolContainer .shopInfoBox .toolLeft .otherdownloadBox .otherdownloadBtn {
  width: 180px;
  text-align: center;
  line-height: 40px;
  border-radius: 3px;
  background-color: #1acfe1;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  margin-top: 10px;
}
.toolContainer .shopInfoBox .toolLeft .link_box {
  text-align: center;
  padding-top: 10px;
}
.toolContainer .shopInfoBox .toolLeft .link_box a {
  display: inline-block;
  padding: 0px 16px;
}
.toolContainer .shopInfoBox .toolRight {
  width: 325px;
  float: left;
}
.toolContainer .shopInfoBox .toolRight .tool_info_ul {
  padding-top: 20px;
}
.toolContainer .shopInfoBox .toolRight .tool_info_ul li {
  overflow: hidden;
  font-size: 14px !important;
}
.toolContainer .shopInfoBox .toolRight .tool_info_ul li div {
  line-height: 28px;
}
.toolContainer .shopInfoBox .toolRight .tool_info_ul li .item_left {
  color: #808080;
  width: 70px;
  text-align: left;
  margin-right: 10px;
  float: left;
  color: #777777;
}
.toolContainer .shopInfoBox .toolRight .tool_info_ul li .item_right {
  font-size: 12px;
  width: 245px;
  text-align: left;
  float: left;
  color: #777777;
}
.tool_thumbnails .top_left img {
  width: 18px;
  height: 18px;
  top: 1px;
  left: 1px;
}
.tool_thumbnails .top_left .tooltips {
  left: -28px;
  top: -32px;
}
.panel-radio-border {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 3px;
  left: -4px;
  background-color: #fff;
  border: 1px solid #dcdee2;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
}
.panel-radio-border::after {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 3px;
  top: 3px;
  border-radius: 6px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: " ";
  background-color: #ff6110;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0);
}
.panel-radio-border .panel-radio {
  position: relative;
  top: 2px;
  margin-right: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}
.panel-radio-checked {
  border-color: #ff6110;
}
.panel-radio-checked::after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.alert_tip_box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 3;
}
.alert_tip_container {
  position: fixed;
  width: 325px;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-150px, -100px);
  background: #fdfdfd;
  border-radius: 1px;
  overflow: hidden;
  background: #2b2d2f;
  color: #ccc;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
}
.alert_tip_container .alert_tip_title {
  padding: 0 80px 0 20px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #505354;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
  font-size: 14px;
  color: #ccc;
  font-weight: 500;
  position: relative;
}
.alert_tip_container .footer_box {
  margin-top: 0px;
  line-height: 50px;
  text-align: center;
  border-top: 1px solid #505354;
  background: #2b2d2f;
}
.alert_tip_container .active_btn {
  display: inline-block;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  font-size: 12px;
  border-radius: 3px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
  color: #fff;
  background-color: #ff6110;
  border-color: #dcdee2;
}
.alert_tip_container .active_btn:hover {
  color: #fff;
  background-color: #ff8140;
}
.alert_tip_container .alert_tip_content {
  padding: 30px 30px 30px 40px;
  line-height: 24px;
  display: flex;
  justify-content: center;
}
.alert_tip_container .info_img {
  width: 30px;
  height: 30px;
}
.alert_tip_container .info_text {
  line-height: 25px;
  font-size: 14px;
  max-width: 180px;
  display: inline-block;
  padding-left: 10px;
}
.alert_tip_container .alert_close {
  position: absolute;
  right: 16px !important;
}
.alert_tip_container .alert_close i {
  font-size: 12px;
  cursor: pointer;
}
.alert_tip_container .alert_close:hover {
  color: #fff;
}
.swal2-container.newalert .swal2-popup {
  border-radius: 3px;
  box-shadow: 1px 4px 23px 6px rgba(0, 0, 0, 0.15);
  padding: 0;
  width: auto !important;
  overflow: hidden;
}
.swal2-container.newalert .swal2-popup .swal2-header {
  height: 50px;
  align-items: flex-start;
  padding: 0 14px;
  border-bottom: 1px solid #505354;
  background-color: #2b2d2f;
}
.swal2-container.newalert .swal2-popup .swal2-header .swal2-icon {
  display: none !important;
}
.swal2-container.newalert .swal2-popup .swal2-header .swal2-title {
  margin: auto 0;
  font-size: 14px;
  font-weight: 500;
  color: #c6c6c6;
}
.swal2-container.newalert .swal2-popup .swal2-header .swal2-close {
  display: inline-block !important;
  top: 15px ;
  right: 10px;
  width: 20px;
  height: 20px;
  color: #959697;
  outline: none;
  font-size: 18px;
}
.swal2-container.newalert .swal2-popup .swal2-header .swal2-close:hover {
  color: #c5c5c5;
}
.swal2-container.newalert .swal2-popup .swal2-content {
  padding: 11px 30px;
  background-color: #2b2d2f;
  color: #c6c6c6;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content {
  font-size: 14px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main {
  text-align: justify;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .success-icon {
  background: url("../images/icons/success.png") 0 no-repeat;
  width: 25px;
  height: 25px;
  background-size: 24px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .error-icon {
  background: url("../images/icons/error.png") 0 no-repeat;
  width: 25px;
  height: 25px;
  background-size: 24px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .info-icon {
  background: url("../images/icons/info1.png") 0 no-repeat;
  width: 25px;
  height: 25px;
  background-size: 24px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .warning-icon {
  background: url("../images/icons/warning.png") 0 no-repeat;
  width: 25px;
  height: 25px;
  background-size: 24px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .confirm-icon {
  background: url("../images/icons/confirm.png") 0 no-repeat;
  width: 25px;
  height: 25px;
  background-size: 24px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .msg {
  word-break: break-all;
  margin-left: 10px;
  max-width: calc(100% - 40px);
  line-height: 20px;
  display: flex;
  margin-top: 0;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .main .msg hr {
  border: none;
  width: 0;
  height: 0;
  margin-bottom: 20px;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .panel-radio span {
  position: relative;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .panel-radio span label {
  background: #fff;
  border: 1px solid #ccc;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-bottom: 0;
  left: -20px;
  top: 2px;
  position: relative;
  z-index: 1;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .panel-radio span input[type='radio'] {
  opacity: 0;
  z-index: 2;
  position: relative;
  cursor: pointer;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .panel-radio span input[type='radio']:checked + label {
  border-color: #ff6110;
}
.swal2-container.newalert .swal2-popup .swal2-content #swal2-content .panel-radio span input[type='radio']:checked + label::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
  border-radius: 6px;
  background-color: #ff6110;
}
.swal2-container.newalert .swal2-popup .swal2-content .swal2-validationerror {
  word-break: break-all;
  max-width: 350px;
  clear: both;
  text-align: justify;
}
.swal2-container.newalert .swal2-popup .tip {
  float: left;
  margin-top: 17px;
  margin-bottom: 24px;
  font-size: 14px;
}
.swal2-container.newalert .swal2-popup .swal2-input {
  width: calc(100% - 75px);
  float: right;
}
.swal2-container.newalert .swal2-popup .swal2-actions,
.swal2-container.newalert .swal2-popup .swal2-footer {
  height: 62px;
  padding: 0 15px;
  border-top: 1px solid #505354;
  background-color: #2b2d2f;
  width: 100%;
  margin: 0;
}
.swal2-container.newalert .swal2-popup .swal2-actions .swal2-styled,
.swal2-container.newalert .swal2-popup .swal2-footer .swal2-styled {
  border-radius: 3px;
  padding: 5px 0px;
  margin: 0 8px;
  width: 75px;
  text-align: center;
  height: 30px;
  color: #fff;
}
.swal2-container.newalert .swal2-popup .swal2-actions .swal2-confirm,
.swal2-container.newalert .swal2-popup .swal2-footer .swal2-confirm {
  font-size: 14px;
}
.swal2-container.newalert .swal2-popup .swal2-actions .swal2-confirm.swal2-styled,
.swal2-container.newalert .swal2-popup .swal2-footer .swal2-confirm.swal2-styled {
  background-color: #ff6110 !important;
  border: 1px solid #ff6110;
}
.swal2-container.newalert .swal2-popup .swal2-actions .swal2-confirm.swal2-styled:hover,
.swal2-container.newalert .swal2-popup .swal2-footer .swal2-confirm.swal2-styled:hover {
  border: 1px solid #ff8140;
  background-color: #ff8140 !important;
}
.swal2-container.newalert .swal2-popup .swal2-actions .swal2-styled.swal2-cancel,
.swal2-container.newalert .swal2-popup .swal2-footer .swal2-styled.swal2-cancel {
  background: #fff;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #ccc;
}
.swal2-container.newalert .swal2-popup .swal2-footer .footer-btn {
  display: flex;
  margin: auto;
}
.swal2-container.newalert .swal2-popup .swal2-footer .footer-btn button {
  outline: none;
  border-radius: 3px;
  padding: 5px 0px;
  margin: 0 8px;
  width: 75px;
  text-align: center;
  height: 30px;
  cursor: pointer;
  color: #fff;
  border: none;
}
.swal2-container.newalert .swal2-popup .swal2-footer .footer-btn button:last-child {
  border: 1px solid #aaa;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.swal2-container.newalert .swal2-popup .swal2-footer .footer-btn button:nth-child(2) {
  border: 1px solid #aaa;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.swal2-container.newalert .swal2-popup .swal2-footer .footer-btn button:first-child {
  border: 1px solid #ff6110;
  background-color: #ff6110 !important;
}
.swal2-container.newalert .swal2-popup .swal2-footer .footer-btn button:first-child:hover {
  border: 1px solid #ff8140;
  background-color: #ff8140 !important;
}