Skip to content

semour / semour_web

Go to a project
Commit c3180025 by 肖康
Options

订单详情

parent 7753398e
Inline Side-by-side
Showing with 168 additions and 124 deletions
public/assets/css/common/common.less
......@@ -855,7 +855,7 @@
&.lastitem{border:0px;}
p {
&.w150{width:150px;}
font-size : 14px;
font-size : 15px;
font-weight : bold;
margin-bottom: 26px;
}
......
public/assets/css/common/common.min.css
@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
@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:15px;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
public/assets/css/user/orderdetail.less
......@@ -79,6 +79,9 @@
&.step6 {
background: url(../../images/user/step6.png) no-repeat;
}
&.step7 {
background: url(../../images/user/step7.png) no-repeat;
}
}
.staustime {
......
public/assets/css/user/orderdetail.min.css
.orderdetailbox .user-right{width:1024px;min-height:500px;background:#FFFFFF;padding-bottom:30px}.orderdetailbox .user-right .head{height:22px;line-height:22px;padding:0 28px;padding-top:28px}.orderdetailbox .user-right .head .ordersn{font-size:16px;color:#222;font-weight:bold}.orderdetailbox .user-right .head .sale{color:#174D9A;font-size:14px;margin-left:60px}.orderdetailbox .user-right .head .down{display:block;color:#555;height:22px;font-size:14px;cursor:pointer}.orderdetailbox .user-right .head .down i{font-size:22px;margin-left:40px}.orderdetailbox .user-right .head .down span{margin-right:4px;position:relative;top:-3px}.orderdetailbox .user-right .head .down:hover{color:#174D9A}.orderdetailbox .user-right .stausbox{margin-top:44px}.orderdetailbox .user-right .stausbox .stausimg{width:940px;height:80px;margin:0 auto}.orderdetailbox .user-right .stausbox .stausimg.step1{background:url(../../images/user/step1.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step2{background:url(../../images/user/step2.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step3{background:url(../../images/user/step3.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step4{background:url(../../images/user/step4.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step5{background:url(../../images/user/step5.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step6{background:url(../../images/user/step6.png) no-repeat}.orderdetailbox .user-right .stausbox .staustime{margin-top:6px;color:#666;font-size:14px}.orderdetailbox .user-right .stausbox .staustime div{width:72px;text-align:center;position:relative}.orderdetailbox .user-right .stausbox .staustime div.left10{left:-10px}.orderdetailbox .user-right .stausbox .staustime div.left8{left:-8px}.orderdetailbox .user-right .stausbox .staustime div.left5{left:-5px}.orderdetailbox .user-right .stausbox .staustime div.left1{left:5px}.orderdetailbox .user-right .h3{font-size:16px;font-weight:bold;color:#222;padding:0 28px;margin-top:50px;margin-bottom:20px}.orderdetailbox .user-right .list-table1{width:974px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.orderdetailbox .user-right .list-table1 .w47{width:47px}.orderdetailbox .user-right .list-table1 .w184{width:184px}.orderdetailbox .user-right .list-table1 .w155{width:155px}.orderdetailbox .user-right .list-table1 .w120{width:120px}.orderdetailbox .user-right .list-table1 .w88{width:88px}.orderdetailbox .user-right .list-table1 .w103{width:103px}.orderdetailbox .user-right .list-table1 .w100{width:100px}.orderdetailbox .user-right .list-table1 .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.orderdetailbox .user-right .list-table1 .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.orderdetailbox .user-right .list-table1 .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.orderdetailbox .user-right .list-table1 .tbody input{width:132px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.orderdetailbox .user-right .list-table1 .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.orderdetailbox .user-right .list-table1 .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.orderdetailbox .user-right .list-table1 .tbody .tr:last-child{border:0px}.orderdetailbox .user-right .list-table1 .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.orderdetailbox .user-right .list-table1 .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.orderdetailbox .user-right .list-table1 .tbody .pdf{color:#F68332;font-size:20px}.orderdetailbox .user-right .list-table1 .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}.orderdetailbox .user-right .bot{width:974px;margin:0 auto;margin-top:20px}.orderdetailbox .user-right .bot .info-group{width:487px;margin-bottom:20px}.orderdetailbox .user-right .bot .info-group.rp{width:974px}.orderdetailbox .user-right .bot .info-group .ht{font-size:16px;color:#222;font-weight:bold;margin-bottom:10px}.orderdetailbox .user-right .bot .info-group .ml20{margin-left:30px}.orderdetailbox .user-right .bot .info-group .hcon{font-size:14px;color:#555;padding-left:18px}.orderdetailbox .user-right .bot .info-group p{line-height:30px}.orderdetailbox .salebox{padding:20px}.orderdetailbox .salebox .sale-head{font-size:16px;color:#222;height:36px;line-height:36px}.orderdetailbox .salebox .sale-head span{font-weight:bold}.orderdetailbox .salebox .sale-head .icarrow{color:#174D9A;margin-right:398px;position:relative;top:-2px;cursor:pointer}.orderdetailbox .salebox .h4{font-size:16px;color:#333;font-weight:bold;margin-top:15px}.orderdetailbox .salebox .list-table{margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.orderdetailbox .salebox .list-table .w43{width:43px}.orderdetailbox .salebox .list-table .w100{width:100px}.orderdetailbox .salebox .list-table .w80{width:80px}.orderdetailbox .salebox .list-table .w90{width:90px}.orderdetailbox .salebox .list-table .w110{width:110px}.orderdetailbox .salebox .list-table .w120{width:120px}.orderdetailbox .salebox .list-table .w130{width:130px}.orderdetailbox .salebox .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px}.orderdetailbox .salebox .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding:0 3px;text-align:center}.orderdetailbox .salebox .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.orderdetailbox .salebox .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:10px 0px;box-sizing:border-box}.orderdetailbox .salebox .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding:0 3px;text-align:center}.orderdetailbox .salebox .list-table .tbody .tr:last-child{border:0px}.orderdetailbox .salebox .sale-total{font-size:14px;color:#222;font-weight:bold;text-align:right;margin-top:20px}.orderdetailbox .salebox .sale-total span{font-weight:bold}.orderdetailbox .salebox .address-group{padding:0 15px;font-size:14px;color:#555;position:relative}.orderdetailbox .salebox .address-group .info{margin-top:22px}.orderdetailbox .salebox .address-group .info .name{min-width:159px;margin-right:70px}.orderdetailbox .salebox .address-group .info .email{margin-left:70px;margin-right:70px}.orderdetailbox .salebox .address-group .addre{height:32px;line-height:32px;margin-top:23px}.orderdetailbox .salebox .address-group .edit-shipping-btn{width:74px;height:32px;background:#164D9A;border-radius:8px;line-height:32px;text-align:center;color:#fff;cursor:pointer;position:absolute;top:-10px;right:50px}.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}.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
.orderdetailbox .user-right{width:1024px;min-height:500px;background:#FFFFFF;padding-bottom:30px}.orderdetailbox .user-right .head{height:22px;line-height:22px;padding:0 28px;padding-top:28px}.orderdetailbox .user-right .head .ordersn{font-size:16px;color:#222;font-weight:bold}.orderdetailbox .user-right .head .sale{color:#174D9A;font-size:14px;margin-left:60px}.orderdetailbox .user-right .head .down{display:block;color:#555;height:22px;font-size:14px;cursor:pointer}.orderdetailbox .user-right .head .down i{font-size:22px;margin-left:40px}.orderdetailbox .user-right .head .down span{margin-right:4px;position:relative;top:-3px}.orderdetailbox .user-right .head .down:hover{color:#174D9A}.orderdetailbox .user-right .stausbox{margin-top:44px}.orderdetailbox .user-right .stausbox .stausimg{width:940px;height:80px;margin:0 auto}.orderdetailbox .user-right .stausbox .stausimg.step1{background:url(../../images/user/step1.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step2{background:url(../../images/user/step2.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step3{background:url(../../images/user/step3.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step4{background:url(../../images/user/step4.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step5{background:url(../../images/user/step5.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step6{background:url(../../images/user/step6.png) no-repeat}.orderdetailbox .user-right .stausbox .stausimg.step7{background:url(../../images/user/step7.png) no-repeat}.orderdetailbox .user-right .stausbox .staustime{margin-top:6px;color:#666;font-size:14px}.orderdetailbox .user-right .stausbox .staustime div{width:72px;text-align:center;position:relative}.orderdetailbox .user-right .stausbox .staustime div.left10{left:-10px}.orderdetailbox .user-right .stausbox .staustime div.left8{left:-8px}.orderdetailbox .user-right .stausbox .staustime div.left5{left:-5px}.orderdetailbox .user-right .stausbox .staustime div.left1{left:5px}.orderdetailbox .user-right .h3{font-size:16px;font-weight:bold;color:#222;padding:0 28px;margin-top:50px;margin-bottom:20px}.orderdetailbox .user-right .list-table1{width:974px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.orderdetailbox .user-right .list-table1 .w47{width:47px}.orderdetailbox .user-right .list-table1 .w184{width:184px}.orderdetailbox .user-right .list-table1 .w155{width:155px}.orderdetailbox .user-right .list-table1 .w120{width:120px}.orderdetailbox .user-right .list-table1 .w88{width:88px}.orderdetailbox .user-right .list-table1 .w103{width:103px}.orderdetailbox .user-right .list-table1 .w100{width:100px}.orderdetailbox .user-right .list-table1 .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.orderdetailbox .user-right .list-table1 .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.orderdetailbox .user-right .list-table1 .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.orderdetailbox .user-right .list-table1 .tbody input{width:132px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.orderdetailbox .user-right .list-table1 .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.orderdetailbox .user-right .list-table1 .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.orderdetailbox .user-right .list-table1 .tbody .tr:last-child{border:0px}.orderdetailbox .user-right .list-table1 .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.orderdetailbox .user-right .list-table1 .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.orderdetailbox .user-right .list-table1 .tbody .pdf{color:#F68332;font-size:20px}.orderdetailbox .user-right .list-table1 .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}.orderdetailbox .user-right .bot{width:974px;margin:0 auto;margin-top:20px}.orderdetailbox .user-right .bot .info-group{width:487px;margin-bottom:20px}.orderdetailbox .user-right .bot .info-group.rp{width:974px}.orderdetailbox .user-right .bot .info-group .ht{font-size:16px;color:#222;font-weight:bold;margin-bottom:10px}.orderdetailbox .user-right .bot .info-group .ml20{margin-left:30px}.orderdetailbox .user-right .bot .info-group .hcon{font-size:14px;color:#555;padding-left:18px}.orderdetailbox .user-right .bot .info-group p{line-height:30px}.orderdetailbox .salebox{padding:20px}.orderdetailbox .salebox .sale-head{font-size:16px;color:#222;height:36px;line-height:36px}.orderdetailbox .salebox .sale-head span{font-weight:bold}.orderdetailbox .salebox .sale-head .icarrow{color:#174D9A;margin-right:398px;position:relative;top:-2px;cursor:pointer}.orderdetailbox .salebox .h4{font-size:16px;color:#333;font-weight:bold;margin-top:15px}.orderdetailbox .salebox .list-table{margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.orderdetailbox .salebox .list-table .w43{width:43px}.orderdetailbox .salebox .list-table .w100{width:100px}.orderdetailbox .salebox .list-table .w80{width:80px}.orderdetailbox .salebox .list-table .w90{width:90px}.orderdetailbox .salebox .list-table .w110{width:110px}.orderdetailbox .salebox .list-table .w120{width:120px}.orderdetailbox .salebox .list-table .w130{width:130px}.orderdetailbox .salebox .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px}.orderdetailbox .salebox .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding:0 3px;text-align:center}.orderdetailbox .salebox .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.orderdetailbox .salebox .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:10px 0px;box-sizing:border-box}.orderdetailbox .salebox .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding:0 3px;text-align:center}.orderdetailbox .salebox .list-table .tbody .tr:last-child{border:0px}.orderdetailbox .salebox .sale-total{font-size:14px;color:#222;font-weight:bold;text-align:right;margin-top:20px}.orderdetailbox .salebox .sale-total span{font-weight:bold}.orderdetailbox .salebox .address-group{padding:0 15px;font-size:14px;color:#555;position:relative}.orderdetailbox .salebox .address-group .info{margin-top:22px}.orderdetailbox .salebox .address-group .info .name{min-width:159px;margin-right:70px}.orderdetailbox .salebox .address-group .info .email{margin-left:70px;margin-right:70px}.orderdetailbox .salebox .address-group .addre{height:32px;line-height:32px;margin-top:23px}.orderdetailbox .salebox .address-group .edit-shipping-btn{width:74px;height:32px;background:#164D9A;border-radius:8px;line-height:32px;text-align:center;color:#fff;cursor:pointer;position:absolute;top:-10px;right:50px}.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}.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
public/assets/js/user/orderdetail.js
define('orderDetail', ['liexin_pop','tool'], function (require, exports, module) {
define('orderDetail', ['liexin_pop','tool','artTemplate'], function (require, exports, module) {
var liexin_pop = require("liexin_pop");
var tool = require("tool");
var orderDetail = {
init: function () {
orderDetail.handle();
orderDetail.getData()
},
getData:function(){
$.liexin_ajax('/api/order/orderDetail', 'POST', {order_id:tool.getRequest("order_id")}, function (res) {
if (res.code == 0) {
var json_=res.data
var html = template('DataTmp', json_);
console.log(json_)
$(".orderdetailboxs").html(html);
} else {
liexin_pop.Tip({ title: res.msg })
}
})
},
handle: function () {
$(".detailbox .sale").click(function(){
......@@ -15,6 +29,7 @@ define('orderDetail', ['liexin_pop','tool'], function (require, exports, module)
$(".user-right ").hide();
$(".detailbox").show();
})
//切换属性
$("body").on("click", ".check-group", function () {
$(".verifyBox").find(".check-group").removeClass("act")
......
resources/views/user/order.blade.php
......@@ -149,9 +149,7 @@
@verbatim
<script id="payHtml" type="text/html">
</script>
<script id="DataTmp" type="text/html">
......
resources/views/user/orderDetail.blade.php
......@@ -25,123 +25,8 @@
<a class="li " href="/user/inquiry">My RFQ</a>
<a class="li " href="/user/account">My Account</a>
</div>
<div class="user-right boxsiz detailbox" >
<div class="head row bothSide">
<div class="row">
<span class="ordersn">Order No#：1234567890</span>
<a href="javascript:void(0)" class="sale">After-sales Record</a>
</div>
<div class="row">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
<span>PI</span>
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
<span>CI</span>
</a>
</div>
</div>
<div class="stausbox">
<div class="stausimg step2"></div>
<div class="staustime row avarage">
<div class="left8">2022-10-10 12:00:00</div>
<div class="left10">2022-10-10 12:00:00</div>
<div class="left5">2022-10-10 12:00:00</div>
<div>2022-10-10 12:00:00</div>
<div>2022-10-10 12:00:00</div>
<div class="left1">2022-10-10 12:00:00</div>
</div>
</div>
<div class="h3">Items</div>
<div class="list-table1">
<div class="thead row boxsiz">
<div class="th w47">
NO.
</div>
<div class="th w155">Part NO.</div>
<div class="th w184">Details</div>
<div class="th w120">Delivery date</div>
<div class="th w88">Quantity</div>
<div class="th w103">Unit Price</div>
<div class="th w100">Ext. Price</div>
<div class="th">Remark</div>
</div>
<div class="tbody boxsiz">
<div class="tr row">
<div class="td w47">
1
</div>
<div class="td w155">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w184">Manufacturers：Yageo</div>
<div class="td w120">2-5 workdays</div>
<div class="td w88">
100
</div>
<div class="td w103">10000</div>
<div class="td w100">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row">
<div class="td w47">
1
</div>
<div class="td w155">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w184">Manufacturers：Yageo</div>
<div class="td w120">2-5 workdays</div>
<div class="td w88">
100
</div>
<div class="td w103">10000</div>
<div class="td w100">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="user-right boxsiz detailbox orderdetailboxs">
</div>
</div>
<div class="bot ">
<div class="row">
<div class="info-group">
<div class="ht">Shipping Address</div>
<div class="hcon">
<p>DHL：1234567890</p>
<p><span>Michael Jordan</span> <span class="ml20">Apple inc</span></p>
<p><span>123456@qq.com</span> <span class="ml20">000-000-000-XXXX</span></p>
<p>79, 105 Center Street, Queens, New York City.</p>
</div>
</div>
<div class="info-group">
<div class="ht">Billing Address</div>
<div class="hcon">
<p>DHL：1234567890</p>
<p><span>Michael Jordan</span> <span class="ml20">Apple inc</span></p>
<p><span>123456@qq.com</span> <span class="ml20">000-000-000-XXXX</span></p>
<p>79, 105 Center Street, Queens, New York City.</p>
</div>
</div>
</div>
<div class="info-group rp">
<div class="ht">Settlement Information</div>
<div class="hcon">
<p>Merchandise Total：$2600.35 <span class="ml20">Shipping：$20</span> <span class="ml20">Payment Surcharge：$20</span></p>
<p>Subtotal（3item）：$20</p>
</div>
</div>
</div>
</div>
<div class="user-right boxsiz salebox" style="display:none;">
<div class="sale-head row">
......@@ -294,6 +179,148 @@
</div>
</div>
@verbatim
<script id="DataTmp" type="text/html">
<div class="head row bothSide">
<div class="row">
<span class="ordersn">Order No#：{{order_sn}}</span>
<a href="javascript:void(0)" class="sale">After-sales Record</a>
</div>
<div class="row" style="display:none">
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
<span>PI</span>
</a>
<a class="down">
<i class="icon iconfont icon-xiazai"></i>
<span>CI</span>
</a>
</div>
</div>
<div class="stausbox">
{{if status==1}}
<div class="stausimg step2"></div>
{{else if status==2}}
<div class="stausimg step3"></div>
{{else if status==4}}
<div class="stausimg step4"></div>
{{else if status==8}}
<div class="stausimg step5"></div>
{{else if status==10}}
<div class="stausimg step6"></div>
{{else if status==-1}}
<div class="stausimg step7"></div>
{{/if}}
<div class="staustime row avarage">
<div class="left8">2022-10-10 12:00:00</div>
<div class="left10">2022-10-10 12:00:00</div>
<div class="left5">2022-10-10 12:00:00</div>
{{if status==-1}}
<div>取消时间</div>
{{else}}
<div>2022-10-10 12:00:00</div>
{{/if}}
<div>2022-10-10 12:00:00</div>
<div class="left1">2022-10-10 12:00:00</div>
</div>
</div>
<div class="h3">Items</div>
<div class="list-table1">
<div class="thead row boxsiz">
<div class="th w47">
NO.
</div>
<div class="th w155">Part NO.</div>
<div class="th w184">Details</div>
<div class="th w120">Delivery date</div>
<div class="th w88">Quantity</div>
<div class="th w103">Unit Price</div>
<div class="th w100">Ext. Price</div>
<div class="th">Remark</div>
</div>
<div class="tbody boxsiz">
<div class="tr row">
<div class="td w47">
1
</div>
<div class="td w155">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w184">Manufacturers：Yageo</div>
<div class="td w120">2-5 workdays</div>
<div class="td w88">
100
</div>
<div class="td w103">10000</div>
<div class="td w100">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row">
<div class="td w47">
1
</div>
<div class="td w155">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w184">Manufacturers：Yageo</div>
<div class="td w120">2-5 workdays</div>
<div class="td w88">
100
</div>
<div class="td w103">10000</div>
<div class="td w100">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
</div>
</div>
<div class="bot ">
<div class="row">
<div class="info-group">
<div class="ht">Shipping Address</div>
<div class="hcon">
<p>DHL：{{shipping_address.shipping_sn}}</p>
<p><span>{{shipping_address.shipping_name}}</span> <span class="ml20">{{shipping_address.company_name}}</span></p>
<p><span>{{shipping_address.email}}</span> <span class="ml20">{{shipping_address.phone}}</span></p>
<p>{{shipping_address.detail_address}}</p>
</div>
</div>
<div class="info-group">
<div class="ht">Billing Address</div>
<div class="hcon">
<p>DHL：{{billing_address.shipping_sn}}</p>
<p><span>{{billing_address.shipping_name}}</span> <span class="ml20">{{billing_address.company_name}}</span></p>
<p><span>{{billing_address.email}}</span> <span class="ml20">{{billing_address.phone}}</span></p>
<p>{{billing_address.detail_address}}</p>
</div>
</div>
</div>
<div class="info-group rp">
<div class="ht">Settlement Information</div>
<div class="hcon">
<p>Merchandise Total：${{merchandise_total}} <span class="ml20">Shipping：${{shipping}} </span> <span class="ml20">Payment Surcharge：${{payment_surcharge}}</span></p>
<p>Subtotal（3item）：${{sub_total}}</p>
</div>
</div>
</div>
</script>
@endverbatim
@section('js')
<script src="{{$public}}/assets/js/user/orderdetail.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