@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.2; color:#333; overflow-x:hidden; background-position:top center; background-repeat:no-repeat; background-size:100% auto; background-color:#f8faff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
select {
  -webkit-appearance:none; /* 清除iOS默认样式 */
  -moz-appearance:none;    /* 清除Firefox默认样式 */
  appearance:none;         /* 标准语法 */
  background-color:transparent; /* 透明背景 */
}

@media only screen and (min-width:1280px){
body,html{ width:640px; margin:auto;}
}

/*index*/
.index{ width:100%; position:relative; z-index:1;}
.index img{ width:100%; display:block;}

.banner{ width:100%; margin-top:-20vw; position:relative; z-index:3;}
.banner .swiper-container{ width:100%;}
.banner .swiper-container .swiper-slide{ width:80%;}
.banner .swiper-container .swiper-slide a{ display:block; width:100%; border-radius:10px; border:2px solid rgba(255,255,255,.7); box-sizing:border-box; overflow:hidden; position:relative; transform:scale(.95, .95); transition:.5s;}
.banner .swiper-container .swiper-slide.swiper-slide-active a{ transform:scale(1, 1);}
.banner .swiper-container .swiper-slide .tu{ width:100%; padding-top:58.33%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.banner .swiper-container .swiper-slide .wen{ width:100%; padding:0 3vw; height:34px; line-height:34px; box-sizing:border-box; position:absolute; left:0; bottom:-40px; z-index:2; font-size:14px; color:#fff; background-color:rgba(0,0,0,.7); transition:.5s; text-overflow:ellipsis; white-space:nowrap;}
.banner .swiper-container .swiper-slide.swiper-slide-active .wen{ bottom:0;}

.nav{ width:100%; margin-top:40px; position:relative; z-index:1;}
.nav a{ width:20%; display:block; float:left; text-align:center;}
.nav a strong{ display:block; height:36px; overflow:hidden;}
.nav a strong img{ display:block; height:36px; margin:auto;}
.nav a span{ display:block; margin-top:6px; font-size:14px; line-height:24px; height:24px; color:#333;}

.title{ width:100%; position:relative; z-index:3;}
.title p{ display:block; overflow:hidden; float:left; position:relative;}
.title p strong{ display:block; position:relative; z-index:3; font-size:22px; line-height:32px; height:32px;}
.title p b{ width:100%; height:6px; border-radius:6px; position:absolute; left:0; bottom:2px; z-index:1; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff);}
.title a{ display:block; font-size:14px; line-height:32px; float:right;}
.title a:hover{ color:#1e88ff;}

.hbox{ width:94%; margin:auto; position:relative; z-index:1;}
.hbox .box{ width:100%; margin-top:15px; display:flex;}
.hbox .box .left{ width:42%; margin-right:3%;}
.hbox .box .left a{ width:100%; height:100%; display:block; overflow:hidden; position:relative; border-radius:10px; background-image:url(../images/hbg02_05.jpg); background-size:100% 100%; padding:15px; box-sizing:border-box;}
.hbox .box .right{ width:55%;}
.hbox .box .right a{ width:100%; display:block; overflow:hidden; position:relative; border-radius:10px; background-image:url(../images/hbg03_08.jpg); background-size:100% 100%; margin-bottom:10px; padding:15px; box-sizing:border-box; min-height:100px;}
.hbox .box .right a:last-child{ background-image:url(../images/hbg01_03.jpg); margin-bottom:0;}
.hbox .box .right a:before{ width:100%; padding-top:44.44%; display:block; content:''; position:absolute; left:0; top:0;}
.hbox .box .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.hbox .box .w02{ font-size:14px; line-height:22px; margin-top:5px; color:#fff;}
.hbox .box .right .w02{ width:calc(100% - 70px); margin-top:0;}
.hbox .box .w03{ margin-top:15px;}
.hbox .box .w03 span{ display:block; float:left; padding:0 5px; font-size:14px; height:18px; line-height:18px; color:#fff; background-color:rgba(0,0,0,.3); border-radius:18px; overflow:hidden;}
.hbox .box .w04{ position:absolute; right:3vw; bottom:3vw;}
.hbox .box .w04 img{ height:60px; display:block;}

.xbox{ width:100%; padding:35px 0; position:relative; z-index:1;}
.xbox .title{ width:94%; margin:auto;}
.xbox .box{ width:100%;}
.xbox .swiper-container{ width:94%; padding:15px 3%; padding-bottom:10px;}
.xbox .swiper-container .swiper-slide{ width:80%; border-radius:10px; overflow:hidden; position:relative; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.xbox .swiper-container .swiper-slide .tu{ width:100%;}
.xbox .swiper-container .swiper-slide .tu a{ display:block; overflow:hidden; width:100%; padding-top:62.5%; position:relative; z-index:1;}
.xbox .swiper-container .swiper-slide .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.xbox .swiper-container .swiper-slide .wen{ padding:10px 15px;}
.xbox .swiper-container .swiper-slide .wen span{ width:calc(100% - 80px); display:block; overflow:hidden; float:left;}
.xbox .swiper-container .swiper-slide .wen span a{ width:100%; font-size:14px; line-height:22px; height:44px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.xbox .swiper-container .swiper-slide .wen p{ float:right; padding:9px 0; display:block;}
.xbox .swiper-container .swiper-slide .wen p a{ width:70px; height:28px; line-height:28px; border-radius:28px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; display:block; text-align:center; font-size:12px; overflow:hidden;}
.xbox .swiper-pagination{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding-top:10px;}
.xbox .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin:5px; margin-top:0;}
.xbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background:linear-gradient(to right,#1e53ff,#1e88ff);}

.jbox{ width:94%; padding:35px 3%; position:relative; z-index:1; background-color:#f8faff;}
.jbox .box{ width:100%;}
.jbox .list{ display:block; width:100%;}
.jbox .list li{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.jbox .list li .tu{ width:120px; float:left;}
.jbox .list li .tu a{ display:block; width:100%; overflow:hidden; padding-top:75px; position:relative; z-index:1; border-radius:5px;}
.jbox .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.jbox .list li .wen{ width:calc(100% - 130px); float:right; padding-top:3px;}
.jbox .list li .wen a{ width:100%; font-size:14px; line-height:22px; height:44px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.jbox .list li .wen span{ font-size:14px; line-height:22px; height:22px; color:#999; display:flex; align-items:center; justify-content:flex-end; overflow:hidden; margin-top:4px; text-align:right;}
.jbox .list li .wen span img{ display:block; height:16px; margin-right:3px;}

.tbox{ width:94%; padding:35px 3%; position:relative; z-index:1; background-color:#fff;}
.tbox .box{ width:100%; padding-top:5px;}
.tbox .list{ display:block; width:100%;}
.tbox .list li{ width:48.5%; display:block; float:left; margin-top:10px; margin-left:3%;}
.tbox .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.tbox .list li .tu{ overflow:hidden; width:100%; padding-top:62.5%; position:relative; z-index:1; border-radius:5px;}
.tbox .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.tbox .list li .wen{ font-size:14px; line-height:24px; height:24px; margin-top:5px; text-overflow:ellipsis; white-space:nowrap;}

.footer{ width:100%; height:60px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.05); z-index:99; position:fixed; left:0; bottom:0;}
.footer a{ width:20%; display:block; float:left; text-align:center; position:relative;}
.footer a .w01{ height:20px; padding-top:10px;}
.footer a .w01 img{ display:block; height:20px; margin:auto;}
.footer a.on .w01{ opacity:0;}
.footer a .w02{ width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:-20px; z-index:1; background-color:#fff; border-radius:100%; opacity:0;}
.footer a .w02 b{ width:40px; height:40px; border-radius:100%; display:block; margin:10px; overflow:hidden; box-shadow:0 0 10px rgba(30,83,255,.3);
background:linear-gradient(to top,#1e53ff,#1e88ff);}
.footer a .w02 b img{ height:20px; display:block; margin:10px auto;}
.footer a.on .w02{ opacity:1;}
.footer a .w03{ height:22px; line-height:22px; font-size:12px; padding-top:3px; position:relative; z-index:3;}
.footer a.on .w03{ color:#1e88ff;}

/*训练风采*/
.navBtn{ position:absolute; right:3%; top:20px; z-index:9; height:30px; line-height:30px; padding:0 15px; border-radius:15px; background-color:#fff;}
.navBtn img{ display:block; height:12px; float:left; margin:9px 4px; margin-left:0;}

.menu{ width:0; height:100vh; position:fixed; top:0; right:0; z-index:97; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu.open{ width:100%; overflow-y:auto;}
.menu .mask{ width:100%; height:100%; position:absolute; right:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.menu .box{ width:80%; min-height:100%; background-color:#fff; position:relative; z-index:3; margin-left:20%;}
.menu .box .bt{ width:100%; text-align:center; font-size:14px; height:44px; line-height:44px; border-bottom:1px solid #eee;}
.menu .box .bt a{ display:block; float:right; margin-right:3vw; color:#999; font-size:12px;}
.menu .box .sav{ margin:0 20px;}
.menu .box .sav>li{ display:block; padding:5px 0; position:relative;}
.menu .box .sav>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.menu .box .sav>li>a.on{ color:#1e88ff;}
.menu .box .sav>li>a.xz{ color:#1e88ff;}
.menu .box .sav>li>b{ display:block; width:16px; height:16px; position:absolute; right:0; top:9px;}
.menu .box .sav>li>b img{ height:16px; display:block;}
.menu .box .sav>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .sav>li>ul>li{ display:block;}
.menu .box .sav>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .sav>li>ul>li>a.sen_x p{ color:#1e88ff;}
.menu .box .yu{ padding:0 20px; border-top:1px solid #eee; margin-top:20px; display:block;}
.menu .box .yu>li{ display:block; padding:20px 0; position:relative;}
.menu .box .yu>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.menu .box .yu>li>b{ display:block; width:16px; height:16px; position:absolute; right:0; top:24px;}
.menu .box .yu>li>b img{ height:16px; display:block;}
.menu .box .yu>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .yu>li>ul>li{ display:block; padding-top:5px;}
.menu .box .yu>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .yu>li>ul>li>a.on{ color:#1e88ff;}

.main{ width:94%; position:relative; z-index:1; padding:20px 3%; padding-bottom:40px;}
.main .titles{ width:100%; position:relative; z-index:3;}
.main .titles .t01{ float:left; position:relative;}
.main .titles .t01 a{ font-size:22px; line-height:30px; height:30px; display:block; position:relative; z-index:3; color:#333; font-weight:500;}
.main .titles .t01 span{ width:100%; height:6px; border-radius:6px; position:absolute; left:0; bottom:2px; z-index:1; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff);}
.main .titles .t02{ width:100%; font-size:14px; line-height:24px; margin-top:5px; float:left; position:relative; color:#666;}
.main .list{ width:100%; display:block;}
.main .list li{ width:48.5%; display:block; float:left; margin-top:15px; margin-left:3%; background-color:#fff; border-radius:5px; overflow:hidden;}
.main .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .list li .tu{ width:100%; padding-top:62.5%; position:relative; z-index:1;}
.main .list li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .list li .wen{ padding:8px 10px; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.fanye{ width:100%; text-align:center; padding-top:14px;}
.fanye li{ margin:0 3px; display:inline-block; margin-top:6px;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#1e88ff;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#1e88ff;}

/*训练风采内页*/
.main .ny{ width:100%; margin-top:15px; padding:25px 15px; padding-bottom:30px; min-height:60vh; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.main .ny .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .ny .w02{ font-size:14px; line-height:24px; height:24px; color:#666; margin-top:4px;}
.main .ny .w02 img{ display:block; height:16px; margin-right:3px; float:left; margin-top:4px;}
.main .ny .w03{ font-size:14px; line-height:24px; margin-top:10px; padding-top:15px; border-top:1px solid #eee;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.main .ny .w04{ width:100%; margin-top:15px;}
.main .ny .w04 a{ width:120px; height:34px; line-height:34px; text-align:center; font-size:14px; display:block; margin:auto; border-radius:5px; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff;}
.main .ny .w04 a:hover{ background:linear-gradient(to right,#1e88ff,#1e88ff);}

/*风险报告书*/
.main .ny .w01 b{ width:4px; height:18px; border-radius:4px; display:block; float:left; margin-top:5px; margin-right:6px; background:linear-gradient(to top,#1e53ff,#1e88ff);}

/*成绩查询*/
.main .cj{ width:100%;}
.main .cj a{ width:100%; height:47vw; border-radius:10px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; margin-top:20px; background-size:cover; background-position:right center; padding:15px 5vw; box-sizing:border-box;}
.main .cj a b{ display:block; font-size:20px; line-height:30px;}
.main .cj a p{ display:block; font-size:16px; line-height:26px; margin-top:4px;}

.main .cj11{ width:100%;}
.main .cj11 .bt01{ margin-left:-15px; padding-bottom:25px;}
.main .cj11 a{ padding:0 15px; height:34px;line-height:34px;text-align:center;font-size:14px;display:block;border-radius:5px;overflow:hidden;background:linear-gradient(to right,#1e53ff,#1e88ff);color:#fff; margin-top:15px; margin-left:15px; float:left; display:block;}

/*成绩查询结果*/
.main .box{ width:100%; margin-top:15px; padding:25px 15px; padding-bottom:30px; min-height:60vh; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.main .box .bt{ font-size:18px; line-height:28px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee;}
.main .box .bt b{ width:4px; height:18px; border-radius:4px; display:block; float:left; margin-top:5px; margin-right:6px; background:linear-gradient(to top,#1e53ff,#1e88ff);}
.main .box .bt a{ display:block; float:right; font-size:14px; font-weight:normal; line-height:28px; color:#666;}
.main .box .cj01{ padding-top:10px; padding-bottom:25px;}
.main .box .cj01 p{ display:block; width:100%; height:40px; border-radius:40px; margin-top:20px; overflow:hidden;}
.main .box .cj01 p input{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f7f7f7; overflow:hidden;}
.main .box .cj01 p select{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f7f7f7; overflow:hidden;}
.main .box .cj01 a{ display:block; width:200px; margin:auto; height:40px; border-radius:40px; margin-top:20px; overflow:hidden;}
.main .box .cj01 a input{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; overflow:hidden;}
.main .box .cj02{ width:100%; margin-top:20px; overflow:auto;}
.main .box .cj02 table{ width:640px; border-collapse:collapse; border:1px solid #eee; font-size:14px; line-height:20px;}
.main .box .cj02 th{ background-color:#f8faff; font-weight:normal;}
.main .box .cj02 th,.main .box .cj02 td{ padding:5px; border:1px solid #eee; min-width:30px; text-align:center;}
.main .box .cj02 td a{ margin:0 2px; display:inline-block;}
.main .box .cj02 .qx span,.main .box .cj02 .qx a{ padding:0 10px; height:24px; line-height:24px; background-color:#f8faff; border-radius:3px; overflow:hidden; margin:0 5px; display:inline-block; vertical-align:middle;}

/*成绩查询详情*/
.main .box .canvas{ width:100%; margin-top:20px;}
/*.main .box .canvas canvas{ transform:scale(.9, .9); -ms-transform:scale(.9, .9); -moz-transform:scale(.9, .9); -webkit-transform:scale(.9, .9); -o-transform:scale(.9, .9);}*/
.main .box .cj03{ width:100%; padding-top:10px; display:block; padding-bottom:20px;}
.main .box .cj03 li{ width:100%; display:block; margin-top:5px; overflow:hidden;}
.main .box .cj03 li span{ display:block; float:left; width:100px; font-size:14px; line-height:24px; color:#666;}
.main .box .cj03 li p{ display:block; float:left; width:calc(100% - 100px); font-size:14px; line-height:24px; color:#333;}
.main .box .cj04{ margin-top:20px;}
.main .box .cj04 table{ width:100%; border-collapse:collapse; border:1px solid #eee; font-size:14px; line-height:20px;}
.main .box .cj04 th,.main .box .cj04 td{ padding:5px; border:1px solid #eee; min-width:30px;}
.main .box .cj04 td .w01{ text-align:center; font-size:18px; line-height:28px; padding:5px 0;}
.main .box .cj04 td .w02{ text-align:left; font-size:14px; line-height:24px;}
.main .box .cj04 td .w03{ text-align:center; font-size:14px; line-height:24px; padding:5px 0;}
.main .box .cj04 td .w03 a{ color:#1e53ff; font-weight:bold;}

/*会员中心-登录*/
.hui{ width:94%; padding:40px 3%; padding-top:35px;}
.hui .bt{ font-size:20px; line-height:30px; color:#fff;}
.hui .bt01{ font-size:30px; line-height:40px; color:#fff; margin-top:10px; font-weight:bold;}
.hui .cont{ width:100%; padding-bottom:20px; position:relative;}
.hui .cont .box{ width:100%; min-height:calc(100vh - 270px); box-sizing:border-box; background-color:#fff; border-radius:10px; margin-top:35px; padding-top:10px; padding-bottom:40px; box-shadow:0 0 10px rgba(0,0,0,.05); position:relative; z-index:3;}
.hui .cont:before{ width:calc(100% - 20px); height:70px; position:absolute; left:10px; bottom:10px; z-index:2; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); display:block; content:'';}
.hui .cont:after{ width:calc(100% - 40px); height:70px; position:absolute; left:20px; bottom:0; z-index:1; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); display:block; content:'';}

.tab{ width:90%; margin:auto; max-width:360px; margin-top:15px; position:relative; z-index:3;}
.tab li{ display:block; overflow:hidden; float:left; position:relative; margin-right:20px;}
.tab li strong{ display:block; position:relative; z-index:3; font-size:22px; line-height:32px; height:32px; font-weight:normal;}
.tab li.on b{ width:100%; height:6px; border-radius:6px; position:absolute; left:0; bottom:2px; z-index:1; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff);}

.hui .cont .w01{ width:90%; margin:auto; max-width:360px; margin-top:15px; height:60px; border-bottom:1px solid #eaeaea; position:relative;}
.hui .cont .w01 span{ width:46px; height:60px; float:left; display:block;}
.hui .cont .w01 span img{ height:20px; display:block; margin:20px auto;}
.hui .cont .w01 b{ width:1px; height:16px; float:left; display:block; margin-top:22px; background-color:#ddd;}
.hui .cont .w01 p{ width:calc(100% - 60px); height:60px; float:left; display:block; margin-left:13px;}
.hui .cont .w01 p input{ width:100%; display:block; font-size:14px; height:60px; line-height:60px; overflow:hidden;}
.hui .cont .w01 a{ height:30px; line-height:30px; color:#1e88ff; display:block; position:absolute; right:0; bottom:15px; overflow:hidden;}
.hui .cont .w01 a img{ width:80px !important; height:30px !important; display:block;}
.hui .cont .w02{ width:90%; margin:auto; max-width:360px; margin-top:15px; font-size:14px; line-height:24px; color:#666;}
.hui .cont .w02 input{ width:14px; height:14px; display:block; float:left; margin-top:5px; margin-right:5px;}
.hui .cont .w02 a{ color:#1e88ff;}
.hui .cont .w03{ width:90%; margin:auto; max-width:360px; margin-top:7.03125vw;}
.hui .cont .w03 input{ width:100%; height:46px; line-height:46px; border-radius:46px; background:linear-gradient(to right,#1e53ff,#1e88ff); font-size:14px; color:#fff;}
.hui .cont .w04{ width:80%; margin:auto; max-width:360px; margin-top:15px; text-align:center;}
.hui .cont .w04 a{ font-size:14px; line-height:24px; color:#999;}
.hui .cont .w04 a:hover{ color:#1e88ff;}

/*报名通道*/
.main.hei .box{ min-height:1px;}
.main .box .bm{ width:100%;}
.main .box .bm .m01{ margin-top:15px; height:41px; display:flex; align-items:center;}
.main .box .bm .m01 img{ width:20px; display:block; margin-right:10px; opacity:.5;}
.main .box .bm .m01 span{ display:block; font-size:14px; line-height:40px; border-bottom:1px solid #eee;}
.main .box .bm .m01 span b{ color:#da0000; margin-right:5px;}
.main .box .bm .m01 p{ flex:1; height:40px; border-bottom:1px solid #eee; display:flex; align-items:center; overflow:hidden; background-image:url(../images/menu-arrow.png); background-position:right center; background-repeat:no-repeat;}
.main .box .bm .m01 p input{ width:100%; display:block; font-size:14px; line-height:32px; height:32px; display:block; overflow:hidden; text-indent:10px; background-color:transparent; text-align:right; padding-right:16px; box-sizing:border-box;}
.main .box .bm .m01 p select{ width:100%; display:block; font-size:14px; line-height:32px; height:32px; display:block; overflow:hidden; text-indent:10px; background-color:transparent; text-align:right; padding-right:16px; box-sizing:border-box; direction:ltr; direction:rtl;}
.main .box .bm .m01 p select option{ padding-right:16px;}
.main .box .bm .m02{ width:100%; margin-top:20px;}
.main .box .bm .m02 input{ width:120px; height:34px; line-height:34px; text-align:center; font-size:14px; display:block; margin:auto; border-radius:5px; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff;}
.main .box .bm .m02 input:hover{ background:linear-gradient(to right,#1e88ff,#1e88ff);}

.main .box .bm .m11{ margin-top:15px; overflow:hidden; border-bottom:1px solid #eee; display:flex;}
.main .box .bm .m11 span{ display:block; font-size:14px; line-height:40px; float:left;}
.main .box .bm .m11 p{ flex:1; height:40px; overflow:hidden;}
.main .box .bm .m11 p input{ width:100%; display:block; font-size:14px; line-height:122px; height:122px; display:block; overflow:hidden; text-align:right;}
.main .box .bm .m12{ margin-top:15px; overflow:hidden; border-bottom:1px solid #eee;}
.main .box .bm .m12 span{ display:block; font-size:14px; line-height:60px; float:left;}
.main .box .bm .m12 .tx{ float:right; margin-bottom:15px;}
.main .box .bm .m12 .tx img{ height:60px; display:block;}
.main .box .bm .m12 .loading{ float:right; font-size:14px; line-height:60px; margin:0 15px;}
.main .box .bm .m13{ margin-top:15px; overflow:hidden; border-bottom:1px solid #eee;}
.main .box .bm .m13>span{ display:block; font-size:14px; line-height:24px;}
.main .box .bm .m13 .content{ width:calc(100% - 2px); margin-top:5px;}

.main .box .bm01{ width:100%; display:block;}
.main .box .bm01 dt{ display:block; padding-top:15px; padding-bottom:5px; border-bottom:1px solid #eee; overflow:hidden;}
.main .box .bm01 dt span{ width:85px; display:block; font-size:14px; line-height:24px; color:#666; float:left;}
.main .box .bm01 dt p{ width:calc(100% - 85px); display:block; font-size:14px; line-height:24px; color:#333; float:right; text-align:right;}
.main .box .bm01 dd{ width:100%; margin-top:20px;}
.main .box .bm01 dd input{ width:120px; height:34px; line-height:34px; text-align:center; font-size:14px; display:block; margin:auto; border-radius:5px; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff;}
.main .box .bm01 dd input:hover{ background:linear-gradient(to right,#1e88ff,#1e88ff);}

/*会员中心*/
.hy{ width:94%; margin:20px 3%; display:flex; align-items:center;}
.hy .left{ width:56px; height:56px; padding:2px; background:linear-gradient(to right,#1e53ff,#1e88ff); border-radius:100%;}
.hy .left img{ width:56px; height:56px; display:block; object-fit:cover; border-radius:100%;}
.hy .right{ margin-left:10px;}
.hy .right .w01{ width:100%; font-weight:bold; line-height:26px; height:26px; color:#333; font-size:20px;}
.hy .right .w01 span{ font-size:16px;}
.hy .right .w02{ width:100%; line-height:24px; height:24px; color:#666; font-size:14px; margin-top:4px;}
.hy .right .w02 p{ display:block; float:left; margin-right:15px;}
.hy .right .w02 a{ display:block; float:left; overflow:hidden; color:#666;}
.hy .right .w02 a img{ display:block; height:16px; margin-top:4px; margin-right:5px; float:left;}

.hy01{ width:94%; margin:auto; position:relative; z-index:3;}
.hy01 .swiper-container{ width:100%;}
.hy01 .swiper-container .swiper-slide{ width:100%; border-radius:10px; overflow:hidden; display:block;}
.hy01 .swiper-container .swiper-slide img{ width:100%; display:block;}

.hy02{ width:94%; margin:auto; margin-top:20px;}
.hy02 a{ width:48.5%; float:left; margin-left:3%; display:flex; align-items:center; overflow:hidden; border-radius:10px; height:90px; background-image:url(../images/hbg03_08.jpg); background-size:100% 100%; padding:0 15px; box-sizing:border-box;}
.hy02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0; background-image:url(../images/hbg02_05.jpg);}
.hy02 a .wen{ flex:1; margin-right:10px;}
.hy02 a .wen span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.hy02 a .wen p{ display:block; font-size:14px; line-height:24px; color:#fff;}
.hy02 a .tu{ height:50px;}
.hy02 a .tu img{ display:block; height:50px;}

.hy03{ width:94%; padding-top:10px; padding-bottom:40px; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:30px auto; margin-top:20px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.hy03 .list{ width:84%; max-width:380px; margin:auto; display:block;}
.hy03 .list dt{ display:block; overflow:hidden; border-bottom:1px solid #eaeaea; padding-top:17px;}
.hy03 .list dt a{ width:100%; overflow:hidden; background-image:url(../images/line.png); background-position:right center; background-repeat:no-repeat; font-size:14px; line-height:42px; height:42px; display:block;}
.hy03 .list dt a strong{ width:36px; height:42px; float:left; display:block; overflow:hidden;}
.hy03 .list dt a strong img{ display:block; height:16px; margin-top:13px;}
.hy03 .list dt a:hover{ color:#1e88ff;}
.hy03 .list dd{ width:100%; margin-top:30px;}
.hy03 .list dd a{ width:100%; height:40px; line-height:40px; font-size:16px; display:block; text-align:center; letter-spacing:3px; text-indent:3px; font-weight:bold; border-radius:50px; background:linear-gradient(to right,#1e53ff,#1e88ff); font-size:16px; color:#fff;}

/*会员中心-个人信息*/
.main .box .bm .m01 .tx{ width:120px; height:120px; border:1px solid #eee; border-radius:5px; overflow:hidden; margin-top:5px; position:relative;}
.main .box .bm .m01 .tx img{ width:100%; display:block;}
.main .box .bm .m01 .tx input{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}

.zs{ padding:0 15px;}
.zs01{ position:relative; margin-top:20px;}
.zs01 b{ display:block; position:relative; z-index:3; font-size:22px; line-height:32px; text-align:center;}
.zs01 p{ width:100px; height:6px; border-radius:6px; margin:auto; margin-top:5px; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff);}
.zs02{ position:relative; margin-top:20px; font-size:14px; line-height:24px;}
.zs03{ position:relative; margin-top:10px; font-size:14px; line-height:24px;}
.zs03 p{ display:block; margin-bottom:15px; font-size:14px; line-height:24px; font-weight:bold; color:#1e53ff;}
.zs03 p input{ display:inline-block; width:200px !important; height:24px; line-height:24px; font-size:14px; border-bottom:1px solid #ddd; margin-right:5px; color:#333;}
.zs03 p select{ display:inline-block; width:200px !important; height:24px; line-height:24px; font-size:14px; border-bottom:1px solid #ddd; margin-right:5px; color:#333;}
.zs04{ position:relative; margin-top:10px; font-size:14px; line-height:24px;}
.zs04 p{ margin-top:5px;}
.zs04 p input{ width:200px; display:inline-block; height:24px; line-height:24px; border-bottom:1px solid #ddd; margin:0 5px;}
.zs04 p span{ height:120px;}
.zs04 p span img{ display:block; max-height:200px; max-width:100%; margin:auto;}
.zs04 p:last-child input{ width:60px;}
.zs04 p:last-child input:first-child{ width:80px;}
.zs04 p .qm{ height:34px; line-height:34px; margin:10px auto; display:block; border:none;}

.buttons{ width:100%; text-align:center;}
.buttons button{ width:80px; height:34px; line-height:34px; border-radius:5px; display:inline-block; margin:20px 1.5vw; background-color:#eee; overflow:hidden;}
.buttons button:nth-child(1){ background-color:#1e53ff; color:#fff;}
.buttons button:nth-child(2){ background-color:#1e88ff; color:#fff;}

/*打印*/
.main .m02{margin:10px 0 0 0;}
.main .m02 input{width:120px;height:34px;line-height:34px;text-align:center;font-size:14px;display:block;margin:auto;border-radius:5px;overflow:hidden;background:linear-gradient(to right,#1e53ff,#1e88ff);color:#fff;}

@media print {
    body * {visibility:hidden;}
    .print-area {visibility:visible;position:absolute;left:0;top:0;}
}

/*弹出框*/
#btn1{ cursor:pointer;}
.xcConfirm .xc_layer{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#666666; opacity:0.5; z-index:2147000000;}
.xcConfirm .popBox{position:fixed; left:0.5%; top:50%; padding-bottom:20px; background-color:#ffffff; z-index:2147000001; width:99%; margin-top:-160px; border-radius:5px; font-weight:bold; color:#535e66;}
.xcConfirm .popBox .ttBox{height:30px; line-height:30px; padding:14px 30px; border-bottom:solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size:18px; display:block; float:left; height:30px; position:relative;}
.xcConfirm .popBox .ttBox .clsBtn{display:block; cursor:pointer; width:12px; height:12px; position:absolute; top:22px; right:30px;}
.xcConfirm .popBox .txtBox{margin:10px 0; text-align:center; overflow:hidden;}
.xcConfirm .popBox .txtBox p{ overflow-x:hidden; overflow-y:auto;}
.xcConfirm .popBox .btnArea{border-top:solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float:right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top:14px; margin-right:10px;}
.xcConfirm .popBox .sgBtn{display:block; cursor:pointer; float:left; width:95px; height:35px; line-height:35px; text-align:center; color:#FFFFFF; border-radius:5px;}
.xcConfirm .popBox .sgBtn.ok{background-color:#0095d9; color:#FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color:#546a79; color:#FFFFFF;}

.xiug{ width: 100%; text-align: center; padding-bottom: 20px;}
.xiug a{ display: inline-block; padding: 0 20px; margin: 10px 20px; margin-top: 0; height:40px; line-height:40px; text-align:center; font-size:14px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; overflow:hidden;border-radius: 40px;}


.tkuang{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background-color: rgba(0,0,0,.7); display: none;}
.tkuang .box{ width:94%; padding:40px 25px;
  box-sizing: border-box; background-color: #fff; border-radius: 10px; overflow: hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
}
.tkuang .box .w01{ font-size:16px; line-height:26px; text-align:center;}
.tkuang .box .w01 input{ width: 100%; font-size: 14px; border: 1px solid #ddd; border-radius: 5px; text-align: center; display: block; box-sizing: border-box; line-height: 40px;}
.tkuang .box .w01 img{ max-width:100%; height:auto !important;}
.tkuang .box .w02{ width: 100%; text-align: center; padding-top: 10px;}
.tkuang .box .w02 a{ display: inline-block; padding: 0 20px; margin: 10px; margin-bottom: 0; height:36px; line-height:36px; text-align:center; font-size:14px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; overflow:hidden;border-radius: 5px;}