@charset "utf-8";
/* CSS Document */

* { margin: 0;padding: 0; list-style: none; /*word-break: break-all;*/}
html { font-size: 10.33333vw;}
.app { min-height: 100vh; box-sizing: border-box; background: #fff;}
@media screen and (min-width:769px) {
html { font-size: 55px;}
.app { width: 480px; margin: 0 auto;}
}
body { color: #000; font-size: 0.32rem; background: #f8f8f8; -webkit-font-smoothing: none;}
img { max-width: 100%; border: none; vertical-align: middle;}
a { text-decoration: none; color: inherit;}

.logo { display: flex; justify-content: center; align-items: center; height: 2rem; background: #0068b7;}
.logo img { width: auto; height: 2rem;}

.list { padding: 0.5rem 0.4rem;}
.list .item { display: flex; align-items: center; cursor: pointer; height: 0.92rem; margin-bottom: 0.3rem; border: solid 1px #0068b7; border-radius: 0.1rem;}
.list .item .item1 { margin-right: 0.2rem; padding-left: 0.3rem;}
.list .item .item1 img { width: 0.4rem; height: 0.4rem;}
.list .item .item2 { flex: 1; font-size: 0.38rem; color: #0068b7;}
.list .item .item3 { display: flex; align-items: center; height: 0.92rem; line-height: 0.92rem; padding: 0 0.3rem; color: #fff; background: #0068b7;}
.list .item .item3 img { width: 0.24rem; height: 0.24rem; margin-left: 0.2rem;}

.list1 { padding: 0.3rem 0.06rem 0.5rem 0.06rem; text-align: center; border-top: solid 0.2rem #f0f0f0;}
.list1 ul { display: flex; flex-wrap: wrap;}
.list1 ul li { flex-basis: 20%;}
.list1 ul li a { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0.2rem 0;}
.list1 ul li a img { width: 1.08rem; height: 1.08rem; margin-bottom: 0.1rem; border-radius: 0.06rem; box-shadow: 0 0 0.1rem rgba(0,0,0,.08);}
.list1 ul li a span {}

.list2 { padding: 0.4rem 0 0.4rem 0.4rem; border-top: solid 0.2rem #f0f0f0;}
.list2 h3 { display: flex; align-items: center; margin-bottom: 0.2rem; font-size: 0.4rem;}
.list2 h3:before { content: ""; display: inline-block; width: 0.12rem; height: 0.4rem; margin-right: 0.24rem; background: #d80011;}
.list2 ul { display: flex; flex-wrap: wrap;}
.list2 ul li { flex-basis: 33.33%;}
.list2 ul li a { display: flex; align-items: center; width: 100%; margin: 0.2rem 0; padding: 0.1rem 0;}
.list2 ul li a img { width: 0.56rem; height: 0.56rem; margin-right: 0.14rem;}
.list2 ul li a span {}

.listgg { padding: 0.3rem 0.06rem 0.5rem 0.06rem; text-align: center; border-top: solid 0.2rem #f0f0f0;}
.listgg ul { display: flex; flex-wrap: wrap;}
.listgg ul li { flex-basis: 25%;}
.listgg ul li a { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0.2rem 0;}
.listgg ul li a img { width: 1.58rem; height: 1.58rem; margin-bottom: 0.2rem; border-radius: 0.12rem; box-shadow: 0 0 0.1rem rgba(0,0,0,.08);}
.listgg ul li a span {}