@import "harmony-folding.css";

/** 全局样式 */
body { margin:0 auto; font-family:'Microsoft YaHei', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size:12px; color:#333;}
ul { margin:0; padding:0; list-style:none;}
a { text-decoration:none; color:#333;}
img { border:none;}
h1, h2, h3, h4, h5, h6 { margin:0; font-weight:100;}
.position { position:relative;}
.clear {clear:both;}
.inline {display: inline}

/*Header*/
header { /*position:relative;*/height: 48px;}
.nav { width:100%; height:48px; background-color:#fff; position:absolute; top:0; left:0; z-index:3; color:#fff; opacity:0.9;}
.navLeft { width:18px; position:absolute; top:17px; left:16px;}
.navLeftCose {width:18px; height:18px; border:0; position:absolute; top:-18px; left:16px; z-index:4;}
.navLeftA, .navLeftB, .navLeftC { width:18px; height:1px; margin:-2px 0 8px 0; border-top:1px solid #737373;}
.navShowA { -webkit-animation:navShow1 0.5s linear forwards; animation:navShow1 0.5s linear forwards;}
.navShowB { -webkit-animation:navShow2 0.5s linear forwards; animation:navShow2 0.5s linear forwards;}
@-webkit-keyframes navShow1 {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:-2px 0 8px 0;}
  80% { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin:0;}
  to { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin:0 0 -1px 0;}
}
@keyframes navShow1 {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:-2px 0 8px 0;}
  80% { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin:0;}
  to { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin:0 0 -1px 0;}
}
@-webkit-keyframes navShow2 {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:-2px 0 8px 0;}
  80% { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin:0;}
  to { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin:0 0 -1px 0;}
}
@keyframes navShow2 {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:-2px 0 8px 0;}
  80% { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin:0;}
  to { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin:0 0 -1px 0;}
}
.navLogo { width:25%; max-width: 100px; height:16px; position:absolute; top:25%; left:50%; margin-left:-12.5%;}
.navLogo img { width:100%;}
.navRigth { width:18px; position:absolute; top:12px; right:16px;}
.navRigthShow { -webkit-animation:navRigthShowA 0.3s linear forwards; animation:navRigthShowA 0.5s linear forwards;}
@-webkit-keyframes navRigthShowA {
  from { -webkit-transform: translate(0px); transform: translate(0px); opacity:1;}
  to { -webkit-transform: translate(16px); transform: translate(16px); opacity:0;}
}
@keyframes navRigthShowA {
  from { -webkit-transform: translate(0px); transform: translate(0px); opacity:1;}
  to { -webkit-transform: translate(16px); transform: translate(16px); opacity:0;}
}
.navRigthA { width:8px; height:8px; border:1px solid #fff; border-radius:4px; position:absolute; top:0; left:4px;}
.navRigthB { width:16px; height:16px; border:1px solid #fff; border-radius:1px; background-color:#000; position:absolute; top:5px; left:0;}
.navMenu { width:100%; height:100vh; margin:0; padding:0; background-color:#000; display:none; position:fixed; top:0; left:0; z-index:2;}
.navMenu ul { margin:60px 50px;}
.navMenu ul li { margin:-10px 0 0 0; line-height:48px; border-bottom:1px solid #333;}
.navMenu ul li a { font-size:16px; color:#f0f0f0; display:block;}

/*Banner*/
.banner { width:100%; /*height:95vh; */font-size: 0;}
/*.bannerImg1 { background:url(../images/banner1.png) center bottom no-repeat; background-size:cover;}
.bannerText1 { margin-top:-50vh; color:#333;}
.bannerText1 h1 { font-size:22px;}
.bannerText1 h2 { font-size:28px;}
.bannerImg2 { background:url(../images/banner2.jpg) center bottom no-repeat; background-size:cover;}
.bannerText2 { margin-top:-50vh; color:#fff;}
.bannerText2 h1 { font-size:24px;}
.bannerText2 h2 { font-size:26px;}
.bannerImg3 { background:url(../images/banner3.jpg) center bottom no-repeat; background-size:cover;}
.bannerText3 { margin-top:-50vh; color:#333;}
.bannerText3 h1 { font-size:24px;}
.bannerText3 h2 { font-size:26px;}
.swiper-container { width: 100%; height:95vh; margin:0 auto;}
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide img { width:100%;}*/

.homeDownloadBox{text-align: center;background:#fff;padding: 40px 0;}
.homeDownloadBox h4{font-size: 18px;color: #333333;}
.TvIntroduce h4{font-weight: bold;}
.homeDownloadBox p{font-size: 13px;color: #666666;margin: 15px 0;line-height: 1.8;}
.TvIntroduce p{margin-top: 5px;margin-bottom: 0;}
.marginBottom10{margin-bottom: 10px;}
.homeDownloadBtnBox{width: 80%;margin:0 auto;font-size: 0;}
.homeDownloadBtnBox span{display: inline-block;width: 48%;/*background: #000;height: 40px;*/ }
.homeDownloadBtnBox .iosDownloadBtn{margin-right: 4%;/*background-image: url('../images/iOS.png');background-repeat: no-repeat;background-size: 100%;*/}

/*Index*/
.index-img { width:100%;}
.index-img ul { margin:0; padding:0; list-style:none;}
.index-img ul li { height:200px; margin:2px 0;}
.index-img ul li a { width:100%; height:200px; display:block;}
.index-img1 { background:url(../images/index_img1.png) center no-repeat; background-size:cover;}
.index-img2 { background:url(../images/index_img2.jpg) center no-repeat; background-size:cover;}
.index-img3 { background:url(../images/index_img3.png) center no-repeat; background-size:cover;}
.index-img4 { background:url(../images/index_img4.jpg) center no-repeat; background-size:cover;}

.phonehomeDownload { width:100%;  margin-bottom:2px; padding:30px 0 10px 0; background-color:#f3f3f3;}
.homeDownloadTitle { text-align:center;}
.homeDownloadTitle h1 { font-size:18px;}
.homeDownloadTitle h2 { margin-top:5px; font-size:9px;}
.phonehomeDownloadButton {margin-top: 20px;  padding:0px 1%;text-align: left;}
.homeDownloadButtonContent {display: inline-block; width:23%; line-height:42px; margin:0 1%; text-align:center;  background-color:#419fec; color:#fff; border-radius:3px;margin-bottom: 10px;}
.homeDownloadButtonContent a { display:block; color:#fff;}
.homeDownloadButtonContent img { height:50px;}
.homeDownloadButtonRecord { width:30%; line-height:42px; margin:0 auto; text-align:center; background-color:#419fec; color:#fff; border-radius:3px;}
.homeDownloadButtonRecord a { display:block; color:#fff;}
.homeDownloadButtonRecord img { height:50px;}

/*About*/
.aboutBanner { height:620px; background:url(../images/about-banner.jpg) center bottom no-repeat; background-size:cover; text-align:center; color:#fff;}
.aboutBanner h1 { padding-top:15vh; font-size:18px; font-weight:bold;}
.aboutBanner h2 { font-size:26px;}
.aboutBanner h3 { width:85%; max-width:400px; line-height:32px; margin:0 auto; padding-top:25px; font-size:16px; opacity:0.7;}
.aboutMain { margin-top:16px; padding:30px 0; clear:both;}
.aboutTitle { margin-bottom:15px; text-align:center; font-size:18px; font-weight:bold;}
.aboutTitle img { width:33px;}
.aboutContent { line-height:30px; font-size:16px; text-align:justify; word-break:break-all;}
.aboutContent img { width:100%;}
.aboutContent a { margin:10px 0; display:block; text-align:center; color:#0081c8;}
.aboutContent p { margin:0 5%; color:#666;}

/*AppIntroduce*/
.AppIntroduce { height:350px; background:url(../images/app_banner.png) center bottom no-repeat; background-size:cover; text-align:center; color:#fff;}
.AppIntroduce h1 { padding-top:80px; font-size:18px; font-weight:bold;}
.AppIntroduce h2 { line-height:30px; font-size:14px;}
.AppIntroduce img { width:320px; margin-top:10px;}
.AppIntroduceTitle { width:130px; line-height:28px; margin:48px auto 15px auto; font-size:18px;}
.AppIntroduceTitle img { width:30px; margin-right:10px; float:left;}
.AppIntroduceContent { line-height:30px; font-size:16px; text-align:justify; word-break:break-all;}
.AppIntroduceContent img { width:80%; margin:50px 0 0 10%;}
.AppIntroduceContent a { margin:10px 0; display:block; text-align:center; color:#0081c8;}
.AppIntroduceContent p { margin:0 5%; color:#666;}
.AppIntroduceContent h1 { line-height:40px; margin:0 5%; font-size:18px;}

/*GameHall*/
.GameHall { height:410px; background:url(../images/gamehall_banner.png) center bottom no-repeat; background-size:cover; text-align:center;}
.GameHall h1 { padding-top:80px; font-size:18px; font-weight:bold;}
.GameHall h2 { font-size:26px;}
.GameHall h3 { margin-top:10px; font-size:16px;}
.GameHallShadow { width:80%; margin:0 auto; padding-top:30px;}
.GameHallShadow h1 { width:50%; float:left; text-shadow:50px 20px 0px #d5e2f3; font-size:25px; font-weight:bold; color:#2e89fc;}
.GameHallShadow h2 { width:50%; float:left; text-shadow:50px 20px 0px #d5e2f3; font-size:28px; font-weight:bold; color:#2e89fc;}
.GameHallShadow h3 { margin-top:55px; text-shadow:0px 22px 0px #e6ecf3; font-size:28px; text-align:center; display:block; color:#2e89fc;}
.GameHallText { height:180px; background:url(../images/GameHall_icon.png) 5% bottom no-repeat #f2f2f2; background-size:15%;}
.GameHallText img { width:40px; margin-top:-20px; float:right;}
.GameHallText h1 { padding-top:46px; line-height:36px; font-size:22px; text-align:center;}

/*sdkCooperation*/
.sdkCooperation { background:url(../images/sdkCooperation_banner.png) center -150px no-repeat; background-size:cover; text-align:center;}
.sdkCooperation h1 { padding-top:80px; font-size:18px; font-weight:bold;}
.sdkCooperation h2 { font-size:26px;}
.sdkCooperation p { line-height:28px; margin:10px 5%; font-size:16px; color:#666;}
.sdkCooperationContent { line-height:30px; margin-top:25px; font-size:16px; text-align:justify; word-break:break-all; clear:both;}
.sdkCooperationContent a { margin:10px 0; display:block; text-align:center; color:#0081c8;}
.sdkCooperationContent p { margin:0 5%;}
.sdkCooperationIcon { width:100%; margin:0; padding:0;}
.sdkCooperationIcon li { width:33.33%; margin-top:15px; float:left; text-align:center;}
.sdkCooperationIcon li span { width:80px; height:50px; margin:0 auto; padding-top:10px; border:1px solid #e5e5e5; display:block;}
.sdkCooperationIcon li img { max-width:70px; height:40px;}
.sdkCooperationText { height:230px; background:url(../images/page_icon.png) -15px bottom no-repeat #f2f2f2; background-size:15%;}
.sdkCooperationText img { width:40px; margin-top:-20px; float:right;}
.sdkCooperationText h1 { padding-top:46px; line-height:36px; font-size:16px; font-weight:bold; text-align:center;}
.sdkCooperationText p { line-height:26px; margin-left:20%; font-size:15px; color:#666;}
.sdkCooperationBorder { padding:70px 0; border-top:1px solid #dedede;}

/*Recording*/
.recording { height:500px; background:url(../images/recording_banner.jpg) center bottom no-repeat; background-size:cover; text-align:center;}
.recording h1 { padding-top:80px; font-size:26px; color:#fff;}
.recording p { line-height:28px; margin:10px 5%; font-size:16px; color:#fff;}
.recordingContent { line-height:30px; font-size:16px; text-align:justify; word-break:break-all;}
.recordingContent img { width:80%; margin:20px auto; margin-left:10%;}
.recordingContent a { margin:10px 0; display:block; text-align:center; color:#0081c8;}
.recordingContent p { margin:0 5%;}
.recordingContent h1 { line-height:40px; margin:0 5%; font-size:18px; font-weight:bold;}
.recordingIcon { width:100%; margin:20px auto; padding:0;}
.recordingIcon li { width:33.33%; line-height:26px; margin:15px 0; float:left; text-align:center;}
.recordingIcon li img {max-width:90px; height:40px;}
.recordingText { height:230px; margin-top:320px; background:url(../images/recording_img9.png) center bottom no-repeat; background-size:cover; clear:both;}
.recordingText h1 { padding-top:40px; line-height:36px; font-size:16px; font-weight:bold; text-align:center;}
.recordingText p { line-height:30px; margin:0 5%; font-size:15px; color:#666;}

/*UseHelp*/
.usehelp { height:320px; background:url(../images/usehelp_banner.png) center bottom no-repeat; background-size:cover;}
.usehelpNav { padding:50px 16px 0 16px; height:50px; border-bottom:1px solid #aaa;}
.usehelpNavA { line-height:50px; float:left; font-size:16px;}
.usehelpNavB { width:33px; height:50px; float:right; position:relative;}
.usehelpNavBa { width:15px; margin:24px 0 0 8px; border-top:2px solid #555; transform: rotate(45deg); position:absolute; top:0; left:0; -webkit-animation:usehelpNavShow1 0.5s linear forwards; animation:usehelpNavShow1 0.5s linear forwards;}
.usehelpNavBb { width:15px; margin:24px 0 8px 0; border-top:2px solid #555; transform: rotate(-45deg); position:absolute; top:0; right:0; -webkit-animation:usehelpNavShow2 0.5s linear forwards; animation:usehelpNavShow2 0.5s linear forwards;}
.usehelpNavShowA { -webkit-animation:usehelpNavShow3 0.5s linear forwards; animation:usehelpNavShow3 0.5s linear forwards;}
.usehelpNavShowB { -webkit-animation:usehelpNavShow4 0.5s linear forwards; animation:usehelpNavShow4 0.5s linear forwards;}
.usehelpNavBg { background-color:#fff; border-bottom:1px solid #fff;}
/** UseHelpNav初始动画效果 */
@-webkit-keyframes usehelpNavShow1 {
  from { -webkit-transform: rotate(-40deg); transform: rotate(-40deg);  margin:24px 0 0 8px; left:0;}
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; left:6px;}
  to { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 0 8px; left:0;}
}
@keyframes usehelpNavShow1 {
  from { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 0 8px; left:0;}
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; left:6px;}
  to { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 0 8px; left:0;}
}
@-webkit-keyframes usehelpNavShow2 {
  from { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 8px 0; right:0;}
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; right:-3px;}
  to { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 8px 0; right:0;}
}
@keyframes usehelpNavShow2 {
  from { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 8px 0; right:0;}
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; right:-3px;}
  to { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 8px 0; right:0;}
}
/** UseHelpNav切换动画效果 */
@-webkit-keyframes usehelpNavShow3 {
  from { -webkit-transform: rotate(40deg); transform: rotate(40deg);  margin:24px 0 0 8px; left:0;}
  50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; left:6px;}
  to { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 0 8px; left:0;}
}
@keyframes usehelpNavShow3 {
  from { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 0 8px; left:0;}
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; left:6px;}
  to { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 0 8px; left:0;}
}
@-webkit-keyframes usehelpNavShow4 {
  from { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 8px 0; right:0;}
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; right:-3px;}
  to { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 8px 0; right:0;}
}
@keyframes usehelpNavShow4 {
  from { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); margin:24px 0 8px 0; right:0;}
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin:24px 0 0 0; right:-3px;}
  to { -webkit-transform: rotate(40deg); transform: rotate(40deg); margin:24px 0 8px 0; right:0;}
}
.usehelpSearch { padding:48px 0 0 0; position:relative;}
.usehelpSearchTitle { text-align:center;}
.usehelpSearchTitle h1 { font-size:30px;}
.usehelpSearchTitle h2 { line-height:40px; font-size:14px;}
.usehelpContent { line-height:30px; font-size:16px; text-align:justify; word-break:break-all;}
.usehelpContent img { width:100%; margin:20px auto;}
.usehelpContent a { margin:10px 16px; display:block; color:#0081c8;}
.usehelpContent p { margin:0 5%;}
.usehelpBorder { margin-top:60px; padding:20px 0; border-top:1px solid #dedede;}
.usehelpMenu { width:80%; margin:0; padding:15px 10%; background-color:#fff; display:none; position:absolute; top:100px; left:0; z-index:1; box-sizing:padding-box;}
.usehelpMenu li { line-height:40px; border-bottom:1px solid #e8e8e8;}
.usehelpMenu li a { display:block;}

/** 操作视频 */
.OperationVideo { margin-top:16px; padding:30px 16px; clear:both;}
.OperationVideoText { margin-top:20px; line-height:22px;}

/*Shop*/
.shop { height:400px; background:url(../images/shop_banner.png) center bottom no-repeat; background-size:cover; text-align:center;}
.shop h1 { line-height:26px; padding:80px 24px 0 24px; font-size:16px; color:#fff;}
.shopMain { padding:15px; background-color:#ededed;}
.shopMainA { border-top-left-radius:4px; border-top-right-radius:4px; background-color:#fff;}
.shopMainB { line-height:48px; padding-left:10px; font-size:14px; font-weight:bold;}
.shopMainC { border-top:1px solid #e5e5e5;}
.shopMainD { width:50%; height:200px; padding-top:20px; float:left; border:1px solid #e5e5e5; border-top:none; box-sizing:border-box; text-align:center; color:#666;}
.shopMainD a { display:block;}
.shopMainD b { color:#333;}
.shopMainD img { width:100px;}
.shopMainD span { font-size:9px; color:#fd7d66;}

/** 关于乐播-导航菜单 */
.Menubox ul{ height:14px; margin:0px; padding:16px 0;}
.Menubox li{ width:25%; line-height:14px; float:left; border-left:1px solid #ddd; font-size:15px; text-align:center; display:block; cursor:pointer; box-sizing:border-box;}
.Menubox li.hover{ width:25%; font-weight:bold; color:#0081c8;}
.Menubox li.hover a { color:#0081c8;}
.Contentbox{ border:1px solid #ddd; border-top:none; background-color:#fff; clear:both;}
.BoxMargin { padding:22px 0; background-color:#e6e6e6; border-top:1px solid #dedede;}
.BoxMargin #editorcontainer{
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(65,70,75,0.1);
  width: 100%;
  font-style: normal;
  line-height: 1.1;
  color: black;
}
.BoxMargin #editorcontainer .doc-title-box{
    width: auto;
    border-bottom: none;
    padding: 0 16px;
}
.BoxMargin #editorcontainer .doc-title-box .doc-title-input{
  min-height: 0;
  font-size: 20px;
  font-weight: 500;
  padding-top: 25px;
  padding-bottom: 16px;
  word-wrap: break-word;
  text-align: center;
}
.BoxMargin #editorcontainer .doc-title-box .doc-title-input h2{
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
  color: black;
}
.innerdocbody{
  padding: 10px 16px;
  }
.innerdocbody h3{
       font-weight: 500;
       font-size: 16px;
      }
.innerdocbody p{
    margin: 5px 0;
    line-height: 24px;
    font-size: 14px;
    color: #888;
      }
.innerdocbody ul li{
    font-size: 14px;
    color: #888;
    margin: 5px 0;
  }
.innerdocbody ul li.li-doc-title{
    font-weight: 500;
    font-size: 16px;
    color: black;
    margin: 10px 0px;
  }
  .li-doc-detail a{
    color: #2E74B5!important;
    cursor: pointer !important;
  }
.innerdocbody span{display: inline;font-weight: 500;font-size: 1.17em;}
.AboutUsContent { padding:22px 0 22px 0; background-color:#e6e6e6; border-top:1px solid #dedede;}

/** 关于乐播-品牌乐播 */
.AboutUsImgA { width:100%; height:340px; background:url(../images/aboutUs_banner.png) center no-repeat; background-size:cover;}
.AboutUsImgB { width:100%;}
.AboutUsImgB img {
  width: 100%;
  display: block;
}

.AboutUsText {
  padding: 46px 16px 0;
}

.AboutUsText h1 {
  line-height: 36.5px;
  margin-bottom: 7px;
  font-size: 26px;
  text-align: center;
}

.AboutUsText p {
  line-height: 30px;
  font-size: 15px;
  color: #767676;
  margin-top: 0;
}

.AboutUsMain {
  padding: 64px 15px 52px;
}

.AboutUsMain h1 {
  line-height: 40px;
  font-size: 26px;
  text-align: center;
}

.AboutUsCourse {
  margin-top: 22px;
  position: relative;
  padding-bottom: 25px;
}

.AboutUsCourse::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 6px;
  background: #ddd;
}

.AboutUsCourse::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  border-radius: 6px;
  background: #ddd;
  z-index: 2;
}

.AboutUsCourseB {
  width: 100%;
  position: relative;
  top: 25px;
  z-index: 3;
}

.AboutUsCourseBa {
  margin-top: 16px;
  line-height: 24px;
  background-color: #f9f9f9;
  font-size: 15px;
  text-align: center;
  color: #767676;
}

.AboutUsCourseBa p.current {
  color: #2F7CFF;
  line-height: 30px;
  margin: 0;
}
.AboutUsTeam { padding:30px 0;}
.AboutUsTeamContent { width:49%; height:200px; margin:0 0.5% 30px 0.5%; float:left; position:relative; overflow:hidden;}
.AboutUsTeamContentA { width:100%; font-size:10px; text-align:center; position:absolute; top:0; left:0; z-index:1;}
.AboutUsTeamContentA img {height:150px; margin-bottom:8px; background-color:#f9f9f9;}
.AboutUsTeamContentA b { font-size:14px;}
.AboutUsTeamContentB { width:96%; height:240px; padding:0 2%; background-color:#4caffd; position:absolute; top:240px; left:0; z-index:2;}
.AboutUsTeamContentB h1 { height:16px; margin:0; padding:0; color:#fff;}
.AboutUsTeamContentB p { line-height:20px; font-size:12px; color:#fff;}

/** 关于乐播-乐播资讯 */
.AboutUsNews { padding:20px 0; border-top:1px solid #dedede; background-color:#fff;}
.AboutUsNewsTitle { padding:0 16px;}
.AboutUsNewsTitle h1 { font-size:20px;}
.AboutUsNewsTitle h2 { padding:10px 0; font-size:12px; color:#999;}
.AboutUsNewsText { line-height:24px; padding:0 16px; font-size:14px; color:#888; position:relative;}
.AboutUsNewsText a { padding:0 10px; background-color:#fff; color:#2e89fc; position:absolute; bottom:0; right:6px; z-index:1;}
.AboutUsNewsText p { margin:5px 0;}
.AboutUsNewsText img { width:100%;}
.AboutUsNewsText h1 { margin:30px 0 -15px 0; font-size:16px; color:#333;}

/** 关于乐播-工作机会 */
.AboutUsWork { margin-bottom:16px; padding:20px 0; border-top:1px solid #dedede; background-color:#fff;}
.AboutUsWorkTitle { padding:0 16px;}
.AboutUsWorkTitle h1 { margin-right:10px; font-size:16px; font-weight:bold; float:left;}
.AboutUsWorkTitle h2 { width:40px; height:20px; line-height:20px; float:left; border:1px solid #83a6f5; border-radius:10px; background-color:#e0e9fc; font-size:12px; font-weight:bold; text-align:center; color:#2e89fc;}
.AboutUsWorkTitle h3 { margin-top:5px; float:right; font-family:"����"}
.AboutUsWorkMap { padding:0 16px; margin-top:32px; clear:both; color:#999;}

.AboutUsWorkContent { padding:20px 16px 30px 16px; border-top:1px solid #dedede; background-color:#fff;}
.AboutUsWorkContent .text-title-input{
  min-height: 0;
    line-height: 30px;
    font-size: 21px;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 16px;
}
.AboutUsWorkContent .text-main-detail{
    margin: 20px 0;
  }
.AboutUsWorkContent .text-main-detail h2{
  margin: 10px 0;
  font-weight: 600;
  font-size: 18px;
}
.AboutUsWorkContent .text-main-detail h3{
  margin: 5px 0;
  font-weight: 500;
  font-size: 17px;
  color: #000;
}
.AboutUsWorkContent .text-main-detail .title-strong p{
  margin: 5px 0;
  font-weight: 300;
  font-size: 15px;
  color: #0a0a0a;
}
.AboutUsWorkContent h1 { font-size:16px; font-weight:bold;}
.AboutUsWorkContentButton { padding:28px 16px; border-top:1px solid #dedede; background-color:#fff; text-align:center;}
.AboutUsWorkContentButton img { width:160px;}

/** 关于乐播-联想乐播 */
.AboutUsContact { margin-bottom:16px; padding:16px; border-top:1px solid #dedede; background-color:#fff;}
.AboutUsContactTitle { line-height:24px; font-size:14px; color:#666;}
.AboutUsContactTitle b { font-size:16px; color:#333;}
.AboutUsContactContent { line-height:24px; margin-top:20px; color:#666;}
.AboutUsContactContent span { float:left;}
.AboutUsContactContent img { width:70px; margin-top:-12px; float:right;}

/*Footer*/
#footer{background: #FAFAFA;}
.footBox { padding:40px 20px 30px; /*background-color:#fff;*/position: relative;}
.footLeftNav{font-size: 0;}
.footLeftNav ul{display: inline-block;width: 33.3%;vertical-align: top; text-align: center;}
.footLeftNav ul li{font-size: 13px;padding: 10px 0;color: #333;font-weight:bold;}
.footLeftNav ul li a{color: #666666;font-weight:300;font-size: 12px;}
.footRightNav{margin-top:20px; width: 100%; height: 90px; text-align: center;}
.leboGzhEwmBox{ display: inline-block; height: 90px; margin: 0 auto;}
.footMore{ float: left; margin-right: 20px;}
.footMore p{margin:0;font-size: 12px; font-weight: 300;text-align: right;}
.footMore .call{font-size: 16px;color: #333;font-weight: bold;}
.leboGzhEwmBox .qrcode { float: left; text-align: center; font-size: 12px;}
.leboGzhEwmBox img{ display:inline-block;max-width: 160px;color: #666666; width:55%;}
@-webkit-keyframes footNav {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-right:0;}
  to { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right:1px;}
}
@keyframes footNav {
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-right:0;}
  to { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right:1px;}
}
.footNavB { width:100%; line-height:30px; padding-bottom:10px; display:none;}
.footNavB li { line-height:30px; margin-top:0px;}
.footNavB a { margin-left:10px; font-size:12px; color:#666; display:block;}

.footCopyright { border-top: 1px solid #F0F0F0; font-size:12px; color:#666;padding: 15px 0;text-align: center;}
.footCopyright a { color:#333;}