* {
    margin: 0;
    padding: 0;
    border: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333
}

.b {
    display: block;
}

.p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    text-indent: 2em;
    color: #a6dbdd;
}

body {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    font-family: "微软雅黑";
    font-size: 100%;
    font-size: 14px;
    background: #ffffff;
}

input[type="submit"],
input[type="reset"],
input[type="date"] {
    -webkit-appearance: none;
}

textarea,
select,
input,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

:not(input),
:not(textarea) {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none
}

section {
    padding: 0 0.1rem !important;
}

.m-row {
    display: flex;
    justify-content: space-between;
}

.m1,
.m3,
.m5 {
    background-color: #143444;
}

.m2,
.m4,
.m6 {
    background-color: #0b4050;
}

.m2 {
    background: url(../images/m2_bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.m4 {
    background: url(../images/m4_bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.m6 {
    background: url(../images/m6_bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.mb05 {
    margin-bottom: 0.05rem;
}

.mb1 {
    margin-bottom: 0.1rem;
}

.mb2 {
    margin-bottom: 0.2rem;
}

.mb3 {
    margin-bottom: 0.3rem;
}

.mb4 {
    margin-bottom: 0.4rem;
}

.m-title {
    padding-top: 0.3rem;
}

.m-btn {
    display: flex;
    justify-content: center;
}

/* m1 */
.m1-figure {
    position: relative;
}

.m1-img {
    width: 3.04rem;
    height: 2.24rem !important;
}

.m1-p {
    font-size: 0.26rem;
    line-height: 0.65rem;
    color: #a6dbdd;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.m1-btn-img {
    width: 3.45rem;
    height: 1rem !important;
}

/* m1 end */


/* m2 */
.m2 {
    padding-bottom: 0.6rem !important;
}

.m2-figure {
    position: relative;
}

.m2-img {
    width: 3.06rem;
    height: 3.72rem !important;
}

.m2-title {
    color: #14ddd7;
    font-size: 0.28rem;
    line-height: 0.6rem;
    position: absolute;
    top: 1.92rem;
    width: 100%;
    text-align: center;
}

.m2-p {
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #c8ebec;
    position: absolute;
    bottom: 0.35rem;
    width: 100%;
    padding: 0 0.3rem;
    text-align: left;
}

.m2-des-title {
    position: absolute;
    font-size: 0.27rem;
    color: #143444;
    top: 0;
    width: 100%;
    text-align: center;
    line-height: 0.5rem;
}

.m2-des-p {
    position: absolute;
    bottom: 0.3rem;
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #c8ebec;
    text-align: center;
    padding: 0 0.35rem;
}

/* m2 end */

/* m3 */
.m3 .m-title {
    padding-top: 0.4rem;
}

.m3-table {
    width: 6.2rem;
    border: 1px solid #368688;
    text-align: center;
}

td:nth-child(1) {
    width: 2.65rem;
    color: #fff7e9;
}

td:nth-child(2) {
    color: #14ddd7
}

td:nth-child(3) {
    width: 2.15rem;
    color: #fff7e9;
}

.m3-table td {
    border-right: 1px solid #368688;
    border-bottom: 1px solid #368688;
    height: 0.6rem;
    font-size: 0.22rem;
    line-height: 0.3rem;
}

.m3-table-head {
    font-size: 0.24rem !important;
    height: 0.8rem !important;
}

.m3-btn-img {
    width: 5.2rem;
    height: 1rem !important;
}

/* m3 end */

/* m4 */
.m4-figure {
    background-color: #143444;
    text-align: center;
}

.m4-img {
    width: 2.05rem;
    height: 1.28rem !important;
}

.m4-figure-title {
    color: #14ddd7;
    font-size: 0.24rem;
    line-height: 0.36rem;
    padding: 0.1rem 0;
    border-bottom: 1px dotted;
    margin: 0 0.05rem;
}

.m4-figure-p {
    font-size: 0.2rem;
    color: #c8ebec;
    padding: 0.1rem 0 0.15rem;
    line-height: 0.3rem;
}

.m4-btn-img {
    width: 4.5rem;
    height: 1rem !important;
}

/* m4 end */
/* m5 */
.m5 {
    padding-bottom: 0.55rem !important;
}

.m5-tab .hd {
    margin-bottom: 0.2rem;
}

.m5-tab .hd ul {
    display: flex;
    justify-content: space-between
}

.m5-tab .hd ul li {
    font-size: 0.26rem;
    color: #edffff;
    background-color: #25757f;
    text-align: center;
    width: 1.2rem;
    line-height: 0.6rem;
}

.m5-tab .hd ul .on {
    background: linear-gradient(#c6ebec, #51dde0);
    color: #143444;
    position: relative;
}

.m5-tab-a {
    width: 1.2rem;
    color: #143444;
    background-color: #14ddd7;
    font-size: 0.26rem;
    line-height: 0.6rem;
    text-align: center;
}

.m5-cont {
    display: flex;
    justify-content: space-between
}

.m5-img-l {
    width: 2.34rem;
    height: 3.27rem !important;
}

.m5-cont-figure {
    width: 3.82rem;
}

.m5-img-r {
    width: 3.82rem;
    height: 1.57rem !important;
}

.m5-name {
    background-color: #084f65;
    line-height: 0.5rem;
    padding-left: 0.2rem;
    font-size: 0.23rem;
    color: #c8ebec;
}

.m5-name-span {
    font-size: 0.32rem;
    color: #14ddd7;
    margin-right: 0.1rem;
}

.m5-cont-r-c {
    background-color: #153c50;
    height: 1.18rem;
    padding-left: 0.2rem;
    font-size: 0.23rem;
    color: #c8ebec;
}

.m5-question {
    padding: 0.2rem 0 0.15rem;
    line-height: 0.3rem;
}

.m5-color {
    color: #14ddd7;
}

/* m5 end */

/* m6 */
.m6 {
    padding-bottom: 0.55rem !important;
}

.m6-tab .hd {
    margin-bottom: 0.15rem;
}

.m6-tab .hd ul {
    display: flex;
    justify-content: space-between
}

.m6-tab .hd ul li {
    font-size: 0.26rem;
    line-height: 0.7rem;
    color: #14ddd7;
    background-color: #143444;
    text-align: center;
    border: 1px solid #207b85;
    border-right: none;
}

.m6-tab .hd ul li:last-child {
    border: 1px solid #207b85;
}

.m6-tab .hd ul .on {
    background: linear-gradient(#c6ebec, #51dde0);
    color: #143444;
    position: relative;
    border: none !important;
}

.m6-w1 {
    width: 1.55rem;
}

.m6-w2 {
    width: 1.45rem;
}

.m6-w3 {
    width: 1.8rem;
}

.flex-1 {
    flex: 1;
}