[v-cloak] { display: none; } ul.layui-tab-title li.tab-status.layui-this, .layui-tab .layui-tab-title .subject-select .layui-unselect.layui-form-select input.subject-this{ filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); background: #a79023; background: -moz-linear-gradient(top, #d5c075, #a18b3e); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d5c075), to(#a18b3e)); background: -o-linear-gradient(top, #d5c075, #a18b3e); } .layui-tab-title li.tab-status.tab-status-3, .layui-tab-title li.tab-status.tab-status-2, .layui-tab-title li.tab-status.tab-status-4, .layui-tab-title .subject-select .layui-unselect.layui-form-select input, .layui-tab-title .subject-select .layui-unselect.layui-form-select input.subject-all-end , .subject-end{ color: #f6fdff; filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); background: #a79023; background: -moz-linear-gradient(top, #52d1f7, #1784a5); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#52d1f7), to(#1784a5)); background: -o-linear-gradient(top, #52d1f7, #1784a5); } .layui-tab-title li.tab-status.tab-status-3, .layui-tab-title .subject-select .layui-unselect.layui-form-select input.subject-all-end { border-bottom: 4px solid #5dc24e; } .subject-end { background: #5dc24e; } .layui-form-select dl dd.layui-this { background: #5FB878; } .layui-tab-title li.tab-status, ul.layui-tab-title li.tab-status-1.layui-this { color: #f6fdff; filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); background: #a79023; background: -moz-linear-gradient(top, #cccadc, #85829c); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cccadc), to(#85829c)); background: -o-linear-gradient(top, #cccadc, #85829c); } .tab-status-2:hover, .tab-status-4:hover, .manage.tab-status-1:hover { color: #f6fdff; filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); background: #a79023; background: -moz-linear-gradient(top, #84e2ff, #208bac); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84e2ff), to(#208bac)); background: -o-linear-gradient(top, #84e2ff, #208bac); } .edui-default { color: #676a6c; } .collapse-box .collapse-item li { filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#52d1f7,endcolorstr=#1784a5,gradientType=0); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#52d1f7,endcolorstr=#1784a5,gradientType=0);/*IE8*/ background:#52d1f7; /* 一些不支持背景渐变的浏览器 */ background:-moz-linear-gradient(top, #52d1f7, #1784a5); background:-webkit-gradient(linear, 0 0, 0 bottom, from(#52d1f7), to(#1784a5)); background:-o-linear-gradient(top, #52d1f7, #1784a5); height: 46px; line-height: 46px; margin-top: 1px; margin-bottom: 1px; } .collapse-box .collapse-item li.cur-click-sub { color: #f6fdff; filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffeec9,endcolorstr=#a79023,gradientType=0); background: #a79023; background: -moz-linear-gradient(top, #d5c075, #a18b3e); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d5c075), to(#a18b3e)); background: -o-linear-gradient(top, #d5c075, #a18b3e); } .vl-notify.vl-notify-alert h2.vl-notice-title { color: #444; } body { -webkit-overflow-scrolling:touch; overflow:auto; -webkit-overflow:auto } .edui-default .edui-editor-scale { display: none; } .vl-notify .vl-notify-content { padding: 0px!important; } .vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove { font-size: 36px!important; } .layui-form-select dl { z-index: 10000; } .row { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button { transition: inherit; } label.layui-required:after { content: '*'; position: absolute; right: 20px; top: 10px; color: red; } .layui-form-pane .layui-form-label { width: 140px; } .layui-form-pane .layui-input-block { margin-left: 140px; } .layui-form-pane table .layui-form-checkbox { margin: 0; } .layui-form-danger+.mutil-select-title, .layui-form-danger:focus { border: 1px solid #FF5722!important; } .title-text { width: 61px; } .manage-head { padding: 8px 0; margin: 5px; } .manage-head-con { position: relative; height: 18px; line-height: 18px; color: #363636; font-size: 16px; border-left: 3px solid #445b71; } /* cont */ .wrapper-content { padding: 0 5px; } .layui-form-item .layui-input-inline { width: auto; } .layui-inline .layui-form-mid { /* width: 100px; text-align: right; */ color: #000000; } .custom-btn-div { padding: 6px 0!important; } .layui-inline .input-year-title { margin-left: 30px; } .layui-inline .input-year-text { width: 120px; } .input-year-text .layui-input { border: 0; } .layui-inline .search-key { width: 272px; padding: 6px 0!important; } .search-key input { height: 26px; line-height: 26px; font-size: 12px; font-family: 'MicroSoft YaHei'; } .hr-line-solid { border-top: 1.5px solid #c1c1c1; margin: 5px 0 8px 0; } .hr-line-dashed { border-top: 1.5px dashed #c1c1c1; margin: 5px 0 8px 0; } /* custom btn */ .layui-inline .layui-btn { transition: none; -webkit-transition: none; } .layui-btn-sm, .layui-btn-icon { height: 26px; line-height: 26px; padding: 0 9px; font-size: 12px; font-family: 'MicroSoft YaHei'; margin-bottom: 6px; } .layui-btn-lg { height: 38px; line-height: 38px; padding: 0 16px; font-size: 16px; font-family: 'MicroSoft YaHei'; border-radius: 4px; } .layui-btn-primary { border: 1px solid #c3c4c4; color: #959798; font-size: 12px; font-family: 'MicroSoft YaHei'; } .layui-inline .layui-btn-primary:hover { border: 1px solid #ff7c4d; color: #ff7c4d; } .layui-btn-orange { background-color: #ff7c4d; } .layui-btn-b-orange { background-color: #fff; border: 1px solid #ff7c4d; color: #ff7c4d; } .layui-btn-blue { background-color: #00abf0; } .layui-btn-blue:hover { background-color: #1dbbfb; } .layui-btn-red { background-color: #e93232; } .custom-img { margin-right: 8px; margin-top: -2px; } .btn-group-center { text-align: center; width: 100%; } .btn-group-left { text-align: left; width: 100%; } .btn-group-right { text-align: right; width: 100%; } .layui-btn-primary:hover { background-color: #fff; border: 1px solid #ff7c4d; color: #ff7c4d; } .layui-btn-light-blue { background-color: #4d8dec; } textarea[name='editorValue'] { display: none; } .xm-select-parent .xm-form-select dl { position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 999; min-width: 100%; border: 1px solid #d2d2d2; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12); box-sizing: border-box; animation-fill-mode: both; -webkit-animation-name: layui-upbit-s; animation-name: layui-upbit-s; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vl-notify-content .ibox-content { border-width: 0px; padding-right: 0px; } .vl-notify-content .layui-form-select .layui-edge { transition: unset; -webkit-transition: unset; } .layui-tab-title li { cursor: pointer; } .triangle { float: right; width: 0; height: 0; background: #fff; border-top: 20px solid transparent; border-left: 10px solid #05afef; } .layui-btn { cursor: pointer; } .l-cursor { cursor: pointer; } .footable > tbody > tr:hover { cursor: default; } .footable > tbody > tr > td > span:hover, .footable > tbody > tr > td > a:hover { cursor: pointer; } label.layui-form-label { cursor: default; } .user-main table td span.label { word-wrap: break-word; word-break: break-all; white-space: pre-wrap !important; } .user-main table td span.label i { cursor: pointer; } .sys-notice td { border: 1px solid; } .pw .element { width: 120px; height: 160px; box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.5); border: 1px solid rgba(127, 255, 255, 0.25); text-align: center; cursor: default; } .pw .element:hover { box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.75); border: 1px solid rgba(127, 255, 255, 0.75); } .pw .element_hover { box-shadow: 0px 0px 12px rgba(0, 255, 255, 0.75); border: 6px solid rgba(127, 255, 255, 0.75); } .pw .element .number { position: absolute; top: 20px; right: 20px; font-size: 12px; color: rgba(127, 255, 255, 0.75); } .pw .element .symbol { position: absolute; top: 10px; left: 0px; right: 0px; font-size: 60px; font-weight: bold; color: rgba(255, 255, 255, 0.75); text-shadow: 0 0 10px rgba(0, 255, 255, 0.95); cursor: pointer; } .pw .element .symbol img { border-radius: 0px; height: 80%; width: 80%; } .pw img[src=""], img:not([src]) { opacity: 0; } .pw .element .details { position: absolute; bottom: 15px; left: 0px; right: 0px; font-size: 3px; color: rgba(127,255,255,0.75); } .pw .show_info { position: fixed; background-color: rgba(0, 0, 0, .6); padding: 10px; width: 300px; margin: 0 auto; left: 0; right: 0; border-radius: 5px; box-shadow: 0 0 10px 0 #fff; top: 30%; } .pw .show_info img { display: block; margin: auto; border-radius: 0px; box-shadow: 0 0 10px 0 #888; } .pw .show_info .intro { color: #fff; text-indent: 20px; margin-top: 10px; height: 65px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .pw .show_info .info_my { text-align: center; } .pw .show_info .info_my > * { display: inline-block !important; vertical-align: middle; } .pw .show_info .info_my .info_mem { color: #fff; max-width: 120px; } .pw .show_info .info_my .info_mem > div { text-align: left; } .pw .show_info .info_my .info_mem > div.nickname { max-width: 120px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pw .show_info .info_my img { width: 108px; height: 144px; margin-right: 10px; } .itab ul li { float: left; height: 37px; line-height: 37px; background: url(/img/itabbg.png) repeat-x; border-right: solid 1px #d3dbde; } .itab ul li a.selected { height: 37px; display: block; background: url(/img/itabbg1.png) repeat-x; font-weight: bold; } .f-li.open { animation: tada 2s linear running; -webkit-animation: tada 2s linear running; } @keyframes tada { 0%{transform:scale(1);} 10%,20%{transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{transform:scale(1.2) rotate(3deg);} 40%,60%,80%{transform:scale(1.2) rotate(-3deg);} 100%{transform:scale(1) rotate(0deg);} } @-moz-keyframes tada { 0%{-moz-transform:scale(1);} 10%,20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);} 40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0deg);} } @-webkit-keyframes tada { 0%{-webkit-transform:scale(1);} 10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);} 40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0deg);} } .view-product div.animated { height: 100% } .view-product div.animated div.flow.ibox-content { padding-top: 0px }