Commit 7753398e by 肖康

下单 结算 购物车 订单

parent dccc9f8e
......@@ -104,7 +104,7 @@
}
}
.pdf{color:#F68332;font-size: 20px;}
.pdf{color:#F68332;font-size: 20px;margin-left: 10px;}
.sx{
width: 100px;
height: 20px;
......@@ -142,7 +142,7 @@
padding-top: 20px;
.top{
width: 298px;
height: 180px;
height: 90px;
background: #DFEAFA;
border-radius: 8px;
padding:0 4px;
......
.carbox .cons{background:#fff;padding:19px}.carbox .cons .titles{border-bottom:3px solid #164D9A;border-radius:2px;font-size:16px;color:#222;font-weight:bold;padding-bottom:7px;padding-top:10px;width:134px;text-align:center}.carbox .cons .section .left{width:842px}.carbox .cons .section .left .list-table{width:842px;border-radius:0px 0px 8px 8px;margin-top:20px}.carbox .cons .section .left .list-table .w46{width:46px}.carbox .cons .section .left .list-table .w98{width:98px}.carbox .cons .section .left .list-table .w183{width:183px}.carbox .cons .section .left .list-table .w119{width:119px}.carbox .cons .section .left .list-table .w93{width:93px}.carbox .cons .section .left .list-table .w110{width:110px}.carbox .cons .section .left .list-table .w92{width:92px}.carbox .cons .section .left .list-table .check-group{color:#555;font-size:16px;cursor:pointer}.carbox .cons .section .left .list-table .check-group .check{width:14px;height:14px;border:1px solid #164D9A;border-radius:4px;text-align:center;line-height:14px}.carbox .cons .section .left .list-table .check-group .check i{color:#164D9A;font-size:12px;display:none}.carbox .cons .section .left .list-table .check-group span{color:#555;font-size:14px;margin-left:5px}.carbox .cons .section .left .list-table .check-group.act .check i{display:inline}.carbox .cons .section .left .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.carbox .cons .section .left .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.carbox .cons .section .left .list-table .tbody{font-size:14px;color:#555;background:#F7FAFF}.carbox .cons .section .left .list-table .tbody input{width:64px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.carbox .cons .section .left .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.carbox .cons .section .left .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.carbox .cons .section .left .list-table .tbody .tr:last-child{border:0px}.carbox .cons .section .left .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.carbox .cons .section .left .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.carbox .cons .section .left .list-table .tbody .pdf{color:#F68332;font-size:20px}.carbox .cons .section .left .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.carbox .cons .section .left .list-table .tfoot{width:842px;height:38px;line-height:38px;background:#DFEAFA;padding:0 15px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);border-radius:8px;font-size:13px;color:#555;margin-top:13px}.carbox .cons .section .left .list-table .tfoot .fw{font-weight:bold}.carbox .cons .section .left .list-table .tfoot .selectcount{margin-left:80px;margin-right:60px}.carbox .cons .section .left .list-table .tfoot .del{cursor:pointer}.carbox .cons .section .right{width:298px;padding-top:20px}.carbox .cons .section .right .top{width:298px;height:180px;background:#DFEAFA;border-radius:8px;padding:0 4px}.carbox .cons .section .right .top .itemsp{height:45px;line-height:45px;color:#333;font-size:14px;border-bottom:1px solid #fff;padding:0 17px}.carbox .cons .section .right .top .itemsp span{font-weight:bold}.carbox .cons .section .right .create{width:298px;height:32px;line-height:32px;background:#164D9A;text-align:center;border-radius:8px;font-size:14px;color:#fff;cursor:pointer;margin-top:20px}.carbox .cons .section .right .lgtips{font-size:14px;color:#555;margin-top:12px}.carbox .cons .section .right .lgtips a{color:#164D9A}.carbox .cons .section .right .bannerc img{width:298px;height:321px;margin-top:24px}
\ No newline at end of file
.carbox .cons{background:#fff;padding:19px}.carbox .cons .titles{border-bottom:3px solid #164D9A;border-radius:2px;font-size:16px;color:#222;font-weight:bold;padding-bottom:7px;padding-top:10px;width:134px;text-align:center}.carbox .cons .section .left{width:842px}.carbox .cons .section .left .list-table{width:842px;border-radius:0px 0px 8px 8px;margin-top:20px}.carbox .cons .section .left .list-table .w46{width:46px}.carbox .cons .section .left .list-table .w98{width:98px}.carbox .cons .section .left .list-table .w183{width:183px}.carbox .cons .section .left .list-table .w119{width:119px}.carbox .cons .section .left .list-table .w93{width:93px}.carbox .cons .section .left .list-table .w110{width:110px}.carbox .cons .section .left .list-table .w92{width:92px}.carbox .cons .section .left .list-table .check-group{color:#555;font-size:16px;cursor:pointer}.carbox .cons .section .left .list-table .check-group .check{width:14px;height:14px;border:1px solid #164D9A;border-radius:4px;text-align:center;line-height:14px}.carbox .cons .section .left .list-table .check-group .check i{color:#164D9A;font-size:12px;display:none}.carbox .cons .section .left .list-table .check-group span{color:#555;font-size:14px;margin-left:5px}.carbox .cons .section .left .list-table .check-group.act .check i{display:inline}.carbox .cons .section .left .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.carbox .cons .section .left .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.carbox .cons .section .left .list-table .tbody{font-size:14px;color:#555;background:#F7FAFF}.carbox .cons .section .left .list-table .tbody input{width:64px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.carbox .cons .section .left .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.carbox .cons .section .left .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.carbox .cons .section .left .list-table .tbody .tr:last-child{border:0px}.carbox .cons .section .left .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.carbox .cons .section .left .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.carbox .cons .section .left .list-table .tbody .pdf{color:#F68332;font-size:20px;margin-left:10px}.carbox .cons .section .left .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.carbox .cons .section .left .list-table .tfoot{width:842px;height:38px;line-height:38px;background:#DFEAFA;padding:0 15px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);border-radius:8px;font-size:13px;color:#555;margin-top:13px}.carbox .cons .section .left .list-table .tfoot .fw{font-weight:bold}.carbox .cons .section .left .list-table .tfoot .selectcount{margin-left:80px;margin-right:60px}.carbox .cons .section .left .list-table .tfoot .del{cursor:pointer}.carbox .cons .section .right{width:298px;padding-top:20px}.carbox .cons .section .right .top{width:298px;height:90px;background:#DFEAFA;border-radius:8px;padding:0 4px}.carbox .cons .section .right .top .itemsp{height:45px;line-height:45px;color:#333;font-size:14px;border-bottom:1px solid #fff;padding:0 17px}.carbox .cons .section .right .top .itemsp span{font-weight:bold}.carbox .cons .section .right .create{width:298px;height:32px;line-height:32px;background:#164D9A;text-align:center;border-radius:8px;font-size:14px;color:#fff;cursor:pointer;margin-top:20px}.carbox .cons .section .right .lgtips{font-size:14px;color:#555;margin-top:12px}.carbox .cons .section .right .lgtips a{color:#164D9A}.carbox .cons .section .right .bannerc img{width:298px;height:321px;margin-top:24px}
\ No newline at end of file
......@@ -446,6 +446,7 @@
line-height: 40px;
margin:0 auto;
margin-top: 24px;
cursor: pointer;
}
}
......
.confirmbox .back{height:56px}.confirmbox .back a{font-size:14px;color:#555}.confirmbox .back i{color:#04439D;font-size:16px}.confirmbox .top{background:#FFFFFF}.confirmbox .top .head{width:1200px;height:48px;background:#DFEAFA;color:#164D9A;font-size:16px;font-weight:bold;padding-left:25px}.confirmbox .top .address-group{padding:0 40px;font-size:14px;color:#555;position:relative;padding-bottom:40px}.confirmbox .top .address-group .edit{width:216px;position:absolute;top:30px;right:40px}.confirmbox .top .address-group .edit .bt{width:91px;height:33px;line-height:33px;border:1px solid #164D9A;border-radius:4px;text-align:center;color:#164D9A;margin-left:30px;cursor:pointer}.confirmbox .top .address-group .edit .bt:first-child{margin:0px}.confirmbox .top .address-group .choose{font-size:16px;color:#222;font-weight:bold;height:30px}.confirmbox .top .address-group .choose .choosebtn{margin-left:32px;cursor:pointer}.confirmbox .top .address-group .choose .choosebtn i{display:block;width:11px;height:11px;border:1px solid #164D9A;border-radius:50%;position:relative;top:1px;margin-right:4px}.confirmbox .top .address-group .choose .choosebtn.act i::after{position:absolute;content:"";width:7px;height:7px;background:#164D9A;border-radius:50%;top:2px;left:2px}.confirmbox .top .address-group .choose .choosebtn span{color:#555;font-size:14px}.confirmbox .top .address-group .info{margin-top:22px}.confirmbox .top .address-group .info .name{min-width:159px;margin-right:70px}.confirmbox .top .address-group .info .email{margin-left:70px;margin-right:70px}.confirmbox .top .address-group .addre{height:32px;line-height:32px;margin-top:23px}.confirmbox .top .address-group .defaults{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.confirmbox .top .address-group .handle-box{margin-top:26px}.confirmbox .top .address-group .handle-box .bts{color:#164D9A;font-size:14px;cursor:pointer;margin-right:70px}.confirmbox .bottom{background:#fff;margin-top:18px;padding-top:24px;padding-bottom:30px}.confirmbox .bottom .head{padding:0px 4px}.confirmbox .bottom .head span{font-size:16px;font-weight:bold;width:198px;border-bottom:4px solid #164D9A;border-radius:2px;padding-bottom:8px;text-align:center}.confirmbox .bottom .list-table{width:1152px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.confirmbox .bottom .list-table .w70{width:70px}.confirmbox .bottom .list-table .w184{width:184px}.confirmbox .bottom .list-table .w176{width:176px}.confirmbox .bottom .list-table .w153{width:153px}.confirmbox .bottom .list-table .w116{width:116px}.confirmbox .bottom .list-table .w123{width:123px}.confirmbox .bottom .list-table .w120{width:120px}.confirmbox .bottom .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.confirmbox .bottom .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.confirmbox .bottom .list-table .tbody input{width:164px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.confirmbox .bottom .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.confirmbox .bottom .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody .tr:last-child{border:0px}.confirmbox .bottom .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.confirmbox .bottom .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.confirmbox .bottom .list-table .tbody .pdf{color:#F68332;font-size:20px}.confirmbox .bottom .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.confirmbox .bottom .jsInfo{padding:0 25px;padding-top:20px;padding-left:836px}.confirmbox .bottom .jsInfo span{font-size:16px;color:#333;font-weight:bold}.confirmbox .bottom .jsInfo .f-red{color:#E92E2E}.confirmbox .bottom .jsInfo .jsitem{height:30px;line-height:30px}.confirmbox .bottom .jsInfo .jsitem i{margin-right:22px;color:#555}.confirmbox .bottom .jsInfo .jsitem .tcon{width:300px}.confirmbox .bottom .jsInfo .jsitem.notip{padding-left:39px}.confirmbox .bottom .jsInfo .jsitem .tips{position:relative}.confirmbox .bottom .jsInfo .jsitem .tips .tipcon{position:absolute;width:500px;background:rgba(40,63,235,0.65);border:1px solid #FFFFFF;border-radius:10px;color:#fff;padding:10px 20px;line-height:20px;box-sizing:border-box;left:-500px;top:-15px;display:none}.confirmbox .bottom .jsInfo .jsitem .tips:hover .tipcon{display:block}.confirmbox .bottom .submit{width:372px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#164D9A;border-radius:4px;margin:0 auto;margin-top:30px;color:#fff}.choose-popcheck .w45{width:45px}.choose-popcheck .w130{width:130px}.choose-popcheck .w210{width:210px}.choose-popcheck .w153{width:153px}.choose-popcheck .w148{width:148px}.choose-popcheck .w122{width:122px}.choose-popcheck .w150{width:150px}.choose-popcheck .thead{height:48px;background:#FFFFFF;border-radius:8px 8px 0px 0px;line-height:48px;padding:0 22px}.choose-popcheck .thead .th{font-size:14px;color:#333;font-weight:bold;padding-right:5px;box-sizing:border-box}.choose-popcheck .tbody{background:#D5E1F3;border-radius:0px 0px 8px 8px;padding:0 22px;max-height:250px;overflow-y:auto}.choose-popcheck .tbody .tr{cursor:pointer;line-height:20px;border-bottom:1px solid #fff;box-sizing:border-box;padding:14px 0}.choose-popcheck .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px;font-size:14px;color:#555}.choose-popcheck .tbody .tr:last-child{border:0px}.choose-popcheck .tbody .tr.act .td{color:#164D9A;font-weight:bold}.choose-popcheck .choosesubmit{color:#fff;font-size:18px;font-weight:bold;width:176px;height:40px;background:#F68332;border-radius:10px;text-align:center;line-height:40px;margin:0 auto;margin-top:24px}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file
.confirmbox .back{height:56px}.confirmbox .back a{font-size:14px;color:#555}.confirmbox .back i{color:#04439D;font-size:16px}.confirmbox .top{background:#FFFFFF}.confirmbox .top .head{width:1200px;height:48px;background:#DFEAFA;color:#164D9A;font-size:16px;font-weight:bold;padding-left:25px}.confirmbox .top .address-group{padding:0 40px;font-size:14px;color:#555;position:relative;padding-bottom:40px}.confirmbox .top .address-group .edit{width:216px;position:absolute;top:30px;right:40px}.confirmbox .top .address-group .edit .bt{width:91px;height:33px;line-height:33px;border:1px solid #164D9A;border-radius:4px;text-align:center;color:#164D9A;margin-left:30px;cursor:pointer}.confirmbox .top .address-group .edit .bt:first-child{margin:0px}.confirmbox .top .address-group .choose{font-size:16px;color:#222;font-weight:bold;height:30px}.confirmbox .top .address-group .choose .choosebtn{margin-left:32px;cursor:pointer}.confirmbox .top .address-group .choose .choosebtn i{display:block;width:11px;height:11px;border:1px solid #164D9A;border-radius:50%;position:relative;top:1px;margin-right:4px}.confirmbox .top .address-group .choose .choosebtn.act i::after{position:absolute;content:"";width:7px;height:7px;background:#164D9A;border-radius:50%;top:2px;left:2px}.confirmbox .top .address-group .choose .choosebtn span{color:#555;font-size:14px}.confirmbox .top .address-group .info{margin-top:22px}.confirmbox .top .address-group .info .name{min-width:159px;margin-right:70px}.confirmbox .top .address-group .info .email{margin-left:70px;margin-right:70px}.confirmbox .top .address-group .addre{height:32px;line-height:32px;margin-top:23px}.confirmbox .top .address-group .defaults{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.confirmbox .top .address-group .handle-box{margin-top:26px}.confirmbox .top .address-group .handle-box .bts{color:#164D9A;font-size:14px;cursor:pointer;margin-right:70px}.confirmbox .bottom{background:#fff;margin-top:18px;padding-top:24px;padding-bottom:30px}.confirmbox .bottom .head{padding:0px 4px}.confirmbox .bottom .head span{font-size:16px;font-weight:bold;width:198px;border-bottom:4px solid #164D9A;border-radius:2px;padding-bottom:8px;text-align:center}.confirmbox .bottom .list-table{width:1152px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.confirmbox .bottom .list-table .w70{width:70px}.confirmbox .bottom .list-table .w184{width:184px}.confirmbox .bottom .list-table .w176{width:176px}.confirmbox .bottom .list-table .w153{width:153px}.confirmbox .bottom .list-table .w116{width:116px}.confirmbox .bottom .list-table .w123{width:123px}.confirmbox .bottom .list-table .w120{width:120px}.confirmbox .bottom .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.confirmbox .bottom .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.confirmbox .bottom .list-table .tbody input{width:164px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.confirmbox .bottom .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.confirmbox .bottom .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody .tr:last-child{border:0px}.confirmbox .bottom .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.confirmbox .bottom .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.confirmbox .bottom .list-table .tbody .pdf{color:#F68332;font-size:20px}.confirmbox .bottom .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.confirmbox .bottom .jsInfo{padding:0 25px;padding-top:20px;padding-left:836px}.confirmbox .bottom .jsInfo span{font-size:16px;color:#333;font-weight:bold}.confirmbox .bottom .jsInfo .f-red{color:#E92E2E}.confirmbox .bottom .jsInfo .jsitem{height:30px;line-height:30px}.confirmbox .bottom .jsInfo .jsitem i{margin-right:22px;color:#555}.confirmbox .bottom .jsInfo .jsitem .tcon{width:300px}.confirmbox .bottom .jsInfo .jsitem.notip{padding-left:39px}.confirmbox .bottom .jsInfo .jsitem .tips{position:relative}.confirmbox .bottom .jsInfo .jsitem .tips .tipcon{position:absolute;width:500px;background:rgba(40,63,235,0.65);border:1px solid #FFFFFF;border-radius:10px;color:#fff;padding:10px 20px;line-height:20px;box-sizing:border-box;left:-500px;top:-15px;display:none}.confirmbox .bottom .jsInfo .jsitem .tips:hover .tipcon{display:block}.confirmbox .bottom .submit{width:372px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#164D9A;border-radius:4px;margin:0 auto;margin-top:30px;color:#fff}.choose-popcheck .w45{width:45px}.choose-popcheck .w130{width:130px}.choose-popcheck .w210{width:210px}.choose-popcheck .w153{width:153px}.choose-popcheck .w148{width:148px}.choose-popcheck .w122{width:122px}.choose-popcheck .w150{width:150px}.choose-popcheck .thead{height:48px;background:#FFFFFF;border-radius:8px 8px 0px 0px;line-height:48px;padding:0 22px}.choose-popcheck .thead .th{font-size:14px;color:#333;font-weight:bold;padding-right:5px;box-sizing:border-box}.choose-popcheck .tbody{background:#D5E1F3;border-radius:0px 0px 8px 8px;padding:0 22px;max-height:250px;overflow-y:auto}.choose-popcheck .tbody .tr{cursor:pointer;line-height:20px;border-bottom:1px solid #fff;box-sizing:border-box;padding:14px 0}.choose-popcheck .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px;font-size:14px;color:#555}.choose-popcheck .tbody .tr:last-child{border:0px}.choose-popcheck .tbody .tr.act .td{color:#164D9A;font-weight:bold}.choose-popcheck .choosesubmit{color:#fff;font-size:18px;font-weight:bold;width:176px;height:40px;background:#F68332;border-radius:10px;text-align:center;line-height:40px;margin:0 auto;margin-top:24px;cursor:pointer}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file
......@@ -80,7 +80,7 @@
position: absolute;
width: 160px;
background: #FFFFFF;
top:19px;
top:17px;
left:0px;
box-shadow: 0px 0px 5px #ccc;
padding:15px 0px;
......@@ -1002,5 +1002,42 @@
}
}
}
/**分页**/
.M-pagebox{
margin-top: 20px;
span,a{
width: 32px;
height: 32px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
border-radius: 4px;
margin-left: 9px;
color:#555;
font-size: 14px;
cursor: pointer;
text-align: center;
box-sizing: border-box;
line-height: 32px;
text-align: center;
}
span.active{
background: #DFEAFA;
border: 1px solid #164D9A;
}
input{
width: 52px;
height: 32px;
background: #FAFAFA;
border: 1px solid #DFEAFA;
text-align: center;
line-height: 32px;
margin-left: 9px;
padding:0px;
box-sizing: border-box;
color:#555;
font-size: 14px;
}
}
}
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.break-word{word-break:break-all}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px;z-index:6}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px;overflow:hidden;height:16px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:5px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor1 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group .price-group.act{color:#164D9A}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.break-word{word-break:break-all}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px;z-index:6}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:17px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px;overflow:hidden;height:16px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:5px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor1 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group .price-group.act{color:#164D9A}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}.mallpage .M-pagebox{margin-top:20px}.mallpage .M-pagebox span,.mallpage .M-pagebox a{width:32px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:9px;color:#555;font-size:14px;cursor:pointer;box-sizing:border-box;line-height:32px;text-align:center}.mallpage .M-pagebox span.active{background:#DFEAFA;border:1px solid #164D9A}.mallpage .M-pagebox input{width:52px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;text-align:center;line-height:32px;margin-left:9px;padding:0px;box-sizing:border-box;color:#555;font-size:14px}
\ No newline at end of file
......@@ -70,12 +70,13 @@
.list-table{
.tr{
margin-bottom: 10px;
.w159{width:159px;}
.w98{width:98px;}
.w159{width:189px;}
.w98{width:108px;}
.w168{width:168px;}
.w189{width:189px;}
.w239{width:239px;}
.w189{width:239px;}
.w239{width:309px;}
.w150{width:150px;}
cursor: pointer;
.titletr{
height:48px;
background: #DFEAFA;
......@@ -107,7 +108,7 @@
}
.td-group{
padding:12px 19px;
line-height: 20px;
.td{
font-size: 14px;
color:#555;
......@@ -140,4 +141,16 @@
}
}
}
}
.paybox{
.pcons{
color:#fff;
font-size: 16px;
line-height: 30px;
padding-left:30px;
box-sizing: border-box;
.h6{color:#F68332;font-weight: bold;font-size: 18px;}
}
}
\ No newline at end of file
.orderbox .search-shit{width:230px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;top:-5px}.orderbox .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.orderbox .search-shit span.icon i{font-size:18px;color:#fff}.orderbox .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:182px}.orderbox .user-right{width:1024px;min-height:500px;background:#FFFFFF;padding:18px 12px}.orderbox .user-right .nav{width:950px;border-bottom:1px solid #DFEAFA;margin-bottom:16px}.orderbox .user-right .nav .item{height:38px;font-size:14px;color:#555;text-align:center;box-sizing:border-box;padding:0px 20px;cursor:pointer}.orderbox .user-right .nav .item .tt{width:80px}.orderbox .user-right .nav .item span{height:34px;line-height:38px}.orderbox .user-right .nav .item:first-child{line-height:38px}.orderbox .user-right .nav .item:last-child{line-height:38px}.orderbox .user-right .nav .item.act{font-weight:bold;color:#222;border-bottom:4px solid #164D9A}.orderbox .user-right .list-table .tr{margin-bottom:10px}.orderbox .user-right .list-table .tr .w159{width:159px}.orderbox .user-right .list-table .tr .w98{width:98px}.orderbox .user-right .list-table .tr .w168{width:168px}.orderbox .user-right .list-table .tr .w189{width:189px}.orderbox .user-right .list-table .tr .w239{width:239px}.orderbox .user-right .list-table .tr .w150{width:150px}.orderbox .user-right .list-table .tr .titletr{height:48px;background:#DFEAFA;border-radius:4px 4px 0px 0px;font-size:14px;color:#555;padding:0 18px;line-height:48px}.orderbox .user-right .list-table .tr .titletr .ordersn{margin:0 40px}.orderbox .user-right .list-table .tr .titletr .fo{color:#F68332}.orderbox .user-right .list-table .tr .titletr .down{margin-left:30px;color:#555;cursor:pointer}.orderbox .user-right .list-table .tr .titletr .down:hover{color:#164D9A}.orderbox .user-right .list-table .tr .contr{background:#F7FAFF}.orderbox .user-right .list-table .tr .contr .th-group{height:39px;line-height:39px;padding:0 19px;border-bottom:1px solid #DFEAFA}.orderbox .user-right .list-table .tr .contr .th-group .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.orderbox .user-right .list-table .tr .contr .td-group{padding:12px 19px}.orderbox .user-right .list-table .tr .contr .td-group .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi{width:96px;height:30px;background:#164D9A;border-radius:4px;color:#fff;font-size:14px;line-height:30px;text-align:center;cursor:pointer;box-sizing:border-box;margin-bottom:6px}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi.paybtn{background:#F68332}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi.cancelbtn{background:#fff;color:#555;border:1px solid #DFEAFA}
\ No newline at end of file
.orderbox .search-shit{width:230px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;top:-5px}.orderbox .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.orderbox .search-shit span.icon i{font-size:18px;color:#fff}.orderbox .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:182px}.orderbox .user-right{width:1024px;min-height:500px;background:#FFFFFF;padding:18px 12px}.orderbox .user-right .nav{width:950px;border-bottom:1px solid #DFEAFA;margin-bottom:16px}.orderbox .user-right .nav .item{height:38px;font-size:14px;color:#555;text-align:center;box-sizing:border-box;padding:0px 20px;cursor:pointer}.orderbox .user-right .nav .item .tt{width:80px}.orderbox .user-right .nav .item span{height:34px;line-height:38px}.orderbox .user-right .nav .item:first-child{line-height:38px}.orderbox .user-right .nav .item:last-child{line-height:38px}.orderbox .user-right .nav .item.act{font-weight:bold;color:#222;border-bottom:4px solid #164D9A}.orderbox .user-right .list-table .tr{margin-bottom:10px;cursor:pointer}.orderbox .user-right .list-table .tr .w159{width:189px}.orderbox .user-right .list-table .tr .w98{width:108px}.orderbox .user-right .list-table .tr .w168{width:168px}.orderbox .user-right .list-table .tr .w189{width:239px}.orderbox .user-right .list-table .tr .w239{width:309px}.orderbox .user-right .list-table .tr .w150{width:150px}.orderbox .user-right .list-table .tr .titletr{height:48px;background:#DFEAFA;border-radius:4px 4px 0px 0px;font-size:14px;color:#555;padding:0 18px;line-height:48px}.orderbox .user-right .list-table .tr .titletr .ordersn{margin:0 40px}.orderbox .user-right .list-table .tr .titletr .fo{color:#F68332}.orderbox .user-right .list-table .tr .titletr .down{margin-left:30px;color:#555;cursor:pointer}.orderbox .user-right .list-table .tr .titletr .down:hover{color:#164D9A}.orderbox .user-right .list-table .tr .contr{background:#F7FAFF}.orderbox .user-right .list-table .tr .contr .th-group{height:39px;line-height:39px;padding:0 19px;border-bottom:1px solid #DFEAFA}.orderbox .user-right .list-table .tr .contr .th-group .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.orderbox .user-right .list-table .tr .contr .td-group{padding:12px 19px;line-height:20px}.orderbox .user-right .list-table .tr .contr .td-group .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi{width:96px;height:30px;background:#164D9A;border-radius:4px;color:#fff;font-size:14px;line-height:30px;text-align:center;cursor:pointer;box-sizing:border-box;margin-bottom:6px}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi.paybtn{background:#F68332}.orderbox .user-right .list-table .tr .contr .td-group .td .btnsi.cancelbtn{background:#fff;color:#555;border:1px solid #DFEAFA}.paybox .pcons{color:#fff;font-size:16px;line-height:30px;padding-left:30px;box-sizing:border-box}.paybox .pcons .h6{color:#F68332;font-weight:bold;font-size:18px}
\ No newline at end of file
......@@ -8,14 +8,13 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
limit: 10,
init: function () {
brandlist.handle();
brandlist.pagehandle();
brandlist.getData()
},
getData: function () {
var data_ = {
page: brandlist.page,
page_size: brandlist.limit,
"brand_name/like":$("#brandvalxsp").text()
"brand_id/eq":$("#brandvalxsp").attr("guid")
}
if ($(".eqsort").hasClass("act")) {
data_["goods_name/eq"] = $(".mallbrandlistvalx").val()
......@@ -49,7 +48,8 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
return
}
var json_ = {
data: dataArr
data: dataArr,
brand_id:$("#brandvalxsp").attr("guid")
}
var html = template('DataTmp', json_);
$(".data-td").html(html);
......@@ -59,12 +59,21 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
})
//分页初始化
$('.M-pagebox').pagination({
coping: false,
homePage: '<<',
endPage: '>>',
totalData: res.data.total,
showData: res.data.page_size,
current: res.data.page
showData: Number(res.data.page_size),
coping: true,
prevContent: '<',
nextContent: '>',
jump: true,
jumpBtn:"Go",
keepShowPN:true,
current: Number(res.data.page),
isHide:true,
callback: function (api) {
brandlist.page=api.getCurrent()
brandlist.getData();
}
});
} else {
tool.NoData(".data-td")
......@@ -97,36 +106,46 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
}
brandlist.getData()
})
//copy
$("body").on("click", ".copyname", function () {
$("#domainxksearch").val($(this).attr("goods_name"));
var copyobject = document.getElementById("domainxksearch");
copyobject.select();
document.execCommand("Copy");
liexin_pop.Tip({ title: "Copy Success" })
})
//输入数量
$("body").on("input", '.valuepsearch', tool.debounce(function (e) {
$("body").on("input", '.valuepSearch', tool.debounce(function (e) {
var num = $(this).val();
var max_num=Number($(this).attr("maxNum"));
var min_num=Number($(this).attr("minNum"));
if(num>max_num){
var max_num = Number($(this).attr("maxNum"));
var min_num = Number($(this).attr("minNum"));
if (num > max_num) {
$(this).val(max_num)
liexin_pop.Tip({ title: "At Most "+max_num })
liexin_pop.Tip({ title: "At Most " + max_num })
return
}
if(num<min_num){
if (num < min_num) {
$(this).val(min_num)
liexin_pop.Tip({ title: "At Least "+min_num })
liexin_pop.Tip({ title: "At Least " + min_num })
return
}
}, 300))
brandlist.onePriceRow($(this).parents(".td-group"))
}, 600))
//加购物车
$("body").on("click",".addCarsearch",function(){
var data_=[{
goods_id:$(this).attr("goods_id"),
buy_number:$(this).prev(".valuepsearch").val()
}]
$.liexin_ajax('/api/cart/saveCart', 'POST', {items:JSON.stringify(data_)}, function (res) {
$("body").on("click", ".addCarSearch", function () {
var data_ = {
goods_id: $(this).attr("goods_id"),
buy_number: $(this).prev(".valuepSearch").val()
}
$.liexin_ajax('/api/cart/saveCart', 'POST', data_, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg })
tool.getCarNum()
} else {
liexin_pop.Tip({ title: res.msg })
}
})
......@@ -173,24 +192,9 @@ define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], functio
//计算合计价格
var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
var ac_price = obj.find(".price-group.act").find(".jtpcval").text()
obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
},
pagehandle: function () {
$("body").on("click", ".M-pagebox a", function () {
if ($(this).attr("data-page")) {
brandlist.page = $(this).attr("data-page");
} else {
if ($(this).hasClass("prev")) {
brandlist.page = brandlist.page - 1;
} else if ($(this).hasClass("next")) {
brandlist.page = brandlist.page + 1;
}
}
brandlist.getData();
})
},
}
module.exports = brandlist.init();
})
......
define('car', ['tool', 'liexin_pop', 'artTemplate'], function (require, exports, module) {
var tool = require("tool");
var liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate");
var car = {
init: function () {
car.handle();
car.getData()
},
getData: function () {
$.liexin_ajax('/api/cart/cartLists', 'POST', {}, function (res) {
if (res.code == 0) {
var dataArr = res.data.lists || [];
$(".selectcount b").html(res.data.total || 0)
if (dataArr.length == 0) {
tool.NoData(".tbody")
return
}
var json_ = {
data: dataArr
}
var html = template('DataTmp', json_);
$(".tbody").html(html);
//阶梯价格 合计价格初始化
car.priceInit();
} else {
tool.NoData(".tbody")
liexin_pop.Tip({ title: res.msg })
}
})
},
priceInit:function(){
var pr=0;
var leng=0;
$(".tbody .check-group.act").each(function(){
var parents=$(this).parents(".tr")
if(!parents.hasClass("sxbox")){
leng++;
pr+=Number(parents.find(".rowxj").text())
}
})
$(".selectcount b").text(leng)
$(".goods_total").text(pr.toFixed(2))
$(".pay_total").text(pr.toFixed(2))
},
handle: function () {
//选中
$(".carbox").on("click",".check-group",function(){
if($(this).hasClass("selectall")){
if($(this).hasClass("act")){
$(".carbox .check-group").removeClass("act")
}else{
$(".carbox .check-group").addClass("act")
}
}else{
$(this).toggleClass("act")
}
car.priceInit();
})
//修改数量
$("body").on("input", '.valuep', tool.debounce(function (e) {
var num = $(this).val();
var parents=$(this).parents(".tr")
var max_num=Number($(this).attr("maxNum"));
var min_num=Number($(this).attr("minNum"));
if(num>max_num){
$(this).val(max_num)
liexin_pop.Tip({ title: "At Most "+max_num })
return
}
if(num<min_num){
$(this).val(min_num)
liexin_pop.Tip({ title: "At Least "+min_num })
return
}
var data_={
goods_id:$(this).attr("goods_id"),
buy_number:$(this).val()
}
$.liexin_ajax('/api/cart/saveCart', 'POST', data_, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg },function(){
parents.find(".rowdj").text(res.data.buy_price)
parents.find(".rowxj").text(res.data.ext_price)
car.priceInit();
})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}, 300))
//删除购物车
$(".delcarsd").click(function(){
var arr_=[]
$(".tbody .check-group.act").each(function(){
var parents=$(this).parents(".tr")
if(!parents.hasClass("sxbox")){
arr_.push(parents.attr("cart_id"))
}
})
if(arr_.length==0){
liexin_pop.Tip({ title: "No Selected" })
return
}
liexin_pop.Confirm({title:"Are you sure to delete the cars",success:function(ele){
$.liexin_ajax('/api/cart/cartDelete', 'POST', {cart_id:arr_.join(",")}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: res.msg },function(){
car.getData()
})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}})
})
//下单
$(".createcarbtn").click(function(){
if (!tool.isLogin()) {
liexin_pop.LoginPop({},function(){
car.createOrder()
})
return
}
car.createOrder()
})
},
createOrder:function(){
var arr_=[]
$(".tbody .check-group.act").each(function(){
var parents=$(this).parents(".tr")
if(!parents.hasClass("sxbox")){
arr_.push(parents.attr("cart_id"))
}
})
if(arr_.length==0){
liexin_pop.Tip({ title: "No Data" })
return
}
tool.setCookie("car_xk", arr_.join(","), 1)
window.location.href="/confirm"
}
}
module.exports = car.init();
})
seajs.use(['car'])
\ No newline at end of file
define('confirm', ['liexin_pop'], function (require, exports, module) {
define('confirm', ['liexin_pop','form','artTemplate'], function (require, exports, module) {
var liexin_pop = require("liexin_pop");
var tool=require("tool")
var tool = require("tool")
var form = require("form")
var artTemplate = require("artTemplate");
var confirm = {
defaultAddressInfo:"",
addressArr: [],
chooseType: 1,
addressCount:0,
defaultAddressInfo: "",
init: function () {
confirm.handle();
confirm.getAddress();
confirm.getList();
},
getAddress: function () {
getList:function(){
var cart_ids=tool.getCookie("car_xk");
//tool.setCookie("car_xk",1,-1); //下单成功删掉cookie
$.liexin_ajax('/api/cart/cartLists', 'POST', {cart_ids:cart_ids}, function (res) {
if (res.code == 0) {
var dataArr = res.data.lists || [];
$(".selectcount").html(res.data.total || 0)
if (dataArr.length == 0) {
tool.NoData(".tbodycars")
return
}
var json_ = {
data: dataArr
}
var html = template('DataTmp', json_);
$(".tbodycars").html(html);
//阶梯价格 合计价格初始化
confirm.priceInit();
} else {
tool.NoData(".tbodycars")
liexin_pop.Tip({ title: res.msg })
}
})
},
priceInit:function(){
var pr=0;
$(".tbodycars .tr").each(function(){
if(!$(this).hasClass("sxbox")){
pr+=Number($(this).find(".rowxj").text())
}
console.log($(this).find(".rowxj").text())
})
$(".goods_total").text(pr.toFixed(2))
$(".pay_total").text(pr.toFixed(2))
},
getAddress: function (guid_) {
$.liexin_ajax('/api/user_address/list', 'GET', {}, function (res) {
if (res.code == 0) {
var dataArr = res.data || [];
for(var i=0;i<dataArr.length;i++){
if(dataArr[i].is_default==1){
confirm.defaultAddressInfo=dataArr[i]
confirm.addressCount=dataArr.length
for (var i = 0; i < dataArr.length; i++) {
if(guid_){
if(dataArr[i].address_id == guid_){
confirm.defaultAddressInfo = dataArr[i]
}
}else{
if (dataArr[i].is_default == 1) {
confirm.defaultAddressInfo = dataArr[i]
}
}
}
if (confirm.defaultAddressInfo) {
var eles = confirm.defaultAddressInfo;
var ele_=$(".address-group")
if(guid_){
ele_=$(".ship.address-group")
}
ele_.attr("guid", eles.address_id)
var html_ = confirm.getAddressHtml(eles);
ele_.find(".xrdata").html(html_)
$(".editboxcs").show();
}
console.log(confirm.defaultAddressInfo)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
},
handle: function () {
//新增编辑
$("body").on("click", ".popaddressbtn", function () {
var guid_ = $(this).attr("guid");
var isAdd = $(this).hasClass("addbtn") ? 1 : 0;
liexin_pop.Open({
title: (isAdd ? "Add Address" : "Change Address"),
width: 766,
height: 595,
class: "addressOpen",
ele: ".addressPop",
success: function () {
getAddressHtml: function (eles) {
}
})
})
var html_ = '<div class="info row"><span class="name">' + eles.first_name + ' ' + eles.last_name + '</span><span class="app">' + eles.company_name + '</span>'
html_ += '<span class="email">' + eles.email + '</span><span>' + eles.phone + '</span></div>'
html_ += '<div class="addre row"><span>' + eles.detail_address + '</span>'
if (eles.is_default == 1) {
html_ += '<span class="defaults">Default address</span>'
}
html_ += '</div>'
return html_
},
handle: function () {
//选择地址
$("body").on("click", ".choosebtadress", function () {
confirm.chooseType = $(this).attr("guid")
liexin_pop.Open({
title: "Choose Address",
width: 1000,
width: 970,
top: 100,
class: "addressChoose",
ele: ".choose-popcheck",
success: function () {
$.liexin_ajax('/api/user_address/list', 'GET', {}, function (res) {
if (res.code == 0) {
var dataArr = res.data || [];
confirm.addressArr = dataArr;
var html_ = '';
for (var i = 0; i < dataArr.length; i++) {
html_ += '<div class="tr choosetrs ' + (dataArr[i].is_default == 1 ? 'act' : '') + ' row boxsiz" guid="' + dataArr[i].address_id + '">'
html_ += '<div class="td w45">' + (i + 1) + '</div>'
html_ += '<div class="td w210">' + dataArr[i].first_name + ' ' + dataArr[i].last_name + '</div>'
html_ += '<div class="td w153">' + dataArr[i].company_name + '</div>'
html_ += '<div class="td w148"> ' + dataArr[i].email + '</div>'
html_ += '<div class="td w122">' + dataArr[i].phone + '</div>'
html_ += '<div class="td w150">' + dataArr[i].detail_address + '</div></div>'
}
$(".choosetbodys").html(html_)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}
})
})
$("body").on("click", ".choosetrs", function () {
$(".choosetbodys .choosetrs").removeClass("act")
$(this).addClass("act")
})
$("body").on("click", ".choosesubmit", function () {
if (!$(".choosetbodys .choosetrs.act").hasClass("choosetrs")) {
liexin_pop.Tip({ title: "Please Choose" })
return
}
openHide();
var ele_ = $(".ship");
if (confirm.chooseType == 2) {
ele_ = $(".bill");
}
var html_ = ""
for (var i = 0; i < confirm.addressArr.length; i++) {
if (confirm.addressArr[i].address_id == $(".choosetbodys .choosetrs.act").attr("guid")) {
html_ = confirm.getAddressHtml(confirm.addressArr[i])
ele_.attr("guid", confirm.addressArr[i].address_id)
}
}
ele_.find(".xrdata").html(html_);
})
//删除
//新增地址
$("body").on("click", ".popaddressbtn", function () {
var guid_ = $(this).parents(".address-group").attr("guid");
var isAdd = $(this).hasClass("addbtn") ? 1 : 0;
if ( confirm.addressCount>= 20) {
liexin_pop.Tip({ title: "Contain At Most 20 Address" })
return
}
liexin_pop.Open({
title: (isAdd ? "Add Address" : "Change Address"),
width: 766,
height: 595,
ele: ".addressPop",
success: function () {
if (!isAdd) {
//编辑逻辑
$(".addressPop").find(".addressPopBtn").attr("guid", guid_)
confirm.getAddressDetail(guid_)
}
}
})
})
//地址提交
$("body").on("click", ".addressPopBtn", function () {
confirm.submitAddress($(this))
})
//删除地址
$("body").on("click", ".delbtn", function () {
var guid_ = $(this).parents(".address-group").attr("guid");
liexin_pop.Confirm({
title: "你确定不放开那个女孩吗?", success: function (ele) {
ele.fadeOut(300)
title: "Are you sure to delete the address?", success: function (ele) {
$.liexin_ajax('/api/user_address/delete', 'POST', { address_id: guid_ }, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: res.msg })
ele.fadeOut(300)
$(".address-group.ship").attr("guid","").find(".xrdata").html("")
$(".editboxcs").hide();
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}
})
})
//国家操作
$("body").on("input", '.getCountry', tool.debounce(function (e) {
var str_ = $(this).val();
......@@ -104,6 +239,95 @@ define('confirm', ['liexin_pop'], function (require, exports, module) {
//获取国家
confirm.getCountry()
//提交订单
$(".ordercreates").click(function(){
var arr_=[]
$(".tbodycars .tr").each(function(){
arr_.push({
goods_id:$(this).attr("goods_id"),
buy_number:$(this).attr("numcar"),
buy_price:Number($(this).find(".rowdj").text()),
remark:$(this).find(".remarkcar").val(),
})
})
$.liexin_ajax('/api/order/addOrder', 'POST', { shipping_address_id:$(".address-group.ship").attr("guid"),billing_address_id:$(".address-group.bill").attr("guid"),items:JSON.stringify(arr_)}, function (res) {
if (res.code == 0) {
tool.setCookie("car_xk",1,-1); //下单成功删掉cookie
liexin_pop.Tip({ title: res.msg },function(){
window.location.href="/user/order"
})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
},
getAddressDetail:function(guid_){
$.liexin_ajax('/api/user_address/detail', 'GET', {address_id:guid_}, function (res) {
if (res.code === 0) {
$(".addressPop .check-group").removeClass("act")
$(".addressPop .check-group[guid='1']").addClass("act")
if(res.data.address_type==2){
$(".addressPop .check-group[guid='2']").addClass("act")
}
$(".addressPop .email6").val(res.data.email)
$(".addressPop .telephone6").val(res.data.phone)
$(".addressPop .country6").val(res.data.country).attr("guid",res.data.country_id)
$(".addressPop .last_name6").val(res.data.last_name)
$(".addressPop .first_name6").val(res.data.first_name)
$(".addressPop .company_name6").val(res.data.company_name)
$(".addressPop .address6").val(res.data.detail_address)
$(".addressPop .city6").val(res.data.city)
$(".addressPop .state6").val(res.data.province)
$(".addressPop .post_code6").val(res.data.post_code)
$(".addressPop .chooseaddresx").removeClass("act")
if(res.data.is_default==1){
$(".addressPop .chooseaddresx").addClass("act")
}
} else {
liexin_pop.Tip({ title: res.msg })
}
})
},
submitAddress: function (ele) {
var url_ = "/api/user_address/add";
var obj_ = {
address_type: $(".addressPop .check-group.act").attr("guid"),
email: $(".addressPop .email6").val(),
phone: $(".addressPop .telephone6").val(),
country: $(".addressPop .country6").attr("guid"),
last_name: $(".addressPop .last_name6").val(),
first_name: $(".addressPop .first_name6").val(),
company_name: $(".addressPop .company_name6").val(),
detail_address: $(".addressPop .address6").val(),
city: $(".addressPop .city6").val(),
province: $(".addressPop .state6").val(),
post_code: $(".addressPop .post_code6").val(),
is_default: $(".addressPop .chooseaddresx").hasClass("act") ? 1 : 0,
is_register: 0
}
if (ele.attr("guid")) {
//编辑address_id
url_ = "/api/user_address/update";
obj_.address_id = ele.attr("guid");
}
if (form.test(".addressPop")) {
return
}
$.liexin_ajax(url_, 'POST', obj_, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg },function(){
openHide()
var guid_=ele.attr("guid")?ele.attr("guid"):res.data
confirm.getAddress(guid_)
})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
},
//获取国家
getCountry: function () {
......
......@@ -3,28 +3,27 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
var liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate");
var pagination = require('pagination');
var class_p = {
page: 1,
limit: 10,
init: function () {
class_p.handle();
class_p.pagehandle();
class_p.getData()
},
getData: function () {
var data_ = {
page: class_p.page,
page_size: class_p.limit,
"class_id1/eq":$("#class_id_two").val(),
"brand_name/like":$(".brandvals").val()
"class_id1/eq": $("#class_id_two").val(),
"brand_name/like": $(".brandvals").val()
}
if ($(".eqsort").hasClass("act")) {
data_["goods_name/eq"] = $(".classsearchvals").val()
} else {
data_["goods_name/like"] = $(".classsearchvals").val()
}
if($("#class_id_three").val()){
if ($("#class_id_three").val()) {
data_["class_id2/eq"] = $("#class_id_three").val()
}
$.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
......@@ -46,12 +45,21 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
})
//分页初始化
$('.M-pagebox').pagination({
coping: false,
homePage: '<<',
endPage: '>>',
totalData: res.data.total,
showData: res.data.page_size,
current: res.data.page
showData: Number(res.data.page_size),
coping: true,
prevContent: '<',
nextContent: '>',
jump: true,
jumpBtn:"Go",
keepShowPN:true,
current: Number(res.data.page),
isHide:true,
callback: function (api) {
class_p.page=api.getCurrent()
class_p.getData();
}
});
} else {
tool.NoData(".data-td")
......@@ -61,36 +69,38 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
},
handle: function () {
//搜索BTN
$(".searchbq").click(function(){
$(".searchbq").click(function () {
class_p.page=1;
class_p.getData()
})
//重置
$(".resetst").click(function(){
$(".resetst").click(function () {
$(".classsearchvals").val("");
$(".eqsort").removeClass("act")
})
//排序操作
$(".checksearchsz").click(function () {
$(this).toggleClass("act")
class_p.page=1;
class_p.getData()
})
//品牌匹配
$("body").on("input", '.brandvals', tool.debounce(function (e) {
$(".brandvals").attr("guid","")
if(!$(this).val()){
$(".brandvals").attr("guid", "")
if (!$(this).val()) {
$(".brand-box .bcon").hide();
return
}
$.liexin_ajax('/api/brand/list', 'GET', { brand_name: $(this).val() }, function (res) {
if (res.code == 0) {
var arr_=res.data||[];
if(arr_.length==0){
var arr_ = res.data || [];
if (arr_.length == 0) {
$(".brand-box .bcon").hide();
return
}
var html_="";
for(var i=0;i<arr_.length;i++){
html_+='<p class="itembranssearch" guid="'+arr_[i].standard_brand_id+'">'+arr_[i].brand_name_en+'</p>'
var html_ = "";
for (var i = 0; i < arr_.length; i++) {
html_ += '<p class="itembranssearch" guid="' + arr_[i].standard_brand_id + '">' + arr_[i].brand_name_en + '</p>'
}
$(".brand-box .bcon").html(html_).show()
} else {
......@@ -101,11 +111,20 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
}, 300))
$("body").on("click",".itembranssearch",function(){
$(".brandvals").val($(this).text()).attr("guid",$(this).attr("guid"))
$("body").on("click", ".itembranssearch", function () {
$(".brandvals").val($(this).text()).attr("guid", $(this).attr("guid"))
$(".brand-box .bcon").hide();
})
//copy
$("body").on("click", ".copyname", function () {
$("#domainxksearch").val($(this).attr("goods_name"));
var copyobject = document.getElementById("domainxksearch");
copyobject.select();
document.execCommand("Copy");
liexin_pop.Tip({ title: "Copy Success" })
})
//输入数量
$("body").on("input", '.valuepSearch', tool.debounce(function (e) {
var num = $(this).val();
var max_num = Number($(this).attr("maxNum"));
......@@ -121,14 +140,16 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
return
}
}, 300))
class_p.onePriceRow($(this).parents(".td-group"))
}, 600))
//加购物车
$("body").on("click", ".addCarSearch", function () {
var data_ = [{
var data_ = {
goods_id: $(this).attr("goods_id"),
buy_number: $(this).prev(".valuepSearch").val()
}]
$.liexin_ajax('/api/cart/saveCart', 'POST', { items: JSON.stringify(data_) }, function (res) {
}
$.liexin_ajax('/api/cart/saveCart', 'POST', data_, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg })
tool.getCarNum()
......@@ -180,26 +201,12 @@ define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function
//计算合计价格
var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
var ac_price = obj.find(".price-group.act").find(".jtpcval").text()
obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
},
pagehandle: function () {
$("body").on("click", ".M-pagebox a", function () {
if ($(this).attr("data-page")) {
class_p.page = $(this).attr("data-page");
} else {
if ($(this).hasClass("prev")) {
class_p.page = class_p.page - 1;
} else if ($(this).hasClass("next")) {
class_p.page = class_p.page + 1;
}
}
class_p.getData();
})
},
}
module.exports = class_p.init();
module.exports = class_p.init();
})
......
......@@ -8,9 +8,9 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
limit: 10,
init: function () {
search.handle();
search.pagehandle();
search.getData()
},
getData: function () {
var data_ = {
page: search.page,
......@@ -40,6 +40,7 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
}
}
$.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
console.log(res)
if (res.code == 0) {
var dataArr = res.data.lists || [];
$(".searchCount").html(res.data.total || 0)
......@@ -58,12 +59,21 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
})
//分页初始化
$('.M-pagebox').pagination({
coping: false,
homePage: '<<',
endPage: '>>',
totalData: res.data.total,
showData: res.data.page_size,
current: res.data.page
showData: Number(res.data.page_size),
coping: true,
prevContent: '<',
nextContent: '>',
jump: true,
jumpBtn:"Go",
keepShowPN:true,
current: Number(res.data.page),
isHide:true,
callback: function (api) {
search.page=api.getCurrent()
search.getData();
}
});
} else {
tool.NoData(".data-td")
......@@ -75,6 +85,7 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
//排序操作
$(".checksearchsz").click(function () {
$(this).toggleClass("act")
search.page=1;
search.getData()
})
......@@ -90,8 +101,18 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
$(this).removeClass("bottom")
}
}
search.page=1;
search.getData()
})
//copy
$("body").on("click",".copyname",function(){
$("#domainxksearch").val($(this).attr("goods_name"));
var copyobject = document.getElementById("domainxksearch");
copyobject.select();
document.execCommand("Copy");
liexin_pop.Tip({ title: "Copy Success"})
})
//输入数量
$("body").on("input", '.valuepSearch', tool.debounce(function (e) {
......@@ -109,14 +130,16 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
return
}
}, 300))
search.onePriceRow($(this).parents(".td-group"))
}, 600))
//加购物车
$("body").on("click",".addCarSearch",function(){
var data_=[{
var data_={
goods_id:$(this).attr("goods_id"),
buy_number:$(this).prev(".valuepSearch").val()
}]
$.liexin_ajax('/api/cart/saveCart', 'POST', {items:JSON.stringify(data_)}, function (res) {
}
$.liexin_ajax('/api/cart/saveCart', 'POST',data_, function (res) {
if (res.code == 0) {
liexin_pop.Tip({ title: res.msg })
tool.getCarNum()
......@@ -168,24 +191,9 @@ define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (
//计算合计价格
var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
var ac_price = obj.find(".price-group.act").find(".jtpcval").text();
obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
},
pagehandle: function () {
$("body").on("click", ".M-pagebox a", function () {
if ($(this).attr("data-page")) {
search.page = $(this).attr("data-page");
} else {
if ($(this).hasClass("prev")) {
search.page = search.page - 1;
} else if ($(this).hasClass("next")) {
search.page = search.page + 1;
}
}
search.getData();
})
},
}
module.exports = search.init();
})
......
......@@ -199,7 +199,7 @@ define('account', ['tool', 'liexin_pop', 'form', 'artTemplate'], function (requi
if (guid_) {
//编辑逻辑
$(".addressPop").find(".addressPopBtn").attr("guid",guid_)
getAddressDetail(guid_)
account.getAddressDetail(guid_)
}
}
})
......@@ -287,7 +287,7 @@ define('account', ['tool', 'liexin_pop', 'form', 'artTemplate'], function (requi
}
$(".addressPop .email6").val(res.data.email)
$(".addressPop .telephone6").val(res.data.phone)
$(".addressPop .country6").val(res.data.country).attr(res.data.country)
$(".addressPop .country6").val(res.data.country).attr("guid",res.data.country_id)
$(".addressPop .last_name6").val(res.data.last_name)
$(".addressPop .first_name6").val(res.data.first_name)
$(".addressPop .company_name6").val(res.data.company_name)
......
define('order', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
var tool = require("tool");
var liexin_pop = require("liexin_pop");
var artTemplate = require("artTemplate");
var pagination = require('pagination');
var order = {
page: 1,
limit: 5,
bankInfo:"",
init: function () {
order.handle();
order.getData()
},
getData: function () {
var data_ = {
page: order.page,
page_size: order.limit,
status: $(".user-right .nav .item.act").attr("guid"),
goods_name: $(".userOrderS").val()
}
$.liexin_ajax('/api/order/orderLists', 'POST', data_, function (res) {
if (res.code == 0) {
var dataArr = res.data.lists || [];
var order_count_=res.data.order_count;
order.bankInfo=res.data.bank_info;
for(let key in order_count_){
$(".user-right .nav .item[guid='"+key+"'] span").text("("+order_count_[key]+")")
}
if (dataArr.length == 0) {
tool.NoData(".orderdataboxs")
return
}
var json_ = {
data: dataArr
}
var html = template('DataTmp', json_);
$(".orderdataboxs").html(html);
//分页初始化
$('.M-pagebox').pagination({
totalData: res.data.total,
showData: Number(res.data.page_size),
coping: true,
prevContent: '<',
nextContent: '>',
jump: true,
jumpBtn: "Go",
keepShowPN: true,
current: Number(res.data.page),
isHide: true,
callback: function (api) {
order.page = api.getCurrent()
order.getData();
}
});
} else {
tool.NoData(".orderdataboxs")
liexin_pop.Tip({ title: res.msg })
}
})
},
handle: function () {
$("body").on("click",".trgo",function(e){
e.stopPropagation()
window.location.href=$(this).attr("data-href")
})
//搜索BTN
$(".ordersearchbtnsas").click(function () {
order.page=1;
order.getData()
})
//tab
$(".user-right .nav .item").click(function(){
$(".user-right .nav .item").removeClass("act")
$(this).addClass("act")
order.page=1;
order.getData()
})
//取消
$("body").on("click",".cancelbtn",function(e){
e.stopPropagation()
var guid_=$(this).attr("guid")
liexin_pop.Confirm({
title: "Are you sure to cancel the order?", success: function (ele) {
$.liexin_ajax('/api/order/cancelOrder', 'POST', { order_id: guid_ }, function (res) {
if (res.code === 0) {
ele.fadeOut(300)
liexin_pop.Tip({ title: res.msg },function(){
order.getData()
})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}
})
})
$("body").on("click",".paybtn",function(e){
e.stopPropagation()
var self=$(this);
liexin_pop.Open({
title:"Payment",
width:766,
ele:".payDetailPop",
success:function(){
$(".paypal").text(order.bankInfo.paypal)
$(".ttl_bank_name").text(order.bankInfo.ttl_bank_name)
$(".ttl_bank_address").text(order.bankInfo.ttl_bank_address)
$(".ttl_swift_code").text(order.bankInfo.ttl_swift_code)
$(".ttl_company_name").text(order.bankInfo.ttl_company_name)
$(".ttl_account_no").text(order.bankInfo.ttl_account_no)
$(".merchandise_pay").text(self.attr("merchandise_pay"))
$(".shipping_pay").text(self.attr("shipping_pay"))
$(".ps_pay").text(self.attr("ps_pay"))
$(".goods_num_pay").text(self.attr("goods_num_pay"))
$(".subtotal_pay").text(self.attr("subtotal_pay"))
}
})
})
$("body").on("click",".check-group-payp",function(){
$(".check-group-payp").removeClass("act")
$(this).addClass("act")
$(".payDetailPop .zftai").hide();
if($(this).attr("guid")==1){
$(".payDetailPop .ppbox").show();
}else{
$(".payDetailPop .ttbox").show();
}
})
},
}
module.exports = order.init();
})
seajs.use(['order'])
......@@ -4,6 +4,7 @@
@endsection
@section('body')
<textarea id="domainxksearch" style="position: fixed;right:9999px;"></textarea>
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
......@@ -78,7 +79,7 @@
</div>
<div class="M-pagebox"></div>
<div class="M-pagebox row rowCenter"></div>
</div>
</div>
</div>
......@@ -93,7 +94,7 @@
{{each data value index}}
<div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
<div class="td w180">
<a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
<a href="/sku/{{value.goods_id}}?brand_id={{brand_id}}" class="goodsname">{{value.goods_name}}</a>
<div class="copyname" goods_name="{{value.goods_name}}">
<i class="icon iconfont icon-fuzhi"></i>
</div>
......@@ -109,13 +110,13 @@
<div> Min:{{value.moq}} <span class="mult">Mult:{{value.mult}} </span></div>
<div> Full Reel:{{value.mpq}} </div>
</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
<div class="td w140">{{value.hk_delivery_time||" "}}</div>
<div class="th w180">
<div class="price-jt">
{{each value['ladder_price'] val i}}
<div class="price-group row" purchases="{{val.purchases}}">
<div class="jtpr">{{val.purchases}}+</div>
<div class="jtpc">${{val.price_us}}</div>
<div class="jtpc">$<span class="jtpcval">{{val.price_us}}</span></div>
</div>
{{/each}}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
......@@ -125,7 +126,7 @@
</div>
<div class="td">
<div class="input-box ">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" value="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
</div>
<div class="total-price">
......
......@@ -56,7 +56,7 @@
<div class="ttl">{{$key}}</div>
<div class="ttc row boxsiz">
@foreach ($item as $itemchild)
<a href="/brand/{{$itemchild['standard_brand_id']}}" target="_blank">{{$itemchild['brand_name_en']}}</a>
<a href="/brand/{{$itemchild['standard_brand_id']}}" >{{$itemchild['brand_name_en']}}</a>
@endforeach
</div>
</div>
......
......@@ -20,7 +20,7 @@
<div class="list-table">
<div class="thead row boxsiz">
<div class="th row verCenter w46">
<div class="check-group row verCenter act">
<div class="check-group selectall row verCenter act">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
......@@ -36,68 +36,23 @@
<div class="th">Ext. Price</div>
</div>
<div class="tbody boxsiz">
<div class="tr row">
<div class="td w46">
<div class="check-group row verCenter act">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<span>1</span>
</div>
</div>
<div class="td w98">STTH1L06A</div>
<div class="td w183">Manufacturers:Yageo</div>
<div class="td w119">2-5 workdays</div>
<div class="td w93">
<input type="text" class="valuep" value="100">
</div>
<div class="td w110">10000</div>
<div class="td w92">$0.0011</div>
<div class="td">$0.11</div>
</div>
<div class="tr row sxbox">
<div class="td w46">
<div class="check-group row verCenter act">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<span>2</span>
</div>
</div>
<div class="td w98">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w183">
Manufacturers:Yageo
<div class="sx">Invalid Model</div>
</div>
<div class="td w119">2-5 workdays</div>
<div class="td w93">
<input type="text" class="valuep" value="100">
</div>
<div class="td w110">10000</div>
<div class="td w92">$0.0011</div>
<div class="td">$0.11</div>
</div>
</div>
<div class="tfoot boxsiz">
<div class="tr row">
<div class="td">
<div class="check-group row verCenter act">
<div class="check-group row verCenter selectall act">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<span class="fw selectall">Select All</span>
<span class="fw ">Select All</span>
</div>
</div>
<div class="td selectcount">
<b class="fw">2 </b>Items Selected
<b class="fw">0 </b>Items Selected
</div>
<div class="td">
<div class="del">Delete</div>
<div class="del delcarsd">Delete</div>
</div>
</div>
</div>
......@@ -107,24 +62,24 @@
<div class="top boxsiz">
<div class="itemsp row bothSide">
<span>Merchandise Total</span>
<span>$509.71</span>
<span>$<span class="goods_total">0.00</span></span>
</div>
<div class="itemsp row bothSide">
<!-- <div class="itemsp row bothSide">
<span>Shipping</span>
<span>TBC</span>
</div>
<div class="itemsp row bothSide">
<span>Merchant Fee</span>
<span>TBC</span>
</div>
</div> -->
<div class="itemsp row bothSide">
<span>Subtotal</span>
<span>$559.71</span>
<span>$<span class="pay_total">0.00</span></span>
</div>
</div>
<div class="create">Place Order</div>
<div class="create createcarbtn">Place Order</div>
<div class="lgtips">
Already Registered? <a href="/login">Log In</a>
Already Registered? <a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Log In</a>
</div>
<a href="javascript:void(0)" class="bannerc">
<img src="{{$public}}/assets/images/car/carbanner.png" alt="">
......@@ -137,6 +92,44 @@
</div>
@endsection
@verbatim
<script id="DataTmp" type="text/html">
{{each data value index}}
<div class="tr row {{if value.status==-1}}sxbox{{/if}}" cart_id="{{value.cart_id}}">
<div class="td w46">
<div class="check-group row verCenter act">
<div class="check">
<i class="icon iconfont icon-gou"></i>
</div>
<span>{{index+1}}</span>
</div>
</div>
<div class="td w98">
{{value.goods_name}}
{{if value.pdf}}
<a class="pdf" href="{{value.pdf}}" target="_blank"><i class="icon iconfont icon-PDF"></i></a>
{{/if}}
</div>
<div class="td w183">
Manufacturers:{{value.brand_name}}
{{if value.status==-1}}
<div class="sx">Invalid Model</div>
{{/if}}
</div>
<div class="td w119">{{value.hk_delivery_time}}</div>
<div class="td w93">
<input type="text" class="valuep" goods_id="{{value.goods_id}}" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" value="{{value.buy_number}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
</div>
<div class="td w110">{{value.stock}}</div>
<div class="td w92">$<span class="rowdj">{{value.buy_price}}</span></div>
<div class="td">$<span class="rowxj">{{value.ext_price}}</span></div>
</div>
{{/each}}
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/car/car.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
......@@ -9,49 +9,47 @@
@include('common.mallHeaderNav')
<div class="confirmbox w1200">
<div class="back row verCenter">
<a href="">
<a href="javascript:history.go(-1)">
<i class="icon iconfont icon-fanhui"></i>
<span>Back to Previous Page</span>
</a>
</div>
<div class="cons">
<div class="top">
<div class="head row verCenter boxsiz">Shipping Address</div>
<div class="address-group ship">
<div class="info row">
<span class="name">Michael Jordan</span>
<span class="app">Apple inc</span>
<span class="email">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="addre row">
<span>79, 105 Center Street, Queens, New York City</span>
<span class="defaults">Default address</span>
<div class="xrdata">
</div>
<div class="handle-box row">
<div class="bts choosebtadress">Choose Another Address</div>
<div class="bts popaddressbtn addbtn" guid="1">Add Address</div>
<div class="bts choosebtadress" guid="1">Choose Another Address</div>
<div class="bts popaddressbtn addbtn" guid="1">Add Address</div>
</div>
<div class="edit row">
<div class="edit row editboxcs" style="display:none;">
<div class="bt popaddressbtn editbtn" guid="1">Modify</div>
<div class="bt delbtn">Delete</div>
<div class="bt delbtn ">Delete</div>
</div>
</div>
<div class="address-group bill">
<div class="row choose verCenter">
Billing Address
</div>
<div class="info row">
<span class="name">Michael Jordan</span>
<span class="app">Apple inc</span>
<span class="email">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="addre row">
<span>79, 105 Center Street, Queens, New York City</span>
<div class="xrdata">
<!-- <div class="info row">
<span class="name">Michael Jordan</span>
<span class="app">Apple inc</span>
<span class="email">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="addre row">
<span>79, 105 Center Street, Queens, New York City</span>
</div> -->
</div>
<div class="handle-box row">
<div class="bts choosebtadress">Choose Another Address</div>
<div class="bts choosebtadress" guid="2">Choose Another Address</div>
</div>
</div>
</div>
......@@ -72,70 +70,15 @@
<div class="th w120">Ext. Price</div>
<div class="th">Remark</div>
</div>
<div class="tbody boxsiz">
<div class="tr row">
<div class="td w70">
1
</div>
<div class="td w184">STTH1L06A</div>
<div class="td w176">Manufacturers:Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w116">
100
</div>
<div class="td w123">10000</div>
<div class="td w120">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row sxbox">
<div class="td w70">
2
</div>
<div class="td w184">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w176">
Manufacturers:Yageo
<div class="sx">Invalid Model</div>
</div>
<div class="td w153">2-5 workdays</div>
<div class="td w116">
100
</div>
<div class="td w123">10000</div>
<div class="td w120">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row">
<div class="td w70">
1
</div>
<div class="td w184">STTH1L06A</div>
<div class="td w176">Manufacturers:Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w116">
100
</div>
<div class="td w123">10000</div>
<div class="td w120">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tbody boxsiz tbodycars">
</div>
</div>
<div class="jsInfo boxsiz">
<div class="row jsitem notip">
<div class="tcon row bothSide">
<span class="tt">Merchandise Total</span>
<span class="price">$509.71</span>
<span class="price">$<span class="goods_total">0.00</span></span>
</div>
</div>
<div class="row jsitem">
......@@ -164,13 +107,13 @@
</div>
<div class="row jsitem notip">
<div class="tcon row bothSide">
<span class="tt">Subtotal(3 item)</span>
<span class="total f-red">$509.71</span>
<span class="tt">Subtotal(<b class="selectcount">0</b> item)</span>
<span class="total f-red">$<span class="pay_total">0.00</span></span>
</div>
</div>
</div>
<div class="submit">Place Order</div>
<div class="submit ordercreates">Place Order</div>
</div>
</div>
</div>
......@@ -269,41 +212,56 @@
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w45">NO.</div>
<div class="th w130">Part NO.</div>
<div class="th w210">NAME</div>
<div class="th w153">COMPANY NAME</div>
<div class="th w148">EMAIL</div>
<div class="th w122">TELEPHONE</div>
<div class="th w150">ADDRESS</div>
</div>
<div class="tbody boxsiz scrollbar">
<div class="tr row boxsiz">
<div class="td w45">1</div>
<div class="td w130">STTH1L06A</div>
<div class="td w210">Manufacturers:Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w148"> 100</div>
<div class="td w122">10000</div>
<div class="td w150">asasd </div>
</div>
<div class="tr act row boxsiz">
<div class="td w45">1</div>
<div class="td w130">STTH1L06A</div>
<div class="td w210">Manufacturers:Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w148"> 100</div>
<div class="td w122">10000</div>
<div class="td w150">asasd </div>
</div>
<div class="tbody choosetbodys boxsiz scrollbar">
</div>
</div>
<div class="choosesubmit">Confirm</div>
</div>
@endsection
@verbatim
<script id="DataTmp" type="text/html">
{{each data value index}}
<div class="tr row {{if value.status==-1}}sxbox{{/if}}" cart_id="{{value.cart_id}}" numcar="{{value.buy_number}}" goods_id="{{value.goods_id}}">
<div class="td w70">
{{index+1}}
</div>
<div class="td w184">
{{value.goods_name}}
{{if value.pdf}}
<a class="pdf" href="{{value.pdf}}" target="_blank"><i class="icon iconfont icon-PDF"></i></a>
{{/if}}
</div>
<div class="td w176">
Manufacturers:{{value.brand_name}}
{{if value.status==-1}}
<div class="sx">Invalid Model</div>
{{/if}}
</div>
<div class="td w153">{{value.hk_delivery_time}}</div>
<div class="td w116 numcar">
{{value.buy_number}}
</div>
<div class="td w123">$<span class="rowdj">{{value.buy_price}}</span></div>
<div class="td w120">$<span class="rowxj">{{value.ext_price}}</span></div>
<div class="td">
<input type="text" value="" class="remarkcar">
</div>
</div>
{{/each}}
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/car/confirm.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
......@@ -4,6 +4,7 @@
@endsection
@section('body')
<textarea id="domainxksearch" style="position: fixed;right:9999px;"></textarea>
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
......@@ -27,7 +28,7 @@
<div class="csec boxsiz clear">
@foreach($classification['children'] as $class)
<a href="/class/{{$class['class_id']}}">{{$class['class_name_en']}}({{$class['sku_number']}})</a>
<a href="/class/{{$class['class_id']}}" >{{$class['class_name_en']}}({{$class['sku_number']}})</a>
@endforeach
</div>
</div>
......@@ -77,7 +78,7 @@
</div>
<div class="data-td">
</div>
<div class="M-pagebox"></div>
<div class="M-pagebox row rowCenter"></div>
</div>
</div>
</div>
......@@ -108,13 +109,13 @@
<div> Min:{{value.moq}} <span class="mult">Mult:{{value.mult}} </span></div>
<div> Full Reel:{{value.mpq}} </div>
</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
<div class="td w140">{{value.hk_delivery_time||" "}}</div>
<div class="th w180">
<div class="price-jt">
{{each value['ladder_price'] val i}}
<div class="price-group row" purchases="{{val.purchases}}">
<div class="jtpr">{{val.purchases}}+</div>
<div class="jtpc">${{val.price_us}}</div>
<div class="jtpc">$<span class="jtpcval">{{val.price_us}}</span></div>
</div>
{{/each}}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
......@@ -124,7 +125,7 @@
</div>
<div class="td">
<div class="input-box ">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" value="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
</div>
<div class="total-price">
......
......@@ -7,6 +7,7 @@
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
<textarea id="domainxksearch" style="position: fixed;right:9999px;"></textarea>
<div class="searchbox w1200">
<div class="bread-menu row boxsiz">
<a href="/mall">Home</a>
......@@ -71,7 +72,7 @@
</div>
<div class="M-pagebox"></div>
<div class="M-pagebox row rowCenter"></div>
</div>
</div>
</div>
......@@ -103,13 +104,13 @@
<div> Min:{{value.moq}} <span class="mult">Mult:{{value.mult}} </span></div>
<div> Full Reel:{{value.mpq}} </div>
</div>
<div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
<div class="td w140">{{value.hk_delivery_time||" "}}</div>
<div class="th w180">
<div class="price-jt">
{{each value['ladder_price'] val i}}
<div class="price-group row" purchases="{{val.purchases}}">
<div class="jtpr">{{val.purchases}}+</div>
<div class="jtpc">${{val.price_us}}</div>
<div class="jtpc">$<span class="jtpcval">{{val.price_us}}</span></div>
</div>
{{/each}}
{{if !value['ladder_price']|| value['ladder_price'].length==0}}
......@@ -119,7 +120,7 @@
</div>
<div class="td">
<div class="input-box ">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" value="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
<div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
</div>
<div class="total-price">
......
......@@ -29,17 +29,17 @@
<div class="nav row inuirynavs">
<div class="item act " guid="">
<div class="row rowCenter">
<div>All</div><span>(2)</span>
<div>All</div><span>({{$statusCount['all']}})</span>
</div>
</div>
<div class="item " guid="0">
<div class="row rowCenter">
<div>Pending</div><span>(2)</span>
<div>Pending</div><span>({{$statusCount['pending']}})</span>
</div>
</div>
<div class="item " guid="1">
<div class="row rowCenter">
<div>Replied</div><span>(2)</span>
<div>Replied</div><span>({{$statusCount['processed']}})</span>
</div>
</div>
</div>
......
......@@ -3,6 +3,7 @@
<link rel="stylesheet" href="{{$public}}/assets/css/user/order.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
......@@ -17,8 +18,8 @@
<span>My Orders </span>
</div>
<div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search in the results">
<span class="icon ordersearchbtnsas"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search" class="userOrderS">
</div>
</div>
<div class="cons row bothSide">
......@@ -31,202 +32,54 @@
</div>
<div class="user-right boxsiz">
<div class="nav row">
<div class="item act ">
<div class="item act " guid="0">
<div class="row rowCenter">
<div>All</div><span>(2)</span>
<div>All</div><span>(0)</span>
</div>
</div>
<div class="item row">
<div class="item row" guid="1">
<div>
<div class="tt">Waiting for</div>
<div>approval</div>
</div>
<span>(100)</span>
<span>(0)</span>
</div>
<div class="item row">
<div class="item row" guid="2">
<div>
<div class="tt">Waiting for</div>
<div>payment</div>
</div>
<span>(100)</span>
<span>(0)</span>
</div>
<div class="item row">
<div class="item row" guid="4">
<div>
<div class="tt">Waiting for</div>
<div>dispatch</div>
</div>
<span>(100)</span>
<span>(0)</span>
</div>
<div class="item row">
<div class="item row" guid="8">
<div>
<div class="tt">Waiting for</div>
<div>delivery</div>
</div>
<span>(100)</span>
<span>(0)</span>
</div>
<div class="item row">
<div class="item row" guid="10">
<div>
<div>Transaction</div>
<div>Complete</div>
</div>
<span>(100)</span>
<span>(0)</span>
</div>
<div class="item">
<div class="item" guid="-1">
<div class="row rowCenter">Cancelled<span>(2)</span></div>
</div>
</div>
<div class="list-table">
<div class="tr">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>2022-10-10</span>
<span class="ordersn">Order No.:1234567890</span>
<span>Please complete your payment within <span class="fo">23 hours 45 minutes 58 seconds</span></span>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div>
</div>
<div class="list-table orderdataboxs">
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">MPX5700ASX-ND
MLF2012E100JT000
MLF2012E100JT000
12 items in total</div>
<div class="td w98">$88888.62</div>
<div class="td w168">Waiting for payment</div>
<div class="td w189">Receiver:Edward
E-mail:abcd@aaa.com
Phone:000-000-0000</div>
<div class="td w239">78,Building 15 Queen Avenue,
New York, USA</div>
<div class="td w150">
<div class="btnsi">Buy Again</div>
<div class="btnsi paybtn">Pay</div>
<div class="btnsi cancelbtn">Cancel Order</div>
</div>
</div>
</div>
</div>
<div class="tr">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>2022-10-10</span>
<span class="ordersn">Order No.:1234567890</span>
<span>Please complete your payment within <span class="fo">23 hours 45 minutes 58 seconds</span></span>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div>
</div>
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">MPX5700ASX-ND
MLF2012E100JT000
MLF2012E100JT000
12 items in total</div>
<div class="td w98">$88888.62</div>
<div class="td w168">Waiting for payment</div>
<div class="td w189">Receiver:Edward
E-mail:abcd@aaa.com
Phone:000-000-0000</div>
<div class="td w239">78,Building 15 Queen Avenue,
New York, USA</div>
<div class="td w150">
<div class="btnsi">Buy Again</div>
<div class="btnsi paybtn">Pay</div>
<div class="btnsi cancelbtn">Cancel Order</div>
</div>
</div>
</div>
</div>
<div class="tr">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>2022-10-10</span>
<span class="ordersn">Order No.:1234567890</span>
<span>Please complete your payment within <span class="fo">23 hours 45 minutes 58 seconds</span></span>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div>
</div>
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">MPX5700ASX-ND
MLF2012E100JT000
MLF2012E100JT000
12 items in total</div>
<div class="td w98">$88888.62</div>
<div class="td w168">Waiting for payment</div>
<div class="td w189">Receiver:Edward
E-mail:abcd@aaa.com
Phone:000-000-0000</div>
<div class="td w239">78,Building 15 Queen Avenue,
New York, USA</div>
<div class="td w150">
<div class="btnsi">Buy Again</div>
<div class="btnsi paybtn">Pay</div>
<div class="btnsi cancelbtn">Cancel Order</div>
</div>
</div>
</div>
</div>
</div>
<div class="M-pagebox row rowCenter"></div>
</div>
</div>
</div>
......@@ -234,6 +87,136 @@
</div>
@endsection
<!--支付弹窗-->
<div class="payDetailPop" style="display:none;">
<div class="paybox">
<div class="inputboxp">
<div class="checkbox row">
<div class="check-group row act check-group-payp" guid="1">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>Paypal</span>
</div>
<div class="check-group row check-group-payp" guid="2">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>TT</span>
</div>
</div>
</div>
<div class="pcons">
<div class="paygroup">
Merchandise Total:$<span class="merchandise_pay">0.00</span>
</div>
<div class="paygroup">
Shipping:$<span class="shipping_pay">0.00</span>
</div>
<div class="paygroup">
Payment Surcharge:$<span class="ps_pay">0.00</span>
</div>
<div class="paygroup">
Subtotal ( <span class="goods_num_pay">0</span> item ):$<span class="subtotal_pay">0.00</span>
</div>
<div class="ttbox zftai" style="display:none;">
<div class="paygroup">
Paypal Account Number:<span class="paypal"></span>
</div>
</div>
<div class="ppbox zftai">
<div class="h6">Bank Information</div>
<div class="paygroup">
Bank Name: <span class="ttl_bank_name"></span>
</div>
<div class="paygroup">
Bank address: <span class="ttl_bank_address"></span>
</div>
<div class="paygroup">
Swift Code: <span class="ttl_swift_code"></span>
</div>
<div class="paygroup">
Company Name: <span class="ttl_company_name"></span>
</div>
<div class="paygroup">
Account No: <span class="ttl_account_no"></span>
</div>
</div>
</div>
</div>
</div>
@verbatim
<script id="payHtml" type="text/html">
</script>
<script id="DataTmp" type="text/html">
{{each data value index}}
<a class="tr trgo" data-href="/user/orderDetail?order_id={{value.order_id}}">
<div class="titletr boxsiz">
<div class="row bothSide">
<div class="row">
<span>{{value.create_time}}</span>
<span class="ordersn">Order No.:{{value.order_sn}}</span>
<span>Please complete your payment before <span class="fo">{{value.over_time}}</span> </span>
</div>
<!-- <div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
PI
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
CI
</a>
</div> -->
</div>
</div>
<div class="contr">
<div class="th-group row boxsiz">
<div class="th w159">Items</div>
<div class="th w98">Ext. Price</div>
<div class="th w168">Status</div>
<div class="th w189">Contact Details</div>
<div class="th w239">Shipping Address</div>
<div class="th w150">Options</div>
</div>
<div class="td-group row boxsiz">
<div class="td w159">
{{each value.goods_name_arr value1 index}}
<div class="">{{value1}}</div>
{{/each}}
</div>
<div class="td w98">${{value.order_amount}}</div>
<div class="td w168">{{value.status_en}}</div>
<div class="td w189">
<div>Receiver:{{value.receiver}}</div>
<div>Email:{{value.email}}</div>
<div>Phone:{{value.phone}}</div>
</div>
<div class="td w239">{{value.shipping_address}}</div>
<div class="td w150">
<!-- <div class="btnsi">Buy Again</div> -->
{{if (value.status==1||value.status==2)}}
<div class="btnsi cancelbtn" guid="{{value.order_id}}">Cancel Order</div>
{{else}}
<div class="btnsi paybtn" merchandise_pay="{{value.merchandise_total}}" shipping_pay="{{value.shipping}}" ps_pay="{{value.payment_surcharge}}" goods_num_pay="{{value.goods_name_arr.length}}" subtotal_pay="{{value.sub_total}}" >Pay</div>
{{/if}}
</div>
</div>
</div>
</a>
{{/each}}
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/user/order.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment