html, body {
color: #333;
margin: 0;
height: 100%;
font-family: "微软雅黑", "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
color: #000;
}
a, label, button, input, select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
border: 0;
}
body {
background: #eef3fa;
color: #666;
}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #08acee;
}
button {
outline: 0;
}
img {
border: 0;
}
button, input, optgroup, select, textarea {
margin: 0;
font: inherit;
color: inherit;
outline: none;
}
li {
list-style: none;
}
a {
color: #666;
}
.clearfix::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
}
.divHeight {
width: 100%;
height: 10px;
background: #f5f5f5;
position: relative;
overflow: hidden;
}
.r-line {
position: relative;
}
.r-line:after {
content: '';
position: absolute;
z-index: 0;
top: 0;
right: 0;
height: 100%;
border-right: 1px solid #D9D9D9;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.b-line {
position: relative;
}
.b-line:after {
content: '';
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #e2e2e2;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.aui-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 10px 15px;
position: relative;
}
.aui-flex-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
font-size: 14px;
color: #333;
}
.aui-flex-box h1.aui-title {
font-family: "微软雅黑" !important;
color: #ffffff;
font-size:.93rem !important;
background: #c0e9ff -webkit-linear-gradient(left, #18e7e6 20%, #fff 90%, #3c9bf8) no-repeat 0 0;
background-size: auto;
background-clip: border-box;
background-size: 20% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: left;
font-weight: 600!important;
animation: alltitle 4s linear infinite;
}
.aui-flex-box .aui-spantx {
color: #fff;
font-size:.9rem
}
.aui-flex-box .aui-spantx2 {
margin-top:0.1rem;
color: #fff;
font-size:.7rem
}
/* 必要布局样式css */
.aui-flexView {
width: 100%;
height: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.aui-scrollView {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
position: relative;
}
.aui-navBar {
height: 44px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
z-index: 1002;
background: #1c7bf3;
}
.aui-navBar-item {
height: 44px;
min-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
padding: 0 0.9rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.7rem;
white-space: nowrap;
overflow: hidden;
color: #808080;
position: relative;
}
.aui-navBar-item:first-child {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-right: -25%;
font-size: 0.9rem;
font-weight: bold;
}
.aui-navBar-item:last-child {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.aui-center {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 44px;
width: 50%;
margin-left: 25%;
}
.aui-center-title {
text-align: center;
width: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
font-size: 0.95rem;
color: #fff;
}
.icon {
width: 20px;
height: 20px;
display: block;
border: none;
float: left;
background-size: 20px;
background-repeat: no-repeat;
}
.aui-health-head {
width: 100%;
height: 8rem;
background-image: url("../images/member_head.png");
/* background: -webkit-linear-gradient(#1c7dff, #04caf9); /* Safari 5.1 - 6.0 */
/* background: -o-linear-gradient(#1c7dff, #04caf9); /* Opera 11.1 - 12.0 */
/* background: -moz-linear-gradient(#1c7dff, #04caf9); /* Firefox 3.6 - 15 */
/* background: linear-gradient(#1c7dff, #04caf9); */ /* æ ‡å‡†çš„è¯æ³• */
background-size: 100%;
}
.aui-member-head {
width: 100%;
height: 8rem;
padding:.2rem;
background-image: url("../images/member_head.png");
/* background: -webkit-linear-gradient(#1c7dff, #04caf9); /* Safari 5.1 - 6.0 */
/* background: -o-linear-gradient(#1c7dff, #04caf9); /* Opera 11.1 - 12.0 */
/* background: -moz-linear-gradient(#1c7dff, #04caf9); /* Firefox 3.6 - 15 */
/* background: linear-gradient(#1c7dff, #04caf9); */ /* æ ‡å‡†çš„è¯æ³• */
background-size: 100%;
}
.aui-member-head {
background-repeat: no-repeat;
}
.aui-member-head .aui-health-user img {
width: 100%;
height: auto;
display: block;
border: 2px solid #fff;
border-radius: 100%;
}
.aui-member-head ul li{ color:#fff}
.aui-health-head {
background-repeat: no-repeat;
}
.aui-health-user {
width: 60px;
height: 60px;
margin-right: 0.8rem;
}
.aui-health-user img {
width: 100%;
height: auto;
display: block;
border: none;
border-radius: 100%;
}
.aui-flex-box h2 {
color: #333333;
font-size: 1rem;
font-weight: normal;
}
.aui-arrow {
text-align: right;
color: #999999;
padding-right: 12px;
position: relative;
font-size: 0.8rem;
}
.aui-arrow:after {
content: " ";
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #999999;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
margin-top: -4px;
right: 2px;
border-radius: 1px;
}
.aui-health-box {
background: #fff;
border-radius: 6px;
width: 93%;
margin: 0 auto 15px;
box-shadow: 0 5px 15px #dadada;
}
.aui-health-box-top {
margin-top: -2rem;
}
.aui-health-box-top {
margin-top: -2rem;
}
.aui-palace {
padding: 0.5rem 0;
position: relative;
overflow: hidden;
}
.aui-palace2 {
padding:0.5rem 0.8rem ;
}
.aui-palace-grid {
position: relative;
float: left;
padding: 1px;
width: 25%;
box-sizing: border-box;
margin: 5px 0;
}
.aui-palace-grid4 {
position: relative;
float: left;
padding: 1px;
width: 33.33%;
box-sizing: border-box;
margin: 5px 0;
text-align:center;
}
.aui-palace-grid5 {
position: relative;
float: left;
height:8.5rem;
padding:.8rem .2rem;
width: 33.33%;
box-sizing: border-box;
margin: 0px 0;
text-align:center;
border-bottom:1px solid #ddd
}
.aui-palace-grid5 .aui-palace-grid-icon3 {
width:5rem; height:5rem;
background: #f6f6fb;
line-height: 5rem;
margin: 0 auto;
border-radius: 50%;
padding: .8rem;
text-align: center;
}
.aui-icon .aui-palace-grid-icon {
width: 3rem;
height: 3rem;
background: #f8f6f8;
line-height:3rem;
margin: 0 auto;
border-radius: 1.6rem;
margin: 0 auto;
text-align: center;
margin-bottom:.2rem
}
.aui-icon .aui-palace-grid-icon5 {
background: #f8f6f8;
border-radius:5px;
font-size:1.2rem !important;
margin: 0 auto;
margin:.0rem .3rem;
text-align: center;
padding:.5rem 0
}
.aui-palace-grid-icon5 h2{ margin-bottom:.3rem ;
font-size:1.2rem !important;}
.aui-palace-grid2 {
position: relative;
float: left;
padding: 1px;
width: 33.33%;
box-sizing: border-box;
margin: 5px 0;
}
.aui-palace-two .aui-palace-grid{
width: 33.33%;
position: relative;
float: left;
padding: 1px;
box-sizing: border-box;
margin: 5px 0;
}
.aui-palace-50 .aui-palace-grid {
width: 50%;
margin: 0;
padding: .5rem 0;
}
.aui-icon .aui-palace-grid-icon2 {
width: 5rem;
height: 4.8rem;
background: #dbedfb;
line-height: 4.8rem;
margin: 0 auto;
border-radius: 5px;
margin: 0 auto;
text-align: center;
}
.aui-palace-grid-icon2 i {
color: #0067ea;
font-size: 1.8rem;
}
[data-v-0a6ec0b4]{
background:none !important;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px !important;
margin-top:1.1rem!important;
position:relative;
left:2.6rem;
font-size:.9rem
}
.aui-palace-grid-icon i {
color: #0067ea;
font-size: 1.4rem;
}
.aui-palace-grid-icon img {
display: block;
width: 100%;
height: 100%;
border: none;
}
.aui-palace-grid-text {
display: block;
text-align: center;
color: #333;
font-size: 0.85rem;
text-overflow: ellipsis;
overflow: hidden;
}
.aui-palace-grid-text h1{ font-size: 1rem;
font-weight: normal;
color: #666666;}
.aui-palace-grid-text h2 {
font-size: 0.8rem;
font-weight: normal;
color: #666666;
margin-top:.2rem;
}
.aui-palace-text .aui-palace-grid-icon {
width: auto;
text-align: center;
height: auto;
}
.aui-palace-text .aui-palace-grid-text h2 {
color: #777;
font-size: 0.8rem;
}
.aui-palace-text .aui-palace-grid-icon span {
color: #333;
font-size: 1rem;
font-weight: bold
}
.aui-footer {
width: 100%;
position: relative;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 7px 5px 7px 5px;
background: #ffffff;
box-shadow: 0 -1px 9px #e8e8e8;
}
.aui-footer:after {
content: '';
position: absolute;
z-index: 0;
top: -1px;
left: 0;
width: 100%;
height: 1px;
border-top: 1px solid #e4e4e4;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.aui-tabBar-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #979797;
}
.aui-tabBar-item-text {
display: inline-block;
font-size: 0.65rem;
color: #3b4048;
padding-top: 2px;
}
.aui-tabBar-item-active .aui-tabBar-item-text {
color: #0f6ff4;
}
.icon-loan {
background-image: url('../images/icon_foot_17.png');
}
.icon-credit {
background-image: url('../images/icon_foot_10.png');
}
.icon-ions {
background-image: url('../images/icon_foot_05.png');
}
.icon-car {
background-image: url('../images/icon_foot_07.png');
}
.aui-footer-fixed {
position: fixed;
bottom: 0;
left: 0;
z-index: 49;
}
/*待办页面*/
.aui-margin-b-15{ margin-top:15px}
/* 必要布局样式css */
.aui-flexView {
width: 100%;
height: 100%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.aui-health-head .aui-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
padding: 1.5rem;
position: relative;
}
.icon-tags {
background-image: url(data:image/png;
base64, iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAAGXRFW…YV93ZMFgRK2zEnZwEnhPyrULnE5pH6lU+n/z/8+18BBgAYgctdrkuM5wAAAABJRU5ErkJggg==);
position: absolute;
left: 0;
top: 0;
box-shadow: 0 6px 19px #fbd9ac;
border-radius: 100%;
}
.aui-button-go button {
background: none;
border: 1px solid #ff9a36;
border-radius: 50px;
color: #ff9a36;
padding: 0.6rem 0.95rem;
font-size: 0.85rem;
}
.aui-logo-tag {
width: 55px;
height: 55px;
margin-right: 0.8rem;
}
.aui-logo-tag img {
width: 55px;
height: 55px;
display: block;
border: none;
}
.aui-flex-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
font-size: 14px;
color: #333;
}
.aui-flex-box h3 {
color: #1a1a1a;
margin-bottom: 0.5rem;
font-size: 1rem;
}
.aui-flex-box p {
color: #989898;
font-size: 0.85rem;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-wrap: break-word;
word-break: break-all;
}
.aui-flex-box h3 em {
font-style: normal;
background: #ff7e4c;
border-radius: 20px;
color: #fff;
font-size: 0.8rem;
position: relative;
padding: 0.2rem 0.9rem 0.2rem 1.4rem;
text-align: right;
font-weight: normal;
}
/*基本容器*/
.aui-content {
padding: 0 1rem;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
word-break: break-all;
background: url(../images/bg-r.png) no-repeat top right;
background-size: 70%
}
.aui-content-padded {
margin: 0.75rem;
position: relative;
word-break: break-all;
-webkit-overflow-scrolling: touch;
}
/*栅格类*/
.aui-row {
overflow: hidden;
margin: 0;
}
.aui-row-padded {
margin-left: -0.125rem;
margin-right: -0.125rem;
}
.aui-row-padded [class*=aui-col-xs-] {
padding: 0.125rem;
}
.aui-col-xs-1, .aui-col-xs-2, .aui-col-xs-3, .aui-col-xs-4, .aui-col-xs-5, .aui-col-xs-6, .aui-col-xs-7, .aui-col-xs-8, .aui-col-xs-9, .aui-col-xs-10, .aui-col-xs-11, .aui-col-5 {
position: relative;
float: left;
}
.aui-col-xs-12 {
width: 100%;
position: relative;
}
.aui-col-xs-11 {
width: 91.66666667%;
}
.aui-col-xs-10 {
width: 83.33333333%;
}
.aui-col-xs-9 {
width: 75%;
}
.aui-col-xs-8 {
width: 66.66666667%;
}
.aui-col-xs-7 {
width: 58.33333333%;
}
.aui-col-xs-6 {
width: 50%;
}
.aui-col-xs-5 {
width: 41.66666667%;
}
.aui-col-xs-4 {
width: 33.33333333%;
}
.aui-col-xs-3 {
width: 25%;
}
.aui-col-xs-2 {
width: 16.66666667%;
}
.aui-col-xs-1 {
width: 8.33333333%;
}
.aui-col-5 {
width: 20%;
}
/*角标*/
.aui-badge {
display: inline-block;
width: auto;
text-align: center;
min-width: 0.8rem;
height: 0.8rem;
line-height: 0.8rem;
padding: 0 0.2rem;
font-size: 0.6rem;
color: #ffffff;
background-color: #ff2600;
border-radius: 0.4rem;
position: absolute;
top: 0.2rem;
left: 40%;
z-index: 99;
}
/*搜索条*/
.aui-searchbar {
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 2.3rem;
overflow: hidden;
width: 100%;
background-color: #fff;
border-radius:10px;
color: #9e9e9e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.aui-search-btn {
background: #4d61da;
height: 1.4rem;
display: inline-block;
padding:0 .5rem;
position: absolute;
right: 0px;
border-radius: 0.25rem;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.aui-searchbar.focus {
-webkit-box-pack: start;
}
.aui-palace h3 {
font-size: 1rem;
color: #333;
padding-left: .5rem;
}
.aui-searchbar-input {
margin: 0 0.5rem;
background-color: #fff;
border-radius: 0.25rem;
height: 1.5rem;
line-height: 1.5rem;
font-size: 0.7rem;
position: relative;
padding-left: 0.5rem;
display: -webkit-box;
-webkit-box-flex: 1;
}
.aui-searchbar form {
width: 90%;
}
.aui-searchbar-input input {
color: #666666;
width: 80%;
padding: 0;
margin: 0;
background-color: #fff;
height: 1.4rem;
line-height: normal;
border: 0;
-webkit-appearance: none;
font-size: 0.7rem;
}
.aui-searchbar input::-webkit-input-placeholder {
color: #ccc;
}
.aui-searchbar .aui-iconfont {
line-height: 1.4rem;
margin-right: 0.25rem;
color: #9e9e9e !important;
}
.aui-searchbar .aui-searchbar-btn {
font-size: 0.7rem;
color: #666666;
margin-right: -2.2rem;
width: 2.2rem;
height: 1.4rem;
padding-right: 0.5rem;
line-height: 1.4rem;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
}
.aui-searchbar-clear-btn {
position: absolute;
right: 5px;
top: 3px;
width: 1.1rem;
height: 1.1rem;
background: #eeeeee;
border-radius: 50%;
line-height: 0.6rem;
text-align: center;
display: none;
}
.aui-searchbar-clear-btn .aui-iconfont {
font-size: 0.6rem;
margin: 0 auto;
position: relative;
top: -2px;
}
.aui-searchbar .aui-searchbar-btn .aui-iconfont {
color: #666666;
}
/*label*/
.pull-left {
float: left;
}
.width40 {
width: 40%
}
.width60 {
width: 60%
}
.aui-font-size-12 {
font-size: 0.6rem !important;
}
.aui-font-size-14 {
font-size: 0.7rem !important;
}
.aui-font-size-16 {
font-size: 0.8rem !important;
}
.aui-font-size-18 {
font-size: 0.9rem !important;
}
.aui-font-size-20 {
font-size: 1rem !important;
}
.aui-text-default {
color: #212121 !important;
}
.aui-text-white {
color: #ffffff !important;
}
.aui-text-primary {
color: #00bcd4 !important;
}
.aui-text-success {
color: #009688 !important;
}
.aui-text-info {
color: #03a9f4 !important;
}
.aui-text-warning {
color: #ffc107 !important;
}
.aui-text-danger {
color: #e51c23 !important;
}
.aui-text-pink {
color: #e91e63 !important;
}
.aui-text-purple {
color: #673ab7 !important;
}
.aui-text-indigo {
color: #3f51b5 !important;
}
.aui-icon-warning {
color: #f9b76b !important;
}
.aui-icon-info {
color: #67b3ff !important;
}
.aui-icon-success {
color: #81d389 !important;
}
.aui-icon-pink {
color: #d084ca !important;
}
.aui-bg-default {
background-color: #f5f5f5 !important;
}
.aui-bg-primary {
background-color: #00bcd4 !important;
}
.aui-bg-success {
background-color: #009688 !important;
}
.aui-bg-info {
background-color: #03a9f4 !important;
}
.aui-bg-warning {
background-color: #fc9317 !important;
}
.aui-bg-danger {
background-color: #e51c23 !important;
}
.aui-bg-pink {
background-color: #e91e63 !important;
}
.aui-bg-purple {
background-color: #673ab7 !important;
}
.aui-bg-indigo {
background-color: #3f51b5 !important;
}
.aui-label {
display: inline-block;
padding: 0.4em 0.35em;
font-size: 0.8rem !important;
line-height: 1;
color: #777;
background-color: #dddddd;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 0.25em;
position: relative;
}
.aui-radius{border-radius: 1em;!important;padding: 0.3em 0.45em;!important}
#txt_zgCount{padding: 0.2em 0.25em;}
#txt_tgCount{padding: 0.2em 0.25em;}
.aui-label-primary {
color: #ffffff;
background-color: #00bcd4;
}
.aui-label-success {
color: #ffffff;
font-size: 0.9rem !important;
background-color: #009688;
}
.aui-label-info {
color: #ffffff;
background-color: #03a9f4;
}
.aui-label-p{color: #ffffff;
background-color: #ff86b6;}
.aui-label-y{color: #ffffff;
background-color: #fa9f77;}
.aui-label-warning {
color: #ffffff;
background-color: #ffc107;
}
.aui-label-danger {
color: #ffffff;
background-color: #f25067;
}
.aui-label-outlined {
background-color: transparent;
position: relative;
}
.aui-label-outlined:after {
-webkit-border-radius: 2px;
border-radius: 2px;
height: 200%;
content: '';
width: 200%;
border: 1px solid #ddd;
position: absolute;
top: -1px;
left: -1px;
transform: scale(0.5);
-webkit-transform: scale(0.5);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
z-index: 1;
}
.aui-label-outlined.aui-label-primary, .aui-label-outlined.aui-label-primary:after {
color: #00bcd4;
border-color: #00bcd4;
}
.aui-label-outlined.aui-label-success, .aui-label-outlined.aui-label-success:after {
color: #009688;
border-color: #009688;
}
.aui-label-outlined.aui-label-info, .aui-label-outlined.aui-label-info:after {
color: #03a9f4;
border-color: #03a9f4;
}
.aui-label-outlined.aui-label-warning, .aui-label-outlined.aui-label-warning:after {
color: #ffc107;
border-color: #ffc107;
}
.aui-label-outlined.aui-label-danger, .aui-label-outlined.aui-label-danger:after {
color: #e51c23;
border-color: #e51c23;
}
.aui-label .aui-iconfont {
font-size: 0.6rem;
}
.aui-you {
background: #009f3c;
padding:.1rem .3rem;
color: #fff;
font-size: 0.5rem;
margin-left:.1rem;
border-radius:.1rem
}
.aui-lian {
background: #ef9c00;
padding:.1rem .3rem;
color: #fff;
font-size: 0.5rem;
margin-left:.1rem;
border-radius:.1rem
}
.aui-cha {
background: #ea6b48;
padding:.1rem .3rem;
color: #fff;
font-size: 0.5rem;
margin-left:.1rem;
border-radius:.1rem
}
/*列表*/
.aui-list {
width: 100%;
padding: 0 15px;
}
.aui-list .aui-list-item {
position: relative;
font-size: 0.8rem;
background-color: #ffffff;
border-bottom: 2px solid #bac6d0 !important;
border-radius:.25rem
}
.aui-list .aui-list-item:hover {
background-color: #fcfcfc;
cursor: pointer
}
.aui-list .aui-list-item .aui-list-item-position {
position: absolute;
right:.2rem;
top:.1rem;
font-size:.2rem;
}
.aui-list .aui-content {
overflow: hidden;
}
.aui-list.aui-list-noborder, .aui-list.aui-list-noborder {
border-top: none;
}
.aui-list .aui-list-header {
background-color: #ececec;
color: #212121;
position: relative;
font-size: 0.6rem;
padding: 0.4rem 0.75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-list .aui-list-item {
list-style: none;
margin: 0;
margin-bottom:.5rem;
padding: 0;
padding-left: 0.5rem;
color: #212121;
border-bottom: 1px solid #dddddd;
position: relative;
min-height: 2.2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.aui-list.aui-list-noborder .aui-list-item:last-child {
border-bottom: 0;
}
.aui-list .aui-list-item-inner {
position: relative;
min-height: 2.2rem;
padding-right: 0.5rem;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-list .aui-list-item:active {
background-color: #f5f5f5;
}
.aui-list .aui-list-item-text {
font-size: 0.9rem;
color: #757575;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
.aui-list .aui-list-item-text5 {
font-size: 0.9rem;
color: #757575;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;text-align:center; margin-top:.2rem; background:#f6f6fb; padding:.5rem
}
.aui-list .aui-list-item-title {
font-size: 0.9rem;
position: relative;
max-width: 100%;
color: #666;
}
.aui-list .aui-list-item-title i {
margin-right: 0.3rem
}
.aui-list .aui-list-item-text i {
margin-right: 0.2rem
}
.aui-list .aui-list-item-right, .aui-list-item-title-row em {
max-width: 50%;
position: relative;
font-size: 0.6rem;
color: #757575;
margin-left: 0.25rem;
}
.aui-list .aui-list-item-inner p {
overflow: hidden;
}
.aui-list .aui-list-media-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.aui-media-list-item-inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.aui-media-list .aui-list-item {
display: block;
}
.aui-media-list .aui-list-item-inner {
display: block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.aui-media-list-item-inner + .aui-info {
margin-right: 0.75rem;
}
.aui-list .aui-list-item-media {
width: 4.5rem;
position: relative;
padding: 0.5rem 0;
padding-right: 0.75rem;
display: inherit;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.aui-list .aui-list-item-media img {
width: 100%;
display: block;
}
.aui-list .aui-list-item-media-list {
margin-top: 0.25rem;
padding-right: 0;
display: block;
}
.aui-list [class*=aui-col-xs-] img {
max-width: 100%;
width: 100%;
display: block;
}
.aui-list-item-middle .aui-list-item-inner:after {
display: block;
}
.aui-list .aui-list-item-middle > .aui-list-item-media, .aui-list .aui-list-item-middle > .aui-list-item-inner, .aui-list .aui-list-item-middle > * {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-list .aui-list-item-center > .aui-list-item-media, .aui-list .aui-list-item-center > .aui-list-item-inner, .aui-list .aui-list-item-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.aui-list .aui-list-item i.aui-iconfont {
-webkit-align-self: center;
align-self: center;
font-size: 0.8rem;
}
.aui-list-item-inner.aui-list-item-arrow {
overflow: hidden;
padding-right: 1.5rem;
}
.aui-list-item-arrow:before {
content: '';
width: 0.4rem;
height: 0.4rem;
position: absolute;
top: 50%;
right: 0.75rem;
margin-top: -0.2rem;
background: transparent;
border: 1px solid #999;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.aui-collapse-content .aui-list-item-arrow:before {
content: '';
width: 0.4rem;
height: 0.4rem;
position: absolute;
top: 50%;
right: 0.75rem;
margin-top: -0.2rem;
background: transparent;
border: 1px solid #4db8ec;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.aui-icon-bg {
background: #5a9df5;
color: #fff;
border-radius: 2rem;
width: 2rem;
height: 2rem;
text-align: center;
font-size: 1rem !important;
line-height: 2rem;
display: inline-block
}
.aui-list-item.aui-list-item-arrow {
padding-right: 0.75rem;
}
.aui-list label {
line-height: 1.3rem;
font-size:.9rem
}
.aui-list.aui-form-list .aui-list-item:active {
background-color: #ffffff;
}
.aui-content-padded .aui-form-list{
background-color: #ffffff; border-radius:3px; margin-bottom:.5rem; padding:.2rem .6rem
}
.aui-main .aui-form-list{
background-color: #ffffff; border-radius:3px; margin-bottom:.5rem; padding:.2rem .6rem;
width:93%; margin:0 auto
}
.aui-list.aui-form-list .aui-list-item-inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0;
}
.aui-list .aui-list-item-label, .aui-list .aui-list-item-label-icon {
color: #212121;
font-size:.9rem;
width: 48%;
min-width: 1.5rem;
margin: 0;
padding: 0;
padding-right: 0.25rem;
line-height: 2.2rem;
position: relative;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.aui-list .aui-list-item-label-icon {
width: auto;
padding-right: 0.75rem;
}
.aui-list .aui-list-item-input {
width: 100%;
padding: 0;
padding-right: 0.5rem;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-shrink: 1;
flex-shrink: 1;
}
.aui-list.aui-select-list .aui-list-item:active {
background-color: #ffffff;
}
.aui-list.aui-select-list .aui-list-item-inner {
display: block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
-webkit-align-self: stretch;
align-self: stretch;
}
.aui-list.aui-select-list .aui-list-item-label {
width: auto;
min-width: 2.2rem;
padding: 0.5rem 0;
padding-right: 0.75rem;
}
.aui-list.aui-form-list .aui-list-item-btn {
padding: 0.75rem 0.75rem 0.75rem 0;
}
.aui-list textarea {
overflow: auto;
margin: 0.5rem 0;
height: 3rem;
line-height: 1rem;
resize: none;
}
.aui-list .aui-list-item-right .aui-badge, .aui-list .aui-list-item-right .aui-dot {
display: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.aui-list {
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: top;
}
.aui-list .aui-list-item {
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: bottom;
}
.aui-list.aui-list-in .aui-list-item {
border: none;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: 0.75rem bottom;
background-image: linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
background-image: -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
}
.aui-list.aui-list-in .aui-list-item:last-child {
background-position: bottom;
}
.aui-list.aui-list-noborder, .aui-list.aui-list-noborder .aui-list-item:last-child {
border: none;
background-size: 100% 0;
background-image: none;
}
}
/*升降机*/
.sjji-box {
background: url(../images/sjj.bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
margin:0 .8rem
}
.sjj-tip3 {
position: absolute;
top: 30%;
left: 1.6rem;
animation: myfirst 5s;
animation: wrapper-gradient2 2s linear;
}
@keyframes wrapper-gradient2 {
100% {
transform: translateY(0);
}
0% {
transform: translateY(-100%);
}
}
.sjj-tip-img-s {
background: url(../images/sjj-a.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: 49px;
height: 40px;
}
.sjj-px {
position: relative;
display: inline-block;
margin: 0;
width: 11rem;
overflow: hidden;
height: 100%;
}
.sjj-tip-img {
background: url(../images/sjj_box.png);
display: inline-block;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
width: .6rem;
height: .7rem;
}
.sjj-tip-text {
position: absolute;
top: 2rem;
right: 0;
background: #ff9746;
border-radius: 6px;
overflow: hidden;
display: inline-block;
padding: 5px;
font-size: 1rem;
font-weight: 600;
color: #fff;
text-align: left;
}
.aui-flex-img img {
width: 60px;
height: 60px;
display: block;
border: none;
border-radius: .62rem;
}
.aui-flex-img {
width: 60px;
height: 60px;
margin-right: 0.8rem;
}
.projectbox {
width: 100%
}
.projectbox li dd table {
border: 1px solid #dcebfe;
background: #bce5f6;
padding: 2% 0.1rem;
height: 10%;
margin: 1% 0;
text-align: center;
font-size:.16rem
}
.projectbox li dd table .num-span {
font-weight: bold;
display: inline-block;
width: 100%;
font-size: 1rem;
line-height: 1.6rem;
background-size: auto;
background-size: 100% 100%;
text-align: center;
}
.font20 {
font-size:.8rem;
color: #333;
margin:.5rem 0
}
.font8 {
font-size:.8rem;
color: #333;
}
.td_zs {
color: #37a2f4;
}
.td_ycl {
color: #19c7a5;
}
.td_wcl {
color: #d0593b;
}
.font30 {
font-size: 1rem
}
.projectboxall {
border: 1px solid #255791;
padding: 0.08rem;
background-size: 100% auto;
position: relative;
overflow: hidden;
z-index: 10;
}
.aui-flex-box h2::before {
width: .3rem;
height: 1rem;
top: 0.8rem;
position: absolute;
content: "";
background: #2d81f4;
border-radius: 20px;
left: 0;
}
.barbox6 {
width: 100%
}
.text-c {
color: #666;
font-size:.6rem;
margin-left:.8rem
}
.sjjtrain-ul {
overflow: hidden;
width: 100%
}
.wtrain2-ul li {
font-size:.8rem
}
.wtrain2-ul li span {
width: 65%;
display: inline-block;
border: none
}
.wtrain2-ul li span:nth-child(2) {
width: 35%;
display: inline-block;
}
.sjjtrain-ul li span {
width: 65%;
display: inline-block;
border: none;
color: #333;
font-size:.8rem
}
.sjjtrain-ul li span:nth-child(2) {
width: 35%;
display: inline-block;
}
.sjjtrain-ul li:nth-child(2n) {
}
.sjjtrain-ul li i {
font-size: 1rem
}
.sjjtrain-ul li {
line-height: 2.6rem;
border-bottom: 1px solid #ddd;
}
/*选择框样式*/
.aui-select { /*清除默认样式*/
padding-right: 1.2rem;
padding-left: 0.2rem;
color: #afbac0;
font-size: .9rem;
border: 1px solid #ddd;
border-radius: 5px;
line-height: 1.6rem;
outline: none;
margin: 0 auto;
/*去掉默认的下拉三角*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/*添加下拉三角图标*/
background: url("../images/tranger-icon.png") no-repeat right center transparent;
}
.aui-select option{ border: 1px solid #ddd;}
.aui-table {
width: 100%;
padding: 7px;
}
.div_clzt {
float: left;
text-align: center;
font-size: .8rem;
}
.div_count {
font-weight: bold;
font-size: .9rem;
color:#333
}
.div_count_2 {
font-weight: bold;
font-size: 1rem;
}
.div_clzt2 {
float: left;
text-align: center;
font-size: .8rem;
margin-left: 15px;
}
.aui-table td {
padding:.8rem 0
}
.aui-hr td {
border-bottom: 1px solid #f2f2f2;
}
.aui-timeline-item-label-icon {
width: 3rem;
height: 3rem;
font-size: 0.7rem;
line-height: 3.0rem;
font-weight: bold;
color: #fff;
border-radius: 50%;
text-align: center;
}
.aui-a-icon {
width: 1.26rem;
height: 1.25rem;
font-size:1.8rem !important;
font-weight:normal !important;
line-height: 1.1rem;
margin-right:.2rem;
color: #fff;
display:inline-block;
border-radius: 50%;
text-align: center;
}
.aui-margin-r{ margin-left:.5rem}
.aui-dtitle{ margin:0rem .8rem; font-size:.9rem; color:#333}
.aui-top-bg1 {
background-image: linear-gradient(to bottom, #9fc2fe, #7caffe);
}
.aui-top-bg2 {
background-image: linear-gradient(to bottom, #83e7e8, #76dcde);
}
.aui-top-bg4 {
background-image: linear-gradient(to bottom, #c8b6fb, #b294f5);
}
.aui-top-bg3 {
background-image: linear-gradient(to bottom, #8aeab3, #65da94);
}
.aui-news-box i {
color: #0d6feb;
margin-right:.3rem
}
.info_text {
font-size: .8rem;
}
#gundong {
overflow: hidden;
font-size: .8rem;
height: 1.3rem;
line-height: 20px;
}
#gundong a {
color: #333;
}
#gundongAreaMain1 {
float: left;
width: 800%;
}
#gundongAreaMain2, #gundongAreaMain3, #gundongAreaMain2 li, #gundongAreaMain3 li {
float: left;
margin:0 .5rem
}
.aui-radio,
.aui-checkbox {
width: 1.2rem;
height: 1.2rem;
background-color: #ffffff;
border: solid 1px #dddddd;
-webkit-border-radius: 0.6rem;
border-radius: 0.6rem;
font-size: 0.8rem;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
vertical-align: top;
cursor: default;
-webkit-appearance: none;
-webkit-user-select: none;
user-select: none;
-webkit-transition: background-color ease 0.1s;
transition: background-color ease 0.1s;
}
.aui-checkbox {
border-radius: 0.1rem;
}
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
background-color: #03a9f4;
border: solid 1px #03a9f4;
text-align: center;
background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
content: '';
width: 0.5rem;
height: 0.3rem;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.25rem;
margin-top: -0.25rem;
background: transparent;
border: 1px solid #ffffff;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
background-color: #dddddd;
border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
content: '';
width: 0.5rem;
height: 0.3rem;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.25rem;
margin-top: -0.25rem;
background: transparent;
border: 1px solid #ffffff;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tab-head{
list-style-type: none;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0 .6rem;
overflow:auto;
}
.tab-head-item{
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;
color:#555;
font-size:.8rem;
padding:0 4px;
}
.tab-head span {
font-family: "新宋体";
margin: 0 5px;
}
/*tab切换类*/
.aui-tab {
position: relative;
background-color: #ffffff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-self: center;
align-self: center;
}
.aui-tab-item {
width: 100%;
height: 2.8rem;
line-height: 2.8rem;
position: relative;
font-size: 1rem;
text-align: center;
color: #212121;
margin-left: -1px;
-webkit-box-flex: 1;
box-flex: 1;
}
.aui-tab-item.aui-active {
color: #039be5;
border-bottom: 2px solid #039be5;
}
*对齐,显示，隐藏等*/
.aui-pull-right {
float: right !important;
}
.aui-pull-left {
float: left !important;
}
.aui-hide {
display: none !important;
}
.aui-show {
display: block !important;
}
.aui-invisible {
visibility: hidden;
}
.aui-inline {
display: inline-block;
vertical-align: top;
}
/*时间轴*/
.aui-timeline {
position: relative;
padding: 0;
list-style: none;
}
.aui-timeline:before {
content: '';
position: absolute;
top: 0;
left: 1.85rem;
width: 2px;
height: 100%;
background: #ececec;
z-index: 0;
}
.aui-timeline .aui-timeline-item {
position: relative;
margin-bottom: 0.75rem;
}
.aui-timeline .aui-timeline-item-header {
background-color: #ececec;
padding: 0.2rem 0.5rem;
margin: 0.75rem;
text-align: center;
display: inline-block;
position: relative;
z-index: 1;
font-size: 0.7rem;
}
.aui-timeline .aui-timeline-item-label {
width: 2.5rem;
height: 1.5rem;
line-height: 1.5rem;
font-size: 0.7em;
background-color: #ececec;
position: absolute;
text-align: center;
left: 0.75rem;
top: 0;
}
.aui-timeline .aui-timeline-item-label-icon {
width: 1.5rem;
height: 1.5rem;
font-size: 0.7rem;
line-height: 1.5rem;
background-color: #ececec;
position: absolute;
border-radius: 50%;
text-align: center;
left: 1.15rem;
top: 0;
}
.aui-timeline .aui-timeline-item-inner {
margin-left: 3.75rem;
margin-right: 0.75rem;
padding: 0;
position: relative;
}
/*卡片列表布局*/
.aui-card-list {
position: relative;
margin-bottom: 0.75rem;
background: #f2f2f2;
}
.aui-card-list-header,
.aui-card-list-footer {
position: relative;
min-height: 2.2rem;
padding: 0.5rem 0.75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-card-list-header {
font-size: 0.8rem;
color: #212121;
border-bottom:1px dashed #ddd
}
.aui-card-list-header.aui-card-list-user {
display: block;
}
.aui-card-list-user-avatar {
width: 2rem;
float: left;
margin-right: 0.5rem;
}
.aui-card-list-user-avatar img {
width: 100%;
display: block;
}
.aui-card-list-user-name {
color: #212121;
position: relative;
font-size: 0.7rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-card-list-user-name > *,
.aui-card-list-user-name small {
position: relative;
}
.aui-card-list-user-name small {
color: #757575;
}
.aui-card-list-user-info {
color: #757575;
font-size: 0.6rem;
}
.aui-card-list-content {
position: relative;
}
.aui-card-list-content-padded {
position: relative;
padding: 0.5rem 0.75rem;
}
.aui-card-list-content,
.aui-card-list-content-padded {
word-break: break-all;
font-size: 0.7rem;
color: #212121;
}
.aui-card-list-content img,
.aui-card-list-content-padded img {
width: 100%;
display: block;
}
.aui-card-list-footer {
font-size: 0.9rem;
color: #757575;
margin-top:.3rem
}
.aui-card-list-footer > * {
position: relative;
}
.aui-card-list-footer.aui-text-center {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.aui-card-list-footer.aui-text-right {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: right;
box-pack: right;
-webkit-justify-content: right;
justify-content: right;
}
.aui-card-list-footer .aui-iconfont {
font-size: 0.9rem;
}
.aui-switch {
width: 2.3rem;
height: 1.2rem;
margin:0 .2rem;
position: relative;
vertical-align: top;
border: 1px solid #dddddd;
background-color: #dddddd;
border-radius: 0.6rem;
background-clip: content-box;
display: inline-block;
outline: none;
-webkit-appearance: none;
appearance: none;
-webkit-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.aui-switch:before {
width: 1.1rem;
height: 1.1rem;
position: absolute;
top: 0;
left: 0;
border-radius: 0.6rem;
background-color: #fff;
content: '';
-webkit-transition: left 0.2s;
transition: left 0.2s;
}
.aui-switch:checked {
border-color: #03a9f4;
background-color: #03a9f4;
}
.aui-switch:checked:before {
left: 1.1rem;
}
.aui-bar-btn {
position: relative;
font-size: 0.7rem;
display: table;
white-space: nowrap;
margin: 0 auto;
padding: 0;
border: none;
width: 100%;
min-height: 1.8rem;
}
.aui-bar-btn-item {
display: table-cell;
position: relative;
width: 1%;
line-height: 1.6rem;
text-align: center;
vertical-align: middle;
border-radius: 0;
position: relative;
border-width: 1px;
border-style: solid;
border-color: #03a9f4;
border-left-width: 0;
}
.aui-bar-btn .aui-input,
.aui-bar-btn input,
.aui-bar-btn select {
padding-left: 0.25rem;
padding-right: 0.25rem;
height: 1.8rem;
}
.aui-bar-btn-sm {
min-height: 1.3rem;
}
.aui-bar-btn.aui-bar-btn-sm .aui-input,
.aui-bar-btn.aui-bar-btn-sm input,
.aui-bar-btn.aui-bar-btn-sm select {
height: 1.2rem;
}
.aui-bar-btn-sm .aui-bar-btn-item {
line-height: 1.3rem;
font-size: 0.6rem;
}
.aui-bar-btn-item.aui-active {
background-color: #03a9f4;
color: #ffffff;
}
.aui-bar-btn-item:first-child {
border-left-width: 1px;
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.aui-bar-btn-item:last-child {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
border-left: 0px;
}
.aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:first-child {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.aui-bar-btn.aui-bar-btn-full .aui-bar-btn-item:last-child {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:first-child {
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.aui-bar-btn.aui-bar-btn-round .aui-bar-btn-item:last-child {
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.aui-bar-nav .aui-bar-btn {
margin-top: 0.45rem;
margin-bottom: 0.4rem;
min-height: 1.3rem;
}
.aui-bar-nav .aui-bar-btn-item {
line-height: 1.3rem;
border-color: #ffffff;
}
.aui-bar-nav .aui-bar-btn-item.aui-active {
background-color: #ffffff;
color: #03a9f4;
}
.aui-bar-nav.aui-bar-light .aui-bar-btn-item {
border-color: #03a9f4;
}
.aui-bar-nav.aui-bar-light .aui-bar-btn-item.aui-active {
background-color: #03a9f4;
color: #ffffff;
}
.aui-bar-nav > .aui-bar-btn {
width: 50%;
}
.aui-info {
position: relative;
padding: 0.5rem 0;
font-size: 0.7rem;
color: #757575;
background-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-info-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.aui-info-item > *,
.aui-info > * {
display: inherit;
position: relative;
}
.margin-left-5{ margin-left:.5rem}
.aui-grid {
width: 100%;
background-color: #ffffff;
display: table;
table-layout: fixed;
}
.aui-border-r { border-right:1px solid #ddd}
.aui-border-b { border-bottom:1px solid #ddd}
.aui-inputlist li span{width: 33.33%;
float: left; display:inline-block; padding:.5rem; text-align:center}
.aui-inputlist li span .aui-input2{ border:1px solid #ddd; background:#fff; height:1.8rem;padding:0 .5rem}
.aui-inputlist li span .aui-select-b{border:1px solid #ddd; height:1.8rem; padding:0 .5rem}
.aui-inputlist li:nth-child(odd){ background:#f6f6fb; padding:0; clear:both; overflow:hidden}
.aui-inputlist { overflow:hidden}
.aui-collapse-header.aui-active {
background: #ececec;
}
.aui-collapse .aui-list-item:active{
background: #ececec;
}
.aui-collapse-content {
display: none;
}
.aui-content-padded .aui-collapse .aui-collapse-content li{ background:#f5f5f5!important; border-bottom:1px dashed #ddd!important; margin-bottom:.1rem}
.aui-collapse-content .aui-list-item-text{ padding:0 .6rem}
.aui-collapse-content .aui-list-item:last-child {
border-bottom: 0;
}
.aui-content-padded .aui-collapse { background:#fff; padding:0px!important}
.aui-content-padded .aui-collapse .aui-list-item {
list-style: none;
margin: 0;
padding: .3rem .6rem !important;
color: #212121;
font-size:1rem!important;
border-radius:0!important;
border-bottom: 1px solid #dddddd !important;
position: relative;
min-height: 2.2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@font-face {
font-family: "aui_iconfont";
src: url('../font/aui-iconfont.ttf') format('truetype');
}
.aui-iconfont {
position: relative;
font-family:"aui_iconfont" !important;
font-size: 0.8rem;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.aui-collapse-header.aui-active .aui-collapse-arrow {
display: block;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.aui-icon-down:before { content: "\e6f7"; }
.aui-icon-trash:before {
content: "\e6d4";
border:1px solid #f25067;
background:#f25067;
color:#fff;
border-radius:50%;
font-size:.8rem; padding:.2rem .18rem
}.aui-list-text9 {
font-size: .8rem;
}
.aui-pull-right{ float:right}
.aui-text-list .aui-list-item-title{ margin:.5rem .8rem; background:#efefef; border-radius:3px; padding:.4rem}
.aui-text-list p{margin-top:.2rem; }
.aui-text-list .aui-list-item-inner{ margin:.0rem .8rem; padding:.4rem}
.aui-bar-tab2 label{ margin:.0rem .5rem;}
.aui-bar-tab2 .aui-checkbox{ border:1px solid #c1c1c1}
.aui-list-item-title ul li .aui-checkbox{margin:.0rem .3rem;}
.aui-list-item-title ul li {padding:.2rem; border-bottom:1px dotted #ddd}
.aui-text-list h4{ margin:.5rem .8rem;}
.aui-bar-tab2 {
position: fixed;
top: auto;
bottom: 2.5rem;
table-layout: fixed;
background-color: #dddddd;
color: #333;
width:100%;
text-align:center;
padding:.75rem 1rem
}
.aui-icon-correct:before {
content: "\e6e5";
}
.aui-icon .aui-badge{ left:62% !important}
.icon-nav1{ background:url(../images/nav-006.png) ; width:20px; height:20px; display:inline-block; position:relative;top:4px}
.icon-nav2{ background:url(../images/nav-007.png); width:20px; height:20px; display:inline-block; position:relative;top:4px}
.icon-nav3{ background:url(../images/nav-003.png); width:20px; height:20px; display:inline-block; position:relative;top:4px}
.icon-nav4{ background:url(../images/nav-008.png); width:20px; height:20px; display:inline-block; position:relative;top:4px}
.chart-legend table {
margin:1rem;
width: 90%; font-size:.9rem }
.chart-legend table tr td {
padding: 6px;
vertical-align: middle; }
.chart-legend table tr:nth-of-type(2n+1) {
background-color:
#f5f5f5;
}
.chart-legend-color > span {
display:inline-block; margin-right:6px;
background-color: #f2f2f2;
height: 10px;
width: 10px; }
.chart-legend-value { color:#34a853;
text-align: right; }
.chart-legend-horizontal {
margin: 0;
padding: 0;
list-style: none;
line-height: 14px; }
.chart-legend-horizontal > li {
display: inline-block; }
.chart-legend-horizontal > li + li {
margin-left: 14px; }
.chart-legend-horizontal > li > span {
display: inline-block;
height: 10px;
width: 10px;
border-radius: 50%;
background-color: #f2f2f2;
margin-right: 2px; }
.ry-table { width:100%; font-size:.9rem }
.ry-table .aui-label{ margin:0 .1rem; margin-bottom:.4rem ; font-size:.8rem}
.ry-box{ padding:.8rem}
.ry-box .aui-label{ margin:0 .1rem; margin-bottom:.4rem ;}
.ry-table td{padding:.2rem}
img.aui-img-round {
border-radius: 50%;
}
.aui-health-box .aui-collapse-header .aui-iconfont{ font-weight:bold; font-size:.9rem; color:#f47a21;}
.aui-health-box .aui-card-list-content-padded{ padding:0}
.aui-shaiyan .aui-active .hiddipaly{ display:none}
.aui-health-box .aui-collapse-header.aui-active {
background:
#fff;
}
.aui-list-item-inner.aui-list-item-arrow2 {
overflow: hidden;
padding-right: 1.0rem;
}
.aui-list-item-arrow2:before {
content: '';
width: 0.4rem;
height: 0.4rem;
position: absolute;
top: 23%;
right: 0.55rem;
margin-top: -0.2rem;
background: transparent;
border: 1px solid #999;
border-top: none;
border-right: none;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.width80{ width:78%}
.baz-table2{ width:100%; display:inline-table; font-size:.9rem }
.baz-table2 td{ border-bottom:1px dotted #ddd; padding:.4rem .1rem }
.baz-table2 td:nth-child(2){ color:#333}
.bz-table a{color: #08acee;}
.bz-table td{ padding:.5rem; text-align:center}
.bz-table th{ padding:.5rem; text-align:center}
.bz-table tbody tr:nth-of-type(2n) {
background-color:
#f2f5f9;
}
.ba-title h2 {
text-align: center;
font-size: 1rem;
margin: .05rem;
font-weight: normal;
}
.bz-table { width:100%; font-size:.9rem}
.txtlab
{
background-color:#dcd3d3;
width:100%; padding-left:5px;
}
.txtlab2
{
background-color:#dcd3d3;
width:100%; height:30px; padding-left:5px;
}
.main_nav li
{
border-right:1px solid #ddd
}
.main_nav
{
padding:0
}
.tbtxt td
{
border-bottom:1px solid #ddd;
font-size:14px
}
.td_val
{
text-align:left
}
.td_txt
{
font-weight:bold;
width:80px; padding:5px;
color:#32A9FD; text-align:right
}
.tb_show
{
width:100%;
}
.tb_show td
{
border-bottom:1px solid #ddd; height:70px; font-weight:bold;
}
.ts_title
{
width:15%;
font-size:25px;
padding-left:5px;
}
.ts_val
{
width:55%;
font-size:35px;
text-align:center
}
.ts_tp
{
width:5%;
text-align:left;
}
.ts_vs
{
width:25%;
font-size:25px;
text-align:center; padding:0;
color:white;
}
.sp_vs
{
background-color:Green;
border-radius:10%;
padding:5px;
}
.ul_tab
{
width:100%; height:30px;
}
.ul_tab li
{
width:49.7%; height:30px; float:left ;text-align:center; line-height:30px; border-bottom:1px solid #ddd;
border-left:1px solid #ddd; cursor:pointer;
font-size:15px
}
.ul_tab_on
{
background-color:#32A9FD; color:white; font-weight:bold;
}
#tb_yj td
{
font-size:13px
;text-align:center;
border-bottom:1px solid #ddd; padding:2px;
}
#tb_yj th
{
text-align:center; border-bottom:1px solid #ddd;
color:#32A9FD; font-size:13px
}
#tb_yj tr
{
cursor:pointer;
}
.tb_yjtj
{
width: 100%;
padding: 5px;
text-align: left;
padding-top: 3px;
padding-left: 10px;
background:#fff
}
#tb_yj
{
width:100%
}
.tb_yjtj td
{
padding:.4rem .2rem;
}
.tr_line td
{
border-bottom: 1px dashed #ddd;
}
.tb_yjtj img
{
width: 25px;
height: 25px;
vertical-align: middle;
}
.div_htxt
{
float: left;
text-align: center;
font-size: 12px;
}
.div_count span
{
font-size: 10px;
font-weight: normal;
color: #747272;
padding-left: 3px;
}
#SP_wind {
font-size: 13px;
}
#div_QSTLoad {
width: 100%;
margin: 0 2%;
height: 240px;
border-top:1px solid #ddd;
padding-top:5px;
}
.aui-icon-menu::before {
content: "\e6eb";
}
.txtlab {
background-color: #dcd3d3;
width: 100%;
padding-left: 5px;
}
.txtlab2 {
background-color: #dcd3d3;
width: 100%;
height: 30px;
padding-left: 5px;
}
.main_nav li {
border-right: 1px solid #ddd;
}
.main_nav {
padding: 0;
}
.tbtxt td {
border-bottom: 1px solid #ddd;
font-size: 14px;
}
.td_val {
text-align: left;
}
.td_txt {
font-weight: bold;
width: 80px;
padding: 5px;
color: #32A9FD;
text-align: right;
}
.tb_show {
width: 100%;
}
.tb_show td {
border-bottom: 1px solid #ddd;
height: 70px;
font-weight: bold;
}
.ts_title {
width: 15%;
font-size: 25px;
padding-left: 5px;
}
.ts_val {
width: 55%;
font-size: 35px;
text-align: center;
}
.ts_tp {
width: 5%;
text-align: left;
}
.ts_vs {
width: 25%;
font-size: 25px;
text-align: center;
padding: 0;
color: white;
}
.sp_vs {
background-color: Green;
border-radius: 10%;
padding: 5px;
}
.ul_tab {
width: 100%;
height: 30px;
}
.ul_tab li {
width: 49.7%;
height: 30px;
float: left;
text-align: center;
line-height: 30px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
cursor: pointer;
font-size: 15px;
}
.ul_tab_on {
background-color: #32A9FD;
color: white;
font-weight: bold;
}
#tb_yj td {
font-size: .8rem;
text-align: center;
border-bottom: 1px solid #ddd;
padding: 2px;
}
#tb_yj th {
text-align: center;
border-bottom: 1px solid #ddd;
color: #32A9FD;
font-size: .8rem;
}
#tb_yj tr {
cursor: pointer;
}
.tjinfoTable {
width: 100%;
}
.tjinfoTable td {
padding-left: 5px;
padding-top: 5px;
}
.tjinfoTable th {
text-align: center;
}
.tjinfoTable th img {
width: 60%;
}
.fc_37a2f4 {
color: #37a2f4;
}
.br_efefef {
border-right: 1px solid #efefef;
}
.fc_19c7a5 {
color: #19c7a5;
}
.bb_efefef {
border-bottom: 1px solid #efefef;
}
.fb_b {
font-weight: bolder;
}
.fs_18 {
font-size: .9rem;
}
.fs_22 {
font-size: .9rem;
}
.fc_cccccc {
color: #cccccc;
}
.bb_efefef {
border-bottom: 1px solid #efefef;
}
.fc_000000 {
color: #000000;
}
.tb_yjtj {
width: 100%;
padding: 5px;
text-align: left;
padding-top: 3px;
padding-left: 10px;
}
.tb_yjtj td {
padding: 3px 0 5px 0;
}
.tr_line td {
border-bottom: 1px solid #ddd;
}
.tb_yjtj img {
width: 25px;
height: 25px;
vertical-align: middle;
}
.div_htxt {
float: left;
text-align: center;
font-size: 12px;
}
.div_count span {
font-size: 10px;
font-weight: normal;
color: #747272;
padding-left: 3px;
}
#SP_wind {
font-size: .9rem;
}
.fs_12 {
font-size: .9rem;
color: #747272;
}
.fs_12 img {
width: 27%;
vertical-align: middle;
}