@charset "UTF-8";
.eyoucms_inside,.eyou_copy .ey_kuan,.eyou_copy .ey_kuan .top,.eyou_copy .ey_kuan .copynav {
	*zoom: 1;
}
.eyoucms_inside: before,.eyou_copy .ey_kuan: before,.eyou_copy .ey_kuan .top: before,.eyou_copy .ey_kuan .copynav: before,.eyoucms_inside: after,.eyou_copy .ey_kuan: after,.eyou_copy .ey_kuan .top: after,.eyou_copy .ey_kuan .copynav: after {
	content: "";
	display: table;
}
.eyoucms_inside: after,.eyou_copy .ey_kuan: after,.eyou_copy .ey_kuan .top: after,.eyou_copy .ey_kuan .copynav: after {
	clear: both;
}
.iconfont {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
body {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,eyou_dh,section,summary {
	display: block;
}
audio,canvas,progress,ey_movie {
	display: inline-block;
	vertical-align: baseline;
	*display: inline;
	*zoom: 1;
}
audio: not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}
a {
	background: transparent;
	text-decoration: none;
}
a: active,a: hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
svg: not(: root) {
	overflow: hidden;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code,kbd,pre,samp {
	font-family: monospace,monospace;
	_font-family: 'courier new',monospace;
	font-size: 1em;
}
button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,select {
	text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}
button[disabled],html input[disabled] {
	cursor: default;
}
button: : -moz-focus-inner,input: : -moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}
input[type="number"]: : -webkit-inner-spin-button,input[type="number"]: : -webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]: : -webkit-search-cancel-button,input[type="search"]: : -webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	*margin-left: -7px;
}
textarea {
	overflow: auto;
	resize: vertical;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th {
	padding: 0;
}
q {
	quotes: none;
}
html,button,input,select,textarea {
	font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Helvetica,Tahoma,sans-serif;
}
h1,h2,h3,h4,h5,h6,p,figure,form,blockquote {
	margin: 0;
}
ul,ol,li,dl,dd {
	margin: 0;
	padding: 0;
}
ul,ol {
	list-style: none outside none;
}
h1,h2,h3 {
	line-height: 2;
	font-weight: normal;
}
h1 {
	font-size: 21px;
}
h2 {
	font-size: 18.2px;
}
h3 {
	font-size: 16.38px;
}
h4 {
	font-size: 14px;
}
h5,h6 {
	font-size: 11.9px;
	text-transform: uppercase;
}
input: -moz-placeholder,textarea: -moz-placeholder {
	color: #e6e6e6;
}
input: : -moz-placeholder,textarea: : -moz-placeholder {
	color: #e6e6e6;
}
input: -ms-input-placeholder,textarea: -ms-input-placeholder {
	color: #e6e6e6;
}
input: : -webkit-input-placeholder,textarea: : -webkit-input-placeholder {
	color: #e6e6e6;
}
html {
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 1200px;
}
body {
	font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	font-size: 14px;
	line-height: 1.5;
	min-width: 1200px;
}
@font-face {
	font-family: "iconfont";
	src: url("../fonts/iconfont.eot");
	src: url("../fonts/iconfont.eot#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg");
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
	overflow: auto;
}
h5,h6 {
	text-transform: none;
}
.eyoucms_head {
	width: 100%;
	background: linear-gradient(0deg,#FFF 0%,#f7f7f7 100%);
	box-shadow: 0px 2px 20px 0px rgb(0 0 0 / 10%);
}
.eyoucms_inside {
	width: 1790px;
	height: 74px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
}
.eyoucms_inside .eyoucms_main {
	width: 1200px;
	margin: 0 auto;
}
.eyoucms_inside .eyou_logo {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	height: 38px;
	margin-top: -19px;
}
.eyoucms_inside .eyou_dh {
	display: flex;
	align-items: center;
}
.eyoucms_inside .eyou_dh .eyou_arr {
	display: inline-block;
	color: #3c4142;
	font-size: 16px;
	margin-right: 45px;
	position: relative;
}
.eyoucms_inside .eyou_dh .eyou_arr.active {
	color: #2e95fb;
}
.eyoucms_inside .eyou_dh .eyou_arr.active: : after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 2px;
	background: #2e95fb;
	border-radius: 5px;
	display: inline-block;
}
.eyoucms_inside .eyou_dh .eyou_search {
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-left: auto;
	margin-right: 60px;
}
.eyoucms_inside .eyou_dh .eyou_search input {
	width: 320px;
	height: 40px;
	background-color: #fbfbfb;
	border-radius: 18px;
	border: solid 1px #dfe1e5;
	outline: none;
	padding-left: 13px;
	box-sizing: border-box;
	color: #3c4142;
}
.eyou_search .eyou_mdj {
	border-width: 0px;
	background: #fefefe;
	outline: none;
	display: block;
}
.eyoucms_inside .eyou_dh .eyou_search input: : placeholder {
	color: #999999;
	font-size: 14px;
}
.eyoucms_inside .eyou_dh .eyou_search i {
	position: absolute;
	right: 10px;
	top: 1px;
	font-size: 25px;
	z-index: 9;
	cursor: pointer;
}
.eyoucms_inside .eyou_column {
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
}
.eyoucms_inside .eyou_column .quiz {
	display: inline-block;
}
.eyoucms_inside .eyou_column .quiz .ey_tw {
	color: #333333;
	font-size: 14px;
	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
}
.eyoucms_inside .eyou_column .quiz .iteInfo {
	position: relative;
	margin-right: 22px;
}
.eyoucms_inside .eyou_column .quiz .ey_tiw {
	width: 100px;
	height: 36px;
	border-radius: 18px;
	border: solid 1px #efefef;
	cursor: pointer;
	line-height: 36px;
	text-align: center;
}
.eyoucms_inside .eyou_column .quiz .ey_tiw img {
	margin-right: 10px;
	vertical-align: -1px;
}
.eyoucms_inside .eyou_column .quiz a: first-child: hover {
	color: #ff6f06;
}
.eyoucms_inside .eyou_column .ey_enroll {
	display: inline-block;
	display: flex;
	align-items: center;
}
.eyoucms_inside .eyou_column .ey_enroll .disem: hover {
	color: #ff6f06;
}
.eyou_copy {
	width: 100%;
	height: auto;
	background-color: #f7f9fc;
	padding-top: 30px;
	box-sizing: border-box;
}
.eyou_copy .ey_kuan {
	width: 93%;
	margin: 0 auto;
	display: flex;
}
.eyou_copy .ey_kuan .ey_zuoce {
	flex: 1;
	margin-right: 60px;
}
.eyou_copy .ey_kuan .copynav {
	text-align: left;
	border-bottom: solid 1px #e5e5e5;
	display: flex;
	padding-bottom: 20px;
}
.eyou_copy .ey_kuan .copynav .links-name {
	display: block;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	width: 100px;
}
.eyou_copy .ey_kuan .copynav .eyou-linkurl {
	flex: 1;
}
.eyou_copy .ey_kuan .copynav .eyou-linkurl a {
	display: inline-block;
	color: #596274;
	font-size: 14px;
	margin-right: 20px;
	margin-top: 3px;
}
.eyou_copy .ey_kuan .copynav .eyou-linkurl a: hover {
	color: #ff6f06;
}
.pagelist {
	text-align: center;
	color: #666;
	width: 100%;
	clear: both;
}
.pagelist a {
	color: #666;
	margin: 0 5px 20px;
	padding: 5px 10px;
	background: #F7F7F7;
	display: inline-block;
}
.pagelist a: nth-child(1) {
	display: none;
}
.pagelist a: hover,.pagelist>b {
	color: #3690cf;
	color: #FFF;
	background: #ff6f06;
}
.pagelist>b {
	padding: 5px 10px;
}



.mymain{
	width:93%;margin: auto;margin-bottom:30px;
	
}
.homel{width:60%;float:left;}
.homer{width:39%;float:right;}

.welcome-title{color: #409eff;font-weight: 600;  font-size: 25px;  font-family: Raleway;  border-bottom: 1px solid #ebeef5;margin-bottom:15px;text-align:center;}
.panel-title {
  font-size: 21px;
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 8px;
  line-height: 30px;
}
.c{width:100%;height:1px;clear:both;}

.newul{}
.newul li{text-align:center;border-left: 2px solid #409eff;border: 1px solid hsla(0,0%,73.3%,.5);padding:10px 10px;border-left: 2px solid #409eff;}
.newul li .title{color: #495060;font-style: oblique;font-size: 16px;line-height: 35px;  height: 35px;}
.newul li .info{color: #495060;font-size: 16px;line-height: 30px;  height: 30px;}

.contest li{ border:1px solid #19be6b;text-align: center;padding: 0px 0px 15px 0px;border-radius:4px;margin-bottom:18px;}
.contest li .contest-title{line-height: 48px; height: 48px;background-color: rgba(94,185,94,.15);}
.contest li .contest-title a{color: #5eb95e;font-size: 1.15rem;  font-weight: 600;line-height: 48px; height: 48px;}
.contest li .contest-title span{background-color: rgb(25, 190, 107);padding:3px 8px;color:white;border-radius:3px;}
.contest li .contest-title span i{font-size:11px;}
.contest li .info{height:40px;line-height:40px;}
.contest li .info span{color: #fff;  background-color: #409eff;  border-color: #409eff;padding: 7px 16px;  border-radius: 15px;font-size: 12px;}
 
.conlist li{  text-align: left;padding: 0px 0px 5px 0px;margin-bottom:18px;border-left: 3px solid rgb(25, 190, 107);border-bottom: 1px solid #c7c7c7;}
.conlist li .contest-title{line-height: 48px; height: 48px;}
.conlist li .contest-title a{color: #495060;font-size: 1.25rem;  font-weight: 500;line-height: 48px; height: 48px;}
.conlist li .contest-title a:hover{color: #3091f2;text-decoration: underline;}
.conlist li .contest-title span{background-color: rgb(25, 190, 107);padding:3px 8px;color:white;border-radius:3px;}
.conlist li .contest-title span i{font-size:11px;}
.conlist li .info{height:40px;line-height:40px;}
.conlist li .info span{color: #303133; padding: 5px 13px;  border-radius: 15px;font-size: .875rem;;}
.conlist li .info span i{color: rgb(48, 145, 242);font-size:13px;}

.tabmy li{float:left;padding:10px 20px;}
.tabmy li a{color: #303133;font-size: 14px;  font-weight: 500;padding:10px 0px; }
.tabmy li a:hover{color: #409eff;}
.tabmy li a i{ font-size: 14px;margin-right:3px;}
.tabmy li .active{height: 29.5px;  border-bottom: 2px solid #409eff;}
.tabmy li .active a{color: #409eff;}

    /* 时间标题样式 */
    .time-title {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      color: #333;
      margin-bottom: 8px;
    }
    /* 进度条容器（匹配截图样式） */
    .progress-container {
      width: 100%;
      height: 8px;
      background: #e5e7eb; /* 浅灰色背景 */
      position: relative;
      border-radius: 5px;
      overflow: hidden;
    }
    /* 绿色进度条 */
    .progress-bar {
      height: 100%;
      background: #10b981; /* 截图同款绿色 */
      border-radius: 3px 0 0 3px;
      width: 0%;
      transition: width 0.3s ease;
    }
    /* 蓝色圆点（进度标记） */
    .progress-dot {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 12px;
      height: 12px;
      background: #3b82f6; /* 截图同款蓝色 */
      border-radius: 0%;
      z-index: 2;
      left: 0%;
    }
    /* 中间时间标签（如-75151:22:58） */
    .time-label {
      text-align: center;
      color: #10b981;
      font-size: 18px;
      margin-top: 5px;
      position: relative;
    }
    /* 时间标签前的小绿点 
    .time-label::before {
      content: '';
      position: absolute;
      left: calc(50% - 15px);
      top: 50%;
      transform: translateY(-50%);
      width: 8px;
      height: 8px;
      background: #10b981;
      border-radius: 50%;
      margin-right: 5px;
    }*/
	
	

	.tip-btn {
      position: relative; /* 作为气泡定位参考 */
    }
 /* 气泡样式（不变，通用样式） */
    .tip-bubble {
      display: none;
      position: absolute;
      left: 50%; /* 水平居中 */
      top: calc(-100% - 35px); /* 按钮上方30px */
      transform: translateX(-50%); /* 水平居中修正 */
      width: 200px;
      background: #343434;
      color: #fff;
      border: 0px solid #52c41a;
      border-radius: 6px;
      padding: 8px 12px;
      font-size: 12px;
      line-height: 1.5;
      z-index: 9999; /* 确保在最上层 */
    }

    /* 气泡下方箭头（主体） */
    .tip-bubble::before {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 8px solid #343434;
    }

    /* 气泡箭头边框 */
    .tip-bubble::after {
      content: '';
      position: absolute;
      bottom: -9px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 8px solid #52c41a;
      z-index: -1;
    }