xinyi/public/static/css/address.css

@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;
}