*{ margin:0px; padding:0px; font-size:14px; color:#333333;  text-align:left; font-family:微软雅黑;}
a{ text-decoration:none;}
img{ border:0px;}
html, body { background-color:#000; }
@font-face {
    font-family: 'iconfont'; /* Project id 1509052 */
    src: url('//at.alicdn.com/t/c/font_1509052_ar90kkum21r.woff2?t=1669555024291') format('woff2'), url('//at.alicdn.com/t/c/font_1509052_ar90kkum21r.woff?t=1669555024291') format('woff'), url('//at.alicdn.com/t/c/font_1509052_ar90kkum21r.ttf?t=1669555024291') format('truetype');
}
.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.top{ width:100%; height:120px; display:flex; align-items:center; position:fixed; top:0px; z-index:999; background-color:rgba(0,0,0,0.9); }
#logo{ width:250px;}

.navigation_box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.navigation{display:flex; justify-content:center; align-items:center;}
.navigation_a{ color:#fff; display:inline-block; margin-right:10px; font-size:16px; transition:all 0.5s; height:30px; padding:5px 5px 5px 15px; line-height: 30px;}
.navigation_a:hover{height:30px; padding:5px 10px 5px 10px; background-color:#7b04ce;  margin-right:10px;}

.top_right_box {    display: flex;    align-items: center;}

.search_box {background-image: url(/img/search_ico.png); background-size:28px; background-color:#000; background-position: 5px center; width:40px; height:32px; background-repeat: no-repeat;  border: 2px #000 solid;  margin-left: 15px; transition:all 0.5s; border-radius:16px; outline:none; cursor:pointer; padding-left:40px; box-sizing:border-box; color:#fff; margin-right:15px;}
.search_box:focus{ width:150px; border: 2px #7b04ce solid;}

.text_bs {    background: linear-gradient(to right,#0423dd,#00ffcf);    -webkit-background-clip: text;    background-clip: text;    color: transparent;    -webkit-text-fill-color: transparent;}

.ts_box{width:130px;height:50px;color:#fff;position:relative;border-radius:5px;overflow:hidden; animation:fangda 1.2s ease-in-out infinite normal}
.ts_box::after{content:"";position:absolute;z-index:9;left:-5px;top:-50px;width:140px;height:140px;background:linear-gradient(to right,#02a3a9,#3a40fb);color:#fff;display:flex;justify-content:center;align-items:center;animation:run 3s linear 0s infinite}
@keyframes run{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.ts_box{}
.ts_box_text{width:120px;height:40px;display:block;text-align:center;line-height:40px;font-size:16px;background-color:#000;left:5px;top:5px;color:#fff;border-radius:5px;position:relative;z-index:10;}
@keyframes fangda{
0%{ transform: translateY(0);}
50%{ transform: translateY(6px);}
100%{ transform: translateY(0px);}
}