/* BASIC css start */
.cscenter { padding:0 20px }
.cscenter .tit-page { padding-top:47px; font-size:20px; font-weight:600; text-align:center }

.benefitTitle { font-size:15px; color:#000; font-weight:700 }
.benefitWrap { padding-top:27px }
.benefitWrap .benefitList { margin-top:10px; border-top:1px solid #000 }
.benefitWrap .benefitList .list { padding-bottom:30px; border-bottom:1px solid #ccc }
.benefitWrap .benefitList .list .levelName { padding:13px 10px 11px; font-size:15px; color:#000; font-weight:700; border-bottom:1px solid #e5e5e5; background:#f8f8f8 }
.benefitWrap .benefitList .list .levelInfo { padding:0 10px }
.benefitWrap .benefitList .list .levelInfo dl { padding-top:25px }
.benefitWrap .benefitList .list .levelInfo dt { font-size:13px; color:#000; font-weight:600 }
.benefitWrap .benefitList .list .levelInfo dd { padding-top:3px; font-size:13px; color:#8d8d8d }
.benefitWrap .benefitList .list .levelInfo dd .discountBox { display:inline-block; width:50px; height:50px; font-size:15px; color:#fff; font-weight:600; text-align:center; line-height:50px; border-radius:100% }
.benefitWrap .benefitList .list .levelInfo dd .discount20 { background:#000 }
.benefitWrap .benefitList .list .levelInfo dd .discount15 { background:#666 }
.benefitWrap .benefitList .list .levelInfo dd .discount10 { background:#aaa }
.benefitWrap .benefitList .list .levelInfo dd .discount5 { background:#ccc }

.commBenefit { padding:97px 0 50px }
.commBenefit .commBenefitTb { margin-top:10px; border-top:1px solid #000 }
.commBenefit .commBenefitTb table { width:100% }
.commBenefit .commBenefitTb table tbody th,
.commBenefit .commBenefitTb table tbody td { padding:14px 0; font-size:13px; text-align:center; line-height:20px; border-bottom:1px solid #ccc }
.commBenefit .commBenefitTb table tbody th { color:#000; font-weight:600 }
.commBenefit .commBenefitTb table tbody td { color:#8d8d8d; border-left:1px solid #ccc }

/* BASIC css end */