/*# sourceURL=/publish/scwgydxxyw/css/song.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song.css */
/*@ sourceURL=/publish/scwgydxxyw/css/song.css */
html,
body {
 margin: 0;
 padding: 0;
 font-size: 16px;
 box-sizing: border-box;
 line-height: 1.15;
 font-family:
  system-ui, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
  Helvetica, Arial,
  sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

#vsb_content_4 p video {
  width: 100% !important;
  margin-left: -2em !important;
}

article,
aside,
footer,
header,
nav,
section {
 display: block;
}

h1 {
 font-size: 2em;
 margin: 0.67em 0;
}

figcaption,
figure,
main {
 
 display: block;
}

figure {
 margin: 1em 40px;
}

hr {
 box-sizing: content-box;
 
 height: 0;
 
 overflow: visible;
 
}

pre {
 font-family: monospace, monospace;
 
 font-size: 1em;
 
}

img {
 border-style: none;
}

a {
 display: inline-block;
 text-decoration: none;
 background-color: transparent;
 
 -webkit-text-decoration-skip: objects;
 
}

span {
 display: inline-block;
}

a:active,
a:hover {
 outline: 0
}

abbr[title] {
 border-bottom: none;
 
 text-decoration: underline;
 
 text-decoration: underline dotted;
 
}

b,
strong {
 font-weight: inherit;
}

b,
strong {
 font-weight: bolder;
}

code,
kbd,
samp {
 font-family: monospace, monospace;
 
 font-size: 1em;
 
}

dfn {
 font-style: italic;
}

mark {
 background-color: #ff0;
 color: #000;
}

small {
 font-size: 80%;
}

sub,
sup {
 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;
}

sub {
 bottom: -0.25em;
}

sup {
 top: -0.5em;
}

audio,
video {
 display: inline-block;
}

audio:not([controls]) {
 display: none;
 height: 0;
}

svg:not(:root) {
 overflow: hidden;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance: button;
 cursor: pointer
}

button[disabled],
html input[disabled] {
 cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 padding: 0;
 border: 0
}

input {
 line-height: normal
}

input[type=checkbox],
input[type=radio] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 height: auto
}

input[type=search] {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance: none
}

fieldset {
 padding: 0.35em 0.75em 0.625em;
}

legend {
 box-sizing: border-box;
 
 color: inherit;
 
 display: table;
 
 max-width: 100%;
 
 padding: 0;
 
 white-space: normal;
 
}

progress {
 display: inline-block;
 
 vertical-align: baseline;
 
}

textarea {
 overflow: auto;
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 
 font: inherit;
 
}

details,



menu {
 display: block;
}

summary {
 display: list-item;
}

canvas {
 display: inline-block;
}

template {
 display: none;
}

[hidden] {
 display: none;
}
.hiddentwo {
 width: 100%;
 height: 100%;
 overflow: hidden;
}




html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

ul {
 padding: 0;
 margin: 0;
}

li {
 list-style: none;
}

*,
*::before,
*::after {
 box-sizing: border-box;
 outline: none;
}


::before,
::after {
 content: "";
 position: absolute;
}

.clear::after {
 content: "";
 display: block;
 clear: both;
}

.container {
 width: 100%;
 max-width: 1380px;
 padding: 0 10px;
 margin: 0 auto;
}

.container::after {
 content: "";
 clear: both;
 display: block;
}





.usn {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
}


.fl {
 float: left;
}

.fr {
 float: right;
}

.cf {
 zoom: 1;
}

.cf:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
 overflow: hidden;
}


.w1360 {
 max-width: 1380px;
}


.db {
 display: block;
}

.dn {
 display: none;
}

.di {
 display: inline
}

.dib {
 display: inline-block;
}

.transparent {
 opacity: 0
}



.f12 {
 font-size: 12px;
}

.f14 {
 font-size: 14px;
}

.f16 {
 font-size: 16px;
}

.f18 {
 font-size: 18px;
}

.f20 {
 font-size: 20px;
}

.fb {
 font-weight: bold;
}

.fn {
 font-weight: normal;
}

.t2 {
 text-indent: 2em;
}

.red,
a.red {
 color: #cc0031;
}

.darkblue,
a.darkblue {
 color: #039;
}

.gray,
a.gray {
 color: #878787;
}

.lh150 {
 line-height: 150%;
}

.lh180 {
 line-height: 180%;
}

.lh200 {
 line-height: 200%;
}

.lh250 {
 line-height: 250%;
}

.lh300 {
 line-height: 300%;
}

.unl {
 text-decoration: underline;
}

.no_unl {
 text-decoration: none;
}

.tl {
 text-align: left;
}

.tc {
 text-align: center;
}

.tr {
 text-align: right;
}

.tj {
 text-align: justify;
 text-justify: inter-ideograph;
}

.wn {
 
 word-wrap: normal;
 white-space: nowrap;
}

.wb {
 
 white-space: normal;
 word-wrap: break-word;
 word-break: break-all;
}

.wp {
 
 overflow: hidden;
 text-align: left;
 white-space: pre-wrap;
 word-wrap: break-word;
 word-break: break-all;
}

.wes {
 
 overflow: hidden;
 word-wrap: normal;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.wes-2 {
 
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

.wes-3 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

.wes-4 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
}

.wes-5 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 5;
 overflow: hidden;
}


.ofh {
 overflow: hidden;
}

.ofs {
 overflow: scroll;
}

.ofa {
 overflow: auto;
}

.ofv {
 overflow: visible;
}


.ps {
 position: static;
}

.pr {
 position: relative;
 zoom: 1;
}

.pa {
 position: absolute;
}

.pf {
 position: fixed;
}



.vt {
 vertical-align: top;
}

.vm {
 vertical-align: middle;
}

.vb {
 vertical-align: bottom;
}



.csd {
 cursor: default;
}

.csp {
 cursor: pointer;
}

.csh {
 cursor: help;
}

.csm {
 cursor: move;
}


.df-sb {
 display: flex;
 
 justify-content: space-between;
}

.df-sa {
 display: flex;
 align-items: center;
 justify-content: space-around;
}


.df-c {
 display: flex;
 align-items: center;
 justify-content: center;
}

.tb-c {
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}

.ts-c {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}

.ts-mc {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 margin: auto;
}


.mask-fixed-wrapper {
 width: 100%;
 height: 100%;
 position: fixed;
 left: 0;
 top: 0;
 background: rgba(0, 0, 0, 0.65);
 z-index: 999;
}

.bg-cover {
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
}

.bg-cover-all {
 background-size: 100% 100%;
 background-repeat: no-repeat;
 background-position: center center;
}


::-webkit-scrollbar {
 width: 6px;
 height: 6px;
 background-color: #DCE7E1;
 border-radius: 20px;
}


::-webkit-scrollbar-track {
 border-radius: 20px;
}


::-webkit-scrollbar-thumb {
 border-radius: 20px;
 background: #37B4B9;
 background: linear-gradient(135deg, #70C1F9, #3E7BE6, #A4C1E9);
}




.blur {
 -webkit-filter: blur(4px);
 filter: blur(4px);
}


.brightness {
 -webkit-filter: brightness(250%);
 filter: brightness(250%);
}


.contrast {
 -webkit-filter: contrast(180%);
 filter: contrast(180%);
}


.grayscale {
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
}


.huerotate {
 -webkit-filter: hue-rotate(180deg);
 filter: hue-rotate(180deg);
}


.invert {
 -webkit-filter: invert(100%);
 filter: invert(100%);
}


.opacity {
 -webkit-filter: opacity(50%);
 filter: opacity(50%);
}


.saturate {
 -webkit-filter: saturate(7);
 filter: saturate(7);
}


.sepia {
 -webkit-filter: sepia(100%);
 filter: sepia(100%);
}


.shadow {
 -webkit-filter: drop-shadow(8px 8px 10px green);
 filter: drop-shadow(8px 8px 10px green);
}


.tooltip {
 font-size: 12px;
 position: absolute;
 padding: 5px;
 z-index: 100000;
 opacity: .8;
 font-family: Microsoft Yahei
}

.tipsy-arrow {
 position: absolute;
 width: 0;
 height: 0;
 line-height: 0;
 border: 6px dashed #000;
 top: 0;
 left: 20%;
 margin-left: -5px;
 border-bottom-style: solid;
 border-top: 0;
 border-left-color: transparent;
 border-right-color: transparent
}

.tipsy-arrow-n {
 border-bottom-color: #6F8EC5
}

.tipsy-inner {
 background-color: #6F8EC5;
 color: #FFF;
 max-width: 200px;
 padding: 5px 8px 4px 8px;
 text-align: center;
 border-radius: 3px
}

.loading {
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: 999;
 left: 0;
 top: 0;
 background-color: #333333;
display: none;
}

.spinner {
 width: 80px;
 height: 80px;
 background: url("http://202.202.200.195:8080/publish/scwgydxxyw/css/../images/icon.png") no-repeat center center;
 background-size: 100% 100%;
 top: 50%;
 transform: translateY(-50%);
 position: relative;
 margin: 0 auto;
}

.spinner:before,
.spinner:after {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 border: 1px dotted #fff;
 opacity: 0.6;
 position: absolute;
 top: 0;
 left: 0;
 animation: sk-bounce 2.0s linear infinite;
}

.spinner:after {
 animation-delay: -1.0s
}

@keyframes sk-bounce {
 0% {
  transform: scale(0.0);
 }

 20% {
  transform: scale(1.0);
 }

 40% {
  transform: scale(1.5);
 }

 60% {
  transform: scale(2.0);
  opacity: .5;
 }

 80% {
  transform: scale(2.5);
  opacity: .25;
 }

 100% {
  transform: scale(3.0);
  opacity: 0;
 }

}
.cbBox{
 position: fixed;left: 0;top: 36%;width: 450px;overflow: hidden;z-index: 111111111;transition: all .5s;
}
.cbBox2{
 position: fixed;right: 0;top: 36%;width: 450px;overflow: hidden;z-index: 111111111;transition: all .5s;
}
.cbClose{
 text-align: right;cursor: pointer;
}
.cbClose2,.cbClose{
 /* background-color:white; */
 width: 100%;
 /* padding: 5px; */
}
.cbClose2 p,.cbClose p{
 background-color:white;
 width: 45px;
 padding: 5px;
}
.cbClose{
 display: flex;
 justify-content: right;
}
@media screen and (max-width: 800px) {
.cbBox,.cbBox2{
 width:40%
}
 .cbClose2,.cbClose{
 width: 100%;
 font-size: 12px;
}
.cbClose2 p,.cbClose p{
 background-color:white;
 width: 34px;
 padding: 5px;
 font-size: 12px;
}
 .cbClose{
 display: flex;
 justify-content: right;
}
 #adu0{
  width: 40%;
  /* height: 100%; */
 }
 #adu0 img{
  width: 100%;
  height: 100%;
 }
}