/* Version:1.0  Author: Amy
  Create Date:2019-12-11
  Update Date:2022-9-16 Amy
  Desc : All Common CSS 
*/  
body {background-color: #f5f5f5; color: #444; font-weight: normal; line-height: 1.5; -webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
p{margin: 0 auto; padding: 0;}
h5{line-height: 1.3}
h5.tab{margin:0 auto; background: #f75f00; color: #fff; text-align: center;line-height: 2;} 
.AppTextM{display: none;}

/* topModel */
.topModel .logo{float: left; padding: 5% 0; width: 17%; background:url("../images/icons/italkbbtv_logo.png") no-repeat left center;  background-size:100%;}

/* bannerModel */
.bannerModel{text-align: center; color: #fff; padding-top: 2.5%; padding-bottom: 4.5%; padding-left: 5%; padding-right: 5%;background:url("../images/italkbbtv_company_profile_banner.jpg") no-repeat center center;  background-size:100%;}
.bannerCooperateModel{background:url("../images/italkbbtv_company_cooperate_banner.jpg") no-repeat center center;  background-size:100%;}
.bannerCareerModel{background:url("../images/italkbbtv_company_career_banner.jpg") no-repeat center center;  background-size:100%;}
.bannerAppModel{background:url("../images/italkbbtv_info_appdownloads_banner.jpg") no-repeat center center;  background-size:100%;}
.bannerText .textTitle{line-height: .6;}

/* menuTab */
.menuTab{margin-top: 3%; margin-bottom: 3.5%; padding: 0 2.5%; /* border: 1px solid #e00;*/}
.menuCon{}
.menu,.Vline{float: left; text-align: center;}
.Vline{color: #ccc; width: 1%; font-weight: 100;}
.menu{ color: #999; width: 19.2%; font-weight: 300; padding-bottom: 1.5%;}
.menu:hover,.menu:visited,.selected{color: #333; font-weight: 500;}
.selected{background:url("../images/icons/italkbbtv_icons_tabArrowDown.png") no-repeat center bottom;  background-size:9%;}

/* contentModel */
.contentModel{padding-bottom: 5%;}
.conItem{margin-bottom: 6%;}
.conItem h2,.conItem h3{color: #333;}
.conItem h2,.conItem p,.conItem .termsList{margin-bottom: 3%;}
.conItem img{margin-top: 4%;}
.conItem .termsList{margin-top: 3%;}

/* footerModel */
.footerModel{margin-top: 1.6%; margin-bottom: 2%;}
.footerLeft{float: left; width: 60%;}
.footerColumn{float: left; width: 20%; margin-right: 17%;}
.footerColumn2{margin-right: 6%;}
.footerColumn a{color: #444;}
.footerColumn a:hover{color: #333; font-weight: 600;}
.footerColumn a p{line-height: 2; margin-bottom: 6%;}
.footerTitle{margin-bottom: 10%;}
.iconsCon{/*border: 1px solid #c00; padding-left: 10%; margin:0 31.5%;注：4项时的设置，没有padding-left */ margin:0 33%;padding-left: 4%; margin-bottom: 2.5%;}
.iconsCon p{float: left;}
.iconsAll{/*border: 1px solid #47A604;*/ background-position: 0 40%; margin-right: 16%; width: 10%; height: 2.5vw; cursor: pointer}
.iconsWechat{background: url(../images/icons/italkbbtv_icons_frontWechat.png) no-repeat left center; background-size: 85%;}
.iconsWechat:hover,.iconsWechatOpen{color: #333; font-weight: 600; background: url(../images/icons/italkbbtv_icons_mouseoverWechat.png) no-repeat left center; background-size: 85%;}

.iconsWechatGroup{background: url(../images/icons/italkbbtv_icons_frontWechatGroup.png) no-repeat left center; background-size: 85%;}
.iconsInstagram{background: url(../images/icons/italkbbtv_icons_frontInstagram.png) no-repeat left center; background-size: 85%;}
.iconsFacebook{background: url(../images/icons/italkbbtv_icons_frontFacebook.png) no-repeat left center; background-size: 85%;}
.iconsYoutube{background: url(../images/icons/italkbbtv_icons_youtube.png) no-repeat left center; background-size: 100%;}
.iconsWechatGroup:hover{background: url(../images/icons/italkbbtv_icons_mouseoverWechatGroup.png) no-repeat left center; background-size: 85%;}
.iconsInstagram:hover{background: url(../images/icons/italkbbtv_icons_mouseoverInstagram.png) no-repeat left center; background-size: 85%;}
.iconsFacebook:hover{background: url(../images/icons/italkbbtv_icons_mouseoverFacebook.png) no-repeat left center; background-size: 85%;}
.iconsYoutube:hover{background: url(../images/icons/italkbbtv_icons_mouseoverYoutube.png) no-repeat left center; background-size: 100%;}
#Wechat{cursor: pointer;}
#WeChatQR{background-color: #1D3FE0; width: 32%; margin-bottom: 3%; height: 10.5vw; background: url(../images/icons/italkbbtv_icons_wechat_QRcode&TVJUN.png) no-repeat left center; background-size: 100%;}

.footerRight{float: right; width: 40%; padding-top: 4%;}
.AppAll{float: right; text-align: center;}
.AppDown{}
.AppButton p{padding: 12% 0;}
.AppleApp,.AppleApp:hover{float: left; width: 46%; background:url("../images/icons/italkbbtv_icons_button_frontAppStore.png") no-repeat left center;  background-size:100%;} 
.GoogleApp,.GoogleApp:hover{float: right; width: 46%; background:url("../images/icons/italkbbtv_icons_button_frontGooglePlay.png") no-repeat left center;  background-size:100%;}

.AppArrow,.AppQRcode{padding: 12% 0;}
.AppArrow{width: 3%; margin: 0 5%; background:url("../images/icons/italkbbtv_icons_footerArrowRight.gif") no-repeat center center;  background-size:100%;}
.AppQRcode{width: 22%; background:url("../images/icons/italkbbtv_icons_QRcode.png") no-repeat center center;  background-size:100%;}

/* copyrightModel */
.copyrightModel{}
.copyright{text-align: center; border-top: 1px solid #ddd;}
.copyright p{padding: 2% 0;}

@media (max-width:1501px) {
	.footerModel{margin-top: 2%; margin-bottom: 2.8%;}
	.footerColumn{width: 25%; margin-right: 10%;}
    .footerColumn2{margin-right: 5%;}
	.iconsCon{/*margin:0 32%; 注：4项时的设置，没有padding-left */ margin:0 34%; margin-bottom: 2.5%;}
}

@media (max-width:1201px) {
	/*.iconsWechat,.iconsWechatOpen,.iconsWechat:hover{color: #444; font-weight: normal; background: url(../images/icons/italkbbtv_icons_frontWechat.png) no-repeat left center; background-size: 85%;}*/
}

@media (min-width:768px) and (max-width:1200px) {
	
	
	.footerModel{margin-top: 3%; margin-bottom: 3%;}	
	.bottomPart{padding-top: 5%;}	
	.iconsCon{margin-bottom: 3%;}
	#WeChatQR{margin-bottom: 4%;}
    }

@media (max-width:767px) {
	.AppTextM{display: inline;}
	.topModel .logo{padding: 6.5% 0; width: 24%;}	
	.bannerModel{background:url("../images/italkbbtv_company_profile_banner_M.jpg") no-repeat center center;  background-size:100%;}	
	.bannerModel{padding-top: 4.5%; padding-bottom: 7%;}
	.bannerCooperateModel{background:url("../images/italkbbtv_company_cooperate_banner_M.jpg") no-repeat center center;  background-size:100%;}
	.bannerCareerModel{background:url("../images/italkbbtv_company_career_banner_M.jpg") no-repeat center center;  background-size:100%;}
	.bannerAppModel{background:url("../images/italkbbtv_info_appdownloads_banner_M.jpg") no-repeat center center;  background-size:100%;}
	.bannerText .textTitle{line-height: .4;}
	.menuTab{margin-top: 5%; margin-bottom: 10%; padding: 0 4.6%;}
	.menuTab2{margin-left: 5.8%;}
	.menuTab2 .menu{width: 22.5%;}
	.menu{padding-bottom: 2.2%;}
	.selected{background-size:13%;}
	
	.contentModel{padding-bottom: 6%;}
    .conItem{margin-bottom: 10%;}
    .conItem h2{margin-bottom: 4%;}
	.conItem p,.conItem .termsList{margin-bottom: 6%;}
    .conItem img{margin-top: 6%;}
	.conItem .termsList{margin-top: 4%;}
	
	.footerModel{margin-top: 7%; margin-bottom: 6%;}
	.footerLeft{width: 45%;}
	.footerRight{width: 55%; padding-top: 0; padding-right: 3%;}
	.AppDown{padding-top: 2.5%;}
	.AppButton p{padding: 15% 0;}	
	.footerTitle {padding-bottom: 1%; background: url(../images/icons/footerPlus.png) no-repeat top left; background-size: 9%; padding-left: 14%; background-position: 0 35%;}
	.footerMinus{background: url(../images/icons/footerMinus.png) no-repeat top left; background-size: 9%; padding-left: 14%; background-position: 0 35%;}
	.footerTitle{margin-bottom: 7%;}	
	.mobileFooter{margin-bottom: 10%;}
	.footerColumn{float: none; width: 100%;}
	.footerColumn a p{line-height: 1.5; padding-left: 14%; margin-bottom: 8%;}
	.iconsCon{/*padding-left: 20%; margin:0 6%; 注：4项时的设置，没有padding-left */ margin:0 10%; padding-left: 0%; margin-bottom: 6%;}
	.iconsAll{margin-right: 22%; width: 8.5%; height: 7vw;}
	/*.iconsWechatOpen,.iconsWechat:hover,.iconsInstagram:hover,.iconsFacebook:hover{color: #444; font-weight: normal;}	
	.iconsInstagram:hover{background: url(../images/icons/italkbbtv_icons_frontInstagram.png) no-repeat left center; background-size: 85%;}
	.iconsFacebook:hover{background: url(../images/icons/italkbbtv_icons_frontFacebook.png) no-repeat left center; background-size: 85%;}*/
	#WeChatQR{width: 66%; margin-bottom: 6%; height: 22vw;}
	
	.copyright p{padding: 4% 0;}
	
	.M_ma{margin-top: 8%;}
	.M_ma2{margin-top: 3%;}
}
@media (max-width:511px) {
			
	.bottomPart{padding-bottom: 15%;}
	.btmCon{margin-bottom: 10%;}
	}