@charset "utf-8";
html { color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
body, button, input, select, textarea { font: 14px/1.5 tahoma, arial, "Microsoft YaHei", \5b8b\4f53; font-family: tahoma, "Microsoft YaHei"; color: #333;font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, STHeitiSC-Light, simsun, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif"; }
body { font-size: 14px; line-height: 1.2; }
input, select, textarea { font-size: 100%; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
img { vertical-align: top; }
fieldset, img { border: 0; width: 100%; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 600; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a { text-decoration: none; outline: none; cursor: pointer; color: #333; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.clearfix:after, .clearfix:before { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1;
}
* {font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, STHeitiSC-Light, simsun, WenQuanYi Zen Hei, WenQuanYi Micro Hei,"sans-serif"; word-break: break-all; box-sizing: border-box; word-wrap: break-word;  }
::-webkit-input-placeholder {
font-size: 14px;
color: #999;
}/*webkit*/
:-moz-placeholder {
font-size: 14px;
color: #999;
}           /*firefox 4-18*/
::-moz-placeholder {
font-size: 14px;
color: #999;
}          /*firefox 19+*/
:-ms-input-placeholder {
font-size: 14px;
color: #999;
}      /*ie10+*/
/*滚动样式*/
.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;}


.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_middle { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.mid_center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;-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; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.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; }

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/*@font-face {*/
/*  font-family: 'iconfont2';*/
/*  src: url('font2/iconfont.woff2?t=1731496410594') format('woff2'),*/
/*       url('font2/iconfont.woff?t=1731496410594') format('woff'),*/
/*       url('font2/iconfont.ttf?t=1731496410594') format('truetype'),*/
/*       url('font2/iconfont.svg?t=1731496410594#iconfont') format('svg');*/
/*}*/
/*.iconfont2 {*/
/*    font-family: "iconfont2" !important;*/
/*    font-size: 16px;*/
/*    font-style: normal;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*}*/
@font-face {
    font-family: "iconfont logo";
    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
    src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}

@font-face {
    font-family: 'iconfont';
    src: url('font3/iconfont.ttf?t=1740556229305') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}
body { background: #fff; font-size: 14px; }
.main{ height:100%; position:relative; padding-left:210px;}
.main_left{ position:fixed; z-index:10;top:0; bottom:0;left:0; width:210px; height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;
background: #659CF7 linear-gradient(207deg, rgba(33,223,209,0.77) 0%, #5890FF 31%, #6BA1F3 100%);}
.left_top{width:180px; margin:0 auto; padding:36px 0 23px; border-bottom:2px solid rgba(255,255,255,0.6);margin-bottom:20px; }
.logo{ display:block; width:160px; margin:0 auto;}
.left_menu{ padding-top:12px;}
.left_menu .menu a.name{ position:relative; display:block;height:44px; line-height:44px; padding-left:34px;text-align:left; font-size:16px; color:#000}
.left_menu .menu a.name .iconfont2{ margin-right:10px;}
.left_menu .menu.on a.name{ color:#2F6DF0;}
.left_menu .menu a.name:before{ position:absolute; content:'';right:30px;top:50%; transform:translateY(-50%); width:10px; height:10px; background:url(../images/new_arrow.png) no-repeat;}
.left_menu .menu a.name.empty:before{ display:none;}

.left_menu .sub_menu{ position:relative; display:none;}
.left_menu .sub_menu li{}
.left_menu .sub_menu li a{ display:block;line-height:44px; color:rgba(0, 0, 0, 0.81); font-size:16px; padding-left:60px; text-align:left;}
.left_menu .sub_menu li a:hover,.left_menu .sub_menu li.on a{ background:rgba(22, 93, 255, 0.8);color: #fff;}
.left_menu .menu.on .sub_menu{ display:block;}
.left_menu .menu.on a.name:before{background:url(../images/new_arrow2.png) no-repeat;}

.main_right{text-align:left;}
.right_con{ padding:0 24px;}
.bread {height: 56px; padding:16px 18px;line-height: 22px;color: #666; font-weight:500;background: #FFFFFF;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.1);border-radius: 4px;}
.bread a{color: #666;}
.bread a:hover{color: #3277FF;}
.bread span{color: #000000;}

.sx_box{background: #FFFFFF;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);border-radius: 4px; padding:16px; margin-top:16px;}
.sx_box .title{ padding-left:11px; position:relative;font-size: 18px;font-weight: 500;color: #101E4E;line-height: 25px;}
.sx_box .title:before{ position:absolute; content:'';left:0;top:50%;transform:translateY(-50%); width: 3px;height: 16px;background: #FFD87A;border-radius: 1px;}
.input-item{ margin-top:16px; margin-right:26px;}
.input-item:last-child{margin-right:0;}
.input-item label{    float: left;width: 60px;height: 32px;line-height: 32px;text-align: right; font-size:14px; color: #101E4E;} 
.form_input{height:32px;border-radius:2px;border:1px solid rgba(0,0,0,0.15); width:206px; margin-left:70px;}
.form_input input{ display:block; width:100%; padding:0 10px; font-size:14px; line-height:30px;height:30px;}
.form_choose{ width:206px;position:relative; margin-left:70px;}
.form_choose .form_input{ margin-left:0; width:100%; height:32px;border-radius:2px;border:1px solid rgba(0,0,0,0.15); padding:0 30px 0 10px; line-height:30px;font-size:14px;font-weight:400;
color:rgba(0,0,0,0.65); position:relative; z-index:2; cursor:pointer;}
.form_choose .form_input:after{ position:absolute; content:''; right:0; width:30px; height:30px; background:url(../images/down.png) center center no-repeat; background-size:10px 10px;}
.form_choose .form_list{background:#fff;border-radius:4px;border:1px solid rgba(191,191,191,1); position:absolute; z-index:3;left:0; top:36px;overflow:hidden; overflow-y:auto;padding:10px 0; display:none;}
.form_choose .form_list1{ width:100%; max-height:254px; }
.form_choose .form_list1 ul li{ padding:0 12px; height:30px; line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px;color:rgba(0,0,0,0.85); cursor:pointer;}
.form_choose .form_list1 ul li:hover,.form_choose .form_list ul li.on{color:rgba(0,0,0,1); background:#f1f1f1;} 
.input-time{ position:relative;}
.input-time:before{ position:absolute; content:'';top:50%;transform:translateY(-50%);  right:6px; width:20px; height:20px; background:url(../images/date.png) center center no-repeat; background-size:16px 16px;}

.input-btn{ display:block;width: 84px;height: 32px;border-radius: 16px; margin-right:8px; text-align:center;}
.btn_01{background: #3277FF;color:#fff; line-height:32px;}
.btn_01:hover{color:#fff;}
.btn_02{background: #fff;border: 1px solid #D9D9D9;color: rgba(0,0,0,1);line-height:30px;}
.btn_02:hover{border: 1px solid #679DF6; color:rgba(0, 0, 0, 1);}
.input-btn:last-child{margin-right:0;}

.sx_box2{ margin-top:16px;background: #FFFFFF;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);border-radius: 4px; padding:16px;}
.table table{ width:100%;border-collapse: collapse; border-spacing: 0; border:0;}
.table table th{ height:44px; background:#DFECF9;font-weight: 600; font-size:12px;color: #101E4E;line-height: 17px;  text-align:center;vertical-align:middle;}
.table table td{ text-align:center;font-size:12px; padding:14px 10px;color: #101E4E;line-height:17px;}
.biaoge_01 table tr:nth-child(2n+1) td{background: #f6f9fd;}
.table table td a{ margin:0 6px; text-decoration:underline; font-weight: 600;}
.table table td a.edit{color: #0648CE;}
.table table td a.del{color: #DB5F59;}

.foot_page{ margin-top:20px;}

.tab_menu{ border-bottom:1px solid #CCCCCC; padding:0 16px;}
.tab_menu a{ display:block; margin-right:30px; padding:15px; font-size:18px;font-weight: 600;color: #666666;line-height: 25px; position:relative;}
.tab_menu a.on:before{ position:absolute; content:''; bottom:0;left:0;right:0; margin:0 auto; width: 54px;height: 3px;background: #165DFF;border-radius: 2px;}
.tab_menu a.on{color: #101E4E; font-weight:600;}
.sx_con{ padding:0px 16px 16px;}
.tab_nav{ padding:16px;}
.tab_left ul.tabset{ border:1px solid #4080FF; height:30px;border-radius: 2px; box-sizing:content-box;}
.tabset li{ width:32px;}
.tabset li a{ display:block;width: 32px;height: 30px;background: #FFFFFF;font-size:16px;color:rgba(64, 128, 255, 1);
line-height: 30px; text-align:center;}
.tabset li a.on{background:rgba(64, 128, 255, 1);color:#fff;}


.tab_right .set{border: 1px solid #D9D9D9;border-radius: 2px}
.tab_right .set li{ width:88px; border-left: 1px solid #D9D9D9;height: 32px; position:relative;}
.tab_right .set li:first-child{border-left:0; }
.tab_right .set li a{position:absolute;top:-1px; right:-1px; bottom:-1px; left:-1px;text-align:center;color: rgba(0,0,0,0.65); }
.tab_right .set li a:hover{border:1px solid #3277FF; z-index:2; color: #000000;text-align:center;}
.tab_right .set li a.on{border:1px solid #3277FF;z-index:2; background:#3277FF; color:#fff;}
.tab_right .set li:first-child a{border-radius: 2px 0px 0px 2px;}
.tab_right .set li:last-child a{border-radius: 0px 2px 2px 0px;}
.tab_right .form_choose{ margin-left:16px; width:114px;}

.card_left{ width:62%;background:rgba(255,255,255,0.9);border-radius: 4px; padding:24px 16px;}
.card_right{ width:calc(38% - 16px);background:rgba(255,255,255,0.9);border-radius: 4px; padding:24px 16px;}
.tubiao_title a{ color: #666666; padding:0 10px;}
.tubiao_title a.on{font-weight: 600; color: #0648CE;}
.tubiao1{ width:100%; height:600px;}
.tubiao_box .tubiao{ display:none;}
.tubiao_box .tubiao:first-child{ display:block;}

/**登录页**/
.login_page{ width:100%;height:100vh; background: url(../images/login_bg.png) no-repeat; background-size:cover;}
.login_logo{ position:absolute;top:50px;left:50px; width:280px;}
.login_copy{position:absolute;bottom:28px;left:0px;right:0; text-align:center; font-size:12px;color: #FFFFFF;line-height: 17px;}
.login_con{ position:fixed;left:0;right:0; margin:0 auto;top:50%; transform:translateY(-50%); width:900px; height:470px;}
.login_con .left{ width:50%; height:100%;background: linear-gradient(135deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.25) 40%, rgba(98,153,248,0.14) 100%);
border-radius: 4px 0px 0px 4px;backdrop-filter: blur(1px); position:relative;}
.login_con .left .bt{ margin-top:62px; margin-left:52px; width:350px;}
.login_con .left:before{ position:absolute;content:''; bottom:0;right:0; width:387px; height:290px; background:url(../images/pic.png) no-repeat right bottom;}
.login_con .right{width:50%; height:100%; background:#fff;border-radius: 0px 4px 4px 0px;}
.login_k{ width:292px;}
.login_k .item-con{ margin-top:12px;width: 100%; height: 44px; border:1px solid #dfdfdf; padding-left: 42px; border-radius: 3px; position: relative}
.login_k .item-con:first-child{ margin-top:0px;}
.login_k .item-con input{height:100%; width:100%; display:block;}
.login_k .item-con a{display: block;width: 100%;height: 40px;background: #3277FF;border-radius: 20px; color: #fff; text-align: center;line-height: 40px; font-size: 16px;}
.login_k .forget{text-align: right; }
.login_k .forget a{color: #2593fc; }
.login_k .login-btn{border:none; padding:0; margin-top:23px;}
.login_k .item-con em{position: absolute; left:12px ; top: 13px; width: 18px; height:18px;}
.login_k .item-con em.user{background: url(../images/user.png)}
.login_k .item-con em.password{background: url(../images/password.png)}
.login_k .item-con em.yanzheng{background: url(../images/code.png)}
.login_k .item-con.yanzheng-box input{width:calc(100% - 90px);}
.login_k .item-con.yanzheng-box .code{display: inline-block;width:90px;border-left:2px solid #dfdfdf;height:42px;text-align: center;}
.login_k .item-con.yanzheng-box .code img{height:42px;vertical-align: top;cursor: pointer;margin:0;border:0;}



/**新样式**/
.new_top{ position:fixed; z-index:10; left:0;right:0;top:0;height: 68px;background: #2F6DF0; padding:0 20px 0 12px;}
.school_logo{ height:65px; width:auto}
.school_logo img{    height: 50px;
    margin-top: 10px;}
.school_name{    font-weight: 600;
    font-size: 23px;
    color: #FFFFFF;
    line-height: 63px;
    margin-left: 35px;}


.user-bar{float: right;min-width: 320px;height: 80px;line-height: 80px;padding-right: 14px;}
.user-bar ul li{float: left;margin-left: 10px;position: relative;}
.user-bar ul li h4{display: inline-block;font-size: 14px;color: #FFFFFF;}
.user-bar ul li dl{position: absolute;top: 80px;right: 0;background:#fff;box-shadow: 0 0 10px #ccc;width: 130px;display: none; z-index: 9999;}
.user-bar ul li dl dd{height: 40px;line-height: 40px;text-indent: 10px;}
.user-bar ul li dl dd a{color: #fff;font-size: 14px;color: #666;display: block;-webkit-transition:all 0.3s;transition:all 0.3s;}
.user-bar ul li dl dd a:hover{background:#eee;}
.user-bar ul li img{width: 40px;height: 40px;border:1px solid #f0f0f0;border-radius: 50%;margin-top: 20px;}

.smenu{background: url(../images/sprite.png) no-repeat 0 0;background-size:24px 24px;display:block;width: 26px;height: 24px;margin-top: 28px;cursor: pointer;}
.user-bar ul li {
    float: right;
    margin-left: 10px;
    position: relative;
}

.new_kxdcon{position: relative;padding-left: 210px; padding-top:68px;min-height:100vh;}
.new_left{top:68px; height:auto;background: linear-gradient( 178deg, #F0F4FF 0%, #D4E3FF 100%); overflow-x:hidden}
.new_left:before{ position:absolute; content:''; left:130px;top:50%; transform:translateY(-50%);width: 220px;height: 461px;

    background: #BEDAFF;


    opacity: 0.7;filter: blur(35px);
    /* 透明效果 */
    opacity: 0.7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
    filter: alpha(opacity=70); /* IE5-7 ‌:ml-citation{ref="1,5" data="citationList"} */

    /* 模糊效果 */
    filter: blur(35px); /* 现代浏览器 ‌:ml-citation{ref="2,7" data="citationList"} */
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=35); /* IE模糊效果 ‌:ml-citation{ref="7" data="citationList"} */

}
.new_right{height:calc(100vh - 68px); padding:20px 24px 24px; background: url(../images/kxd_bg2.png) no-repeat; background-size:cover;overflow: auto;}

.cockpit_box2 { position: relative;}
.cockpit_box{background:linear-gradient( 180deg, #F3F7FF 0%, #D2E8FF 100%);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);border-radius: 4px;height:100%; position:relative}
.cockpit_box:before{ position:absolute; content:'';left:0;right:0; bottom:0; height:260px; background:url(../images/mapbg.png) center bottom no-repeat; background-size:100% 100%}
.cockpit_main{ position:relative;padding:39px 35px 30px 35px; height:100%; overflow-x:hidden; overflow:auto;}
.cockpit_top{ height:32px;}
.cockpit_top>div{ min-width:60px;}
.cockpit_top .form_choose{ width:100px;}
.cockpit_con{flex-grow: 1;}
.cockpit_title_bt{font-weight: 600;font-size: 26px;color: #000000;line-height: 30px;}
.cockpit_left{ width:70%;}
.cockpit_right{width:calc(30% - 50px);}
.cockpit_left_top{overflow: hidden;}
.cockpit_left2{ width:calc(40% - 50px);}
.cockpit_k{background: #FFFFFF;border-radius: 4px; padding:20px 15px 25px 15px; position:relative; min-height:200px;}
.cockpit_mt30{ margin-top:30px;}
.cockpit_map{ width:60%;position:relative;overflow: hidden; height:674px }
.cockpit_map:before{ position:absolute; z-index:1; content:''; left:10px;right:10px;top:10px; bottom:10px;background:url(../images/cricle.png) center no-repeat; background-size:560px 560px; animation: myfirst2 60s infinite linear;}
@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@media screen and (max-width: 1800px) {
body{ overflow-y: hidden}
.cockpit_map:before{ position:absolute; z-index:1; content:''; left:10px;right:10px;top:10px; bottom:10px;background:url(../images/cricle.png) center no-repeat; background-size:80%}
}
.cockpit_map .map_box{ position:relative; z-index:2; width:100%; height:100%;}
.cockpit_map .map_biaoge{ position:absolute; z-index:5;top:10%;left:0; width:120px;}
.cockpit_map .map_biaoge li{min-height: 60px;background:rgba(244, 250, 255, 0.9);border-radius: 2px; margin-bottom:11px;padding:12px 18px; text-align: center;}
.cockpit_map .map_biaoge li:last-child{ margin-bottom:0;}
.cockpit_map .map_biaoge li .cockpit_tit{font-size: 14px;font-weight: 600;color: #111111;line-height: 20px;}
.cockpit_map .map_biaoge li .cockpit_txt{font-weight: bold;font-size: 22px;color:#165DFF;line-height: 26px; margin-top:4px;}

.cockpit_card{ margin-top:34px;}
.cockpit_right .cockpit_card{ width:100%;}
.cockpit_card_top{ height:18px; line-height:18px;}
.cockpit_card_bt{font-weight: 600;font-size: 14px;color: #000000; padding-left:24px;background:url(../images/item_bt.png) left center no-repeat;}
.cockpit_card_chars span{ height:18px;font-size: 14px;color:rgba(17, 17, 17, 0.5);padding-left:14px; position:relative; margin-right:8px;}
.cockpit_card_chars span:last-child{ margin-right:0;}
.cockpit_card_chars span:before{ position:absolute; content:'';left:0;top:50%; transform:translateY(-50%);width: 8px;height: 8px;background: #0E42D2;border-radius: 1px;}
.cockpit_card_chars span.color_01:before{background: #0E42D2;}
.cockpit_card_chars span.color_02:before{background: #4382FF;}
.cockpit_card_chars span.color_03:before{background: #00E6FF;}
.cockpit_card_chars span.color_04:before{background: #0071ff;}
.cockpit_card_chars span.color_05:before{background: #c8dffe;}
.cockpit_mt20{ margin-top:20px;}
.cockpit_fenbu{background: #FFFFFF;border-radius: 4px; padding:10px;}
.cockpit_fenbu .pho{width: 60px;height: 60px;border-radius: 2px;background: #BEDAFF; font-size:18px; font-weight:600; color:#294481}
.cockpit_fenbu .pho1{background: #BEDAFF url(../images/man.png) center no-repeat;}
.cockpit_fenbu .pho2{background: #BEDAFF url(../images/woman.png) center no-repeat;}
.cockpit_fenbu .progess{ width:calc(100% - 70px); height:60px;}
.progess .bar{ height:12px;background: #E8F3FF;border-radius: 6px; position:relative}
.progess .bar:first-child{ margin-bottom:10px;}
.progess .bar .num{ position:absolute;top:0;left:0;bottom:0;border-radius: 6px;}
.progess .bar_01 .num{ background: #0E42D2;}
.progess .bar_02 .num{ background: #4080FF;}
.progess .bar .num span{ position:absolute; content:'';left:100%;top:0;bottom:0; width:70px; padding-left:10px; line-height:12px; font-size:12px; color:rgba(17, 17, 17, 0.7)}

.tubiao_school,.tubiao_years{height:300px;}
.tubiao_age,.tubiao_level,.tubiao_keyan,.tubiao_type{height:220px;}
.tubiao_type{ width:calc(100% - 150px);}
.cockpit_tip {
    position: absolute;
    z-index: 2;
    top: 50%;
	transform:translateY(-50%);
    right: 25px;
	line-height:32px;
}
.cockpit_tip p{ position:relative; padding-left:20px;}
.cockpit_tip p:before{ position:absolute; content:'';left:0;top:50%; transform:translateY(-50%);width: 8px;height: 8px;background: #0E42D2;border-radius: 1px;}
.cockpit_tip p.color_04:before{background: #0071ff;}
.cockpit_tip p.color_05:before{background: #c8dffe;}
@media screen and (max-width: 1600px) {
.cockpit_left{ width:100%;}
.cockpit_right{width:100%;  display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.cockpit_right .cockpit_card{ width:calc(33.3% - 15px);}
.tubiao_level,.tubiao_keyan,.tubiao_years{ height:240px;}
}
@media screen and (max-width: 1300px) {
	.cockpit_left2{ width:370px;}
	.cockpit_map{ width:calc(100% - 400px);}
}
.card_new{ width:100%;}
.tab_left .form_choose{ margin-left:16px;}
.form_choose_list{min-width:280px;width:auto;}
.form_choose_list .layui-input-inline{ width:100%}

.form_choose_list .xm-select-parent .xm-select,.form_choose_list .xm-select-parent .xm-select-title{ min-height:30px;}
.form_choose_list .xm-select-parent .xm-input{ min-height:30px;height:29px;}
.form_choose_list .xm-select-parent .xm-select:hover { border-color: #4080FF;}
.form_choose_list div[xm-select-skin=normal].xm-form-selected .xm-select, .form_choose_list div[xm-select-skin=normal].xm-form-selected .xm-select:hover { border-color: #4080FF !important;padding: 1px 10px 1px 10px}
.form_choose_list .xm-select-parent .xm-select{padding: 1px 10px 1px 10px}
.form_choose_list .xm-select-parent .xm-select-sj{border-width: 5px;border-top-color: #333;}
.form_choose_list div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span{background-color: #E8F3FF;    border: 1px solid #E8F3FF; color:#999}
.form_choose_list div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span i{background-color: #E8F3FF;color: #999;}
.form_choose_list .xm-select-parent .xm-select .xm-select-label{white-space: nowrap;}

.form_choose_list .xm-select-parent .xm-form-select dl{ background:rgba(240, 247, 255, 1); border-color:rgba(224, 224, 224, 0.5);}
.form_choose_list .xm-select-parent .xm-form-select dl dd:hover {background-color:rgba(255,255,255,0.5); color:#4080FF; -webkit-transition: .5s all;transition: .5s all}
.form_choose_list div[xm-select-skin=normal] dl dd:not(.xm-dis-disabled) i { border-color: rgba(64, 128, 255, 1);}
.form_choose_list div[xm-select-skin=normal] dl dd.xm-select-this:not(.xm-dis-disabled) i{border: 1px solid #4080FF }
.form_choose_list .xm-select-parent dl dd.xm-select-this div i:after{ position:absolute;top:0;right:0;bottom:0;left:0; content:''; background:url(../images/set_on.png) center no-repeat; background-size:7px 5px;}
.form_choose_list .xm-select-parent .xm-form-select dl dd.xm-select-this  span{ color:#222;}

/**重置**/
.layui-form-select .layui-edge{border-top-color: #333;border-width: 5px;}
.layui-form-select dl dd.layui-this{ background:none; color:#000;}
.layui-form-pane .layui-input{border-radius:2px;}
.layui-input:hover,.layui-textarea:hover { border-color: #4080FF!important}
.layui-input:focus,.layui-textarea:focus { border-color: #4080FF!important}
.layui-input, .layui-select, .layui-textarea{height: 32px;}
.layui-form-select dl{ top:34px; background:rgba(240, 247, 255, 1); border-color:rgba(224, 224, 224, 0.5);}
.layui-form-select dl dd:hover {background-color:rgba(255,255,255,0.5); color:#4080FF; -webkit-transition: .5s all;transition: .5s all}
.input-btn{cursor: pointer;}
.layui-table, .layui-table-view{ margin:0;}
.layui-table-view .layui-table{ width:100%;}
.layui-table-view .layui-table td, .layui-table-view .layui-table th{ padding:8px 0;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background:#1677FF;}
.layui-table-page{ margin-top:10px;border:0;}
.layui-table-page>div{ text-align:right}
.layui-table-page .layui-laypage{ margin-right:10px;}
.layui-laypage a:hover {color: #1677FF}
.layui-laypage input:focus,.layui-laypage select:focus {border-color: #1677FF!important}

/**表格1有翻页**/
.biaoge_01 .layui-table-view{ border:0;}
.biaoge_01 .layui-table[lay-skin=line] td{ border:0;}
.biaoge_01 .layui-table[lay-skin=line] th{ border:0;}
.biaoge_01 .layui-table-header{  border:0;}
/**表格2没有翻页**/
.biaoge_02 .layui-table-box{ border-bottom:1px solid #BEDAFF;}
.biaoge_02 .layui-table-view{ padding-bottom:10px}
.biaoge_02 .layui-table[lay-skin=line] td{border-width: 0 1px 1px 0;border-color: #BEDAFF;}
.biaoge_02 .layui-table-view,.biaoge_02 .layui-table-view .layui-table[lay-skin=line]{border-color:#BEDAFF;}
.biaoge_02 table tr:hover td{ background:#E8F3FF;}
.biaoge_02 .layui-table-view .layui-table th{background:rgba(22, 93, 255, 1);border-width: 0 1px 1px 0;border-color: #BEDAFF; color:#fff}



/**2025-4-9成都医学院后台**/
.my_page .tab_menu{ border: 1px solid #ECECEC; padding:20px 32px 0px;}
.my_pagecon{ position:relative; padding:0px 56px 30px 204px;}
.my_pagecon:before{ position:absolute; content:'';top:250px;left:170px; bottom:0; width:1px; background:#ebebeb}
.my_pagecon .photo_box{ position:absolute;top:32px; left:32px; width: 140px;height: 180px;background: #EEEEEE;border-radius: 0px 0px 0px 0px;}
.my_pagecon .my_info{ padding-top:32px;}
.my_pagecon .layui-form-item{ margin-bottom:24px; width: 30%; }
.my_pagecon .date_time:before{ position:absolute; content:''; top:50%; margin-top:-10px; right:6px; width:20px; height:20px; background:url(../images/date2.png) center; background-size:18px 18px;}
.my_pagecon .layui-form-label{ padding:6px 10px 6px 0; width:100px; box-sizing:border-box; font-size:16px;}
.my_pagecon .layui-input-block{ min-height:32px; margin-left:100px;}
.layui-input-block2{ line-height:32px; margin-left:110px; color:#222; padding-left:10px; font-size:16px;}
.my_pagecon .layui-form-radio{ margin-top:0;}
.my_pagecon .layui-form-radio>i{ font-size:18px;}
.my_pagecon .layui-form-radio>i:hover, .my_pagecon .layui-form-radioed>i{ color:#0052D9}
.my_pagecon .photo_box .logo-img,.my_pagecon .photo_box .logo-img .myphoto{ width: 140px;height: 180px;}
.my_pagecon .photo_box .logo-img .pic_icon{position: absolute; z-index:2;top:50%;left:50%; transform:translate(-50%,-50%);width:37px;height:34px;}
.my_pagecon .upload-btn { position: relative;}
.my_pagecon .upload-btn input {position: absolute;left: 0;top: 0;width: 100%;height: 100%; opacity: 0;cursor: pointer;}

.info_title{ margin-top:32px; border-bottom:1px solid #418CFF;}
.info_titlename{ display:inline-block; height:40px; line-height:28px; border-bottom:4px solid #418CFF;box-sizing:border-box; font-size:20px; font-weight:600; color:#222;}
.info_btn{min-width: 60px;background: #165DFF;border-radius: 2px; font-size:14px; color:#fff; padding:6px 16px; line-height:20px;}
.info_btn:hover{ color:#fff;}
.info_title .info_btn{ float:right;}
.delete_xy{ margin-left:20px; width:32px; height:32px; background:url(../images/delete.png) center no-repeat; background-size:24px 24px; display:block; }
.my_pagecon .pic_box{background: #EEEEEE;border-radius: 0px 0px 0px 0px;border: 1px dotted #DCDCDC;width: 120px;height: 120px;margin-top:16px;}
.my_pagecon .pic_box .logo-img,.my_pagecon .pic_box .logo-img .myphoto{ width: 120px;height: 120px;}
.my_pagecon .pic_box .logo-img span{ padding-top:30px; background:url(../images/add.png) center top no-repeat; background-size:14px 14px; font-size:12px; color:rgba(0,0,0,0.4); line-height:20px;}

.pic_boxtip{ margin-top:8px;color: rgba(0,0,0,0.4); font-size:12px; line-height:20px;}
.my_pagecon .chakan{ color:#165DFF; margin-left:12px;}
.dash_line{ margin-bottom:30px;border-bottom:1px dashed #e1e1e1; }
.add_bk{border-bottom:1px dashed #e1e1e1; padding-bottom:32px; }
.my_pagecon .table table{border: 1px solid #E7E7E7;}
.my_pagecon .table td{border-top: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7; font-size:14px; color: rgba(0,0,0,1);}
.my_pagecon .table th{border-right: 1px solid #E7E7E7;background: #F0F4FF; font-size:14px; font-weight:600;color: rgba(0,0,0,0.4);}
.my_pagecon .table th:last-child,.my_pagecon .table td:last-child{border-right: 0px;}
.project_name{ font-size:18px; color:#666; line-height:20px; margin-bottom:20px;}
.my_pagecon .my_name{ font-size:30px; color:#222; line-height:42px;}
.my_pagecon .edit_name{ margin-left:16px; width:24px; height:24px; background:url(../images/edit.png) center no-repeat; background-size:cover; display:block;}
.my_pagecon .my_job{ margin-top:14px;font-size:20px; color:#999; line-height:28px;}
.info_btn,.dash_line{margin-left:22px}

.tooltip-add {
    background:url(../images/add2.png) center no-repeat no-repeat; background-size:24px 24px;
}
 .tooltip-reduce {
    background:url(../images/delete2.png) center no-repeat no-repeat; background-size:24px 24px;
}
.tooltip-add, .tooltip-reduce {
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
    margin-top: 0px;
    color: #228adf;
    position: absolute;
    right: -30px;
    top: 3px;
}





.mylay_box .mybox{ padding:35px 50px;}
.mylay_box .title1{ font-size:18px; font-weight:600; color:#222; line-height:25px;}
.mylay_box .title2{ font-size:14px; color:rgba(34, 34, 34, 0.3); line-height:20px; margin:12px auto 22px;}
.mylay_box .btn1{width: 100px;height: 32px;background: #FFFFFF;border: 1px solid #3670EF; font-size:13px;color: #3670EF; margin:0 10px;}
.mylay_box .btn2{width: 100px;height: 32px;background: #3670EF; font-size:13px;color: #fff; margin:0 10px;}

.mytip{ padding:15px 56px 15px 32px;}
.mytip .info{ height:30px;background: linear-gradient( 90deg, #FFE8C5 0%, #FFFFFF 100%); padding-left:14px; font-size:14px;color: #AE6833; line-height:30px;}
.mytip .info a{color: #AE6833;}




