cloud-business 0.1.85 → 0.1.86-1

package/cloud-business.css

@@ -1,5 +1,6 @@
 html {
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
+  font-family: sans-serif;
+  /* 1 */
   line-height: 1.15;
   /* 2 */
   -ms-text-size-adjust: 100%;
@@ -260,7 +261,7 @@ li {
 @font-face {
   font-family: 'cloud-react-icon-font';
   /* Project id 2990746 */
-  src: url('//cloud-cdn.shuyun.com/cloud-fe-iconfont/0.0.2/cloud-react/font/iconfont.woff2') format('woff2'), url('//cloud-cdn.shuyun.com/cloud-fe-iconfont/0.0.2/cloud-react/font/iconfont.woff') format('woff'), url('//cloud-cdn.shuyun.com/cloud-fe-iconfont/0.0.2/cloud-react/font/iconfont.ttf') format('truetype');
+  src: url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.37/libs/cloud-react/icon/font/iconfont.woff2') format('woff2'), url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.37/libs/cloud-react/icon/font/iconfont.woff') format('woff'), url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.37/libs/cloud-react/icon/font/iconfont.ttf') format('truetype');
 }
 .newCloud-icon {
   font-family: 'cloud-react-icon-font' !important;
@@ -694,7 +695,6 @@ li {
   display: inline-flex;
 }
 .newCloud-button {
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -2686,7 +2686,7 @@ input::-webkit-search-cancel-button {
 .root-cloud-menu-prefix li {
   margin-bottom: 4px;
 }
-.root-cloud-menu-prefix [role="menuitem"] {
+.root-cloud-menu-prefix [role='menuitem'] {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   line-height: 20px !important;
@@ -2992,7 +2992,7 @@ input::-webkit-search-cancel-button {
 .newCloud-cmenu-inline li {
   margin-bottom: 4px;
 }
-.newCloud-cmenu-inline [role="menuitem"] {
+.newCloud-cmenu-inline [role='menuitem'] {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   line-height: 20px !important;
@@ -3067,7 +3067,7 @@ input::-webkit-search-cancel-button {
 .newCloud-cmenu-vertical li {
   margin-bottom: 4px;
 }
-.newCloud-cmenu-vertical [role="menuitem"] {
+.newCloud-cmenu-vertical [role='menuitem'] {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   line-height: 20px !important;
@@ -4296,7 +4296,8 @@ input::-webkit-search-cancel-button {
   bottom: 0;
   left: 0;
   cursor: sw-resize;
-  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
 }
 .react-resizable-handle-se {
   bottom: 0;
@@ -4307,13 +4308,15 @@ input::-webkit-search-cancel-button {
   top: 0;
   left: 0;
   cursor: nw-resize;
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .react-resizable-handle-ne {
   top: 0;
   right: 0;
   cursor: ne-resize;
-  transform: rotate(270deg);
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg);
 }
 .react-resizable-handle-w,
 .react-resizable-handle-e {
@@ -4323,11 +4326,13 @@ input::-webkit-search-cancel-button {
 }
 .react-resizable-handle-w {
   left: 0;
-  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+          transform: rotate(135deg);
 }
 .react-resizable-handle-e {
   right: 0;
-  transform: rotate(315deg);
+  -webkit-transform: rotate(315deg);
+          transform: rotate(315deg);
 }
 .react-resizable-handle-n,
 .react-resizable-handle-s {
@@ -4337,11 +4342,13 @@ input::-webkit-search-cancel-button {
 }
 .react-resizable-handle-n {
   top: 0;
-  transform: rotate(225deg);
+  -webkit-transform: rotate(225deg);
+          transform: rotate(225deg);
 }
 .react-resizable-handle-s {
   bottom: 0;
-  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
 }
 /* 不要在此引入normalize.less及其他放置公用无需编译的css */
 /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -4406,7 +4413,7 @@ input::-webkit-search-cancel-button {
   color: rgba(0, 0, 0, 0.25);
 }
 .newCloud-select .newCloud-select-wrapper.empty .newCloud-select-selected {
-  color: rgba(0, 0, 0, 0.25);
+  color: rgba(0, 0, 0, 0.45);
 }
 .newCloud-select .newCloud-select-wrapper.hidden {
   background: transparent;
@@ -4468,21 +4475,6 @@ input::-webkit-search-cancel-button {
   padding: 8px 0;
   background: #fff;
 }
-.newCloud-select-option-container .divider {
-  height: 1px;
-  background: #e8e8e8;
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-.newCloud-select-group-select-options .groupName {
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 12px;
-  margin-left: 12px;
-  margin-bottom: 8px;
-}
-.newCloud-select-group-select-options .groupName:not(:first-child) {
-  margin-top: 8px;
-}
 .newCloud-select-select-options {
   box-sizing: border-box;
   padding: 0;
@@ -4596,9 +4588,6 @@ input::-webkit-search-cancel-button {
 .newCloud-select-select-options .newCloud-select-multiple-options .newCloud-select-option-list .newCloud-select-option:hover {
   background: var(--shuyunBlue1);
 }
-.newCloud-select-select-options .newCloud-select-multiple-options .newCloud-select-option-list .newCloud-select-all-select {
-  height: 32px;
-}
 .newCloud-select-select-options .newCloud-select-operate-btn {
   display: flex;
   justify-content: flex-end;
@@ -5916,8 +5905,8 @@ input::-webkit-search-cancel-button {
 /* 不要在此引入normalize.less及其他放置公用无需编译的css */
 /* 不要在此引入animation.less及其他放置公用无需编译的css */
 .root-cloud-radio-position,
-.newCloud-radio-input:checked + .newCloud-radio-inner::after,
-.newCloud-radio-input[checked][disabled] + .newCloud-radio-inner::after,
+.newCloud-radio-input.checked + .newCloud-radio-inner::after,
+.newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after,
 .newCloud-radio-inner {
   position: absolute;
   top: 0;
@@ -5961,10 +5950,10 @@ input::-webkit-search-cancel-button {
   opacity: 0;
   cursor: pointer;
 }
-.newCloud-radio-input:checked + .newCloud-radio-inner {
+.newCloud-radio-input.checked + .newCloud-radio-inner {
   color: var(--shuyunBlue4);
 }
-.newCloud-radio-input:checked + .newCloud-radio-inner::after {
+.newCloud-radio-input.checked + .newCloud-radio-inner::after {
   content: '';
   background-color: currentColor;
   width: 6px;
@@ -5980,14 +5969,14 @@ input::-webkit-search-cancel-button {
   cursor: not-allowed;
   color: rgba(0, 0, 0, 0.25);
 }
-.newCloud-radio-input[disabled]:not(:checked) + .newCloud-radio-inner {
+.newCloud-radio-input[disabled]:not(.checked) + .newCloud-radio-inner {
   color: #d9d9d9;
   background-color: #f5f5f5;
 }
-.newCloud-radio-input[checked][disabled] + .newCloud-radio-inner {
+.newCloud-radio-input.checked[disabled] + .newCloud-radio-inner {
   color: var(--shuyunBlue2);
 }
-.newCloud-radio-input[checked][disabled] + .newCloud-radio-inner::after {
+.newCloud-radio-input.checked[disabled] + .newCloud-radio-inner::after {
   background-color: var(--shuyunBlue2);
   box-shadow: 0 0 5px var(--shuyunBlue2);
 }
@@ -6021,10 +6010,10 @@ input::-webkit-search-cancel-button {
 /* 不要在此引入normalize.less及其他放置公用无需编译的css */
 /* 不要在此引入animation.less及其他放置公用无需编译的css */
 .newCloud-card {
-  background: #ffffff;
+  background: #FFFFFF;
   border-radius: 2px;
   font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
+  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.85);
   line-height: 20px;
@@ -6049,7 +6038,7 @@ input::-webkit-search-cancel-button {
   padding-top: 16px;
   padding-left: 24px;
   padding-right: 24px;
-  border-bottom: 1px solid #e8e8e8;
+  border-bottom: 1px solid #E8E8E8;
   box-sizing: border-box;
 }
 .newCloud-card .newCloud-card-header .newCloud-card-title {
@@ -6058,14 +6047,14 @@ input::-webkit-search-cancel-button {
 }
 .newCloud-card .newCloud-card-header .newCloud-card-extra {
   font-weight: 400;
-  color: #5280ff;
+  color: #5280FF;
   cursor: pointer;
 }
 .newCloud-card .newCloud-card-content {
   padding: 24px;
 }
 .newCloud-card .newCloud-card-action {
-  border-top: 1px solid #e8e8e8;
+  border-top: 1px solid #E8E8E8;
   height: 40px;
   padding-left: 24px;
   padding-right: 24px;
@@ -7710,7 +7699,7 @@ input::-webkit-search-cancel-button {
 /* 不要在此引入normalize.less及其他放置公用无需编译的css */
 /* 不要在此引入animation.less及其他放置公用无需编译的css */
 .newCloud-modal {
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
+  font-family: Tahoma, 'Microsoft Yahei', sans-serif;
   position: fixed;
   top: 0;
   right: 0;
@@ -7933,7 +7922,7 @@ input::-webkit-search-cancel-button {
 }
 .newCloud-page-header {
   font-size: 16px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
+  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.85);
 }
@@ -8918,7 +8907,7 @@ input::-webkit-search-cancel-button {
 .newCloud-tabs.newCloud-tabs-left .newCloud-tabs-header-line .newCloud-tabs-items,
 .newCloud-tabs.newCloud-tabs-right .newCloud-tabs-header-line .newCloud-tabs-items {
   overflow: inherit;
-  border-right: 1px solid #e8e8e8;
+  border-right: 2px solid #e8e8e8;
 }
 .newCloud-tabs.newCloud-tabs-left .newCloud-tabs-header-line .newCloud-tabs-items-scroll,
 .newCloud-tabs.newCloud-tabs-right .newCloud-tabs-header-line .newCloud-tabs-items-scroll {
@@ -9000,7 +8989,7 @@ input::-webkit-search-cancel-button {
 }
 .newCloud-tabs.newCloud-tabs-right .newCloud-tabs-header-line .newCloud-tabs-items {
   border-right: none;
-  border-left: 1px solid #e8e8e8;
+  border-left: 2px solid #e8e8e8;
 }
 .newCloud-tabs.newCloud-tabs-right .newCloud-tabs-header-line .newCloud-tabs-items-scroll {
   padding-left: 10px;
@@ -9555,7 +9544,7 @@ input::-webkit-search-cancel-button {
   font-size: 16px;
   text-align: center;
   color: rgba(0, 0, 0, 0.45);
-  margin: 0 8px 0 12px;
+  margin: 0 8px;
   transition: all 0.1s;
 }
 .newCloud-tree-list-node-area .node-item-container .toggle-icon:hover {
@@ -9573,7 +9562,7 @@ input::-webkit-search-cancel-button {
   vertical-align: middle;
   top: 10px;
   color: #999;
-  margin: 0 8px 0 12px;
+  margin: 0 8px;
 }
 .newCloud-tree-list-node-area .node-item-container .edit-icon {
   display: none;
@@ -9746,21 +9735,26 @@ input::-webkit-search-cancel-button {
   box-sizing: border-box;
 }
 .newCloud-tree-select:hover .newCloud-tree-select-selected {
-  border: 1px solid rgba(0, 0, 0, 0.25);
+  border: 1px solid #aacbe1;
+}
+.newCloud-tree-select:hover .newCloud-tree-select-selected .newCloud-tree-select-select-icon {
+  color: #aacbe1;
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper {
-  height: 32px;
-  line-height: 20px;
+  height: 30px;
+  line-height: 16px;
   background: #fff;
   border: 1px solid #d9d9d9;
-  border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper:hover {
-  border: 1px solid rgba(0, 0, 0, 0.25);
+  border: 1px solid #aacbe1;
+}
+.newCloud-tree-select .newCloud-tree-select-wrapper:hover .newCloud-tree-select-select-icon {
+  color: #aacbe1;
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper.disabled {
   border: 1px solid #d9d9d9;
@@ -9775,14 +9769,17 @@ input::-webkit-search-cancel-button {
   background: #eee;
   cursor: not-allowed;
 }
+.newCloud-tree-select .newCloud-tree-select-wrapper.disabled .newCloud-tree-select-select-icon {
+  color: #c2c2c2;
+}
 .newCloud-tree-select .newCloud-tree-select-wrapper.empty .newCloud-tree-select-selected {
   color: #c9c9c9;
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
   flex: 1 0;
-  padding: 5px 12px;
+  padding: 5px;
   padding-right: 20px;
-  font-size: 14px;
+  font-size: 12px;
   color: #3d3d3d;
   border: none;
   white-space: nowrap;
@@ -9791,7 +9788,7 @@ input::-webkit-search-cancel-button {
   cursor: pointer;
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
-  font-size: 16px;
+  font-size: 12px;
   color: #c2c2c2;
   margin-right: 10px;
   transition: transform 0.3s;
@@ -9807,7 +9804,6 @@ input::-webkit-search-cancel-button {
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-clear-icon {
   display: none;
-  color: #e8e8e8;
 }
 .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-clear-icon.show {
   display: block;
@@ -9820,7 +9816,10 @@ input::-webkit-search-cancel-button {
   text-align: center;
 }
 .newCloud-tree-select-open .newCloud-tree-select-wrapper {
-  border: 1px solid var(--shuyunBlue4) !important;
+  border: 1px solid #aacbe1;
+}
+.newCloud-tree-select-open .newCloud-tree-select-wrapper .newCloud-tree-select-select-icon {
+  color: #aacbe1;
 }
 .newCloud-tree-select-options {
   box-sizing: border-box;
@@ -9830,9 +9829,8 @@ input::-webkit-search-cancel-button {
   max-width: 400px;
   min-width: 64px;
   width: 100%;
-  background: #ffffff;
-  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
-  border-radius: 2px;
+  border: 1px solid #d9d9d9;
+  background: #fff;
   cursor: pointer;
   overflow: auto;
   display: flex;
@@ -9840,7 +9838,7 @@ input::-webkit-search-cancel-button {
 }
 .newCloud-tree-select-options * {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   color: #3d3d3d;
 }
 .newCloud-tree-select-options-confirm {
@@ -9848,36 +9846,34 @@ input::-webkit-search-cancel-button {
 }
 .newCloud-tree-select-options .newCloud-tree-select-search {
   width: 100%;
-  padding: 8px 12px;
+  padding: 5px;
   position: relative;
 }
 .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-input {
   width: 100%;
+  padding: 5px;
+  padding-right: 20px;
+  height: 25px;
+  border: 1px solid #ededed;
+  border-radius: 2px;
+  outline: none;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-input-icon {
-  font-size: 16px;
-  color: rgba(0, 0, 0, 0.25);
-}
-.newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-input-icon.hidden {
-  display: none;
-}
 .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon {
-  color: #e8e8e8;
-  font-size: 16px;
+  color: #dbdbdb;
   position: absolute;
-  right: 25px;
-  top: 15px;
+  right: 10px;
+  top: 10px;
   display: none;
 }
 .newCloud-tree-select-options .newCloud-tree-select-search .newCloud-tree-select-search-icon.show {
   display: block;
 }
 .newCloud-tree-select-options .newCloud-tree-select-empty-options {
-  height: 32px;
-  line-height: 32px;
+  height: 30px;
+  line-height: 30px;
   margin: 5px;
   text-align: center;
   color: #c9c9c9;
@@ -9888,13 +9884,13 @@ input::-webkit-search-cancel-button {
   flex-direction: column;
 }
 .newCloud-tree-select-options .newCloud-tree-select-option-list .newCloud-tree-select-option {
-  padding: 6px 10px;
+  padding: 5px 10px;
 }
 .newCloud-tree-select-options .newCloud-tree-select-option-list .newCloud-tree-select-option.selected {
   background: #fff;
 }
 .newCloud-tree-select-options .newCloud-tree-select-option-list .newCloud-tree-select-option:hover {
-  background: #f5f8ff;
+  background: #f6f6f6;
 }
 .newCloud-tree-select-options .newCloud-tree-select-option-list .newCloud-tree-select-option > span {
   width: 100%;
@@ -9909,7 +9905,7 @@ input::-webkit-search-cancel-button {
   display: flex;
   justify-content: flex-end;
   padding: 10px;
-  border-top: 1px solid #e8e8e8;
+  border-top: 1px solid #dbdbdb;
   background: #fff;
 }
 .newCloud-tree-select-options .newCloud-tree-select-operate-btn .btn {
@@ -9919,19 +9915,9 @@ input::-webkit-search-cancel-button {
   margin-right: 10px;
 }
 .newCloud-tree-select-options .newCloud-tree {
-  padding: 8px 0 16px 0;
+  padding: 5px 0;
   overflow: auto;
 }
-.newCloud-tree-select-options .newCloud-tree .newCloud-tree-list-container {
-  padding: 0;
-}
-.newCloud-tree-select-options .newCloud-tree .newCloud-tree-search {
-  padding-bottom: 8px;
-}
-.newCloud-tree-select-options .newCloud-tree .newCloud-tree-search .newCloud-input-group {
-  width: calc(100% - 24px);
-  margin-left: 12px;
-}
 .newCloud-tree-select-single-options {
   padding: 0;
   z-index: 1020;
@@ -9943,8 +9929,8 @@ input::-webkit-search-cancel-button {
 .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option {
   display: none;
   justify-content: space-between;
-  padding: 6px 10px;
-  height: 32px;
+  padding: 5px 10px;
+  height: 30px;
   line-height: 20px;
   white-space: nowrap;
   overflow: hidden;
@@ -9961,7 +9947,7 @@ input::-webkit-search-cancel-button {
   transform: rotate(0deg);
 }
 .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option .search-text {
-  color: var(--shuyunBlue4);
+  color: #00aaf1;
 }
 .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option-show {
   display: flex;
@@ -9970,7 +9956,7 @@ input::-webkit-search-cancel-button {
   padding-left: 20px;
 }
 .newCloud-tree-select-single-options .newCloud-tree-select-option-list .newCloud-tree-select-option.selected {
-  background: #d4e1ff;
+  background: #f6f6f6;
 }
 
 /* 不要在此引入normalize.less及其他放置公用无需编译的css */
@@ -13150,6 +13136,207 @@ body {
   color: #bd3535;
 }
 
+.super-sms-select-model > .supper-sms-select-query {
+  height: 30px;
+  margin-top: 12px;
+  margin-bottom: 12px;
+  display: flex;
+  justify-content: flex-end;
+}
+.super-sms-select-model > .supper-sms-select-query i {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+}
+.super-sms-select-model-modal footer {
+  justify-content: flex-start;
+  flex-direction: row-reverse;
+}
+.super-sms-select-model-modal footer > button {
+  margin-left: 16px;
+}
+
+.dy-sms-test-account {
+  background-color: #fff;
+  position: relative;
+  width: 320px;
+  height: 160px;
+  height: 30px;
+}
+.dy-sms-test-account > .dy-sms-input-wrapper {
+  height: 30px;
+  position: relative;
+}
+.dy-sms-test-account > .dy-sms-input-wrapper input:focus {
+  border: 1px solid var(--shuyunBlue4) !important;
+}
+.dy-sms-test-account > .dy-sms-input-wrapper .error-minor-tooltip {
+  display: block;
+  position: absolute;
+  top: -28px;
+  box-sizing: border-box;
+  font-size: 12px;
+  border-radius: 2px;
+  padding: 4px 8px;
+  margin: 0;
+  min-height: 26px;
+  max-width: 250px;
+  line-height: 1.5;
+  z-index: 2;
+  background-color: #ff867c;
+  color: #f8f8f8;
+}
+.dy-sms-test-account > .dy-sms-drop-wrapper {
+  background-color: #fff;
+  width: 320px;
+  box-sizing: border-box;
+  padding: 12px;
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 2px;
+  position: absolute;
+  left: 0;
+  top: 32px;
+  z-index: 1;
+}
+
+.supper-sms-preview {
+  width: 256px;
+  height: 496px;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 20px;
+  overflow: hidden;
+}
+.supper-sms-preview > section > header {
+  height: 20px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.supper-sms-preview > section > header > div {
+  width: 84px;
+  height: 4px;
+  background: #e8e8e8;
+  border-radius: 4px;
+}
+.supper-sms-preview > section > div {
+  position: relative;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.85);
+  background-color: #fff;
+  border-bottom: 1px solid #dadada;
+}
+.supper-sms-preview > section > div > i {
+  position: absolute;
+  left: 12px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.supper-sms-preview > div {
+  height: 428px;
+  overflow-y: auto;
+  padding: 8px;
+  box-sizing: border-box;
+}
+.supper-sms-preview > div .super-sms-component-item {
+  height: auto;
+  margin-bottom: 12px;
+  padding: 10px;
+  font-size: 12px;
+  line-height: 18px;
+  background-color: #e5e6ea;
+  word-break: break-all;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+}
+.supper-sms-preview > div .super-sms-component-item img {
+  width: 100%;
+  vertical-align: top;
+}
+.supper-sms-preview > div .super-sms-component-item video {
+  width: 100%;
+  vertical-align: top;
+}
+.supper-sms-preview > div .super-sms-component-item pre {
+  margin: 0;
+  color: #000;
+  word-break: break-all;
+  white-space: pre-wrap;
+  font-family: Microsoft Yahei;
+}
+
+.super-sms-tip {
+  padding: 6px 12px;
+  background: #f5f8ff;
+  border: 1px solid #d4e1ff;
+  border-radius: 2px;
+  margin-bottom: 15px;
+  position: relative;
+  box-sizing: content-box;
+  padding-left: 30px;
+}
+.super-sms-tip p {
+  margin: 0;
+  line-height: 20px;
+  text-indent: -16px;
+}
+.super-sms-tip.collapsed {
+  height: 15px;
+  overflow-y: hidden;
+}
+.super-sms-tip > .supper-sms-tip-toggle {
+  position: absolute;
+  right: 9px;
+  top: 4px;
+  cursor: pointer;
+}
+.super-sms-tip > .supper-sms-tip-toggle i {
+  color: #0083ba;
+}
+.super-sms-content .send-time-spec {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.super-sms-content .super-sms-model {
+  display: flex;
+  align-items: center;
+  height: 32px;
+}
+.super-sms-content .super-sms-model > button {
+  margin-right: 12px;
+}
+.super-sms-content .super-sms-model .sms-model-name > span:first-child {
+  margin-right: 10px;
+}
+.super-sms-content .extra-tip {
+  color: rgba(0, 0, 0, 0.45);
+  margin-left: 12px;
+  line-height: 30px;
+}
+.super-sms-content .extra-tip > span {
+  color: #f5222d;
+}
+.super-sms-content .super-sms-test-label {
+  display: inline-block;
+}
+.super-sms-content .super-sms-test-label i {
+  color: rgba(0, 0, 0, 0.25);
+  font-size: 16px;
+  vertical-align: bottom;
+  margin-left: 4px;
+}
+.super-sms-selector-footer {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
 body {
   margin: 0;
   --shuyunBlue1: #EDF6FF;
@@ -16702,207 +16889,6 @@ body {
   z-index: 1;
 }
 
-.super-sms-select-model > .supper-sms-select-query {
-  height: 30px;
-  margin-top: 12px;
-  margin-bottom: 12px;
-  display: flex;
-  justify-content: flex-end;
-}
-.super-sms-select-model > .supper-sms-select-query i {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: pointer;
-}
-.super-sms-select-model-modal footer {
-  justify-content: flex-start;
-  flex-direction: row-reverse;
-}
-.super-sms-select-model-modal footer > button {
-  margin-left: 16px;
-}
-
-.dy-sms-test-account {
-  background-color: #fff;
-  position: relative;
-  width: 320px;
-  height: 160px;
-  height: 30px;
-}
-.dy-sms-test-account > .dy-sms-input-wrapper {
-  height: 30px;
-  position: relative;
-}
-.dy-sms-test-account > .dy-sms-input-wrapper input:focus {
-  border: 1px solid var(--shuyunBlue4) !important;
-}
-.dy-sms-test-account > .dy-sms-input-wrapper .error-minor-tooltip {
-  display: block;
-  position: absolute;
-  top: -28px;
-  box-sizing: border-box;
-  font-size: 12px;
-  border-radius: 2px;
-  padding: 4px 8px;
-  margin: 0;
-  min-height: 26px;
-  max-width: 250px;
-  line-height: 1.5;
-  z-index: 2;
-  background-color: #ff867c;
-  color: #f8f8f8;
-}
-.dy-sms-test-account > .dy-sms-drop-wrapper {
-  background-color: #fff;
-  width: 320px;
-  box-sizing: border-box;
-  padding: 12px;
-  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
-  border-radius: 2px;
-  position: absolute;
-  left: 0;
-  top: 32px;
-  z-index: 1;
-}
-
-.supper-sms-preview {
-  width: 256px;
-  height: 496px;
-  background: #fff;
-  border: 1px solid #e8e8e8;
-  border-radius: 20px;
-  overflow: hidden;
-}
-.supper-sms-preview > section > header {
-  height: 20px;
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.supper-sms-preview > section > header > div {
-  width: 84px;
-  height: 4px;
-  background: #e8e8e8;
-  border-radius: 4px;
-}
-.supper-sms-preview > section > div {
-  position: relative;
-  height: 30px;
-  line-height: 30px;
-  font-size: 14px;
-  text-align: center;
-  color: rgba(0, 0, 0, 0.85);
-  background-color: #fff;
-  border-bottom: 1px solid #dadada;
-}
-.supper-sms-preview > section > div > i {
-  position: absolute;
-  left: 12px;
-  font-size: 16px;
-  color: rgba(0, 0, 0, 0.45);
-}
-.supper-sms-preview > div {
-  height: 428px;
-  overflow-y: auto;
-  padding: 8px;
-  box-sizing: border-box;
-}
-.supper-sms-preview > div .super-sms-component-item {
-  height: auto;
-  margin-bottom: 12px;
-  padding: 10px;
-  font-size: 12px;
-  line-height: 18px;
-  background-color: #e5e6ea;
-  word-break: break-all;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #999;
-}
-.supper-sms-preview > div .super-sms-component-item img {
-  width: 100%;
-  vertical-align: top;
-}
-.supper-sms-preview > div .super-sms-component-item video {
-  width: 100%;
-  vertical-align: top;
-}
-.supper-sms-preview > div .super-sms-component-item pre {
-  margin: 0;
-  color: #000;
-  word-break: break-all;
-  white-space: pre-wrap;
-  font-family: Microsoft Yahei;
-}
-
-.super-sms-tip {
-  padding: 6px 12px;
-  background: #f5f8ff;
-  border: 1px solid #d4e1ff;
-  border-radius: 2px;
-  margin-bottom: 15px;
-  position: relative;
-  box-sizing: content-box;
-  padding-left: 30px;
-}
-.super-sms-tip p {
-  margin: 0;
-  line-height: 20px;
-  text-indent: -16px;
-}
-.super-sms-tip.collapsed {
-  height: 15px;
-  overflow-y: hidden;
-}
-.super-sms-tip > .supper-sms-tip-toggle {
-  position: absolute;
-  right: 9px;
-  top: 4px;
-  cursor: pointer;
-}
-.super-sms-tip > .supper-sms-tip-toggle i {
-  color: #0083ba;
-}
-.super-sms-content .send-time-spec {
-  margin-left: 8px;
-  margin-right: 8px;
-}
-.super-sms-content .super-sms-model {
-  display: flex;
-  align-items: center;
-  height: 32px;
-}
-.super-sms-content .super-sms-model > button {
-  margin-right: 12px;
-}
-.super-sms-content .super-sms-model .sms-model-name > span:first-child {
-  margin-right: 10px;
-}
-.super-sms-content .extra-tip {
-  color: rgba(0, 0, 0, 0.45);
-  margin-left: 12px;
-  line-height: 30px;
-}
-.super-sms-content .extra-tip > span {
-  color: #f5222d;
-}
-.super-sms-content .super-sms-test-label {
-  display: inline-block;
-}
-.super-sms-content .super-sms-test-label i {
-  color: rgba(0, 0, 0, 0.25);
-  font-size: 16px;
-  vertical-align: bottom;
-  margin-left: 4px;
-}
-.super-sms-selector-footer {
-  display: flex;
-  flex-direction: row-reverse;
-}
-
 body {
   margin: 0;
   --shuyunBlue1: #EDF6FF;