@charset "utf-8";header { display: flex; align-items: center; line-height: 0; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0 !important; }header .logo { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }header .logo img { height: 34px; }header .user {  }header .user img { width: 30px; height: 30px; margin-left: 10px; }header .search { display: flex; align-items: center; width: 120px; height: 32px; box-sizing: border-box; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; border-top-color: rgb(235, 235, 235); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(235, 235, 235); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(235, 235, 235); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(235, 235, 235); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 32px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; border-bottom-left-radius: 32px; background-color: rgb(241, 241, 241); background-image: initial; }header .search span { display: inline-block; min-width: 15px; height: 15px; margin-right: 6px; background-color: initial; background-image: url("serach.png"); background-repeat: no-repeat; background-size: 100% 100%; }header .search input { width: 100%; border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; background-color: initial; background-image: none; }.down { position: fixed; right: 0; top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); text-align: center; z-index: 11; }.down a { display: inline-block; }.down img { width: 50px; height: auto; vertical-align: middle; }.down span { display: block; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(236, 0, 0); background-image: initial; }.banner { text-align: center; }.banner img { width: 100%; }.notice { display: flex; align-items: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }.notice-l { padding-right: 10px; }.notice-l img { width: 18px; height: auto; }.notice-r { line-height: 1.1; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.nav { padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0; box-sizing: border-box; text-align: center; font-size: 15px; }.nav ul { display: flex; justify-content: space-around; }.nav ul li {  }.nav ul li img { width: 50px; height: 50px; margin-bottom: 5px; }#nav[data-fixed="fixed"] { width: 100%; max-width: 750px; position: fixed; top: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; z-index: 10; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); background-color: rgb(255, 255, 255); background-image: initial; }.zhibo { height: 190px; }@media screen AND (max-width: 650px) { .zhibo { height: 175px; } }@media screen AND (max-width: 500px) { .zhibo { height: 150px; } }@media screen AND (max-width: 450px) { .zhibo { height: 145px; } }@media screen AND (max-width: 400px) { .zhibo { height: 135px; } }@media screen AND (max-width: 350px) { .zhibo { height: 130px; } }.foot-nav-blank { height: 1rem; }.foot-nav { position: fixed; left: 0; right: 0; bottom: 0; height: 1rem; text-align: center; color: rgb(255, 255, 255); background-color: rgb(37, 131, 197); background-image: initial; }.foot-nav ul { display: flex; }.foot-nav ul li { flex-grow: 1; flex-shrink: 1; flex-basis: auto; width: 20%; padding-top: 0.1rem; }.foot-nav ul li:nth-child(2n) { background-color: rgb(54, 146, 210); background-image: initial; }.foot-nav ul li img { width: 0.46rem; border-top-left-radius: 0.06rem; border-top-right-radius: 0.06rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }.foot-nav ul li p {  }.fgLine { border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; position: relative; height: 20px; text-align: center; margin-bottom: 20px; }.fgLine > span { position: absolute; top: 4px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(255, 255, 255); background-image: initial; display: block; width: 30px; height: 30px; line-height: 30px; border-top-color: rgb(221, 221, 221); border-top-style: dashed; border-top-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: dashed; border-right-width: 1px; border-bottom-color: rgb(221, 221, 221); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: dashed; border-left-width: 1px; color: rgb(153, 153, 153); left: 50%; margin-left: -13px; }.pic-wrap .wrap { column-count: 2; column-gap: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; box-sizing: border-box; }.pic-wrap .wrap .box { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }.pic-wrap .wrap .box .info { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); width: 100%; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; cursor: pointer; min-height: 100px; }.pic-wrap .wrap .box img { width: 100%; }.pic-wrap .wrap .box span { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }.loading { text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }.refresh-element { background-color: gainsboro; }@media screen AND (min-width: 600px) { .pic-wrap .wrap { column-count: 3; } }
@charset "utf-8";header { display: flex; align-items: center; line-height: 0; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0 !important; }header .logo { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }header .logo img { height: 34px; }header .user {  }header .user img { width: 30px; height: 30px; margin-left: 10px; }header .search { display: flex; align-items: center; width: 120px; height: 32px; box-sizing: border-box; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; border-top-color: rgb(235, 235, 235); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(235, 235, 235); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(235, 235, 235); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(235, 235, 235); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 32px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; border-bottom-left-radius: 32px; background-color: rgb(241, 241, 241); background-image: initial; }header .search span { display: inline-block; min-width: 15px; height: 15px; margin-right: 6px; background-color: initial; background-image: url("serach.png"); background-repeat: no-repeat; background-size: 100% 100%; }header .search input { width: 100%; border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; background-color: initial; background-image: none; }.down { position: fixed; right: 0; top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); text-align: center; z-index: 11; }.down a { display: inline-block; }.down img { width: 50px; height: auto; vertical-align: middle; }.down span { display: block; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(236, 0, 0); background-image: initial; }.banner { text-align: center; }.banner img { width: 100%; }.notice { display: flex; align-items: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }.notice-l { padding-right: 10px; }.notice-l img { width: 18px; height: auto; }.notice-r { line-height: 1.1; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.nav { padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0; box-sizing: border-box; text-align: center; font-size: 15px; }.nav ul { display: flex; justify-content: space-around; }.nav ul li {  }.nav ul li img { width: 50px; height: 50px; margin-bottom: 5px; }#nav[data-fixed="fixed"] { width: 100%; max-width: 750px; position: fixed; top: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; z-index: 10; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); background-color: rgb(255, 255, 255); background-image: initial; }.zhibo { height: 190px; }@media screen AND (max-width: 650px) { .zhibo { height: 175px; } }@media screen AND (max-width: 500px) { .zhibo { height: 150px; } }@media screen AND (max-width: 450px) { .zhibo { height: 145px; } }@media screen AND (max-width: 400px) { .zhibo { height: 135px; } }@media screen AND (max-width: 350px) { .zhibo { height: 130px; } }.foot-nav-blank { height: 1rem; }.foot-nav { position: fixed; left: 0; right: 0; bottom: 0; height: 1rem; text-align: center; color: rgb(255, 255, 255); background-color: rgb(37, 131, 197); background-image: initial; }.foot-nav ul { display: flex; }.foot-nav ul li { flex-grow: 1; flex-shrink: 1; flex-basis: auto; width: 20%; padding-top: 0.1rem; }.foot-nav ul li:nth-child(2n) { background-color: rgb(54, 146, 210); background-image: initial; }.foot-nav ul li img { width: 0.46rem; border-top-left-radius: 0.06rem; border-top-right-radius: 0.06rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }.foot-nav ul li p {  }.fgLine { border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; position: relative; height: 20px; text-align: center; margin-bottom: 20px; }.fgLine > span { position: absolute; top: 4px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(255, 255, 255); background-image: initial; display: block; width: 30px; height: 30px; line-height: 30px; border-top-color: rgb(221, 221, 221); border-top-style: dashed; border-top-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: dashed; border-right-width: 1px; border-bottom-color: rgb(221, 221, 221); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: dashed; border-left-width: 1px; color: rgb(153, 153, 153); left: 50%; margin-left: -13px; }.pic-wrap .wrap { column-count: 2; column-gap: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; box-sizing: border-box; }.pic-wrap .wrap .box { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }.pic-wrap .wrap .box .info { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); width: 100%; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; cursor: pointer; min-height: 100px; }.pic-wrap .wrap .box img { width: 100%; }.pic-wrap .wrap .box span { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }.loading { text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }.refresh-element { background-color: gainsboro; }@media screen AND (min-width: 600px) { .pic-wrap .wrap { column-count: 3; } }

.zxgg { display: flex; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; color: #fff; background: #ff3956;}
.zxgg div { color: #ff0; font-weight: bold;}
.zxgg marquee { flex: 1;}
@media screen and (max-width:750px){ 
.zxgg { height: 32px; line-height: 32px; font-size: 12px;}
}