@charset "UTF-8";
.colorMoney {
  color: #fda129;
}
.colorText {
  color: #a7a7a7;
}
.colorActive {
  color: #ff6000;
}
.dsflex {
  display: flex;
}
.flexdirectionRow {
  flex-direction: row;
}
.flexdirectionColumn {
  flex-direction: column;
}
.flexwrap {
  flex-wrap: wrap;
}
.flexnowrap {
  flex-wrap: nowrap;
}
.flexcenter {
  align-items: center;
  justify-content: center;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.flex4 {
  flex: 4;
}
.flex5 {
  flex: 5;
}
.taRight {
  text-align: right;
}
.mt_12 {
  margin-top: 12px;
}
.mb_15 {
  margin-bottom: 15px;
}
.mb_12 {
  margin-bottom: 12px;
}
.ml_16 {
  margin-left: 16px;
}
.ml_96 {
  margin-left: 96px;
}
.border {
  border: 1px solid #E9E9E9;
}
.borderTop {
  border-top: 1px solid #E9E9E9;
}
.borderBottom {
  border-bottom: 1px solid #E9E9E9;
}
.borderRight {
  border-right: 1px solid #E9E9E9;
}
.inline-block {
  display: inline-block;
}
.colorGrayText {
  color: #767676;
}
.verAlMiddle {
  vertical-align: middle;
}
.J_body_1688 .btn-primary {
  color: #ff6000;
}
body {
  padding-top: 0px !important;
}
body.skin_74b9e1,
body.skin_0894ec,
body.skin_56b6f2 {
  background-image: none;
  background-color: #ffffff;
}
body > .main-page {
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  box-sizing: border-box;
  background: #F7F7F7;
}
.sui-form select:focus,
.sui-form textarea:focus,
.sui-form input[type="text"]:focus,
.sui-form input[type="password"]:focus,
.sui-form input[type="datetime"]:focus,
.sui-form input[type="datetime-local"]:focus,
.sui-form input[type="date"]:focus,
.sui-form input[type="month"]:focus,
.sui-form input[type="time"]:focus,
.sui-form input[type="week"]:focus,
.sui-form input[type="number"]:focus,
.sui-form input[type="email"]:focus,
.sui-form input[type="url"]:focus,
.sui-form input[type="search"]:focus,
.sui-form input[type="tel"]:focus,
.sui-form input[type="color"]:focus,
.sui-form .uneditable-input:focus {
  border-color: #ff6000;
}
.checkbox-pretty.checked > span:before,
.radio-pretty.checked > span:before {
  color: #ff6000;
}
.checkbox-pretty:hover span:before,
.radio-pretty:hover span:before {
  color: #ff6000;
}
.checkbox-pretty.halfchecked > span:before,
.radio-pretty.halfchecked > span:before {
  color: #ff6000;
}
#J_app-main-page .btn-primary,
.sui-modal .btn-primary,
.modal-dialog .btn-primary {
  color: #fff;
  border-style: solid;
  background-color: #ff6000;
  border-color: transparent;
}
#J_app-main-page .btn-primary:hover,
.sui-modal .btn-primary:hover,
.modal-dialog .btn-primary:hover,
#J_app-main-page .btn-primary:focus,
.sui-modal .btn-primary:focus,
.modal-dialog .btn-primary:focus {
  color: #fff;
  background-color: #CA2400;
  border-color: transparent;
  text-decoration: none;
}
#J_app-main-page .btn-primary:active,
.sui-modal .btn-primary:active,
.modal-dialog .btn-primary:active,
#J_app-main-page .btn-primary.active,
.sui-modal .btn-primary.active,
.modal-dialog .btn-primary.active {
  background-color: #ff6000;
  border-color: 1px solid transparent;
}
.sui-dropdown-menu > li > a:hover,
.sui-dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: #ff6000;
}
body.skin_74b9e1 .sui-dropdown-menu > .active > a,
body.skin_0894ec .sui-dropdown-menu > .active > a,
body.skin_56b6f2 .sui-dropdown-menu > .active > a,
body.skin_74b9e1 .sui-dropdown-menu > .active > a:focus,
body.skin_0894ec .sui-dropdown-menu > .active > a:focus,
body.skin_56b6f2 .sui-dropdown-menu > .active > a:focus {
  background: #ff6000;
}
body.skin_74b9e1 .ajax-pop-tip.ajax-pop-tip-loading .modal-body,
body.skin_0894ec .ajax-pop-tip.ajax-pop-tip-loading .modal-body,
body.skin_56b6f2 .ajax-pop-tip.ajax-pop-tip-loading .modal-body {
  border: 4px solid #ff6000;
  border-right-color: #ddd;
}
.btn-link {
  color: #ff6000;
}
.btn-link:hover {
  color: #ff6000;
  text-decoration: none;
}
.btn-link:active {
  color: #ff6000;
  text-decoration: none;
}
.btn-link:focus {
  color: #ff6000;
  text-decoration: none;
}
.btn-link:visited {
  color: #ff6000;
  text-decoration: none;
}
.btn-xlarge {
  padding: 11px 32px;
  line-height: 14px;
}
#J_app_header {
  height: 70px;
  background-color: #ffffff;
}
#J_app_header .J_header_wrap {
  height: 70px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#J_app_header .J_header_logoWrap {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#J_app_header .J_header_logoWrap img {
  height: 40px;
}
#J_app_header .J_header_logoWrap:hover,
#J_app_header .J_header_logoWrap:focus {
  color: #ff6000;
}
#J_app_header .J_header_logoWrap .J_header_logoCon {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #dfdfdf;
}
#J_app_header .J_header_logoWrap .J_header_logoText {
  color: #222222;
  font-size: 22px;
  line-height: 22px;
}
#J_app_header .J_header_logoWrap .J_header_logoText:hover {
  color: #ff6000;
}
#J_app_header .J_header_logoWrap .J_header_logohref {
  margin-top: 7px;
  color: #888888;
  font-size: 12px;
  line-height: 12px;
}
#J_app_header .J_header_logoWrap .J_header_logohref:hover {
  color: #ff6000;
}
#J_app_header .J_header {
  flex: 1;
  text-align: right;
}
#J_app_header .J_header .sui-dropdown {
  margin: 0 12px;
}
#J_app_header .J_header .sui-dropdown .sui-icon {
  font-size: 16px;
  margin-right: 2px;
  vertical-align: middle;
}
#J_app_header .J_header .sui-dropdown span {
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
}
#J_app_header .J_header .sui-dropdown a {
  color: #000000;
}
#J_app_header .J_header .sui-dropdown a:hover {
  color: #ff6000;
  text-decoration: none;
}
#J_app_header .J_header .sui-dropdown.active a {
  color: #ff6000;
}
#J_app_header .J_header .sui-dropdown.active a:hover {
  color: #ff6000;
  text-decoration: none;
}
#container {
  width: 1200px;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: 5px;
  height: 90%;
  flex: 1;
  display: flex;
  position: relative;
}
#container .J_aliindex {
  height: 100%;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
#container .J_wangwang {
  position: absolute;
  bottom: 100px;
  right: -50px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #E9E9E9;
}
#container .J_wangwang a {
  display: inline-block;
  transition: transform 0.2s;
}
#container .J_wangwang a:hover {
  transform: translateY(-40px);
  text-decoration: none;
}
#container .J_wangwang .J_wangwangImg {
  height: 40px;
  width: 40px;
}
#container .J_wangwang .J_wangwangImg img {
  width: 24px;
  height: 24px;
  margin: 8px;
}
#container .J_wangwang .J_wangwangText {
  height: 40px;
  width: 40px;
  color: #ff6000;
  text-align: center;
}
#J_app-main-page {
  display: flex;
  flex-direction: column;
}
#J_app-main-page .sui-table.table-bordered-simple th,
.sui-modal .sui-table.table-bordered-simple th,
.modal-dialog .sui-table.table-bordered-simple th {
  background: #E9E9E9;
}
.tdWrap {
  padding: 16px;
}
.mainPic {
  height: 80px;
  width: 80px;
}
.defaultThead th {
  padding-left: 16px;
  margin: 10px;
}
.site-container {
  padding: 0px;
}
.J_sub_header {
  height: 48px;
  line-height: 48px;
  margin: 0 20px;
  text-align: left;
  border-bottom: 1px solid #E9E9E9;
}
.J_sub_header .J_sub_headerText {
  display: inline-block;
  border-left: 3px solid #555555;
  padding-left: 8px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #555555;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: bold;
}
a:focus {
  outline: none !important;
  text-decoration: none;
}
.border-form {
  box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}
.border-form p {
  margin-top: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #eaeaea;
  background-color: #fafafa;
  font-size: 12px;
  margin-bottom: 20px;
}
.J_setting_wrap {
  height: 100%;
}
.J_setting_wrap .J_setting_optionWrap {
  flex: 1;
  padding-left: 80px;
  padding-top: 30px;
}
.J_setting_wrap .J_setting_footer {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #E9E9E9;
}
.sui-form.form-horizontal .control-group {
  margin-bottom: 20px;
}
.prop_must {
  color: red;
}
.not_must {
  display: none;
}
.J_propsContent {
  margin-left: 112px;
  width: 70%;
  padding: 10px;
  background-color: #F7F7F7;
}
.single-props {
  margin: 8px;
  width: 40%;
  display: inline-block;
}
.sui-dropdown {
  margin-left: 10px;
}
.J_mutiSetting {
  cursor: pointer;
}
.bgWhite {
  background-color: #ffffff;
}
.prop-name {
  width: 100px;
  text-align: right;
  display: inline-block;
}
.pic-imgsList li {
  display: inline-block;
  margin-right: 8px;
}
.pic-imgsList div {
  width: 96px;
  height: 96px;
  border: 1px solid #E4E4E4;
  text-align: center;
  color: #D7D7D7;
  font-size: 50px;
  background-color: #F6F6F6;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mian-picImg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.dialog-result-list {
  padding: 0 30px;
}
.dialog-result-list li {
  cursor: pointer;
  line-height: 26px;
  height: 26px;
  position: relative;
  padding: 0 5px;
}
.dialog-result-list li i {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 16px;
  color: #ffffff;
}
.dialog-result-list li.selected {
  background-color: #ff6000;
  color: #ffffff;
}
.dialog-result-list li.selected i {
  display: block;
}
.dialog-result-list li:hover {
  background-color: #f9f9f9;
}
.dialog-result-list li:hover.selected {
  background-color: #ff6000;
}
.preview-img {
  position: relative;
  width: 70%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sui-dropdown-menu {
  max-height: 300px;
  overflow-y: scroll;
}
.brand-selection {
  width: 250px !important;
  height: 300px !important;
  overflow-y: hidden;
}
.brand-selection .sui-form {
  height: 24px;
  padding: 3px;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.brand-selection .sui-form input {
  width: 232px !important;
}
.brand-selection .select-brand-scroll {
  width: 248px;
  height: 270px;
  overflow-y: scroll;
  padding: 0;
}
.brand-selection ul {
  position: static !important;
  display: block !important;
  max-height: none !important;
  overflow-y: hidden;
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.J_view_item_wrap .checkbox-pretty span:before {
  font-size: 182%;
}
.J_view_item_wrap .sui-loading.loading-light .icon-pc-loading {
  color: #999;
  opacity: 1;
  font-size: 16px;
}
.J_view_item_wrap .sui-loading {
  vertical-align: middle;
}
.J_view_item_wrap .loadingtxt {
  padding-right: 9px;
  height: 51px;
  display: inline-block;
  vertical-align: middle;
  line-height: 51px;
  color: #999;
}
.J_view_item_handleBox .sui-btn {
  margin-right: 16px;
}
.J_view_item_wrap {
  padding: 0 20px;
}
.sui-form .J_view_item_handleBox .J_module_item_checkAll {
  margin-left: 20px;
  margin-right: 20px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.sui-form .J_view_item_tableWrap input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
.J_view_item_tabBar_header {
  border-bottom: 1px solid #dfdfdf;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  padding: 0;
  margin: 0;
}
.J_view_item_tabBar_header li {
  width: 74px;
}
.J_item_td_topMargin {
  margin-top: 5px;
}
.J_view_item_tabBar_header a {
  color: #2A2A2A;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
.J_view_item_tabBar_header a:hover {
  color: #ff6000;
}
.J_view_item_tabBar_header a.active {
  color: #ff6000;
  border-color: #ff6000;
}
.J_view_item_handleBox {
  padding: 20px 0;
}
.J_view_item_tdWrap {
  padding: 14px 8px;
}
.J_view_item_mainPic {
  height: 80px;
  width: 80px;
}
.J_view_item_tableWrap .right {
  padding: 0;
  width: 40px;
}
.J_view_item_tableWrap .last {
  padding-right: 20px;
  width: 100px;
  font-size: 12px;
}
.J_view_item_tableWrap .sui-table td label {
  margin-left: 20px;
}
.J_view_item_tableWrap .sui-table.table-bordered-simple {
  margin-bottom: 0;
}
.J_view_item_handleBox .sui-btn {
  padding: 6px 15px;
  line-height: 14px;
}
.sui-dropup.dropdown-bordered .dropdown-inner a,
.sui-dropdown.dropdown-bordered .dropdown-inner a {
  min-width: 52px;
}
.J_view_item_wrap .J_sub_header {
  margin: 0;
  margin-bottom: 20px;
}
.J_module_reccords_tip {
  color: #ff6000;
  cursor: pointer;
}
.item_tr_td_last.grayText a {
  color: #c7c7c7;
}
.J_view_item_paginationBox .J_paging-wrap {
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
}
.J_edit_sellerPoint_num strong,
.J_edit_title_num strong {
  font-weight: normal;
  margin-left: 5px;
}
.J_nessary_color {
  color: #f00;
}
.J_marginTop {
  margin-top: 5px;
}
.view_edit_bgWrap {
  width: 829px;
  background-color: #F8F8F8;
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 1px;
  box-sizing: border-box;
}
.J_edit_express_wrap {
  width: 829px;
  background-color: #F8F8F8;
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 1px;
  box-sizing: border-box;
}
.J_edit_express_wrap .sui-dropdown {
  height: 34px;
  margin-left: 0;
  background-color: #fff;
}
.J_edit_express_wrap .dropdown-inner {
  min-width: 250px;
  padding: 5px 0;
  min-height: 20px;
}
.J_edit_express_wrap .J_edit_aBtn {
  padding: 0 5px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #dfdfdf;
  vertical-align: middle;
  color: #2A2A2A;
  display: inline-block;
  margin-left: 8px;
  background-color: #fff;
  border-radius: 4px;
}
.J_edit_express_wrap .J_edit_aBtn:hover {
  color: #2A2A2A;
  text-decoration: none;
}
.J_edit_express_wrap .J_edit_aBtn:active {
  color: #2A2A2A;
  text-decoration: none;
}
.J_edit_express_wrap .J_edit_aBtn:focus {
  color: #2A2A2A;
  text-decoration: none;
}
.J_edit_express_wrap .J_edit_aBtn:visited {
  color: #2A2A2A;
  text-decoration: none;
}
.sui-form .J_edit_express_wrap input {
  padding: 6px 4px;
  width: 100px;
}
.J_edit_nessary-checkBox .checkbox-pretty.checked > span:before,
.J_edit_nessary-checkBox .radio-pretty.checked > span:before {
  color: #666;
}
.J_edit_otherInfo_questionfill {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.J_edit_otherInfo_questionfill i {
  color: #999;
  font-size: 16px;
}
.J_edit_otherInfo_questionfill:hover {
  text-decoration: none;
}
.J_edit_otherInfo_questionfill:hover i {
  color: #ff6000;
}
.J_edit_gallery_useInfo {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.J_edit_cate-children .J_marginTop {
  margin-left: 20px;
}
.sui-form.form-horizontal .J_edit_categroyBox {
  width: 829px;
  background-color: #F8F8F8;
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 1px;
  box-sizing: border-box;
}
.sui-form.form-horizontal .J_edit_categroyBox {
  padding: 10px;
}
.J_edit_landout {
  width: 829px;
  background: #F8F8F8;
  border: 1px solid #ccc;
  padding: 5px 10px;
  padding-top: 20px;
  box-sizing: border-box;
}
.J_edit_landout .dropdown-inner {
  min-width: 150px;
  background: #fff;
}
.pr {
  position: relative;
}
.J_edit_purchaseLand_tip {
  display: inline-block;
  vertical-align: inherit;
  height: 24px;
  line-height: 24px;
}
.J_edit_preSaleSet {
  width: 829px;
  background-color: #F8F8F8;
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 1px;
  box-sizing: border-box;
  width: 630px;
}
.J_edit_preSaleSet .J_edit_preSaleSet_tip {
  line-height: 1;
  padding-bottom: 20px;
  padding-left: 10px;
}
.J_mt20 {
  margin-top: 20px;
}
.J_procress_line_box {
  width: 570px;
  position: relative;
}
.J_procress_line_box .J_procress_line {
  background: #ff6000;
  height: 5px;
}
.J_procress_line_box .J_line_item {
  position: absolute;
}
.J_procress_line_box .J_line_item_first {
  left: -10px;
}
.J_procress_line_box .J_line_item_second {
  left: 230px;
}
.J_procress_line_box .J_line_item_third {
  right: -20px;
}
.J_tbc-presale-steps .J_line_item {
  top: -8px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #ff6000;
  color: #fff;
  border-radius: 10px;
}
.J_procress_line_boxtop {
  height: 60px;
  padding-bottom: 20px;
}
.J_procress_line_boxbottom {
  height: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.J_procress_line_boxtop .J_edit_presale_height,
.J_procress_line_boxbottom .J_edit_presale_height {
  height: 30px;
  line-height: 30px;
}
.J_edit_preSaleSet-inner {
  padding: 20px;
}
.J_edit_preSaleSet_content {
  border-top: 1px solid #dfdfdf;
  padding: 0 20px;
  padding-top: 20px;
}
.J_edit_advanced_preSaleSet .J_procress_line_box .J_line_item_second {
  left: 300px;
}
.J_edit_advancedTime,
.J_edit_advancedLastTime {
  width: 80px;
}
.J_verticalAM {
  vertical-align: middle;
}
.J_verticalAT {
  vertical-align: top;
}
.J_edit_mainBox {
  padding: 0 30px 120px 30px;
}
.J_edit_mainBox ul {
  margin: 0;
  padding: 0;
}
.J_edit_title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 20px 0;
}
.sui-form.form-horizontal .J_edit_mainBox .control-group {
  margin-bottom: 15px;
}
.sui-form.form-horizontal .J_edit_mainBox .control-group.marginB5 {
  margin-bottom: 5px;
}
.J_edit_cwidth {
  width: 730px;
}
.J_propsContent {
  margin-left: 96px;
  width: 829px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #F8F8F8;
  margin-bottom: 15px;
}
.pic-imgsList.ml_96 {
  margin-left: 96px;
}
.pic-imgsList.mb_15 {
  margin-bottom: 15px;
}
.J_editSku_wrap {
  width: 829px;
  background: #F8F8F8;
  box-sizing: border-box;
}
.J_edit_title_small {
  margin: 10px 0;
  font-size: 12px;
  font-weight: 600;
}
.sui-form.form-horizontal .controls.J_editSku_wrap {
  padding: 0 10px;
}
.J_edit_presale_editTime,
.J_edit_presale_duration {
  display: none;
}
.J_edit_categroy_ReWrap {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 10px;
}
.J_edit_categroy_ReWrap .J_edit_category_refresh {
  border: 1px solid #E9E9E9;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  color: #2A2A2A;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}
.J_edit_categroy_ReWrap .J_edit_category_refresh:hover {
  text-decoration: none;
  color: #2A2A2A;
}
.J_edit_purchaseLand,
.J_edit_paymentMode {
  display: none;
}
.noData-tip {
  text-align: center;
  padding: 15px 0;
}
.sui-form .trans-input > input {
  width: 500px;
  height: 32px;
  line-height: 32px;
  border: 2px solid #ff6000;
  padding: 0 10px;
  border-radius: 0;
}
.sui-form .trans-input > button {
  width: 88px;
  height: 36px;
  background-color: #ff6000;
  color: #ffffff;
  font-size: 14px;
  border: 0;
  outline: none;
  margin-left: -2px;
}
.sui-form .trans-input > button:hover {
  background-color: #CA2400;
}
.trans-link-box {
  padding-top: 30px;
  position: relative;
}
.trans-link-box .taohy-tip {
  position: absolute;
  right: 0;
  top: 10px;
}
.trans-link-box .taohy-tip a {
  color: #999;
}
.trans-link-box .taohy-tip a:hover + img {
  display: block;
}
.trans-link-box .taohy-tip .sui-icon {
  font-size: 16px;
  margin-right: 3px;
  color: #aaa;
}
.trans-link-box .taohy-tip img {
  display: none;
  position: absolute;
  right: -5px;
  top: 15px;
  width: 250px;
  max-width: 250px;
}
.trans-link-box .trans-input-wrap {
  width: 610px;
  margin: 0 auto;
}
.trans-link-box .taohy {
  margin-top: 3px;
  color: #666;
}
.trans-link-box:after {
  content: '';
  display: block;
  height: 5px;
  background-color: #F7F7F7;
  margin: 10px -20px 0 -20px;
}
.J_edit {
  display: flex;
  height: 100%;
  margin: 0;
}
.J_editLeft {
  width: 200px;
  border-right: 5px solid #F7F7F7;
  height: 100%;
}
.J_editLeft .J_edit_matoItemWrap {
  padding: 0px 0px 0px 16px;
  text-align: left;
  font-size: 14px;
  display: flex;
  align-items: center;
  height: 40px;
}
.J_editLeft .J_edit_matoItemWrap:hover,
.J_editLeft .J_edit_matoItemWrap.active {
  cursor: pointer;
  color: #ff6000;
}
.J_editLeft .J_edit_matoItemWrap:hover .J_edit_matoItemIcon,
.J_editLeft .J_edit_matoItemWrap.active .J_edit_matoItemIcon {
  opacity: 1;
}
.J_editLeft .J_edit_matoItemIcon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  opacity: 0;
  display: inline-block;
  background-size: 100%;
  background-image: url('/resources/image/position.png');
  vertical-align: middle;
}
.J_editRight {
  flex: 1;
  overflow: auto;
}
.J_edit_submitBox {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 17px 0 ;
  text-align: center;
  background: #ffffff;
  border-top: 1px solid #ccc;
}
.J_edit_submitBox .J_edit_wait {
  color: #666666;
}
.J_edit_submitBox .puhuo-btn1 {
  animation: ph-bounce 0.4s linear infinite;
}
.J_edit_submitBox .puhuo-btn2 {
  animation: ph-scale 0.4s linear 0.2s infinite;
}
@keyframes ph-bounce {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-12px);
  }
  75% {
    ransform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes ph-scale {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-12px) scale(1.1, 0.95);
  }
  75% {
    ransform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}
.J_editSku .J_editSku_color {
  position: relative;
  padding-left: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E9E9E9;
}
.J_editSku .J_editSku_size {
  border-bottom: 1px solid #E9E9E9;
}
.J_editSku .J_editSkuToolTip {
  position: absolute;
  display: none;
  background-color: #F8F8F8;
  z-index: 1;
}
.J_editSku .J_editSkuToolTipArrow {
  margin-left: 52px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-bottom-color: #E9E9E9;
  position: relative;
}
.J_editSku .J_editSkuToolTipArrow::after {
  content: '';
  position: absolute;
  right: -6px;
  top: -5px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #ffffff;
}
.J_editSku .J_editSkuToolTipContent {
  border: 1px solid #E9E9E9;
  background-color: #ffffff;
}
.J_editSku .input[disabled],
.J_editSku select[disabled],
.J_editSku textarea[disabled],
.J_editSku input[readonly],
.J_editSku select[readonly],
.J_editSku textarea[readonly] {
  cursor: default;
  background-color: #fff;
}
.J_editSku .J_edit_colorItem,
.J_editSku .J_edit_colorIcon {
  display: inline-block;
}
.J_editSku .J_edit_colorItem {
  width: 96px;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
}
.J_editSku .J_edit_colorItem:hover {
  background-color: #F2F3F7;
  cursor: pointer;
}
.J_editSku .J_edit_colorIcon {
  width: 11px;
  height: 11px;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #E9E9E9;
}
.J_editSku .J_editSkuToolTipContentLeft {
  display: inline-block;
  border-right: 1px solid #E9E9E9;
  position: relative;
}
.J_editSku .J_edit_colorItemParent {
  display: block;
}
.J_editSku .J_edit_colorItemParent.active {
  background-color: #eee;
}
.J_editSku .J_edit_colorItemChild {
  display: none;
}
.J_editSku .J_editSkuToolTipContentRight {
  display: inline-block;
  padding: 20px 24px;
  width: 348px;
  vertical-align: top;
}
.J_editSku .J_editSku_colorItemsWrap {
  margin-bottom: 12px;
}
.J_editSku .J_sku_sizeListWrap {
  display: inline-block;
  margin-bottom: 15px;
  min-width: 180px;
  margin-right: 15px;
}
.J_editSku .J_editSku_saleInputBatch,
.J_editSku .J_editSku_saleBatchBtn {
  margin-left: 12px;
}
.J_editSku .J_editSku_saleTotalNum[disabled] {
  background-color: #eee;
  box-shadow: none;
  border-color: #eee;
}
.J_editSku .J_edit_colorItemBtn.disabled {
  background-color: #eee;
}
.J_editSku .J_edit_colorItemBtn.disabled:hover {
  cursor: not-allowed;
}
.J_editSku .J_editSku_sizeItems {
  padding-left: 15px;
  padding-bottom: 15px;
}
.J_editSku .J_editSku_sizeLists {
  padding-left: 15px;
  padding-bottom: 15px;
}
.J_editSku .J_edit_skuTip {
  height: 25px;
  line-height: 25px;
  padding-bottom: 5px;
}
.J_editSku .J_edit_skuTip span {
  font-weight: 600;
}
.J_editSku .J_sku_size_width {
  margin-right: 5px;
}
.J_editSku .J_edit_sku_saleProps {
  position: relative;
  padding-left: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E9E9E9;
}
.J_editSku .J_tip {
  height: 25px;
  line-height: 25px;
  padding-bottom: 5px;
}
.J_editSku .J_editSku_saleTable {
  margin-right: 15px;
}
.J_editSku .J_editSku_saleTable input {
  width: 80px;
}
.sui-form .J_editSku_saleTable input[type="text"].input-fat.input-medium {
  width: 95px;
}
.editor-wrapper .controls {
  width: 830px;
}
.editor-header {
  height: 50px;
  padding: 0 10px;
  background-color: #F2F2F2;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 1px 1px 0;
}
.editor-header .sui-btn {
  float: left;
  margin-top: 11px;
}
.editor-body {
  background-color: #7d7d7d;
}
.editor-main {
  width: 320px;
  height: 500px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
}
.editor-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 48px;
  overflow: auto;
}
.editor-tools {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ececec;
  padding: 5px 0;
  height: 38px;
}
.editor-tools-item {
  float: left;
  width: 33.333%;
  text-align: center;
  cursor: pointer;
}
.editor-tools-item .sui-icon {
  display: block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  font-size: 20px;
}
.editor-tools-item .sui-icon:hover {
  color: #666;
}
.md-module {
  position: relative;
  cursor: pointer;
  margin: 0 5px;
}
.md-module img {
  width: 100%;
  max-width: 100%;
}
.md-module .cover {
  display: none;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.md-module .tools {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 20;
  display: none;
  margin: 0;
}
.md-module .tools li {
  clear: none;
  float: left;
  margin: 0;
}
.md-module .tools li a {
  float: left;
  line-height: 25px;
  margin-right: 1px;
  padding: 0 10px;
  background: #fff;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.md-module.current {
  min-height: 35px;
}
.md-module.current .tools,
.md-module.current .cover {
  display: block;
}
.editor-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.editor-textarea {
  height: 100%;
}
.editor-textarea textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.md-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.purchase-info-box {
  width: 560px;
  height: 120px;
  margin: 100px auto 48px;
  padding: 20px;
  background: #FCFCFC;
  border: 1px solid #E9E9E9;
}
.purchase-info-box .logo {
  float: left;
}
.purchase-info-box .logo img {
  width: 120px;
  height: 120px;
}
.purchase-info-box dl {
  float: left;
  width: 420px;
  margin: 0 0 0 20px;
}
.purchase-info-box dl dt {
  font-size: 18px;
  color: #333333;
  line-height: 16px;
  margin: 15px 0;
}
.purchase-info-box dl dd {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin: 0;
}
.purchase-button {
  text-align: center;
}
.p-success-container {
  padding: 50px 0;
}
.success-info-box {
  text-align: center;
}
.success-info-box h2 {
  color: #444;
}
.success-info-box h2 .sui-icon {
  font-size: 24px;
  color: #19de90;
  margin-right: 4px;
}
.success-info-box .msg {
  color: #666;
  font-size: 16px;
}
.entry-button {
  margin: 30px auto 0;
  display: inline-block;
  width: 260px;
  height: 48px;
  cursor: pointer;
}
.entry-button div {
  font-size: 16px;
  line-height: 1;
  padding: 5px 0 3px;
}
.entry-button p {
  margin: 0;
  line-height: 1;
  font-size: 12px;
}
.wdsp-info-box {
  margin: 30px auto 0;
  width: 800px;
  padding: 20px;
  background-color: #fffaf7;
}
.wdsp-info-box .check-icon {
  width: 40px;
  height: 40px;
  background: url("../image/check-icon.png");
  background-size: 40px 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 2px;
}
.wdsp-info-box h2 {
  color: #ff6000;
  font-weight: normal;
}
.wdsp-info-box h2 span {
  vertical-align: middle;
}
.wdsp-info-box .item {
  color: #666;
  padding: 30px 0 30px 50px;
  overflow: hidden;
}
.wdsp-info-box .item .left {
  float: left;
}
.wdsp-info-box .item .right {
  float: right;
  margin-top: 10px;
}
.wdsp-info-box .item .t1 {
  height: 22px;
  font-size: 16px;
  line-height: 22px;
}
.wdsp-info-box .item .t1 .sui-icon {
  color: #ff6000;
  font-size: 20px;
  margin-right: 4px;
}
.wdsp-info-box .item .t1 > div {
  float: left;
}
.wdsp-info-box .item .t1 > div:first-child {
  width: 250px;
}
.wdsp-info-box .item .t2 {
  font-size: 14px;
  margin-top: 5px;
  color: #888;
}
.wdsp-info-box .item + .item {
  border-top: 1px solid #ffeadd;
}
.coupon-dialog-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.coupon-dialog {
  width: 360px;
  padding: 20px;
  position: absolute;
  left: 50%;
  top: 30%;
  margin-left: -200px;
  background-color: #ffffff;
  box-shadow: 2px 6px 10px 0 rgba(0, 0, 0, 0.1);
  color: #666;
}
.coupon-dialog h2 {
  text-align: center;
  margin: 10px 0;
  line-height: 1;
}
.coupon-dialog .text {
  font-size: 14px;
  margin-bottom: 20px;
}
.coupon-dialog .coupon-item {
  width: 360px;
  height: 104px;
  background: url('../image/coupon.png');
  background-size: 360px 104px;
  overflow: hidden;
}
.coupon-dialog .coupon-item .name {
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  margin: 42px 0 0 135px;
}
.coupon-dialog .sui-btn {
  margin-top: 50px;
}
.coupon-dialog .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #666666;
  cursor: pointer;
}
.coupon-dialog .close-btn:hover {
  text-decoration: none;
}
.coupon-dialog .close-btn .sui-icon {
  font-size: 20px;
}