::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #d7d7d7;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--yx_Color);
}

.s_tmpl {
    background-color: rgba(239, 239, 239, 0);
}

.s_tmpl_footer {
    background-color: rgba(239, 239, 239, 0);
}



:root {
  --yx_Color: #0a609a;
}

.yF18{font-size:18px;}
.yF20{font-size:20px;}
.yF22{font-size:22px;}
.yF24{font-size:24px;}
.yF26{font-size:26px;}
.yF28{font-size:28px;}
.yF30{font-size:30px;}
.yF34{font-size:34px;}
.yF36{font-size:36px;}
.yF40{font-size:40px;}


/*end*/
a:active,
a:hover,
a:focus,
a:visited{
  outline: none !important;
  text-decoration: none;
}
a {
  cursor: pointer;
}
i {
  font-style: normal;
}

/*media*/
@media only screen and (max-width:1440px){
.yF18{font-size:16px;}
.yF20{font-size:18px;}
.yF22{font-size:20px;}
.yF24{font-size:22px;}
.yF26{font-size:24px;}
.yF28{font-size:26px;}
.yF30{font-size:28px;}
.yF34{font-size:30px;}
.yF36{font-size:32px;}
.yF40{font-size:36px;}
}
@media only screen and (max-width:1366px){
.yF18{font-size:16px;}
.yF20{font-size:16px;}
.yF22{font-size:18px;}
.yF24{font-size:20px;}
.yF26{font-size:20px;}
.yF28{font-size:22px;}
.yF30{font-size:24px;}
.yF34{font-size:26px;}
.yF36{font-size:28px;}
.yF40{font-size:30px;}
}

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

}