@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; border:0}
a{ text-decoration:none;}
.mag{ width:1002px; margin:auto}

body { background: linear-gradient(to bottom right, #171717, #222); font-family: "Segoe UI", "Noto Sans SC", sans-serif; color: #eee; margin: 0; padding: 0; }

.top{ background:url(../images/top_bg.png) top left repeat-x; height:128px;}
.top .top_center{ width:1000px; margin:auto; background:url(../images/imgWebp/top_bg_x.webp) right top no-repeat;}
/*top nav*/
.container{ background:url(../images/imgWebp/bg.webp) no-repeat center top #171717; min-height:954px; padding-top: 5px;}
.mian{  min-height:670px; background:url(../images/imgWebp/main.webp) no-repeat; min-height:666px;}
.main_left{ width:520px; min-height:500px; padding:20px 15px 35px 55px; border-radius:10px; float:left; position:relative;}
.main_left .dl_02{ margin-top:30px;}
.main_left dl dt{ font:13px/20px ''; color:#fff; height:30px; margin:15px 0 10px 10px;}
.main_left dl dt em{ float:left;}
.main_left dl dt span{ float:left; margin:20px 0 0 6px;}

.main_right{ width:330px; min-height:400px; float:left; margin-left:43px; border-radius:10px; padding:15px 20px 30px 18px;}
.main_right_01{ border:1px solid #5d4e42; width:300px; height:80px; border-radius:8px; margin:40px auto 25px auto;}
.main_right_01 p{ font:20px/30px '微软雅黑'; color:#fff; padding:12px 0 0 12px;}
.main_right_01 p span{ color:#ff0; }
.main_right_01 div{ font:12px/20px '微软雅黑'; color:#fff; padding:0 0 0 30px;}
.main_right_01 div span{  color:#ff0;}
.main_right .text{ padding:0 0 15px 0px; width:300px; margin:auto; font:13px/22px ''; color:#fff;}
.main_right .text p span{ color:#ff0;}
.main_right .text_img{text-align: center; margin-top: 20px;}
.main_right { color: #ccc; }
.main_right_01 span, .text span { color: #00ffc2; }

.main_left dl dd{ clear:both; width:575px; height:32px; margin-top:8px;}
.main_left dl dd em,.main_left dl dd span,.main_left dl dd abbr,.main_left dl dd samp{ display:inline-block; float:left;}

.main_left dl dd abbr{ width:80px; height:28px; color:#fff; font:13px/28px ''; text-align:center;  border:1px solid #5d5d5d; margin:0 0 0 10px;}
.main_left dl dd em{  width:24px; height:28px; background:url(../images/m_00.png) no-repeat center center; margin:0 0 0 15px;}
.main_left dl dd span{ width:250px; height:28px; color:#fff; font:13px/28px ''; padding-left:6px; border:1px solid #5d5d5d;  margin:0 0 0 15px;}
.main_left dl dd samp{ width:79px; height:28px; color:#333; font:13px/30px ''; text-align:center; background:url(../images/m_07.webp) no-repeat; margin:0 0 0 12px;}
.main_left dl dd samp a{ color:#000; display:flex; width:62px; height:20px; align-items: center; justify-content: center; text-align: center; }
/*.main_left dl dd samp a{ color:#000; display:block;background:url(../images/main_h.png) no-repeat; width:82px; height:32px;}*/
.main_left h6 { text-align:center; margin-top:15px;}
.main_left h6 img{ cursor:pointer;}
.main_left dd { max-width: 500px!important; margin: 0 auto 10px auto; padding: 10px 16px; border-radius: 8px; background: #2c2c2c; margin-bottom: 12px; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; transition: transform 0.2s ease, box-shadow 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.4); }
.main_left dd:hover { transform: scale(1.015); box-shadow: 0 4px 12px rgba(0,255,200,0.3); }
.main_left dd abbr { color: #00ffcc; font-size: 16px; font-weight: bold; margin-right: 10px; animation: pulse 2s infinite; }
.main_left dd samp a { background: #00c8aa; padding: 6px 14px; color: #fff; border-radius: 6px; text-decoration: none; transition: background 0.3s ease, transform 0.2s; box-shadow: 0 2px 6px rgba(0,255,180,0.3); }
.main_left dd samp a:hover { background: #00ffcc; transform: scale(1.05); box-shadow: 0 4px 10px rgba(0,255,180,0.5); }
.main_left { max-height: 520px; overflow-y: auto; padding-right: 4px; }
.main_left dd { padding: 10px 16px; line-height: 1.4; margin-bottom: 10px; border-radius: 8px; background: #2c2c2c; display: flex; align-items: center; justify-content: space-between; }
.main_left dd abbr { font-size: 14px; color: #00ffc2; font-weight: bold; margin-right: 8px; }
.main_left dd samp a { font-size: 13px; padding: 5px 12px; background: #00c8aa; color: #fff; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,255,180,0.25); transition: transform 0.2s ease, box-shadow 0.3s ease; }
.main_left dd samp a:hover { transform: scale(1.05); background: #00ffcc; box-shadow: 0 3px 8px rgba(0,255,180,0.4); }
.main_left { overflow-y: visible; padding-right: 0; }
.main_left dd { max-width: 600px; margin: 0 auto 10px auto; padding: 10px 16px; line-height: 1.4; border-radius: 8px; background: #2c2c2c; display: flex; align-items: center; justify-content: space-between; }
.main_left dd abbr { font-size: 14px; color: #00ffc2; font-weight: bold; margin-right: 8px; }
.main_left dd samp a { font-size: 13px; padding: 5px 12px; background: #00c8aa; color: #fff; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,255,180,0.25); transition: transform 0.2s ease, box-shadow 0.3s ease; }
.main_left dd samp a:hover { transform: scale(1.04); background: #00ffcc; box-shadow: 0 4px 10px rgba(0,255,180,0.4); transition-delay: 0.05s; }

/*main_left*/

.more_img{}
.more_img a{ cursor:pointer;/* display:block;*/ opacity:0.6;}
.more_img a:hover{ opacity:1;}
.more_img .more_img_01{ width:159px; height:250px; float:left; margin-top: 3px;}
.more_img .more_img_02{width:505px; height:250px; float:left;}
.more_img .more_img_02_top{ margin-bottom: 10px;}
.more_img .more_img_02 a{ cursor:pointer; margin-left: 10px;}
.more_img .more_img_03{ float:left; width:335px;}
.more_img .more_img_03 a{ margin-left:10px;}
.more_img .more_img_03 .more_img_03_top{ margin-bottom: 10px;}
/*index_main_right*/



.footer{ background:#1C1C1C; height:78px; padding-top: 20px;}
.footer_main p{ font:13px/30px '微软雅黑'; color:#fff; text-align: center;}
.footer_main p a{ color:#fff;}
.footer_main p a:hover{ color:#ff0;}
.footer { background: #111; padding: 20px 0; }
.footer .p1 a { color: #00c8aa; margin: 0 5px; text-decoration: none; }
.footer .p1 a:hover { text-decoration: underline; color: #00ffd5; }

@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }