.panel{background: #fff;padding: 10px;}
.panel h3{padding: 0;margin-bottom: 10px;height: 30px;line-height: 30px;border-bottom: #e23a3a solid 3px;font-size: 14px;font-weight: bold;margin-top: 0;}
.center-panel{background: #fff;padding: 10px;height: 30px;}
.center-panel h3{padding: 0;margin-bottom: 10px;height: 30px;line-height: 30px;font-size: 14px;font-weight: bold;margin-top: 0;color: #e23a3a;}
.center-panel .go-to-center{float: right;color: #4493eb;}
a{text-decoration: none;}
ul,li{list-style: none;}
em{font-style: normal;}
/*header*/
.header {top:0;left:0;z-index:99;background-color:transparent;width: 100%;margin-top:20px;}
.header .logo{height:60px;width:204px;background: url("/images/logo5.png") no-repeat center;display: inline-block; float: left;}
.header .loostrive-banner{height:60px;width:600px;display: inline-block;float: right;}
.nav{background: #e23a3a;}
.nav-link {float:left;position: relative;padding:0 20px;font-size:14px;font-weight: bold;color:#fff;line-height: 48px;display: inline-block;text-decoration:none;}
.nav-link.cur,.nav-link:hover {background: #4493eb;-webkit-transition-delay: 0.05s;transition: all 0.3s;}

/*banner*/
.banner .box{background: #fff;height: 130px;padding: 0 10px; color: #999;position: relative;}
.banner .title p{display:inline-block; color: #e23a3a;}
.banner .ball span{background: #e23a3a;color: #fff;line-height: 30px;border-radius: 50%;margin-right: 4px;text-align: center;width: 30px;height: 30px;display: inline-block;font-size: 16px;}
.banner .ball span.blue{background: #4493eb;}
.banner .view{position:absolute;top:48px;right: 40px;text-decoration: none;}

/*banner1*/
.banner1 .box span{height:120px;width:1200px;background: url("/images/banner1.jpg") no-repeat center;display: inline-block;}
.banner2 .box span{height:120px;width:880px;background: url("/images/banner1.jpg") no-repeat center;display: inline-block;}

.content-body{width: 700px;}

/*rightBar*/
.rightBar{width: 250px;float: right;}
/*search*/
.search {position: relative;}
.search input {width: 230px;height: 34px;padding-left: 10px;border: 2px solid #e23a3a;outline: none;color: #9E9C9C;border-radius: 5px;}
.search button {position: absolute;top: 0;right: 0;width: 40px;height: 40px;border: none;background: #e23a3a;cursor: pointer;}
.search button:before {content: "\e66b";font-family: iconfont;font-size: 16px;color: #F9F0DA;}
/*sweep*/
.sweep span{height:258px;width:280px;display: inline-block;}
/*advertising*/
.btn.disabled, .btn:disabled {
    opacity: .65;
}

/*footer*/
.footer {background:#e23a3a;width:100%;line-height:1.5;clear:both;margin-top:480px;}
.footer-i {padding:60px 0;width: 1200px;margin: auto;}
.footer-file{background-color: #e23a3a;text-align: center;color:#fff;padding: 30px 0;font-size:12px;}
.footer-file .icon-file{display: inline-block;width:18px;height:18px;background: url("/images/mobile/icon-file.png") no-repeat center;background-size: cover;vertical-align:text-bottom;margin: 0 5px;}
.footer-ba {color:#fff}
.footnav ul{text-align:center;font-size:14px;}
.footnav ul li{height:30px;line-height:30px;display:inline;padding:0 30px 0 0;}
.footnav ul li a:hover {color:#0000FF;}
/*common*/
.content{position: relative;}
.head-bar{background: #fff;height: 40px;width: 100%;border-bottom:#e23a3a solid 3px;font-size:14px;}
.head-bar span{line-height: 40px;padding: 9.5px 20px;color: #000;cursor: pointer;position: relative}
.head-bar span:hover{-webkit-transition-delay: 0.05s;transition: all 0.3s;color:#df6a3e}
.head-bar span.cur{background: #4493eb;-webkit-transition-delay: 0.05s;transition: all 0.3s;color:#fff}
.el-table .el-table__header-wrapper tr{background-color: #ebedf1;}

/*查询页面*/
.filter .desc{border:dashed 1px #e23a3a;min-height: 50px;padding: 10px;color: #999;font-size: small;}
.filter .red-ball p,.filter .blue-ball p{display: inline-block;margin: 0;margin-left: 20px;line-height: 30px;color: #fff;}
.filter .red-ball{color: #fff;height: 30px;margin-top: 10px;background: linear-gradient(to right, #e23a3a,#fff);}
.filter .blue-ball{color: #fff;height: 30px;margin-top: 10px;background: linear-gradient(to right, #4493eb,#fff);}
.clearfix li{ padding: 5px;float: left;width: 9%;text-align: center;display: inline-block;}
.clearfix{height: auto;display: inline-block;padding: 10px;margin: unset;}
.red-ball-list li em{width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;display: block;margin: 3px auto;color: #e23a3a;font-size: 16px;font-weight: 700;cursor: pointer;border: 2px solid #e5e5e5;}
.red-ball-list li.active em{color: #fff;background: #e23a3a;border: 2px solid #e23a3a;}
.blue-ball-list li em{width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;display: block;margin: 3px auto;color: #4493eb;font-size: 16px;font-weight: 700;cursor: pointer;border: 2px solid #e5e5e5;}
.blue-ball-list li.active em{color: #fff;background: #4493eb;border: 2px solid #4493eb;}
.sel-num{ font-size: 14px;padding: 30px 0 20px;text-align: center;line-height: 25px;}
.sel-num .clean-btn{font-size: 14px;color: #4493eb;padding: 0 5px;cursor: pointer;}
.c-red{color: #e23a3a;}
.c-blue{color: #4493eb;}
.select-ok-btn{ width: 250px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 18px;margin: 0 auto;display: block;border-radius: 5px;background: #e23a3a;cursor:pointer;margin-bottom:20px;border-color: #e23a3a;border: 1px solid transparent;}
.select-donate-btn{ width: 188px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 18px;margin: 0 auto;display: block;border-radius: 5px;background: #4493eb;cursor:pointer;margin-bottom:20px;}
.filter .filter-list{border:solid 1px #eaeaea;background: #fff;}
.filter .filter-list>dl{background: #FFFAFA;height: 100px;margin: 0;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;padding: 10px 40px;}
.filter .res{background: #fff;text-align: center;font-size: 18px;padding: 20px 0;}
.filter .res0{background: #fff;text-align: center;font-size: 18px;padding: 20px 0;}
.filter .resing{background: #fff;text-align: center;font-size: 18px;padding: 20px 0;}
.filter .resing img{width: 80px}
h1,.kaij-jg ul{margin: 0;padding: 0;}
.kaij-tit{margin-top: -10px;}
.kaij-tit em{color: #b3b3b3;font-size: .70rem;margin-left: .2667rem;}
.kaij-jg{overflow: hidden;clear: both;min-height: 1.333333rem;line-height: 2rem;box-sizing: border-box;padding: .24rem 0 .106667rem 0;    position: absolute;width: 100%;}
.sball-red, .sball-blue{display: inline-block;margin-right: 5px;width: 30px;height: 30px;font-size: 14px;font-weight:500;line-height: 30px;text-align: center;border: 1px solid #ccc;border-radius: 50px;background-clip: padding-box;}
.sball-red{color: #ff3333;}
.sball-blue{color: #0066cc;}
.sball-red-on{color: #fff;border-color: #e23a3a;background: #e23a3a;}
.sball-blue-on{color: #fff;border-color: #4493eb;background: #4493eb;}
.lotto-pond{padding-top: .07rem;padding-bottom: 28px;font-size: .70rem;}
.lotto-pond dd{width: 50%;float: left;color: #f25149;margin: 0;}
.lotto-pond dd label{color: #999;}

/*开奖详情*/
.kj-head{padding: 20px 0;overflow:auto;}
.kj-head .kj-information{width: 600px;padding-left: 20px;float: left;}
.kj-head .kj-information .info-title{line-height: 30px;padding: 8px 0;height: 35px;font-size:14px;}
.kj-head .kj-information .info-title .tit{font-size: 24px;color: #000;float: left;padding-right: 10px;display: inline-block;}
.kj-head .kj-information .issue-num{display: inline-block;float: left;margin-right: 10px;}
.kj-head .kj-information .issue-num label{display: inline-block;float: left;color: #000;font-size: 14px;}
.kj-head .kj-information .kj-data{display: inline-block;float: left;color: #000;padding: 0 10px 0 0;}
.kj-head .kj-information .kj-time{display: inline-block;float: left;color: #999;}
.kj-head .info-win .kj-ball, .kj-head .info-win .sales-volume{display: inline-block;float: left;padding-right: 10px;}
.kj-head .kj-ball em{width: 30px;height: 30px;line-height: 30px;color: #fff;font-size: 16px;text-align: center;background: #e23a3a;display: inline-block;margin-right: 6px;border-radius: 50%;}
.kj-head .kj-ball em.ball-blue{background: #4493eb;}
.kj-head .info-win .sales-volume{line-height: 40px;font-size:14px;}

/*最近30期*/
.lkj-head{padding: 5px 0;overflow:auto;}
.lkj-head .kj-information{width: 600px;padding-left: 20px;float: left;}
.lkj-head .kj-information .info-title{line-height: 30px;height: 35px;}
.lkj-head .kj-information .info-title .tit{font-size: 24px;color: #000;float: left;padding-right: 10px;display: inline-block;}
.lkj-head .kj-information .issue-num{display: inline-block;float: left;margin-right: 10px;}
.lkj-head .kj-information .issue-num label{display: inline-block;float: left;color: #999;font-size: 11px;}
.lkj-head .kj-information .kj-data{display: inline-block;float: left;color: #999;padding: 0 10px 0 0;font-size:11px;}
.lkj-head .kj-information .kj-time{display: inline-block;float: left;color: #999;}
.lkj-head .info-win .kj-ball, .lkj-head .info-win .sales-volume{display: inline-block;float: left;padding-right: 10px;font-size:11px;color:#999}
.lkj-head .kj-ball em{width: 40px;height: 40px;line-height: 40px;font-size: 18px;text-align: center;display: inline-block;margin-right: 8px;border-radius: 50%;}
.lkj-head .kj-ball em.ball-red{color: #e23a3a;}
.lkj-head .kj-ball em.ball-blue{color: #4493eb;}
.lkj-head .info-win .sales-volume{line-height: 40px;}

/*历史页面*/
.history .table-div{padding: 20px 40px;}
.history .el-input--suffix .el-input__inner{width: 100px;height: 30px;}

/*资讯*/
.mr-item {min-width: 810px;}
.mr-item li {border-bottom: 1px dashed #ddd;padding: 10px 0;margin: 0 10px;overflow: hidden;width: 810px;}
.mr-item-pic, .mr-three-pic a {float: left;display: block;width: 200px;height: 142px;overflow: hidden;margin-top: 5px;margin-right: 20px;}
.mr-item-content {float: left;width: 590px;}
.mr-item-title {display: block;width: 100%;  height: 32px; color: #333;font-size: 22px;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ssrd-tag, .mr-item-time, .hel-tag {font-size: 12px;color: #999;line-height: 15px;margin-top: 12px;}
.i-time {float: left;display: block;width: 15px;height: 15px;}
.mr-item-body {height: 40px;width: 100%;font-size: 14px;color: #999;line-height: 22px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mr-item-desc {border:dashed 1px #999;min-height: 50px;padding: 10px;color: #999;font-size: small;}
.mr-item-con {width: 100%;font-size: 16px;color: #666;line-height: 26px;margin-top: 10px;}
.mr-item-tag {margin-top: 10px;width: 590px;height: 24px;overflow: hidden;padding: 0;}
.mr-item-tag a {float: left;display: block;padding: 0 12px;border: 1px solid #eee;border-radius: 13px;margin-right: 20px;font-size: 12px;line-height: 22px;text-align: center;color: #666;}
.mr-item-tag a:hover {color: #e23a3a;border: 1px solid #e23a3a;}
.information .el-pagination{text-align: center;height: 30px;}

.information-detail{padding: 0 10px;}
.keywordBox {width: 100%;margin-bottom: 40px;overflow: hidden;margin-top: 20px;}
.keywordBox span {float: left;font-size: 16px;line-height: 30px;color: #666;width: 80px;}
.keywords {float: left;width: 688px;margin-right: -20px;overflow: hidden;}
.keywords a {float: left;display: block;padding: 0 18px;font-size: 16px;line-height: 28px;height: 28px;color: #666;margin-right: 20px;border: 1px solid #666;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}

.top-flow{position: fixed;top: 0;z-index: 999;}

/*关于我们*/
.about-us-content {font-family:"微软雅黑, Microsoft YaHei";}
/*
.about-us-content p {font-size:14px;line-height:36px;margin-bottom:20px;text-indent:2em;color:#333}
.about-us-content .notice {background:#5bc0de;color:#fff}
*/
.about-us-content p {font-size:14px;margin-bottom:20px;text-indent:2em;color:#333}
.about-us-content .notice {background:#5bc0de;color:#fff;line-height:36px;margin-bottom:20px;text-indent:2em;}
.about-us-content .contact, .about-us-content .support{border-left:6px solid #ee2e3d;display:inline-block;font-size:16px;line-height:20px;}

.banner-issue{font-size:13px;}
.banner-issue div{display: inline-block;}
.banner-last-issue .info-win .kj-ball, .kj-head .info-win .sales-volume{float: left;padding-right: 10px;}
.banner-last-issue .kj-ball em{width: 24px;height: 24px;line-height: 24px;color: #fff;font-size: 14px;text-align: center;background: #e23a3a;display: inline-block;margin-right: 3px;border-radius: 50%;}
.banner-last-issue .kj-ball em.ball-blue{background: #4493eb;}
.banner-last-issue .info-win .sales-volume{line-height: 40px;font-size:13px;color:#666;}
.checkInfo{font-size:13px;}

.channelRightList ul {padding: 0 14px;}
.channelRightList ul .rlistItem {margin-top: 14px;height: 20px;}
.channelRightList ul .rlistItem>span {float: left;width: 16px;height: 16px;color: #fff;background: #ee2e3d;text-align: center;line-height: 16px;margin-right: 12px;margin-top: 2px;font-size: 12px;}
.channelRightList ul .rlistItem a {float: left;height: 20px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 210px;font-size: 14px;}
.channelRightList ul li:nth-child(n+4)>span {background: #333;}

.total{color: #e23a3a;display: inline-block;}


.table-div table {
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
	text-align:center;
	font-size:14px;
	border:0
}
.table-div table tr td {
	height:24px;
	line-height:24px;
	text-align:center;
	border-bottom:1px solid #f5f5f5
}
.table-div table tbody tr td {
	padding:13px 2px;
	color:#333
}
.table-div table tr td.c-gray-light {
	color:#999
}
.table-div table tr td.c-blue,.table-div table tr td a.c-blue {
	color:#4493eb
}
.table-div table tr td a.c-blue:hover {
	text-decoration:underline
}
.table-div table thead tr td {
    background: #ebedf1;
    color: #999;
    font-weight: 700;
    padding: 15px 10px;
}

.select {
  display: inline-block;
  /* 1 */
  position: relative;
  /* 2 */
  vertical-align: middle;
  /* 3 */
  padding: 0;
  /* 4 */
  overflow: hidden;
  /* 5 */
  background: #fff;
  color: #555;
  border: 1px solid #aaa;
  text-shadow: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: box-shadow 0.25s ease;
  -o-transition: box-shadow 0.25s ease;
  -webkit-transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  /* 6 */
  /* 6 */
}
.select:hover {
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.select:before {
  position: absolute;
  /* 7 */
  top: 0.5em;
  /* 7 */
  right: 0.5em;
  /* 7 */
  pointer-events: none;
  /* 8 */
}
.select select {
  cursor: pointer;
  /* 9 */
  padding: 0.5em;
  /* 10 */
  padding-right: 2em;
  /* 11 */
  width: 130%;
  /* 12 */
  border: none;
  /* 13 */
  background: transparent;
  /* 13 */
  background-image: none;
  /* 13 */
  -webkit-appearance: none;
  /* 13 */
  -moz-appearance: none;
  /* 13 */
  appearance: none;
  /* 13 */
  text-indent: 0.01px;
  /* 14 */
  text-overflow: '';
  /* 14 */
  width: 160% \9;
  /* 15 */
}
.select select:focus {
  outline: none;
  /* 16 */
}

/****************************
 ****************************
 ****************************
 * Helpers
 */
.select:before {
  font-family: iconfont;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--down:before, .select:before {
  content: "\e6ca";
}
.sel-num span {
    padding-right:5px;
}

#goToTop {right: 10%; bottom: 180px; position: fixed; cursor: pointer;}
#goToTop a{background-color:#ccc;width:40px;height:40px;align-items:center;justify-content:center;display:flex;}
#goToTop a:hover{background-color:#df6a3e;}

.footer-file .parent{position: relative;height:40px;}
.footer-file .parent p{margin: 0;}
.footer-file .parent a:hover{color:#4493eb}
.footer-file .parent .left,.right,.center{position: absolute;}
.footer-file .parent .left{left: 250px;width:100px;}
.footer-file .parent .right{right: 250px;width: 100px;}
.footer-file .parent .center{left: 420px; right: 420px;}


.new-feature-icon {
    color: #ff0000; /* 星形图标的颜色 */
    font-size: 16px; /* 根据需要调整字体大小 */
    margin-left: 5px; /* 图标与文本的间隔 */
}

.new-feature-icon-white {
    color: #ffffff; /* 星形图标的颜色 */
    font-size: 16px; /* 根据需要调整字体大小 */
    margin-left: 5px; /* 图标与文本的间隔 */
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}