html, body {
	color: #333;
	margin: 0;
	height: 100%;
	background: #f2f6fc;
	font-family: "Helvetica", "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
* {
	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: #f8f8f8;
	
}
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;
}
.aui-health-qzhead {
    width: 100%;
    height: 10rem;
    background: url(../img/headbg.png) top center;
    background-size: 100% 100%;
    position: relative;
}

.aui-palace-two .aui-palace-grid {
    width: 33.333%;
    position: relative;
    float: left; text-align: center;
    padding: 1px .8rem;
    box-sizing: border-box;
    margin: .8rem 0;
}
.aui-palace-two .aui-palace-grid h3{font-size: 1.2rem;}
.aui-palace-two .aui-palace-grid h3 span{font-size: .6rem; font-weight: normal; margin-left: .2rem;}
.aui-palace-two .aui-palace-grid h3 img{width: 3.4rem;}
.aui-icon .aui-palace-grid-icon {
    width: 3rem;
  
    position: relative;
    border-radius: 2rem; 
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: .2rem;
    margin: 0 auto;
}
.aui-badge {
    display: inline-block;
    width: auto;
    text-align: center;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.2rem;
    font-size: 0.6rem;
    color: #ffffff;
    background-color: #ff1c00;
    border-radius: 0.5rem;
    position: absolute;
    top: -.2rem;
    right:.8rem;
    z-index: 99;
}
.aui-icon .aui-palace-grid-icon img {
    width: 100%;
}

.aui-health-box {
    background: #fff;
    border-radius: 6px;
    width: 96%;
    margin: 0 auto ; position: relative;
    box-shadow: 0 5px 15px #dadada;
	overflow: hidden;
}
.aui-palace-grid-text{position: relative;}
.aui-palace-grid-text h3 font{font-size: .6rem; font-weight: normal; }
.aui-palace-grid-text h2{font-size: .9rem; color: #2e4059; font-weight: normal; text-align: center; margin: 0; padding: 0;}
.m-t2{margin-top: -2.2rem;}
.m-t5{margin-top: .5rem;}

.mt-5 {margin-top: .5rem;}


 .card-title  {
    color: #2fa5f4;
    padding: .5rem ;  font-size: .95rem;
    position: relative;     background: #f3f7fc;
    border-bottom: 1px solid #f0f3fc;
    display: flex; 
    align-items: center; justify-content: space-between;
    padding-left: 15px;
}
.card-title  span{display: flex; align-items: center; }
.card-title  span img{margin-right: 6px;}
.card-title .more{ position: absolute; top: .6rem; right: .3rem; font-size: .8rem; font-weight: normal; }

.user-text{padding: .2rem .3rem;}
.user-text h2{background: #c0e9ff -webkit-linear-gradient(right, #18e7e6 20%, #c0e9ff 60%, #18e7e6) no-repeat 0 0;
    background-size: auto;
    background-clip: border-box;
  background-size: auto;
  background-clip: border-box;
  -webkit-background-clip: text;font-size: 1.1rem;
  -webkit-text-fill-color: transparent;}
.user-list{ display: flex; align-items: center; color: #fff; padding:1.5rem .5rem;}

.user-list h2 p{margin-top: .5rem; font-weight: normal;}
.user-img {width: 3.8rem; margin-right: 3px;}
.user-img img{ width: 100%;border-radius: 50%;}
.user-p{color: #fff;   font-size: .8rem; margin: 0;}
.user-p span{background:rgba(255, 255, 255, 0.3); font-size: .8rem; color: #fff; padding: .2rem .8rem; border-radius: 10px;}
.jlxftext {
    background:rgba(255,255,255,0.3);
    border: 1px solid rgba(0, 212, 211, 0.3);
    background-size: 100% 100%;
    border-radius: 20px;
    color: #fff;
    font-size: .8rem;
    padding: 2px 8px;
    display:inline-block;
    margin: 5px 0;
    margin-right: 5px;
  }
.aui-video{padding: .5rem;}



/*选择标签*/


.kcbox ul{ padding: 0px; flex-wrap: wrap;}
.kcbox li{width: 100%; display: flex; align-items: center; margin: 10px 0;   position: relative;background: #fff;

 box-shadow: 0 1px 5px 0px rgb(115 108 203 / 23%); border-radius: 5px;}
 .kcbox .wra{width:4rem;  padding-top: 5px; text-align: center;  border-right: 1px dotted #f2f6fc;}
.kcbox .wra img { 
   width: 3rem;
   height: 3rem;
}
.kcbox .wra .ba_lable {
   background: #2fa9f1;
   color: #fff !important;
   position: absolute;
   top: 0px; left: 0px;
   padding: 5px 10px;
   top: 1px;
   left: 1px;
   font-size: 12px;
   z-index: 100;
}

.kctext{ padding: 5px 8px;width: 80%; }
.kctext h2{color: #333; font-size: 14px;  display: flex;margin-top: 3px; font-weight: normal;}
.kctext h3{color: #666; font-size: 12px; font-weight: normal; display: flex;margin-top: 3px;}
.kctext h3 span{display: flex; align-items: center; margin-right: 10px;}
.kctext h3 img{width: 16px; margin-right: 3px;}
  .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('../img/icon_foot_17.png');
        }
        .aui-tabBar-item-active .icon-loan {
            background-image: url('../img/icon_foot_03.png');
        }
        .aui-tabBar-item-active .icon-car {
            background-image: url('../img/icon_foot_20.png');
        }
        .icon-credit {
            background-image: url('../img/icon_foot_10.png');
        }
        .aui-tabBar-item-active .icon-credit {
            background-image: url('../img/icon_foot_18.png');
        }
        .aui-tabBar-item-active i {
            color: #0a7ff3 !important
        }
        .icon-ions {
            background-image: url('../img/icon_foot_05.png');
        }
        .icon-car {
            background-image: url('../img/icon_foot_07.png');
        }
        .aui-footer-fixed {
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 49;
        }

        .icon {
            width: 20px;
            height: 20px;
            display: block;
            border: none;
            float: left;
            background-size: 20px;
            background-repeat: no-repeat;
        }
    
      
/*tab切换类*/
.aui-tab {
	position: relative;
    background: #f3f7fc;
    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.4rem;
    line-height: 2.4rem;
    position: relative;
    font-size: .95rem;
    font-weight: bold;
    text-align: center;
    color: #212121;
    margin-left: -1px;
    -webkit-box-flex: 1;
            box-flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
}
.aui-tab-item.aui-active {
    color: #17a1fd;
    border-bottom: 2px solid #17a1fd;
}.aui-pull-right {
	float: right !important;
}
.aui-pull-left {
	float: left !important;
}
.aui-hide {
	display: none !important;
}
.aui-show {
	display: block !important;
}

.aui-tab-item img{margin-right: 6px;}
#tab1-con{padding:0 .5rem;}
.aui-tab-item.aui-active .title_icon{content: url('../img/tab4_ac.png');}
.aui-tab-item.aui-active .title_icon2{content: url('../img/tab1_ac.png');}

.aui-icon .aui-palace-grid-icon {


    margin: 0 auto;
      margin-bottom: 0px;
    text-align: center;
    margin-bottom: .2rem;
  }

  .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: #6b74de !important;
}
.aui-icon-warning {
	color: #f9b76b !important;
}
.aui-icon-info {
	color: #67b3ff !important;
}
.aui-icon-success {
	color: #81d389 !important;
}
.aui-icon-pink {
	color: #eb72ce !important;
}


.yybox .card-title {
    color: #333;

}

.yybox .card-title::before {
    width: .22rem;
    height: .8rem;
    top: 0.8rem;
    position: absolute;
    content: "";
    background: #0c9dfd;
    border-radius: 20px;
    left: .5rem;
  }
  .yybox .aui-health-qzhead{height: 6rem;}
  .yybox .aui-health-qzhead h3{text-align: center; font-size: 1rem;  line-height: 4rem; color: #fff;}
  .yybox i{font-size: 2rem;}