@charset "utf-8";
.site-main{margin-bottom:3.5em;}
.news-body{display:block;margin:0;overflow:hidden;padding:0 16px;}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
display: none;
}
.site {
margin: 0;
}
.site-header {
padding: 0 4.5455%;
}
.site-header-main {
align-items: center !important;
display: flex !important;
max-width: 1200px;
margin: 0 auto;
}
.cx-header-auth {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
flex-shrink: 0;
}
.cx-header-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 14px;
border-radius: 3px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: all .2s ease;
white-space: nowrap;
}
.cx-header-btn-register {
border: 1px solid #28a745;
color: #28a745;
background: transparent;
}
.cx-header-btn-register:hover {
background: #28a745;
color: #fff;
}
.cx-header-btn-login {
background: #339999;
color: #fff;
border: 1px solid #339999;
}
.cx-header-btn-login:hover {
background: #fff;
color: #339999;
}
.site-branding {
display: flex;
align-items: center;
flex-shrink: 0;
}
.site-branding .custom-logo-link {
display: inline-flex;
align-items: center;
padding: 0;
vertical-align: middle;
line-height: 1;
}
.site-branding .custom-logo {
max-width: 180px;
width: auto;
height: 40px;
display: block;
}
.cx-section-subtitle {
display: block;
font-size: 14px;
color: #888;
margin: -12px 0 20px 0;
}
.menu-toggle {
min-width: 44px;
text-align: center;
}
.menu-toggle::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0c9";
display: inline-block;
}
.menu-toggle.toggled-on::after {
content: "\f00d";
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.owl-carousel {
margin-bottom: 15px;
}
.owl-nav, .owl-dots {
position: absolute;
}
.owl-nav {
display: flex;
justify-content: space-between;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.owl-theme .owl-nav {
margin-top: 0;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 2rem;
}
.owl-carousel .owl-nav span {
position: relative;
top: -2px;
}
.owl-dots {
width: 100%;
text-align: center;
bottom: 10px;
}
.cx-notice {
border: none;
border-left: 5px solid #1a1a1a;
padding-left: 10px;
margin-bottom: 20px;
padding-bottom:10px;
padding-top:10px;
font-weight:bold;
}
.cx-service {
display: none;
position: fixed;
z-index: 999;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 170px;
background-color: #359999;
border: 1px solid #359999;
}
.cx-service-head {
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
padding: 5px 10px;
border: 1px solid #359999;
}
.cx-service-body{
background-color: #fff;
padding: 5px;
}
.cx-service-foot{
text-align: center;
color: #fff;
padding: 5px;
font-size: 14px;
}
#cx-service-close{
box-sizing: border-box;
color: #fff;
}
.cx-friend{
padding: 0 4.5455% 3.5em;
background-color:black;
}
.cx-friend a{
padding-right: 10px;
font-size:0.8rem;
color:#686868;
}
.index-news{
margin-top: 16px;
}
.news-item{
padding: 5px 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-item a{
color: #1a1a1a;
}
@media screen and (min-width:768px) {
.site-branding {
margin: 0 6rem 0 0 !important;
}
}
@media screen and (min-width: 61.5625em){
.site-branding, .site-header-menu, .header-image {
margin: 1.75em 0 !important;
}
.site-branding {
margin-right: 6rem !important;
}
}
@media screen and (min-width: 56.875em) {
.main-navigation .primary-menu > li {
margin: 0 0.5em;
}
}
@media screen and (max-width:768px) {
.cx-header-auth {
display: flex;
gap: 8px;
margin-left: auto;
order: 5;
}
.menu-toggle {
order: 6;
margin-left: 8px;
}
.site-header-menu {
order: 10;
}
.cx-header-btn {
padding: 5px 14px;
font-size: 13px;
border-radius: 4px;
}
.site-branding .custom-logo {
max-width: 140px;
height: 32px;
}
.cx-notice{
margin-left: 1.6923%;
margin-right: 1.6923%;
}
.cx-service {
left: 50%;
transform: translate(-50%, -50%);
}
.cx-wap-service{
display: block;
position: fixed;
z-index: 999;
top: 50%;
right: 5px;
transform: translateY(-50%);
writing-mode: tb-rl;
}
#cx-wap-service-open{
font-weight: bold;
letter-spacing: 3px;
padding: 5px;
border-radius: 5px;
}
.cx-friend{
padding: 0 7.6923% 1.75em;
}
.site-main{
margin-bottom: 0;
}
}