@charset "utf-8";

body { min-width:1400px; background:url(/images/common/content_bg.png) no-repeat; background-size:cover; background-attachment: fixed; }
#header { z-index:1; position:relative; box-shadow:0px 20px 30px #0f2839; }
#header .topHeader {height:35px;line-height:35px;background:linear-gradient(to right, #b0b0b0, #ebebeb 33%, #ebebeb 63%, #b0b0b0);padding: 0 30px;}

#header .topHeader .notice {float:left; width:280px;/* font-size:0; */}
#header .topHeader .notice .noticeTitle {float:left;width:65px;height:25px;line-height: 25px;margin: 5px 0 0;color:#fff;background:linear-gradient(#5e5e5e, #1d1d1d);text-align: center;border-radius:13px;}
#header .topHeader .notice .noticeContent {float:right;width:200px;color: #1a1a1a;}

#header .topHeader .topRight { float:right; font-size:0; }
#header .topHeader .topRight a { display:inline-block; margin:0 20px 0 0; color:#000000; font-size:13px; vertical-align: top; }

#header .topHeader .topRight a.telegram .iconfont { 
    font-size: 35px;
    background: linear-gradient(#20b9f9, #3063b8);
    -webkit-background-clip: text;
    color: transparent;
 }
 #header .topHeader .topRight a .iconfont {
    background: linear-gradient(#5e5e5e, #1c1c1c);
    -webkit-background-clip: text;
    color: transparent;
 }
 #header .topHeader .topRight a strong { font-family:"a3"; color:#3369d1; }
 #header .topHeader .topRight a strong.red { color:#ca3141; }
 #header .topHeader .topRight a button {font-size:12px; border:0;outline:0;border-radius:3px;width:33px;height:19px;line-height:19px;color:#fff;background:#ca3141;margin-left: 5px;vertical-align: 1px;}
 #header .topHeader .topRight a.logout {position:relative;margin: 0 0 0 15px;}
 #header .topHeader .topRight a.logout:after {content:"";position:absolute;left: -14px;top: 12px;width:1px;height:12px;background:#777777;}
 #header .topMiddle { height:240px; background:url(/images/common/header_bg.png) no-repeat; background-size:cover}
 #header .topMiddle h1 { position:relative; }
 #header .topMiddle h1 a { position:absolute; top:5px; left:calc(50% - 140px); animation:diasAnim 15s ease infinite;}
 @keyframes diasAnim {
   0% {
       transform: rotateY(180deg);
       opacity: 0;
   }
   10% {
       transform: rotateY(0deg);
       opacity: 1;
   }
   95% {
       transform: rotateY(0deg);
       opacity: 1;
   }
   100% {
       transform: rotateY(0deg);
       opacity: 0;
   }
 }
 #header .topBottom { height:60px; line-height:60px; background:url(/images/common/header_bottom_bg.png) no-repeat; background-size: cover; text-align: center}
 #header .topBottom > * { display:inline-block; font-size:0; text-align: center; }
 #header .topBottom .menuList ul > li{position:relative; display:inline-block; padding:0 35px 0 0;font-size:0; }
 #header .topBottom .menuList ul > li a { font-family:"a3"; font-size:16px; color:#fff; }
 #header .topBottom .menuList .depth2 { display:none; position:absolute; left:-20px; right:0; top:60px; border:var(--themeBoarder);  background-color: rgba(33, 70, 144, 0.8); text-align: left; width:150px;}
 #header .topBottom .menuList .depth2 li {padding:0px; padding-left:10px;width:100%;}
 #header .topBottom .menuList .depth2 li a:hover{color:yellow;}
 #header .topBottom .menuList .depth2 li:first-child { margin:0px 0 0; }

 #header .topBottom .btRight {height:40px;line-height:40px;border:1px solid #000;outline:1px solid rgb(255,255,255,0.3);background:rgb(0,0,0,0.5);border-radius:20px;vertical-align: top;margin: 10px 0 0 0;}
 #header .topBottom .btRight a { position:relative; vertical-align: top; display:inline-block; height:40px; padding:0 15px; font-size:15px; font-family:"a3"; color:#fff; }
 #header .topBottom .btRight a:after { content:""; position:absolute; left:0; top:12px; width:1px; height:15px; background:#000; border-right:1px solid rgb(255,255,255,0.3);  }
 #header .topBottom .btRight a:first-child:after { display:none; }
 #header .topBottom .btRight a .iconfont { font-size:20px; vertical-align: -3px; }
 #header .topBottom .btRight a.red { color:#f72c2c; }
 #header .topBottom .btRight a.blue { color:#20b8f8; }

 #footer { margin:30px 0 0; padding:35px 0; border-top:1px solid #1a4969; background:#091124; }
 #footer .inner { width:1400px; margin:0 auto; text-align: center; }
 #footer .inner .produce { margin:15px 0 20px;font-family:"a1"; color:#6b7792; line-height:1.5; }
 #footer .inner .copyright { color:#fff; font-family:"a1";}

 #quick { position:fixed; right:30px; bottom:350px }
 #quick .top { display:none; }