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-flex-aqbox{padding: 1rem;}
.aui-flex-aqbox h1.aui-title2{font-size: 1rem; color: #fff;}
.aui-user-qzul{position: absolute ; top:1rem; right: 1.6rem; color: #fff;}
.aui-user-qzul h2{font-size: 1rem; color: #fff; margin-bottom: .6rem;}
.aui-user-qzul li{ background: #1d6de1; padding: .4rem .6rem; margin: .3rem 0; color: #fff; font-size: .9rem; border-radius: 3px;}
.aui-user-qzul li:first-child{background: none;  padding: 0;}
.aui-user-qzul li span{ color: #efe526; margin-right: 3px; font-weight: bold;}
.aui-user-qzul li .mr{margin-right: .5rem; color: #d3e4ff;}
select{-webkit-appearance:none;appearance:none;border:none;font-size:18px;padding:0px ;font-size: .9rem; padding-right: 13px; -webkit-box-sizing:border-box;box-sizing:border-box;background: url("../images/tranger-icon.png") no-repeat right center transparent;color:#fff;}
.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-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: #f59a23;
    border-radius: 0.5rem;
    position: absolute;
    top: -.3rem;
    right:-.2rem;
    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 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;}
.aui-text-white {
	color: #ffffff !important;
}
.aui-text-primary {
	color: #9b75ed !important;


}
.border-r{border-right: 1px solid #e9eeff;}
.aui-text-success {
	color: #4ece81 !important;
}
.aui-text-info {
	color: #4385fa !important;
}
.aui-text-warning {
	color: #f17c30 !important;
}

.aui-text-danger {
	color: #fb5f5f !important;
}
.badgebg1{background: #7076f7; border: 1px solid #fff;}
.badgebg2{background: #5da8f9; border: 1px solid #fff;}
.badgebg3{background: #c794fb; border: 1px solid #fff;}
.badgebg4{background: #69e098; border: 1px solid #fff;}
.badgebg5{background: #e08802; border: 1px solid #fff;}
.badgebg6{background: #f4825a; border: 1px solid #fff;}
.badgebg7{background: #59a5f8; border: 1px solid #fff;}
/*tab切换类*/
.aui-tab {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-self: center;
	align-self: center;
}

.mt-5 {margin-top: .5rem;}
.aui-tab-item.aui-active span {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.aui-hide {
	display: none 
}
.aui-show {
	display: block 
}
.aui-border-b {

}
.sh_echarts {width: 100%; height: 30vh;}
.aq_echarts2{width: 50vh; height: 30vh;}
.s_list{ height: 40vh; overflow: auto;}
.s_list li{ background: #fbfbfb; padding: .46rem; border-radius: 10px; margin: .3rem 0; font-size: .9rem; }
.text_num3 {
    color: #fe4d52;
}
.sh_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
 .lc_col_1 img {
    width: 1.6rem;
}
.lc_col_1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.lc_col_1 ,.lc_col_8 ,.lc_col_3{
    position: relative;
    width: 100%;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}.lc_col_8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; 
}
.lc_col_3 {
    flex: 0 0 25%;
    max-width: 25%; text-align: right;
}

 .card-title::before {
    width: 3px;
    height: 14px;
    top: .75rem;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 8px;
}
 .card-title  {
    color: #212121;
    padding: .5rem ;  font-size: .95rem;
    position: relative;     background: #f3f7fc;
    border-bottom: 1px solid #f0f3fc;
    display: flex; 
    align-items: center; justify-content: space-between;
}
.card-title .more{ position: absolute; top: .6rem; right: .3rem; font-size: .8rem; font-weight: normal; }
.text_num1{color: #999;}
.aui-content-yc{padding: 0 .8rem;}


.text-danger {
	color: #ff473d !important;font-size: .6rem; margin-right: 5px;
}
.text-999 {
	color: #999 !important;
}
.text-success {
	color: #03c895 !important;
}
.text-warning {
	color: #ffc107 !important;font-size: .6rem; margin-right: 5px;
}
.text-primary {
	color: #8760fb !important; font-size: .6rem; margin-right: 5px;
}
.aq_echarts{width: 100%; height: 30vh;}
.amh3 {
    position: absolute;
    bottom: 12%;
    font-size: .9rem; font-weight: normal;
    left: 5%;
}
.amh3 span {
    padding: 0 6px;
    color: #f19d3a;
}
.aui-gc-title{ background: url(../images/titlebg1.png); background-size: 100% 100%; padding: .5rem;  border-radius: 6px 6px 0 0; color: #fff; display: flex; justify-content: space-between;}
.aui-nbox .aui-gc-title2{ background: url(../images/titlebg2.png);background-size: 100% 100%;padding: .5rem;  border-radius: 6px 6px 0 0; color: #fff; display: flex; justify-content: space-between;}
.aui-nbox .aui-gc-title3{ background: url(../images/titlebg3.png);background-size: 100% 100%;padding: .5rem;  border-radius: 6px 6px 0 0; color: #fff; display: flex; justify-content: space-between;}


.aui-xl-bor{    background: #f8f9fd;
    border: 1px solid #f5f5f7;    display: flex;
    justify-content: space-between; margin: 0rem; padding: .5rem; width: 100%; border-radius: 5px;}
.aui-nbox {background: #fff;
    border-radius: 6px;
    width: 95%; font-size: .92rem;
    margin: 0 auto 10px; margin-top: .5rem;
	box-shadow: 0 5px 15px #dadada;}
	.aui-li-list li {
		font-size: .9rem;
		border-bottom: 1px solid #f1f1f1;
		padding:  .5rem;
		display: flex; justify-content: space-between;
	}	
	.jflex{ display: flex; align-items: center;}
	.aui-li-list li span{ color: #122545;}
.aui-textcolor{ color: #6c778c !important;   }
.width80{width: 70%; text-align: right;}
.aui-li-list li i{margin: 0 .3rem;}
.aui-gc-title img {
    width: 1.1rem;
    margin-right: .3rem;
    margin-top: .1rem;
}
.aui-gc-title2 img {
    width: 1.1rem;
    margin-right: .3rem;
    margin-top: .1rem;
}
.aui-gc-title3 img {
    width: 1.1rem;
    margin-right: .3rem;
    margin-top: .1rem;
}
.aui-flex-xjbox {
   
    padding: .3rem;
    align-items: center;
    overflow: hidden;
}
.aui-xjbox-img {
    width: 6rem;  height: 3.6rem;  float: left; margin-right: .3rem;
}
.aui-xjbox-img img {
    width: 100%; height: 100%;
    padding: 1px;
}
.aui-ycl-text { width: 100%;
    padding: 0 ;
}
.aui-nbox span foot {
    padding: 0.1rem .3rem;
    font-size: .85rem;
    background: rgb(0,0,0,0.2);
    border-radius: 5px;
    margin-left: .5rem;
}
.m3-l {
    margin-left: .3rem;
}
.aui-text-default {
    color: #001437 !important;
}
.aui-text-g {
    color: #667187;
    font-size: .9rem;   padding: .2rem 0 ;
}
.aui-ycl-text h2{font-size: .9rem; display: flex; justify-content: space-between;}
.aui-ycl-text h2 span.time{font-size: .8rem; font-weight: normal;}
.aui-ycl-text h2 span.time img{width: 1.4rem;}
.aui-label3 {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem !important;
    color: #fff;
    background: #65ce65;
    border-radius: 1rem 0 0 1rem;
    position: absolute;
    right: 1px;
    top: 6%;
}
.aui-label3  img{width: 14px;}
.user-text{padding: .2rem .3rem;}

.user-list{ display: flex; align-items: center; color: #fff; padding:1.8rem 1rem;}
.user-list h2{text-align: center; font-size: 1rem;}
.user-list h2 p{margin-top: .5rem; font-weight: normal;}
.user-img {width: 4rem;}
.user-img img{ width: 100%;border-radius: 50%;}
.user-p{color: #bcc6f7;   font-size: .8rem; margin: 5px 0;}
.user-p span{background:rgba(255, 255, 255, 0.3); font-size: .8rem; color: #fff; padding: .2rem .8rem; border-radius: 10px;}

.aui-tab-box .aui-tab-list {
	overflow: hidden;
}
.aui-tab-box .aui-tab-list .aui-tab {
	white-space: nowrap;/*文本不会换行，文本会在在同一行上继续*/
	overflow-y: auto;/*可滑动*/
	border-bottom: 1px solid #eee;
	ov-ms-overflow-style: none;
	/*火狐下隐藏滚动条*/scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}
.aui-tab-box .aui-tab-list .aui-tab::-webkit-scrollbar {
 display: none;
width: 0!important;
scrollbar-width: none;
}
.aui-tab-box .aui-tab-list .aui-tab .aui-tab-item {

	color: #1a1a1a;
	background: #fff;
	display: inline-block;/*行内块元素*/
}
.aui-tab-box .aui-tab-list .aui-tab .aui-tab-item.aui-active {
	border-bottom: 2px solid #1c7bf3; color: #1c7bf3;
}
.aui-tab-item {
    width: 100%;
    padding: .6rem ;
    position: relative;
    font-size: .9rem;
    text-align: center;
    color: #fff;
    margin-left: -1px;
    font-weight: 500;
    -webkit-box-flex: 1;
    box-flex: 1;
}
#tab1-con {
    padding:.5rem .3rem;
}
.aui-tab-box {margin-top: .6rem; font-size: .9rem;}
.table-list{ width: 100%;border-collapse: collapse; }
.table-list td{padding:8px 5px;  font-size: .9rem;}
.table-list tr:nth-of-type(2n+1) {
    background-color: #edf3fb;
}
.aui-label {
    display: inline-block;
    padding: 0.3rem 0.55rem;
    font-size: 0.6rem;
    line-height: 1;
    color: #616161;
    background-color: #dddddd;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
    position: relative;
}
.aui-label-primary {
    color: #ffffff;
    background-color: #00bcd4;
}
.aui-label-warning {
	color: #ffffff;
	background-color: #f27354;
}
.spbox {display: flex; align-items: center; justify-content: flex-end;}
.spbox img{width: 22px; margin-right: 5px;}
.aui-video{padding: .5rem;}
.aui-spbox {height: 30vh;}
.spbox1 {width: 100%; height: 100%;}
.mt-3 {margin-top: -3.8rem;}
.kjbox .card-title img{width: 24px;  margin-right: 3px; position: relative; top: .3rem;}
.kjbox .card-title::before {
    width: 0px;
    height: 0px;
  

}
.bnone{font-weight: normal;}
.kj-list{ padding: .5rem 0;}
.kj-list li{margin: .3rem 0; position: relative;}
.kj-list li:nth-of-type(2n+1) {
    background-color: #edf3fb;
}

/*选择标签*/
 .tags{width: 100%;padding-top: .15rem; display: flex; border-bottom: 2px solid #edf3fb; font-size: .9rem;}
.tags ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 .3rem;}
 .tags ul li{flex-shrink: 0;padding: .2rem .4rem;font-size: .9rem;color: #666666;background: #f2f2f2;border-radius: 1rem;margin-bottom: .3rem;cursor: pointer;}
.tags ul li.on{background: #0090ff;color: #fff;}
.dybox{position: absolute; right: 5px; top: 10px;}
.dybox img{width:42px}

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

 box-shadow: 0 1px 5px 0px rgb(115 108 203 / 23%); border-radius: 5px;}
 .kcbox .wra{width:100px; padding-top: 2px;}
.kcbox .wra img { 
   width: 100%;
   height: 4rem;
}
.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: 0 8px;width: 80%; }
.kctext h2{color: #333; font-size: 14px;  display: flex;margin-top: 5px;}
.kctext h3{color: #666; font-size: 12px; font-weight: normal; display: flex;margin-top: 15px;}
.kctext h3 span{display: flex; align-items: center; margin-right: 10px;}
.kctext h3 img{width: 16px; margin-right: 3px;}
.ywanc {position: absolute; bottom: 5px; right: 5px;}
.ywanc img{width: 2.6rem;}

.gd_list {display: flex; align-items: center; flex-wrap: wrap; padding: 0 .3rem;}
.gd_list li{display: flex; align-items: center; color: #666; padding:.4rem .5rem; width: 48%; margin: .2rem; font-size: 12px;}
.gd_list li h3{ color: #2d476c }
.gd_list li img{width:2rem; margin-right: .5rem;    margin-top: 0.4rem;}
.gd_bg1{background: url(../img/gdbg1.png) no-repeat ; background-size: 100% 100%;}
.gd_bg2{background: url(../img/gdbg2.png) no-repeat ; background-size: 100% 100%;}

 .vipbox {display: flex; justify-content: center;z-index: 1000; margin-left: 5px;}
 .vipbox h3{background-image: linear-gradient(to right,  #72b8f2 , #a6d5fa); color: #fff; line-height: 22px; border-radius: 20px; padding-left: 23px; font-size: 12px; background-size: 100% 100%; width: 80px; height:22px; font-weight: normal;  }
 .vipbox img{width: 20px; height: 20px; margin-right: -20px;  z-index: 10000;}


 .jlxftext {
    background-image: linear-gradient(to right,  #fce875 , #fee44f);
    background-size: 100% 100%;
    border-radius: 20px;
    color: #fd9e14;
    font-size: .8rem;
    padding: 3px 6px;
     margin-right: 5px;
}
.jlxftext font{color: #fc7101; font-weight: bold;}

.jlxftext img{width: 12px; margin-right: 3px;}

.wy {
    border: 1px solid #ddd;
    width: 14px;
    font-size: 12px;
    font-weight: normal;
    height: 14px;
    margin-left: 3px;
    display: inline-block;
    border-radius: 50%;
    line-height: 12px;
    text-align: center;
}


.iq-progress-bar { background: #f2f2f2;  box-shadow: 0 0 0; height: 15px; margin: 0; position: relative; width: 70%; border-radius: 20px; }
.iq-progress-bar > span { background: #4F6272 none repeat scroll 0 0; display: block; height: 100%; width: 0;  border-radius: 20px; }
.bg-success {
	background: linear-gradient(to right, #43be6e , #159831) !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
	background-color: #159831 !important;
}
.bg-info {
    background: linear-gradient(to right, #57a4f8 , #3989f0) !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-success:hover, button.bg-success:focus {
	background-color: #3989f0 !important;
}
.barbox{ padding: 2px 0; margin-top: 2px;  border-radius: 6px; position: relative; 
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
	transition: box-shadow 0.2s ease-in-out; color: #333; font-size: .9rem;}
    .barbox .btn_yx{color: #43be6e;}
   .xuefbox img{width: 24px; position: relative; top:5px}
   .xuefbox{padding: 8px 0;}
   .barbox img{width: 22px;position: relative; top:5px; margin-right: 6px;}

.aui-ywc .wra{width: 100%;}
.aui-ywc .kcbox .wra img {
    width: 100%;
    height: 6rem;
}
.aui-ywc ul li{display:inline-block; width:48%; height: 25vh;}
.aui-ywc  .kcbox ul {
    padding: 0px 5px;display: flex; justify-content: space-between;
    flex-wrap: wrap;
}
.aui-ywc .kctext {
    padding: 0 8px; margin: 0 5px;
    width: 100%;
}

.kflist-ul {
	border: 1px solid #1a9fe3;
	width: 40%;
	border-radius: 25px;
    display: flex;
	overflow: hidden;
	font-size: .9rem;
    color: #fff;
    margin: 0 auto;
  

}

.kflist-ul li {
    float: left;
    width:50%;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.kflist-ul li.active {
    background: #fff;
    color: #1a9fe3;
}
.pt5{padding-top: 6% ;}
.container{ padding: .6rem;}
.container .leader {
	display: flex;
  }
  .container .crown {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
  }
  .container .crown svg {
	width: 3rem;
  }
  .container .image {
	height: 58px;
	object-fit: cover;
	width: 58px;
	border: 1px  solid #ddd;
	border-radius: 50%;
  }
  .container .topLeadersList {
	display: flex;
	position: relative;
	min-height: 120px;
	padding-top: 1rem;
  }
  .container .topLeadersList .image {
	border-radius: 50%;
	
  }
  .container .topLeadersList .leader:nth-child(1) {
	color: black;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
  }

  .container .topLeadersList .leader:nth-child(1) .image {
	width: 68px;
	height: 68px;
	border: 1px solid #ffc500;
  }
  .container .topLeadersList .leader:nth-child(1) .crown {
	top: -25%;
  }
  .crown  img{width: 40px;}
  .container .topLeadersList .leader:nth-child(1) .crown svg {
	fill: #ffc500;
  }
  .container .topLeadersList .leader:nth-child(2) {
	color: black;
	position: absolute;
	left: 10%;
	transform: translateX(-15%);
	bottom: 10%;
  }

  .container .topLeadersList .leader:nth-child(2) .image {
	width: 60px;
	height: 60px;
	border: 1px solid #7c98a9;
  }
  .container .topLeadersList .leader:nth-child(2) .crown {
	top: -25%;
  }
  .container .topLeadersList .leader:nth-child(2) .crown svg {
	fill: #d4d4d4;
  }
  .container .topLeadersList .leader:nth-child(3) {
	color: black;
	position: absolute;
	left: 90%;
	transform: translateX(-85%);
	bottom: 10%;
  }

  .container .topLeadersList .leader:nth-child(3) .image {
	width: 60px;
	height: 60px;
	border: 1px solid #b8794e;
  }
  .container .topLeadersList .leader:nth-child(3) .crown {
	top: -25%;
  }
  .container .topLeadersList .leader:nth-child(3) .crown svg {
	fill: #ab6528;
  }
  .container .leaderName {
	position: absolute;
	text-align: center;
	width: 100px;
	color: #333;
	font-weight: bold;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	margin-top: -5px;
  }
  .container .leaderName p{color: #666; font-weight: normal;}
  .container .player {
	
	display: flex;
 padding: .5rem;
	align-items: center;
	min-height: 42px;
	text-align: center;
	padding-right: 0.4rem; 
	margin-bottom: 1px; 
	border-top: 1px solid #ddd;
	
	
  }
  .container .player .image {
	width: 40px;
	height: 40px;
	border: 1.5px solid #ddd;
  }
  .container .table {
	margin-right: 0.1rem;
	display: grid;
	font-size: 14px;
	grid-template-columns: 0.4fr 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
	text-align: center;
  }
  .container .table div:nth-child(2) {
	text-align: left;
	margin-left: 5px;
  }
  .container .table .image {
	width: 20px;
	height: 20px;
  }
  .container .playerslist {
	margin-top: 1.5rem;
	font-size: 16px;
	overflow: hidden;
	color: #333;
	font-family: "Roboto Condensed", sans-serif;
  }
  .container .playerslist .player:nth-child(odd) {

	align-items: center;
  }
  .container .user {
	display: flex;
	align-items: center;
	position: relative;
	gap: 4px;  margin-right: 8px;
  }
  .container .player:last-child{border-bottom: none;}
  .container .list {

    padding: 10px;
  }
  .containerImage{text-align: center;}

  .containerImage .vipbox {display: flex; justify-content: center; position: relative;top: -12px; z-index: 1000;}
.containerImage .vipbox h3{background-image: linear-gradient(to right,  #72b8f2 , #a6d5fa); color: #fff; line-height: 20px; border-radius: 20px; padding-left: 23px; font-size: 12px; background-size: 100% 100%; width: 80px; height:22px; font-weight: normal; }
.containerImage .vipbox img{width: 24px; margin-right: -20px; margin-top: -5px; z-index: 10000;}

.user .v1 img{width: 20px; position: absolute; right: 3px; bottom: 7px;}
.container .player h3{font-size: 13px ;}
.container .player  span{color: #96a2a7; font-size: 12px; margin-left: 10px;}
.num_text {
	color: #47454f !important;
	font-size: 14px;
	margin-right: 5px;
  }
  .myvip {position: relative;}
  .myvip  .vipbox {display: flex; justify-content: center;z-index: 1000;}
  .myvip  .vipbox h3{background-image: linear-gradient(to right,  #72b8f2 , #a6d5fa); color: #fff; line-height: 20px; border-radius: 20px; padding-left: 23px; font-size: 12px; background-size: 100% 100%; width: 80px; height:22px; font-weight: normal; position: relative;top: -9px; }
  .myvip  .vipbox img{width: 20px; height: 20px; margin-right: -20px; margin-top: -8px; z-index: 10000;}

.xfbox {font-size: 13px; display: flex; align-items: center; width: 98%; padding: 6px; border-radius: 5px; margin: 5px auto; margin-top: 0; background-image: linear-gradient(to right,  #fdf9db , #fdf9db);}
  .xfbox  .image{width: 40px; height: 40px; margin: 0 6px;}
  .xfbox  h2{font-size: 13px;}
  .xfbox  h2 p{color: #96a2a7; font-size: 12px;  margin-top: 3px; font-weight: normal;}
  .xfbox .mxf{width: 40px;text-align: center; padding-left: 5px; border-right: 1px solid #fd9e14;}
  .cbtext  b{ color: #0090ff;}
  .cbtext {display: flex; justify-content: space-between; font-size: .8rem; color: #777; padding: 5px;  padding-top: 0;}

  .topwy{    border: 1px solid #ddd; position: absolute; top: 25px; right: 10px;
    background: #fee44f;
    width: 14px;
    font-size: .8rem;
   
    height: 14px;
    margin-left: 3px;
    display: inline-block;
    color: #e08802;
    border-radius: 50%;
    line-height: 12px;
    text-align: center;}

    .aui-jlbox .vip{width: 20px; position: absolute; right: 0; bottom: 0;}
    .aui-jlbox .user-img{ position: relative; margin: 0 auto;}
    .aui-jlbox{text-align: center;font-size: .9rem;}
    .aui-jlbox .user-list{display: block; padding:.6rem .5rem; }
    .aui-jlbox h3{font-size: .9rem; }
    .aui-jlbox  a{color: #fff;background: rgba(255, 255, 255, 0.3);
        font-size: .8rem;
        color: #fff; 
        padding: .2rem .8rem;
        border-radius: 10px;}
        .aui-jlbox  a img{width: 7px; margin-left: 5px;}

        .jlxfnum {
            color: #2fa9f1;
            font-weight: bold;
            font-size: 16px;
            margin: 0 5%;
        }
        .jlximg {
            float: right;
            width: 24px;
        }
        .jlximg img{width: 100%;}
        .jlxfbox {
            margin-top: 3px;
        }

        .jlxfbox .jlxftext {
            background: #ff9f2d;
            border-radius: 20px;
            color: #fff;
            padding: 3px 6px;
        }

        .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 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;
        }
        .xuefeibox {padding: 1rem;}
        .xuefeibox  h2{text-align: center; font-size: 1.2rem; margin-bottom: 2%;}
        .xuefeibox p{line-height: 32px;}

        .jctable {  width:100%;    border-collapse: collapse;
        }
        .jctable th {
            text-align: center;
            padding:  3px;
            height: 36px;
            color: #333;
            font-size: .8rem;
            border-bottom: 1px solid #ddd
        }
        .text-f {
            color: #00ffcc !important;     font-family: 'DS-DigitalBold' !important;
        }
        .jctable tr:nth-child(2n+1) {
            background:#f2f2f2;
            background-size: 100% 100%;
        }
        .jctable tr td {
            padding: .5vh 3px;
            color: #666; text-align: center;
            font-size: .8rem;height: 2.2rem;
        }
        .color_w{color: #e84417; }
        .color_r{color: #fd9105;}
        .color_g{color: #1bb914;}
        .color_b{color: #0bcbff;}
        .color_x{color: #456be8;}

        .h3{font-size: .9rem; padding: .6rem 0; color: #444;}

        .aui-content-padded{    padding: 0.5rem;}
        .aui-collapse-item {
            overflow: hidden
        }
        .aui-collapse-content {
            display: none;
           
            color: #0f0f0f !important;
        }
        
        .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 {
            color: #212121;
            padding: 0.5rem;
            font-size: .95rem;
            position: relative;
            background: #f3f7fc;
            border-bottom: 1px solid #f0f3fc;
            display: flex;
            align-items: center; padding-left: 1rem;
            justify-content: space-between;
             font-weight: bold;
        }
        .aui-content-padded .aui-collapse .aui-list-item::before {
            width: 3px;
            height: 14px;
            top: 0.75rem;
            position: absolute;
            content: "";
            background: #2fa5f4;
            border-radius: 20px;
            left: 8px;
        }
        .aui-hide {
            display: none !important;
        }
        .aui-show {
            display: block !important;
        }
        .aui-collapse-item .aui-list .aui-list-item {
            list-style: none;
            font-size: 1rem;
            margin: 0;
            padding: .5rem 0;
              padding-left: 0px;
            padding-left: 0.5rem;
            color: #1c2e4d;
            border-bottom: 1px solid #f2f2f2;
            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-collapse-item   .aui-list-item-arrow:before {
            content: '';
            width: 0.5rem;
            height: 0.5rem;
            position: absolute;
            top: 50%;
            right: 0.75rem;
            margin-top: -0.2rem;
            background: transparent;
            border: 1px solid #666;
            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-item   .sp_list li{display: flex; padding: .5rem 0;}
        .aui-collapse-item   .sp_list li img{width: 24px; position: relative; top: 5px;}
        .aui-collapse-item   .sp_list h2{font-size: .9rem; padding: .3rem .1rem;}
        .aui-collapse-item   .sp_list  p span{margin: 0 .3rem; font-size: .8rem;}
        .aui-collapse-item   .sp_list  p span img{width: 18px; margin-right: .2rem;}
        .aui-collapse-item   .sp_list div:first-child{width: 40px; text-align: center; position: relative;}
        .sp_list .active{color: #1296db;}
        .bflable{background: #e7ae49; font-size: .6rem; display: block; padding: .1rem 0;  color: #fff; border-radius: 15px;}
        .aui-video{position: relative;}
        .pinjia{background: rgb(0,0,0,0.2); color: #fff; font-size: .6rem; padding-top: .2rem; text-align: center; width: 36px; height: 36px; position: absolute; top:15px; right: 50px; border-radius: 50%;}
       
        .pinjia img{width: 14px; display: block; margin: 0 auto;}
        .tiwen{background: rgb(0,0,0,0.2); color: #fff; font-size: .6rem;padding-top: .2rem; text-align: center; width: 36px; height: 36px; position: absolute; top:15px; right: 15px; border-radius: 50%;}
       
        .tiwen img{width: 14px; display: block; margin: 0 auto;}