@charset "utf-8";
@import url('./ui.css');
@import url('./icons.css');
body{color: var(--gray-8);font-family: "Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial;}
#header{background-color: var(--color-white);height:80px;border-bottom: 1px var(--gray-3) solid;padding:14px 4px;position:sticky;top:0;z-index:100;border-top: 4px var(--blue-6) solid;}
#link{padding:20px;margin-top:8px;}
#footer{padding:20px 0px;line-height:25px;border-top: 1px var(--gray-2) solid;background-color: var(--gray-9);color: var(--color-white);}
.page{max-width: 1280px;margin: auto;}
/* 导航 */
#header .logo{width: 178px;height:50px;background: url(../../img/logo.png) no-repeat center center;display: block;}
#header .navlink{font-weight: 500;font-size: 16px;}
/* 广告 */
.banner_sapixx{background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(100% 1056.25% at 0% 0%, #F7E5F0 0%, #EEEBFF 20.44%, #D2DFFF 100%);color:var(--gray-8);height:500px;overflow: hidden;}
.banner_sapixx_text{padding:60px 120px 40px 120px;text-align: center;}
.banner_sapixx_text .titles{font-size:36px;}
.banner_sapixx_text .texts{font-size:20px;line-height:40px;margin-top:24px;}
.banner_workstar{background:#F5F7FA url('../img/banner.png') no-repeat center center;background-size: cover;height:500px;overflow: hidden;}
.banner_workstar_text{padding:140px 30px;}
.banner_workstar_text .titles{font-size:36px;}
.banner_workstar_text .texts{font-size:20px;line-height:40px;}
/* sapixx栏目 */
.sapixx_main{background-color: #f5f7fa;}
/* 布局 */
.in_apps{background-color: var(--gray-2);}
.in_sapixx,.in_workster{padding:40px 0px;}
.in_sapixx .tile,.in_workster .tile{padding:40px;}
.icon-6x{font-size:36px;}
.page_h2{font-weight: bold;padding-left:20px;margin-left: 20px;position: relative;font-size:20px;}
.page_h2::before {content: "";display: block;position: absolute;left: 0;top: 25%;bottom: 15%;width: 2px;background: currentColor;}
/* 标题 */
.site-heading{margin-bottom: 40px;}
.site-title {text-transform: capitalize;font-size:30px;color: var(--gray-10);margin-top: 5px;margin-bottom: 0;}
.heading-divider {display: inline-block;position: relative;height: 4px;border-radius: 50px;background-color:var(--gray-6);width: 90px;overflow: hidden;}
.heading-divider:after {content: '';position: absolute;left: 0;top: -1.1px;height: 7px;width: 8px;background-color: #fff;-webkit-animation: heading-move 5s infinite linear;animation: heading-move 5s infinite linear;}
@-webkit-keyframes heading-move {0% {transform: translateX(-1px)}50% {transform: translateX(85px)}100% {transform: translateX(-1px)}}
@keyframes heading-move {0% {transform: translateX(-1px)}50% {transform: translateX(85px)}100% {transform: translateX(-1px)}}
/* 下拉 */
.apps{position: absolute;top:76px;left:0;right: 0;z-index: 100;background-color: var(--color-white);padding:10px 20px;width:100%;box-shadow: 0 2px 6px 0 rgb(0 0 0 / 0.08)}
.apps .tile{padding:10px 0px;}
/* 内容 */
.desc {width:800px;color:#3e4652;margin: 60px auto 40px;text-align: center;font-size:18px;line-height:2.2;position: relative;font-weight: 300;}
.desc::before {content: url(./kefu.png);width: 52px;height: 44px;position: absolute;overflow: hidden;left: -100px;top: 20px;}
.desc::after {background-image: url(./kefu.png);width: 52px;height: 44px;position: absolute;overflow: hidden;content: '';right: -100px;top: 20px;background-position: -52px 0;}
@media(max-width:840px){
    .banner_sapixx_text{padding:20px}
    .banner_sapixx_text .titles{font-size:24px;}
    .banner_sapixx_text .texts{font-size:14px;line-height:30px;margin-top:8px;}
    .in_sapixx,.in_workster{padding:20px 0px;}
    .in_sapixx .tile,.in_workster .tile{padding:20px;}
    .desc{width: 100%;}
}
/* 客服 */
#help-prompt {position: fixed;z-index: 10000;right: -10px;bottom: -100px;text-align: center;width: 188px;height: 448px;background: url(./kefu.png) no-repeat;}
#help-prompt .right_code{width: 99px; height: 99px; margin: 0 auto; display: block; margin-top: 30px; margin-left: 30px;}
/* 联系我们 */
.contact{background:url('./kefu.png') no-repeat center center;background-size: cover;text-align: center;}
.contact .title {font-size: 32px;font-weight: 800;color: #fff;padding:80px;}
/* 友情链接 */
.links{color: #fff;padding:40px 20px 0px 20px;text-align: center;}
.table{border: 1px solid var(--gray-3);}
.table thead th{background-color: var(--gray-3);}
.table.table-border td {
    border-left: 1px solid var(--gray-3);
    border-bottom: 1px solid var(--gray-3);
}