html, .scrollbar { scrollbar-color: #afafaf #fafbfb; scrollbar-width: thin; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #fafbfb; }
::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #afafaf; }

/*body { background: #f7f8fc; }

.ys101-navbar .uk-navbar-dropdown { padding: 15px; }*/
.ys101-navbar .uk-navbar-dropdown-nav li { text-align: right; }


.ys101-container { margin:0 auto; background: transparent !important; }
.ys101-menu { background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #e5e9ed; }

.navs>li.uk-active>a::before{left:10px;right:10px;background-color:#6f40f1;opacity:1}
.navs>li>a::before{content:'';display:block;position:absolute;z-index:-1;top:0;height:3px;background-color:transparent;transition:.35s ease-in-out;transition-property:background-color,border-color,box-shadow,height,left,right,opacity;left:10px;left:50%;right:50%;opacity:0;background-image:linear-gradient(90deg,#7141f1 0,#4d6bd8 70%,#3183e2 100%)}
.navs>li>a{color:#0d0a46;font-size:18px;transition:.1s ease-in-out;transition-property:color,background-color,border-color,box-shadow;position:relative;z-index:1;padding:0 34px;}
.navs>li:hover>a::before,.navs>li>a:focus::before,.navs>li>a[aria-expanded=true]::before{left:10px;right:10px;background-color:#6f40f1;opacity:1}
.uk-navbar-item { padding: 0 14px; }
.uk-navbar-dropdown { padding:15px; }

.server-tel { font-size:24px; line-height:1; font-weight:bolder; color:#fdac3d; }
.ys101-container { max-width: 1200px; }
.wap-div { display: none; } 
/*.web-div { display: contents; }*/

.ys101-footer { background: #f2f3f5; }
.copyright-line { border-top: 1px solid #e5e9ed; }
.copyright-line a { white-space: nowrap; text-decoration: underline; }
.ys101-copyright { padding: 20px 0; }
.ys101-copyright .ys-right { text-align: right; }
.ys101-footer-menu h5 { margin-bottom: 10px; font-weight: bolder; }
.ys101-footer-menu a { font-size: 0.875rem; line-height: 2; color: #666; }

.h5 { height: 5px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }


.service-items .ys-txt { padding-top: 15px; }
.service-items .ys-round { display: inline-block; width: 150px; height: 150px; border-radius:75px; color: #fff; }
.service-items .ys-round svg { top: 18%; position: relative; }


.ys-svg-box { width: 300px; height: 130px; position: relative; display: inline-block; }
.ys-svg-box .ys-svg { width: 200px; height: 130px; position: relative; display: inline-flex; }
.ys-svg-box .ys-txt { position: absolute; width: 100%; top:20px; background: #fff; }
.ys-svg-box .ys-txt h1 { margin: 0; padding: 0; }
.ys-svg-box .ys-txt div { font-weight: bolder; padding-bottom: 5px; }
.ys-svg-text { margin: auto; max-width: 750px; }

.ys-advantage { background-image:url(../images/c-1.jpg); background-repeat:no-repeat; background-position:center center; }
.use-case .uk-overlay-primary { color: #fff; padding: 10px; font-size: 0.875rem; background: rgba(34, 34, 34, 0.5); }
.service-items .uk-text-center>div { padding-bottom: 25px; }
/*.ws-svg { transform:rotate(90deg); }
.ws-svg svg { background: rgba(247, 248, 252, 0.9); border: 1px solid #e5e9ed; }*/

.uk-text-white { color: #fff; }

.ws-svg-box { width: 120px; height: 130px; position: relative; display: inline-block; }
.ws-svg-box .ws-svg { width: 120px; height: 130px; position: relative; display: inline-flex; }
.ws-svg-box .ws-img-svg { position: absolute; width: 100%; top:40px; color: #ffffff; }
.ws-svg-box .ws-txt { font-size: 0.875rem; margin-top: 10px; color: #ffffff; }
/*.ws-svg-box .ws-txt div { font-weight: bolder; padding-bottom: 5px; }*/

.baisanjiao { background-image:url(../images/baisanjiao.png); background-repeat:no-repeat; }
.ys-txts { background: transparent !important; color: #ffffff !important; }
.ys-txts h1 { color: #ffffff !important; }


@media screen and (max-width:1200px){

  .ys101-page { padding: 0 15px; }
  
  
}

@media screen and (max-width:960px){

.wap-div { display: contents; } 
.web-div { display: none; }

}

@media screen and (max-width:640px){

  .ys101-page { padding: 0 15px; }
  .ys101-copyright, .ys101-copyright .ys-right { text-align: center; }
  .wap-hide { display: none; }

}