body {
margin: 0;
padding: 0
}
*{box-sizing: border-box;}
img {
max-width: 100%;
height: auto;
border: 0;
vertical-align: middle;
}
.wrapper {
max-width: 800px;
width: 100%;
padding-top: 130px;
margin: 0 auto;
}
.headerxm-top1 {
max-width: 800px;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
background: #fff;
z-index: 9;
}
.headerxm {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 800px;
padding: 0 10px;
box-sizing: border-box;
color: #fff;
left: 0;
right: 0;
top: 0;
margin: auto;
z-index: 99999;
background: #009933;
}
.head-title-img img {
display: block;
position: absolute;
left: 50%;
margin-left: -30px;
width: 60px;
height: 50px;
box-shadow: 0px 0px 20px #000;
border-radius: 50%;
}
.headerxm .logo-box.line {
border-bottom: solid 0px #000;
}
.headerxm .logo-box {
height: 57px;
padding: 0 4px;
display: flex
;
align-items: center;
justify-content: flex-start;
}
.headerxm .logo-box .logo img {
width: 205px;
height: 53px;
}
.headerxm .logo-box .bank {
line-height: 1.5;
font-size: 12px;
color: #fff;
}
.headerxm .logo-box .bank img {
height: 45px;
width:185px;
margin: 0 auto;
margin-right: 1px;
display: block;
}
.headerxm .nav ul {
display: flex;
}
.headerxm .nav ul li {
flex: 1;
text-align: center;
color: #fff;
cursor: pointer;
}
.headerxm .nav ul li a {
height: 30px;
line-height: 30px;
display: block;
}
@media screen and (max-width: 408px) {
.headerxm .logo-box .logo img {
width: 160px;
}
.headerxm .logo-box .bank img {
width:155px;
}
.headerxm {
padding: 0 1px;
}
}
iframe{width:100%;height:100%}
@keyframes animation-text {
50% {
-webkit-transform: scale(1.15);
transform: scale(1.15)
}
}
.zuixinwangzhi{
background-color: red;
font-weight: 700;
text-align: center;
line-height: 3.5em;
}
.zuixinwangzhi a {
text-decoration: none !important;
}
.zuixinwangzhi img{
max-width: 100%;
height: auto;
border: 0;
vertical-align: middle;
display: inline-block;
}
.haisauthangchintit {
text-decoration: none !important;
font-size: 1em !important;
line-height: 1.7 !important;
font-weight: bold !important;
background-color: #000000 !important;
display: block !important;
}
/* iPhone SE, 8 (màn hình nh hn 375px) */
@media (max-width: 374px) {
.zuixinwangzhi {
font-size: 10.5px !important;
}
}
/* iPhone X, XS, 12 Mini (màn hình t 375px n 391px) */
@media (min-width: 375px) and (max-width: 391px) {
.zuixinwangzhi {
font-size: 11px !important;
}
}
/* iPhone 12, 13, 14 (màn hình t 391px n 428px) */
@media (min-width: 392px) and (max-width: 427px) {
.zuixinwangzhi {
font-size: 11.5px !important;
}
}
/* iPhone 12 Pro Max, 14 Plus, 15 Plus (màn hình t 429px tr lên) */
@media (min-width: 428px) and (max-width: 959px) {
.zuixinwangzhi {
font-size: 12px !important;
}
}
@media (min-width: 960px) {
.zuixinwangzhi {
font-size: 17.5px !important;
}
}
.trihithatFontSize3 {
font-size: 24px !important;
}
@media only screen and (max-width: 550px) {
.trihithatFontSize3{
font-size:14px !important;
}
}
.trihithat {
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.tribotmi {
padding-top: 0.4em;
flex-basis: 22%;
line-height: 2.4;
text-align: center;
text-decoration: none;
font-family: "微软雅黑";
font-weight: 900;
color: #000;
font-size: 1em;
}
.tribotmi img {
display: inline-block;
width: 80%;
}
.trihithat a {
background-color: #309300;
margin-top: 10px;
border-radius: 12px;
}
.trihithat div {
color: #fff;
}
html {
scroll-behavior: smooth;
}
#widgetBox17454 {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 1000;
}
.float-btn-group {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
}
.float-btn-group img {
width: 55px;
height: 55px;
cursor: pointer;
border-radius: 50%; 
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.float-btn-group img:hover {
transform: scale(1.1);
}
#back-to-top-btn {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
#back-to-top-btn.show {
opacity: 1;
visibility: visible;
}
#yxym .khongvienqq {
border-radius: 0 0 00px 00px !important;
box-shadow: 0 0px 0px 0 !important;
}
@media only all and (max-width: 374px) {
.duilianpt .zl, .post-list a .ci, .qxtable td, .duilianpt1 td, .duilianpt1 .zl {
font-size: 15px !important;
}
}
@media only all and (max-width: 429px) {
.duilianpt .zl, .post-list a .ci, .qxtable td, .duilianpt1 td, .duilianpt1 .zl {
font-size: 16px !important;
}
}
@media only all and (max-width: 500px) {
.post-list a .cii {
font-size: 21.9px !important;
}
}
.post-list a .cii {
font-size: 29px;
}
@media screen and (max-width: 800px)
:root{
--ppc-primary-bmheight: 50px;
}
:root{
--ppc-primary-bmheight: 50px;
}
@media only all and (max-width: 500px) {
.subnav a img {
height: 50px !important;
width: 50px !important;
}
#yxym .list-title {
font-size: 20px !important;
}
.duilianpt .zl,
.post-list a .ci,
.qxtable td,
.duilianpt1 td,
.duilianpt1 .zl {
font-size: 15px !important;
}
.duilianpt td,
.post-list a {
font-size: 15.8px !important;
}
#widgetBox26904 .qxtable td {
font-size: 15px !important;
}
}
#widgetBox27372 {
padding-top: 85px;
}
body {
min-width: 320px;
font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1", Helvetica;
background: #f0f5f9;
font-size: 14px;
max-width: 800px;
margin: 0 auto;
}
.header.index-header {
/* height: 98px; */
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.header {
position: fixed;
z-index: 99;
width: 100%;
max-width: 800px;
/* background-image: linear-gradient(to right, #99CCFF, #99CCFF, #99CCFF, #99CCFF, #99CCFF, #99CCFF, #99CCFF); */
/* background: linear-gradient(to right, #07c160, #07c160); */
background: #009933;
}
.header .logo-box {
height: 54px;
}
.header .logo {
float: left;
height: 50px;
margin-left: 0px;
}
.header .bank {
margin-right:10px;
float: right;
position: relative;
top: 2px;
}
/* .header .bank {
line-height: 1.5;
font-size: 12px;
color: #fff;
} */
.header .bank img {
height: 55px;
width: 200px;
margin: 0 auto;
margin-right: 1px;
display: block;
}
/* .header .bank img {
display: block;
width: 85px;
height: 50px;
margin: 1px 7px;
} */
.nav {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden;
border-top: 1px solid #000;
}
.subnav {
border-radius: 5px;
padding: 5px 0;
background: #f1fbf1 !important;
overflow: hidden;
}
.box {
margin: 3px 0;
border: 2px solid #fff;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
background-image: linear-gradient(to right, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0, #a8e6a0);
}
.pad {
/* padding: 4px 4px; */
}
ol,
ul {
list-style: none;
}
a:link {
text-decoration: none;
}
.subnav a {
display: block;
float: left;
width: 20%;
text-align: center;
font-size: 12pt;
color: #000;
font-weight: bold;
text-shadow: 0px 2px 1px #ff9c00;
}
.subnav a img {
display: block;
width: 80px;
height: 80px;
margin: 0 auto 2px;
animation-duration: 1s;
animation-fill-mode: both;
}
.subnav a:nth-child(1) img,
.subnav a:nth-child(2) img {
animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.duilianpt {
table-layout: auto;
color: #FF0000;
border-radius: 5px;
overflow: hidden;
text-align: center;
background: #fff;
}
.duilianpt tr {
height: 35px;
}
.duilianpt td {
padding: 5px 0;
font-weight: bold;
border: 1px solid #e4ece4;
font-size: 18pt;
}
.duilianpt .zl {
font-size: 20pt;
}
#yxym .list-title {
border-radius: 0 0 50px 50px;
box-shadow: 0 5px 4px 0 #32CD32;
background: linear-gradient(rgb(158, 227, 160), rgb(247, 243, 243));
/* background:linear-gradient(transparent, rgb(218, 207, 207)); */
font-size: 26px;
color: #000;
text-shadow: 0px 0px 10px #e5e5e5;
/* border-radius: 0 0 50px 50px;
box-shadow: 0 5px 4px 0 #01dc61, 0 6px 20px 0 rgba(0, 0, 0, .19); */
}
.list-title {
/* height: 34px;
line-height: 33px; */
height: 43px !important;
line-height: 43px !important;
font-size: 16pt;
text-align: center;
border-bottom: 1px solid #f1f1f1;
text-shadow: 1px 4px 1px #b99b5f;
background: #fff;
color: #000;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.post-list {
text-align: center;
}
.post-list li {
padding: 3px 3px;
border-radius: 0px;
background-color: #fff;
}
.post-list a {
height: 45px;
line-height: 36px;
text-align: center;
border: solid 1px #ddd;
border-radius: 8px;
background: #eee;
background-image: linear-gradient(to top, #fff, #eee, #fff);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
display: block;
font-size: 22px;
font-weight: bold;
color: #000;
}
.post-list a .ci {
font-size: 26px;
}
.copyright {
width: 80%;
margin: 0 auto;
text-align: center;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #000;
color: #000;
}
.qxtable {
color: #000;
background: #fff;
font-weight: bold;
word-wrap: break-word;
word-break: break-all;
text-align: center;
}
.duilianpt1 {
table-layout: auto;
color: #FF0000;
border-radius: 5px;
overflow: hidden;
text-align: center;
background: #fff;
}
.qxtable tr,
.duilianpt1 tr {
height: 30px;
}
.qxtable td {
padding:5px 0;
text-overflow: ellipsis;
font-size: 24px;
}
.duilianpt1 td {
font-weight: bold;
border: 1px solid #e4ece4;
font-size: 18pt;
}
.qxtable th,
.qxtable td {
/* border: 1px solid #cfe6cf; */
border-top: solid 1px #cfe6cf;
border-right: solid 1px #cfe6cf;
}
.duilianpt1 .zl {
font-size: 22pt;
}
.nav2 {
width: 100%;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
padding: 1px;
font-size: 13px;
margin-top: -13px;
line-height: 29px;
border-radius: 0 0 4px 4px;
}
.nav2 ul {
width: 100%;
padding: 0px 0;
display: flex;
justify-content: space-between;
}
.nav2 ul li {
width: 100%;
box-sizing: border-box;
}
.nav2 ul li a {
display: block;
padding: 0px 0;
text-align: center;
text-decoration: none;
color: #fff;
background: #c96d10b3;
font-size: 20px;
font-weight: bold;
height: 29px;
line-height: 30px;
}
html {
scroll-behavior: smooth;
}
#widgetBox17454 {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 1000;
}
.float-btn-group {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
}
.float-btn-group img {
width: 55px;
height: 55px;
cursor: pointer;
border-radius: 50%; 
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.float-btn-group img:hover {
transform: scale(1.1);
}
#back-to-top-btn {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
#back-to-top-btn.show {
opacity: 1;
visibility: visible;
}