newtv-ui-revision 0.0.1

package/packages/assets/css/newtv.css

@@ -0,0 +1,1439 @@
+/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+body {
+  line-height: 1;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+nav ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+a {
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+/* change colours to suit your needs */
+ins {
+  background-color: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+/* change colours to suit your needs */
+mark {
+  background-color: #ff9;
+  color: #000;
+  font-style: italic;
+  font-weight: bold;
+}
+del {
+  text-decoration: line-through;
+}
+abbr[title],
+dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+/* change border colour to suit your needs */
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #cccccc;
+  margin: 1em 0;
+  padding: 0;
+}
+input,
+select {
+  vertical-align: middle;
+}
+div,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  box-sizing: border-box;
+}
+a {
+  text-decoration: none;
+}
+li {
+  list-style: none;
+}
+.logo-link {
+  color: #fff;
+}
+.logo-link-pointer:hover {
+  cursor: pointer;
+}
+.nav_header {
+  background-color: #021F56;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 40px;
+  position: fixed;
+  z-index: 1006;
+  width: 100%;
+  top: 0;
+  left: 0;
+  color: #ffffff;
+}
+.nav_header .nav_header_left {
+  height: 40px;
+}
+.nav_header .nav_header_left .nav-icon {
+  float: left;
+  width: 40px;
+  height: 40px;
+  background-color: #021F56;
+}
+.nav_header .nav_header_left .nav-icon i {
+  display: block;
+  font-size: 32px;
+  cursor: pointer;
+  margin-top: 8px;
+}
+.nav_header .nav_header_left img {
+  height: 36px;
+  display: block;
+  float: left;
+  margin-top: 7px;
+  margin-left: 30px;
+}
+.nav_header .nav_header_left h3 {
+  font-size: 16px;
+  font-weight: bold;
+  float: left;
+  height: 40px;
+  line-height: 40px;
+  margin-left: 30px;
+}
+.nav_header .user_name {
+  margin-right: 30px;
+  cursor: pointer;
+}
+.nav_header .user_name .el-dropdown {
+  color: #ffffff;
+  margin-top: 10px;
+  margin-right: 20px;
+}
+.nav_header .user_name .el-dropdown span {
+  line-height: 20px;
+}
+.nav_header .user_name span.portrait {
+  line-height: 40px;
+  display: inline-block;
+  border-radius: 23px;
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+}
+.nav_header .user_name span.portrait img {
+  width: 40px;
+  height: 40px;
+  vertical-align: middle;
+}
+.header-dropdown-menu li {
+  padding: 5px 40px 5px 20px;
+}
+.header-dropdown-menu li i {
+  margin-right: 10px;
+}
+.main-menu .mask {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.6);
+  z-index: 1004;
+}
+.main-menu-list {
+  box-sizing: border-box;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 1005;
+  width: 230px;
+  height: 100%;
+  overflow-y: auto;
+  background-color: #021F56;
+  text-align: left;
+  padding: 40px 0 0 0;
+  color: #ffffff;
+  transform: translate(-230px, 0);
+  -ms-transform: translate(-230px, 0);
+  /* IE 9 */
+  -webkit-transform: translate(-230px, 0);
+  /* Safari and Chrome */
+  -o-transform: translate(-230px, 0);
+  /* Opera */
+}
+.main-menu-list:last-child:after {
+  content: '';
+  position: absolute;
+  width: 92%;
+  height: 1px;
+  background-color: #cccccc;
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.main-menu-list hr {
+  margin-left: 15%;
+  width: 70%;
+  background-color: #9a9daf;
+  height: 1px;
+}
+.main-menu-list dt {
+  padding: 20px;
+  cursor: default;
+  position: relative;
+}
+.main-menu-list dd a {
+  display: block;
+  font-size: 14px;
+  padding: 15px 20px 15px 40px;
+  text-deqcoration: none;
+  color: #ffffff;
+}
+.main-menu-list dd a i {
+  margin-right: 5px;
+  font-size: 18px;
+}
+.main-menu-list dd a:active,
+.main-menu-list dd a.active {
+  color: #409EFF;
+}
+.main-menu-list dd:hover {
+  background-color: rgba(37, 46, 61, 0.4);
+}
+.main-menu-list dd:hover a {
+  color: #409eff;
+}
+.nav-act {
+  animation: active 1s forwards;
+  -moz-animation: active 1s forwards;
+  /* Firefox */
+  -webkit-animation: active 1s forwards;
+  /* Safari and Chrome */
+  -o-animation: active 1s forwards;
+  /* Opera */
+}
+.nav-back {
+  animation: back 1s forwards;
+  -moz-animation: back 1s forwards;
+  /* Firefox */
+  -webkit-animation: back 1s forwards;
+  /* Safari and Chrome */
+  -o-animation: back 1s forwards;
+  /* Opera */
+}
+.menu-list-act {
+  animation: menu-active 1s forwards;
+  -moz-animation: menu-active 1s forwards;
+  /* Firefox */
+  -webkit-animation: menu-active 1s forwards;
+  /* Safari and Chrome */
+  -o-animation: menu-active 1s forwards;
+  /* Opera */
+}
+.menu-list-back {
+  animation: menu-back 1s forwards;
+  -moz-animation: menu-back 1s forwards;
+  /* Firefox */
+  -webkit-animation: menu-back 1s forwards;
+  /* Safari and Chrome */
+  -o-animation: menu-back 1s forwards;
+  /* Opera */
+}
+@keyframes active {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(90deg);
+  }
+}
+@-moz-keyframes active {
+  /* Firefox */
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(90deg);
+  }
+}
+@-webkit-keyframes active {
+  /* Safari and Chrome */
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(90deg);
+  }
+}
+@-o-keyframes active {
+  /* Opera */
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(90deg);
+  }
+}
+@keyframes back {
+  0% {
+    transform: rotate(90deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@-moz-keyframes back {
+  /* Firefox */
+  0% {
+    transform: rotate(90deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes back {
+  /* Safari and Chrome */
+  0% {
+    transform: rotate(90deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@-o-keyframes back {
+  /* Opera */
+  0% {
+    transform: rotate(90deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@keyframes menu-active {
+  0% {
+    transform: translate(-230px, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@-moz-keyframes menu-active {
+  /* Firefox */
+  0% {
+    transform: translate(-230px, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@-webkit-keyframes menu-active {
+  /* Safari and Chrome */
+  0% {
+    transform: translate(-230px, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@-o-keyframes menu-active {
+  /* Opera */
+  0% {
+    transform: translate(-230px, 0);
+  }
+  100% {
+    transform: translate(0, 0);
+  }
+}
+@keyframes menu-back {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(-230px, 0);
+  }
+}
+@-moz-keyframes menu-back {
+  /* Firefox */
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(-230px, 0);
+  }
+}
+@-webkit-keyframes menu-back {
+  /* Safari and Chrome */
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(-230px, 0);
+  }
+}
+@-o-keyframes menu-back {
+  /* Opera */
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(-230px, 0);
+  }
+}
+.body-container {
+  height: 100vh;
+  padding-top: 50px;
+  box-sizing: border-box;
+}
+.body-container .el-main {
+  padding: 20px 20px 20px 40px;
+}
+.content-row .sidebar {
+  width: 64px;
+  position: fixed;
+  top: 40px;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  display: block;
+  text-align: left;
+  padding: 0;
+  background-color: #ffffff;
+  box-shadow: 5px 10px 15px #eeeeee;
+  font-size: 16px;
+}
+.content-row .sidebar .menu {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.content-row .sidebar .el-submenu.is-opened {
+  background-color: #f2f8fe;
+}
+.content-row .sidebar .el-submenu.is-opened .el-submenu__title,
+.content-row .sidebar .el-submenu.is-opened .el-menu,
+.content-row .sidebar .el-submenu.is-opened .el-menu-item {
+  background: none !important;
+  margin: 1px 0;
+}
+.content-row .sidebar .el-submenu.is-active .el-submenu__title {
+  color: #6699ff !important;
+}
+.content-row .sidebar .el-submenu.is-active .el-submenu__title:hover {
+  color: #fff !important;
+}
+.content-row .sidebar .el-submenu.is-active .is-active {
+  color: #ffffff !important;
+  background-color: #56a2f7 !important;
+}
+.content-row .content {
+  width: 100%;
+  padding: 5px 30px 30px 94px;
+  margin-top: 75px;
+  box-sizing: border-box;
+}
+@media (min-width: 992px) {
+  .sidebar .el-scrollbar__bar.is-vertical {
+    z-index: 1000;
+  }
+  .content-row .sidebar {
+    width: 200px;
+    overflow: auto;
+  }
+  .content-row .content {
+    padding: 5px 30px 30px 230px;
+  }
+}
+.newtv-sidebar .el-menu-item-group__title {
+  padding: 0;
+}
+.newtv-sidebar {
+  overflow-x: hidden!important;
+}
+.sidebar-container {
+  width: 200px !important;
+  text-align: left;
+  padding: 0;
+  background-color: #ffffff;
+  box-shadow: 5px 10px 15px #eeeeee;
+  font-size: 16px;
+  position: relative;
+  z-index: 999;
+  transition: width 0.6s;
+  /*overflow: visible!important;*/
+}
+.sidebar-container.el-aside {
+  overflow: visible;
+  display: flex;
+  flex-direction: column;
+}
+.sidebar-container.sidebar-close {
+  width: 0px!important;
+  transition: width 0.6s;
+}
+.sidebar-container.sidebar-close .arrow {
+  transform: translate(0, -50%) rotate(0deg);
+}
+.sidebar-container.sidebar-close .sidebar-header {
+  padding: 0;
+  transition: all 0.6s;
+}
+.sidebar-container .sidebar {
+  height: 100%;
+  overflow: auto;
+}
+.sidebar-container .el-menu {
+  position: relative;
+  z-index: 2;
+}
+.sidebar-container .menu {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.sidebar-container .el-submenu.is-opened {
+  background-color: #f2f8fe;
+}
+.sidebar-container .el-submenu.is-opened .el-submenu__title,
+.sidebar-container .el-submenu.is-opened .el-menu,
+.sidebar-container .el-submenu.is-opened .el-menu-item {
+  background: none !important;
+  margin: 1px 0;
+}
+.sidebar-container .el-submenu.is-opened .el-submenu__title:hover,
+.sidebar-container .el-submenu.is-opened .el-menu-item:hover {
+  background-color: #409EFF !important;
+  color: #fff !important;
+}
+.sidebar-container .el-submenu.is-active .el-submenu__title {
+  color: #6699ff !important;
+}
+.sidebar-container .el-submenu.is-active .el-submenu__title:hover {
+  color: #fff !important;
+}
+.sidebar-container .el-submenu .el-menu-item.is-active {
+  color: #ffffff !important;
+  background-color: #56a2f7 !important;
+  font-weight: bold;
+}
+.sidebar-header {
+  height: 56px;
+  line-height: 56px;
+  color: #4c4d4e;
+  background-color: #F5F7FA;
+  padding: 0 20px;
+  transition: all 0.6s;
+}
+.sidebar-header p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: default;
+}
+.sidebar-switch {
+  position: fixed;
+  top: 50%;
+  left: -20px;
+  z-index: inherit;
+  transform: translate(100%, -50%);
+  width: 20px;
+  height: 75px;
+  background: #ffffff;
+  /*border: 1px dashed #f4f4f5;*/
+  border-left: none;
+  border-top-right-radius: 14px;
+  border-bottom-right-radius: 14px;
+  cursor: pointer;
+}
+.sidebar-switch .arrow {
+  font-size: 12px;
+  color: #56a2f7;
+  position: absolute;
+  right: 6px;
+  top: 50%;
+  transform: translate(0, -50%) rotate(180deg);
+}
+.el-menu-item:hover,
+.el-submenu__title:hover {
+  background-color: #56a2f7 !important;
+  color: #fff !important;
+}
+.el-menu-item:hover i,
+.el-submenu__title:hover i {
+  color: #fff !important;
+}
+.el-menu-item [class^=newtv-icon-],
+.el-submenu__title [class^=newtv-icon-],
+.el-menu-item [class^=el-icon-],
+.el-submenu__title [class^=el-icon-] {
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+  vertical-align: middle;
+}
+@media (max-width: 992px) {
+  .sidebar-container {
+    width: 80px !important;
+  }
+  .sidebar-container .sidebar-header {
+    display: none;
+  }
+}
+th,
+td {
+  height: 44px;
+}
+.el-table thead {
+  color: #464a53;
+  font-weight: 600;
+}
+.el-table td,
+.el-table th {
+  padding: 6px 0;
+}
+.el-table .el-table__body td .cell:empty::after {
+  content: "--";
+}
+th {
+  font-weight: lighter !important;
+}
+.textAlignLeft {
+  text-align: left;
+}
+.left {
+  float: left;
+}
+.right {
+  float: right;
+}
+.notification {
+  overflow: hidden;
+  line-height: 1.5;
+  top: 8px;
+}
+.notification .icon-message {
+  font-size: 22px;
+}
+.notification .corner-mark {
+  display: inline-block;
+  position: relative;
+  bottom: 5px;
+  right: -2px;
+  min-width: 17px;
+  height: 17px;
+  padding: 0 4px;
+  box-sizing: border-box;
+  background: #FF5273;
+  border-radius: 17px;
+  line-height: 17px;
+  font-size: 12px;
+  white-space: nowrap;
+  text-align: center;
+}
+.manual {
+  margin-right: 30px;
+  font-size: 24px;
+  line-height: 1.8;
+}
+.manual span {
+  font-size: 14px;
+  display: inline-block;
+  float: right;
+  margin: 5px;
+}
+.el-dialog__header {
+  background-color: #fafafa;
+  padding: 20px;
+}
+.el-dialog__footer button,
+.large-button button {
+  width: 100px;
+}
+.el-dialog {
+  width: 580px;
+  min-width: 430px;
+}
+.el-autocomplete {
+  width: 100%;
+}
+.el-radio {
+  line-height: 30px;
+}
+.el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {
+  background-color: #EBEEF5;
+  color: #9a9daf;
+}
+.el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active,
+.el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover {
+  background-color: #56a2f7;
+  color: #ffffff !important;
+}
+.newtv-content-body {
+  background-color: #f4f4f5;
+}
+.newtv-content-body .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+  border-bottom: 1px solid #56a2f7 !important;
+}
+.newtv-table-body {
+  padding: 30px;
+  background-color: #fff;
+}
+.newtv-table-body .el-table th {
+  background-color: #f8fcff;
+}
+.newtv-table-body .el-table tr {
+  background-color: #eef7fe;
+}
+.newtv-table-body .el-table tr.el-table__row--striped {
+  background-color: #f8fcff;
+}
+.newtv-top-menus {
+  background-color: #fff !important;
+  padding: 30px 30px 0;
+}
+.newtv-search-body {
+  background-color: #fff !important;
+  padding: 5px 30px;
+  margin-bottom: 20px;
+}
+.header-search-box {
+  background-color: #fff !important;
+  padding: 20px 30px 0;
+  margin-bottom: 20px;
+}
+.time-form-item .el-form-item__content {
+  line-height: 38px;
+}
+.row-line {
+  text-align: left;
+}
+.newtv-dashboard {
+  padding: 20px 20px 0 20px;
+}
+.newtv-dashboard .dashboard-item {
+  position: relative;
+}
+.newtv-dashboard h2 {
+  font-size: 16px;
+  text-indent: 20px;
+  line-height: 46px;
+  margin-bottom: 20px;
+  color: #464a53;
+  background-color: #fafafa;
+  text-align: left;
+}
+.newtv-dashboard .el-col {
+  position: relative;
+  overflow: hidden;
+  color: #fafafa;
+}
+.newtv-dashboard .inner {
+  position: absolute;
+  top: 50%;
+  left: 15px;
+  transform: translate(0, -50%);
+}
+.newtv-dashboard h3 {
+  font-size: 38px;
+  font-weight: bold;
+  margin: 0 0 10px 0;
+  white-space: nowrap;
+  padding: 0;
+}
+.newtv-dashboard p {
+  font-size: 16px;
+  margin: 0 0 10px;
+  padding-left: 4px;
+  line-height: 1.3;
+}
+.newtv-dashboard .icon {
+  font-size: 90px;
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  z-index: 0;
+  color: rgba(255, 255, 255, 0.15);
+  transform: translate(0, -50%);
+}
+.newtv-dashboard.dashboard-center {
+  font-size: 48px;
+}
+.newtv-dashboard.dashboard-center .dashboard-item:hover p {
+  font-size: 130%;
+}
+.newtv-dashboard.dashboard-center .dashboard-item:hover h3 {
+  font-size: 40%;
+}
+.newtv-dashboard.dashboard-center .inner {
+  text-align: center;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.newtv-dashboard.dashboard-center h3 {
+  font-size: 16px;
+  font-weight: normal;
+  cursor: default;
+  transition: all 0.3s linear;
+}
+.newtv-dashboard.dashboard-center p {
+  font-size: 48px;
+  line-height: 1;
+  font-weight: 700;
+  cursor: default;
+  transition: all 0.3s linear;
+}
+.newtv-dashboard.dashboard-center .icon {
+  font-size: 64px;
+  top: 75%;
+  cursor: default;
+}
+.content-404 {
+  width: 100vm;
+  height: 100vh;
+  overflow: hidden;
+  background: url("https://center-img.cloud.ottcn.com/center/1566373249806.jpg") center no-repeat #051c3c;
+  background-size: cover;
+  position: relative;
+}
+.content-404 .text-404 {
+  width: 33%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.content-404 .text-404 img {
+  width: 100%;
+}
+.content-404 .text-404 p {
+  font-size: 18px;
+  color: #ffffff;
+  margin-top: -15%;
+  margin-bottom: 30px;
+}
+.content-404 .text-404 .back {
+  padding: 5px 20px;
+  background-color: #299fff;
+  color: #ffffff;
+  border-radius: 5px;
+}
+/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
+@font-face {
+  font-family: 'newtvfont';
+  /* Project id 1265055 */
+  src: url('//at.alicdn.com/t/c/font_1265055_wep357npoj9.woff2?t=1697786651748') format('woff2'), url('//at.alicdn.com/t/c/font_1265055_wep357npoj9.woff?t=1697786651748') format('woff'), url('//at.alicdn.com/t/c/font_1265055_wep357npoj9.ttf?t=1697786651748') format('truetype');
+}
+html,
+body {
+  font-family: 'Microsoft YaHei', 'Avenir', Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+}
+[class*=" newtv-icon-"],
+[class^=newtv-icon-] {
+  font-family: "newtvfont" !important;
+  speak: none;
+  font-style: normal;
+  font-weight: 400;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: baseline;
+  display: inline-block;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.newtv-icon-nav:before {
+  content: "\e630";
+}
+.newtv-icon-bottom:before {
+  content: "\e63e";
+}
+.newtv-icon-team:before {
+  content: "\e60e";
+}
+.newtv-icon-phone:before {
+  content: "\e63f";
+}
+.newtv-icon-email:before {
+  content: "\e60d";
+}
+.newtv-icon-upload:before {
+  content: "\e671";
+}
+.newtv-icon-add:before {
+  content: "\e640";
+}
+.newtv-icon-delete:before {
+  content: "\e63c";
+}
+.newtv-icon-close:before {
+  content: "\e628";
+}
+.newtv-icon-pull:before {
+  content: "\e63d";
+}
+.newtv-icon-edit:before {
+  content: "\e602";
+}
+.newtv-icon-tabel-search:before {
+  content: "\e601";
+}
+.newtv-icon-search:before {
+  content: "\e60a";
+}
+.newtv-icon-star:before {
+  content: "\e623";
+}
+.newtv-icon-key:before {
+  content: "\e631";
+}
+.newtv-icon-user:before {
+  content: "\e620";
+}
+.newtv-icon-data:before {
+  content: "\e7ee";
+}
+.newtv-icon-management:before {
+  content: "\e847";
+}
+.newtv-icon-run:before {
+  content: "\e618";
+}
+.newtv-icon-home:before {
+  content: "\e61d";
+}
+.newtv-icon-user-management:before {
+  content: "\e647";
+}
+.newtv-icon-set:before {
+  content: "\e61c";
+}
+.newtv-icon-org:before {
+  content: "\e608";
+}
+.newtv-icon-file:before {
+  content: "\e62e";
+}
+.newtv-icon-app:before {
+  content: "\e63a";
+}
+.newtv-icon-ota:before {
+  content: "\e73f";
+}
+.newtv-icon-pay:before {
+  content: "\e6bf";
+}
+.newtv-icon-user-center:before {
+  content: "\e635";
+}
+.newtv-icon-number:before {
+  content: "\e632";
+}
+.newtv-icon-user-info:before {
+  content: "\e607";
+}
+.newtv-icon-user-close:before {
+  content: "\e60c";
+}
+/**
+
+	.newtv-icon-UGSUSER:before {
+		content: "\e6ba";
+	}
+	.newtv-icon-ABTEST:before {
+		content: "\e6a1";
+	}
+	.newtv-icon-ADVER:before {
+		content: "\e6ae";
+	}
+	.newtv-icon-BOSS:before {
+		content: "\e6ac";
+	}
+	.newtv-icon-CENTER:before {
+		content: "\e698";
+	}
+	.newtv-icon-CMS1:before {
+		content: "\e696";
+	}	
+	.newtv-icon-CMS3X1:before {
+		content: "\e696";
+	}
+	.newtv-icon-CMSG3X1:before {
+		content: "\e696";
+	}	
+	.newtv-icon-CMSHN3X1:before {
+		content: "\e696";
+	}
+
+	.newtv-icon-CMSHNHD3X1:before {
+		content: "\e696";
+	}	
+	.newtv-icon-CMSQD3X1:before {
+		content: "\e696";
+	}
+	.newtv-icon-CPMS:before {
+		content: "\e69e";
+	}	
+	.newtv-icon-DATAANALYSIS:before {
+		content: "\e694";
+	}
+	.newtv-icon-DATACOMPASS:before {
+		content: "\e6b8";
+	}	
+	.newtv-icon-DML:before {
+		content: "\e6b9";
+	}	
+	.newtv-icon-DMP:before {
+		content: "\e6ae";
+	}	
+	.newtv-icon-DMS:before {
+		content: "\e6b1";
+	}
+	.newtv-icon-GROUP:before {
+		content: "\e6ad";
+	}	
+	.newtv-icon-IDCODE:before {
+		content: "\e6b4";
+	}
+	.newtv-icon-INTEGRAL:before {
+		content: "\e6b2";
+	}	
+	.newtv-icon-MEDIA:before {
+		content: "\e6b5";
+	}
+	.newtv-icon-MEDIATOOLS:before {
+		content: "\e6b7";
+	}	
+	.newtv-icon-MSGHDYX:before {
+		content: "\e6af";
+	}
+	.newtv-icon-NDMS:before {
+		content: "\e6b1";
+	}	
+	.newtv-icon-OOS:before {
+		content: "\e6b0";
+	}
+	.newtv-icon-OTA:before {
+		content: "\e697";
+	}
+	.newtv-icon-SENSORS:before {
+		content: "\e69b";
+	}	
+	.newtv-icon-STAT:before {
+		content: "\e695";
+	}
+	.newtv-icon-SUSANNO:before {
+		content: "\e6b6";
+	}
+	.newtv-icon-TOAD:before {
+		content: "\e693";
+	}	
+	.newtv-icon-UCAS:before {
+		content: "\e69a";
+	}
+	.newtv-icon-URS:before {
+		content: "\e6a0";
+	}
+	.newtv-icon-WXPHOTO:before {
+		content: "\e6b3";
+	}
+
+	.newtv-icon-XWWL:before {
+		content: "\e69f";
+	}
+		
+	*/
+/**    恢复上一版icon  start***/
+.newtv-icon-OTA:before {
+  content: "\e61b";
+}
+.newtv-icon-IDCODE:before {
+  content: "\e61a";
+}
+.newtv-icon-CMS3X1:before {
+  content: "\e619";
+}
+.newtv-icon-BOSS:before {
+  content: "\e617";
+}
+.newtv-icon-UCAS:before {
+  content: "\e615";
+}
+.newtv-icon-MEDIA:before {
+  content: "\e614";
+}
+.newtv-icon-MEDIATOOLS:before {
+  content: "\e61c";
+}
+.newtv-icon-OOS:before {
+  content: "\e609";
+}
+.newtv-icon-CENTER:before {
+  content: "\e613";
+}
+.newtv-icon-ADVER:before {
+  content: "\e612";
+}
+.newtv-icon-INTEGRAL:before {
+  content: "\e665";
+}
+.newtv-icon-TOAD:before {
+  content: "\ebd3";
+}
+.newtv-icon-CPMS:before {
+  content: "\e611";
+}
+.newtv-icon-GROUP:before {
+  content: "\e650";
+}
+.newtv-icon-CMS3X1::before {
+  content: "\e66b";
+}
+.newtv-icon-CMSG3X1::before {
+  content: "\e66c";
+}
+.newtv-icon-DMS::before {
+  content: "\e67b";
+}
+.newtv-icon-ADVER::before {
+  content: "\e678";
+}
+.newtv-icon-DATACOMPASS::before {
+  content: "\e673";
+}
+.newtv-icon-WXPHOTO::before {
+  content: "\e674";
+}
+.newtv-icon-MSGHDYX::before {
+  content: "\e675";
+}
+.newtv-icon-SUSANNO::before {
+  content: "\e676";
+}
+.newtv-icon-DMP::before {
+  content: "\e67c";
+}
+.newtv-icon-CMSHN3X1::before {
+  content: "\e66b";
+}
+.newtv-icon-CMSHNHD3X1::before {
+  content: "\e66b";
+}
+.newtv-icon-CMSQD3X1::before {
+  content: "\e66b";
+}
+/**    恢复上一版icon  end***/
+.newtv-icon-UGSUSER:before {
+  content: "\e6a3";
+}
+.newtv-icon-service-copyright:before {
+  content: "\e611";
+}
+.newtv-icon-ota-1:before {
+  content: "\e67f";
+}
+.newtv-icon-ota-2:before {
+  content: "\e60f";
+}
+.newtv-icon-ota-3:before {
+  content: "\e69d";
+}
+.newtv-icon-dbarrow-1:before {
+  content: "\e713";
+}
+.newtv-icon-dbarrow-2:before {
+  content: "\e641";
+}
+.newtv-icon-device:before {
+  content: "\e642";
+}
+.newtv-icon-mac:before {
+  content: "\e6a4";
+}
+.newtv-icon-id:before {
+  content: "\e610";
+}
+.newtv-icon-about:before {
+  content: "\e645";
+}
+.newtv-icon-link:before {
+  content: "\e643";
+}
+.newtv-icon-tx-1:before {
+  content: "\e6fe";
+}
+.newtv-icon-tx-2:before {
+  content: "\e644";
+}
+.newtv-icon-allowance:before {
+  content: "\e646";
+}
+.newtv-icon-publish:before {
+  content: "\e648";
+}
+.newtv-icon-media-home:before {
+  content: "\e64f";
+}
+.newtv-icon-media-preview:before {
+  content: "\eb66";
+}
+.newtv-icon-media-mycontent:before {
+  content: "\e6a3";
+}
+.newtv-icon-media-compile:before {
+  content: "\eb93";
+}
+.newtv-icon-media-folder:before {
+  content: "\e64c";
+}
+.newtv-icon-media-examine:before {
+  content: "\e715";
+}
+.newtv-icon-media-copyright:before {
+  content: "\e64d";
+}
+.newtv-icon-media-pulish:before {
+  content: "\ebd2";
+}
+.newtv-icon-media-transcoding:before {
+  content: "\e666";
+}
+.newtv-icon-media-setting:before {
+  content: "\e64e";
+}
+.newtv-icon-media-record:before {
+  content: "\e660";
+}
+.newtv-icon-media-statistics1:before {
+  content: "\e688";
+}
+.newtv-icon-media-statistics2:before {
+  content: "\e689";
+}
+.newtv-icon-media-statistics3:before {
+  content: "\e687";
+}
+.newtv-icon-media-statistics4:before {
+  content: "\e686";
+}
+.newtv-icon-bag:before {
+  content: "\e683";
+}
+.newtv-icon-wallet:before {
+  content: "\e6ca";
+}
+.newtv-icon-App:before {
+  content: "\e603";
+}
+.newtv-icon-up:before {
+  content: "\e658";
+}
+.newtv-icon-down:before {
+  content: "\e659";
+}
+.newtv-icon-unbind:before {
+  content: "\e654";
+}
+.newtv-icon-bind:before {
+  content: "\e7bb";
+}
+.newtv-icon-manage:before {
+  content: "\e653";
+}
+.newtv-icon-info:before {
+  content: "\e670";
+}
+.newtv-icon-batch:before {
+  content: "\e651";
+}
+.newtv-icon-apk:before {
+  content: "\e656";
+}
+.newtv-icon-import:before {
+  content: "\e65a";
+}
+.newtv-icon-export:before {
+  content: "\e65b";
+}
+.newtv-icon-replace:before {
+  content: "\eb5f";
+}
+.newtv-icon-stop::before {
+  content: "\e65c";
+}
+.newtv-icon-audit::before {
+  content: "\e65d";
+}
+.newtv-icon-device::before {
+  content: "\e65f";
+}
+.newtv-icon-detail::before {
+  content: "\e769";
+}
+.newtv-icon-details::before {
+  content: "\e661";
+}
+.newtv-icon-uploadOne::before {
+  content: "\e663";
+}
+.newtv-icon-uploadTwo::before {
+  content: "\e664";
+}
+.newtv-icon-square::before {
+  content: "\e668";
+}
+.newtv-icon-manual::before {
+  content: "\e669";
+}
+.newtv-icon-tagManage::before {
+  content: "\e667";
+}
+.newtv-icon-save::before {
+  content: "\e67d";
+}
+.newtv-icon-wraning::before {
+  content: "\e680";
+}
+.newtv-icon-copy::before {
+  content: "\e68a";
+}
+.newtv-icon-time::before {
+  content: "\e682";
+}
+.newtv-icon-message::before {
+  content: "\e685";
+}
+.newtv-icon-tagIndex::before {
+  content: "\e68b";
+}
+.newtv-icon-tagSource::before {
+  content: "\e68c";
+}
+.newtv-icon-tagNumber::before {
+  content: "\e68d";
+}
+.newtv-icon-tagSmart::before {
+  content: "\e691";
+}
+.newtv-icon-tagContent::before {
+  content: "\e68f";
+}
+.newtv-icon-tagSystem::before {
+  content: "\e690";
+}