@charset "utf-8";
/* CSS Document */

.xd_space{ padding:0 0 20px; background:#FFFFFF;}
.xd_space_header{ margin-bottom:20px; padding:0 20px; height:60px; border-bottom: 1px solid #F2F2F2; display:flex; align-items:center; box-sizing:border-box;}
.xd_space_title{ line-height:60px; font-size:16px; color:#131B26; font-weight:600;}
.xd_space_title:before{ content:''; width:4px; height:12px; margin:-3px 6px 0 0; background: #169A9A; border-radius: 10px; display:inline-block; vertical-align:middle;}
.xd_space_return{ margin-right:10px; width:54px; height:22px; line-height:22px; background: #F7FAFC; border: 1px solid #E1EBFA; font-size:12px; color:#92A1B6; border-radius: 50px; text-align:center;}
.xd_space_return:before{ content:''; width:10px; height:10px; margin:-3px 4px 0 0; background:url(../images/ico-xd-return.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}

.public_breadcrumb{ height:24px; line-height:24px; font-size:16px;}
.public_breadcrumb li{ position:relative; color:#6B89B3; float:left;}
.public_breadcrumb li a{ color:#6B89B3;}
.public_breadcrumb li:hover,.public_breadcrumb li a:hover{ color:#169A9A;}
.public_breadcrumb li+li{ padding-left:18px;}
.public_breadcrumb li+li:before{ position:absolute; left:0; top:0; content:'/'; display:block; width:18px; font-size:14px; color:#CCCCCC; font-family:simsun; font-weight:600; text-align:center;}
.public_breadcrumb li.active{ color:#131B26; font-weight:400;}
.public_breadcrumb li.active a{ color:#131B26;}

.xd_space_operate{ display:flex; align-items:center; margin-bottom:20px;}

.xd_space_tittabs{ display:flex;}
.xd_space_tittabs li{ position:relative; padding:0 36px; height:60px; line-height:60px; font-size:16px; color:#474C59; cursor:pointer;}
.xd_space_tittabs li.active{ color:#131B26; font-weight:600;}
.xd_space_tittabs li.active:before{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); content:''; width:32px; height:4px; background: #169A9A; border-radius: 2px; display:block;}

.xd_flexone{ -webkit-box-flex:1; flex:1;}

.bnt_darkWhite{ min-width:56px; padding:0 17px; height:34px; line-height:34px; font-size:14px; color:#169A9A; border:solid #169A9A 1px; border-radius: 999px; text-align:center;}
.bnt_darkGreen{ min-width:58px; padding:0 17px; height:36px; line-height:36px; font-size:14px; color:#FFFFFF; background: linear-gradient(261deg, rgba(22, 154, 154, 0.86) 11.49%, rgba(6, 164, 154, 0.86) 93.94%); box-shadow: 0px 2px 9px 0px rgba(22, 154, 154, 0.50); border-radius: 999px; text-align:center;}
.bnt_darkGray{ min-width:58px; padding:0 17px; height:36px; line-height:36px; font-size:14px; color:#8A8B99; background:#F2F3F6; border-radius: 999px; text-align:center;}
.bnt_addwhite:before{ content:''; width:14px; height:14px; margin:-3px 6px 0 0; background:url(../images/ico-xd-add-white.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}
.bnt_addGreen:before{ content:''; width:14px; height:14px; margin:-3px 6px 0 0; background:url(../images/ico-xd-add-green.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}

.bnt_darkWhiteHoveradd{ min-width:56px; padding:0 17px; height:34px; line-height:34px; font-size:14px; color:#169A9A; border:solid #169A9A 1px; border-radius: 999px; text-align:center;}
.bnt_darkWhiteHoveradd:before{ content:''; width:14px; height:14px; margin:-3px 6px 0 0; background:url(../images/ico-xd-add-green.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}
.bnt_darkWhiteHoveradd:hover{ background:#169A9A; color:#FFFFFF;}
.bnt_darkWhiteHoveradd:hover:before{ background:url(../images/ico-xd-add-white.png) no-repeat; background-size:100% 100%;}

.xd_space_operate{ padding:0 20px; display:flex; justify-content:space-between;}
.xd_space_screen{ display:flex;}
.xd_space_screen_row{ min-height:34px; margin:0 20px 20px 0; display:flex; align-items:center;}
.xd_space_screen_name{ padding:0 10px 0 0; font-size:14px; color:#131B26;}

.xd_space_tab{ height:30px; padding:3px; background:#F7F8FA; border-radius:8px; display:flex; align-items:center;}
.xd_space_tab li{ position:relative; padding:0 16px; height:30px; line-height:30px; font-size:14px; color:#8A8B99; cursor:pointer;}
.xd_space_tab li.active{ color:#131B26; font-weight:600; background:#FFFFFF; border-radius: 6px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);}
.xd_space_tab li+li:before{ position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; display:block; width:1px; height:14px; background:#D4D6D9;}
.xd_space_tab li.active:before{ display:none;}
.xd_space_tab li.active+li:before{ display:none;}

.xd_space_payment{ margin-bottom:20px; display:flex; align-items:center;}

/*layui-table*/
.xd_space_table{ margin:0 20px;}
.xd_space_table .layui-table, .layui-table-view{ margin:0;}
.xd_space_table .layui-table td,
.xd_space_table .layui-table th,
.xd_space_table .layui-table-col-set,
.xd_space_table .layui-table-fixed-r,
.xd_space_table .layui-table-grid-down,
.xd_space_table .layui-table-header,
.xd_space_table .layui-table-page,
.xd_space_table .layui-table-tips-main,
.xd_space_table .layui-table-tool,
.xd_space_table .layui-table-total,
.xd_space_table .layui-table-view,
.xd_space_table .layui-table[lay-skin=line],
.xd_space_table .layui-table[lay-skin=row]{ border-color:#F2F2F2; border-left-color:#FFFFFF; border-right-color:#FFFFFF;}
.xd_space_table .layui-table th,
.xd_space_table .layui-table tr.layui-table-hover td,
.xd_space_table .layui-table tr:hover td{ border-left-color:#F2F4F7 !important; border-right-color:#F2F4F7 !important;}
.xd_space_table .layui-table tr:hover, 
.xd_space_table .layui-table thead tr, 
.xd_space_table .layui-table-click, 
.xd_space_table .layui-table-header, 
.xd_space_table .layui-table-hover, 
.xd_space_table .layui-table-mend, 
.xd_space_table .layui-table-patch, 
.xd_space_table .layui-table-tool, 
.xd_space_table .layui-table-total, 
.xd_space_table .layui-table-total tr, 
.xd_space_table .layui-table[lay-even] tr:nth-child(even){ background:#F2F4F7;}
.xd_space_table .layui-table-view .layui-table th{ padding:6px 0; color:#8A8B99;}
.xd_space_table .layui-table-view .layui-table td{ padding:13px 0; color:#131B26;}
.xd_space_table a+a{ margin-left:16px;}
.xd_space_table .colorHref{ color:#169A9A;}
.xd_space_table .colorHref:hover{ color:#169A9A !important;}
.xd_space_table .colorGreen{ color:#00B368;}
.xd_space_table .colorYellow{ color:#F28C24;}
.xd_space_table .colorRed{ color:#F33131;}
.xd_space_table .colorgraydis{ color:#ACB4BF;}
.xd_space_table .layui-table-view .layui-table{ width:100%;}
.xd_space_table .layui-table-page{ height:58px; padding:15px 15px 0; text-align:right;}
.layui-table-view .layui-form-checkbox[lay-skin=primary] i{ border:none; background:none;}
.xd_space_table .layui-form-checkbox[lay-skin=primary] i:before{ content:''; width:18px; height:18px; border:none; background:url(../images/ico-xd-check.png) no-repeat; background-size:100% 100%; display:block}
.xd_space_table .layui-form-checked[lay-skin=primary] i:before{ content:''; width:18px; height:18px; background:url(../images/ico-xd-checked.png) no-repeat; background-size:100% 100%; display:block;}
.xd_space_table .layui-checkbox-disabled[lay-skin=primary] i::before{ background:url(../images/ico-xd-checkdis.png) no-repeat; background-size:100% 100%;}
/*图片*/
.xd_space_table_img .layui-table-view .layui-table td{ padding: 10px 0;}
.xd_space_table_img .layui-table-view .layui-table td .layui-table-cell{ height:60px; line-height:60px;}

.custom-disabled { color: #ACB4BF !important; /* 置灰 */ cursor: not-allowed !important; /* 禁止点击 */ pointer-events: none !important; /* 阻止点击事件 */}

/*table-page*/
.xd_space_table .layui-table-page>div{ height:28px;}
.xd_space_table .layui-table-page .layui-laypage a, 
.xd_space_table .layui-table-page .layui-laypage span.layui-laypage-curr{ padding:0 10px;}
.xd_space_table .layui-laypage a, 
.xd_space_table .layui-laypage span{ color:#8A8B99; margin-bottom:0; vertical-align:top;}
.xd_space_table .layui-laypage a.layui-laypage-next, 
.xd_space_table .layui-laypage a.layui-laypage-prev{ color:#A3B9D9; font-weight:600;}
.xd_space_table .layui-disabled, 
.xd_space_table .layui-disabled:hover{ color:#E1E1E5 !important;}
.xd_space_table .layui-laypage .layui-laypage-curr .layui-laypage-em{ border-radius:4px; background:#169A9A;}
.xd_space_table .layui-table-page select{ vertical-align:top;}

/*page*/
.xd_space_page{ padding:20px; text-align:right;}
.xd_space_page .layui-table-page>div{ height:28px;}
.xd_space_page .layui-table-page{ padding:0; height:auto; border:0;}
.xd_space_page .layui-table-page .layui-laypage a, 
.xd_space_page .layui-table-page .layui-laypage span.layui-laypage-curr{ padding:0 10px;}
.xd_space_page .layui-laypage a, 
.xd_space_page .layui-laypage span{ color:#8A8B99; margin-bottom:0; vertical-align:top;}
.xd_space_page .layui-laypage a.layui-laypage-next, 
.xd_space_page .layui-laypage a.layui-laypage-prev{ color:#A3B9D9; font-weight:600;}
.xd_space_page .layui-disabled, 
.xd_space_page .layui-disabled:hover{ color:#E1E1E5 !important;}
.xd_space_page .layui-laypage .layui-laypage-curr .layui-laypage-em{ border-radius:4px; background:#169A9A;}
.xd_space_page .layui-table-page select{ vertical-align:top;}

.xd_space_table .layui-table-page .layui-laypage button:{ background:#169A9A;}
.xd_space_table .layui-table-page .layui-laypage button::after{ background-color:#169A9A;}
.xd_space_table .layui-table-page .layui-laypage a:hover{ color:#169A9A;}
.xd_space_table .layui-table-page select{ border-color:#169A9A !important;}

.xd_putin{ padding:10px 20px;}
.xd_putin_item{ padding:10px 0; min-height:34px; display:flex; clear:both;}
.xd_putin_wid50{ float:left; width:50%; clear: none;}
.xd_putin_name{ padding:5px 20px 5px; min-width:160px; min-height:24px; line-height:24px; font-size:14px; color:#131B26; text-align:right;}
.xd_putin_name .colorRed{ color:#F33131;}
.xd_putin_select{ height:34px;}
.xd_putin_input{ display:inline-block; width:240px; height:34px; line-height:20px; padding:6px 9px; border:solid #D4D6D9 1px; font-size:14px; color:#131B26; border-radius:4px; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.xd_putin_input:hover,.xd_putin_input:focus{ border-color:#169A9A;}
.xd_putin_input:disabled{ border-color:#F2F2F7; background:#F8F8FA;}
.xd_putin_textarea{ width:440px; height:100px;}
.xd_putin_text{ padding:5px 0px; min-height:24px; line-height:24px; font-size:14px; color:#131B26;}
.xd_attachment{}
.xd_attachment_list{ display:flex; flex-wrap: wrap;}
.xd_attachment_row{ position:relative; margin:0 10px 10px 0; width:70px; height:70px; border:solid #D4D6D9 2px; border-radius:2px; box-sizing:border-box;}
.xd_attachment_row img{ width:100%; height:100%; display:block;}
.xd_attachment_row:hover{ border-color:#169A9A;}
.xd_attachment_jindu{ position:absolute; top:35px; left:0; right:0; width:100%; height:26px; background:rgba(82, 82, 82, .5);}
.xd_attachment_bar{ width:50%; height:26px; background:rgba(22, 154, 154, .5);}
.xd_attachment_txt{ position:absolute; top:0; left:0; right:0; width:100%; height:26px; line-height:26px; font-size:14px; color:#FFFFFF; text-align:center;}
.xd_attachment_zoomin{ display:none; position:absolute; top:0; left:0; z-index:3; width:100%; height:100%; background:rgba(0, 0, 0, 0.50) url(../images/ico-xd-attachment-fd.png) no-repeat 40px 40px; background-size:20px 20px;}
.xd_attachment_close{ display:none; position:absolute; top:-8px; right:-8px; z-index:5; width:20px; height:20px; background:url(../images/ico-xd-attachment-close.png) no-repeat; background-size:100% 100%;}
.xd_attachment_row:hover .xd_attachment_close{ display:block;}
.xd_attachment_row:hover .xd_attachment_zoomin{ display:block;}
.xd_attachment_add{ position:relative; width:70px; height:70px; background:url(../images/ico-xd-attachment-add.png) no-repeat; background-size:100% 100%; overflow:hidden;  cursor:pointer;}
.xd_attachment_add input{ position:absolute; top:0; right:0; font-size:60px; opacity:0; cursor:pointer;}
.xd_attachment_text{ line-height:20px; font-size: 14px; color: #8A8B99;}

.xd_putin_item .bnt_darkWhite,.xd_putin_item .bnt_darkGreen{ margin-right:30px;}

.xd_teach{ flex:1;}
.xd_teach_add{ padding:5px 0 0 0; height:24px; line-height:24px; font-size: 14px; color: #169A9A; display:inline-block; vertical-align:top;}
.xd_teach_add:before{ content:''; width:14px; height:14px; margin:-3px 6px 0 0; background:url(../images/ico-xd-add-green.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}
.xd_teach_list{ display:flex; flex-wrap:wrap;}
.xd_teach_list li{ position:relative; margin:10px 10px 0 0; padding:0 8px; height:24px; line-height:24px; background: #F2F4F7; font-size:12px; color:#8A8B99; border-radius: 30px; cursor:pointer;}
.xd_teach_list li:hover{ color:#474C59;}
.xd_teach_list li .xd_teach_close{ display:none; position:absolute; top:-4px; right:-6px; z-index:5; width:14px; height:14px; background:url(../images/ico-xd-teach-close.png) no-repeat; background-size:100% 100%;}
.xd_teach_list li:hover .xd_teach_close{ display:block;}

.xd_input_time{ display:inline-block; width:240px; height:34px; line-height:20px; padding:6px 9px; border:solid #D4D6D9 1px; font-size:14px; color:#131B26; border-radius:4px; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.xd_input_time{ background:url(../images/ico-xd-input-time.png) no-repeat right 0; background-size:30px auto;}
.xd_input_time:hover,.xd_input_time:focus{ border-color:#169A9A; background:url(../images/ico-xd-input-time.png) no-repeat right -32px; background-size:30px auto;}

.layui-laydate-footer span:first-child.layui-laydate-preview{ display:none !important;}

/*switch*/
.mui-switch { width:36px; height:18px; position:relative;  display:inline-block;background:#CAD5E6;border-radius:14px;-webkit-appearance:none; user-select:none; outline:none; cursor:pointer;}
.mui-switch:before { content:''; width:14px; height:14px; position:absolute; top:50%; left:2px;top:2px; border-radius:50%; background:#fff;}
.mui-switch.checked { border-color:#169A9A;; box-shadow:#169A9A 0 0 0 .16rem inset; background-color:#169A9A; }
.mui-switch.checked:before { left:20px; }
.mui-switch.mui-switch-animbg { transition:background-color ease 0.4s;}
.mui-switch.mui-switch-animbg:before { transition:left 0.3s; }
.mui-switch.mui-switch-animbg.checked { box-shadow:#dfdfdf 0 0 0 0 inset; background-color:#169A9A;; transition:border-color 0.4s, background-color ease 0.4s;}
.mui-switch.mui-switch-animbg.checked:before { transition:left 0.3s;}
.mui-switch>input{ opacity:0; filter:alpha(opacity=0);}

.xd_putin_item .mui-switch{ margin:8px 20px 0 0;}
.xd_putin_muitips{ line-height:34px; font-size:14px; color:#8A8B99}

.xd_input_time_row{ margin-right:20px;}
.xd_input_time_row .xd_input_time{ width:200px;}

/*pop*/
.popOverflow{ overflow:hidden;}
.maskDiv{ opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s; transition:opacity 0.3s 0s, visibility 0s 0.3s;}
.maskDiv.maskFadeOut{ opacity:1; visibility:visible; -webkit-transition:opacity 0.3s 0s, visibility 0s 0s; transition:opacity 0.3s 0s, visibility 0s 0s;}
.maskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(16,26,41,0.76);z-index:999}
.wid440{width:440px;}
.wid640{width:640px;}
.wid840{width:840px;}
.wid1140{width:1140px;}
.popDiv{min-height:100px;background:#FFFFFF;border-radius:10px;position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.popHead{padding:0 30px;line-height:60px;height:60px; border-bottom:solid #f2f2f2 1px; overflow:hidden;}
.popTitle{ font-size:18px; color:#131B26; font-weight:500;}
.popTitle_small{ margin-left:8px; font-size:14px; color:#8A8B99;}
.popClose{display:block;width:18px;height:18px; margin-top:21px; background:url(../images/popClose.png) no-repeat; background-size:18px 18px;}
.popBottom{padding:17px 30px;height:36px; text-align:center;}
.popBottom .bntLinear,.popBottom .bntWhite{ margin-left:30px;}
.popBottomBorder{padding:17px 30px;height:36px; border-top:solid #f2f2f2 1px;}
.popBottomBorder .bntLinear,.popBottomBorder .bntWhite{ margin-left:30px;}
/*bnt*/
.bntLinear{ display:inline-block; vertical-align:top; padding:0 16px; min-width:60px; height:34px; line-height:34px; background:linear-gradient(261deg, rgba(22, 154, 154, 0.86) 11.49%, rgba(6, 164, 154, 0.86) 93.94%); font-size:14px; color:#FFFFFF; font-weight:500; border-radius:18px; box-shadow: 0px 2px 9px 0px rgba(22, 154, 154, 0.50); border-radius: 999px; text-align:center; text-align:center;}
.bntLinear.bntDis{ background:#ab99ff; background:linear-gradient(140deg, #ace7ff 0%, #ab99ff 100%); cursor:context-menu;}
.bntWhite{ display:inline-block; vertical-align:top; padding:0 16px; min-width:60px; height:32px; line-height:32px; border:solid #169A9A 1px; font-size:14px; color:#169A9A; font-weight:500; border-radius:20px; text-align:center;}
.bntWhite.bntDis{ opacity:.4;}

.pop_addsignin{ padding:20px 30px;}
.pop_addsignin_tips{ margin-bottom:20px; padding:10px 20px; height:40px; line-height:20px; background: #FEFBE8; border: 1px solid #FBE59A; font-size:14px; color:#474C59; border-radius: 4px; box-sizing:border-box;}
.pop_addsignin_tips:before{ content:''; width:16px; height:16px; margin:-2px 6px 0 0; background:url(../images/ico-pop-addsignin-tips.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}

.pop_addsignin_list{}
.pop_addsignin_item{ margin-top:20px; min-height:34px; display:flex;}
.pop_addsignin_item:first-child{ margin-top:0;}
.pop_addsignin_name{ padding:5px 20px 5px 0; min-width:170px; min-height:24px; line-height:24px; font-size:14px; color:#131B26; text-align:right;}
.pop_addsignin_name .colorRed{ color:#F33131;}
.pop_addsignin_item .xd_putin_input{ width:320px;}
.pop_addsignin_item .xd_input_time{ width:320px;}
.pop_addsignin_item .chosen-container{ width:320px !important;}

/*checkbox*/
.xdCheck{ width:18px; height:18px; overflow:hidden; position:relative; display:inline-block; vertical-align:middle;}
.xdCheck input{ width:18px; height:18px; filter:alpha(opacity=0); opacity:0; cursor:pointer; display:block; position:absolute; left:0; top:0; z-index:2;}
.xdCheck input+i{ width:18px; height:18px; background:url(../images/ico-xd-check.png) no-repeat; background-size:100% 100%; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.xdCheck input:checked+i{ background:url(../images/ico-xd-checked.png) no-repeat; background-size:100% 100%;}

/*radio*/
.xdRadio{ width:18px; height:18px; overflow:hidden; position:relative; display:inline-block; vertical-align:middle;}
.xdRadio input{ width:18px; height:18px; filter:alpha(opacity=0); opacity:0; cursor:pointer; display:block; position:absolute; left:0; top:0; z-index:2;}
.xdRadio input+i{ width:18px; height:18px; background:url(../images/ico-xd-radio.png) no-repeat; background-size:100% 100%; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.xdRadio input:checked+i{ background:url(../images/ico-xd-radioed.png) no-repeat; background-size:100% 100%;}

.pop_addsignin_radio{ display:flex; align-items:center;}
.pop_addsignin_radio li{ margin-right:16px; padding:7px 0; height:20px; line-height:20px; font-size:14px; color:#131B26;}
.pop_addsignin_radio li .xdRadio{ margin:-2px 10px 0 0;}

/*select-tree-check*/
.px_tree_select{ display:inline-block; vertical-align:top;}
.px_tree_stit{ position:relative; width:240px; height:34px; line-height:34px; background:#ffffff; border-color:#D4D6D9; border-radius:4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.px_tree_stit.curr{ background:#ffffff;}
.px_tree_stit:after{ position:absolute; top:50%; right:10px; margin-top:-6px; content:''; width:12px; height:12px; background:url(../images/select-arrow-gray.png) no-repeat; background-size:100% 100%;}
.px_tree_stit.curr:after{ background:url(../images/select-arrow-green.png) no-repeat; background-size:100% 100%;}
.px_tree_stit:hover{ border-color:#169A9A;}
.px_tree_sbox{ height:auto; border-radius: 0 0 4px 4px; box-shadow:rgba(153,153,153,.2) 0 1px 6px;}

.px_menuztree{ padding-right:8px; max-height:360px; height:auto;}
.px_menuztree::-webkit-scrollbar{ width:8px; height:8px; display:block;}
.px_menuztree::-webkit-scrollbar-track{ background-color: rgba(0, 0, 0, 0); border-radius:5px;}
.px_menuztree::-webkit-scrollbar-thumb{ background-color: #CAD5E6; border-radius: 5px;}
.px_menuztree::-webkit-scrollbar-button{ background-color: rgba(0, 0, 0, 0); display: none;}
.px_menuztree::-webkit-scrollbar-corner{ background-color: none;}
.px_tree_sea{ position:relative; padding:0;}
.px_tree_sea input{ display:block; width:100%; height:30px; line-height:30px; padding:0 12px; background:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.px_tree_sea span{ position:absolute; right:4px; top:50%; margin-top:-15px; cursor:pointer;}
.px_tree_btn a{ width:50%; padding:0; height:30px; line-height:30px;}

.xd_operateManual{ position:fixed; bottom:80px; right:40px; z-index:999999; display: flex; flex-direction: column; align-items: center;}
.xd_operateManual a{ margin-top:20px;}
.xd_operateManual a:first-child{ margin-top:0;}
.xd_operateManual_down{ width:132px; height:50px; line-height:50px; background: #FFF; font-size: 16px; color: #169A9A; border-radius: 32px; box-shadow: 0px 2px 10px 0px rgba(31, 35, 41, 0.10); display:block; text-align:center;}
.xd_operateManual_down:before{ content:''; width:24px; height:24px; margin:-3px 8px 0 0; background:url(../images/ico-xd-operateManual-down.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}
.xd_operateManual_customer{ width:132px; height:50px; line-height:50px; background: #FFF; font-size: 16px; color: #169A9A; border-radius: 32px; box-shadow: 0px 2px 10px 0px rgba(31, 35, 41, 0.10); display:block; text-align:center;}
.xd_operateManual_customer:before{ content:''; width:24px; height:24px; margin:-3px 8px 0 0; background:url(../images/ico-xd-operateManual-customer.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}
.xd_operateManual_customerTwo{ display:block; position:relative; padding:78px 0 0 0;}
.xd_operateManual_customerTwo:before{ position:absolute; left:50%;top:0; z-index:1; margin:0 0 0 -50px; content:''; display:block; width:100px; height:100px; background:url(../images/icon-xd-operateManual-customer.png) no-repeat; background-size:100% 100%; border-radius:50%; box-shadow:0px 0px 10px rgba(190, 199, 236, 0.40);}
.xd_operateManual_customerTwo .xd_operateManual_text{ position:relative; z-index:2; width:132px; height:40px; line-height:40px; font-size: 18px; color: #ffffff; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); border-radius: 100px; box-shadow:0 0 0 1.5px rgba(255, 255, 255, 0.50) inset; display:block; text-align:center; box-sizing:border-box;}

.xd_operateManual_superlarge{ display:block; position:relative; padding:116px 0 0 0;}
.xd_operateManual_superlarge:before{ position:absolute; left:50%;top:0; z-index:1; transform:translateX(-50%); content:''; display:block; width:160px; height:160px; background:url(../images/icon-xd-operateManual-customer.png) no-repeat; background-size:100% 100%; border-radius:50%; box-shadow:0px 0px 10px rgba(190, 199, 236, 0.40);}
.xd_operateManual_superlarge .xd_operateManual_text{ position:relative; z-index:2; width:212px; height:64px; line-height:64px; font-size: 28px; color: #ffffff; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); border-radius: 100px; box-shadow:0 0 0 1.5px rgba(255, 255, 255, 0.50) inset; display:block; text-align:center; box-sizing:border-box;}

.xd_myCourse{ padding:0 20px;}
.xd_myCourse_item{ position:relative; padding:20px 0; border-bottom:solid #F2F2F2 1px;}
.xd_myCourse_pic{ position:absolute; left:0; top:20px; width:200px; height:120px; margin:0 20px 0 0; border: 1px solid #F2F2F2; border-radius:8px; box-sizing:border-box; overflow:hidden;}
.xd_myCourse_pic img{ width:100%; height:100%; display:block;}
.xd_myCourse_con{ padding:0 340px 0 220px; min-height:120px;}
.xd_myCourse_title{ line-height:24px; font-size: 18px; color: #131B26; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xd_myCourse_title a{ color:#131B26;}
.xd_myCourse_ul{ display:flex; flex-wrap:wrap;}
.xd_myCourse_ul li{ width:33.33%; line-height:20px; margin:10px 0 0 0; color:#474C59; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xd_myCourse_ul li .xd_text_color{ color:#131B26;}
.xd_myCourse_ul li.xd_wid100{ width:100%;}
.xd_myCourse_ul li.xd_wid25{ width:25%;}
.xd_myCourse_bnt{ position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; flex-wrap:wrap; justify-content: flex-end; width:340px;}
.xd_myCourse_bnt .bnt_darkGray,
.xd_myCourse_bnt .bnt_darkGreen,
.xd_myCourse_bnt .bnt_darkWhite{ margin:10px 0 10px 20px}

.pop_myCourse{ padding:10px 30px 30px; max-height:499px; overflow:auto;}
.pop_myCourse_ul{ display:flex; flex-wrap:wrap;}
.pop_myCourse_ul li{ margin-top:20px; width:50%; line-height:20px; font-size:14px; color:#474C59; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pop_myCourse_ul li:nth-child(1){ margin-top:0;}
.pop_myCourse_ul li:nth-child(2){ margin-top:0;}
.pop_myCourse_ul li .xd_span_gray{ color:#131B26;}
.pop_myCourse_ul li.pop_myCourse_width100{ width:100%; white-space:normal; display:block;}
.pop_myCourse_ul li{}

.engine_div_tips{overflow-wrap: anywhere; position:fixed; max-width:240px; z-index:999999; padding:10px 16px; line-height:20px; background:rgba(11, 23, 39, 0.90); font-size:13px; color:#FFFFFF; font-weight:500; border-radius:8px; white-space:normal; -webkit-transition:all .3s linear;transition:all .3s linear;}
  
.l_tnone_course{position: relative;height: calc(100vh - 75px);}
.l_tnone_content{position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;width: 237px;height:210px}
.l_tnone_img{padding-bottom: 14px;}
.l_tnone_text{text-align: center;font-size: 16px;color: #999999;line-height: 24px; padding-left: 43px;}

.q_kc_refresh{ position:absolute; right:10px; top:10px; z-index:99; height:30px; line-height:30px; padding:0 8px 0 12px; background:#169A9A; font-size:14px; color:#FFFFFE; border-radius:2px 6px 2px 2px;}
.q_kc_refresh:hover{ color:#FFFFFE;}
.q_kc_refresh:after{ content:''; width:20px; height:20px; margin:-3px 0 0 3px; background:url(../images/ico-kc-refresh.png) no-repeat; display:inline-block; vertical-align:middle;}

.xd_zanwu_green{ padding:100px 0; line-height:20px; font-size:14px; color:#999999; display: flex; flex-direction: column; align-items: center; text-align:center;}
.xd_zanwu_green:before{ content:''; width:274px; height:225px; margin:0 0 0 10px; background:url(../images/zanwu-green.png) no-repeat; background-size:100% 100%; display:block}

.xd_change{ padding:0 20px;}
.xd_change_item{ margin-top:20px; padding:20px; background:#F7F8FA; border-radius: 8px; display:flex;}
.xd_change_item:first-child{ margin-top:0;}
.xd_change_con{ flex:1;}
.xd_change_ul{ overflow:hidden;}
.xd_change_ul li{ width:50%; margin-top:; float:left; padding:0 50px 0 0; margin-bottom:16px; line-height:20px; font-size:14px; color:#474C59; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; box-sizing:border-box;}
.xd_change_ul li.widbfb100{ width:100%; clear:both; float:none;}
.xd_change_ul li .blackSpanOrigin{ color:#131B26}
.xd_change_ul li .blackSpanAfter{ color:#169A9A; font-size:16px; font-weight:600;}
.xd_change_ul li .blackSpanPhone{ color:#131B26; font-size:16px; font-weight:600;}
.xd_change_tips{ line-height:20px; font-size:14px; color:#8A8B99;}

.xd_change_line{ width:1px; height:98px; background:#E1E7F0; margin:0 50px;}

.xd_change_operate{ min-width:240px; text-align:right;}
.xd_change_operate>div{ margin-top:14px;}
.xd_change_operate>div:first-child{ margin-top:0;}
.xd_change_time{ line-height:20px; font-size:14px; color:#8A8B99;}
.xd_change_state{ line-height:20px; font-size:14px; color:#8A8B99; display:block;}
.xd_change_bnt{ display:flex; align-items:center; justify-content: flex-end;}
.xd_change_bnt .bnt_darkWhite,.xd_change_bnt .bnt_darkGreen{ height:28px; line-height:28px; margin-left:10px;}

.xd_change_state_icon{ padding-left:26px;}
.xd_change_state_pass{ color:#00B368; background:url(../images/ico-state-pass.png) no-repeat 5px center; background-size:16px 16px;}
.xd_change_state_dai{ color:#F28C24; background:url(../images/ico-state-dai.png) no-repeat 5px center; background-size:16px 16px;}
.xd_change_state_cancel{ color:#8A8B99; background:url(../images/ico-state-cancel.png) no-repeat 5px center; background-size:16px 16px;}
.xd_change_state_fail{ color:#F33131; background:url(../images/ico-state-fail.png) no-repeat 5px center; background-size:16px 16px;}

.popPrompt{ padding:20px 30px; min-height:70px; display:flex; align-items:center; justify-content:center; line-height:20px; font-size:14px; color:#131B26; text-align:center;}

.popExamineRefund{ padding:20px 30px; height:calc(100vh - 200px); overflow:auto;}
.popExamineRefund_pic{}
.popExamineRefund_pic img{ width:100%; display:block;}

/*维护升级*/
.maintain_body{  background:url(../images/icon-maintain-container.png) no-repeat center top; background-size:cover;}
.maintain_header{ width:100%; height:80px; display:flex; align-items:center; background:url(../images/icon-maintain-header.png) no-repeat center top; background-size:auto 80px;}
.maintain_header_title{ padding:0 30px; font-size:24px; color:#FFFFFF;}
.maintain_container{ width:100%; height:calc(100vh - 80px); display:flex; align-items:flex-start; justify-content:center;}
.maintain_text{ padding-top:430px; line-height:22px; font-size:16px; color:#474C59; text-align:center;}
.maintain_text p{ padding:8px 0;}
.maintain_p_blod{ font-size:18px; color:#131B26; font-weight:bold;}

.maintain_border{ margin-top:30px; padding:20px; border:dashed #A0B5D1 1px; border-radius:10px; text-align:left;}
.maintain_border .span_blod{ font-weight:bold;}

/*学院操作手册-页*/
.guide_body_color{ background:#F2F4F7; overflow:hidden;}
.guide_header{ position:relative; z-index:99; display:flex; align-items:center; justify-content:center; height:60px; background:#FFFFFF; border-bottom: 1px solid #F2F2F2; box-sizing:border-box;}
.guide_header_title{ font-size: 20px; color:#333333; font-weight: 600;}

.guide_leftnav{ position:absolute; left:0; top:60px; bottom:84px; z-index:1; background:#ffffff; transition:all .3s linear;}
.guide_leftnav_scroll{ width:236px; height:calc(100vh - 144px); overflow:auto;}
.guide_leftnav_ul{ padding:20px 0;}
.guide_leftnav_ul li{ position:relative; display:flex; align-items:center; padding:20px; height:62px; font-size:16px; color:#131B26; font-weight:400; box-sizing:border-box; cursor:pointer; -webkit-tap-highlight-color: transparent; user-select: none;}
.guide_leftnav_ul li .guide_leftnav_num{ width:20px; height:20px; margin:0 10px 0 0; line-height:20px; background:none; font-size:16px; color:#131B26; border-radius:4px; text-align:center;}
.guide_leftnav_ul li.active{ background:#F5F8F9; color:#169A9A; font-weight:600;}
.guide_leftnav_ul li.active:before{ position:absolute; left:0; top:0; bottom:0; content:''; display:block; width:4px; height:100%; background:#169A9A;}
.guide_leftnav_ul li.active .guide_leftnav_num{ background:#169A9A; color:#FFFFFF;}
.guide_leftnav_ul li:active { background-color: inherit;}

.guide_leftnav_switch{ position:absolute; right:-16px; top:100px; z-index:999; display:flex; align-items:center; justify-content:center; width:16px; height:100px; background:#ffffff; border-radius: 0px 50px 50px 0px; cursor:pointer;}
.guide_leftnav_switch:before{ content:''; display:block; width:14px; height:14px; background:url(../images/icon-guide-leftnav-switch.png) no-repeat; background-size:100% 100%;  transform:rotate(0deg); transition:all .3s linear;}
.guide_leftnav_hide:before{ transform:rotate(180deg);}

.guide_rightcontainer{ margin:0 0 0 236px; height:calc(100vh - 144px); padding:30px; overflow:auto; transition:all .3s linear; box-sizing:border-box;}
.guide_manual{ background:#FFFFFF; border-radius:8px;}
.guide_manual_item{ padding:20px; min-height:800px;}
.guide_manual_cell{}
.guide_manual_head{ padding:10px 20px; background:#F2F4F7; border-radius:8px;}
.guide_manual_title{ display:flex; align-items:center; padding:10px 0; min-height:40px; line-height:40px; font-size:28px; color:#131B26; font-weight:600;}
.guide_manual_numbar{ margin-right:20px; width:36px; height:36px; line-height:36px; background: #169A9A; font-size:28px; color:#FFFFFF; border-radius: 4px; box-shadow: 1px 1px 10px 0px rgba(22, 154, 154, 0.40); text-align:center;}
.guide_manual_textone{ padding:10px 0; min-height:28px; line-height:28px; font-size:20px; color:#131B26; font-weight:600;}
.guide_manual_texttwo{ padding:10px 0; min-height:24px; line-height:24px; font-size:18px; color:#131B26; font-weight:400;}
.guide_manual_textthree{ position:relative; padding:10px 0 10px 18px; min-height:24px; line-height:24px; font-size:18px; color:#131B26; font-weight:400;}
.guide_manual_textthree:before{ position:absolute; left:0; top:18px; content:''; display:block; width:8px; height:8px; background:#131B26; border-radius:50%;}
.guide_manual_listpic{ display:flex; flex-wrap:wrap; padding:10px 20px;}
.guide_manual_listpic li{ width:50%; padding:10px 20px; box-sizing:border-box;}
.guide_manual_listpic li img{ width:100%; display:block;}

.guide_footer{ position:relative; z-index:99; padding:0 20px; width:100%; height:84px; background:#FFFFFF; box-shadow: 0px -1px 12px 0px rgba(1, 39, 78, 0.06); box-sizing:border-box;}
.guide_footer_box{ height:84px; display:flex; align-items:center; justify-content:center;}
.guide_footer_check{ margin:0 10px; line-height:20px; font-size:14px; color:#474C59;}
.guide_footer_check .xdCheck{ margin:-2px 8px 0 0;}
.guide_footer_bnt{ margin:0 10px; width:168px; height:44px; line-height:44px; background: linear-gradient(261deg, rgba(22, 154, 154, 0.86) 11.49%, rgba(6, 164, 154, 0.86) 93.94%); font-size: 16px; color: #FFFFFF; border-radius: 999px; box-shadow: 0px 2px 9px 0px rgba(22, 154, 154, 0.50); text-align:center;}
.guide_footer_gray:before{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:9; content:''; display:block; width:100%; height:100%}
.guide_footer_gray .guide_footer_bnt{ background:#F2F3F6; color:#8A8B99; box-shadow:none;}