You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
237 lines
4.0 KiB
237 lines
4.0 KiB
.p-banner{
|
|
width: 100%;
|
|
height: 227px;
|
|
background: url('../image/p-banner.jpg') center -48px no-repeat;
|
|
}
|
|
.p-middle{
|
|
width: 100%;
|
|
height: 663px;
|
|
position: relative;
|
|
}
|
|
|
|
.p-middle .n-box{
|
|
position: absolute;
|
|
top: -131px;
|
|
width: 1120px;
|
|
height: 576px;
|
|
background: #ffffff;
|
|
padding: 15px 40px;
|
|
}
|
|
.p-middle .n-box .name{
|
|
width: 1090px;
|
|
height: 22px;
|
|
line-height: 18px;
|
|
background: #fcf9f2;
|
|
font-size: 14px;
|
|
color: #484848;
|
|
text-align: left;
|
|
padding-left: 31px;
|
|
}
|
|
|
|
.p-middle .n-box .vip{
|
|
width: 1172px;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.p-middle .n-box .vip .box{
|
|
display: block;
|
|
width: 336px;
|
|
border: 2px solid #dcdcdc;
|
|
float: left;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mrg{margin: 0 50px;}
|
|
|
|
.p-middle .n-box .vip .chose{
|
|
border:2px solid #d7000f;
|
|
}
|
|
.p-middle .n-box .vip .gou{
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url('../image/pay.png') 0px 0px no-repeat;
|
|
}
|
|
.p-middle .n-box .vip .box .vip-name{
|
|
height: 48px;
|
|
line-height: 65px;
|
|
font-size: 20px;
|
|
color: #010101;
|
|
font-weight: bold;
|
|
}
|
|
.p-middle .n-box .vip .box .vip-tj{
|
|
position: absolute;
|
|
right: -6px;
|
|
top: -9px;
|
|
width: 63px;
|
|
height: 59px;
|
|
background: url(../image/tj.png) 0px 0px no-repeat;
|
|
}
|
|
.p-middle .n-box .vip .box .vip-name span{
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
vertical-align: 5px;
|
|
font-size: 12px;
|
|
line-height: 13px;
|
|
height: 13px;
|
|
width: 35px;
|
|
background: #5c82e2;
|
|
color: #ffffff;
|
|
}
|
|
.p-middle .n-box .vip .box .vip-money{
|
|
height: 43px;
|
|
line-height: 43px;
|
|
font-size: 40px;
|
|
color: #d7000f;
|
|
font-weight: bold;
|
|
font-family: Arial;
|
|
}
|
|
.p-middle .n-box .vip .box .yjia{
|
|
display: inline-block;
|
|
height: 43px;
|
|
line-height: 43px;
|
|
font-size: 16px;
|
|
color: #676666;
|
|
font-family: '微软雅黑';
|
|
font-weight: 500;
|
|
margin-left: 5px;
|
|
text-decoration: line-through;
|
|
}
|
|
.p-middle .n-box .vip .box .vip-money span{
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
vertical-align: 13px;
|
|
|
|
}
|
|
.p-middle .n-box .vip .box .vip-intr{
|
|
height: 60px;
|
|
line-height: 45px;
|
|
font-size: 15px;
|
|
color: #484848;
|
|
}
|
|
.p-middle .n-box .vip .box .vip-intr em{
|
|
color: #d7000f;
|
|
}
|
|
|
|
.p-middle .n-box .money{
|
|
width: 100%;
|
|
height: 47px;
|
|
line-height: 40px;
|
|
margin:10px auto;
|
|
color :#000000;
|
|
font-size: 16px;
|
|
text-align: left;
|
|
border-bottom: 1px dashed #dedddd;
|
|
}
|
|
|
|
.p-middle .n-box .money em{
|
|
color:#d7000f;
|
|
font-family: '微软雅黑';
|
|
}
|
|
.p-middle .n-box .money span{
|
|
color: #d7000f;
|
|
font-family: Arial;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.p-middle .n-box .into{
|
|
width:100%;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
color: #898989;
|
|
font-size: 14px;
|
|
margin:10px auto;
|
|
text-align: left;
|
|
}
|
|
|
|
.p-middle .n-box .pay{
|
|
width: 100%;
|
|
height: 234px;
|
|
margin: 28px auto;
|
|
}
|
|
|
|
.p-middle .n-box .pay .weixin{
|
|
display: inline-block;
|
|
height: 200px;
|
|
width: 164px;
|
|
margin-right: 100px;
|
|
}
|
|
.p-middle .n-box .pay .weixin .wx-box{
|
|
height: 141px;
|
|
width: 141px;
|
|
padding: 10px;
|
|
border: 1px solid #00c901;
|
|
}
|
|
|
|
.p-middle .n-box .pay .weixin .wx-say{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
background: #00c901;
|
|
margin-top: 10px;
|
|
}
|
|
.p-middle .n-box .pay .weixin .wx-say i{
|
|
display: inline-block;
|
|
width: 37px;
|
|
height: 37px;
|
|
vertical-align: -10px;
|
|
background: url('../image/pay.png') -83px -3px no-repeat;
|
|
}
|
|
|
|
|
|
.p-middle .n-box .pay .zhifubao{
|
|
display: inline-block;
|
|
height: 200px;
|
|
width: 164px;
|
|
}
|
|
|
|
.p-middle .n-box .pay .zhifubao .zfb-box{
|
|
height: 141px;
|
|
width: 141px;
|
|
padding: 10px;
|
|
border: 1px solid #00a0e9;
|
|
background: url('../image/pay.png') -5px -42px no-repeat;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.p-middle .n-box .pay .zhifubao .zfb-say{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
background: #00a0e9;
|
|
margin-top: 10px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.p-middle .n-box .pay .zhifubao .zfb-say i{
|
|
display: inline-block;
|
|
width: 37px;
|
|
height: 37px;
|
|
vertical-align: -10px;
|
|
background: url('../image/pay.png') -149px -3px no-repeat;
|
|
}
|
|
.tishi{
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #a8a7a7;
|
|
margin-top: -108px;
|
|
margin-bottom: 94px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|