/********** 基础样式 **********/
body
{
    font-size: 14px;
    color:#515a6e;
    background-color: #fafafa !important;
}

/********************** 全局苹果风格背景色 ******************/
.BGC_White{     background-color:#FFFFFF;   } /*白色*/
.BGC_Green{     background-color:#44DB5E;   } /*绿色*/
.BGC_LightGreen{background-color:#59ea4f;   } /*淡绿色*/
.BGC_Grass{     background-color:#99CC33; 	} /*草绿色*/
.BGC_Blue{      background-color:#0076FF;   } /*蓝色*/
.BGC_Red{       background-color:#FF3824;   } /*红色*/
.BGC_LightBlue{ background-color:#54C7FC;   } /*淡蓝色*/ 
.BGC_Purple{    background-color:#a949de;   } /*紫色*/
.BGC_Cyan{  	background-color:#05C8E9;	} /*青色*/
.BGC_Orange{    background-color:#FF9600;   } /*橙色*/
.BGC_Yellow{    background-color:#FFCD00;   } /*黄色*/
.BGC_Pink{      background-color:#FF2851;   } /*粉红色*/
.BGC_Gray{      background-color:#8E8E93;   } /*灰色*/
.BGC_GrayLight{ background-color:#CECED3;   } /*淡灰色*/
.BGC_GrayDeep{	background-color:#AAAAAA;   } /*深灰色*/

.BC_Primary{      background-color : #2d8cf0    }
.BC_LightPrimary{ background-color : #5cadff    }
.BC_DarkPrimary{  background-color : #2b85e4    }
.BC_Info{         background-color : #2db7f5    }
.BC_Success{      background-color : #19be6b    }
.BC_Warning{      background-color : #ff9900    }
.BC_Error{        background-color : #ed4014    }

.BC_Title{        background-color : #17233d    }
.BC_Content{      background-color : #515a6e    }
.BC_SubColor{     background-color : #808695    }
.BC_Disabled{     background-color : #c5c8ce    }
.BC_Border{       background-color : #dcdee2    }
.BC_Divider{      background-color : #e8eaec    }
.BC_Background{   background-color : #f8f8f9    }

/************************ 字体颜色定义 ***********************/
.C_White{		color:#FFFFFF !important;	}	/*白色*/
.C_Green{   	color:#44DB5E !important;	}	/*绿色*/
.C_Grass{   	color:#99CC33 !important;	}	/*草绿色*/
.C_Orange{		color:#ff8c05 !important;	}	/*橙色*/
.C_Yellow{    	color:#FFCD00 !important;   } 	/*黄色*/
.C_Red{			color:#ff3824 !important;	}	/*红色*/
.C_Pink{      	color:#FF2851 !important;   } 	/*粉红色*/
.C_Blue{		color:#0076ff !important;	}	/*蓝色*/
.C_Purple{  	color:#a949de !important;	}	/*紫色*/
.C_Cyan{		color:#05C8E9 !important;	}	/*青色*/
.C_Gray{		color:#8E8E93 !important;	}   /*灰色*/
.C_GrayLight{	color:#CECED3 !important;	}   /*淡灰色*/
.C_Black{		color:#111111 !important;	}	/*黑色*/

/********** 颜色 **************/
.C_Primary{      color : #2d8cf0    }
.C_LightPrimary{ color : #5cadff    }
.C_DarkPrimary{  color : #2b85e4    }
.C_Info{         color : #2db7f5    }
.C_Success{      color : #19be6b    }
.C_Warning{      color : #ff9900    }
.C_Error{        color : #ed4014    }

.C_Title{        color : #17233d    }
.C_Content{      color : #515a6e    }
.C_SubColor{     color : #808695    }
.C_Disabled{     color : #c5c8ce    }
.C_Border{       color : #dcdee2    }
.C_Divider{      color : #e8eaec    }
.C_Background{   color : #f8f8f9    }

.C_00{ color:#000000;    }
.C_11{ color:#111111;    }
.C_22{ color:#222222;    }
.C_33{ color:#333333;    }
.C_44{ color:#444444;    }
.C_55{ color:#555555;    }
.C_66{ color:#666666;    }
.C_77{ color:#777777;    }
.C_88{ color:#888888;    }
.C_99{ color:#999999;    }
.C_AA{ color:#AAAAAA;    }
.C_BB{ color:#BBBBBB;    }
.C_CC{ color:#CCCCCC;    }
.C_DD{ color:#DDDDDD;    }
.C_EE{ color:#EEEEEE;    }
.C_FF{ color:#FFFFFF;    }

/************************** 字体配色 *************************/
.FC_Tilte{		color: #000000 !important;	}
.FC_Field{		color: #147ce5 !important;	}
.FC_Content{	color: #515a6e !important;	}
.FC_Sub{		color: #808695 !important;	}
.FC_Icon{		color: #808695 !important;	}
.FC_Disabled{	color: #c5c8ce !important;	}
.FC_Border{		color: #c6c6c8 !important;	}
.FC_Split{		color: #dcdee2 !important;	}
.FC_Background{	color: #f2f2f6 !important;	}
.FS6{	font-size: 6px !important;	}
.FS8{	font-size: 8px !important;	}
.FS10{	font-size: 10px !important;	}
.FS12{	font-size: 12px !important;	}
.FS14{	font-size: 14px !important;	}
.FS16{	font-size: 16px !important;	}
.FS18{	font-size: 18px !important;	}
.FS20{	font-size: 20px !important;	}
.FS22{	font-size: 22px !important;	}
.FS24{	font-size: 24px !important;	}

.FWB{   font-weight: bold;  }

.ivu-poptip-inner
{
    border-radius: 8px !important;
    box-shadow: 0px 2px 8px rgba(0,0,0,.3) !important;
}

/*全屏*/
.FullScreen
{
    position: absolute;
    width:100%;
    height:100%;
}

/*段落*/
.Paragraph
{
    text-indent:2em;
}


/***** 布局 *****/
.HDiv
{
    justify-content:center;
    align-items:center;
    display:flex;
}

.HDivL
{
    justify-content:flex-start;
    align-items:center;
    display:flex;
}

.HDivR
{
    justify-content:flex-end;
    align-items:center;
    display:flex;
}

/***** 纵向向布局 *****/
.VDiv
{
    justify-content:center;
    align-items:center;
	display:flex;
	flex-direction:column;
}

.VDivL
{
    justify-content:center;
    align-items:left;
    display:flex;
	flex-direction:column;
}

.VDivTL
{
    justify-content:flex-start;
    align-items:left;
    display:flex;
	flex-direction:column;
}

/********** 顶部菜单 **********/
.TopBar
{
    position: absolute;
    z-index: 100;
    top: 0px;
    width: 100%;
    background-color: rgba(34,34,34,0.8);
    background-color: rgba( 51, 103, 214, 0.9 );   /* #3367d6 */;

}
.TopBar .Logo
{
    position: absolute;
    left:0px;
    top:0px;
    padding: 5px 10px;
    margin-left:20px;
}
.TopBar .Logo img
{
    height: 50px;
}

.TopBar .ivu-menu
{
    width:100%;
    padding-left:200px;
}
.TopBar .ivu-menu-dark
{
    background-color: transparent !important;
}
.TopBar .ivu-menu-item
{
    border-bottom: 0px;
}

/********** 顶部目录连接 **********/
.TopBar .MenuText
{
    color:#f5f5f7 !important;
}
.TopBar .MenuText:active
{
    color:#2d8cf0 !important;
}
.TopBar .MenuText:hover
{
    color:#5cadff !important;
}

.TopBar a
{
    color:#f5f5f7 !important;
}
.TopBar a:active
{
    color:#2d8cf0 !important;
}
.TopBar a:hover
{
    color:#5cadff !important;
}
.TopBar a:link
{
    color:#f5f5f7 !important;
}
.TopBar a:visited
{
    color:#f5f5f7 !important;
}

/* 菜单提示框的链接 */
.TopBar .ivu-poptip-inner a
{
    color:#515a6e !important;
    text-decoration: underline !important; 
}
.TopBar .ivu-poptip-inner a:active
{
    color:#2d8cf0 !important;
}
.TopBar .ivu-poptip-inner a:hover
{
    color:#5cadff !important;
}

/* 表格协议名称列 */
.ProtocolName
{
    font-weight: bold;
}

/* 卡片 */
.ivu-card
{
    border-radius: 8px !important;
}

/********** 二维码 **********/

.TopBar .QR_Code td
{
    padding:10px;
}

.TopBar .QR_Code a
{
    text-decoration:none;	
}

.TopBar .QR_Code span
{
    padding:4px 4px 3px 4px;
    background-color:#f6f6f8;
    box-shadow: 0 0px 4px rgba(0,0,0,.3);
    border-radius:8px;

    justify-content:center;
    align-items:center;
	display:flex;
	flex-direction:column;
}
.TopBar .QR_Code span:hover
{
    opacity:0.8;
    transition:opacity 0.2s linear reverse;
    box-shadow:0px 0px 4px #2d8cf0;
}
.TopBar .QR_Code span:hover label
{
    color:#2d8cf0 !important;
}

.TopBar .QR_Code span div
{
    display:block;
    text-align:center;
}

.TopBar .QR_Code span img
{
    width:80px;
    object-fit:cover;
    border-radius:4px;
}

.TopBar .QR_Code span label
{
    width:100%;
    text-align:center;
    color:#515a6e;
    font-size: 14px;
    white-space:nowrap;
}

/********** 轮播样式 **********/
.CenterContent
{
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color:#1d1d1f;
}
.CenterContent .ivu-carousel
{  
    width: 100%;
    height: calc( 100vh );
}

.CenterContent .ivu-carousel-dots-inside
{
    bottom: 80px !important;
}

.CenterContent .bgImage
{
    position: relative;
    width:100%;
    height: calc( 100vh );
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center center;
    image-rendering: smooth;
}

/* 轮播图片描叙 */
.CenterContent .Describe
{
    position: relative;
    width: calc( 100vw - 650px  );
    height: calc( 50vh );
    left:250px;
    top: calc( 50vh / 2 );
    border: solid 0px #f00;
    right:300px;
    white-space: nowrap; 
}

.CenterContent .Describe .Title
{
    font-size: 26px;
    font-weight: bold;
}
.CenterContent .Describe .Content
{
    font-size: 18px;
    font-weight: lighter;
}

.CenterContent .Describe li
{
    margin-bottom: 10px;
    list-style-type:none;
}

/* 模糊背景 */
.CenterContent .Blur
{
    filter:blur(1px);
}

/********** 底部工具条 **********/
.BottomBar
{
    position:fixed;
    bottom:0px;
    width:100%;
    padding:10px;
    background-color: rgba(255,255,255,1);   /* #f5f5f7; */
    color:#515154;
}

.BottomBar .Split
{
    margin-left:10px;
    margin-right:10px;
    height:16px;
    border-left: solid 1px #aaa;
}

.BottomBar .Copyright
{
    width: 100%;
    justify-content:center;
    align-items:center;
    display:flex;
    flex-direction:column;
    line-height: 24px;
}