/* Main */
.bg-body { background: #3964A4; }

.header-wrap { background: #3964A4; padding:20px 20px 0; }
.header { margin-bottom: 17px; display: flex; justify-content: space-between; }
.header h1 img { width:117px; }
.header .user { }
.header .user strong { display: inline-block; vertical-align: middle; font-size:20px; color: #fff; font-weight: 600; margin-right:10px; }
.header .user span { display: inline-block; vertical-align: middle; width:40px; height: 40px; border-radius:17px; background:#fff  url(../images/main/ico_user.png) no-repeat 50% 50%; background-size:18px auto; }
.header .gif { width:100%; }
.point-wrap { border-radius:20px; background: #D7C49E; overflow: hidden; position: relative; padding:18px 8px 18px 138px; margin-bottom: 10px; }
.point-wrap:before { content: ''; position: absolute;left: -25px; top:-40px; width:70px; height: 70px; border-radius:100%; border:10px solid #3964A4; }
.point-wrap:after { content: ''; position: absolute;right: -20px; bottom:-30px; width:90px; height: 90px; border-radius:100%; url(../images/main_bg_a.png) width:110px; }
.point-wrap .mine { position: absolute;left: 0; top:50%; width:145px; text-align: center; font-size:24px; font-weight: 700; color: #fff; transform: translateY(-50%); }
.point-wrap .info { position: relative; z-index:2; }
.point-wrap .info dl { display: flex; justify-content: space-between; font-size:14px; line-height: 28px; color: #ffffff; padding:0 10px; }
.point-wrap .info dl.total { background: #3964A4; border-radius:28px; }

.menus {  }
.menus .desc { background: #3964A4; text-align: center; line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; color: #ffffff; }
.menus .menu { background: #fbfbfc; border-radius:15px 15px 0 0; padding: 20px 20px 0;  }
.menus .menu .top {  height: 70px; display: flex; align-items: center; text-align: center; border-radius:10px; background: #fff; margin-bottom: 3px; }
.menus .menu .top span { width:100%; }
.menus .menu .top img { height: 45px; }
.menus .menu .top a { width:100%; height: 100%; display: block; color:#565967; font-size:18px;  line-height: 67px; }
.menus .menu .top a:before { content: ''; display: inline-block; vertical-align: middle; background: url(../images/main/menu3_about.png) no-repeat 0 0 ; background-size:24px auto;  width:24px; height: 24px; margin:-5px 14px 0 0;}
.menus .menu ul { overflow: hidden; margin:0 -3px;  }
.menus .menu ul li { float:left; width:33.333%; padding: 3px; }
.menus .menu ul li a { display: block; height: 130px; text-align: center; padding-top:20px; background: #fff; border-radius:10px; }
.menus .menu ul li a span { display: block; width:60px; height: 60px; border-radius:24px; background: #f5f4f6; background-position: 50% 50%; background-repeat: no-repeat; background-size:25px auto; margin:0 auto; margin-bottom: 15px; }
.menus .menu ul li a span.m1-1 { background-image: url(../images/main/menu1_1.png); }
.menus .menu ul li a span.m1-2 { background-image: url(../images/main/menu1_2.png); }
.menus .menu ul li a span.m1-3 { background-image: url(../images/main/menu1_3.png); }
.menus .menu ul li a span.m2-1 { background-image: url(../images/main/menu2_1.png); }
.menus .menu ul li a span.m2-2 { background-image: url(../images/main/menu2_2.png); }
.menus .menu ul li a span.m2-3 { background-image: url(../images/main/menu2_3.png); }
.menus .menu ul li a span.m2-4 { background-image: url(../images/main/menu2_4.png); }
.menus .menu ul li a span.m2-5 { background-image: url(../images/main/menu2_5.png); }
.menus .menu ul li a span.m3-1 { background-image: url(../images/main/menu3_1.png); }
.menus .menu ul li a span.m3-2 { background-image: url(../images/main/menu3_2.png); }
.menus .menu ul li a span.m3-3 { background-image: url(../images/main/menu3_3.png); }
.menus .menu ul li a span.m3-4 { background-image: url(../images/main/menu3_4.png); }
.menus .menu ul li a span.m3-5 { background-image: url(../images/main/menu3_5.png); }
.menus .menu ul li a span.m3-6 { background-image: url(../images/main/menu3_6.png); }
.menus .menu ul li a span.m3-001 { background-image: url(../images/main/menu3_001.png); }
.menus .menu ul li a p { font-size:14px; color: #565967; }

.tabs1 { margin:0 -20px; padding:0 20px; border-bottom: 1px solid rgba(255,255,255,0.2); display: flex; justify-content: space-between;  }
.tabs1 a { height: 44px; line-height: 43px; font-size:18px; color: #ffffff; position: relative; transition: all 0.5s ease; }
.tabs1 a:before { content: ''; position: absolute; bottom:0; left: 50%; width:0;height: 1px; background: #fff; opacity:0; transform: translateX(-50%); transition: all 0.5s ease;}
.tabs1 a.active { color: #fff; }
.tabs1 a.active:before { width:100%; opacity:1; }

.notice { padding:20px; padding-bottom: 175px; background: #fbfbfc; }
.notice div p { padding:0 10px; background: #edeced; border-radius:10px; padding-left:40px; position:relative; }
.notice div p a { display: block; line-height: 40px; font-size:13px; color: #71707a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis ;}
.notice div p:before { content: ''; position:absolute; left:13px; top:0;bottom:0; width:30px; background: url(../images/main/ico_notice.png) no-repeat 0 50%; width:30px; height: 100%; background-size:18px auto; }

.bottom-fixed { position: fixed; left: 0; right:0; bottom:0; height: 80px; background: #fff; z-index:1000; }
.bottom-fixed .navs { display: flex; justify-content: space-between; padding:0 10px; }
.bottom-fixed .navs a { width:62px; height: 55px; text-align: center; padding-top:16px; }
.bottom-fixed .navs a span { display: block; width:24px; height: 24px; background: url(../images/main/nav1_off.png) no-repeat 50% 50%; background-size:24px auto; margin: 0 auto 4px;}
.bottom-fixed .navs a span.ic1 { background-image:url(../images/main/nav1_off.png);}
.bottom-fixed .navs a span.ic2 { background-image:url(../images/main/nav2_off.png);}
.bottom-fixed .navs a span.ic3 { background-image:url(../images/main/nav3_off.png);}
.bottom-fixed .navs a span.ic4 { background-image:url(../images/main/nav4_off.png);}
.bottom-fixed .navs a.active span.ic1 { background-image:url(../images/main/nav1_on.png);}
.bottom-fixed .navs a.active span.ic2 { background-image:url(../images/main/nav2_on.png);}
.bottom-fixed .navs a.active span.ic3 { background-image:url(../images/main/nav3_on.png);}
.bottom-fixed .navs a.active span.ic4 { background-image:url(../images/main/nav4_on.png);}
.bottom-fixed .navs a strong { font-weight: 400; font-size:11px; color: #949ca9; }
.bottom-fixed .navs a.qr { width:81px; height: 81px; border-radius:30px; border: 13px solid #fff; padding-top:0; margin-top:-13px; }
.bottom-fixed .navs a.qr em { display: block; margin:0 auto; width:55px; height: 55px; border-radius:22px; background: #D7C49E url(../images/main/nav_qr.png) no-repeat 50% 50%; background-size:24px auto;  box-shadow: 0px 2px 9px 0 rgba(143, 35, 73, 0.3);}

.bot-fixed { position: fixed; left: 0; right:0; bottom:0; height: 50px; background: #ffffff; background: linear-gradient(0deg, rgb(88, 12, 32) 0%, rgb(130, 28, 55) 100%); }
.bot-fixed a { float:left; width:100%; height: 50px; line-height: 48px; text-align: center; font-size:13px; color: rgb(255, 255, 255); }
.bot-fixed a img { height: 15px; margin-right:5px;}

.bottom-etc { position: fixed; left: 0; right:0; bottom:30px; height: 85px; background: #73717c; border-radius:15px 15px 0 0; padding:35px 20px 0; z-index:900; transition: all 0.5s ease; }
.bottom-etc .box { display: flex; justify-content: space-between; font-size:14px; line-height: 18px; color: #fff;  }
.bottom-etc .box .btns a { display: inline-block; vertical-align: middle; color: #fff; }
.bottom-etc .box .btns a + a { border-left: 1px solid #b5afb4; padding-left: 15px; margin-left: 14px;}
.bottom-etc .flip { position: absolute;left: 0; right:0; top:0; height: 35px; }
.bottom-etc .flip span { position: absolute;left: 50%; top:5px; margin-left: -5px; top:10px; width:10px; height: 10px; border-left: 3px solid #b1b1b7; border-bottom: 3px solid #b1b1b7; transform: rotate(135deg); transition: all 0.5s ease;  animation: animate1 1s linear 5 alternate; }
.bottom-etc.active { padding-top:25px; bottom:80px; }
.bottom-etc.active .flip span { transform: rotate(-45deg);}




@keyframes animate1 {
	0% {opacity:1; }
	50% {opacity:0; }
	100% {opacity:1; }
}