@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%; max-width:640px; margin:auto;}
body{ font:14px/1.7 "Microsoft Yahei","微软雅黑", sans-serif, Arial; color:#333; background-color:#f6faff; overflow-x:hidden; background-position:top center; background-repeat:no-repeat; background-size:100% auto;}
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;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:94%; padding:20px 3%; position:relative; z-index:3;}
.header .logo{ float:left; height:24px;}
.header .logo a{ display:block; overflow:hidden; line-height:24px; font-size:18px; color:#fff;}
.header .logo img{ display:block; height:24px; float:left; margin-right:6px;}
.header .hui{ float:right; height:24px; border-radius:24px; background-color:rgba(255,255,255,.7); padding:0 10px; margin-right:15px;}
.header .hui a{ display:block; float:left; font-size:14px; line-height:24px;}
.header .hui span{ display:block; float:left; font-size:14px; line-height:24px; color:#999; margin:0 5px;}
.header .hui01{ float:right; height:24px; position:relative; margin-right:15px;}
.header .hui01 dt{ display:block; border-radius:24px; background-color:rgba(255,255,255,.7); overflow:hidden; cursor:pointer;}
.header .hui01 dt strong{ width:20px; height:20px; display:block; float:left; margin:2px; margin-right:5px; border-radius:100%; overflow:hidden;}
.header .hui01 dt strong img{ width:100%; display:block;}
.header .hui01 dt span{ font-size:14px; line-height:24px; height:24px; display:block; float:left;}
.header .hui01 dt b{ width:10px; height:6px; display:block; float:left; margin:9px 5px; margin-right:10px; background-image:url(../images/sel.png); background-position:center; background-repeat:no-repeat;}
.header .hui01 dd{ width:100%; position:absolute; left:0; top:36px; background-color:rgba(255,255,255,.7); border-radius:5px; box-sizing:border-box; padding:6px 15px; display:none;}
.header .hui01 dd a{ display:block; font-size:14px; line-height:26px; overflow:hidden; height:26px; text-align:center;}
.header .hui01 dd a:hover{ color:#1e88ff;}

/*搜索*/
.ser{ width:94%; margin:auto; height:36px; background-color:rgba(255,255,255,.6); border-radius:50px; box-sizing:border-box; position:relative; z-index:1;}
.ser a{ width:40px; margin-left:10px; height:36px; display:block; float:left;}
.ser a input{ width:100%; height:36px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; cursor:pointer; background-color:transparent;}
.ser p{ width:calc(100% - 70px); display:block; float:left; height:36px; overflow:hidden;}
.ser p input{ width:100%; font-size:14px; line-height:36px; height:36px; background-color:transparent; display:block; overflow:hidden;}

/*广告*/
.gg{ width:94%; margin:auto; margin-top:20px; border-radius:10px; position:relative; z-index:1;}
.gg .swiper-container{ width:100%;}
.gg .swiper-container .swiper-slide{ width:100%;}
.gg .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.gg .swiper-container .swiper-slide img{ width:100%; display:block;}

/*导航*/
.sav{ width:94%; margin:40px auto; margin-bottom:35px; position:relative; z-index:1;}
.sav a{ width:33.33%; display:block; float:left; text-align:center;}
.sav a strong{ width:40px; height:40px; overflow:hidden; display:block; margin:auto; border-radius:100%;}
.sav a strong img{ width:100%; display:block;}
.sav a span{ display:block; font-size:14px; line-height:24px; margin-top:6px;}
.sav a:hover span{ color:#1e88ff;}

.title{ width:100%; position:relative; z-index:3; padding-top:10px;}
.title b{ font-size:30px; line-height:30px; height:30px; display:block; overflow:hidden; text-transform:uppercase; color:#1e88ff; opacity:.2; position:absolute; left:0; top:0; z-index:1;}
.title strong{ display:block; font-size:20px; line-height:30px; position:relative; z-index:2;}
.title a{ display:block; font-size:14px; line-height:24px; position:absolute; right:0; bottom:0; z-index:3;}
.title a:hover{ color:#1e88ff;}

/*会员专区*/
.hbox{ width:94%; padding:25px 3%; border-top:1px solid #eaeaea; position:relative; z-index:1;}
.hbox .box{ width:100%; margin-top:5px; display:flex; flex-wrap:wrap;}
.hbox .box a{ width:48.5%; display:block; overflow:hidden; position:relative; border-radius:10px; background-size:100% 100%; margin-top:10px; padding:15px 3vw; padding-bottom:20px; box-sizing:border-box; margin-left:3%;}
.hbox .box a:nth-child(2n+1){ margin-left:0;}
.hbox .box a:nth-child(1){ background-image:url(../images/hbg02_05.jpg);}
.hbox .box a:nth-child(2){ background-image:url(../images/hbg01_03.jpg);}
.hbox .box a:nth-child(3){ background-image:url(../images/hbg03_08.jpg);}
.hbox .box a:nth-child(4){ background-image:url(../images/hbg01_03.jpg);}
.hbox .box 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:24px; color:#fff;}
.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;}

/*热门推荐*/
.rbox{ width:100%; margin:auto; position:relative; z-index:1;}
.rbox .title{ width:94%; margin:auto;}
.rbox .box{ width:100%;}
.rbox .box .swiper-container{ width:94%; padding:15px 3%; padding-bottom:40px;}
.rbox .swiper-slide{ width:62.22%; padding-bottom:15px; display:block; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); overflow:hidden;}
.rbox .swiper-slide .w01{ padding:10px;}
.rbox .swiper-slide .w01 a{ width:100%; padding-top:75%; display:block; position:relative; border-radius:10px; overflow:hidden;}
.rbox .swiper-slide .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.rbox .swiper-slide .w02{ width:calc(100% - 20px); margin:auto;}
.rbox .swiper-slide .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rbox .swiper-slide .w02 a:hover{ color:#1e88ff;}
.rbox .swiper-slide .w03{ width:calc(100% - 20px); margin:auto; margin-top:4px;}
.rbox .swiper-slide .w03 p{ float:left; color:#1e88ff; font-size:14px; display:block;}
.rbox .swiper-slide .w03 p b{ font-size:20px; line-height:30px; height:30px;}
.rbox .swiper-slide .w03 a{ width:30px; height:30px; display:block; float:right; border-radius:100%; background-color:#1e88ff; overflow:hidden; margin-right:5px;}
.rbox .swiper-slide .w03 a img{ display:block; height:14px; margin:8px auto;}
.rbox .swiper-pagination{ position:absolute; right:3%; top:36px; z-index:5;}
.rbox .swiper-pagination span{ display:block; float:left; width:6px; height:4px; border-radius:4px; background-color:#999; overflow:hidden; margin-left:4px;}
.rbox .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background-color:#1e88ff;}

/*广告*/
.gg01{ width:100%; position:relative; z-index:1;}
.gg01 .swiper-container{ width:100%;}
.gg01 .swiper-container .swiper-slide{ width:100%;}
.gg01 .swiper-container .swiper-slide a{ width:100%; padding-top:41.71875%; position:relative; display:block; overflow:hidden;}
.gg01 .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}

/*精选商品*/
.pbox{ width:94%; padding:25px 3%; background:linear-gradient(to top,#fff,#f6faff); border-radius:3vw; margin-top:-3vw; position:relative; z-index:2;}
.pbox .box{ width:100%; display:block;}
.pbox .box li{ display:block; width:48.5%; float:left; margin-left:3%; margin-top:15px; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); overflow:hidden; padding-bottom:10px;}
.pbox .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pbox .box .w01{ border-radius:10px;}
.pbox .box .w01 a{ width:100%; padding-top:75%; display:block; position:relative; border-radius:10px; overflow:hidden;}
.pbox .box .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .w02{ width:calc(100% - 20px); margin:10px auto; margin-bottom:0;}
.pbox .box .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box .w02 a:hover{ color:#1e88ff;}
.pbox .box .w03{ width:calc(100% - 20px); margin:auto;}
.pbox .box .w03 p{ float:left; color:#1e88ff; font-size:14px; display:block;}
.pbox .box .w03 p b{ font-size:20px; line-height:28px; height:28px;}
.pbox .box .w03 a{ width:28px; height:28px; display:block; float:right;}
.pbox .box .w03 a img{ display:block; height:18px; margin:5px auto;}

/*关于我们*/
.abox{ width:94%; padding:0 3%; padding-bottom:30px; position:relative; z-index:1;}
.abox .box{ width:100%; margin-top:15px; position:relative; z-index:3; padding-bottom:20px;}
.abox .box .bg{ width:calc(100% - 20px); height:70px; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); z-index:2; position:absolute; left:10px; bottom:10px;}
.abox .box .bg01{ width:calc(100% - 40px); height:70px; background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); z-index:1; position:absolute; left:20px; bottom:0;}
.abox .box .cont{ background-color:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.05); position:relative; z-index:3;}
.abox .box .cont .tu{ width:100%; border-radius:10px;}
.abox .box .cont .tu img{ width:100%; display:block;}
.abox .box .cont .wen{ padding:15px;}
.abox .box .cont .wen .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .cont .wen .w02{ width:20px; height:4px; border-radius:6px; margin-top:6px; background-color:#1e88ff;}
.abox .box .cont .wen .w03{ width:100%; font-size:14px; line-height:24px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}

/*活动通知*/
.nbox{ width:94%; padding:35px 3%; padding-bottom:40px; position:relative; z-index:1; background-color:#f6faff;}
.nbox .box{ width:100%; display:block;}
.nbox .box li{ padding:10px; border-radius:10px; background-color:#fff; overflow:hidden; display:block; margin-top:15px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.nbox .box li .tu{ width:100px; height:100px; border-radius:10px; float:left;}
.nbox .box li .tu img{ width:100%; display:block;}
.nbox .box li .wen{ width:calc(100% - 110px); height:100px; margin-left:10px; float:left;}
.nbox .box li .wen .w01{ width:100%; font-size:16px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box li .wen .w01:hover{ color:#1e88ff;}
.nbox .box li .wen .w02{ width:100%; font-size:14px; line-height:20px; height:40px; color:#666; margin:2px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box li .wen .w03{ margin-left:-30px; padding-top:7px;}
.nbox .box li .wen .w03 p{ display:block; float:left; margin-left:30px; font-size:14px; line-height:24px; color:#999;}
.nbox .box li .wen .w03 p img{ display:block; height:14px; float:left; margin-top:5px; margin-right:5px;}

/*footer*/
.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;}

/*精选商品*/
.header{ width:94%; padding:20px 3%; position:relative; z-index:3;}
.header .back{ float:left; height:24px;}
.header .back img{ display:block; height:24px;}
.header .navBtn{ float:right; height:24px;}
.header .navBtn img{ display:block; height:24px;}
.header .bt{ width:calc(100% - 48px); float:left; text-align:center; font-weight:bold; font-size:18px; line-height:24px; height:24px; color:#fff;}

.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 .ss{ margin:20px; background-color:#f7f7f7; position:relative;}
.menu .box .ss .emptyInput{ width:calc(100% - 38px); display:block; float:left; text-indent:10px; overflow:hidden; background-color:transparent; font-size:14px; height:38px; line-height:38px;}
.menu .box .ss .btn-search{ width:38px; height:38px; display:block; float:left; cursor:pointer; background-color:transparent;}
.menu .box .ss .btn-search img{ display:block; height:18px; margin:10px;}
.menu .box .nav{ margin:0 20px;}
.menu .box .nav>li{ display:block; padding:5px 0; position:relative;}
.menu .box .nav>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.menu .box .nav>li>a.on{ color:#1e88ff;}
.menu .box .nav>li>a.xz{ color:#1e88ff;}
.menu .box .nav>li>b{ display:block; width:16px; height:16px; position:absolute; right:0; top:9px;}
.menu .box .nav>li>b img{ height:16px; display:block;}
.menu .box .nav>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .nav>li>ul>li{ display:block;}
.menu .box .nav>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .nav>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;}

.sai{ width:94%; margin:auto; display:flex; margin-top:4px; height:46px; position:relative; z-index:9;}
.sai dt{ display:block; flex:1; text-align:center; position:relative; overflow:hidden;}
.sai dt:before{ position:absolute; right:0; top:17px; width:1px; height:12px; background-color:rgba(255,255,255,.5); display:block; content:'';}
.sai dt.on b{ width:20px; height:4px; display:block; border-radius:4px; background-color:#fff; overflow:hidden; position:absolute; left:50%; margin-left:-10px; bottom:0;}
.sai dd{ display:block; flex:1; text-align:center; position:relative; overflow:hidden;}
.sai dt a,.sai dd a{ display:block; font-size:16px; color:#fff; height:46px; line-height:46px;}
.sai dd.on b{ width:20px; height:4px; display:block; border-radius:4px; background-color:#fff; overflow:hidden; position:absolute; left:50%; margin-left:-10px; bottom:0;}
.downlist{ width:100%; position:absolute; left:0; top:46px; background-color:#fff; border-radius:10px; box-sizing:border-box; padding:20px; padding-top:5px; display:none;}
.downlist a{ display:block; font-size:14px; line-height:34px; margin-top:15px; border-bottom:1px solid #eaeaea;}
.downlist a:last-child{ border-bottom:none;}
.downlist a.on{ color:#1e88ff; background-image:url(../images/dui.png); background-position:right center; background-repeat:no-repeat;}

.pro{ width:94%; padding:25px 3%; background-color:#fff; box-sizing:border-box; margin:20px auto; margin-bottom:30px; border-radius:10px; position:relative; z-index:2; box-shadow:0 0 10px rgba(0,0,0,.05);}
.pro .box{ width:100%; display:block; padding-top:5px;}
.pro .box li{ display:block; width:48.5%; float:left; margin-left:3%; margin-top:10px;overflow:hidden;}
.pro .box li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .box .w01{ border-radius:10px;}
.pro .box .w01 a{ width:100%; padding-top:75%; display:block; position:relative; border-radius:10px; overflow:hidden;}
.pro .box .w01 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro .box .w02{ width:100%;; margin-top:5px;}
.pro .box .w02 a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .box .w02 a:hover{ color:#1e88ff;}
.pro .box .w03{ width:100%;}
.pro .box .w03 p{ float:left; color:#1e88ff; font-size:14px; display:block;}
.pro .box .w03 p b{ font-size:20px; line-height:28px; height:28px;}

/*产品详情页*/
.header.pos{ position:absolute; left:0; top:0;}

.pro01{ width:100%; position:relative; z-index:1;}
.pro01 .bg{ width:100%; height:100%; background-image:url(../images/pro_02.png); background-position:top left; background-repeat:repeat-x; position:absolute; left:0; top:0; z-index:2;}
.pro01 .swiper-container{ width:100%;}
.pro01 .swiper-container .swiper-slide{ width:100%;}
.pro01 .swiper-container .swiper-slide a{ width:100%; padding-top:75%; position:relative; display:block; overflow:hidden;}
.pro01 .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro01 .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:5vw; z-index:5;}
.pro01 .swiper-pagination span{ display:block; float:left; width:10px; height:6px; border-radius:4px; background-color:rgba(0,0,0,.7); overflow:hidden; margin-left:4px;}
.pro01 .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; background-color:#1e88ff;}

.por02{ width:94%; padding:35px 3%; background-color:#fff; border-top-left-radius:3vw; border-top-right-radius:3vw; position:relative; z-index:3; margin-top:-3vw;}
.por02 .w01{ width:100%; height:34px;}
.por02 .w01 p{ float:left; color:#fff; font-size:14px; display:block;}
.por02 .w01 p b{ font-size:20px; line-height:34px; height:34px;}
.por02 .w01 span{ font-size:14px; line-height:24px; padding-top:10px; color:#eee; margin-left:5px;}
.por02 .w02{ width:100%; font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.por02 .w03{ margin-left:-4vw; padding-top:10px;}
.por02 .w03 p{ display:block; overflow:hidden; float:left; margin-left:4vw; margin-top:5px; font-size:14px; line-height:26px;}
.por02 .w03 p img{ display:block; height:16px; margin:5px; margin-left:0; float:left;}

.por03{ width:94%; padding:15px 3%; background-color:#fff; position:relative; z-index:3; margin-top:10px;}
.por03 dl{ display:block;}
.por03 dl:last-child dd{ border-bottom:none;}
.por03 dl dt{ display:block; font-size:14px; width:50px; line-height:24px; float:left; overflow:hidden; padding:20px 0;}
.por03 dl dd{ display:block; font-size:14px; width:calc(100% - 50px); line-height:24px; float:left; overflow:hidden; padding:20px 0; border-bottom:1px solid #eaeaea;}
.por03 dl dd p{ display:block; width:calc(100% - 34px); float:left; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.por03 dl dd span{ display:block; width:24px; float:right; padding:8px 0;}
.por03 dl dd span img{ display:block; width:100%;}
.por03 dl dd a{ display:block; width:100%; float:left; line-height:24px; overflow:hidden; color:#999;}

.masks{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; bottom:0; z-index:99990; display:none;}
.ww{ width:94%; padding:30px 3%; background-color:#fff; border-top-left-radius:3vw; border-top-right-radius:3vw; position:fixed; left:0; bottom:0; z-index:99999; display:none;}
.ww .close{ width:20px; position:absolute; right:3vw; top:20px;}
.ww .close img{ width:100%; display:block;}
.ww .t01{ font-size:18px; line-height:38px; text-align:center;}
.ww .t02{ width:20px; height:4px; border-radius:6px; margin:auto; background-color:#1e88ff;}
.ww .t03{ width:100%; padding-bottom:2px; padding-top:7px;}
.ww .t03 p{ display:block; font-size:14px; line-height:30px; overflow:hidden; text-align:center;}
.ww .t03 p.on{ color:#1e88ff;}

.por04{ width:94%; padding:35px 3%; padding-bottom:40px; background-color:#fff; position:relative; z-index:3; margin-top:10px;}
.por04 .title *{ width:100%; text-align:center;}
.por04 .wen{ width:100%; font-size:14px; line-height:24px; margin-top:15px;}
.por04 .wen img{ max-width:100%; height:auto !important;}

.footer01{ width:94%; padding:0 3%; height:70px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.05); z-index:99; position:fixed; left:0; bottom:0;}
.footer01 .zx{ width:22.22%; text-align:center; padding-top:15px; float:left;}
.footer01 .zx strong{ display:block; height:20px; overflow:hidden;}
.footer01 .zx strong img{ display:block; height:20px; margin:auto;}
.footer01 .zx p{ display:block; font-size:12px; height:22px; line-height:22px; padding-top:3px; overflow:hidden;}
.footer01 .gw{ width:17.78%; text-align:center; padding-top:15px; float:left; display:flex; justify-content:center;}
.footer01 .gw a{ display:block; position:relative;}
.footer01 .gw strong{ display:block; height:20px; overflow:hidden;}
.footer01 .gw strong img{ display:block; height:20px; margin:auto;}
.footer01 .gw p{ display:block; font-size:12px; height:22px; line-height:22px; padding-top:3px; overflow:hidden;}
.footer01 .gw span{ position:absolute; right:0; top:0; font-size:10px; line-height:12px; height:12px; background-color:#1e88ff; color:#fff; border-radius:12px; padding:0 1px;}
.footer01 .add{ width:53.33%; max-width:240px; height:40px; border-radius:40px; background-image:url(../images/btn_12.jpg); background-size:100% 100%; float:right; margin:15px 0;}
.footer01 .add a{ width:50%; float:left; display:block; height:40px; line-height:40px; text-align:center; color:#1e88ff;}
.footer01 .add a:last-child{ color:#fff;}

/*立即购买*/
.por05{ width:94%; padding:15px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; box-shadow:0 0 10px rgba(0,0,0,.05);}
.por05 dl{ display:block;}
.por05 dl:last-child dd{ border-bottom:none;}
.por05 dl dt{ display:block; font-size:14px; width:80px; line-height:24px; float:left; overflow:hidden; padding:20px 0;}
.por05 dl dd{ display:block; font-size:14px; width:calc(100% - 80px); line-height:24px; float:left; overflow:hidden; padding:20px 0; border-bottom:1px solid #eaeaea;}
.por05 dl dd p{ display:block; width:calc(100% - 34px); float:left; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.por05 dl dd a{ display:block; width:24px; float:right; padding:8px 0;}
.por05 dl dd a img{ display:block; width:100%;}

.por06{ width:94%; padding:25px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; margin-top:20px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.por06 .product{ margin-top:-5px;}
.por06 .product-box{ padding-top:15px; padding-bottom:15px; border-bottom:1px solid #eaeaea;}
.por06 .product-box .left{ width:110px; height:83px; float:left; border-radius:5px;}
.por06 .product-box .left img{ width:100%; display:block;}
.por06 .product-box .right{ width:calc(100% - 120px); height:83px; float:right; position:relative;}
.por06 .product-box .right .w01{ width:100%; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.por06 .product-box .right .w02{ margin:5px 0;}
.por06 .product-box .right .w02 p{ display:block; float:left; height:20px; line-height:20px; border-radius:5px; background-color:#f7f7f7; color:#999; padding:0 10px; overflow:hidden; max-width:calc(100% - 80px);}
.por06 .product-box .right .product-price{ font-size:14px; line-height:28px; color:#1e88ff; font-weight:bold;}
.por06 .product-box .right .product-price span{ font-size:20px;}
.por06 .product-box .right .product-amount{ position:absolute; right:0; bottom:5px; line-height:20px;}
.por06 .product-box .right em{ display:block; width:20px; height:20px; line-height:20px; text-align:center; background-color:#f7f7f7; font-style:normal; float:left;}
.por06 .product-box .right .product-num{ width:30px; height:20px; line-height:20px; display:block; float:left; text-align:center; font-size:14px; background-color:#eee; overflow:hidden;}
.por06 .list{ padding-top:9px; display:block;}
.por06 .list li{ width:100%; overflow:hidden; font-size:14px; line-height:24px; margin-top:6px; display:block;}
.por06 .list li p{ display:block; float:right;}
.por06 .list li a{ display:block; float:right; color:#1e88ff;}

.por07{ width:94%; padding:12px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; margin-top:20px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.por07 .w03{ margin-left:-4vw; padding-top:-5px;}
.por07 .w03 p{ display:block; overflow:hidden; float:left; margin-left:4vw; margin-top:5px; font-size:14px; line-height:26px;}
.por07 .w03 p img{ display:block; height:16px; margin:5px; margin-left:0; float:left;}

.footer02{ width:94%; padding:15px 3%; height:40px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.05); z-index:99; position:fixed; left:0; bottom:60px;}
.footer02 .jf{ height:40px; line-height:40px; float:left; font-size:14px;}
.footer02 .jf img{ display:block; float:left; height:16px; margin-top:12px; margin-right:5px;}
.footer02 .jf b{ color:#1e88ff;}
.footer02 .tj{ float:right; width:28.99%; max-width:130px; height:40px;}
.footer02 .tj a{ width:100%; height:40px; line-height:40px; border-radius:40px; font-size:14px; text-align:center; display:block; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff;}
.footer02 .all-product{ float:right; margin-right:3vw; margin-top:-5px;}
.footer02 .all-product a{ font-size:14px; line-height:28px; float:left;}
.footer02 .all-product>span{ font-size:20px; line-height:28px; color:#1e88ff; float:left;}
.footer02 .all-product p{ font-size:12px; line-height:22px; color:#999; clear:left; text-align:right;}

/*购买成功*/
.por08{ width:94%; margin:auto; box-shadow:0 0 10px rgba(0,0,0,.05);}
.por08 strong{ display:block; overflow:hidden;}
.por08 strong img{ display:block; margin:auto; height:50px;}
.por08 span{ font-size:18px; line-height:28px; text-align:center; color:#fff; display:block; margin-top:5px;}
.por08 p{ font-size:14px; line-height:24px; text-align:center; color:#fff; display:block;}
.por08 b{ width:80%; margin:auto; margin-top:10px; font-weight:normal; overflow:hidden; display:block;}
.por08 b a{ width:48%; font-size:14px; line-height:30px; height:30px; border:1px solid #fff; display:block; overflow:hidden; color:#fff; text-align:center;}
.por08 b a.fl{ background-color:#fff; color:#1e88ff;}

/*购物车*/
.por09{ width:94%; padding:25px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; box-shadow:0 0 10px rgba(0,0,0,.05);}
.por09 .product{ margin-top:-5px;}
.por09 .product-box{ padding-top:15px; padding-bottom:15px; border-bottom:1px solid #eaeaea;}
.por09 .product-box:last-child{ padding-bottom:5px; border-bottom:none;}
.por09 .product-box .product-ckb{ width:26px; float:left; height:16px; margin-top:34px;}
.por09 .product-box .product-ckb .product-em{ width:14px; height:14px; border-radius:100%; border:1px solid #ddd; overflow:hidden; display:block;}
.por09 .product-box .product-ckb .product-em.product-xz{ border:1px solid #1e88ff; background-color:#1e88ff; background-image:url(../images/check.png); background-position:center; background-repeat:no-repeat;}
.por09 .product-box .product-sx{ width:calc(100% - 26px); float:right; overflow:hidden;}
.por09 .product-box .left{ width:110px; height:83px; float:left; border-radius:5px;}
.por09 .product-box .left img{ width:100%; display:block;}
.por09 .product-box .right{ width:calc(100% - 120px); height:83px; float:right; position:relative;}
.por09 .product-box .right .w01{ width:100%; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.por09 .product-box .right .w02{ margin:5px 0;}
.por09 .product-box .right .w02 p{ display:block; float:left; height:20px; line-height:20px; border-radius:5px; background-color:#f7f7f7; color:#999; padding:0 10px; overflow:hidden;}
.por09 .product-box .right .product-price{ font-size:14px; line-height:28px; color:#1e88ff; font-weight:bold;}
.por09 .product-box .right .product-price span{ font-size:20px;}
.por09 .product-box .right .product-amount{ position:absolute; right:0; bottom:5px; line-height:20px;}
.por09 .product-box .right em{ display:block; width:20px; height:20px; line-height:20px; text-align:center; background-color:#f7f7f7; font-style:normal; float:left;}
.por09 .product-box .right .product-num{ width:30px; height:20px; line-height:20px; display:block; float:left; text-align:center; font-size:14px; background-color:#eee; overflow:hidden;}
.por09 .product-box .right .product-del{ position:absolute; right:0; bottom:30px; font-size:14px; line-height:24px; overflow:hidden;}
.por09 .product-box .right .product-del img{ display:block; float:left; margin-top:4px; margin-right:5px; height:16px;}

.product-al{ float:left; font-size:14px; line-height:40px;}
.product-al .product-all{ width:21px; float:left; margin-top:12px;}
.product-al .product-all em{ width:14px; height:14px; border-radius:100%; border:1px solid #ddd; overflow:hidden; display:block;}
.product-al .product-all em.product-all-on{ border:1px solid #1e88ff; background-color:#1e88ff; background-image:url(../images/check.png); background-position:center; background-repeat:no-repeat;}
.product-al .all-xz{ float:left;}

/*优惠专区*/
.pro .box .w03 span{ float:left; color:#ccc; margin-left:5px; text-decoration:line-through; line-height:24px; margin-top:4px; font-size:14px; display:block;}

/*活动通知*/
.news{ width:94%; padding:25px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:20px auto; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.news .box{ width:100%; display:block;}
.news .box li{ padding:15px 0; overflow:hidden; display:block; border-bottom:1px solid #eaeaea;}
.news .box li:last-child{ padding-bottom:5px; border-bottom:none;}
.news .box li .tu{ width:100px; height:100px; border-radius:10px; float:left;}
.news .box li .tu img{ width:100%; display:block;}
.news .box li .wen{ width:calc(100% - 110px); height:100px; margin-left:10px; float:left;}
.news .box li .wen .w01{ width:100%; font-size:16px; line-height:26px; text-overflow:ellipsis; white-space:nowrap;}
.news .box li .wen .w01:hover{ color:#1e88ff;}
.news .box li .wen .w02{ width:100%; font-size:14px; line-height:20px; height:40px; color:#666; margin:2px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .box li .wen .w03{ margin-left:-30px; padding-top:7px;}
.news .box li .wen .w03 p{ display:block; float:left; margin-left:30px; font-size:14px; line-height:24px; color:#999;}
.news .box li .wen .w03 p img{ display:block; height:14px; float:left; margin-top:5px; margin-right:5px;}

/*活动通知内页*/
.ny{ width:94%; padding:25px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:20px auto; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.ny .bt{ color:#1e88ff; font-size:18px; line-height:28px;}
.ny .sj{ color:#999; font-size:14px; line-height:24px; height:29px; border-bottom:1px solid #eee;}
.ny .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .wen video{ width:100%; display:block; overflow:hidden;}
.ny .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.ny .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back p a:hover{ color:#1e88ff;}
.ny .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.ny .back span a:hover{ color:#1e88ff;}

/*关于我们*/
.about{ width:94%; padding:25px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:20px auto; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.about .tu{ width:100%; border-radius:10px; margin-top:15px;}
.about .tu img{ width:100%; display:block;}
.about .wen{ padding-top:15px;}
.about .wen .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold;}
.about .wen .w02{ width:20px; height:4px; border-radius:6px; margin-top:6px; background-color:#1e88ff;}
.about .wen .w03{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}

/*会员中心-注册*/
.hui{ width:94%; padding:13.28125vw 3%; padding-bottom:4.6875vw;}
.hui .bt{ font-size:24px; line-height:34px; color:#fff;}
.hui .bt01{ font-size:36px; line-height:46px; color:#fff; margin-top:10px; font-weight:bold;}
.hui .cont{ width:100%; min-height:66.66vh; box-sizing:border-box; background-color:#fff; border-radius:10px; margin-top:5.46875vw; padding-top:10px; padding-bottom:7.03125vw; box-shadow:0 0 10px rgba(0,0,0,.05);}
.hui .cont .w01{ width:80%; margin:auto; max-width:360px; margin-top:3.125vw; 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{ width:100%; height:100px; line-height:30px; color:#1e88ff; display:block; overflow:hidden; float:left;}
.hui .cont .w01 a img{ width:100% !important; height:100px !important; display:block;}
.hui .cont .w02{ width:80%; 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:80%; margin:auto; max-width:360px; margin-top:7.03125vw;}
.hui .cont .w03 input{ width:100%; height:50px; line-height:50px; border-radius:50px; background:linear-gradient(to right,#1e53ff,#1e88ff); font-size:16px; color:#fff;}
.hui .cont .w03 a{ width:100%; height:50px; line-height:48px; border-radius:50px; border:1px solid #1e88ff; font-size:16px; color:#1e88ff; display:block; margin-top:30px; text-align:center; box-sizing:border-box;}
.hui .cont .w04{ width:80%; margin:auto; max-width:360px; margin-top:15px; text-align:center;}
.hui .cont .w04 a{ font-size:16px; line-height:26px; color:#999;}
.hui .cont .w04 a:hover{ color:#1e88ff;}

/*会员中心*/
.navBtn.pos{ position:absolute; right:3%; top:20px; z-index:90;}
.navBtn.pos img{ display:block; height:24px;}

.hy01{ width:94%; margin:30px 3%; margin-bottom:20px; display:flex; align-items:center;}
.hy01 .left{ width:56px; height:56px; border:2px solid #fff; border-radius:100%;}
.hy01 .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.hy01 .right{ margin-left:10px;}
.hy01 .right .w01{ width:100%; font-weight:bold; line-height:26px; height:26px; color:#fff; font-size:20px;}
.hy01 .right .w01 span{ font-size:16px;}
.hy01 .right .w02{ width:100%; line-height:24px; height:24px; color:#fff; font-size:14px;}
.hy01 .right .w02 p{ display:block; float:left; margin-right:15px;}
.hy01 .right .w02 a{ display:block; float:left; overflow:hidden; color:#fff; font-weight:bold; color:red;}
.hy01 .right .w02 a img{ display:block; height:16px; margin-top:4px; margin-right:5px; float:left;}

.hy02{ width:94%; margin:0 3%; padding:5px 0; display:flex;}
.hy02 li{ flex:1; text-align:center; display:block; overflow:hidden;}
.hy02 li span{ display:block; color:#fff; font-size:18px; line-height:26px; height:26px; overflow:hidden;}
.hy02 li p{ display:block; color:#fff; font-size:14px; line-height:24px; height:24px; overflow:hidden;}

.hy03{ width:94%; padding:25px 3%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; margin-top:20px; box-shadow:0 0 10px rgba(0,0,0,.05);}
.hy03 .box{ width:100%; margin-top:15px; display:block;}
.hy03 .box a{ width:25%; display:block; text-align:center; overflow:hidden; float:left;}
.hy03 .box a strong{ display:block; overflow:hidden;}
.hy03 .box a strong img{ display:block; height:30px; margin:auto;}
.hy03 .box a p{ font-size:14px; line-height:24px; color:#484848; margin-top:6px;}

.hy04{ width:94%; margin:auto; margin-top:20px;}
.hy04 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/dd06.jpg); background-size:100% 100%; padding:0 3vw; box-sizing:border-box;}
.hy04 a:nth-child(2n+1){ clear:left; float:left; margin-left:0; background-image:url(../images/dd05.jpg);}
.hy04 a .wen{ flex:1; margin-right:15px;}
.hy04 a .wen span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#fff;}
.hy04 a .wen p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff;}
.hy04 a .tu{ height:50px;}
.hy04 a .tu img{ display:block; height:50px;}

.hy05{ 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);}
.hy05 .list{ width:84%; max-width:380px; margin:auto; display:block;}
.hy05 .list dt{ display:block; overflow:hidden; border-bottom:1px solid #eaeaea; padding-top:17px;}
.hy05 .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;}
.hy05 .list dt a strong{ width:36px; height:42px; float:left; display:block; overflow:hidden;}
.hy05 .list dt a strong img{ display:block; height:16px; margin-top:13px;}
.hy05 .list dt a:hover{ color:#1e88ff;}
.hy05 .list dd{ width:100%; margin-top:30px;}
.hy05 .list dd a{ width:100%; height:46px; line-height:46px; 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;}

/*会员中心-我的信息*/
.hy06{ width:94%; padding:25px 3%; padding-bottom:5px; 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);}
.hy06 .box{ margin-bottom:25px; margin-top:-5px;}
.hy06 .box .w01{ width:100%; margin-top:20px;}
.hy06 .box .name{ width:100px; font-size:14px; height:40px; line-height:40px; float:left;}
.hy06 .box .inp{ width:calc(100% - 100px); float:left; position:relative;}
.hy06 .box .inp input{ width:100%; padding:0 10px; display:block; box-sizing:border-box; background-color:#f7f7f7; height:40px; line-height:40px; font-size:14px; border-radius:5px; background-color:#f7f7f7; overflow:hidden;}
.hy06 .box .w02{ width:100%; margin-top:20px;}
.hy06 .box .w02 .img{ width:70px; height:70px; float:left; border-radius:5px;}
.hy06 .box .w02 .img img{ width:100%; display:block;}
.hy06 .box .w02 .file{ width:80px; height:30px; float:left; border-radius:5px; margin-left:10px; margin-top:20px; position:relative;}
.hy06 .box .w02 .file input{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; opacity:0;}
.hy06 .box .w02 .file a{ width:100%; height:30px; line-height:30px; font-size:14px; background-color:#1e88ff; color:#fff; text-align:center; display:block; overflow:hidden;}
.hy06 .box .w03{ width:100%; margin-top:30px; display:flex; justify-content:center;}
.hy06 .box .w03 input{ width:140px; height:40px; line-height:40px; font-size:14px; display:block; text-align:center; letter-spacing:3px; text-indent:3px; border-radius:5px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff;}
.hy06 .box .w03 a{ width:140px; height:40px; line-height:40px; font-size:14px; display:block; text-align:center; letter-spacing:3px; text-indent:3px; border-radius:5px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; margin-right:20px;}

.zf{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:9999;}
.zf .ru{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.zf .ru img{ width:100%; display:block;}
.zf .close{ position:absolute; right:15px; top:15px; z-index:3;}
.zf .close img{ width:24px; display:block;}

/*会员中心-我的订单*/
.por06 .product.mar .product-box:last-child{ padding-bottom:5px; border-bottom:none;}
.por06 .product-box .right .w02 span{ float:right; display:block; line-height:20px; height:20px;}
.por06 .product-box .right .product-price img{ display:block; float:left; height:16px; margin-right:5px; margin-top:6px;}
.por06 .product.mar .product-box:last-child .xx{ margin-bottom:-25px;}

/*会员中心-报单积分*/
.hy07{ width:94%; padding:25px 3%; height:180px; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; box-shadow:0 0 10px rgba(0,0,0,.05); position:relative; background-image:url(../images/bbg.jpg); background-size:100% 100%;}
.hy07 .w01{ font-size:16px; line-height:26px; color:#fff;}
.hy07 .w02{ font-size:48px; line-height:58px; color:#fff; font-weight:bold; margin-top:5px;}
.hy07 .w03{ position:absolute; left:3%; bottom:25px; font-size:14px; line-height:24px;}
.hy07 .w03 a{ display:block; color:#fff;}
.hy07 .w03 img{ display:block; height:16px; float:left; margin-top:4px; margin-right:5px;}
.hy07 .w04{ position:absolute; right:3%; top:50%; margin-top:-20px; background-color:rgba(0,0,0,.6); border-radius:40px;}
.hy07 .w04 a{ display:block; padding:0 15px; font-size:14px; height:40px; line-height:40px; color:#fff;}
.hy07 .w04 a img{ display:block; height:20px; margin:10px; margin-left:0; float:left;}

/*会员中心-报单积分*/
.hy06 .box .w04{ width:100%; font-size:14px; line-height:24px; color:#999; margin-top:25px;}
.hy06 .box .w04 img{ max-width:100%; height:auto !important;}

.hy08{ width:94%; padding:25px 3%; padding-bottom:30px; 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);}

.hy08 .box{ width:100%; margin-top:15px;}
.hy08 .table{ width:100%; overflow:auto;}
.hy08 .table table{ background-color:#eaeaea;}
.hy08 .table th{ font-size:14px; font-weight:normal; background-color:#1e88ff; color:#fff;}
.hy08 .table td{ font-size:14px; background-color:#fff; padding:0 5px;}

.hy08 .box .inp a{ position:absolute; right:10px; top:0; display:block; font-size:14px; line-height:40px; height:40px;}
.hy08 .fen{ position:absolute; right:3%; top:35px; z-index:9;}
.hy08 .fen a{ display:block; float:left; font-size:14px; line-height:30px; height:30px; margin-left:20px;}
.hy08 .fen a.on{ color:#1e88ff;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.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;}

/*会员中心-佣金积分*/
.hy06 .box .inp a{ position:absolute; right:10px; top:0; display:block; font-size:14px; line-height:40px; height:40px;}
.hy06 .fen{ position:absolute; right:3%; top:35px; z-index:9;}
.hy06 .fen a{ display:block; float:left; font-size:14px; line-height:30px; height:30px; margin-left:20px;}
.hy06 .fen a.on{ color:#1e88ff;}

/*会员中心-绿色积分*/
.pro .box .w03 p img{ height:16px; margin-right:5px;}

.dh{ width:240px; position:fixed; left:50%; margin-left:-120px; z-index:90; bottom:80px;}
.dh a{ width:100%; height:46px; line-height:46px; 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;}

/*会员中心-营销团队*/
.hy06 .team{ width:100%; margin-top:15px; margin-bottom:25px;}
.hy06 .team .xx01{ width:100%;}
.hy06 .team .xx01 b{ width:140px; height:40px; line-height:40px; font-size:14px; display:block; text-align:center; border-radius:5px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; margin:auto;}
.hy06 .team .xx01 span{ width:2px; height:28px; display:block; margin:auto; background-color:#71b4ff; overflow:hidden;}
.hy06 .team .xx02{ width:100%; display:block;}
.hy06 .team .xx02 li{ width:50%; display:block; float:left; text-align:center;}
.hy06 .team .xx02 li a{ width:50%; height:2px; display:block; background-color:#71b4ff; overflow:hidden; margin-left:50%;}
.hy06 .team .xx02 li:nth-child(2) a{ margin-left:0;}
.hy06 .team .xx02 li span{ width:2px; height:30px; display:block; margin:auto; background-color:#71b4ff; overflow:hidden; margin-top:-2px; position:relative; z-index:1;}
.hy06 .team .xx02 li b{ width:140px; height:40px; line-height:40px; font-size:14px; display:block; text-align:center; border-radius:5px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; margin:auto; position:relative; z-index:3;}
.hy06 .team .xx02 li ul li:nth-child(1) a{ margin-left:50%;}
.hy06 .team .xx02 li p{ width:20px; padding:15px 10px; padding-top:20px; background-color:#71b4ff; letter-spacing:3px; font-size:14px; display:block; text-align:center; border-radius:5px; color:#fff; writing-mode:vertical-rl; margin:auto;}

.hy06 .team .xx03{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.hy06 .team .xx03 dl{ width:48.5%; display:block; margin-top:15px; margin-left:3%; position:relative; overflow:hidden;}
.hy06 .team .xx03 dl:nth-child(2n+1){ margin-left:0;}
.hy06 .team .xx03 dl:before{ width:100%; height:calc(100% - 18px); display:block; content:''; background-color:#f7f7f7; border-radius:5px; position:absolute; left:0; bottom:0; z-index:1;}
.hy06 .team .xx03 dl dt{ width:100px; height:36px; line-height:36px; font-size:16px; display:block; text-align:center; border-radius:5px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; margin:auto; position:relative; z-index:3;}
.hy06 .team .xx03 dl dd{ width:100%; box-sizing:border-box; padding:15px 5%; font-size:14px; line-height:24px; position:relative; z-index:3;}
.hy06 .team .xx03 dl dd p{ display:block;}

/*会员中心-收货地址*/
.address{ width:94%; margin:auto; margin-top:-20px;}
.address .list{ width:100%; display:block; padding-top:10px;}
.address .list li{ width:100%; padding:25px 5%; background-color:#fff; position:relative; z-index:3; border-radius:10px; box-sizing:border-box; margin:auto; box-shadow:0 0 10px rgba(0,0,0,.05); position:relative; margin-top:20px;}
.address .list li .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.address .list li .w01 p{ float:right;}
.address .list li .w02{ font-size:14px; line-height:24px;}
.address .list li .w03{ font-size:14px; line-height:24px; padding-top:10px; margin-top:15px; border-top:1px solid #eaeaea;}
.address .list li .w03 p{ display:block; float:left; overflow:hidden;}
.address .list li .w03 p b{ width:14px; height:14px; border-radius:100%; border:1px solid #ddd; display:block; overflow:hidden; float:left; margin-top:4px; margin-right:5px;}
.address .list li.on .w03 p b{ border:1px solid #1e88ff;}
.address .list li.on .w03 p b:before{ width:6px; height:6px; display:block; border-radius:100%; margin:4px; background-color:#1e88ff; overflow:hidden; content:'';}
.address .list li .w03 span{ display:block; float:right; overflow:hidden;}
.address .list li .w03 span a{ display:block; float:left; color:#999; margin-left:20px;}
.address .list li .w03 span a:hover{ color:#1e88ff;}

.address .add{ width:100%; margin:30px 0;}
.address .add a{ width:140px; height:40px; line-height:40px; font-size:14px; display:block; text-align:center; letter-spacing:3px; text-indent:3px; border-radius:5px; background:linear-gradient(to right,#1e53ff,#1e88ff); color:#fff; margin:auto;}


.hy06 .box .inp select{ width:48.5%; margin-left:3%; float:left; padding:0 10px; display:block; box-sizing:border-box; background-color:#f7f7f7; height:40px; line-height:40px; font-size:14px; border-radius:5px; background-color:#f7f7f7; overflow:hidden; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat;}
.hy06 .box .inp select:nth-child(2n+1){ margin-left: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:5%; top:10%; background-color:#ffffff; z-index:2147000001; width:90%; border-radius:5px; font-weight:bold; color:#535e66;}
.xcConfirm .popBox .ttBox{ line-height:26px; padding:10px 20px; border-bottom:solid 1px #eef0f1; position:relative; overflow:hidden;}
.xcConfirm .popBox .ttBox .tt{ font-size:16px; display:block; float:left; text-align:center; height:26px; line-height:26px; position:relative;}
.xcConfirm .popBox .ttBox .clsBtn{ display:none;}
.xcConfirm .popBox .txtBox{ padding:20px; overflow:hidden; text-align:center; display:table; vertical-align:middle; text-align:center;}
.xcConfirm .popBox .txtBox .bigIcon{ display:none;}
.xcConfirm .popBox .txtBox p{ font-size:14px; line-height:24px;  color:#ff552e; display: table-cell; text-align:center;}
.xcConfirm .popBox .btnArea{ border-top:solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup .sgBtn{ margin:20px auto;}
.xcConfirm .popBox .sgBtn{display:block; cursor:pointer; width:30%; height:30px; line-height:30px; text-align:center; color:#FFFFFF; border-radius:5px; font-size:14px;}
.xcConfirm .popBox .sgBtn.ok{background-color:#ff552e; color:#FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color:#ff552e; color:#FFFFFF;}