/*!****** lib.css *******/
/*!-----------------[åˆå§‹åŒ–]--------------*/
.partContent {overflow: hidden; margin-top:30px;}
.leftImg {float: left; width: 335px;height: 460px;}
.rightContent {float: right;width: 945px;min-height: 460px;position: relative;}
.rightContent .mainContent {width: 590px;height: 100%;float: left;position: relative;}
.rightContent .sideContent {float: right;width: 335px;height: 100%;}
.rightContent .mainContent.yellow:before {content: "";display: block;width: 100%;height: 4px;background: #d6b16b;position: absolute;top: 0;left: 0;}
.rightContent .mainContent.dark:before {content: "";display: block;width: 100%;height: 4px;background: #383d41;position: absolute;top: 0;left: 0;}
.wordBox {margin-top: 30px;padding: 0 24px;}
.wordBox p {font-size: 14px;line-height: 26px;color: #666;text-indent: 2em;margin-bottom: 24px;letter-spacing: 1px;}
.iconListBox {position: absolute;left: 0;bottom: 0;}
.iconListBox .iconList {overflow: hidden;border-left: 1px solid #eee;}
.iconListBox .iconItem {float: left;width: 147px;height: 137px;border: 1px solid #eee;border-left: none;}
.iconListBox .icon {margin: 26px auto 0;width: 60px;height: 60px;background: url(../image/iconss.png);background-repeat: no-repeat;}
.iconListBox .icon1 {background-position: 0 -850px;}
.iconListBox .icon2 {background-position: -60px -850px;}
.iconListBox .icon3 {background-position: -120px -850px;}
.iconListBox .icon4 {background-position: -180px -850px;}
.iconListBox p {text-align: center;font-size: 14px;line-height: 24px;color: #999;margin-top: 10px;}
.vipRight {position: relative;height: 100%;width: 100%;}
.vipRight a {position: absolute;bottom: 0;text-align: center;left: 0;font-size: 20px;color: #fff;line-height: 62px;width: 335px;height: 460px;overflow: hidden;display: block;text-decoration: none;background: #d6b16c;}
.vipRight a img {width: 335px;height: 460px;display: block;}

.advantageItem {overflow: hidden; width:1300px; padding-top:-20px; padding-bottom:30px;}
.advantageItem .advantageImg {float: left;}
.advantageItem .advantageTxt {float: left;margin-left: 42px;width: 780px;}
.advantageItem .advantageTxt .AdvantageTitle {font-size: 24px;line-height: 24px;font-weight: bold;color: #666;margin-top:20px;}
.advantageItem .advantageTxt .advantageWord {font-size: 15px;line-height: 30px;color: #666;letter-spacing: 1px;margin-top: 25px;}

.linkCourseCenter{ background: #f5f5f5; height: 155px; overflow: hidden; margin-bottom: 40px;}
.linkCourseCenter .linkBtn{ display: block; margin: 0 auto; width: 340px; height: 55px; border: 1px solid #cccccc; line-height: 55px; letter-spacing:3px; font-size: 22px; text-decoration: none; color: #333; text-align: center; margin-top: 30px;}
.linkCourseCenter .linkBtn:hover{color:#ae8414; background-color:#ffffff; border: 1px solid #ae8414;}
.linkCourseCenter p{ text-align: center; font-size: 20px; line-height: 24px; color: #888; letter-spacing: 8px; margin-top: 15px;}


.section-21{ width: 1300px; margin:0 auto;}
.section-21 .leftContent{ float: left; width: 920px; background-color:#FFFFFF;}
.section-21 .rightContent{ float: right; width: 350px;}
.section-21 .bannerContent{ overflow: hidden;}
.section-21 .bannerContent .mainBanner{ float: left; width: 545px; position: relative;overflow: hidden;}
.section-21 .bannerContent .mainBanner a.h_1{ display: block; width: 100%; height: 100%; position: relative;}
.section-21 .bannerContent .mainBanner a.h_1:before {
    position: absolute;
    content: "";
    bottom: 0px;
    height: 50%;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background:-o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
}
.section-21 .bannerContent .mainBanner .headLine{ z-index: 66; position: absolute; font-size: 22px; height: 40px; line-height: 40px; padding: 20px 30px 0; color: #fff; background: #e22a2a; transform: rotate(-45deg); top: -14px; left: -36px;}
.section-21 .bannerContent .mainBanner .imgDescrible{ position: absolute; font-size: 24px; color: #fff; line-height: 34px; letter-spacing: 2px; bottom: 28px; left: 28px; right: 28px;}
.section-21 .bannerContent .mainBanner .praise{ display: none; position: absolute; right: 28px; bottom: 9px; font-size: 16px; line-height: 34px; color: #888; letter-spacing: 1px; background: url(../images/zan.png) left center no-repeat; padding-left: 21px;}
.section-21 .bannerContent .minorBanner{ float: right; width: 264px; position: relative;}
.section-21 .bannerContent .minorBanner .part{ position: relative; margin-bottom: 12px; width: 264px; height: 198px; display: block;overflow: hidden; position: relative;}
.section-21 .bannerContent .minorBanner .part:before {
    position: absolute;
    content: "";
    bottom: 0px;
    height: 50%;
    width: 100%;
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0) 5%, rgba(0,0,0,0.85) 100%);
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background:-o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
}
.section-21 .bannerContent .minorBanner .imgDescrible{ position: absolute; font-size: 16px; line-height: 24px; color: #fff; letter-spacing: 1px; bottom: 13px; left: 20px; right: 14px;}
.section-21 .bannerContent .minorBanner .part img{ display: block; /*width: 100%;*/ height: 100%;}
.section-21 .contentBox{margin-top:13px;}
.section-21 .leftContent .navList{ overflow: hidden;}
.section-21 .leftContent .navItem{ float: left; width: 14.2857%; font-size: 16px; font-weight: bold; line-height: 28px; padding: 9px 0; color: #999; text-align: center; cursor: pointer; border-bottom: 1px solid #d6d6d6; position: relative;}
.section-21 .leftContent .navItem a{ display: block; height: 28px;}
.section-21 .leftContent .navItem.active:after{ content: ""; display: block; position: absolute; height: 3px; background: #d6b16b; width: 100%; bottom: 0; left: 0;}
.section-21 .leftContent .contentTitle{float: left; font-size: 16px; line-height: 28px; font-weight: bold; color: #bf9e5b; border-bottom: 1px solid #d6d6d6; padding: 9px 0; position: relative; margin-left:25px; margin-right:25px;}
.section-21 .leftContent .contentTitle:after{ content: ""; display: block; /*width: 100px; height: 3px;*/ background: #f9f9f9; position: absolute; bottom: 0; left: 0;}
.section-21 .leftContent .contentItem{ padding: 30px 25px; border-bottom: 1px solid #e6e6e6; overflow: hidden; transition: all 0.3s;}
.section-21 .contentItem .itemImg{ float: left; width: 258px; height: 140px; margin-right: 30px; position: relative; overflow: hidden;}
.section-21 .contentItem .itemImg a {
    display: block;
    width: 258px;
    height: 140px;
    overflow: hidden;
}
.section-21 .contentItem .itemImg img{ display: block; width: 100%;}
.section-21 .contentItem .itemImg span{ position: absolute; width: 74px; height: 24px; line-height: 24px; background: rgba(0,0,0,0.5); left: 0; bottom: 0; font-size: 12px; line-height: 24px; color: #fff; text-align: center; letter-spacing: 1px;}
.section-21 .contentItem .itemTxt{ float: right; width: 580px; height: 140px; position: relative;}
.section-21 .contentItem .listTitle{ font-size: 18px; line-height: 28px; font-weight: bold; letter-spacing: 2px; }
.section-21 .contentItem .listTitle a{ color: #333; text-decoration: none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s;}
.section-21 .contentItem:hover{ background: #f9f9f9;}
.section-21 .contentItem:hover .listTitle a{ color: #b38632;}
.section-21 .contentItem .listDescrible{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #777777; margin-top: 12px;}
.section-21 .contentItem .listInfor{ position: absolute; bottom: 0; width: 100%;}
.section-21 .contentItem .listInfor .source{ float: left; font-size: 12px; line-height: 24px; color: #bbb;}
.section-21 .contentItem .listInfor .iconGroup{ float: right;}
.section-21 .contentItem .listInfor .iconGroup span{ color: #bbb; font-size: 12px; float: left; line-height: 24px; margin: 0 10px; height: 24px;}
.section-21 .contentItem .listInfor .iconGroup span.readed{ background: url(../images/eye.png) left center no-repeat; padding-left: 18px;}
.section-21 .contentItem .listInfor .iconGroup span.collectible{ background: url(../images/pack.png) left center no-repeat; padding-left: 18px;}
.section-21 .contentItem .listInfor .iconGroup span.praise{ width: auto; background: url(../images/zan.png) left center no-repeat; padding-left: 18px;}
.section-21 .contentBox .loadMore{ height: 58px; border: 1px solid #e6e6e6; margin-top: -1px; transition: all 0.3s;}
.section-21 .contentBox .loadMore a{ display: block; font-size: 16px; color: #bbb; text-align: center; line-height: 58px; text-decoration: none;}
.section-21 .contentBox .loadMore:hover{ background: #f2f2f2; border: 1px solid #f2f2f2;}
.section-21 .rightTitle{ font-size: 20px; line-height: 28px; border-left: 4px solid #d6b16b; padding:0 25px 0 16px; margin-top: 27px;}
.section-21 .rightTitle span{ font-size: 14px; color: #aaa; margin-left: 12px;}
.section-21 .rightTitle a{ font-size: 14px; color: #aaa; margin-left: 12px; float: right;    line-height: 38px;}

.List_conet_ts {width: 350px;height: 100px;	background: #FFFFFF;padding: 20px 30px;	display: flex;	align-items: baseline;	justify-content: space-between;}
.List_conet_ts a img {display: block;	margin: 0 auto;}
.List_conet_ts a span {display: block;font-size: 14px;font-family: SourceHanSansCN;font-weight: 500;color: #333333;text-align: center;padding-top: 5px;}

.middle {padding: 30px 25px 42px;background-color: #FFFFFF;}
.middle .middle_top h4 {display: flex;align-items: center;}
.middle .middle_top h4 i {font-size: 20px;font-family: SourceHanSansCN;font-weight: 400;color: #333333;padding-left: 8px;}
.middle .middle_top p {padding-top: 14px;font-size: 14px;font-family: SourceHanSansCN;font-weight: 500;color: #333333;}
.middle .middle_top span {display: block;font-size: 14px;font-family: SourceHanSansCN;font-weight: 400;	color: #666;}
.switch_cn span {font-size: 24px;font-family: SourceHanSansCN;font-weight: 500;color: #333333;line-height: 36px;}
.switch_ct span {font-size: 14px;font-family: SourceHanSansCN;font-weight: 400;color: #999999; padding-right: 20px;}
.switch_tos p {margin-bottom: 20px;font-size: 15px;word-break: break-word; line-height:220%;}
.switch_tos span {/* display: block; */font-family: SourceHanSansCN;font-weight: 400; color: #333;line-height: 25px;}

.section-21 .weiTimeBox,.section-22 .weiTimeBox{ background: #fff; height: 440px; position: relative; box-shadow: 1px 1px 2px #efeeee; overflow: hidden;}
.section-21 .weiTimeBox .newsList,.section-22 .weiTimeBox .newsList{ margin-top: 28px; padding-left: 20px;}
.section-21 .weiTimeBox .newsItem,.section-22 .weiTimeBox .newsItem{ overflow: hidden; margin-bottom: 24px;}
.section-21 .weiTimeBox .newsItem .newsTit,.section-22 .weiTimeBox .newsItem .newsTit{ float: left; margin-right: 12px; position: relative;}
.section-21 .weiTimeBox .newsItem .newsTit span,.section-22 .weiTimeBox .newsItem .newsTit span{ position: absolute; width: 100%; height: 100%; line-height: 56px; left: 0; top: 0; text-align: center; font-size: 18px; color: #fff; letter-spacing: 1px;}
.section-21 .weiTimeBox .newsItem .newsTxt,.section-22 .weiTimeBox .newsItem .newsTxt{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #666; margin-top: 4px; padding-right: 18px;}
.section-21 .weiTimeBox .hoverContent,.section-22 .weiTimeBox .hoverContent{ display: none;}
.section-21 .weiTimeBox .publicTitle,.section-22 .weiTimeBox .publicTitle{ font-size: 16px; line-height: 28px; text-align: center; font-weight: bold; color: #666; letter-spacing: 1px; margin-top: 50px;}
.section-21 .weiTimeBox .publicTip,.section-22 .weiTimeBox .publicTip{ font-size: 14px; line-height: 24px; text-align: center; letter-spacing: 1px; color: #999; margin-top: 14px;}
.section-21 .weiTimeBox .publicCountImg,.section-22 .weiTimeBox .publicCountImg{ text-align: center; margin-top: 37px;}
.section-21 .weiTimeBox .concern,.section-22 .weiTimeBox .concern{ font-size: 12px; line-height: 28px; color: #d6b16b; position: absolute; right: 18px; bottom: 10px; cursor: pointer; letter-spacing: 1px;}
.section-21 .rightContent .vip,.section-22 .rightContent .vip{ margin-top: 30px; width: 100%;}
.section-21 .rightContent .vip img{ display: block; width: 100%;}
.section-21 .rightContent .hotArticle,.section-22 .rightContent .hotArticle{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 25px; box-shadow: 1px 1px 2px #efeeee;}
.section-21 .rightContent .articleList,.section-22 .rightContent .articleList{ padding: 0 28px; margin-top: 25px;}
.section-21 .rightContent .articleTxt,.section-22 .rightContent .articleTxt{ padding: 16px 0 14px; border-bottom: 1px solid #f2f2f2;}
.section-21 .rightContent .articleTxt a,.section-22 .rightContent .articleTxt a{ display: block; font-size: 14px; line-height: 24px; height: 48px; color: #666; letter-spacing: 1px; text-decoration: none;}
.section-21 .introduction,.section-22 .introduction{ background: #fff; overflow: hidden; margin-top: 30px; padding-bottom: 21px; box-shadow: 1px 1px 2px #efeeee;}
.section-21 .introductionBox,.section-22 .introductionBox{ padding: 0 28px; margin-top: 15px;}
.section-21 .introductionBox img, .section-22 .introductionBox img{ width: 100%; display: block; }
.section-21 .introductionBox .introductionImg a, .section-22 .introductionBox .introductionImg a{ overflow: hidden; display: block; height: auto;}
.section-21 .introductionTitle,.section-22 .introductionTitle{ font-size: 16px; line-height: 26px; color: #666; letter-spacing: 1px; margin-top: 17px;}
.section-21 .introductionSummary,.section-22 .introductionSummary{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px; margin-top: 10px; overflow: hidden;}
.introductionSummary .down{ background: url(../images/ppt.png) right center no-repeat; padding-right: 20px; float: right;}
.section-21 .introductionTipList,.section-22 .introductionTipList{ margin-top: 18px; padding-top: 13px; border-top: 1px solid #f2f2f2;}
.section-21 .introductionTipList li,.section-22 .introductionTipList li{ font-size: 14px; line-height: 22px; color: #666; letter-spacing: 1px; position: relative; padding-left: 15px; margin: 8px 0;}
.section-21 .introductionTipList li:before,.section-22 .introductionTipList li:before{ content: ""; display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #ccc;}
.section-21 .contribution,.section-22 .contribution{ background: #fff; margin-top: 30px; overflow: hidden; box-shadow: 1px 1px 2px #efeeee;}
.section-21 .contributionTxt,.section-22 .contributionTxt{ font-size: 14px; line-height: 22px; letter-spacing: 1px; color: #aaa; padding: 0 28px; margin-top: 23px;}
.section-21 .contribute,.section-22 .contribute{ padding: 0 28px; margin-top: 30px; padding-bottom: 40px;}
.section-21 .contribute a,.section-22 .contribute a{ display: block; height: 50px; line-height: 50px; font-size: 18px; letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; background: #d6b16b; border-radius: 3px; transition: all 0.3s;}
.section-21 .contribute a:hover,.section-22 .contribute a:hover{ background: #e6c17c;}
/*Ã¨Âµâ€žÃ¨Â®Â¯Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ*/
.section-21 .advertisement{}
.section-21 .advertisement img{ display: block; width: 920px;}
.section-21 .articleBox{ background: #fff; padding: 0 60px 70px 40px; overflow: hidden; margin-top: 20px; box-shadow: 1px 1px 2px #ccc;}
.section-21 .articleTitle{ font-size: 26px; line-height: 66px; margin-top: 25px; letter-spacing: 1px; font-weight: bold; color: #333; position: relative;}
.section-21 .articleTitle:before{ content: ""; display: block; width: 4px; height: 44px; background: #d6b16b; position: absolute; left: -40px; top: 50%; margin-top: -22px;}
.section-21 .articleTitle span{ font-size: 14px; color: #fff; background: #d6b16b; display: inline-block; width: 46px; height: 20px; line-height: 20px; text-align: center; border-radius: 3px;}
.section-21 .articleInfor{ overflow: hidden; margin-top: 12px;}
.section-21 .articleInfor .author{ float: left; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #999;}
.section-21 .articleInfor .classify{ float: left; font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #ccc; margin-left: 24px;}
.section-21 .articleInfor .classify i{ color: #d6b16b; font-style: normal;}
.section-21 .articleInfor .collection{ float: right; font-size: 14px; width: 56px; line-height: 24px; color: #ccc; background: url(../images/pack.png) left center no-repeat; padding-left: 20px; cursor: pointer;}
.section-21 .articleSummary{ font-size: 14px; line-height: 24px; color: #999; letter-spacing: 1px; margin-top: 36px; position: relative; padding-bottom: 30px;}
.section-21 .articleSummary:after{ content: ""; display: block; width: 160px; height: 4px; background: #efefef; position: absolute; left: 0; bottom: -4px;}
.section-21 .leftContent .articleImg{ margin-top: 40px;}
.section-21 .artcleConTxt{ font-size: 16px; line-height: 30px; /*text-indent: 2em;*/ letter-spacing: 1px; color: #333; margin: 30px 0; text-align: justify;}
.section-21 .artcleConTxt p{ font-size: 16px; line-height: 30px; /*text-indent: 2em;*/ letter-spacing: 1px; color: #333; margin: 30px 0; text-align: justify;}
.section-21 .praiseAction{ display: none; width: 100px; height: 48px; line-height: 48px; margin: 0 auto; background: #dedede; border-radius: 3px; margin-top: 47px; font-size: 18px; color: #fff; text-align: center; cursor: pointer; transition: all 0.3s;}
.section-21 .praiseAction.actived{ background: #d6b16b;}
.section-21 .enjoy{ background: #fff; box-shadow: 1px 1px 2px #ccc; margin-top: 32px; padding-bottom: 35px; overflow: hidden;}
.section-21 .enjoyTitle{ font-size: 20px; line-height: 24px; margin-top: 25px; letter-spacing: 1px; color: #333; position: relative; padding-left: 21px; margin-top: 32px;}
.section-21 .enjoyTitle:before{ content: ""; display: block; width: 4px; height: 30px; background: #d6b16b; position: absolute; left: 0; top: 50%; margin-top: -15px;}
.section-21 .enjoyBox{ margin-right: -35px; margin-top: 26px;}
.section-21 .enjoyList{ overflow: hidden; padding-left: 27px; padding-right: 36px;}
.section-21 .enjoyItem{ float: left; width: 229px; margin-right: 35px;}
.section-21 .enjoyItem .enjoyPic{ height: 124px; overflow: hidden;}
.section-21 .enjoyItem .enjoyPic img{ display: block; width: 100%;height: 100%;}
.section-21 .enjoyTit a{ display: block; font-size: 14px; line-height: 24px; color: #666; letter-spacing: 1px; text-decoration: none; margin-top: 14px;}
.section-21 .exampleLink,.section-22 .exampleLink,.events-detail .exampleLink{/* padding: 20px 0 20px 10px; *//* margin-bottom: 30px; *//* margin-top: 30px; */}
.section-21 .exampleLink p,.section-22 .exampleLink p,.events-detail .exampleLink p{ text-indent: 1em;}
.section-21 .exampleLink p a,.section-22 .exampleLink p a,.events-detail .exampleLink p a{ font-size: 14px; line-height: 22px; letter-spacing: 1px; color: #666; text-decoration: none;}
.section-21 .recommend{ background: #fff; margin-bottom: 30px; box-shadow: 1px 1px 2px #ccc; overflow: hidden;}
.section-21 .recommendCourseImg{     padding: 0 28px; margin-top: 28px;}
.section-21 .recommendCourseImg a{ display: block; width:100%; overflow: hidden; height: auto;}
.section-21 .recommendCourseImg a img{ display: block; width: 100%;}
.section-21 .recommendCourseTit a{ display: block; font-size: 16px; line-height: 22px; text-decoration: none; letter-spacing: 1px; color: #333; padding: 20px 32px 12px 28px;}
.section-21 .courseArrangement{ margin: 0 32px 0 28px; border-top: 1px solid #f2f2f2; padding: 12px 0;}
.section-21 .courseArrangement li{ overflow: hidden;}
.section-21 .courseArrangement li .time{ float: left; width: 123px; font-size: 14px; line-height: 34px; letter-spacing: 1px; color: #666; position: relative; padding-left: 15px;}
.section-21 .courseArrangement li .time:before{ content: ""; display: block; width: 4px; height: 4px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.section-21 .courseArrangement li .addr{ float: left; font-size: 14px; line-height: 34px; letter-spacing: 1px; color: #666;}
.section-21 .courseArrangement li a{ float: right; font-size: 14px; line-height: 34px; letter-spacing: 1px; color: #d6b16b; text-decoration: none;}
.section-21 .recommend .more{ height: 40px; background: #f9f9f9;}
.section-21 .recommend .more a{ display: block; line-height: 40px; text-align: center; color: #aaa; text-decoration: none; font-size: 14px; letter-spacing: 1px;}
.section-21 .latestHotCourse,.section-22 .latestHotCourse{ background: #fff; overflow: hidden; margin-top: 30px; box-shadow: 1px 1px 2px #ccc;}
.section-21 .courseList,.section-22 .courseList{ padding: 0 32px 28px 28px;}
.section-21 .courseList li,.section-22 .courseList li{ border-bottom: 1px solid #f2f2f2; padding: 18px 0 14px;}
.section-21 .courseList .courseInf,.section-22 .courseList .courseInf{ overflow: hidden;}
.section-21 .courseList .courseInf .time,.section-22 .courseList .courseInf .time{ float: left; font-size: 14px; line-height: 16px; color: #999; background: url(../images/clock.png) left center no-repeat; padding-left: 26px;}
.section-21 .courseList .courseInf .addr,.section-22 .courseList .courseInf .addr{ float: left; font-size: 14px; line-height: 16px; color: #999; border-left: 1px solid #999; padding-left: 6px; margin-left: 6px;}
.section-21 .courseList .courseName a,.section-22 .courseList .courseName a{ font-size: 14px; line-height: 24px; display: block; letter-spacing: 1px; color: #666; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; letter-spacing: 1px;}
.section-21 .yearSchedule,.section-22 .yearSchedule{ height: 62px; line-height: 62px; border: 2px solid #d6b16b; border-radius: 3px; text-align: center; margin-top:20px; box-shadow: 2px 2px 3px #e1e1e1;}
.section-21 .yearSchedule a,.section-22 .yearSchedule a{ display: block; font-size: 22px; letter-spacing: 1px; text-decoration: none; color: #D6B16B;}
.section-21 .yearSchedule a img,.section-22 .yearSchedule a img{ margin-right: 14px;}
.share{ position: fixed; left: 50px; top: 300px; z-index: 99999999; display: none;}
.share .shareList li{ width: 30px; height: 30px; border-radius: 50%; margin: 10px 0;}
.share .shareList li a{ display: block; width: 100%; height: 100%; background-image: url(../images/icons.png); background-repeat: no-repeat; background-color: #b9b6b6; border-radius: 50%; font-size: 16px; line-height: 30px; text-indent: -999px; transition: all 0.3s;}
.share .shareList li.sinna a{ background-position: -309px -1051px;}
.share .shareList li.wx a{ background-position: -339px -1051px;}
.share .shareList li.wb a{ background-position: -369px -1051px;}
.share .shareList li.zone a{ background-position: -399px -1051px;}
.share .shareList li.more a{ background-position: -429px -1051px;}
.share .shareList li.sinna:hover a{ background-color: #e6162d;}
.share .shareList li.wx:hover a{ background-color: #51b342;}
.share .shareList li.wb:hover a{ background-color: #5ac5f9;}
.share .shareList li.zone:hover a{ background-color: #ffce00;}
.share .shareList li.more:hover a{ background-color: #d6b16b;}
.section-21 .introduction{    background: #fff;overflow: hidden;margin-top: 30px;padding-bottom: 25px;box-shadow: 1px 1px 2px #efeeee;}
.section-21 .rightTitle{position: relative;}
.section-21 .introduction .more{display: inline-block;position: absolute;right: 0;top: 0;width: 100%;height: 100%;text-align: right;margin-right: 40px;}
/*!****** bl end *******/