#mediaBanner {}

.pageMain_bg { background: #eee;}
.mediaTit { padding-top: 4%;}
.mediaTab { background: #fff; margin-bottom: 7%;}
.media_tabs { text-align: center;}
.media_tabs a { display: inline-block; width: 50%; padding: 25px 0; box-sizing: border-box; border: 1px solid #eee; border-top: 2px solid #f7f7f7; background: #f7f7f7;}
.media_tabs a span { font-size: 24px; color: #aaa; padding-left: 50px;}
.media_tabs .media_active,.media_tabs a:hover { border: 1px solid #fff; border-top: 2px solid #108cee; background: #fff;}
.media_tabs .media_active span,.media_tabs a:hover span { color: #108cee;}
.media_tabs .mediaA_left span { background: url(../images/tcIcon01s.png) left center no-repeat;}
.media_tabs .mediaA_right span { background: url(../images/tcIcon02s.png) left center no-repeat;}
.media_tabs .mediaA_left:hover span,.media_tabs .mediaA_left.media_active span { background: url(../images/tcIcon01.png) left center no-repeat;}
.media_tabs .mediaA_right:hover span,.media_tabs .mediaA_right.media_active span { background: url(../images/tcIcon02.png) left center no-repeat;}
.swiper-slide-active .mediaContent {display:block;}
.mediaContent {display:none;}

/*套餐购买*/
.swiper-container {height: auto;}
.swiper-slide {height: auto !important;}
.content-slide {height: auto; padding: 2%;}
.swiper-wrapper {height: auto !important;}
.mediaTable {margin-bottom: 0%;}
.mediaTable tr:nth-child(odd){ background:#f7f7f7;}
.mediaTable tr:nth-child(even){ background:#fff;}
.mdTableTop { color: #333; font-weight: 700;}
.mdTableTop td:nth-child(1) { text-align: left; text-indent: 2%;}
.mdTableTop td:nth-child(3) { text-align: left; text-indent: 1%;}

/*单个购买*/
.mediaSingle { border: 1px solid #108cee;}
.mediaSingle li { border-bottom: 1px solid #dedede; overflow: hidden;}
.mediaSingle li:last-child { border-bottom: 0px;}
.mediaSingle .mediaSTit { width: 100px; text-align: right; font-size: 16px; color: #333; font-weight: 700; line-height: 50px; padding: 0;}
.mediaSingle li p { float: left; width: calc(100% - 100px); padding: 8px 0;}
.mediaSingle li a { display: block; float: left; font-size: 16px; padding: 3px 10px; margin: 3px 5px; color: #666; border-radius: 3px;}
.mediaSingle li .choice { background: #108cee; color: #fff;}
.cTit{ font-size: 16px; text-align: center; line-height: 1.8; padding: 40px 0 20px; font-weight: 700;}

.singleTable { border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
.singleTable th { background: #f7f7f7; color: #333; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%;}
.singleTable td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%; text-align: center;}
.singleTable .textL { text-align: left;}
.singleTable .redfont { color: #108cee;}
.singleTable .singleName { width: 20%; text-align: left; font-weight: 700;}
.singleTable .singleCase { width: 7%;}
.singleTable .singleCase img { width: auto;}
.singleTable .singleWeight { width: 7%;}
.singleTable .singleCen { text-align: left; font-size: 14px; color: #666;}
.singleTable .singleDai { width: 9%; color: #108cee;}
.singleTable .singleShi { width: 9%;}
.singleTable .singleBuy { width: 10%; padding: 2% 0;}
.singleTable .singleBuy a { display: block; width: 70%; font-size: 14px; background: #108cee; padding: 3px 0px; margin: 0 auto; color: #fff; border-radius: 3px;}

.phoneshow{display: none;}
.trphonenone{display: table-row;}
@media screen and (max-width: 1180px){

}

@media screen and (max-width: 960px){
.singleTable .singleBuy a{font-size: 12px;text-align: center;}
}
@media screen and (max-width: 768px){
.mediaTab{margin-bottom: 0;}
.singleShi{font-size: 14px;color: #666;}
.mediaSingle{display: none;}
.cTit{display: none;}
.singleWeight{display: none;}
.singleCen{display: none;}
.phonenone{display: none !important;}
.trphonenone{display: none !important;}
.singleCase{display: none;}
.phoneshow{display: inline;}
.singleName div{font-size: 14px;}

.singleTable td{text-align: left;border:none;border-top:1px solid #eee;}
.singleTable{border:none; border:1px solid #eee;}


.mdTBWeb{display:none;}
.mdTBNumber{display: none;}
.mediaTable{border:1px solid #eee;}
.mediaTable td{text-align: left;border: none;border-top:1px solid #eee;}
.mdTBBtn{text-align: center !important;font-size: 14px;}
.mdTBShop div{font-size: 14px;}
.mdTBPirce{font-size: 14px;}
.TBR a,.TBc a{font-size: 14px;}
.allTit,.allTxt{display: none;}




}
@media screen and (max-width: 640px){

.singleShi{font-size: 12px;}
.singleName div{font-size: 12px;}
.singleTable .singleBuy a{font-size: 10px;}


.mdTBShop div{font-size: 12px;}
.mdTBPirce{font-size: 12px;}
.TBR a,.TBc a{font-size: 12px;}
}
@media screen and (max-width: 320px){
.singleShi{font-size: 10px;}
.singleName div{font-size: 10px;}
.mdTBShop div{font-size: 10px;}
.mdTBPirce{font-size: 10px;}

.TBR a,.TBc a{font-size: 10px;}
}