@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html { overflow-x: auto; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
/*css3扩展*/
::-webkit-input-placeholder { color:#999; font-size:14px;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei, Tahoma, Geneva, sans-serif;}
:-moz-placeholder {color:#999; font-size:14px;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei, Tahoma, Geneva, sans-serif;}
::-moz-placeholder {color:#999; font-size:14px;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei, Tahoma, Geneva, sans-serif;}
:-ms-input-placeholder {color:#999; font-size:14px;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei, Tahoma, Geneva, sans-serif;}
/*滚动样式*/
.scroller {position: absolute; z-index: 1; width: 750px; height: 160px;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
   -o-text-size-adjust: none;
   text-size-adjust: none;
}
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal { width: 4px;  background-color: #CCCCCC;  -webkit-border-radius: 6px;}
::-webkit-scrollbar-track-piece { background-color: #fff; /*滚动条的背景颜色*/ -webkit-border-radius: 0; /*滚动条的圆角宽度*/}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #999;-webkit-border-radius: 4px;  outline: 1px solid #fff; outline-offset: -1px;border: 1px solid #fff;}
/**布局开始**/
*{ box-sizing:border-box;}
html{font-size:62.5%;}
body {background: #fff;line-height:1.4;font-size:14px;font-weight:400;font-family:Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei, Tahoma, Geneva, sans-serif;color:#333;min-width: 1440px;}
p{line-height:1.75;}
a {color:#333; text-decoration:none; transition:all 0.4s ease-in-out;}
a:hover {color: #0067FF;}

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text2 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}　
.hide-text3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/*flex布局*/
.midcenter{display: flex;display: -webkit-flex;justify-content: center; -webkit-justify-content: center;-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.f_between{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.f_start{display: flex; display: -webkit-flex; justify-content: flex-start;-webkit-justify-content:flex-start;}
.f_end{display: flex; display: -webkit-flex; justify-content: flex-end;-webkit-justify-content:flex-end;}
.f_center{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.f_around{display: flex; display: -webkit-flex;justify-content: space-around;-webkit-justify-content: space-around;}
.f_middle{display: flex; display: -webkit-flex;-webkit-align-items:center;align-items:center;}
.f_top{display: flex; display: -webkit-flex;-webkit-align-items:flex-start;align-items:flex-start;}
.f_bottom{display: flex; display: -webkit-flex;-webkit-align-items:flex-end;align-items:flex-end;}
.f_stretch{display: flex; display: -webkit-flex;-webkit-align-items:stretch;align-items:stretch;}
.f_col{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;}
.f_row{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;}
.nowrap{-webkit-flex-wrap:nowrap;-webkit-box-lines:single;-moz-flex-wrap:nowrap;flex-wrap:nowrap;}
.wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;}
.inner {width: 1440px;margin:0 auto;} /**页面全局宽度**/
.ml{ float:left;}
.mr{ float:right;}

@font-face {font-family: 'alternate';src: url(DinAlternateBold.ttf)}

.mainpage{background: linear-gradient( 180deg, rgba(222,241,255,0) 0%, #E5F2FC 20%, #ECF0F6 100%); background-attachment:fixed; position:relative}
.toper{position: absolute; z-index:1;top:0;left:0;right:0; height:575px; background:url(https://gkbimg.360eol.com/aigeo/mainbg3.png) center top no-repeat; background-size:1440px 575px;}
.main_box{ position:relative; z-index:2; padding:46px 48px 30px;}
.main_top{ margin-bottom:33px;}
.main_top .logo{ width:68px; height:68px;}
.main_top .logo_wz{width:207px; height:57px; margin-left:16px;}
.main_top .t_user{font-size: 18px;color: #224970;line-height: 20px; margin-right:8px;}
.main_top .t_user_pic{ width:40px; height:40px; border-radius:0%; overflow:hidden}
.main_top .t_user_pic img{width:40px; height:40px;}
.t_right a{ margin-left:10px;}

.bk01{border-radius: 16px;border: 2px solid rgba(255, 255, 255, 0.7); overflow:hidden;}
.bk01_top{background: linear-gradient( 270deg, rgba(253,254,255,0.2) 0%, #FFFFFF 100%);box-shadow: 0px 2px 0px 0px #D1E9FF;backdrop-filter: blur(8px); padding:13px 20px 13px 40px;}
.bk01_top .school_name{font-size: 28px;font-weight: 600; color:#222;flex:1;}
.notices{height: 48px;background: linear-gradient( 125deg, #FFF2DB 0%, #FFF7EA 52%, #FFF4E1 100%);border-radius: 24px; padding:0 10px 0 20px;line-height: 22px;font-size: 16px;color: #B68246;}
.notices .week{ padding-left:28px; background:url(https://gkbimg.360eol.com/aigeo/week.png) left center no-repeat; background-size:20px 18px;font-weight: 600;}
.notices .date{ margin-right:14px;}
.notices .renewal{width: 88px;height: 32px;background: linear-gradient( 130deg, #F2C982 0%, #DAA465 100%);border-radius: 16px;font-weight: 600;font-size: 16px;color: #FFFFFF;}
.bk01_con{background:rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px); border-top:2px solid RGBA(209, 233, 255, 1); padding:40px}
.bk01_con .xm_left{border-right: 1px solid #EBF1F5; width:390px; padding-bottom:10px;}
.xm_bt{font-weight: 600;font-size: 20px;color: #222222;line-height: 28px;}
.bk01 .items{ margin-top:35px;}
.bk01 .items ul{ position:relative; margin-top:-50px;}
.bk01 .items li{ margin-top:50px; width:50% }
.bk01 .items li .icon{ width:70px; height:70px; margin-right:20px; position:relative}
.bk01 .items li .icon img{width:70px; height:70px;}
.bk01 .items li .icon.newtip:before{ position:absolute; content:'';right:-4px;top:-4px;width: 12px;height: 12px;background: #FF3E0F;border: 3px solid #FFFFFF; border-radius:50%}
.bk01 .items li .num{font-family: 'alternate';font-size: 44px;color: #222222;line-height: 50px;}
.bk01 .items li .wz{font-size: 14px;color:rgba(34, 34, 34, 0.5);line-height: 20px;}

.bk01_con .xm_right{width:calc(100% - 445px);}
.bk01_con .xm_nav{ margin-bottom:20px;}
.bk01_con .xm_list{ height:28px;}
.percentage{font-family: 'alternate';font-size: 24px;color: #0067FF;margin-left:10px;}
.bk01_con .xm_list li{font-size: 15px;color: #222222; line-height:28px; margin-left:10px; padding-left:26px; padding-right:6px; position:relative;cursor:pointer;opacity:0.4}
.bk01_con .xm_list li:hover{ background:#efefef; border-radius:3px;}
.bk01_con .xm_list li.active{ opacity:1}
.bk01_con .xm_list li:before,.bk01_con .xm_list li span{ position:absolute; content:'';left:8px; top:50%; transform:translateY(-50%); width:12px; height:12px;border-radius: 2px;}
/**.bk01_con .xm_list li.i1:before{ background: #2F81F1;}
.bk01_con .xm_list li.i2:before{ background: #ED63D5;}
.bk01_con .xm_list li.i3:before{ background: #27A965;}
.bk01_con .xm_list li.i4:before{ background: #9C63ED;}
.bk01_con .xm_list li.i5:before{ background: #FFAE5B;}
.bk01_con .xm_list li.i6:before{ background: #FF5B5B;}**/

.bk01_con .xm_type1{height: 28px;position:relative; z-index:2; font-size:13px;cursor:pointer}
.xm_type1 .site-top{color:rgba(34, 34, 34, 0.8); line-height:26px;position: relative;border-radius: 14px;border: 1px solid #DCE3EE; padding:0 35px 0 15px;min-width:182px; width:480px;}
.xm_type1 .site-top .lanage{white-space: nowrap; line-height:26px;}
.xm_type1 .site-top:before{position:absolute; content:'';top:50%;right:12px; transform:translateY(-50%) rotate(90deg); width:10px; height:10px;background:url(https://gkbimg.360eol.com/aigeo/arrow.png) center no-repeat; background-size:7px 10px }
.xm_type1.hover .site-top{border: 1px solid #E5F0FF;background: #EEF5FF;}
.xm_type1.hover .site-top:before{transform:translateY(-50%) rotate(-90deg);}
.xm_type1 .site-top .site-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xm_type1 .site-con{ position:absolute;top:26px;padding-top:6px;left:0;right:0;display: none;}
.xm_type1 .site-list{background:#fff;border: 1px solid #E5F0FF;border-radius: 13px; width:100%; padding:10px 0px;}
.xm_type1 .site-list ul{ max-height:160px; padding:0px 0px; overflow-y:auto}
.xm_type1 .site-list .site-item{ display:block;padding:0 20px; position: relative;white-space: nowrap; text-align:left;line-height:28px;color:rgba(34, 34, 34, 0.8);}
.xm_type1 .site-list .site-item:hover,.site-list .site-item.on{ color: #0067FF;transition: all 0.4s ease;}

.bk01_con .xm_type2{position:relative;}
.bk01_con .xm_type2 li{min-width: 77px;height: 28px;background: #FFFFFF;border-radius: 14px;border: 1px solid #C9D0DA; padding:0 14px; margin-left:12px;font-size: 13px;
color:rgba(34, 34, 34, 0.8); line-height:26px; text-align:center; cursor:pointer}
.bk01_con .xm_type2 li.on{background: #EEF5FF;border: 1px solid #E5F0FF;ont-weight: 600;color: #0067FF;}
/* 图例 */
#chart-container{width: 100%;height:200px; position:relative; z-index:1}
.custom-legend-marker {width: 12px !important;height: 12px !important;border-radius: 2px !important;border: none !important;}
.custom-legend{height:28px;display: flex;justify-content: flex-end;gap: 12px; padding:0; }
.legend-item {display: flex;align-items: center;cursor: pointer;padding: 3px 8px;border-radius: 4px;transition: all 0.2s ease;}
.legend-item:hover {background-color: #f0f2f5;}
.legend-marker {width: 12px;height: 12px; border-radius: 2px; /* 圆角大小 */margin-right: 6px;display: inline-block; /* 确保显示 */}
.legend-text {font-size: 14px;color: #222;}
.legend-item.disabled .legend-marker { opacity: 0.4;}
.legend-item.disabled .legend-text {color: #999;}

/* 项目进度 */
.bk02{border-radius: 16px; background:#fff;margin-top:24px; padding:30px 40px 22px;}
.progress-box{display: flex;align-items:flex-start;width: 100%; margin-top:14px;position:relative;}
.progress-line{ position:absolute; z-index:1; top:58px;left:0;right:0;height:2px; background:#F0F0F0; }
.timeline-line{ position:absolute; z-index:3; top:58px;left:0;height:2px; background:linear-gradient(270deg, rgba(0, 181, 255, 1), rgba(8, 211, 150, 1)); width:0;transition: width 0.2s ease;}
.doing-line{position:absolute; z-index:2;top:58px; height:0; border-top:2px dotted rgba(0, 103, 255, 1);left:0;width:0;transition: width 0.2s ease;}
.timeline-step{display: flex;flex-direction: column;align-items: center;flex: 1;position:relative; z-index:4;}
.step-info{ margin-top:14px;font-size: 14px;color: #888888;line-height: 20px; margin-bottom:10px;}
.step-info .type1{color: #FF7018;}
.step-info .type2{color: #0067FF;}
.step-report{ width:100%;display: flex;flex-direction: column;align-items: center;}
.step-report .link_btn{ margin-bottom:5px; min-width: 118px;height: 28px;background: #FFFFFF;border-radius: 17px;border: 1px solid #C9D0DA;}
.step-report .link_wz{ padding-left:20px;background:url(https://gkbimg.360eol.com/aigeo/report.png) left center no-repeat; background-size:15px 14px;font-size: 14px;color: #333; line-height:26px;}
.step-report .link_btn:hover .link_wz{background:url(https://gkbimg.360eol.com/aigeo/report_on.png) left center no-repeat; background-size:15px 14px; color:#0067FF;transition: all 0.2s ease;}
.step-reportall{ display:none; height:30px; line-height:30px; margin-top:5px; padding-right:12px;background:url(https://gkbimg.360eol.com/aigeo/arrow.png) right center no-repeat; background-size:7px 10px; color:#333333;}
.step-reportall:hover{background:url(https://gkbimg.360eol.com/aigeo/arrow_on.png) right center no-repeat; background-size:7px 10px; color:#0067FF;}
.step-title {font-size: 18px;margin-bottom: 20px;padding: 4px 30px;color:rgba(34, 34, 34, 0.4);position:relative}

/* 步骤节点（圆形） */
.step-node {width: 10px;height: 10px;border-radius: 50%; background: #fff;border: 2px solid #06CCB1;position: relative;z-index: 2; opacity:0;}
/* 已完成节点 */
.timeline-step.done .step-title{color:#222; }
.timeline-step.done .step-node {border: 2px solid #06CCB1;opacity:1;}
/* 进行中节点 */
.timeline-step.doing .step-title{color:#222; }
.timeline-step.doing .step-node{border: 2px solid #00ADFF;opacity:1;}
/* 当前节点 */
.timeline-step.current .step-title {background: #0067FF;color: #fff;border-radius: 17px;}
.timeline-step.current .step-title:before{position:absolute; content:'';bottom:-8px;left:50%; transform:translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0067FF;font-size: 0;line-height: 0;}
.timeline-step.current .step-node {opacity:1;background: #fff;border: 2px solid #fff;width: 12px;height: 12px;transform:translate(-1px,-1px)}                    
.timeline-step.current .step-node:before{ position:absolute; z-index:1; content:'';left:-4px; top:-4px; right:-4px; bottom:-4px; border:2px solid #CCE1FF;border-radius: 50%;}
.timeline-step.current .step-node:after{ position:absolute; z-index:2; content:'';left:0; top:0; right:0; bottom:0; background:#1677ff;border-radius: 50%;}
/* 待处理节点 */
.timeline-step.next-step .step-title{ color:rgba(34, 34, 34, 0.4);}
.timeline-step.next-step .step-node{opacity:0;}

/* 数据 */
.data_table { margin-top:20px;position:relative;}
.data_table::-webkit-scrollbar  {  width: 8px;  height: 8px;  background-color: #F5F5F5;  }    
.data_table::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.3);  border-radius: 10px;  background-color: #F5F5F5;}  
.data_table::-webkit-scrollbar-thumb  {border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);  background-color: #F5F5F5;  }
.data_table table{ width:100%;border-collapse: collapse;border-spacing: 0; font-size:14px;}
.data_table th {padding:8px 12px;text-align: center;color: #222;font-weight:600;line-height: 22px; border-bottom:1px solid #CCD7E4;}
.data_table td{padding:10px 12px;text-align: center;color: #333;line-height: 22px; border-bottom:1px dashed #EAEAEA;position: relative;}
.data_table th:first-child,.data_table td:first-child{ text-align:left; padding-left:0;}
.data_table .chakan{ color:#0067FF}



/*比较*/
.bk03{border-radius: 16px;box-shadow: 0px 2px 0px 0px #D1E9FF; overflow:hidden;}
.bk03_top{background: linear-gradient( 270deg, rgba(253,254,255,0.2) 0%, #FFFFFF 100%);box-shadow: 0px 2px 0px 0px #D1E9FF;backdrop-filter: blur(8px); padding:13px 20px 13px 40px;}
.title_name1{padding-left:55px;font-size: 28px;font-weight: 600;color: #222; background:url(https://gkbimg.360eol.com/aigeo/compare.png) left center no-repeat; background-size:40px 40px; margin-right:25px; }
.title_wz1{font-size: 16px;color: #999999;padding-left:30px; line-height:22px; position: relative;margin-top: 10px;}
.title_wz1:before{ position:absolute; content:'/'; left:0;}
.title_wz1 .num{ color:#0067FF}
.questions li{ margin-right:100px;}
.questions li:first-child{ max-width:50%;}
.questions li:last-child{ margin-right:0;}
.questions li .title_type{font-size: 16px;color: #888888;line-height: 22px;}
.questions li .title_bt{font-size: 20px;font-weight: 600;color: #222222;line-height: 28px; margin-top:8px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card_box{ margin:36px 0;}
.card_box ul{ position:relative; margin:0 -12px;}
.card_box li{ width:25%; padding:0 12px;}
.card_item{ border:2px solid #B5D0FF; border-radius:6px; height:116px; background:url(https://gkbimg.360eol.com/aigeo/cardbg.png) right top no-repeat; background-size:cover;  padding:20px;}
.card_item .name_bt{font-weight: 600;font-size: 16px;color: #222222;line-height: 22px;}
.card_item .number{font-weight: bold;font-size: 36px;font-family: 'alternate';line-height: 38px;}
.card_item .compare_wz{font-size: 14px;color: #222222;line-height: 20px;}
.card_item .compare_wz .num{font-weight: 600; padding:0 4px;}
.arrow_up{ display:inline-block; width:14px; height:14px; background:url(https://gkbimg.360eol.com/aigeo/up.png) right center no-repeat; background-size:14px 14px;}
.arrow_down{ display:inline-block; width:14px; height:14px;background:url(https://gkbimg.360eol.com/aigeo/arrow_down.png) right center no-repeat; background-size:12px 12px;}
.card_box li.card1 .number{color: #1667D6;}
.card_box li.card2 .number{color: #209B31;}
.card_box li.card3 .number{color: #9747CB;}
.card_box li.card4 .number{color: #FF7D19;}

/* 检测平台 */
.check_bar{height: 40px;}
.check_block{ margin-left:40px;}
.check_block .check_bt{font-size: 14px;color: #222222; line-height:22px; margin-right:14px;}
.check_block .check_set{ width:244px;height: 40px;border-radius: 4px;border: 1px solid #DDE2EA; position:relative}
.check_set.input-txt .layui-input{ border:0; background:none;}
.check_set.input-txt .layui-form-select dl{ padding:1px}
.check_set.input-txt .layui-form-select dl dd:hover {background-color:#F8FAFD}
.check_set.input-txt .layui-form-select dl dd.layui-this { background-color:#F8FAFD;color: #0067FF;}
.layui-form-select .layui-edge{ width:14px; height:14px; margin-top:-7px; border:0; background:url(https://gkbimg.360eol.com/aigeo/down.png) center no-repeat; background-size:14px 14px;}
.check_set.input-time:before {position: absolute;z-index:1;content: '';top: 50%;transform: translateY(-50%);right: 6px;width: 20px;height: 20px;background: url(https://gkbimg.360eol.com/aigeo/date.png) center center no-repeat;background-size: 16px 16px;}
.check_set.input-time input {position:relative;z-index:2;display: block;width: 100%;padding: 0 10px;font-size: 14px;border:0;background:none;line-height: 38px;cursor:pointer;}

/* 检测结果 */
.result_table{margin-top:20px;}
.result_table table{ width:100%;border-collapse: collapse;border-spacing: 0; font-size:14px;}
.result_table thead{background: #F8FAFD; border-radius:4px 4px 0 0;}
.result_table th {padding:14px 12px;text-align: center;color: #222;font-weight:600;line-height: 22px;}
.result_table tbody{ border:1px solid rgba(215, 221, 230, 0.8);}
.result_table td{padding:14px 12px;text-align: center;color: #333;line-height: 22px; border-bottom:1px solid rgba(215, 221, 230, 0.8);position: relative;}
.result_table tbody tr:last-child td{border-bottom:0;}
.tuijian{ width:16px; height:16px; margin: 0 auto;}
.tuijian.yes{background:url(https://gkbimg.360eol.com/aigeo/yes.png) center no-repeat; background-size:cover;}
.tuijian.no{background:url(https://gkbimg.360eol.com/aigeo/no.png) center no-repeat; background-size:cover;}
.table_page{ margin-top:20px;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{ border:0;}
.layui-laypage a, .layui-laypage span{ width:20px; height:20px; line-height:20px;margin: 0 10px;padding: 0;text-align: center;}
.layui-laypage a:hover{ color:#0067FF}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ left:0;top:0;padding:0;}
.layui-laypage .layui-laypage-count{ width:auto;}
.page_prev{ width:21px; height:20px;background:url(https://gkbimg.360eol.com/aigeo/prev.png) center no-repeat; background-size:cover;}
.page_next{ width:21px; height:20px;background:url(https://gkbimg.360eol.com/aigeo/next.png) center no-repeat; background-size:cover;}
.layui-laypage-prev:hover .page_prev{background:url(https://gkbimg.360eol.com/aigeo/prev_hover.png) center no-repeat; background-size:cover;}
.layui-laypage-next:hover .page_next{background:url(https://gkbimg.360eol.com/aigeo/next_hover.png) center no-repeat; background-size:cover;}
.layui-disabled .page_prev,.layui-disabled:hover .page_prev{background:url(https://gkbimg.360eol.com/aigeo/prev_disabled.png) center no-repeat; background-size:cover;}
.layui-disabled .page_next,.layui-disabled:hover .page_next{background:url(https://gkbimg.360eol.com/aigeo/next_disabled.png) center no-repeat; background-size:cover;}

/* 效果弹框 */
.layui-layer{border-radius: 20px!important;}
.layui-layer-title{ padding-left:40px!important; background:#fff!important; border:0!important;border-radius: 20px 20px 0px 0px!important;height:60px!important;line-height:60px!important;font-weight: 600!important;font-size: 18px!important;}
.layui-layer-setwin{right:40px!important; top:20px!important;}
.layui-layer-setwin a{ width:20px!important; height:20px!important; background:url(https://gkbimg.360eol.com/aigeo/close.png) center no-repeat!important; background-size:cover!important;}
#custom-layer{ padding:0 40px 36px; display:none}
#custom-layer .top_bar{border-top: 1px solid #D7D7D7;border-bottom: 1px solid #D7D7D7; padding:26px 0;}
.topbar_wz1{font-weight: 600;font-size: 22px;color: #111;line-height: 30px;}
.topbar_wz2{font-size: 14px;color: #222222;line-height: 20px; margin-top:13px;}
.col_01{ color:#245AC1}
.col_02{color:#1C7554}
.col_03{color:#111111}
.talk_con{ margin-top:30px; background: #F1F5F8;border-radius: 8px; max-height:calc(100vh - 300px); padding:28px; padding-bottom:0;}
.talk_box{background: #FFFFFF; padding:20px;font-size: 14px;color: #222222;line-height: 24px; margin-bottom:22px;}
.talk_right .talk_box{border-radius: 12px 0px 12px 12px; text-align:right}
.talk_left .talk_box{border-radius: 0px 12px 12px 12px; text-align:left;}
.talk_left .talk_box p{ margin-top:24px;}
.talk_left .company{ margin-bottom:16px;}
.talk_left .company .logo_pic{ width:40px; height:40px; border-radius:50%; margin-right:14px;}
.talk_left .company .logo_name{font-size: 16px;color: #222222;line-height: 40px;}

/* 登录 */
.login-wrapper{height: 100vh;display: flex;flex-direction: column; background: url(https://gkbimg.360eol.com/aigeo/login-bg.png) right no-repeat;background-size: cover; position: relative;}
.login-header{display: flex;justify-content: space-between;align-items: center; padding:10px;}
.login-container{position: absolute;top: 22%;left: 5%;width:400px;}
.title{ font-size:36px; font-weight:600;}
.sub-title{ margin:24px 0 40px;}
.sub-title .tip{ font-size:14px; line-height:22px; margin-right:8px;}
.sub-title .tip:first-child{ color:#666}
.sub-title a.tip:hover{ color:#333}
.sub-title2,.register-box,.login-phone{ display:none}

.input-item{ margin-bottom:24px; height:40px; border:1px solid #ddd; border-radius:2px; position:relative; padding:0px 12px 0px 40px; background:#fff;transition: all 0.3s;}
.input-item em{ position:absolute;left:12px;top:50%; transform:translateY(-50%); width:18px; height:18px;} 
.input-item em.user{background: url(https://gkbimg.360eol.com/aigeo/user1.png) center no-repeat;}
.input-item em.password{background: url(https://gkbimg.360eol.com/aigeo/password1.png) center no-repeat;}
.form_input{ display:block; width:100%;font-size:14px; border:0; line-height:38px;height:38px;}
.input-item:hover { border-color: #0052d9}
.input-item:focus-within {border-color: #0052d9;box-shadow: 0 0 0 2px #d9e1ff}
.input-item:focus-within em.user{background: url(https://gkbimg.360eol.com/aigeo/user2.png) center no-repeat;}
.input-item:focus-within em.password{background: url(https://gkbimg.360eol.com/aigeo/password2.png) center no-repeat;}
.unlook{ position:absolute;right:12px;top:50%; transform:translateY(-50%); width:16px; height:12px;background: url(https://gkbimg.360eol.com/aigeo/invisible.png) center no-repeat;}
.unlook.looked{background: url(https://gkbimg.360eol.com/aigeo/visible.png) center no-repeat;}
.select_remember{ padding-left:26px; height:30px; position:relative; line-height:30px; cursor:pointer;}
.select_remember:before{ position:absolute; content:'';left:0;top:50%; transform:translateY(-50%); width:16px; height:16px; border:1px solid #ddd; border-radius:2px; background:#fff;transition: all 0.3s;}
.select_remember:hover:before{border-color: #0052d9;}
.select_remember.select:before{ background:url(https://gkbimg.360eol.com/aigeo/select.png) center no-repeat; background-size:cover;border-color: #1890ff;}
.forget,.forget:hover{color: #0052d9}
.submit_btn{ margin:24px 0; height:40px;border-radius:2px; background: #0052d9; color:#fff}
.submit_btn:hover{background:#0052d9; color:#fff}
.switch-container .tip{color: #0052d9; margin-right:16px;}
.switch-container .tip:first-child{ padding-right:16px; position:relative}
.switch-container .tip:first-child:before{ position:absolute; content:''; right:0;top:50%; transform:translateY(-50%); width:1px;height:12px; background:#ddd}

.yanzheng{ margin-bottom:24px;}
.yanzheng .input-item{ padding:0 12px; margin:0; width:250px;}
.yanzheng button{ width:128px; height:30px;border:1px solid #ddd; border-radius:2px; text-align:center; line-height:28px; background:#fff; color:#333;transition: all 0.3s;}
.yanzheng button:hover{color: #0052d9;border-color: #1890ff;}
.blue,.blue:hover{color: #0052d9}
.refresh,.refresh:hover{ margin-left:8px; padding-right:20px;color: #0052d9; background:url(https://gkbimg.360eol.com/aigeo/change.png) right center no-repeat; background-size:16px 16px}
.tu_pic{ width:160px; margin:24px 0;}
.tu_pic img{width:100%}


.step1{color:#adcbff;!important;}
.step2{color:#00a3f5;!important;}
.step3{color:#45b076;!important;}
.step4{color:#dd4097;!important;}
.step5{color:#0067FF;!important;}