﻿
body { }
.width970{ width:970px; margin:0 auto}
.priceWrap { position: relative; margin-top: 63px; border: 2px solid #455c81; margin-bottom: 128px; }
.priceInner { position: relative;width: 99%; margin: 3px auto; border: 1px solid #455c81; }
/*切换按钮*/
.priceWrap .tabBtns { position: absolute; width:100%; text-align:center ; top: -28px; font-size:0;}
.priceWrap .tabBtns a { display: inline-block; *display:inline; *zoom:1;padding-left:60px; width: 80px; color: #455c81; border: 1px solid #455c81; text-align: left; height: 50px; line-height: 50px; font-size: 16px; }

.priceWrap .tabBtns .tabFeeStandard {
    background: #fff url(../images/ico_fee_standard.png) 11px center no-repeat;
}
.priceWrap .tabBtns .tabFeeStandard.on {
    background: #455c81 url(../images/ico_fee_standard_active.png) 11px center no-repeat;color: #fff;
}

.priceWrap .tabBtns .tabPriceSystem {
    background: #fff url(../images/ico_price_system.png) 11px center no-repeat;
}
.priceWrap .tabBtns .tabPriceSystem.on {
    background: #455c81 url(../images/ico_price_system_active.png) 11px center no-repeat;color: #fff;
}

/*切换内容* 费用部分*/
.tabContent { margin-top: 50px; margin-bottom: 50px; }
.priceWrap .moneyPart p { font-size: 16px; color: #5a7490; text-align: center; font-weight: bold; padding: 23px 0; }
.priceWrap .moneyPart ul li { list-style: disc; color: #455c81; font-size: 14px; margin-left: 8%; }
.priceWrap .actualMoney { width: 35.5%; height: 179px; margin-left: 5%; border: 2px solid #455c81; padding: 0 1.2%; }
.add { width: 13.5%; height: 179px; background: url(../images/add.png) center center no-repeat; }
.priceWrap .serviceMoney { margin-left: 0;}
.priceWrap .actualMoney .title{padding: 5px 0;}
/*价格套系部分*/
.publicTitle{ position:relative; height:2px; background-color:#455c81; text-align:center; margin:63px 4% 45px 4%;}
.publicTitle span{position:absolute; top:-15px; left:50%; width:246px; text-align:center;  font-size:20px; color:#4d6da0; background-color:#fff; margin-left:-123px;}
.basicDes{ margin:30px 4%}
.basicDes p{ margin-left:30px}
.moreService{ margin:0px 4%;font-size:0;text-align:center;}
.moreService .item{display:inline-block;*display:inline;*zoom:1; margin:20px 0;width:20%;font-size:13px; text-align:center}
.moreService .item p{margin:0;}
.moreService .item .price{padding:15px 0 0 0; color:#455c81;}
.priceExplain{ margin:20px 4%; border-top:2px solid #adbac7; padding-top:25px}
.priceExplain p{ font-weight:bold}
@media ( max-width:970px){
    .width970{ width:98%}
}
@media ( max-width:768px){

    .priceWrap{margin-bottom:30px;}

    .priceWrap .actualMoney{ width:86%}
    .priceWrap .serviceMoney{ margin-left:4%}
    .publicTitle{margin:20px 4%;}
    .add{ width:100%; height:60px}
    .publicTitle span{ width:240px; margin-left:-120px}
    .moreService .item{ width:33.333%}
}