熊猫办公系统
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

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