﻿/****************************************************************
 -- 【全局样式配置】 --
****************************************************************/
 * { margin:0px; padding:0px; border:0px; box-sizing:border-box; background-clip:padding-box; }
 *,::after,::before { tap-highlight-color:transparent; }
 html { height:100vh; }
 body { height:100%; background-color:#FFFFFF; }
 body::-webkit-scrollbar-track { background-color:#EEEEEE; }
 body::-webkit-scrollbar { width:8px; height:8px; background-color:#E4E4E4; }
 body::-webkit-scrollbar-thumb { background-color:#AAAAAA; border-radius:5px; }
 img { border:0px; }
 table { width:100%; border-collapse:collapse; border-spacing:0px; border:0px; }
 td,th { padding:0px; border:0px; }
 ul, ol, li, dl { list-style:none; }
 i, u, em { font-style:normal; }
 iframe  { background-color:transparent; }
 a       { text-decoration:none; outline:none!important; }
 a:hover { text-decoration:none; text-underline-offset:5px; }

/****************************************************************
 -- 【常用类】 --
****************************************************************/
 /*常用类--元素设置*/
 .body_FF { background-color:#FFFFFF; }
 .body_F5 { background-color:#F5F5F5; }
 .body_F2 { background-color:#F2F2F2; }

 /*常用类--滚动条*/
 .div_auto { overflow:auto; }
 .div_auto::-webkit-scrollbar-track { background-color:#EEEEEE; }
 .div_auto::-webkit-scrollbar { width:8px; height:8px; background-color:#E4E4E4; }
 .div_auto::-webkit-scrollbar-thumb { background-color:#AAAAAA; border-radius:5px; }

 /*常用类--布局*/
 .boxclear { clear:both; overflow:hidden; float:none; height:0; font-size:0; }

 /*常用类--动画时间*/
 .Time00 { animation-duration:0ms;   }
 .Time02 { animation-duration:200ms; }
 .Time04 { animation-duration:400ms; }
 .Time06 { animation-duration:600ms; }
 .Time08 { animation-duration:800ms; }
 .Time09 { animation-duration:999ms; }

 /*常用类--弹出窗口*/
 .OpenPage_bgs { display:none; position:fixed; left:0; top:0; width:100%; height:100%;  background-color:rgba(9,27,60,0.80); z-index:9999; }
 .OpenPage_con { display:none; position:fixed; background-color:#FFFFFF; z-index:99999; border-radius:5px; box-shadow:0px 0px 20px rgba(9,27,60,0.98); }
 .OpenPage_con iframe { width:100%; height:100%; border:none; border-radius:5px; }

/****************************************************************
 -- 【公用类】 --
****************************************************************/
 /*公用--页面背景*/
 .Page_bgA { position:fixed;    z-index:10; width:100%; height:100%; background-image:url('../Image/1002_01.jpg'); background-size:100% auto; background-repeat:no-repeat; background-position:bottom center; }
 .Page_bgB { position:absolute; z-index:20; width:100%; height:100%; background-image:url('../Image/1003_01.jpg'); background-size:100% auto; background-repeat:no-repeat; background-position:top    center; }

 /*公用--页面布局*/
 .conA_box { width:1200px; margin:0px auto; overflow:hidden; padding-top:20px; padding-bottom:16px; } /*顶部LOGO+当前导航*/
 .conB_box { width:1200px; margin:0px auto; padding:50px 100px; min-height:850px; background-image:url('../Image/1002_03.jpg'); background-size:100% auto; background-repeat:no-repeat; background-position:top center; background-color:rgba(255,255,255,0.98); border-radius:5px; box-shadow:0 4px 24px rgba(0,0,0,0.35); } /*表单包裹层*/

 /*公用--当前位置*/
 .conA_box p    { float:right; font-size:16px; color:rgba(255,255,255,0.9); padding-top:55px; padding-right:10px; }
 .conA_box p span { margin-right:8px; margin-left:8px; }
 .conA_box p i    { margin-right:16px; position:relative; top:1px; font-size:15px; }
 .conA_box a  { font-size:16px; color:rgba(255,255,255,0.9); }
 .conA_box a:hover { color:#1446BA; text-decoration:underline; }

 /*公用--关闭页面+返回顶部*/
 .Page_Btn { position:fixed; right:30px; bottom:50px; width:60px; }
 .Page_Btn li { height:60px; margin-bottom:5px; text-align:center; background-color:#183EA0; border-radius:100%; transition:all 0.3s; cursor:pointer; }
 .Page_Btn li:hover { border-radius:10px; }
 .Page_Btn div { font-size:0px; }
 .Page_Btn i   { font-size:20px; color:rgba(255,255,255,0.90); }
 .Page_Btn p   { font-size:12px; color:rgba(255,255,255,0.45); }

/****************************************************************
 -- 【表单类】 --
****************************************************************/
 /*提交表单*/
 .Table01 { width:100%; margin:0 auto; border:0px; }
 .Table01 .trA { background:linear-gradient(to bottom, #E6E6E6 0%, #EFEFEF 100%); }
 .Table01 .trA td { height:40px; line-height:40px; font-size:16px; color:#000000; padding-left:30px; font-weight:bold; letter-spacing:3px; }
 .Table01 .trA td font { font-size:13px; color:#FF6600; margin-left:10px; font-weight:normal; }
 .Table01 th { height:50px; font-size:16px; color:#555555; font-weight:normal; text-align:right; }
 .Table01 th span { font-size:12px; color:#FE3732; font-weight:bold; margin-right:5px; font-family:"宋体"; position:relative; top:-2px; }
 .Table01 th font { font-size:12px; color:#BBBBBB; font-weight:bold; margin-right:5px; font-family:"宋体"; position:relative; top:-2px; }
 .Table01 td { font-size:0px; padding-left:5px; padding-right:5px; }
 .Table01 td span { font-size:14px; color:#FF8800; position:relative; left:5px; top:4px; }
 .Table01 select             { border-bottom:1px solid #D9D9D9; padding:6px 5px; font-size:17px; color:#0061C1; width:100%; background-color:transparent; }
 .Table01 select option      { font-size:17px; }
 .Table01 input[type="text"] { border-bottom:1px solid #D9D9D9; padding:6px 5px; font-size:17px; color:#0061C1; width:100%; background-color:transparent; }
 .Table01 input[type="file"] { border-bottom:1px solid #D9D9D9; padding:6px 5px; font-size:17px; color:#0061C1; width:100%; background-color:transparent; }
 .Table01 textarea           {        border:1px solid #D9D9D9; padding:6px 9px; font-size:17px; color:#0061C1; width:100%; background-color:transparent; border-radius:3px; margin-top:6px; margin-bottom:5px; line-height:175%; }
 .Table01             select:focus { outline:1px solid #BBBBBB; border:1px solid #BBBBBB; border-radius:0px; font-weight:bold; }
 .Table01 input[type="text"]:focus { outline:1px solid #BBBBBB; border:1px solid #BBBBBB; border-radius:0px; font-weight:bold; }
 .Table01 input[type="file"]:focus { outline:1px solid #BBBBBB; border:1px solid #BBBBBB; border-radius:0px; font-weight:bold; }
 .Table01           textarea:focus { outline:1px solid #BBBBBB; border:1px solid #BBBBBB; border-radius:0px; font-weight:bold; }
 .Table01    input::-webkit-input-placeholder { font-size:15px; color:#BBBBBB; font-weight:normal; }
 .Table01 textarea::-webkit-input-placeholder { font-size:15px; color:#BBBBBB; font-weight:normal; }
 .Table01 label  { cursor:pointer; margin-right:60px; }
 .Table01 label input[type="radio"]    { width:21px; height:21px; position:relative; top:2px; }
 .Table01 label input[type="checkbox"] { width:21px; height:21px; }
 .Table01 label span { font-size:16px; color:#0061C1; font-weight:bold; left:8px; top:-2px; position:relative; letter-spacing:2px; }
 .Table01 .Dts { float:left; padding-left:5px; }
 .Table01 .Dts p { font-size:14px; color:#EEA47B; line-height:150%; padding-top:8px; }
 .Table01 .Dts b { font-size:14px; color:#FF3300; }

 /*提交按钮*/
 .BtnA0 { height:43px; line-height:45px; font-size:18px; color:#FFFFFF; text-align:center; border-radius:30px; cursor:pointer; outline:medium; }
 .BtnA1 { background:linear-gradient(to bottom, #1C76E4 0%, #4491EE 100%); }   .BtnA1:hover { background:linear-gradient(to bottom, #4491EE 0%, #1C76E4 100%); }
 .BtnA9 { background-color:#CCCCCC; color:#F4F4F4; }

 /*上传图片*/
 .up_ImgA { overflow:hidden; }
 .up_ImgA li { float:left; margin-right:20px; margin-bottom:20px; width:200px; background-color:#FFFFFF; border:1px dashed #CCCCCC; padding:3px; }
 .up_ImgA .D00 { height:35px; line-height:40px; text-align:center; font-size:14px; color:#777777; letter-spacing:2px; }
 .up_ImgA .D01 { width:100%; }
 .up_ImgA .D11 { width:100%; height:100%; }
 .up_ImgA .D11 iframe { width:100%; height:100%; }
 .up_ImgA .D12 { width:100%; height:100%; display:none; }
 .up_ImgA .D12 .D21 { position:absolute; width:200px; }
 .up_ImgA .D12 .D21 i { position:absolute; font-size:30px; color:#FF3300; right:-6px; top:-12px; cursor:pointer; background-color:#FFFFFF; border-radius:100%; }
 .up_ImgA .D12 .D22 { width:100%; height:100%; background-color:#EEEEEE; text-align:center; display:flex; justify-content:center; align-items:center; }
 .up_ImgA .D12 .D22 img { max-width:100%; max-height:100%; cursor:pointer; }
 .up_ImgA .L0A      { height:180px; }
 .up_ImgA .L0A .D01 { height:calc(100% - 35px); }
 .up_ImgA .L0B      { height:calc(180px - 35px); }
 .up_ImgA .L0B .D01 { height:100%; }

 /*上传图片显示*/
 .xs_ImgA     { width:100%; height:100%; background-color:rgba(0,0,0,0.60); }
 .xs_ImgA div { width:100%; height:100%; text-align:center; display:flex; justify-content:center; align-items:center; }
 .xs_ImgA img { max-width:100%; max-height:100%; }
 .xs_ImgA i   { position:fixed; font-size:45px; color:#FF3300; right:12px; top:12px; cursor:pointer; background-color:#FFFFFF; border-radius:100%; }


/****************************************************************
****************************************************************/