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