* {
	box-sizing: border-box;
}
body{ background:#dadfef; background-size:100%}
@font-face {
	font-family: 'ds-digitalbold';
	src: url('../font/DS-DigitalBold.ttf');
	src: url('../font/ds-digitalbold-webfont.eot');
	src: url('../font/ds-digitalbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/ds-digitalbold-webfont.woff2') format('woff2'), url('../font/ds-digitalbold-webfont.woff') format('woff'), url('../font/ds-digitalbold-webfont.ttf') format('truetype'), url('../font/ds-digitalbold-webfont.svg#ds-digitalbold') format('svg');
}
.lc_body h1, .lc_body h2, .lc_body h3, .lc_body h4, .lc_body h5, .lc_body h6 {
	margin: 0;
}
.lc_body p {
	margin: 0;
}
.lc_body ul {
	margin: 0;
	padding: 0;

}
.lc_body {margin: 0;
	font-family: Microsoft YaHei;
	color: #091e3b;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.lc_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.lc_col_1, .lc_col_2, .lc_col_3, .lc_col_4, .lc_col_5, .lc_col_6, .lc_col_7, .lc_col_8, .lc_col_9, .lc_col_10, .lc_col_11, .lc_col_12, .lc_col, .lc_col_auto, .col-md, .col-md-auto, .lc_col_lg_1, .lc_col_lg_2, .lc_col_lg_3, .lc_col_lg_4, .lc_col_lg_5, .lc_col_lg_6, .lc_col_lg_7, .lc_col_lg_8, .lc_col_lg_9, .lc_col_lg_10, .lc_col_lg_11, .lc_col_lg_12, .col-lg, .lc_col_lg_auto, .lc_col_xl_1, .lc_col_xl_2, .lc_col_xl_3, .lc_col_xl_4, .lc_col_xl_5, .lc_col_xl_6, .lc_col_xl_7, .lc_col_xl_8, .lc_col_xl_9, .lc_col_xl_10, .lc_col_xl_11, .lc_col_xl_12, .col-xl, .lc_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.lc_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
}
.lc_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.lc_col_5 {
	flex: 0 0 41.666%;
	max-width: 41.666%;
}
.lc_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
}
.lc_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
}
.lc_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
 @media (min-width: 1200px) {
.lc_col_xl {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.lc_col_xl_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.lc_col_xl_1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.lc_col_xl_2 {
	flex: 0 0 16.667%;
	max-width: 16.667%;
}
.lc_col_xl_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.lc_col_xl_4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
.lc_col_xl_5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}
.lc_col_xl_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.lc_col_xl_7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.lc_col_xl_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.lc_col_xl_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.lc_col_xl_10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}
.lc_col_xl_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.lc_col_xl_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
}

.align-items-center {
	align-items: center !important;
}
.font18{ font-size:16px; font-weight:bold; color:#333; margin-left:1rem}

.text-center {
	text-align: center!important;
}
.m-0 {
	margin: 0!important;
}
.mt-3{ margin-top:10px}
.mt-5{ margin-top:.6rem}

.pr0{ padding-right:0}
.p-0{padding: 0!important;}
.border-bottom {
	border-bottom: 1px solid #e1e6f1!important;
}
.lc_body .card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #fff;
	word-wrap: break-word;
	background-clip: border-box; 
	box-shadow: 0 1px 5px 0px rgb(115 108 203 / 23%);
	border-radius: 5px;
	margin-bottom: .5rem;
	
	
	
}

.bm_0 {
	border-bottom:none;
}
.br_1 {
	border-right:1px solid #e3e5e4;
}
.bm_1 {
	border-bottom:1px solid #e3e5e4;
}

.task-list li h6 {
	margin-bottom: 8px !important;
}
.tx-12 {
	font-size: 12px;
}

.text-muted {
	color: #99a6b7 !important;
}
.text-444 {
	color: #444 !important;
}
.media {
	display: flex;
	align-items: flex-start; height: 6.3vh;
}
.media-body {
	display: flex;
    align-items: center;justify-content: center;
    flex: 1;
}
h5, .h5 {
	font-size: 1.09375rem;
}
small, .small {
	font-size: 80%;
	font-weight: 400;
}
.lc_body .card-body { position:relative;
	flex: 1 1 auto;
 padding:8px;
}
.lc_top{  padding:.8rem 0}
.lc_body .card-title {
	font-size:14px;
	font-weight: 600; 
	color: #2fa9f1;
	flex: 1 1 auto; display: flex; justify-content: space-between;
 padding: 10px;   border-bottom: 1px solid #ddd;
}
.card-title img{width: 18px; margin-right: 3px; position: relative; top: 2px;}
.lc_body .card-title  .more{ color:#fff; font-size:12px; font-weight:normal}
.lc_body .card-title  span{ padding:0 ;  position:relative; }

.lc_body .card-title  span i{color:#085eef;  }
.text-danger {
	color: #ff473d !important;
}
.text-999 {
	color: #999 !important;
}
.text-success {
	color: #03c895 !important;
}
.text-warning {
	color: #ffc107 !important;
}
.text-primary {
	color: #8760fb !important;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}

.text-center {
	text-align: center !important;
}

 *::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 transition: .3s background;
}
::-webkit-scrollbar-thumb {
 background: #e1e6f1;
}
*:hover::-webkit-scrollbar-thumb {
 background: #adb5bd;
}
/*-----Br Themes-----*/
h6, .h6 {
	font-size:14px;
	font-weight: normal;
}
.float-right {
	float: right !important;
}

.lc_body a{ text-decoration:none}

.bg-success {
	background-color: #3fcbca!important;
}
.bg-danger2 {
	background-color: #eb5076 !important;
}
.bg-secondary2 {
	background-color: #d13adf !important;
}
.bg-info2 {
	background-color: #03d0ea !important;
}


.position{ position:relative}

.bg1 {
	background: #ff8147 !important;
}
.bg2 {
	background: #29b4f6 !important
}
.bg3 {
	background: #6aca35 !important
}
.bg4 {
	background: #fd8488 !important
}
.bg5 {
	background: #868efb !important
}

*{margin:0;padding:0;list-style:none;}

.ellipsis{overflow: hidden;
	text-overflow:ellipsis; color: #00c0ff;
	white-space: nowrap; width:75%;}

.height30{ height:27vh; overflow:auto;}
.height28{ height:28vh}
.height36{ height:38.8vh}
.height25{ height:24vh}
.height40{ height:35.52vh}

	.text1{ color:#5fcb71 !important}
	.text2{ color:#fed130 !important}	
	.text3{ color:#fd895b !important}	
	.text4{ color:#0ca5ff !important}	
	.text5{ color:#0ca5ff !important}
	.text6{ color:#35f9e5 !important}	


	.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden;}
	.pro-new-show .pro-list{width: 100%;height: auto;overflow: hidden; padding: 8px;}
	.pro-new-show .pro-list ul li{float: left;width: 100%;height: auto;overflow: hidden;}
	.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
	.pro-new-show .pro-list ul li img{width: 100%; height: 34vh;}
	.pro-new-show .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
	.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
	.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
	.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}

	.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}
	 .pagination{position: absolute;width: 100%;height: auto;overflow: hidden;padding: 10px 0;text-align: center; bottom: 5px;}
	.pagination ul li{width: 8px;height: 8px;border-radius: 100%;background: #ccedff;display: inline-block;margin: 0 3px;text-indent:-9999px; }
 .pagination ul li.on{background: #00a6ff; width: 18px;height: 8px; border-radius: 20px;}


/* 公共样式表css */
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;
}

img {
    border: 0;
}

body {
    background: #f8f8f8;
    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;
}

a:hover {
    color: #eee;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */

.ques-section{
    width: 960px;
    margin: 0 auto 10px;
    padding: 20px;
    border-radius: 2px;
    background-color: #fff;
}
.ques-section-item{
    width: 293px;
    position: relative;
    float: left;
}
.ques-item-title{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight:normal;
    color:#333;
}

.ques-section-card{
    position: relative;
   
    text-align: center;

}
.ques-card-head{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding-top: 48px;
    border-radius: 2px 2px 0 0;
}


.ques-card-bul{
    background-color: #397bee;
    background-image: -webkit-radial-gradient(50% -45%,circle,#53a7f5,#397bee);
    background-image: radial-gradient(circle at 50% -45%,#53a7f5,#397bee);
    height:78px;
}

.ques-card-title{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-top: 15px;
    color: #fff;
}
.ques-card-text{
    line-height: 18px;
    position: relative;
    margin-top: 6px;
    opacity: .7;
    color: #fff;
    font-weight: normal;
}
.ques-card-num{
    overflow: hidden;
    margin: 15px auto 0;
    border-radius: 50%;
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
	border: 1px solid #ddd;
}

.ques-card-num:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 76px;
    content: '';
    border: 2px solid rgba(255,255,255,.9);
    border-radius: 100%;
}
.ques-card-num:hover:before {
    background-color: rgba(0,0,0,.3);
}

.ques-card-num img{
    width:100%;
    height:auto;
    display:block;
    border:none;
}
.ques-card-name{
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}
.ques-card-major{
    line-height: 18px;
    margin-top: 6px;
    color: #a3a3a3;
}
.ques-card-field{
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    margin-top: 25px;
    text-align: center;
    color: #000;
}
.ques-card-tag{
    font-size: 12px;
    margin: 6px 0 25px;
}
.ques-card-tag span{
    line-height: 17px;
    display: inline-block;
    max-width: 84px;
    height: 18px;
    padding: 0 6px;
    color: #fa9600;
    border: 1px solid #f5cc84;
    border-radius: 2px;
    margin: 0 4px;
}

.ques-card-help{
    display: block;
    margin: 20px auto;
    line-height: 29px;
    width: 90px;
    height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #2fa9f1;
}
.ques-card-bots{
	margin: 0px auto;
    line-height: 24px;
    width: 80px;
    height: 24px;
	font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-color: #65ce65; position: absolute; right: 0; top: -12px;
}
.ques-card-bots img{width: 14px; margin-right: 3px; position: relative; top: 3px;}
.ques-section-card .vipbox {display: flex; justify-content: center; position: relative;top: -12px; z-index: 1000;}
.ques-section-card .vipbox h3{background-image: linear-gradient(to right,  #72b8f2 , #a6d5fa); color: #fff; line-height: 22px; border-radius: 20px; padding-left: 20px; font-size: 12px; background-size: 100% 100%; width: 90px; height:22px; font-weight: normal; }
.ques-section-card  .vipbox img{width: 30px; margin-right: -28px; margin-top: -5px; z-index: 10000;}
.ques-section-item+.ques-section-item {
    margin-left: 20px;
}
.ques-card-title-top{
    padding: 27px 0;
}
.ques-card-list{
    text-align:left;
}

.ques-card-list li{
    position: relative;
}
.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;}
.ques-card-list-noe:before {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 37px;
    display: block;
    content: '';
    background-position: -115px -44px;
    width: 20px;
    height: 20px;
    background-image:url("../images/icon-body.png");
}

.ques-card-list-three:before {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 37px;
    display: block;
    content: '';
    background-position: -115px -88px;
    width: 20px;
    height: 20px;
    background-image:url("../images/icon-body.png");
}

.ques-card-list li:after {
    position: absolute;
    bottom: 0;
    left: 10px;
    display: block;
    width: 280px;
    height: 1px;
    content: '';
    background-color: #ededed;
}
.ques-list-box{
    position: relative;
    display: block;
    height: 69px;
    padding: 16px 15px 17px;
}
.ques-list-head{
    position: relative;
    float: left;
    padding-right: 8px;
}
.ques-list-image{
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    z-index: 2;
    margin: 0 auto;
}
.ques-list-image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    content: '';
    border: 2px solid #f87851;
    border-radius: 100%;
}
.ques-list-image img{
    border-radius: 100%;
    width:100%;
    height:auto;
    display:block;
    border:none;
}
.ques-list-name{
    overflow: hidden;
    margin-right: 33px;
}
.ques-list-name-head{
    line-height: 18px;
    color: #333;
}
.ques-list-name-text{
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
    color: #a3a3a3;
}
.ques-list-name-icon{
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    margin-top: -13px;
    text-align: center;
    color: #fff;
    background-position: 0 -60px;
    width: 25px;
    height: 25px;
    background-image:url("../images/icon-body.png")
}

.aui-palace {
	padding: 0.6rem 0;
	margin-top: 5px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #f2f2f2;
  }
  .aui-palace-grid {
	position: relative;
	float: left;
	padding: 1px;
	width: 33.333%;
	box-sizing: border-box;
	margin: 10px 0;
  }

  .aui-palace-grid h2 {
	font-size: 1.2rem;
	font-weight: normal;
	color: #333;
	text-align: center;
  }


  .aui-palace-grid p {
	font-size: 0.85rem;
	font-weight: normal;
	color: #96a2a7;
	text-align: center;
  }
  .border-r{border-right: 1px solid #f2f2f2;}

  .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;
	
	align-items: center;
	min-height: 42px;
	text-align: center;
	padding-right: 0.4rem; padding-top: 3px;
	margin-bottom: 1px; 
	border-top: 1px dotted #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 {
	overflow: scroll;
	height: 48.7vh;
	overflow-x: hidden;
  }
  .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;}
  .wra {width: 100%;}
  .wra .bottom {
	position: absolute;
	width: 94%;
	background: rgba(0,0,0,.2);
	 top: 0;
	 bottom: 0;
	 color: #fff;
	text-align: center; font-size: 12px; padding-top: 25%;
  }
  .wra img{width: 100%; height: 9vh;}
  .listbox{ padding:8px 5px; text-align: left;font-size: 13px;}
  .listbox h2{font-size: 12px;}
  .listbox .time{margin: 5px 0;}
  .jlist{ background: #f2f2f2; border-radius: 5px;padding: 8px; margin-bottom: 5px;margin-top: 10px;}
  .jlxfbox{  margin-top: 3px; }
  .jlxftext{background: #ff9f2d; border-radius: 20px; color: #fff; padding: 3px 6px;}
  .jlximg{float: right; width: 24px;}
  .jlximg img{width: 100%;}
  .jlxfnum{color: #2fa9f1; font-weight: bold; font-size: 16px; margin: 0 5%;}
  .ba_lable{background: #2fa9f1; color: #fff !important; position: absolute; padding: 3px; top: 0px; left: 5px; font-size: 12px; z-index: 100;}
  /*选择标签*/
 .tags{width: 100%; display: flex;align-items: center; border-bottom: 2px dotted #edf3fb; padding-bottom: 6px;font-size: 13px; }
 .tags ul{display: flex;flex-wrap: wrap;padding: 0 .3rem; width: 90%;}
  .tags ul li{flex-shrink: 0;padding: 0 1.5rem;height: 1.8rem;line-height: 1.8rem;font-size: .9rem;color: #666666;background: #f2f2f2;border-radius: 1rem;margin-bottom: .3rem; cursor: pointer; margin-right: 10px;}
 .tags ul li.on{background: #0090ff;color: #fff;}
 .font12{font-size: 13px; color: #333;}
 .kcbox ul{display: flex; padding: 0px; flex-wrap: wrap;}
 .kcbox li{width: 18.5%; display: inline-block; margin: 10px;  position: relative; position: relative;background: #fff;

  box-shadow: 0 1px 5px 0px rgb(115 108 203 / 23%); border-radius: 5px;}
 .kcbox .wra img {border-radius: 5px 5px 0 0;
    width: 100%;
    height:18vh;
}
.kcbox .wra .ba_lable {
    background: #2fa9f1;
    color: #fff !important;
    position: absolute;
    padding: 5px 10px;
    top: 1px;
    left: 1px;
    font-size: 12px;
    z-index: 100;
}
.kctext{ padding: 8px;}
.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: 5px;}
.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;}
@media (max-width: 1800px) {.kcbox li {
  width: 18%;}}