/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2022.11.08  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/ 
/*******************************
  -------[=页面初始化-------
********************************/
::selection{background:#1890FF;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.25);border:2px solid transparent;border-radius:0px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,.5);}::-webkit-scrollbar-track{background-color:rgba(50,50,50,.05)}* { box-sizing: border-box; font-weight: 400;}ul, li, em, i { list-style: none; font-style: normal;}.inline-block { display: inline-block !important; }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0;}.sidebar-header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }a,a:active,a:hover { color: #2582F0;}img { object-fit: cover;}.name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal !important; word-break: break-all !important;}body { background-color: #F2F2F2; font-weight: 400;}
.card,.modal-content,.btn{border-radius: 2px;}
.nav-tabs > li {position:relative}
.nav-tabs > li > a{border-bottom:2px solid transparent}
.nav-tabs.nav-justified>li>a{border-bottom-color:#fff}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border-bottom:2px solid #1890FF; color: #1890FF;}
.lyear-checkbox span::before, .lyear-radio span::before{border: 1px solid #D9D9D9}
.btn{padding: 5px 16px;}
.radio-info input:checked~span::before{background-color: #fff; border-color:#1890FF}
.lyear-radio span::after{width: 8px; height: 8px; left: 5px; top: 5px;}
.radio-info input:checked~span::after{background-color: #1890FF;}
.btn-info { background-color: #1890FF; border-color: #1890FF; }
#spotlight .header{margin: 0 !important; transform:translateY(0px) !important}
.jconfirm.jconfirm-light .jconfirm-bg{background-color: #000; opacity: 0.5;}
.modal-body{max-height: 60vh; overflow-y: auto; overflow-x: hidden; padding: 24px 16px;}
.popover{box-shadow: 0px 9px 28px rgba(0, 0, 0, 0.05);}
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
/*文字*/
.text-gray45 { color: rgba(0,0,0,0.45) !important }
.text-gray85 { color: rgba(0,0,0,0.85) !important }
.integral{font-size: 24px; color: #FFA134;}
.card-header .h5{font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.85); margin-bottom: 0;}
.card-header .btn-group a{color: #1890FF; cursor: pointer;}
.js-create-tab{cursor: pointer;}
.input-group-addon {line-height:34px;color:#999}
/*箭头*/
.arrow { display: inline-block; width: 8px; height: 8px; border-width: 0 1px 1px 0; border-color: #555; margin: 0px 0 0 0px; border-style: solid; }
.arrow.arrow-right { transform: rotate(-45deg); }
.arrow.arrow-down { transform: rotate(45deg); }
.popover .arrow{border: 0;}
/*点击下拉 筛选*/
.dropdown-nav { position: relative; }
.atj.dropdown-menu { margin-top: 12px; min-width: auto; padding: 16px;box-shadow: 0px 9px 28px rgba(0, 0, 0, 0.05); flex-direction: column;}
.atj.dropdown-menu.show {display: flex; }
.atj.dropdown-menu:before{content:""; display: block; width: 10px; height: 10px; background-color: #fff; transform:rotate(45deg); margin-top: -22px; margin-bottom: 10px;}
.atj.dropdown-menu.dropdown-menu-right{align-items: flex-end; margin-right: -8px;}
.atj.dropdown-menu .box{display: block;}
.atj.dropdown-menu .box .t{white-space: nowrap; color: rgba(0, 0, 0, 0.65); display: flex; align-items: center;}
.atj.dropdown-menu .box .t .mdi{color: #FAAD14; font-size: 20px; line-height: 1; margin-right: 10px;}
.atj.dropdown-menu .box .btns{display: flex; justify-content: flex-end; margin-top: 10px;}
.atj.dropdown-menu .box .btns .btn{width: 50px; height: 24px; border-radius: 2px; padding: 0; margin-left: 8px;}
/*点击下拉 表单选择*/
.select { position: relative; cursor: pointer; }
.form-control.select { padding-right: 30px; width: 100% }
.form-control.select .placeholder{ padding: 0px;}
.select .arrow { position: absolute; z-index: 1; right: 15px; top: 50%; margin-top: -5px; transform: rotate(45deg); }
.select .placeholder { display: block; line-height: 18px; position: absolute; z-index: 2;width: 100%; height: 100%; padding: 6px 15px; }
.select.is-open ul { display: block; }
.select.is-open .arrow { transform: rotate(-135deg); margin-top: 0 }
.select ul { display: none; position: absolute; z-index: 100; overflow: hidden; width: auto; min-width: 100%; top: 100%; left: 0; margin: 5px 0 0 0; padding: 0; background: #ffffff; border-radius: 4px; border: 1px solid #EBEBEB; border-radius: 4px; overflow-x: hidden; overflow-y: auto; max-height: 30vh }
.select ul li { display: block; text-align: left; padding: 8px 0 8px 20px; font-size: 14px; color: rgba(0, 0, 0, 0.65); font-weight: 400; cursor: pointer; }
.select ul li a { color: #3E4954; }
.select ul li:hover { background: #f9fafb; color: #1890FF }
/*******************************
  -------[=表单-------
********************************/
.form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.modal-footer { text-align: center; }
.form-control:focus, .input-form .form-group .select:hover, .input-form .form-group .select:active { border-color: #1890FF; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; }
.input-form { padding: 44px 60px; }
.input-form .form-group { display: flex; margin-bottom: 15px; position: relative; }
.input-form .form-group label, .input-form .form-group .form-control { font-size: 14px; color: #111 }
.input-form .form-group .delete-field { display: block; margin: 7px 10px; width: 20px; height: 20px; cursor: pointer; }
.input-form .form-inline .form-group { display: inline-block; margin: 2px; vertical-align: middle; }
.input-form .unit {font-size: 14px; color: rgba(0, 0, 0, 0.65); line-height: 34px; padding: 0 12px;}
.input-form .tips { color: rgba(0, 0, 0, 0.45); line-height: 34px;padding:0 24px;}
.input-form .button { width: 100%; display: flex; justify-content: flex-start; padding: 20px 0 0 0; }
.input-form .button .btn { padding-left: 22px; padding-right: 22px; }
.input-form .button .btn-submit { background: #1890FF; border-radius: 4px; border: 0; height: 34px; font-size: 14px; line-height: 34px; padding: 0 22px; color: #fff; display: inline-block; cursor: pointer }
.input-form .button .btn-submit:hover { background: #0076e4; }
.input-form .button .btn-submit-plain { background: #FFFFFF; border: 1px solid #D9D9D9; color: #3E4954; }
.input-form .button .btn-submit-plain:hover { background: #f9f9f9 }
.input-form .textarea-enclosure { padding-bottom: 60px; }
.input-form .enclosure { position: absolute; left: 120px; bottom: 1px; width: 100%; max-width: calc(65vw - 120px); display: block; border-top: solid 1px #EBEBEB; padding: 10px 0; background: #fff }
.input-form .enclosure a { margin-right: 30px; }
.input-form .form-group label { white-space: nowrap; line-height: 34px; margin-right: 15px; margin-bottom: 0; width: 100px; text-align: right; }
.input-form .form-group label.custom-control-label{margin-right: 0; width: auto; text-align: left;}
.input-form .form-group .form-control, .input-form .form-group .select { flex: 1; }
.input-form .form-group .select {max-width: 450px;}
.input-form .form-group .example-box label.checkbox-inline, .input-form .form-group .example-box label.radio-inline { width: auto; margin-right: 15px; margin-bottom: 10px; }
.form-control { background: #fff; border: 1px solid #EBEBEB; border-radius: 4px; height: 34px; padding: 6px; width: 100%; box-sizing: border-box; color: #000 }
.form-control::-webkit-input-placeholder {opacity: 0.5;}
.example-box{display:flex; flex-flow: row wrap; flex:1;}
.example-box .custom-control{display: flex; align-items: center; margin-right: 24px; margin-bottom: 8px;}
.custom-control-label::before,.custom-control-label::after{top:50%; transform: translateY(-50%);}
.input-form.sm .form-group{align-items: center; justify-content: space-between;}
.input-form.sm .form-group .left{flex:1; display:flex; align-items: center; justify-content: flex-start;}
.input-form.sm .form-group .form-control{flex: nonw; width: auto; max-width: 200px;}
.modal-body .input-form { padding:0 10px; }
.modal-body .input-form .form-group{margin-bottom: 20px;}
.modal-body .input-form .form-group:last-child{margin-bottom: 0px;}
.modal-body .input-form .form-group label{width: 70px;}
.modal-body .input-form .form-group label.custom-control-label{width: auto;}
.modal-body .input-form .button{padding-left: 100px; border-top: 1px solid #E8E8E8;}
.modal-body .list{margin-top: 24px;}
.modal-body .list tr:last-child{border-bottom: 0;}
/*上传*/
.input-form .lyear-uploads-pic {display: flex; margin-bottom: -15px; margin-left: 0; padding-bottom: 0px; position: relative; flex-flow: row wrap; }
.input-form .lyear-uploads-pic li { border: 0; margin-right: 15px; margin-bottom: 15px; padding-left: 0; height: auto; background: none; border-radius: 0; cursor: pointer;width: 104px; height: 104px; position: relative; }
.input-form .lyear-uploads-pic li .close{position: absolute; z-index: 10; width: 20px; height: 20px; border-radius: 50%; background-color: #f16060; right: 0; top: 0; margin-top: -10px; margin-right: -10px; opacity: 1; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center;opacity:1}
.input-form .lyear-uploads-pic li:before { display: none; }
.input-form .lyear-uploads-pic li.tips {cursor:auto; margin-bottom: 0; width: auto !important; height: 32px !important; margin-top: 72px;}
.input-form .lyear-uploads-pic input[type=file]{position: absolute; left: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; opacity: 0; display: block; cursor: pointer;}
.input-form .lyear-uploads-pic figure { width: 100%; height: 100%; background: none; overflow: visible; }
.input-form .lyear-uploads-pic figure img { width: 100%; height: 100%; object-fit: cover; }
.input-form .lyear-uploads-pic figure figcaption { background: rgba(0,0,0,0.45); display: block; width: 100%; height: 36px; padding: 0; line-height: 36px; bottom: 0; top: auto; -webkit-transform: scale(1); transform: scale(1); cursor: pointer;}
.input-form .lyear-uploads-pic figure:hover img { opacity: 1; }
.input-form .lyear-uploads-pic .pic-add { background: rgba(24, 144, 255, 0.04);; border: 1px dashed rgb(24, 144, 255); box-sizing: border-box; border-radius: 2px; width: 100%; height: 100%; font-size: 14px; display: flex; align-items: flex-start; text-align: center; color: #1890FF; position: relative; }
.input-form .lyear-uploads-pic .pic-add:before {content:""; background: url(../images/upload.svg) center center no-repeat; background-size: 24px 24px; width: 24px; height: 24px; margin-top: 24px;}
.input-form .lyear-uploads-pic .pic-add em { font-size: 12px; color: #333; position: absolute; bottom: 24px; left: 0; width: 100%; text-align: center; }
.input-form .lyear-uploads-pic .pic-add:hover { border-color: #1890FF; }
.input-form .lyear-uploads-pic .pic-add:hover:before { color: #1890FF; }
.input-form .lyear-uploads-pic .pic-add:hover em { color: #1890FF; }
.input-form .lyear-uploads-pic.uploads-file .pic-add, .input-form .lyear-uploads-pic.uploads-file figure { width: 100px; height: 100px; }
.input-form .lyear-uploads-pic.uploads-file .pic-add em { margin-bottom: -55px; }
.input-form .form-group .btn-add { border: 1px dashed #1890FF; display: block; width: 200px; height: 34px; line-height: 34px; text-align: center; color: #1890FF }
/*.form-tab*/
.form-tab .nav-tabs a { color: #555; }
.form-tab .nav-tabs { border: 0; margin-bottom: 0; display: flex; align-items: center; }
.form-tab .nav-tabs a { border: 0 !important; margin-left: -40px; padding-left: 45px; padding-top: 0; padding-bottom: 0; }
.form-tab .nav-tabs .t { margin-right: 16px;}
.form-tab li { margin-right: 15px; position: relative; padding-left: 26px; margin-bottom: 16px; }
.form-tab .nav-link:before, .form-tab .nav-link:after { content: ""; display: block; position: absolute; border-radius: 50%; }
.form-tab .nav-link:before {background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 8px; width: 18px; height: 18px; left: 0px; top: 3px; }
.form-tab .nav-link:after { position: absolute; display: none; width: 8px; height: 8px; left: 5px; top: 8px; background-color:#1890FF;}
.form-tab .nav-link.active:before { border-color: #1890FF }
.form-tab .nav-link.active a { color: #333 }
.form-tab .nav-link.active:after { display: block; opacity: 1 }
.form-tab .tab-content {max-width: 60vw; padding: 0; }
.form-tab .tab-content .tab-pane { padding: 16px 0;}
.input-form .tab-content .form-group{margin-bottom: 24px;}
.modal-footer{justify-content: center;}
/*******************************
  -------[=头部-------
********************************/
.topbar { box-sizing: border-box; padding: 0; }
/*头部通用搜索*/
.lyear-layout-header .topbar-search, .lyear-layout-header .search-bar { width: 100%; }
.lyear-layout-header .search-bar:after { content: ""; display: table; clear: both; }
.lyear-layout-header .topbar-search .input-group { border: 1px solid #F2F2F2; background: #fff; border-radius: 3px; width: 100%; height: 30px; max-width: 280px; float: right; }
.lyear-layout-header .topbar-search .input-group .form-control { background: none; border: 0; line-height: 30px; height: 30px; font-size: 14px; }
.lyear-layout-header .topbar-search .input-group .form-control:focus { border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none }
.lyear-layout-header .topbar-search .input-group button { background: url(../images/btn-search.png) center center no-repeat; background-size: contain; width: 40px; height: 20px; border: 0; }
/*头部LOGO*/
.sidebar-header{background: none;}
.sidebar-header#logo,.lyear-layout-sidebar-close .lyear-layout-sidebar:hover .sidebar-header#logo { height: 48px; box-shadow: none; }
.logo-img{width: 100%; height: 100%; background: url(../images/logo.png) center center no-repeat; background-size: 75% auto;}
.sidebar-header a { position: relative; height: 48px; }
.lyear-layout-sidebar-close .lyear-layout-sidebar .sidebar-header a:after { content: "memu"; color: #fff; opacity: 0.6; text-transform: uppercase; font-size: 12px; width: 60px; text-align: center; line-height: 48px; }
.lyear-layout-sidebar-close .lyear-layout-sidebar .sidebar-header#logo { background: none; }
.lyear-layout-sidebar-close .logo-img {display: none;}
.lyear-layout-sidebar-close .lyear-layout-sidebar { overflow: hidden; }
.lyear-layout-sidebar-close .lyear-layout-sidebar .nav-drawer > li > a { border-radius: 0; }
.lyear-layout-sidebar-close .lyear-layout-sidebar:hover .sidebar-header a:after { display: none; }
.lyear-layout-sidebar-close .lyear-layout-sidebar:hover .sidebar-header .logo-img { display: flex; }
.lyear-layout-header { box-shadow: none; }
.lyear-layout-header .navbar { height: 48px; min-height: 48px; padding: 0; box-shadow: 0px 1px 4px rgba(0, 21, 41, 0.12);}
/*******************************
  -------[=左侧-------
********************************/
.lyear-layout-sidebar { background: #001529; width: 210px; box-shadow: 2px 0px 6px rgba(0, 21, 41, 0.35);}
.sidebar-header a img { max-width: 260px; }
.lyear-layout-header, .lyear-layout-content { padding-left: 210px; }
/*左侧滚动区域*/
.lyear-layout-sidebar-scroll { height: calc(100% - 100px); background: none }
.lyear-layout-sidebar-scroll .sidebar-main { position: relative; z-index: 2; }
/*左侧栏目*/
.nav-drawer li a { padding-left: 55px; }
.nav-drawer > li > a { border-right: 0; padding-top: 14px; padding-bottom: 14px; position: relative; width: 100%; }
.nav-item-has-subnav > a:after { font-size: 20px; top: 8px; right: 5px; }
.nav-drawer > li > a > span { font-size: 14px; font-weight: 400; color: #999; }
.nav-drawer > li.active > a { opacity: 1; background-color: #1890FF !important; }
.nav-drawer > li.open.active > a{background: none !important;}
.nav-drawer > li.active > a > span { color: #fff; opacity: 1;  }
/*子栏目*/
.nav-item.nav-item-has-subnav ul.nav.nav-subnav { margin: 0 }
.nav-item.nav-item-has-subnav ul.nav.nav-subnav li a { font-size: 14px; font-weight: 400; color: #fff }
.nav-item-has-subnav > a:after { color: #fff; opacity: 0.5; }
.nav-item-has-subnav.active > a:after { opacity: 1; }
.nav-item.nav-item-has-subnav ul.nav.nav-subnav li a:hover, .nav-item.nav-item-has-subnav ul.nav.nav-subnav .active a { color: #fff; background: #1890FF }
/*左侧栏目小图标*/
.nav-drawer > li > a > i { color: #fff; opacity: 0.5 }
.nav-drawer > li.active > a > i { opacity: 1; }
.nav-drawer > li > a > img { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: auto; height: auto; opacity: 0.65; }
.nav-drawer > li.active > a > img { opacity: 1; }
/*收缩*/
.lyear-layout-sidebar-close .nav-drawer > li > a > img { left: 20px; }
/*.nav-drawer > li > a > .left-icon, .nav-drawer > li.active > a > .left-icon-hover { display: block }
.nav-drawer > li > a > .left-icon-hover, .nav-drawer > li.active > a > .left-icon { display: none }*/
/*左侧底部*/
.sidebar-footer { position: absolute; z-index: 1; bottom: 0; height: auto; padding: 15px; margin: 0; border: 0; font-size: 12px; line-height: 24px; }
.sidebar-footer img { margin: 0 10px 0 26px; }
.sidebar-footer a { font-size: 14px; font-weight: 400; color: #999; }
/*头部通用按钮*/
.navbar { width: 100%; height: 48px; min-height: 48px; }
.navbar .navbar-left {padding-left: 15px;}
.member-head { font-size: 16px; font-weight: 600; color: #333; padding-left: 15px; }
.member-head span { display: block; font-size: 12px; font-weight: 400; color: #999; }
.navbar .navbar-right { flex: 1; height: 100%; padding-right: 16px; position: relative; }
.navbar .navbar-right .add-assets { position: absolute; left: 32px; top: 0; width: 160px; }
.navbar .navbar-right .add-assets a { display: block; background: #237372; border-radius: 6px; color: #fff; width: 100%; height: 50px; line-height: 50px; position: relative; text-align: center; }
.navbar .navbar-right .add-assets a span { display: block; width: 100%; padding-left: 15px; }
.navbar .navbar-right .add-assets a:before, .navbar .navbar-right .add-assets a:after { content: ""; display: block; position: absolute; left: 38px; top: 50%; transform: translateY(-50%); background-color: #fff; }
.navbar .navbar-right .add-assets a:before { width: 15px; height: 2px; margin-left: -6px }
.navbar .navbar-right .add-assets a:after { width: 2px; height: 15px; }
.navbar .navbar-right .header-icon { display: flex; height: 100%; align-items: center; justify-content: flex-end; white-space: nowrap; }
.navbar .navbar-right .header-icon li { display: inline-block; position: relative; margin-left: 24px; }
.navbar .navbar-right .header-icon .dropdown {min-width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; position: relative;}
.navbar .navbar-right .header-icon .dropdown .badges{position: absolute; right: 30%; top: 30%; width: 8px; height: 8px; border-radius: 50%; background-color: #f00; display: block; border: solid 2px #fff;}
.navbar .navbar-right .header-icon .dropdown:after {content:"";display: none; position: absolute; left: 50%; bottom: 0; z-index: 10; margin-bottom: -8px; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg) translateX(-50%);}
.navbar .navbar-right .header-icon .dropdown.show {background-color: #E6F7FF;}
.navbar .navbar-right .header-icon .dropdown.show:after {display: block;}
.navbar .navbar-right .header-icon a.dropdown-nav i { display: block; width: 6px; height: 6px; border-radius: 50%; position: absolute; z-index: 5; right: 11px; top: 11px; background: #1AA4C8; border: 1.5px solid #FFFFFF; }
.navbar .navbar-right .header-icon a { display: flex; align-items: center; width: auto; }
.navbar .navbar-right .header-icon span {color: #333;}
.navbar .navbar-right .header-icon .head { display: inline-block; width: 24px !important; height: 24px !important; border-radius: 50%; margin-right: 8px; }
.header-icon .dropdown-menu{margin-top: 0; margin-right: -100px; width: 400px; background: #FFFFFF; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); border-radius: 2px;}
.header-icon .dropdown-user {margin-top: 0;margin-right:0;width:auto}
.header-icon .dropdown-user li {display:block !important;margin:0 !important;}
.header-icon .dropdown-user li:hover {background-color: #f5f5f5;}
.header-icon .dropdown-user li a {color:#333;padding:8px 15px}
.notice-tit{background-color: #fff;border-bottom: 1px solid #E8E8E8; height: 47px; display: flex; padding-left: 16px; padding-right: 16px;}
.notice-tit span{flex:1; display: flex; justify-content: center; align-items: center; font-size: 12px; color: rgba(0, 0, 0, 0.65); position: relative; cursor: pointer;}
.notice-tit span:after{content:""; display:block; width: 0px; height: 2px; background-color: #1890FF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.notice-tit span.active{font-weight: 600; font-size: 14px; color: #1890FF;}
.notice-tit span.active:after{width: 100px;}
.notice-wrap {max-height: 60vh; overflow-x: hidden; overflow-y: auto;}
.notice-wrap>div {display: none; padding: 10px;}
.notice-wrap>div:first-child { display: block; }
.navbar .navbar-right .header-icon .notice-wrap .notice-list .multitabs{display: block;padding: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice-wrap .notice-list a:hover{background-color: #f5f5f5;}
.notice-wrap .notice-list a{ font-size: 12px; line-height: 21px; color: #666;}
.no-notice{background: url(../images/no-notice.png) center top no-repeat; padding-top: 90px; text-align: center; margin-top: 16px; margin-bottom: 16px;}
.no-notice:before{content:"你已阅完所有通知"; font-size: 14px; color: rgba(0, 0, 0, 0.45);}
/*******************************
  -------[=右侧-------
********************************/
.lyear-layout-content { padding-top: 48px; }
.container-fluid { padding: 24px; }
.lyear-layout-sidebar-info{background: none;}
/*标签页隐藏
.mt-nav-bar { display: none; opacity: 0; }
.mt-tab-content { padding-top: 0 !important }*/
/*当前标签页*/
.nav-tabs.nav > li > a:hover, .nav-tabs.nav > li > a:focus { border-bottom-color: #1890FF; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-bottom: solid 1px #1890FF; }
/*右侧头部*/
.lyear-aside-toggler .lyear-toggler-bar { margin: 6px 0; }
.header { width: calc(100% + 48px); margin: -24px -24px 24px -24px; }
.header .place { font-size: 15px; font-weight: 400; color: #969BA0; margin-bottom: 8px; letter-spacing: .5px; }
.header h1 { font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.85); text-align: left; }
.header h1 .select .placeholder { cursor: pointer; }
.header h1 .select ul { width: 200px; }
.header h2 { font-size: 15px; font-weight: 400; color: #969BA0; }
.header h2 a { color: #237372 }
.header .place { font-size: 15px; font-weight: 400; color: #969BA0; margin-bottom: 8px; letter-spacing: .5px; }
.header .card { padding: 16px 30px; border-radius: 0; }
.header .row .col-sm-6 {text-align: right;}
.header .header-search { width: 45%; min-width: 300px; height: 40px; display: block; margin: 0 auto 24px auto;}
.header .header-search .input-group{display:flex; align-items: center;}
.header .header-search .form-control{height: 100%; padding-top: 10px; padding-bottom: 10px; border-radius: 0;}
.header .header-search button.btn{ width: 70px; height: 40px; padding: 0; font-size: 16px; color: #fff; background: #1890FF; bottom: 0; border-radius: 0; }
.header .tab-title { width: 100%; display: block; margin-top: 10px; margin-bottom: -16px; }
.header .tab-title a { margin-right: 2.6vw; color: #555; font-size: 14px; font-weight: 400; line-height: 50px; display: inline-block; position: relative; }
.header .tab-title a:after {content: ""; display: block; width: 0; height: 2px; display: block; background: #1890FF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.header .tab-title a:hover,.header .tab-title a.active { color: #1890FF }
.header .tab-title a:hover:after,.header .tab-title a.active:after {width: 100%; }
.footer{display: flex; flex-direction: column; padding-bottom: 20px;}
.footer p{font-size:14px; color: rgba(0, 0, 0, 0.45); text-align: center; margin-bottom: 0;}
/*列表页面*/
.list-item { display: flex; align-items: center; }
.list-item img { display: block; width: 50px; height: 50px; border-radius: 4px; margin-right: 8px; }
.list-item .txt { color: #333; }
.list table.dataTable{width: 100%;margin-top: 0 !important;border-collapse:collapse !important; }
.list th,.list td{color:rgba(0, 0, 0, 0.65);padding:12px;white-space: nowrap;}
.list td block{display: block; white-space: nowrap;}
.list tr{border-bottom: 1px solid #E8E8E8;}
.list tr:hover{background-color: #f5f5f5;}
.list td a.view { color: #1890FF }
.list td a.edit { color: #1890FF }
.list td a.delete { color: #f16060 }
.list td a.testing { color: #22AC7B }
.list td interval {display: inline-block; width: 1px; height: 12px; background-color: #444; margin-left: 8px; margin-right: 8px;}
.list .operation span:after { content: ""; display: inline-block; width: 1px; height: 14px; background: #E9E9E9; margin: 0 10px; }
.list .operation span:last-child:after {display: none;}
.list .txt{width: 100%; max-width: 15vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block}
.list .dtr-data .txt{max-width: 80vw; white-space: normal;}
.list thead{position:sticky; top: 0px;background: #FAFAFA; z-index: 2;}
.list thead th,.list tbody td{font-size:14px; font-weight:400; }
.list thead th{color: rgba(0, 0, 0, 0.85); font-weight: 500;}
.list tbody td{color: rgba(0, 0, 0, 0.65);}
.list tbody td img{width: 30px; height: auto;}
.list .select{display:flex; align-items: center;}
.list .select .placeholder{position: relative; padding: 0; width: auto;}
.list .select:after{content:""; display:block; width: 10px; height: 10px;background:url(../images/select.svg) no-repeat; margin-left: 5px;}
.list .dtr-title .select:after{display:none}
.list .select ul{width: 150px; margin-left: -10px; margin-top: 10px;}
.list .select ul li{padding: 5px 5px 5px 12px;}
.list .custom-control{width: 0px; height: 30px; min-height: 30px; padding-left: 30px; margin-right: 0;}
.list .custom-control-label::before, .list .custom-control-label::after{top:6px; transform: translateY(0%);}
.list .img{display:flex;}
.list .img img{width: 48px; height: 48pr; border-radius: 2px;}
.list .img .txt{padding-left: 24px; font-weight: 500; color: rgba(0, 0, 0, 0.85); max-width: 100%;}
.list .img .txt span{display: block; font-weight: 400; color: rgba(0, 0, 0, 0.65);overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{font-size:14px; color:rgba(0, 0, 0, 0.65);}
.list .dataTables_wrapper{width: 100%; display:flex; flex-flow: row wrap; justify-content: space-between;}
.list .dataTables_wrapper .dataTable{width: 100% !important;}
.dataTables_paginate{padding-top: 8px;}
.dataTables_paginate,.dataTables_paginate span{display:flex; align-items: center;}
.dataTables_paginate .paginate_button{display: block; padding: 4px 12px; margin-left: 4px; margin-right: 4px; color: rgba(0, 0, 0, 0.65); background-color: #fff; border: 1px solid #dee2e6; border-radius: 3px; cursor: pointer;}
.dataTables_paginate .paginate_button.disabled{cursor: not-allowed;}
.dataTables_paginate .paginate_button.current{ background-color: #1890FF; color: #fff; cursor: auto;}
.dataTables_paginate span{padding-left: 5px; padding-right: 5px;}
.list-header{margin-bottom: -24px; border-bottom: 0; width: 100%;}
.list-header .h5{margin-bottom: 0; font-size: 16px;}
.list-header .btn-group{display: flex;}
.list-header .btn-group .btn{padding-left: 16px; padding-right: 16px; margin-left: 8px;}
/*Stepper 步进器*/
.stepper { border: 1px solid #D9D9D9; background-color: #fff; border-radius: 2px; width: 90px; height: 32px; overflow: hidden; position: relative;}
.stepper:hover{border-color: rgb(24, 144, 255);}
.stepper .stepper-number { font-size: 14px; width: 68px;padding: 0 12px; box-sizing: border-box; height: 30px; line-height: 30px; background: none; border: 0; }
.stepper .stepper-number::placeholder{color: rgba(0, 0, 0, 0.25);}
.stepper .stepper-number:focus{border:0;outline:0;box-shadow:0}
.stepper .stepper-btn { width: 22px; height: 15px; display: flex; align-items: center; justify-content: center; border-radius: 0; position: absolute; right: 0; cursor:  pointer; }
.stepper .stepper-btn:before,.stepper .stepper-btn:after{content:"";display: block; position: absolute;}
.stepper a.stepper-btn:nth-last-child(1):after { display: block; }
.stepper .stepper-btn:before{width: 20px; height: 13px; border-style: solid; border-color: #D9D9D9;}
.stepper .stepper-btn:after{ width: 5px; height: 5px; border-width: 0 1px 1px 0; border-color: #777; margin: 0px 0 0 0px; border-style: solid;}
.stepper .stepper-btn.increase{top: 0;}
.stepper .stepper-btn.increase:after{transform: rotate(225deg);}
.stepper .stepper-btn.increase:before{border-width: 0 0 0 1px;}
.stepper .stepper-btn.decrease{bottom: 0;}
.stepper .stepper-btn.decrease:after{transform: rotate(45deg);}
.stepper .stepper-btn.decrease:before{border-width: 1px 0 0 1px;}
/*状态*/
span.state{display: flex; align-items: center; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.65);}
span.state:before{content:""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px;}
span.state.state0:before { background-color: #F2637B } /* 待付款 */ 
span.state.state1:before { background-color: #FAD337 } /* 待发货 */
span.state.state2:before { background-color: #4DCB73 } /* 已发货 已上架 */
span.state.state3:before { background-color: #975FE4 } /* 待评价 */
span.state.state4:before { background-color: #52d3c7 } /* 已完成 */
span.state.state5:before { background-color: #FF4D4F } /* 售后中 */
span.state.state6:before { background-color: rgba(0, 0, 0, 0.25); } /* 已取消 未上架 */
/*筛选*/
.screen.input-form,.screen-txt{margin: 0 40px; padding: 15px 0;}
.screen.input-form { width: calc(100% - 80px); display: flex; flex-flow: row wrap; margin-bottom: -20px;}
.screen.input-form .form-group {width: 25%; padding-right: 24px;}
.screen.input-form .form-group .select {width: auto; max-width: 100%; }
.screen.input-form label {margin-bottom: 0;}
.screen.input-form .control-label {width: auto;}
.screen.input-form .button {padding-top: 0;margin-bottom:30px; width: 130px; justify-content: space-between;}
.screen.input-form .button button { width: 60px; padding: 0; }
.screen-txt{display: flex; align-items: center; flex-flow: row wrap; padding-bottom: 5px; margin-bottom: 12px; border-bottom: 1px solid #E9E9E9;}
.screen .t,.screen-txt .t{color: rgba(0, 0, 0, 0.85); margin-right: 16px; line-height: 34px; margin-bottom: 20px;}
.screen-txt a{color: rgba(0, 0, 0, 0.65); margin-right: 32px; margin-bottom: 12px; padding: 0 8px;}
.screen-txt a.hover{background: rgb(24, 144, 255); border-radius: 2px; color: #fff;}
.card-body.screen-wrap { height: 70px; overflow: hidden; position: relative; padding: 0 24px; display: flex; flex: none; flex-flow: row wrap;}
.card-body.screen-wrap .tool { position: absolute; right:0; bottom: 0; display: flex; align-items: center; }
.screen-arrow { width: 70px; cursor: pointer; color: #1890FF; }
.screen-arrow>span { position: relative; padding-right: 20px; }
.screen-arrow>span:before, .screen-arrow>span:after { content: ""; display: block; position: absolute; right: 8px; width: 6px; height: 6px; border-right: solid 1px #1890FF; border-bottom: solid 1px #1890FF; transform: rotate(45deg); }
.screen-arrow>span:before { top: 4px }
.screen-arrow>span:after { bottom: 6px }
.screen-arrow .col1, .screen-arrow.show .col2 { display: flex; }
.screen-arrow .col2, .screen-arrow.show .col1 { display: none; }
.screen-wrap .screen.row.input-form form { padding-top: 20px; padding-bottom: 20px; }
.screen-arrow.show>span:before, .screen-arrow.show>span:after { transform: rotate(-135deg); }
.screen-arrow.show>span:before { top: 6px } .screen-arrow.show>span:after { bottom: 4px }
/*空白*/
.no-content { display: flex; flex-direction: column; align-items: center; width: 110px; margin: 16px auto; background: url(../images/no-content.svg) no-repeat; padding-top: 110px; }
.no-content:after {content:"暂无数据"; font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.65); width: 100%; padding-left: 14px;}
/*tab 切换*/
.tab-t{display: flex; justify-content: flex-start; align-items: center; margin-bottom: -16px;}
.tab-t li{margin-right: 24px; position: relative; line-height: 50px;}
.tab-t li:after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #1890FF;}
.tab-t li span{display: block; cursor: pointer; font-size: 14px; color: rgba(0, 0, 0, 0.65);}
.tab-t li.active span{ color: #1890FF;}
.tab-t li.active:after{width: 100%;}
.tab-wrap .tab-card{display:none;}
.tab-wrap .tab-card.active{display: block }
/*日期样式*/
.layui-laydate-content td.laydate-selected { background-color: #e9f2fd; }
.laydate-selected:hover { background-color: #1890FF!important; color: #fff!important; }
.form-control#date { background: url(../images/date.svg) right center no-repeat; background-size: 40px 20px; padding-left: 10px; padding-right:25px; }
.layui-laydate-footer span:hover,.layui-laydate-footer span[lay-type=date]{color:#1890FF}
/*步骤*/
.nav-step .nav-link::after,.nav-step .nav-link::before{display:none}
.nav.nav-step{ justify-content: space-between; margin-top: 40px; margin-left: auto; margin-right: auto; max-width: 880px;}
.nav-step .nav-item{padding: 0; flex-direction: row; justify-content: flex-start;}
.nav-step .nav-item span{order:2; white-space: nowrap; font-size: 16px; font-weight: 400; color: rgba(0, 0, 0, 0.45); padding-left: 8px; padding-right: 16px; background-color: #fff;}
.nav-step .nav-link{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.15); background: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; color: rgba(0, 0, 0, 0.25); order:1}
.nav-step .nav-item::after{content: ""; flex:1; height: 1px; background-color: #E9E9E9; margin-right: 16px; order:3}
.nav-step .nav-item:last-child{flex:none}
.nav-step .nav-item:last-child::after{display: none;}
.nav-step .nav-item.complete .nav-link{background-color: #1890FF; color: #fff;}
.nav-step .nav-item.complete span{font-weight: 500; color: rgba(0, 0, 0, 0.85);}
.step-dots a { width: 32px; height: 32px; font-size: 16px; text-align: center; line-height: 32px; border: 1px solid rgba(0,0,0,0.15); max-height: 32px; display: inline-block; color: rgba(0,0,0,0.25); }
.step-dots a::before { height: 1px; background-color: #E9E9E9; margin-top: 15px; left: calc(-50% + 30px); right: calc(50% + 30px); }
.step-dots .nav-step-item.active a::after { display: none; }
.step-dots .nav-step-item span { font-size: 16px; color: rgba(0,0,0,0.45); position: absolute; z-index: 10; padding: 0 10px; text-align: left; top: 15px; left: calc(50% + 20px); background: #fff; word-wrap: break-word !important; width: 150px }
.step-dots .nav-step-item.active a.active { background: #1890FF; color: #fff; }
.step-dots .nav-step-item.active span { color: rgba(0,0,0,0.85); font-weight: 600; }
.step-dots .nav-step-item.complete span { color: rgba(0,0,0,0.85); font-weight: 300; }
.step-dots .nav-step-item.complete a { width: 0px; height: 0px; border: 0; background: #fff; }
.step-dots .nav-step-item.complete a:after { width: 32px; height: 32px; margin-left: -21px; margin-top: -32px; background: #fff; border: 1px solid #0090FF; color: #1890FF; }
.step-dots .nav-step-item.complete a::before, .step-dots .nav-step-item.active a, .step-dots .nav-step-item.active a::before { background: #1890FF; color: #fff; }
.step-dots .nav-step-item.active a::before{background: rgba(0, 0, 0, 0.15);}
/*新增*/
.add .li{margin-left: 0; margin-right: 0;}
.add .li .header{display: flex; justify-content: space-between; align-items: center; margin: 0 0 16px 0; width: 100%;}
.add .li .header .h5{width: auto; font-size: 16px; font-weight: 500; margin-bottom: 0;}
.add .input-form{ padding:32px 0; margin: 0 auto; max-width: 550px; min-width: 200px;}
.add .input-form .form-group .select{width: auto; flex:1;}
.modal-body .input-form .form-group .select,.add .input-form .form-group .select{max-width: 150px;}
.add .input-form .button{padding-top: 0; padding-left: 130px;}
#add-sort-btn{margin-left: 115px;}
.add .input-form .button{padding-left: 0; justify-content: center; padding-top: 32px; margin-top: 32px; border-top: 1px solid #E9E9E9;}
.add-txt{border-top:solid 1px #E9E9E9; padding-top: 24px;}
.add-txt .h5{font-size: 16px; margin-bottom: 16px;}
.add .ok{display:flex; flex-direction: column; align-items: center; margin-top: 80px; margin-bottom: 24px;}
.add .ok .mdi{width: 72px; height: 72px; border-radius: 50%; background-color: #74C041; color: #fff; font-size: 60px; display: flex; align-items: center; justify-content: center;}
.add .ok .p1{font-size: 24px; font-weight: 500; line-height: 32px; color: rgba(0, 0, 0, 0.85); margin-top: 24px; margin-bottom: 8px;}
.add .ok .p2{font-size: 14px; font-weight: 400; line-height: 22px; color: rgba(0, 0, 0, 0.43);}
.add .ok .button{text-align: center; padding-top: 50px;}
.detailed~.add{border-top: 1px solid #E8E8E8; margin-top: 24px;}
.edit-detailed{margin: 0 auto; max-width: 600px;}
.edit-detailed .input-form .button{padding-left: 115px;}
.add .input-form.commodity-add2{text-align: center;}
.add .input-form.commodity-add2 .li{width: 100%; display: flex; flex-flow: row wrap; align-items: flex-start; border-bottom: 1px solid #E9E9E9; padding-top: 32px;float:left}
.add .input-form.commodity-add2 .li:last-child{border-bottom: 0}
.add .input-form.commodity-add2 .li:first-child{padding-top: 0;}
.add .input-form.commodity-add2 .li .form-group{width:22%; margin-right: 3%;}
.add .input-form.commodity-add2 .li .form-group label{text-align: left;}
.add .input-form.commodity-add2 .lyear-uploads-pic li{width: 36px; height: 36px;}
.add .input-form.commodity-add2 .lyear-uploads-pic .pic-add:before{margin-top: 5px;background-size: 15px 15px;}
.add .input-form.commodity-add2 .lyear-uploads-pic .pic-add em{bottom:5px}
.add .input-form.commodity-add2 .input-group-addon {color:#111}
.add .h5{font-size:14px; margin-bottom: 16px; width: 100%;}
.li + .button{border-top:0 !important; padding-top: 0 !important;}
.add .input-form .lyear-uploads-pic li.tips{margin-top: -15px;}
.input-form .li .lyear-uploads-pic li.tips{margin-top: 72px;}
.add.lg .input-form{ max-width: 1200px;}
.add.lg .input-form .form-group .form-control{max-width: 460px;}
.add.lg .input-form .form-group .select{max-width: 280px;}
.sort-li{display: flex; flex-flow: row wrap; position: relative;}
.input-form .sort-li .lyear-uploads-pic{padding-bottom: 0;}
.input-form .sort-li .lyear-uploads-pic li{width: 65px; height: 32px;}
.input-form .sort-li .lyear-uploads-pic li.tips{margin-top: 0;}
.input-form .sort-li .lyear-uploads-pic figure{width: 65px;}
.input-form .sort-li .lyear-uploads-pic figure img{width: 65px; height: 32px; object-fit: contain; border: solid 1px #ddd;}
.input-form .sort-li .lyear-uploads-pic figure figcaption{transform: scale(0);}
.input-form .sort-li .lyear-uploads-pic figure:hover figcaption{transform: scale(1);}
.input-form .sort-li .lyear-uploads-pic .pic-add:before{background: none; content: "上传"; color: #1890FF; margin-top: 0; width: 100%; height: 100%; text-align: center; letter-spacing: 3px; line-height: 26px;}
.input-form .sort-li .lyear-uploads-pic .pic-add em{display: none;}
.input-form .sort-li .lyear-uploads-pic .tips{position: relative;}
#copy-card{display: none;}
#copy-card>div{position: relative;}
#copy-btn{color: #1890FF; padding: 0 12px; height: 30px; line-height: 30px; background: rgba(24, 144, 255, 0.1); border: 1px solid rgb(24, 144, 255); border-radius: 2px; display: inline-block; text-align: center;}
.copy-wrap {position:relative;width:100%}
.copy-wrap .copy-btn-del{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; padding: 0;}
.copy-wrap .copy-btn-del .mdi{font-size: 26px; line-height: 32px; color: #f96868; cursor: pointer;}
div.tagsinput{border: 0; padding: 0; overflow: hidden;}
div.tagsinput span.tag{border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.15);background: rgba(0, 0, 0, 0.04); font-size: 14px; color: rgba(0, 0, 0, 0.65); line-height: 32px; padding: 0 14px; margin-bottom: 0; margin-right: 8px;}
div.tagsinput span.tag a{color: #000;}
div.tagsinput input{margin-bottom: 0; font-size: 14px; line-height: 32px;}
#example-tags_addTag{background: rgba(24, 144, 255, 0.1); border: 1px solid rgb(24, 144, 255); border-radius: 2px; color: #1890FF; padding-left: 14px;}
#example-tags_addTag:before{content:""; display:inline-block; background: url(../images/icon-plus.svg) no-repeat;background-size: contain; width: 14px; height: 14px; margin-right: 9px;}
#example-tags_tag{color: #1890FF !important; margin-right: 0;}
/*详细*/
.detailed{display:flex; flex-direction: column;}
.detailed .li,.add .li{border-bottom: 1px solid #E8E8E8; padding-top: 24px; padding-bottom: 24px; position: relative;}
.detailed .li:first-child,.add .li:first-child{padding-top: 0px;}
.detailed .li:last-child,.add .li:last-child{border-bottom: 0;}
.detailed .li .h6{font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.85); margin-bottom: 16px; display: flex; align-items: center;}
.detailed .li .header{display: flex; justify-content: space-between; align-items: center; margin: 0 0 16px 0; width: 100%;}
.detailed .li .header .h6{width:auto;margin-bottom: 0;}
.detailed .li .header .btn-group a{color: #1890FF; cursor: pointer;}
.detailed .li .h6 .tag{margin-left: 16px;}
.detailed .li .h6 .tag span{padding: 0 8px; font-size: 12px; line-height: 20px; height: 20px; margin-right: 8px;border-radius: 2px; border: solid 1px #fff;}
.detailed .li .h6 .tag .tag1{background: rgb(255, 251, 230); border-color: rgb(255, 229, 143); color: rgb(250, 173, 20);}
.detailed .li .h6 .tag .tag2{background: rgb(255, 241, 240); border-color: rgb(255, 163, 158); color: rgb(255, 77, 79)}

.detailed .secs,.detailed .sort-item{display: flex; flex-flow: row wrap;}
.detailed .secs .sec{width: 20%; color: rgba(0, 0, 0, 0.65); display: flex; flex-flow: row wrap; white-space: nowrap;}
.detailed .secs .sec a{margin: 0 5px; color: #1890FF; cursor: pointer;}
.detailed .secs .sec.lg{width: 100%;}
.detailed .secs .sec span{color: rgba(0, 0, 0, 0.85);}
.detailed .date{color: rgba(0, 0, 0, 0.25); margin: 0px;}
.detailed .sort-item .item{margin-right: 6vw; margin-bottom: 24px; display: flex;}
.detailed .sort-item .item img{width: 50px; height: 50px; border: 1px solid rgb(232, 232, 232); border-radius: 2px;}
.detailed .sort-item .item .txt span{padding-left: 16px;}
.detailed .sort-item .item .txt span{color: rgba(0, 0, 0, 0.85); display: block;}
.detailed .sort-item.lg .item img{width: 108px; height: 50px;}
/*商品详细*/
.detailed .chead{display: flex; width: 100%;}
.detailed .chead .images{width: 162px; padding-top: 162px; border-radius: 2px; margin-right: 26px;}
.detailed .chead .txt{position: relative; flex:1;}
.detailed .chead .txt a{position: absolute; right: 0; top: 0; color: rgb(24, 144, 255);}
.detailed .chead .txt .info,.detailed .chead .txt .shelf,.detailed .chead .txt .tag{display: flex; align-items: center;}
.detailed .chead .txt .name,.detailed .chead .txt .shelf{margin-right: 16px;}
.detailed .chead .txt .info{flex-flow: row wrap; margin-bottom: 20px;}
.detailed .chead .txt .name{font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.85);}
.detailed .chead .txt .shelf:before{content:""; display: block; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px;}
.detailed .chead .txt .shelf.up{color: #1890FF;}
.detailed .chead .txt .shelf.up:before{background-color: #1890FF;}
.detailed .chead .txt .shelf.down{color: rgba(0, 0, 0, 0.25);}
.detailed .chead .txt .shelf.down:before{background-color: rgba(0, 0, 0, 0.25);}
.detailed .chead .txt .tag span{padding: 0 8px; font-size: 12px; line-height: 20px; margin-right: 8px;border-radius: 2px; border: solid 1px #fff;}
.detailed .chead .txt .tag .tag1{background: rgb(255, 251, 230); border-color: rgb(255, 229, 143); color: rgb(250, 173, 20);}
.detailed .chead .txt .tag .tag2{background: rgb(255, 241, 240); border-color: rgb(255, 163, 158); color: rgb(255, 77, 79)}
.detailed .chead .txt .count{color: rgba(0, 0, 0, 0.25); margin-left: 8px;}
.detailed .chead .txt .info-li:nth-child(odd){width: 40%;}
.detailed .chead .txt .info-li:nth-child(even){width: 60%;}
.detailed .chead .txt .info-li{color: rgba(0, 0, 0, 0.65); margin-bottom: 8px; line-height: 22px;}
.detailed .chead .txt .info-li span{color: rgba(0, 0, 0, 0.85);}
/*订单详细*/
.order-head{align-items: center;}
.order-head .detailed .secs .sec{width: 50%;}
.order-head .right,.order-head .right .item{display:flex; justify-content: flex-end;}
.order-head .right .item{flex-direction: column; color: rgba(0, 0, 0, 0.45); text-align: right; margin-left: 60px;}
.order-head .right .item span{font-size:20px; color: rgba(0, 0, 0, 0.85);}
.order-state{display: flex; align-items: center;}
.order-state:before{content:""; display: block; width: 6px; height: 6px; border-radius: 50%; margin-right: 8px;}
.order-state.state0:before {background-color: #F2637B;} /*待付款*/
.order-state.state1:before {background-color: #FAD337;} /*待发货*/
.order-state.state2:before {background-color: #4DCB73;} /*已发货*/
.order-state.state3:before {background-color: #975FE4;} /*待评价*/
.order-state.state4:before {background-color: #52d3c7;} /*已完成*/
.order-state.state5:before,.order-state.state7:before {background-color: #FF4D4F;} /*已退款*/
.order-state.state6:before {background-color: rgba(0, 0, 0, 0.25);} /*已取消*/
.qetk{display:flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.85);}/*全额退款*/
.qetk .mdi{color:#FAAD14; margin-right: 8px; font-size:20px}
/*案例*/
.case-list-li{cursor: pointer;}
.case-list-li .photo{width: 100%; height: 0; padding-top: 60%; position: relative;}
.case-list-li .photo img{display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.case-list-li .case-txt{padding: 20px 24px;}
.case-list-li .case-txt .p1,.case-list-li .case-txt .p2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block}
.case-list-li .case-txt .p1{font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.85);}
.case-list-li .case-txt .p2{color: rgba(0, 0, 0, 0.45);}
.case-list-li .case-txt .p3{display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
.case-list-li .case-txt .p3 .left{font-size: 12px;color: rgba(0, 0, 0, 0.45);}
.case-list-li .case-txt .p3 .right span{display: inline-block; line-height: 20px; padding: 0 7px; font-size: 12px; color: #000; background: rgba(0, 0, 0, 0.05); border: 1px solid rgb(217, 217, 217); border-radius: 2px;}
/*案例详细*/
.detailed .chead.case .images{width: 304px;}
.detailed .chead.case .txt .info-txt{width: 100%; margin-top: 8px; color: rgba(0, 0, 0, 0.65); line-height: 22px;}
.detailed .spotlight-group{display: flex; flex-flow: row wrap; margin-bottom: 8px; margin-bottom: -16px;}
.detailed .spotlight-group a{background: #FFFFFF; width: 50px; height: 50px; padding: 3px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; margin-right: 16px; margin-bottom: 16px;}
.detailed .spotlight-group a img{width: 100%; height: 100%; border-radius: 2px;}
.detailed.case-list{display: flex; flex-flow: row wrap;}
.detailed .case-list-li{width: 188px; margin-right: 24px; margin-bottom: 16px;}
.detailed .case-list-li .case-txt{padding: 10px 0 0 0; }
/* 实拍精选 */
.detailed .live-shot .spotlight-group a{width: 104px; height: 104px;}
.button-group{display: flex; padding-top: 32px;}
.footer-btn{margin-left: -24px; margin-right: -24px; position: sticky; bottom: 0; z-index: 3;}
.footer-btn .card-body{padding: 12px 24px; display: flex; justify-content: flex-end;}
.footer-btn .card-body .btn{margin-left: 8px;}
/*评价*/
.evaluate-li{display: flex; position: relative; border-bottom: solid 1px #E9E9E9; padding-top: 16px;}
.evaluate-li:first-child{padding-top: 0;}
.evaluate-li:last-child{border-bottom: 0;}
.evaluate-li .head{width: 32px; height: 32px; border-radius: 50%;}
.evaluate-li .txt{padding-left: 16px; padding-right: 46px; flex:1;}
.evaluate-li .txt .p1{display: flex; align-items: center;}
.evaluate-li .txt .p1 .name{font-weight: 500; color: rgba(0, 0, 0, 0.85);}
.evaluate-li .txt .p1 .star{display: flex; align-items: center; margin-left: 16px;}
.evaluate-li .txt .p1 .star img{display: block; width: 10px; height: auto;margin-right: 7px;}
.evaluate-li .txt .p2{padding-top: 8px; padding-bottom: 15px;}
.evaluate-li .txt .p2,.evaluate-li .txt .p2 *{line-height: 22px; color: rgba(0, 0, 0, 0.65);}
.evaluate-li .txt .date{color: rgba(0, 0, 0, 0.25); margin-bottom: 16px;}
.evaluate-li .del{color: #FF4D4F; width: 30px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
/*日志*/
.log .li{border-bottom: 1px solid #E9E9E9; padding: 16px; display: flex;}
.log .li .head{width: 32px; height: 32px; border-radius: 50%;}
.log .li .txt{flex: 1; padding-left: 16px;}
.log .li .txt>div{display: block; width: 100%;}
.log .li .txt .info{color: rgba(0, 0, 0, 0.65);}
.log .li .txt .info span{font-weight: 500; color: rgba(0, 0, 0, 0.65);}
.log .li .txt .date{color: rgba(0, 0, 0, 0.25);}
/*用户详情*/
.user-head,.user-head .left,.user-head .left .txt .info,.user-head .left .txt .info .block,.user-head .left .txt .info .block span,.user-head .right{display:flex; align-items: center;}
.user-head{justify-content: space-between; flex-flow: row wrap;}
.user-head .left{flex:1}
.user-head .left img{width: 72px; height: 72px; border-radius: 50%;}
.user-head .left .txt{padding-left: 24px; flex: 1;}
.user-head .left .txt .name{font-size: 20px; line-height: 28px; font-weight: 500; color: rgba(0, 0, 0, 0.85);}
.user-head .left .txt .info{width: 100%; margin-top: 12px;}
.user-head .left .txt .info .block{margin-right: 60px; }
.user-head .left .txt .info .block span{color: rgba(0, 0, 0, 0.45);}
.user-head .left .txt .info .block span:after{content:""; display: block; width: 1px; height: 14px; background: rgba(0, 0, 0, 0.25); margin-left: 6px; margin-right: 6px;}
.user-head .left .txt .info .block span:last-child:after{display: none;}
.user-head .right .item{color: rgba(0, 0, 0, 0.45); display: flex; flex-direction: column; justify-content: flex-end; position: relative; text-align: right; padding-right: 80px;}
.user-head .right .item:after{content:""; display: block; position: absolute; width: 1px; height: 40px; background-color: #E9E9E9; right: 40px; top: 50%; transform: translateY(-50%);}
.user-head .right .item:last-child{padding-right: 0;}
.user-head .right .item:last-child:after{display: none;}
.user-head .right .item span{color: rgba(0, 0, 0, 0.85); font-size: 30px;text-align: right;}
.user-head .tab-t{width: calc(100% + 48px); height: 44px; border-bottom: 1px solid #E8E8E8; padding-left: 32px; padding-right: 32px; line-height: 44px; margin-top: 48px; margin-left: -24px; margin-right: -24px; margin-bottom: 0; position: relative;}
.user-head .tab-t li{margin-right: 64px; font-size: 16px; font-weight: 500;}
.user-head .tab-t li:after{bottom:3px}
.user-head .tab-t .btn{position: absolute; right: 32px; top: 0;}
.user-body{padding:24px 8px;}
/*门店详情*/
.detailed .chead.store .images{width: 304px;}
.detailed .chead.store .txt .info{margin-bottom: 0;}
.detailed .chead.store .txt .info:last-child{margin-top: 42px;}
.detailed .chead.store .txt .info-txt{width: 100%; margin-top: 8px; color: rgba(0, 0, 0, 0.65); line-height: 22px;}
.detailed .chead.store .txt .info-li{width: 100%;}
/*******************************
  -------[=工作台-------
********************************/
.workbench,.workbench .left,.workbench .right,.workbench .left .txt .info,.workbench .left .txt .info span{display: flex; align-items: center;}
.workbench{justify-content: space-between;}
.workbench .left .head{width: 72px; height: 72px;}
.workbench .left .head img{width: 100%; height: 100%; border-radius: 50%;}
.workbench .left .txt{padding-left: 24px; flex:1; display: flex; flex-direction: column;}
.workbench .left .txt .hellow{font-size: 20px; font-weight: 500; color: rgba(0, 0, 0, 0.85);}
.workbench .left .txt .info{margin-top: 10px;}
.workbench .left .txt .info span{font-size: 14px;color: rgba(0, 0, 0, 0.45);}
.workbench .left .txt .info span:after{content:""; display: inline-block; width: 1px; height: 14px; background: rgba(0, 0, 0, 0.25); margin-left: 8px; margin-right: 8px;}
.workbench .left .txt .info span:last-child:after{display: none;}
.workbench .right .item{display:flex; flex-direction: column; align-items: center; color: rgba(0, 0, 0, 0.45); position: relative; padding-left: 40px; padding-right: 40px;}
.workbench .right .item:before{content:""; display: block; width: 1px; height: 40px; background: #E9E9E9; position: absolute; left: 0px; top: 50%; margin-top: -20px;}
.workbench .right .item:first-child:before{display: none;}
.workbench .right .item .num{font-size: 30px; color: rgba(0, 0, 0, 0.85);}
.workbench .right .item .num span{font-size: 20px; color: rgba(0, 0, 0, 0.45); margin-left: 8px;}
/*******************************
  -------[=首页-------
********************************/
.arrow-up,.arrow-down{margin-left: 8px; width: 8px; height: 8px; background-color: #000; clip-path: polygon(0 0, 100% 0%, 0 100%);}
.arrow-up{transform: rotate(45deg); margin-bottom: -4px;}
.arrow-down{transform: rotate(-135deg); margin-top: -4px;}
.home1 .card{padding: 0 1vw;}
.home1 .card-header{display: flex; flex-direction: column; align-items: flex-start; padding: 20px 0 0 0; position: relative; border-bottom: 0;}
.home1 .card-header a{position: absolute; right: 0px; top: 24px; font-size: 1.25rem; color: rgba(0, 0, 0, 0.45);}
.home1 .card-header a:hover{color: #1890FF }
.home1 .card-body{padding: 0; height: 60px; display: flex; flex-wrap: row wrap; align-items: center;}
.home1 .progress{width: 100%; height: 8px; margin-bottom: 0;}
.home1 .progress-bar{background: rgba(250, 204, 20, 0.85);}
.home1 .card-footer{border-top: 1px solid #E8E8E8; margin-top: 12px; padding: 9px 0 10px 0; display: flex; align-items: center; color: rgba(0, 0, 0, 0.65);}
.home1 .card-footer span{color: rgba(0, 0, 0, 0.85);}
.home1 .home1-sec1{width: 50%; display: flex; align-items: center;}
.home1 .card-body .chart{min-width:100%; height: 60px;}
.home1 .highcharts-legend.highcharts-no-tooltip,.home1 .highcharts-axis-labels.highcharts-xaxis-labels{display: none;}
.home2 .card-body{display:flex; flex-flow: row wrap;}
.home2 .card-body .item{flex:1; display:flex; justify-content: center; position: relative;}
.home2 .card-body .item:after{content:""; display: block; width: 1px; height: 45px; background-color: #E8E8E8; position: absolute; right: 0; top: 50%; margin-top: -22.5px;}
.home2 .card-body .item .icon{width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content:center;}
.home2 .card-body .item .txt{font-weight: 500; color: rgba(0, 0, 0, 0.85); padding-left: 14px;}
.home2 .card-body .item .txt span{display: block; font-weight: 400; color: rgba(0, 0, 0, 0.45);font-size:12px}
.home2 .card-body .item:nth-child(1) .icon{background-color: #FFBF00;}
.home2 .card-body .item:nth-child(2) .icon{background-color: #5BD171;}
.home2 .card-body .item:nth-child(3) .icon{background-color: #2C92F6;}
.home2 .card-body .item:nth-child(4) .icon{background-color: #F2637B;}
.home2 .card-body .item:nth-child(5) .icon{background-color: #33cabb;}
.home2 .card-body .item:nth-child(5):after{display:none;}
.home3 .card-body{padding-top: 0; padding-bottom: 10px;}
.home3 .tab-t{ border-bottom: 1px solid #E8E8E8; height: 50px;}
.home3 .nav-fill .nav-item{flex:none; margin: 0 16px;}
.home3 .tab-wrap .tab-card .tab-content{width: 100%; padding:0;}
.home3 .tab-t{ justify-content: flex-end; }
.home3 .tab-t li{margin-left: 24px; margin-right: 0;}
.home3 .tab-t li:after{display: none;}
.home3 .tab-t li .form-control{width: 220px;}
.home3 .tab-t li.active span{ color: #1890FF;}
.home3 .nav-tabs{margin-top:-50px; line-height: 50px; width: 200px; height: 50px; margin-bottom: 0;}
.home3 .nav-tabs .nav-link{padding: 0; font-size: 16px; }
.home3 .nav-tabs .nav-link.active{color: #1890FF; font-weight: 500;}
.home3 .h4{font-size: 14px; font-weight: 600; color: rgba(0, 0, 0, 0.85); margin-top: 10px;}
.home3 .ranking{margin-top: 24px;}
.home3 .ranking .li{ display:flex; align-items: center; margin-bottom: 15px;}
.home3 .ranking .li span{font-size:14px; color: rgba(0, 0, 0, 0.65);}
.home3 .ranking .li .p1{width: 20px; height: 20px; border-radius: 50%; background-color: #F0F2F5; font-size: 12px; text-align: center; line-height: 20px; margin-right: 24px;}
.home3 .ranking .li .p2{flex:1;}
.home3 .ranking .li .p3{text-align: right; flex:0.5}
.home3 .ranking .li:nth-child(1) .p1,.home3 .ranking .li:nth-child(2) .p1,.home3 .ranking .li:nth-child(3) .p1{background-color: #314659; color: #fff;}
.home3 .chart{min-width:100%; height: 300px;}
.home3 .highcharts-legend-item.highcharts-column-series{display:none}
.home4 .list{margin-top: 24px;}
.home4 .list th,.home4 .list td{padding:4px 8px;}
.home4 .mdi{font-size: 26px; line-height: 1; display: inline;}
.home4 .mdi-menu-up{color: #F5222D;}
.home4 .mdi-menu-down{color: #52C41A;}
.home4 .home4-left-t{margin-top: -16px; font-size: 14px; color: rgba(0, 0, 0, 0.45);}
.home4 .home4-left-num{ font-size: 24px; color: rgba(0, 0, 0, 0.85); display: flex; align-items: center;}
.home4 .home4-left-num span{margin-left: 32px; font-size: 16px; color: rgba(0, 0, 0, 0.45);}
.home4 .dataTables_info{font-size: 12px;}
.home4 .dataTables_paginate .paginate_button{padding: 2px 4px; min-width: 28px; text-align: center; font-size: 12px;}
.home4 .highcharts-title{font-size: 30px; color: rgba(0, 0, 0, 0.85);}
.home4 .highcharts-title span{font-size: 14px; color: rgba(0, 0, 0, 0.45);}
.home4 .chart{width:100%; height: 297px; margin-top: 0px; margin-bottom: 0px;}
/*******************************
  -------[=登录-------
********************************/
#login{width: 100%; height: 100%; background: url(../images/login.jpg) center center no-repeat; background-size: cover; display:flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.login{width: 370px; margin-bottom: 35vh;}
.login .t{font-size: 32px; font-weight: 600; color: rgba(0, 0, 0, 0.85); width: 100%; display: flex; flex-direction: column; align-items: center;}
.login .t span{font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.45); text-transform: uppercase; margin-top: 0px; margin-bottom: 10vh;}
.login .input-form{padding: 0;}
.login .input-form .form-group{margin-bottom: 24px; justify-content: space-between; align-items: center; }
.login .input-form .form-group.inp{height: 40px; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 2px;}
.login .input-form .form-group.inp label{width: 36px; margin-right: 0; display: flex; justify-content: center; align-items: center;}
.login .form-control{border: 0; height: 40px; background: none; padding:0}
.login .input-form .button{padding-top: 0;}
.login .input-form .button .btn-submit{width: 100%; height: 40px; border-radius: 2px;}
.login-footer{padding-bottom: 24px;}
.login-footer p{font-size: 14px; color: rgba(0, 0, 0, 0.45); line-height: 2;}
/*******************************
  -------[=自适应-------
********************************/
@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1440px) {
    .detailed .assets-img { padding-top: 100% }
}

@media screen and (max-width: 1280px) {
    .topbar .topbar-right .header-icon { padding-top: 5px; }
    .home-col1-icon .card { padding: 16px; }
    .screen.input-form, .screen-txt{margin: 0 20px;}
    .screen.input-form{margin-bottom: -20px;}
    .screen.input-form{width: calc(100% - 40px);}
    .case-list-li .case-txt{padding: 15px}
}

@media screen and (max-width: 1024px) {
  .lyear-layout-sidebar-close .lyear-aside-open .logo-img,.lyear-layout-sidebar-close .lyear-aside-open .logo-txt {display: flex;}
    .lyear-layout-header, .lyear-layout-content { padding-left: 0; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar .sidebar-header .txt { display: block }
    .lyear-layout-sidebar-close .lyear-layout-sidebar .sidebar-header a img, .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .sidebar-header a img { margin-left: 0; }
    .input-form { padding: 15px; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar .sidebar-header#logo { background: url(../images/logo.svg) center center no-repeat; background-size: 88% auto; height: 48px; box-shadow: none; }
    .lyear-layout-sidebar-close .lyear-layout-sidebar .sidebar-header a:after { display: none; }
    .nav-drawer > li > a > span { font-size: 14px; }
    .lyear-layout-sidebar-close .nav-drawer > .nav-item-has-subnav > a:after { content: '\f142' }
    .lyear-layout-sidebar-close .nav-drawer > li > a { padding-left: 60px; }
    .lyear-layout-sidebar-close .nav-drawer > li > a span { display: block; }
    .form-tab .tab-content { max-width: 100% }
    .card-body { padding: 12px; }
    .edit-detailed,.add .input-form{max-width: 90%;}
    .row.member-family{margin-left:0; margin-right:0;}
    .home2 .card-body{margin-bottom: -12px;}
    .home2 .card-body .item{flex: none; width: 33.33%; margin-bottom: 12px;}
    .home2 .card-body .item .txt{width: 60%;}
    .home2 .card-body .item:nth-child(3):after{display: none;}
}

@media screen and (max-width: 900px) {
    .container-fluid { padding-right: 16px; padding-left: 16px; padding-top: 16px; }
    .header { width: calc(100% + 32px); margin-right: -16px; margin-left: -16px; margin-top: -16px; }
    .screen.input-form, .screen-txt{margin: 0 15px;}
    .screen.input-form{width: calc(100% - 30px);}
    .screen.input-form .form-group,.screen.input-form .button{width: 50%; max-width: 50%; margin-bottom: 16px;}
    .screen.input-form .form-group{flex:none;}
    .screen.input-form .button{justify-content: flex-start;}
    .screen.input-form .button button{margin-right: 16px;}
    .home2 .nav-tabs{width: 100%; display: flex;}
    .home2 .nav-tabs.nav-justified>li{flex:1}
    .home2 .tab-t{justify-content: flex-start; padding-bottom: 50px; height: 100px;}
    .home2 .nav.nav-tabs{border-top: 1px solid #ebebeb;}
    .nav.nav-step{margin-top: 16px;}
    .workbench{flex-direction: column; justify-content: flex-start;}
    .workbench, .workbench .left, .workbench .right, .workbench .left .txt .info, .workbench .left .txt .info span{align-items: flex-start;}
    .workbench .right{margin-top: 24px;}
    .detailed .chead .txt .info{flex-direction: column; align-items: flex-start;}
    .user-head .left,.user-head .left .txt .info{align-items: flex-start;}
    .user-head .left .txt .info{flex-direction:column; }
    .user-head .left .txt .info .block{margin-right: 0;}
    .user-head .tab-t{margin-top: 16px;}
    .user-head .tab-t li{margin-right: 5vw;}
}

@media screen and (max-width: 800px) {
    .topbar { display: flex; align-items: center; }
    .topbar .topbar-left .left { padding-left: 15px; }
    .topbar .topbar-left .right { padding-right: 15px; }
    .input-form .form-group { margin-bottom: 16px; width: 100% }
    .detailed .li{padding-top: 16px; padding-bottom: 16px;}
    .detailed .person{flex-direction: column;}
    .detailed .chead{flex-direction: column;}
    .detailed .chead .images{margin-bottom: 24px;}
}

@media screen and (max-width: 768px) {
    .input-form .form-group{flex-direction: column;}
    .input-form .form-group label{width: auto; text-align: left; margin-right: 0; margin-bottom: 8px;}
    .screen.input-form .form-group .select{flex:none}
    .list { padding: 0 }
    .card-body { padding-right: 16px; padding-left: 16px; }
    .list-item { flex-direction: column; align-items: flex-start; }
    .main-page { flex-flow: row wrap; }
    .main-page .page{width: 45%}
    .main-page .page-quantity { width: 60px }
    .main-page .page-jump { flex: 1; display: flex; justify-content: center; margin-top: 16px; }
    .dataTables_info { margin-bottom: 12px; }
    .user-info{width: 100%;}
    .list .txt{max-width: 15rem;}
    .home1 .card{padding: 0 16px;}
}

@media screen and (max-width: 600px) {
    .main-page .page { width: 90%; }
    .main-page .page-btn, .card-header.list-title .screen.input-form .form-group.date, .card-header.list-title .screen.input-form .form-group.city { display: none; }
    .main-page .page-quantity { margin-top: 16px; }
    .home2 .tab-t li{flex:1; margin-left: 0; text-align: center;}
    .home2 .tab-t li:last-child{display: none;}
    .nav.nav-step{flex-direction:column; width: auto; margin-left: 50%; transform: translateX(-50%);}
    .nav-step .nav-item::after{display: none;}
    .list .txt{max-width: 12rem;}
    .list-header{flex-direction: column; align-items: flex-start;}
    .list-header .btn-group{margin-top: 12px;}
    .list-header .btn-group .btn{margin-left: 0; margin-right: 8px;}    
    .home2 .card-body .item{ width: 50%;}
    .home2 .card-body .item:after{display: none;}
    .header-icon .dropdown-menu{width: 97vw;}
    .detailed .secs .sec{width: 100%;}
    .detailed .spotlight-group{margin-bottom: 0;}
    .user-head{flex-direction: column; align-items: flex-start;}
    .user-head .left{margin-bottom: 24px;}
}

@media screen and (max-width: 480px) {
  .screen.input-form .form-group,.screen.input-form .button{width: 100%; max-width: 100%;}  
  .screen.input-form .form-group{padding-right: 0;}
  .screen.input-form .control-label{width: 70px;}
  .home2 .card-body .item{ width: 100%;}
}