@charset "utf-8"; body{ background: #f5f5f5; } /*address1页面*/ /*收货地1址整体*/ .address1{ width: 100%; height: 39.43rem; } /*收货地址1中部*/ .address1 .address1-middle{ width: 100%; height: 37.18rem; background-color: #F5F5F5; padding-top: 0.700rem; } .address1-middle .address1-middle-site{ width: 100%; height: auto; background-color: #fff; border-top:1px solid #eee; border-bottom:1px solid #eee; padding-left:0.65rem; padding-right:0.65rem; } .address1-middle .address1-middle-site .site-list{ width: 100%; height: 5.57rem; border-bottom:1px solid #eee; } .address1-middle .address1-middle-site .site-list:last-child{ border-bottom:none; } .site-list span{ display: inline-block; height: 5.57rem; position: relative; float: left; } .site-list span:nth-child(1){ width: 2.00rem; } .site-list span:nth-child(1) em{ display: inline-block; width:1.45rem; height: 1.45rem; border:0.10rem solid #B1B1B1;/*此border为选择圆圈*/ border-radius:50%; background:none; position: absolute; top: 2.15rem; left:0; } .site-list span:nth-child(1) em.address_selected{ display: inline-block; width:1.45rem; height: 1.45rem; background:url(../images/selected.png) no-repeat; background-size:contain; border:none; position: absolute; top: 2.15rem; left:0; } .site-list span:nth-child(2){ width: 19.55rem; } .site-list span:nth-child(2)>em:nth-child(1){ display: inline-block; width: 100%; height: 2.11rem; line-height: 2.61rem; font-size:1.01rem; position: relative; padding-left: 0.11rem; } .site-list span:nth-child(2)>em:nth-child(1) em{ display: inline-block; width: 4.31rem; text-align: center; height: 1.11rem; line-height: 1.11rem; font-size:0.71rem; position: absolute; top: 0.81rem; left:10.51rem; border:0.08rem solid #f00; border-radius: 0.10rem; padding-left: 0.09rem; color:#f00; } .site-list span:nth-child(2)>em:nth-child(2){ display: inline-block; width: 100%; height: 1.41rem; line-height:1.61rem ; font-size:0.81rem; padding-left: 0.11rem; color: #767676; } .site-list span:nth-child(2)>em:nth-child(3){ display: inline-block; width: 100%; height: 1.11rem; line-height: 1.2rem; font-size:0.81rem; padding-left: 0.11rem; color: #767676; } .site-list span:nth-child(3){ width: 2.11rem; } .site-list span:nth-child(3) em{ display: inline-block; width:1.35rem; height: 1.35rem; background:url(../images/write.png) no-repeat; background-size:contain; position: absolute; top: 2.25rem; right:0.05rem; } .address1-middle .address1-middle-add{ width: 100%; height: 3.50rem; background-color: #fff; margin-top: 0.80rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-left:0.65rem; padding-right:0.65rem; } .address1-middle .address1-middle-add span:nth-child(1){ display: inline-block; width: 2.00rem; height: 100%; position: relative; float: left; } .address1-middle .address1-middle-add span:nth-child(1) em{ display: inline-block; width: 1.11rem; height: 1.11rem; background:url(../images/add.png) no-repeat; background-size:contain; /*background-color: rgba(255,255,255,0.3);*/ position: absolute; top: 1.18rem; left: 0.38rem; } .address1-middle .address1-middle-add span:nth-child(2){ display: inline-block; width: 7.00rem; height: 3.44rem; float: left; line-height: 3.34rem; text-align: center; } .address1-middle .address1-middle-add span:nth-child(3){ display: inline-block; width:1.00rem; height: 3.44rem; float: left; line-height: 3.34rem; text-align: center; font-size:1.55rem; position: relative; } .address1-middle .address1-middle-add span:nth-child(3) em{ display: inline-block; width: 1.11rem; height: 1.11rem; background:url(../images/gt.png) no-repeat; background-size:contain; position: absolute; top: 1.10rem; left: -.25rem; } /*收货地址1底部*/ .address1 .address1-bottom{ width: 100%; height: 3.250rem; background-color: #fff; box-shadow: 0 -0.1812rem 0.8rem 0.1212rem #efefef; position: fixed; bottom: 0; } .address1-bottom input{ display: inline-block; width: 8.30rem; height: 2.21rem; background-color: #EB3F2B; border-radius:1.5rem; border:none; position: absolute; top:0.44rem; left: 8.36rem; color:#fff; font-size:1.01rem; text-align: center; line-height: 2.21rem ; } .address1-bottom input:focus{ outline:none; } /*address2页面*/ /*收货地址2整体*/ .address2{ width: 100%; height: 39.43rem; position: absolute; top: 0; left: 0; overflow: hidden; } /*收货地址2中部*/ .address2 .address2-middle{ width: 100%; height:auto; background-color: #F5F5F5; padding-top: 0.700rem; } /********************设置可填写内容格式************************/ .address2 .address2-middle .address2-middle-msg{ width: 100%; background-color: #FFFFFF; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-left: 0.85rem; padding-right: 0.85rem; overflow: hidden; } .address2 .address2-middle .address2-middle-msg:nth-child(1){ height: 6.37rem; } .address2 .address2-middle .address2-middle-msg:nth-child(2){ height:auto; margin-top: 0.77rem; background-color: #FFFFFF; } .address2-middle .address2-middle-msg .middle-msg-box{ display: inline-block; width: 100%; height: 3.15rem; border-bottom: 1px solid #eee; float: left; } .address2-middle-msg .middle-msg-box:last-child{ border-bottom:none; } .address2-middle .address2-middle-msg:nth-child(2) .middle-msg-box:last-child{ height:auto; } .address2-middle-msg .middle-msg-box span{ display: inline-block; float: left; padding-top:0.90rem; } .address2-middle-msg .middle-msg-box span:nth-child(1){ width: 6.30rem; } .address2-middle-msg .middle-msg-box span:nth-child(2){ width: 17.00rem; } /********************设置可填写内容格式************************/ .address2-middle-msg .middle-msg-box label{ display: inline-block; width: 6.00rem; float: left; padding-top:0.90rem; } .address2-middle-msg .middle-msg-box input{ float: left; padding-top:0.90rem; border:none; outline: none; font-size:1.00rem; } .address2-middle-msg .middle-msg-box textarea{ display: inline-block; height:5.55rem; max-height:6.66rem; width:17.00rem; float: left; border:none; outline:none; resize:none; padding-top:0.90rem; overflow-y:hidden; font-size:1.00rem; } /********************设置可填写内容格式************************/ /*收货地2址底部*/ .address2 .address2-bottom{ width: 100%; height: 14.86rem; padding-left: 0.68rem; padding-top: 0.75rem; } .address2-bottom input{ display: block; width: 23.65rem; height: 3.07rem; background-color:#EB3E2D; border:none; float: left; color:#fff; text-align: center; font-size:1.00rem; line-height: 3.07rem; letter-spacing: 0.11rem; margin-bottom: 0.56rem; border-radius:0.15rem; } .address3-bottom input:nth-child(1){ background-color: #fff; color:#868A89; letter-spacing: 0.01rem; } .address2-bottom input:focus{ outline:none; } .address2-bottom input:last-child{ background-color: #fff; color:#868A89; } /*address3页面*/ .address3{ position: absolute; top: 0; left: 0; }