<>
body.no-scroll {
overflow-y: auto !important;
}
#erp-banner .swiper-slide img{
width: 100%;
height: 100%;
}
.header_v4 .header_middle .logo{
width: 258px;
}
.userInfo{
height: 45px;
line-height: 45px;
display: flex;
align-items: center;
left: 12px;
padding-right: 8px;
}
.userInfo .phone{
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: #56BEB2;
max-width: 70px;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
display: inline-block;
margin-right: 4px;
}
.userInfo img{
width: 10px;
transform: rotate(180deg);
}
.userInfo:hover .dropdown_box {
height: 355px;
}
.userInfo .dropdown_box{
left: -60px!important;
}
.userInfo:hover > img{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
.header_middle .newLogin{
display: inline-block;
margin-left: 10px;
height: 45px;
line-height: 45px;
font-size: 0;
}
.header_middle .newLogin a{
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: rgba(0000.85);
padding: 0 12px;
height: 18px;
}
.header_middle .newLogin a:first-child{
border-right: 1px solid #D9D9D9;
}
.header_middle .newLogin a:last-child{
padding-right: 0;
}
.header_v4 .category-nav {
height: 0;
transition: all .2s ease;
position: fixed;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.header_v4 .category-nav .category-mask {
display: none;
position: fixed;
z-index: -1;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
}
.header_v4 .category-nav .category-mask.show {
display: block;
}
.header_v4 .category-nav.show {
height: 100%;
}
.header_v4 .category-nav.shrink {
padding-top: 56px !important;
}
.header_v4 .category-nav .category-nav-wrap {
background: #fff;
border-top: 1px solid #E8E8E8;
padding-top: 10px;
padding-bottom: 60px;
/* max-height: calc(100vh - 280px); */
overflow-y: auto;
}
.header_v4 .category-nav .category-nav-wrap.type2 {
padding-bottom: 40px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width: 1080px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-drafting-item {
width: 270px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-drafting-item .nav-title {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 30px 0 0;
text-align: center;
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
color: rgba(0000.85);
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-drafting-item:not(:last-child) .nav-title::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 169px;
background: #E8E8E8;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-drafting-item .nav-title img {
width: 150px;
margin-bottom: 16px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-simulate-title {
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #16B799;
width: 1080px;
margin: 30px auto 0;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-biologys-title {
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #16B799;
width: 1080px;
margin: 30px auto 0;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item.category-nav-simulate-item {
margin-top: 30px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item.category-nav-analysis-item {
margin-right: 38px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item.category-nav-simulate-item.category-nav-item.category-nav-buffets-item {
width: 180px;
padding-left: 20px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item.category-nav-simulate-item .nav-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 120px;
height: 1px;
background: #E8E8E8;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item {
width: 180px;
padding-left: 20px;
margin-top: 30px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item:nth-of-type(n+7) {
margin-top: 40px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-title{
position: relative;
display: flex;
align-items: center;
padding: 0 0 14px;
font-size: 14px;
font-family: PingFang-SC-BoldPingFang-SC;
color: rgba(0000.85);
text-overflow:ellipsis;
white-space: nowrap;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-title img {
width: 24px;
height: 24px;
margin-right: 8px;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-title:hover {
color: #16B799;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 120px;
height: 1px;
background: #E8E8E8;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-child-list {
padding: 6px 0;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-child-list .nav-child-item {
cursor: pointer;
margin-top: 8px;
font-size: 14px;
color: rgba(0000.75);
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-child-list .nav-child-item a {
color: inherit;
}
.header_v4 .category-nav .category-nav-wrap .category-nav-content .category-nav-item .nav-child-list .nav-child-item:hover {
color: #16B799;
}
#bannerList {
height: 350px;
}
input[type=button]:focus,
input[type=submit]:focus,
button:focus {
outline: none;
}
button::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
outline: none;
}
.register-new-guide {
display: none;
position: fixed;
z-index: 10001;
top: 160px;
padding: 17px 20px 22px 20px;
box-sizing: border-box;
width: 420px;
background: linear-gradient(180deg#D6FFFA 0%#FFFFFF 30%);
box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.15);
border-radius: 20px;
}
.register-new-guide.has-dot::before {
content: "";
position: absolute;
top: -71px;
right: 13px;
width: 6px;
height: 6px;
background: #56BEB2;
border-radius: 100%;
}
.register-new-guide.has-dot::after {
content: "";
position: absolute;
top: -66px;
right: 15px;
width: 1px;
height: 67px;
background: #56BEB2;
}
.register-new-guide .close-img{
position: absolute;
top: 24px;
right: 24px;
width: 15px;
height: 14px;
cursor: pointer;
}
.register-new-guide .wawa-box {
display: flex;
align-items: center;
}
.register-new-guide .wawa1-gif {
width: 55px;
height: 56px;
}
.register-new-guide-title {
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: rgba(0,0,0,0.75);
line-height: 26px;
padding-left: 13px;
}
.register-new-guide-desc {
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.75);
line-height: 28px;
margin-top: 24px;
}
.register-new-guide .equity-list {
word-break: break-all;
margin-top: 12px;
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.75);
line-height: 24px;
}
.register-new-guide .equity-list li {
display: flex;
}
.register-new-guide .equity-list li:not(:first-child) {
margin-top: 7px;
}
.register-new-guide .equity-list li .check-img {
position: relative;
top: 4px;
width: 16px;
height: 16px;
margin-right: 8px;
}
.register-new-guide .equity-list .active-txt,
.register-new-guide .equity-list .active-money {
font-size: 14px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #56BEB2;
}
.register-new-guide .equity-list .active-txt2 {
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: #56BEB2;
}
.register-new-guide .equity-list .active-txt2>img {
width: 10px;
height: 13px;
margin-left: 6px;
}
.register-new-guide .equity-list .active-txt2 .active-img {
display: none;
}
.register-new-guide .equity-list .active-txt2:hover {
color: #16B799;
}
.register-new-guide .equity-list .active-txt2:hover .active-img {
display: initial;
}
.register-new-guide .equity-list .active-txt2:hover .default-img {
display: none;
}
.register-new-guide-btn {
margin-top: 17px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 372px;
height: 48px;
background: #56BEB2;
box-shadow: inset 0px 1px 3px 2px rgba(255,251,251,0.78);
border-radius: 23px;
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #FFFFFF;
}
.register-new-guide-btn:hover {
background: #16B799;
color: #FFFFFF;
}
.register-new-guide-arrow-img {
width: 18px;
height: 14px;
margin-left: 9px;
animation: footerNewAccountGuide2 .4s linear infinite alternate;
-webkit-animation: footerNewAccountGuide2 .4s linear infinite alternate;
}
@keyframes footerNewAccountGuide2
{
from {opacity: 0;}
to {opacity: 1;}
}
@-webkit-keyframes footerNewAccountGuide2
{
from {opacity: 0;}
to {opacity: 1;}
}
.register-new-guide .hand-img {
position: absolute;
width: 69px;
height: 55px;
top: 124px;
left: -104px;
animation: handAnimation .4s linear infinite alternate;
-webkit-animation: handAnimation .4s linear infinite alternate;
}
@keyframes handAnimation
{
from {left: -149px;}
to {left: -104px;}
}
@-webkit-keyframes handAnimation
{
from {left: -149px;}
to {left: -104px;}
}
.register-new-guide .handhu-img {
opacity: 0;
position: absolute;
width: 9px;
height: 19px;
top: 136px;
left: -40px;
animation: handhuAnimation .8s linear 0.4s infinite;
-webkit-animation: handhuAnimation .8s 0.4s linear infinite;
}
@keyframes handhuAnimation
{
from {left: -40px;opacity: 1;}
to {left: -60px;opacity: 0;}
}
@-webkit-keyframes handhuAnimation
{
from {left: -40px;opacity: 1;}
to {left: -60px;opacity: 0;}
}
<>
.group-icon{
width:32px;
height:32px;
margin:4px 0 0 20px;
position: relative;
cursor: pointer;
}
.group-icon img{
width:32px;
height:32px;
}
.invite-notify{
width: 172px;
min-height:241px;
box-sizing: border-box;
background-image: url("//cdn0.shiyanjia.com/c/2023/images/group/2.png");
background-size: 100% 100%;
position: absolute;
overflow: hidden;
bottom:-248px;
right:-6px;
z-index:9;
padding-bottom:20px;
/* display:none; */
}
.invite-notify .hidden{
width:14px;
height:14px;
position: absolute;
top:21px;
right:16px;
cursor: pointer;
}
.invite-notify .tips{
margin:27px auto 8px;
font-size: 16px;
text-align: center;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.65);
line-height: 22px;
}
.invite-notify .content{
padding:0 18px;
text-align: center;
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.65);
line-height: 22px;
}
.invite-notify .content span{
font-weight: bold;
color: rgba(0,0,0,0.85);
}
.invite-notify .join-group{
width: 96px;
height: 36px;
background: #56BEB2;
border-radius: 23px;
margin:12px auto 4px;
font-size: 14px;
font-family: PingFangSC-BoldPingFang SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
line-height: 36px;
cursor: pointer;
}
.invite-notify .cancel-join{
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.45);
line-height: 20px;
text-align: center;
cursor: pointer;
}
.header-invite-msg{
height: 58px;
background: #FFFBE6;
border-radius: 2px;
border: 1px solid #FFE58F;
font-size: 16px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.85);
line-height: 26px;
box-sizing:border-box;
padding:0 26px;
display:flex;
align-items:center;
z-index:9;
position: absolute;
top:10vh;
left:50%;
transform: translateX(-50%);
}
.header-invite-msg img{
width:24px;
height:24px;
margin-right:8px;
}
.header-invite-msg2{
height: 84px;
background: #EFF8F7;
border-radius: 2px;
border: 1px solid #56BEB2;
box-sizing:border-box;
padding:16px 26px;
display:flex;
z-index:9;
position: absolute;
top:10vh;
left:50%;
transform: translateX(-50%);
}
.header-invite-msg2 img{
width:24px;
height:25px;
margin-right:16px;
}
.header-invite-msg2-right div:first-child{
font-size: 16px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.85);
line-height: 26px;
margin-bottom:4px;
margin-top:-4px;
}
.header-invite-msg2-right div:last-child{
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.65);
line-height: 22px;
}
[v-cloak]{
display: none;
}
<>
.common-poster-modal {
position: fixed;
z-index: 10000;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.common-poster-modal .common-poster-modal-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.common-poster-modal .common-poster-modal-content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.common-poster-modal .poster-img {
width: 100%;
}
.common-poster-modal .poster-close-img {
cursor: pointer;
position: absolute;
bottom: -16%;
width: 5.3%;
}
.common-poster-modal .poster-link {
cursor: pointer;
position: absolute;
display: block;
left: 6%;
right: 6%;
bottom: -9%;
}
.common-poster-modal .poster-link img {
display: block;
width: 100%;
height: 100%;
}
.common-poster-modal .poster-link .poster-link-initial-btn,
.common-poster-modal .poster-link:hover .poster-link-active-btn {
display: block;
}
.common-poster-modal .poster-link:hover .poster-link-initial-btn,
.common-poster-modal .poster-link .poster-link-active-btn {
display: none;
}
<>
/** 首页改版样式统一 */
#erp-banner {
width: 150px!important;
height: 44px!important;
display: inline-block;
margin: auto;
overflow: hidden;
}
.header-logo {
width: 184px;
height: auto;
margin-right: 17px;
}
.header-center {
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 6px;
font-size: 16px;
display: flex;
}
#commomHeader.header_v4 .header_middle {
padding-top: 17px;
}
.header_v4 .header_middle .header-center .search_box {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 40px;
margin: 3px 0 3px 28px;
border: 1px solid #27B7AA;
border-radius: 4px;
}
.header_v4 .header-center .h_v4_btn.search {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background: #27B7AA;
width: 80px;
}
.deposit_box-category-tag {
display: inline;
height: 19px;
line-height: 19px;
position: absolute;
top: -7px;
right: 11px;
background: linear-gradient(108deg#FFA000 0%#FB7336 100%);
border-radius: 19px 19px 19px 0px;
padding: 0 9px;
font-weight: bold;
font-size: 12px;
color: #fff;
}
.header_v4 .header-center .h_v4_btn.lk_recharge.header_v4 .header-center .h_v4_btn.lk_command {
border: 1px solid #27B7AA;
border-radius: 4px;
}
.header_v4 .header-center .h_v4_btn.search:hover.header_v4 .header-center .h_v4_btn.lk_recharge:hover.header_v4 .header-center .h_v4_btn.lk_command:hover {
background: #0b978b;
color: #FFFFFF;
}
.header_v4 .header-center .h_v4_btn.lk_command {
color: #27B7AA;
margin-right: 21px;
}
.header_v4 .header-center .h_v4_btn.lk_recharge {
margin: 3px 20px;
}
.header-center .userInfo .header-dropdown .dropdown-item .header-account-amount_tag {
display: inline-block;
width: 60px;
height: 19px;
margin-left: 6px;
border-radius: 2px;
background-image: -webkit-gradient(linearleft topleft bottomfrom(#ffae25)to(#ff6000));
background-image: linear-gradient(#ffae25#ff6000);
color: #fff;
font-size: 12px;
line-height: 19px;
text-align: center;
}
.header-center .userInfo .header-dropdown .dropdown-item:nth-child(10) {
border-bottom: 1px solid #E9E9E9;
height: 50px;
line-height: 50px;
}
.header-center .userInfo .header-dropdown .dropdown-item:nth-child(7) {
height: 42px;
line-height: 42px;
border: none;
}
.header-center .userInfo:hover .dropdown_box {
height: 562px;
}
.header-center .dropdown-item:hover {
color: #27b7aa;
}
.header_middle .header-center .newLogin {
margin: 0;
}
.header_v4 .header_middle .search_input {
width: calc(100% - 80px);
}
.search-part {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header_container_top {
display: flex;
}
.header_v4 .header_top .header_container_top ul li.h_code:hover .dropdown_box {
width: 324px;
height: 212px;
}
.header_v4 .header_top .header_container_top ul li div.dropdown_box.userInfo .dropdown_box {
right: 0;
flex-direction: row;
text-align: center;
left: auto;
}
.header_v4 .header_top .header_container_top .dropdown_box_item {
margin-right: 44px;
}
.dropdown_box_code {
width: 122px;
height: 122px;
}
<>
.sci-guide {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 99999;
background: rgba(000.5);
}
.sci-guide-container {
width: 252px;
position: absolute;
display: inline-block;
text-align: center;
}
.sci-guide-container span {
position: absolute;
top: 0;
left: 126px;
display: inline-block;
line-height: 35px;
font-size: 14px;
color: #FFF;
}
.sci-guide-container img {
width: 87px;
height: 134px;
padding-top: 38px;
}
.sci-guide-container h2 {
line-height: 25px;
margin-bottom: 10px;
font-size: 18px;
color: #FFF;
font-weight: bold;
text-align: center;
}
.sci-guide-container p {
line-height: 20px;
font-size: 14px;
color: #FFF;
text-align: center;
}
.sci-guide-container a {
display: block;
width: 90px;
height: 32px;
background: #56BEB2;
line-height: 32px;
margin: 20px auto 0;
font-size: 14px;
color: #FFF;
text-align: center;
border-radius: 16px;
}
<>
/* 弹框 */
.fixed_bar_item1 {
position: fixed;
z-index: 100000;
bottom: 150px;
right: 27px;
display: none;
opacity: 0;
animation:mymove .3s ease-in;
animation-delay:2.5s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.circle_serve {
position: relative;
width: 48px;
height: 121px;
padding: 24px;
background: #27b7aa;
box-shadow: 0px 0px 4px 3px rgba(861901780.15);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.circle_serve img{
width: 24px;
height: 24px;
}
.circle_serve p{
margin-top: 4px;
font-size: 12px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: #FFFFFF;
}
/* service hover 弹框 */
.service_hover_box1 {
left: -300px;
top: -17px;
display: flex;
background: #FFF;
padding: 20px;
padding-bottom: 10px;
}
.service_hover_box1 .service-hover-item-wrap1:not(:first-child) {
margin-left: 40px;
}
.service_hover_box1 .service-hover-item-wrap1 .service-hover-title{
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: rgba(0000.85);
line-height: 22px;
text-align: left;
text-shadow: 0px 0px 4px rgba(0000.15);
margin-bottom: 20px;
}
.service_hover_box1 .service-hover-item-wrap1 .service-hover-ftitle {
margin: 10px 0 9px;
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0000.75);
line-height: 20px;
text-align: center;
text-shadow: 0px 0px 4px rgba(0000.15);
}
.service_hover_box1 .service-hover-item-wrap1 .service-hover-qrcode {
display: block;
width: 122px;
height: 122px;
margin-bottom: 12px;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
border: 2px solid #56BEB2;
}
.service_hover_box1 .service-hover-item-wrap1 .service-hover-tips {
font-size: 14px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #56BEB2;
line-height: 20px;
text-align: center;
text-shadow: 0px 0px 4px rgba(0000.15);
}
.service_hover_box1 .service-hover-item-wrap1 .custom-list-wrap1 {
margin-top: 22px;
}
.service_hover_box1 .service-hover-item-wrap1 .custom-list-wrap1 .customer-item-wrap1 {
display: flex;
align-items: center;
}
.service_hover_box1 .service-hover-item-wrap1 .custom-list-wrap1 .customer-item-wrap1:not(:first-child) {
margin-top: 16px;
}
.service_hover_box1 .service-hover-item-wrap1 .custom-list-wrap1 .customer-item-wrap1>img {
width: 24px;
height: 24px;
margin-right: 18px;
}
.service_hover_box1 .service-hover-item-wrap1 .custom-list-wrap1 .customer-item-wrap1>p {
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0000.65);
text-align: left;
line-height: 20px;
text-shadow: 0px 0px 4px rgba(0000.15);
}
.hover_box1 .customer-tips-img {
width: 231px;
height: 257px;
}
.hover_box1 {
position: absolute;
z-index: -1;
left: -244px;
top: -20px;
box-shadow: 0px 0px 4px 0px rgba(000.15);
transition: all .3s linear;
border-radius: 6px;
padding: 0;
background: transparent;
}
.hover_box1:before {
position: absolute;
z-index: 9;
top: -106px;
right: 0;
bottom: 0;
margin: auto;
content: '';
display: block;
width: 10px;
height: 15px;
background-color: #FFF;
display: none;
}
.hover_box1:after {
position: absolute;
z-index: -1;
right: -5px;
top: -106px;
bottom: 0;
margin: auto;
content: '';
display: block;
width: 10px;
height: 10px;
background-color: #FFF;
transform: rotate(225deg);
box-shadow: 0 0 4px 0 rgba(000.15);
display: none;
}
.hover_box1.service_hover_box:before {
position: absolute;
z-index: 9;
top: -66px;
right: 0;
bottom: 0;
margin: auto;
content: '';
display: block;
width: 10px;
height: 28px;
background-color: #FFF;
}
.hover_box1.service_hover_box:after {
position: absolute;
z-index: -1;
right: -8px;
top: -66px;
bottom: 0;
margin: auto;
content: '';
display: block;
width: 16px;
height: 16px;
background-color: #FFF;
transform: rotate(225deg);
box-shadow: 0 0 4px 0 rgb(0 0 0 / 15%);
}
.hover_box1.service_hover_box.has-qrcode:before.hover_box1.service_hover_box.has-qrcode:after {
top: -132px;
}
/* 其他 */
.club_guide {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 99999;
background: rgba(000.6);
}
.club_main{
width: 1200px;
margin: 0 auto;
position: relative;
}
.club_main .club_title {
position: absolute;
top: 0;
right: 399px;
display: inline-block;
line-height: 34px;
font-size: 14px;
color: #FFF;
opacity: 0;
animation:mymove .3s ease-in;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.club_main .club_step1{
width: 356px;
height: 52px;
line-height: 62px;
position: absolute;
top: 28px;
right: 231px;
font-size: 14px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background: url('//cdn0.shiyanjia.com/c/2020/images/newLoginRegister/member_tips.png') no-repeat;
background-size: 100% 100%;
opacity: 0;
animation:mymove .3s ease-in;
animation-delay:.7s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.club_main .club-new-gif {
width: 102px;
position: fixed;
z-index: 100000;
right: 8px;
bottom: 290px;
opacity: 0;
animation: mymove .3s ease-in;
animation-delay: 1.6s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.club_main .club_step-new{
padding-right: 17px;
width: 356px;
height: 52px;
line-height: 52px;
position: fixed;
bottom: 322px;
right: 118px;
font-size: 14px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #FFFFFF;
text-align: center;
background: url('//cdn0.shiyanjia.com/c/2020/images/newLoginRegister/new_task_tips.png') no-repeat;
background-size: 100% 100%;
opacity: 0;
animation: mymove .3s ease-in;
animation-delay: 1.6s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.club_main .club_step2{
width: 241px;
height: 49px;
position: fixed;
bottom: 50px;
right: 340px;
font-size: 14px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #FFFFFF;
line-height: 22px;
padding-top: 17px;
text-align: center;
background: url('//cdn0.shiyanjia.com/c/common/images/customer_tips.png') no-repeat;
background-size: 100% 100%;
opacity: 0;
animation:mymove .3s ease-in;
animation-delay:3.4s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.club_main .club_btn{
width: 148px;
height: 40px;
border-radius: 20px;
border: 2px solid #FFFFFF;
text-align: center;
line-height: 36px;
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
position: fixed;
bottom: 360px;
left: 50%;
margin-left: -74px;
opacity: 0;
animation:mymove .3s ease-in;
animation-delay:4.1s;
animation-iteration-count:1;
animation-fill-mode:forwards;
}
.club_main .club_btn:hover{
background: #56BEB2;
border: 1px solid #56BEB2;
color: #fff;
}
.bodyFixed{
overflow: hidden;
}
@keyframes mymove
{
from {opacity: 0;}
to {opacity: 1;}
}
.club_closeicon{
position: absolute;
padding: 12px;
cursor: pointer;
right: 0;
top: 0;
}
.club_closeicon img{
width: 16px;
height: 16px;
}
.enterprise_tittle{
right:168px
}
.enterprise_step1{
right:-14px
}
指南针会员
点击这里可以继续加入指南针会员，享受专属权益
点击这里可以查看新手福利，完成任务即可领
如您有任何疑问可直接联系客服
知道啦
在线客服
0天0小时0分
科学指南针有奖举报说明
亲爱的用户，您也可以直接拨打我们的官方电话：400-831-0631，我们将及时为您解答问题
1.除科学指南针官网下单之外，所有个人或单位声称自己为“科学指南针”测试服务提供商/代理商的行为均是不实及假冒行为，我司仅有官网下单一种途径，非官网下单均为假冒。
2.如您发现有任何个人或单位声称自己为“科学指南针”服务商或代理商等假冒行为，请您向我们举报，一经查实，我们将给予您举报奖金。
我要举报
确认提交
投诉
亲爱的用户，您也可以直接拨打我们的官方电话：400-831-0631，我们将及时为您解答问题
确认提交
建议反馈
亲爱的用户，您也可以直接拨打我们的官方电话：400-831-0631，我们将及时为您解答问题
确认提交
做测试身临其境的视频云现场
身临其境的测试体验，高清实时直连的电镜屏幕，测试老师与您一对一沟通选区拍照，在哪里都是试验现场
遍布全国的自营实验室
科学指南针在全国铺建自营实验室，拥有总价超一亿的自营设备，精简对接环节，无需漫长等待，做测试更准确，更高效
专业的团队成员
团队核心成员均来自美国密歇根大学、卡耐基梅隆大学、瑞典皇家工学院、浙江大学、上海交通大学、同济大学等海内外名校， 为您对接测试的项目经理100%具有硕士以上学历
建设更可靠、更高效、更互联的科研基础设施
通过互联网技术建立更可靠的服务标准，全国32个办事处，20个城市拥有自营实验室，专业的设备、专业的老师为您服务
为超过7000+高校和企业提供一站式科研服务
截止2024年8月：已服务超过1800家高校，超过6000家企业，提供664所高校研究所免费上门取样服务，平均每天处理样品数1w+、 注册会员数100w+、平均4.5天出结果、客户满意度超过98%。
1
在线下单
1对1专业咨询
价格透明公开、XPS低至90元
首单0元体验、授信5000元起
2
上门取样
320所高校院所支持上门取样
支持顺丰到付寄样
32个覆盖全国的一二线城市的服务点
3
结果交付
20个全国自营实验室
在线下载、方便快捷
4
售后无忧
售后沟通、绝不推诿
合理复测、支持样品回收
查看更多
科学指南针致力于构建综合性的科研服务平台，专注科研服务，以分析测试为核心， 提供化学测试、生物实验外包、环境检测、模拟计算、科研绘图、论文润色在内的各类科研服务。
立即开启你的指南针之旅
体验首单0元起，先测后付，感受可靠、高效的科研测试及其它服务
注册了解更多
<>
.sci-footer-left h2 {
line-height: 50px;
margin: 0;
font-size: 36px;
color: #FFF!important;
font-weight: bold;
text-align: left;
opacity: 1;
}
.spring-festival-modal {
position: fixed;
z-index: 10002;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(0000.5);
display: flex;
justify-content: center;
align-items: center;
}
.spring-festival-modal .spring-festival-content {
position: relative;
width: 856px;
height: 475px;
}
.spring-festival-modal .spring-festival-content .spring-festival-img {
width: 856px;
height: 475px;
}
.spring-festival-modal .spring-festival-content .close-img {
cursor: pointer;
position: absolute;
top: 43px;
right: -45px;
width: 24px;
height: 24px;
background: url("//cdn0.shiyanjia.com/c/2020/images/simulate/spring-festival-close0.png");
background-size: cover;
}
.spring-festival-modal .spring-festival-content .close-img:hover {
background: url("//cdn0.shiyanjia.com/c/2020/images/simulate/spring-festival-close1.png");
background-size: cover;
}
<>
/* 下单页跳失-CES问卷 */
#sciCESModal {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999999;
width: 372px;
height: auto;
background: #FFFFFF;
padding: 24px 24px 20px;
box-shadow: 0px 4px 12px 0px rgba(0000.12);
border-radius: 8px;
}
/* .sci-ces-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 420px;
height: 310px;
background: url("//cdn0.shiyanjia.com/c/2022/images/buffet/ces_bg.png?t=11") 0 0 / 100% no-repeat;
margin: auto;
padding: 66px 40px 0;
transition: all .3s linear;
} */
.sci-ces-content h4 {
line-height: 24px;
margin-bottom: 16px;
font-size: 14px;
color: rgba(000.75);
font-weight: bold;
}
.sci-ces-content ul {
}
.sci-ces-content ul li {
line-height: 20px;
margin-bottom: 12px;
font-size: 14px;
color: rgba(000.75);
cursor: pointer;
}
.sci-ces-content ul li label {
cursor: pointer;
}
.sci-ces-content ul li input {
width: 12px;
height: 12px;
}
.sci-ces-content img.ces-close {
width: 24px;
height: 24px;
position: absolute;
top: -10px;
right: -12px;
cursor: pointer;
}
.sci-ces-content .ces-success-box {
text-align: center;
}
.sci-ces-content img.ces-success {
width: 48px;
height: 48px;
margin-bottom: 12px;
}
.sci-ces-content p {
line-height: 22px;
font-size: 14px;
color: rgba(000.75);
text-align: center;
}
.sci-ces-content .ces-success-box {
display: none;
}
#sciCESModal a.btn {
display: block;
width: 206px;
height: 36px;
line-height: 36px;
background: #56BEB2;
margin: 32px auto 0;
font-size: 14px;
color: #FFF;
border-radius: 4px;
text-align: center;
}
.footer-new-account-guide {
position: relative;
display: none;
justify-content: center;
overflow: hidden;
background: #2baf9f;
}
.footer-new-account-guide.flex {
display: flex;
}
.footer-new-account-guide img.footer-new-account-guide-bg-img {
width: 1920px;
height: 210px;
}
.footer-new-account-guide-content {
position: absolute;
width: 1200px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.footer-new-account-guide img.footer-new-account-guide-wawa2-img {
position: absolute;
top: 71px;
left: 56px;
width: 88px;
height: 111px;
}
.footer-new-account-guide img.footer-new-account-guide-wawa2-img.animated {
animation:footerNewAccountGuide1 0.4s 1 ease-in-out forwards;
-webkit-animation:footerNewAccountGuide1 0.4s 1 ease-in-out forwards; /*Safari and Chrome*/
}
.footer-new-account-guide-btn {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 142px;
right: 61px;
width: 504px;
height: 46px;
background: #FFF0D6;
box-shadow: inset 0px 1px 3px 2px rgba(255,251,251,0.78);
border-radius: 23px;
font-size: 16px;
font-family: PingFang-SC-BoldPingFang-SC;
font-weight: bold;
color: #875427;
}
.footer-new-account-guide-btn .footer-new-account-guide-arrow-img {
width: 18px;
height: 14px;
margin-left: 9px;
animation: footerNewAccountGuide2 .4s linear infinite alternate;
-webkit-animation: footerNewAccountGuide2 .4s linear infinite alternate;
}
.footer-new-account-guide-btn:hover {
background: #F6D499;
box-shadow: inset 0px 1px 3px 2px rgba(255,251,251,0.78);
}
.adminDialog {
z-index: 10000;
width: 572px;
height: 710px;
background: #FFFFFF;
border-radius: 8px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.adminDialog .top-img{
width: 100%;
height: 113px;
background: url("//cdn0.shiyanjia.com/c/2021/images/groupEquity/1.png") no-repeat;
background-size: 100% 100%;
}
.adminDialog .cancel-btn{
width: 32px;
height: 32px;
background: url("//cdn0.shiyanjia.com/c/2021/images/groupEquity/2.png") no-repeat;
background-size: 100% 100%;
position: absolute;
top:19px;
right:28px;
cursor: pointer;
}
.adminDialog .tips-img{
width: 319px;
height: 19px;
background: url("//cdn0.shiyanjia.com/c/2021/images/groupEquity/11.png") no-repeat;
background-size: 100% 100%;
margin:15px auto 9px;
}
.adminDialog .desc{
width: 524px;
margin:0 auto;
font-size: 16px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.65);
line-height: 26px;
}
.adminDialog .coupon{
width: 524px;
height: 80px;
background: url("//cdn0.shiyanjia.com/c/2021/images/groupEquity/12.png") no-repeat;
background-size: 100% 100%;
margin:8px auto;
cursor: pointer;
}
.adminDialog .desc2{
width: 149px;
height: 19px;
background: url("//cdn0.shiyanjia.com/c/2021/images/groupEquity/13.png") no-repeat;
background-size: 100% 100%;
margin:0 auto 12px;
}
.adminDialog .list{
width: 524px;
height: 180px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #78CBC1;
margin:0 auto 16px;
padding:4px 12px 0;
box-sizing:border-box;
}
.adminDialog .list .row{
width:500px;
display: flex;
justify-content: start;
box-sizing: border-box;
border-bottom: 1px solid #DDF2F0;
padding:4px 0;
}
.adminDialog .list .row div:nth-child(1){
font-size: 14px;
font-family: PingFangSC-BoldPingFang SC;
font-weight: bold;
color: #2EA698;
line-height: 20px;
margin-top:2px;
}
.adminDialog .list .row div:nth-child(2){
font-size: 14px;
font-family: PingFangSC-RegularPingFang SC;
font-weight: 400;
color: rgba(0,0,0,0.55);
line-height: 22px;
margin-left: 14px;
max-width: 430px;
}
.adminDialog .bototm{
padding:0 98px;
display: flex;
justify-content: space-between;
align-items:center;
box-sizing: border-box;
width:100%;
}
.adminDialog .bototm .left div{
font-size: 18px;
font-family: PingFangSC-BoldPingFang SC;
font-weight: bold;
color: #56BEB2;
line-height: 25px;
}
.adminDialog .bototm .right div:nth-child(1){
width: 144px;
height: 144px;
background: url("//cdn0.shiyanjia.com/c/2021/images/groupEquity/3.png") no-repeat;
background-size: 100% 100%;
}
@keyframes footerNewAccountGuide2
{
from {opacity: 0;}
to {opacity: 1;}
}
@-webkit-keyframes footerNewAccountGuide2
{
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes footerNewAccountGuide1
{
0% { top: 91px; transform: scale(0);}
20% { top: 81px; transform: scale(0.2);}
40% { top: 71px; transform: scale(0.4);}
60% { top: 41px; transform: scale(0.6);}
80% { top: 56px; transform: scale(0.8);}
100% { top: 71px; transform: scale(1);}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes footerNewAccountGuide1
{
0% { top: 91px; transform: scale(0);}
20% { top: 81px; transform: scale(0.2);}
40% { top: 71px; transform: scale(0.4);}
60% { top: 41px; transform: scale(0.6);}
80% { top: 56px; transform: scale(0.8);}
100% { top: 71px; transform: scale(1);}
}
.sci-footer-bottom {
display: flex;
justify-content: space-between;
color: rgba(255255255.75);
width: 1300px;
margin: 0 auto;
}
.sci-footer-bottom .left-box {
display: flex;
align-items: center;
}
.sci-footer-bottom a {
color: inherit;
}
.sci-footer-bottom a:hover {
color: #56BEB2;
text-decoration: underline;
}
<>
.springPop{
position: fixed;
z-index: 10002;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(0000.5);
display: flex;
justify-content: center;
align-items: center;
}
.springPop .springBg{
width: 845px;
height: 576px;
background: url("//cdn0.shiyanjia.com/c/2022/images/spring/spring-Bg.20230115.png");
background-size: cover;
}
.springPop .springClose{
width: 24px;
height: 24px;
background: url("//cdn0.shiyanjia.com/c/2022/images/spring/spring-close.png");
background-size: cover;
margin: 0 10px 354px 10px;
cursor:pointer;
}
.springPop .springClose:hover{
color: #56BEB2;
}
<>
#sciConfirmCancelQuestionnaireModal {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999999;
width: 372px;
height: auto;
background: #FFFFFF;
padding: 20px 24px;
box-shadow: 0px 4px 12px 0px rgba(0000.12);
border-radius: 8px;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content h4 {
line-height: 24px;
margin-bottom: 16px;
font-size: 14px;
color: rgba(000.75);
font-weight: bold;
word-break: break-all;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content ul {
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content ul li {
line-height: 20px;
margin-bottom: 12px;
font-size: 14px;
color: rgba(000.75);
cursor: pointer;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content ul li label {
cursor: pointer;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content ul li input {
width: 12px;
height: 12px;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content img.cancel-order-close {
width: 24px;
height: 24px;
position: absolute;
top: -10px;
right: -12px;
cursor: pointer;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content .cancel-order-success-box {
display: none;
text-align: center;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content img.cancel-order-success {
width: 48px;
height: 48px;
margin-bottom: 12px;
}
#sciConfirmCancelQuestionnaireModal .sci-cancel-order-content p {
line-height: 22px;
font-size: 14px;
color: rgba(000.75);
text-align: center;
}
#sciConfirmCancelQuestionnaireModal .cancel-order-remark {
padding: 6px 12px;
border-radius: 2px;
border: 1px solid #D9D9D9;
width: 100%;
min-height: 56px;
}
#sciConfirmCancelQuestionnaireModal a.cancel-order-btn {
cursor: pointer;
display: block;
width: 101px;
height: 32px;
line-height: 32px;
background: #56BEB2;
margin: 12px 0 0;
font-size: 14px;
color: #FFF;
border-radius: 4px;
text-align: center;
}
.sci-footer.mobile {
overflow: hidden;
}
您在本次下单过程中遇到了哪些问题
已成功提交
感谢您的反馈
已成功提交
感谢您的反馈
您所在团体“xx”已完成负责人的实名认证，赠送给您总价值1500元(共15张100元)团体折扣券；每个成员限用3张，尽快去下单吧！
成员列表
设置管理员；设置成员金额限制；查看成员信息、订单信息；负责人/管理员邀请/移除管理员
财务中心
查看成员订单详情；团体预付充值申请；团体成员订单支付审批
团体列表
团体成员订单开票申请，可以分开或者合并申请
邀请更多成员加入团体
可联系经理获取更多优惠
您所在团体“xx”已完成负责人的实名认证，赠送给您总价值1500元(共15张100元)团体折扣券；每个成员限用3张，尽快去下单吧！
邀请更多成员加入团体
可联系经理获取更多优惠
<>
#replenishAlert {
display: none ;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(000.15);
}
.replenish-alert-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 500px;
height: 209px;
background: linear-gradient(180deg#E0FFFB 0%#FFFFFF 100%);
margin: auto;
padding: 24px;
border-radius: 8px;
}
.replenish-alert-content img {
position: absolute;
top: -25px;
right: 33px;
width: 97px;
height: 78px;
}
.replenish-alert-content h4 {
line-height: 25px;
margin-bottom: 20px;
font-size: 18px;
color: rgba(000.75);
font-weight: bold;
text-align: center;
}
.replenish-alert-content p {
line-height: 26px;
margin-bottom: 24px;
font-size: 14px;
color: rgba(000.75);
}
.replenish-btn-group {
display: flex;
justify-content: center;
}
.replenish-btn-group a {
display: block;
width: 98px;
height: 32px;
line-height: 30px;
background: #FFF;
margin: 0 10px;
font-size: 14px;
color: rgba(000.65);
text-align: center;
border: 1px solid #E8E8E8;
border-radius: 2px;
}
.replenish-btn-group a.active {
background: #56BEB2;
color: #FFF;
border-color: #56BEB2;
}
补差提醒
识别到您存在订单未完成补差支付，请及时支付补差。若对补差订单有疑问，可联系订单对接人进行处理。
快速搜索：
您已经拒绝加入团体
可享受最低
元的信用额度，先测后付0元下单
元无门槛现金免单券
积分加速得，千万好礼等你兑
上传附件
