@charset "utf-8";
body,p,ul,li,dl,dt,dd,form,div{margin:0;padding:0;list-style:none;vertical-align:bottom;font: 14px/24px "微软雅黑";}
html{background:#eee}
body{width:100%;min-height:100vh;max-width:640px;margin:0 auto;background:#fff;color:#333}
img{width:100%;display:block}
a,a:hover{color:#333;text-decoration:none}
i{font-style:normal;}
.hide{display:none}

.tt_head{border-left:2px solid #0255A3;margin-bottom:8px;line-height:16px;text-indent:5px;font-size:16px;color:#000}
.tt_head a{float:right;color:#ccc;font-size:12px}
.header{position:relative;display:inline-block;width:100%}
.header a.tel{position:absolute;width:30%;height:2.25rem;right:0;top:0;z-index:100}

.banner{overflow:hidden;position:relative}
.banner .hd{position:absolute;right:0;bottom:5px;z-index:1;left:0;text-align:center}
.banner .hd ul{display:inline-block}
.banner .hd ul li{float:left;margin-right:10px;width:10px;height:10px;background:#fff;border-radius:50%;cursor:pointer}
.banner .hd ul li.on{background:#f00;color:#fff}
.banner .bd{position:relative;height:100%;z-index:0}
.banner .bd li{zoom:1;vertical-align:middle}
.banner .bd img{display:block}

.bbtn{background:#3F7DD7;color:#ffffff;display:inline-block;width:100%;text-align:center;padding:8px 0;line-height:20px;font-size:15px}
.bbtn .bt1{float:left;text-align:right;width:41%;border-right:2px solid #fff;margin-right:2%;padding-right:2%}
.bbtn .bt2{float:left;width:52%}
.bbtn .bt2 a{color:#fff}
.bbtn .bt2 img{width:20px;vertical-align:text-top;float:left}

.part{display:inline-block;width:93%;margin:0 3.5%}
.part .tt{display:inline-block;width:100%;position:relative;margin:12px 0 7px}
.part .tt img{height:32px}
.part .tt p{color:#3F7DD7;font-size:17px;float:left}
.part .tt a{float:right;color:#80adef;font-size:12px}
.part .list{}
.part .list a{margin-bottom:7px;display:inline-block;width:100%}
.part .list a .note{font-size:12px;color:#3f7dd7;margin:3px 20px}
.part .list a .note span{display:block;line-height:20px}

.huodong .list a{float:left;width:49%}
.huodong .list a:nth-child(2n){float:right}
.haoli .tpic{margin:5px 0 10px}

.moretxt{background:url(../../img/bg.jpg) no-repeat;height:34px;width:100%;background-size:100% 34px;text-align:center;margin-top:20px;padding-bottom:120px;}
.moretxt a{font-size:15px;line-height:34px;color:#013a8c}

.zhanwei{display:inline-block;width:100%;height:100px}
footer{position:fixed;left:0;bottom:0;right:0;z-index:10;max-width:640px;height:60px;text-align:center;margin:0 auto;background:#fff;box-shadow:0 0 2px 2px #ccc}
footer a{float:left;width:25%;text-align:center;margin:10px 0 3px}
footer a .img{width:20px;height:20px;text-align:center;margin:0 auto}
footer .a1 .img{background: url(../../img/bar_10.png) no-repeat;background-size: 20px auto;}
footer .a2 .img{background: url(../../img/bar_20.png) no-repeat;background-size: 20px auto;}
footer .a3 .img{background: url(../../img/bar_30.png) no-repeat;background-size: 20px auto;position:relative;}
footer .a3 .img em{position:absolute;top:0;left:22px;font-style:normal;color:#ff0000;font-size:12px;line-height:0;}
footer .a4 .img{background: url(../../img/bar_40.png) no-repeat;background-size: 20px auto;}
footer .a1.on .img{background: url(../../img/bar_11.png) no-repeat;background-size: 20px auto;}
footer .a2.on .img{background: url(../../img/bar_21.png) no-repeat;background-size: 20px auto;}
footer .a3.on .img{background: url(../../img/bar_31.png) no-repeat;background-size: 20px auto;}
footer .a4.on .img{background: url(../../img/bar_41.png) no-repeat;background-size: 20px auto;}
footer a .txt{font-size:12px}
footer .on .txt{color:#09a6fb}

.part1{padding: 20px 0 12px;text-align:center;display:inline-block;width:100%;}
.part1 .box{display:inline-block}
.part1 .lt{float:left;}
.part1 span{font-size: 15px;color:#0c4589;text-align:center;font-weight:bold;text-decoration:underline red;}
.part1 b{margin:3px 15px;background:#76A3D6;border-radius:100%;width:12px;height:12px;line-height:10px;color:#fff;font-weight:100;font-size:12px;margin-top: 7px;}
.part2{background:#f3f7fc;padding:10px 10px 5px;margin:0 10px;border-radius:7px}
.part2 .pt1{border:1px dashed #0c4589;border-radius:7px;padding: 8px 10px;text-indent:2em;position:relative;}
.part2 .pt1 i{position:absolute;font-size: 30px;color:#0c4589;}
.part2 .pt1 .t1{top: -8px;left: -25px;}
.part2 .pt1 .t2{top: -8px;right: 2px;}
.part2 .pt1 .t3{bottom: -4px;left: -25px;}
.part2 .pt1 .t4{bottom: -4px;right: 2px;}
.part2 .pt2{text-align:center;margin:18px 0 12px}
.part2 .pt2 .box{color:#205199;font-size: 17px;font-weight:bold;display:inline-block;letter-spacing: 1px;}
.part2 .pt2 i{margin: 4px 12px;background:#76A3D6;border-radius:100%;width:15px;height:15px;line-height: 13px;color:#fff;font-size:12px;display:inline-block;vertical-align:text-top;}
.part2 .pt3{display:inline-block;width:100%}
.part2 .pt3 .list{float:left;width:21%;margin:0 2% 7px;position:relative}
.part2 .pt3 .list p{position:absolute;bottom: 3px;left:0;display:inline-block;width:100%;text-align:center;}
.part3{display:inline-block;width:calc(100% - 55px);text-align:center;margin:25px 25px 5px 30px}
.part3 .list{float:left;width:48%;margin:0 1% 7px;position:relative}
.part3 .list p{font-size: 16px;position:absolute;top:13px;left:0;display:inline-block;width:100%;text-align:center;color:#fff;line-height: 25px;}
.part4 image{display:block}
.part5{margin:20px 0 100px;text-align:center}
.part5 .dz{border:1px solid #205199;border-radius:5px;padding:4px 15px;display:inline-block;margin-bottom:18px}
.part5 #container{margin:0 10px;border-radius:7px;box-shadow:2px 2px 5px 5px #ddd;width:calc(100% - 20px);height:250px}
   

/*******商品详情页********/
.shopsBan{overflow:hidden;position:relative;background:#407DD8;padding:12px 12px 0}
.shopsBan span{width:20px;height:20px;display:inline-block;border-radius:50%;position:absolute;top:0;z-index:10;background:#407DD8}
.shopsBan .s1{left:0}
.shopsBan .s2{right:0}
.shopsBan .hd{position:absolute;right:0;bottom:12px;z-index:1;left:0;text-align:center}
.shopsBan .hd ul{display:inline-block}
.shopsBan .hd ul li{float:left;margin-right:10px;width:10px;height:10px;background:#ddd;border-radius:50%;cursor:pointer}
.shopsBan .hd ul li.on{background:#226EDD;color:#fff}
.shopsBan .bd{position:relative;height:100%;z-index:0}
.shopsBan .bd li{zoom:1;vertical-align:middle}
.shopsBan .bd img{display:block;width:100%}


.ptitle{padding:12px;background:#fff}
.ptitle .t{font-weight:bold;font-size:17px;letter-spacing:1px}
.ptitle .n{color:#407dd8;margin:3px 0}
.ptitle .p{display:inline-block;width:100%}
.ptitle .p .mony{float:left}
.ptitle .p .mony b{color:#db0100;font-weight:bold;font-size:25px}
.ptitle .p .mony small{margin-left:5px;text-decoration:line-through;color:#676c85}
.ptitle .p .hits{float:right;color:#c8c8c8;font-size:smaller}

.phos{background:#fff;margin-top:10px;padding:12px 15px;display:inline-block;width:calc(100% - 30px)}
.phos .lt{float:left;width:80px;text-align:center}
.phos .lt img{width:50px;margin:0 auto}
.phos .ct{width:calc(100% - 165px);text-align:left}
.phos .rt img{width:45px}

.pcont{margin-top:8px;background:#fff;padding:12px;color:#666}
.pcont .pct{margin-bottom:3px}
.pcont .ptxt img{margin:10px auto}


.sptj{margin-top:10px;background:#fff;padding-bottom:15px}
.sptj .spn{line-height:30px;padding:5px 17px 0;font-size:15px}
.pleft{overflow:hidden;position:relative}
.pleft .prev,.pleft .next{cursor:pointer;position:absolute;top:30%;left:-7px;color:#aaa;font-size:20px}
.pleft .next{right:-5px;left:auto}
.pleft .bd{padding:0 15px}
.pleft .bd ul{overflow:hidden;zoom:1}
.pleft .bd ul li{margin:0 3px;float:left;overflow:hidden;text-align:center}
.pleft .bd ul li .pic{text-align:center}
.pleft .bd ul li .pic img{width:calc(33vw - 15px);max-width:197px;display:block}
.pleft .bd ul li .title{line-height:30px}


.act{background:#fff;position:fixed;left:0;bottom:0;width:100%;box-shadow:0px 0px 2px 2px #ddd;height: 57px;max-width: 640px;right: 0;margin: 0 auto;}
.act .a{float:left;text-align:center;padding: 12px 0 10px;cursor:pointer;}
.act .a1{width:15%}
.act .a1 img{width: 20px;margin:0 auto -5px;}
.act .a1 .txt{display:inline-block;width:100%;font-size: 12px;font-weight:normal;line-height: 31px;}
.act .on .txt{color:#FF0000}
.act .a2{width:27.5%;background:#0775E7;height: 36px;color:#fff;}
.act .a2:last-child{background:#FF0000}   
.act .a2 .txt{font-size:16px;line-height: 34px;}
.act .a3 .img{position: relative;width: 20px;margin: 0 auto -5px;}
.act .a3 .img em{position:absolute;top:0;left: 22px;font-style:normal;color:#ff0000;font-size:12px;line-height: 0;}


/*******购物车********/
.gwc .empty{text-align:center;padding:100px 0;margin:0 auto}
.gwc .empty img{width:68px;margin:0 auto 5px}
.gwc .empty p{display:inline-block;width:100%;color:#444}
.gwc .empty .t1{color:#ccc}
.gwc .empty .t2{letter-spacing:1px;border:1px solid #D81E06;width:auto;padding:0px 15px;margin-top:10px;border-radius:20px}
.gwc .empty .t2 a{color:#D81E06}
.gwc .cartlist{margin:20px 12px 60px;width:calc(100% - 24px)}
.gwc .cartlist .list{display:inline-block;width:100%;border-bottom:1px dashed #ccc;padding-bottom:8px;margin-bottom:8px}
.gwc .cartlist .list .lt{float:left}
.gwc .cartlist .list .v1{margin-top:23px}
.gwc .cartlist .list .v1 input{width:12px;height:12px;border-radius:50%}
.gwc .cartlist .list .v2{margin:0 12px 0 4px}
.gwc .cartlist .list .v2 img{width:70px;height:70px}
.gwc .cartlist .list .v3{width:calc(100% - 150px)}
.gwc .cartlist .list .v3 .tt{font-size:15px}
.gwc .cartlist .list .v3 .num{display:inline-block;width:100%;font-size:12px;color:#999}
.gwc .cartlist .list .v3 .num span{color:#333}
.gwc .cartlist .list .v3 .dp span{float:left}
.gwc .cartlist .list .v3 .dp .p1{color:#db0100;font-weight:bold;font-size:16px}
.gwc .cartlist .list .v3 .dp .p2{margin:3px 0 0 5px;text-decoration:line-through;color:#676c85;font-size:12px;line-height:20px}
.gwc .cartlist .list .v4{float:right;border:1px solid #aaa;color:#666;font-size:12px;padding:1px 8px;border-radius:3px;line-height:20px;width:24px;margin-top:45px;cursor:pointer;}
.gwc .total{position:fixed;bottom:60px;z-index:100;border-top:1px solid lightgrey;background:#eee;width:calc(100% - 20px);padding:6px 10px;max-width:620px}
.gwc .total .lt1 input{vertical-align:text-bottom}
.gwc .total .lt2{position:absolute;right:75px;top:8px}
.gwc .total .lt2 b{color:#db0100;font-weight:bold;font-size:16px;letter-spacing:-1px;margin:5px}
.gwc .total .lt3{background:#FF9800;border-radius:5px;font-size:16px;padding:2px 8px;position:absolute;right:10px;top:4px;letter-spacing:1px;cursor:pointer;}

/******************个人中心********************/
.info .userinfo{position:relative;height:100px;overflow:hidden}
.info .userinfo>img{position:absolute;left:0;top:0;width:100%;height:100px}
.info .userinfo .userTxt{position:absolute;left:15px;top:22px}
.info .userinfo .userTxt .umg{overflow:hidden;width:55px;height:55px;float:left;border-radius:50%}
.info .userinfo .userTxt .cont{margin:2px 0 0 7px;float:left}
.info .userinfo .userTxt .name{font-size:15px;font-weight:bold}
.info .userinfo .userTxt .val{background:#38362A;color:#fff;border-radius:20px;font-size:10px;text-align:center;display:inline-block;width:70px;margin-top:4px;line-height:21px}
.info .box{margin:15px 12px;background:#fff;display:inline-block;width:calc(100% - 48px);border-radius:8px;padding:12px}
.info .box .bn{font-size:15px;margin-bottom:4px}
.info .box .list{border-top:1px solid #aaa;padding-top:10px}
.info .box .list .dl{float:left;width:20%;text-align:center}
.info .box .list .dl img{width:30px;margin:0 auto}
.info .box .list .dl p{display:inline-block;width:100%;text-align:center;font-size:12px}
.info .box2{margin:0 12px;background:#fff;display:inline-block;width:calc(100% - 48px);border-radius:8px;padding:12px}
.info .box2 .bn{font-size:15px;margin-bottom:4px}
.info .box2 .list{border-top:1px solid #aaa;padding-top:10px}
.info .box2 .list .dl{line-height:22px;font-size:12px}
.info .sptj,.order .sptj{margin:12px;border-radius:8px}
.info .pleft .bd ul li .pic img,.order .pleft .bd ul li .pic img{width:calc(33vw - 23px);max-width:189px}

/*************我的订单*************/
.order .nav{display:inline-block;width:calc(100% - 24px);max-width:616px;padding:10px 12px 2px;background:#eee;box-shadow:0 2px 2px 2px #ccc;position: fixed;top: 0;}
.order .nav .dl{float:left;width:20%;text-align:center;cursor:pointer;}
.order .nav .on{color:#ff0000;border-bottom:2px solid}
.order .cartlist{display:none;margin: 55px 12px 10px;}
.order .cartlist.on{display:inline-block;}

.order .cartlist .list .v3 {width: calc(100% - 88px);}
.order .dfklist .list .v3 {width: calc(100% - 105px);}
.order .cartlist .list .v3 .num .ocode{float:right;color:#aaa;font-size:90%;letter-spacing:0;}
.order .cartlist .list .v3 .dp .del{float:right;}
.order .cartlist .list .v3 .del i{color:#ff0000;font-size:12px}
.order .cartlist .list .v3 .del .i1{color:green}
.order .cartlist .list .v3 .del .i2{color:#ccc}
.order .cartlist .list .v3 .del .i4{color:rgb(88,155,233)}