@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; word-break: break-all; word-wrap: break-word;}
html { background: #f8f8f8;}
body { width: 100%; max-width: 640px; min-height: 100vh; margin: 0 auto; line-height: 1.5; color: #282a2d; font-size: 16px; font-family: '微软雅黑', Arial, Helvetica, sans-serif; background: #fff;}
input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}
input[type="text"] { -webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%; vertical-align: middle;border-radius: 12px;}
a { text-decoration: none; color: inherit;}
:focus { outline: 0;}
table {	border-collapse: collapse; border-spacing: 0; line-height: 1.5;}
iframe { vertical-align: top;}

.header { width: 100%; max-width: 640px; position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 999;}
.logobar { display: flex; align-items: center; padding: 10px; color: #fff; background: linear-gradient(to top,#2b5294,#1e9fff);}
.logo { flex: 1;}
.logo img { height: 60px;}
.logobar a { font-size: 12px;}
.logobar a img { width: 32px; height: 32px; display: block; margin: 0 auto 2px auto;}
.header-blank { height: 246px;}

.web {}
.web:before { content: ""; display: block; height: 3px; background: linear-gradient(to right, #f7f7f7, #2b5294, #f7f7f7);}
.web h2 { padding: 20px 20px 0 20px; font-size: 20px; font-weight: bold; color: #2b5294;}
.web ul { display: flex; flex-wrap: wrap; padding: 10px; text-align: center;}
.web ul li { width: 33.3%; padding: 10px; box-sizing: border-box;}
.web ul li a {}
.web ul li img { width: 100%;}
.web ul  li span { display: block; padding: 5px 0; background: #f7f7f7;}

.jx-tit { padding: 20px; font-size: 20px; font-weight: bold;}
.jx { font-size: 22px;}
.jx .jx-nav .swiper-slide { padding: 0 5px; box-sizing: border-box; text-align: center;}
.jx .jx-nav .swiper-slide span { display: block; cursor: pointer; padding: 5px 0; border: solid 1px #023b95; border-radius: 100px;}
.jx .jx-nav .swiper-slide.active-nav span { color: #fff; background: #023b95;}
.jx dl { padding: 15px 0;}
.jx dl dt { text-align: center; font-weight: bold; padding: 15px 20px;}
.jx dl dt span { display: inline-block; margin-left: 10px; padding: 0 10px; color: #fff; background: #f00;}
.jx dl dd { padding: 15px 20px; border-top: solid 1px #ebebeb;}
.jx dl dd span {  margin: 0 5px; padding: 0 5px; color: #ff0; background: #f00;}
.jx dl dd em { font-style: normal; color: #023b95; font-size: 18px; padding-left: 15px;}

.footer { text-align: center; padding: 20px;}


@media screen and (max-width:640px){
body { font-size: 13px;}
.logobar { padding: 5px 10px;}
.logo img { height: 40px;}
.logobar a { font-size: 11px;}
.logobar a img { width: 22px; height: 22px;}
.header-blank { height: 216px;}

.web h2 { padding: 10px 10px 0 10px; font-size: 16px;}
.web ul { padding: 7px; font-size: 13px;}
.web ul li { padding: 7px;}
.web ul  li span { padding: 3px 0;}

.jx-tit { padding: 10px; font-size: 16px;}
.jx { font-size: 13px;}
.jx .jx-nav .swiper-slide { padding: 0 3px;}
.jx .jx-nav .swiper-slide span { padding: 4px 0;}
.jx dl { padding: 10px 0;}
.jx dl dt { padding: 10px 15px;}
.jx dl dt span { margin-left: 5px; padding: 0 5px; color: #fff; background: #f00;}
.jx dl dd { padding: 10px 15px;}
.jx dl dd span { margin: 0 3px; padding: 0 3px;}
.jx dl dd em { font-size: 12px; padding-left: 7px;}

}