@charset "UTF-8";
body{font: 14px/1.5 "Microsoft Yahei",Tahoma,Arial Geneva, sans-serif;}
.main{padding-bottom: 0;}
.container-help{width: 1000px;margin: 0 auto;}
.container-young{width: 920px;margin: 0 auto;}
.lectures{padding: 40px 95px 90px;}
.lectures .tit{padding-bottom: 23px;color: #19a972;font-size: 20px;font-weight: 700;border-bottom: 1px solid #e5e5e5;}
.lectures .txt p{padding-top: 30px;text-indent: 2em;line-height: 23px;}
.lectures dl{padding: 38px 0 25px;}
.lectures dt{width: 100px;height: 33px;line-height: 33px;margin-right: 18px;color: #fff;font-weight: 700;text-align: center;background-color: #19a972;clear:both;}
.lectures dd{line-height: 33px;margin-bottom: 20px;}
.lectures .wxqrcode{margin-left: 45px;}

.worth-banner{height: 470px;background:#8b2121 url(../images/help/lectures/worth_banner.jpg) no-repeat center top;}
.worth-item{color: #222;background:#f0ece1 url(../images/help/lectures/worth_bg.jpg) repeat-x;}
.worth-item .tit{padding-top: 80px;font-size: 22px;}
.worth-item .tit1{padding-top: 22px;}
.worth-item .txt{padding: 36px 102px 0 65px;line-height: 30px;font-size: 18px;text-indent: 2em;}
.worth-item .graph{padding: 36px 0 102px;}
.ico{display: inline-block;vertical-align: middle;margin-right: 10px;}
.ico-star{width: 22px;height: 34px;background:url(../images/help/lectures/ico_star.png) no-repeat;}
.worth-item2 .graph{padding-bottom: 338px;}

.shadow{-webkit-box-shadow:-11px 11px 0 rgba(4,0,0,.1);
box-shadow:-11px 11px 0 rgba(4,0,0,.1);}
.adtn-item{}
.adtn-item .title{padding-bottom: 68px;color: #fff;font-size: 32px;font-weight: 700;}
.adtn-item01{padding: 611px 0 80px;background:#1ebb90 url(../images/help/lectures/computer.jpg) no-repeat center top;}
.stages{margin: 0 -20px 0 -10px;padding: 18px 0 48px;}
.stage-item{width: 320px;margin: 0 10px;background-color: #eef3f2;}
.stage-item .num{width: 108px;height: 33px;margin: -33px auto 8px;padding-top: 7px;color: #1fa47f;font-size: 30px;font-weight: 700;background:url(../images/help/lectures/circle_corner.png) no-repeat center top;}
.stage-item .tit{color: #1fa47f;font-size: 16px;font-weight: 700;background:url(../images/help/lectures/plus.png) no-repeat center center;}
.stage-item{height: 560px;/* padding-bottom: 32px; */}
.stage-item li{padding: 13px 20px 7px;}

.thumbnail{margin: 0 -10px;color: #fff;}
.thumbnail li{float: left;width: 320px;margin: 0 10px;}
.thumbnail .tit{padding: 30px 0 10px;font-weight: 700;}

.adtn-item02{}
.adtn-item02 .vs{margin-bottom: -70px;position: relative;top: 48px;}
.adtn-item02 .l,
.adtn-item02 .r{width: 50%;height: 800px;}
.adtn-item02 .l{background-color: #e6b4a1;}
.adtn-item02 .r{background-color: #82d9b8;}
.adtn-item02 .container-help{width: 510px;}
.adtn-item02 .inner{padding: 169px 30px 0;}
.adtn-item02 .txt{padding-top: 15px;}
.adtn-item02 .txt p{padding-top: 20px;text-indent: 2em;}

.adtn-item03{padding: 50px 0 78px;background-color: #1ebb90;}
.adtn-item03 .title{padding-bottom: 52px;}
.adtn-item03 .shadow{-webkit-box-shadow:-7px 7px 0 rgba(4,0,0,.1);
box-shadow:-7px 7px 0 rgba(4,0,0,.1);}
.adtn-item03 .txt{padding-left: 20px;padding-bottom: 60px;}
.adtn-item03 .txt p{padding-bottom: 23px;color: #fff;text-indent: 2em;}

.adtn-item03 th,.adtn-item03 td{padding:9px 5px;background-color: #7edab7;border: 1px solid #1ebb90;border-right-width: 2px;}
.adtn-item03 th{border-bottom-width: 2px;}
.contact{color: #fff;}

/*少年往事*/
.past-banner,.science-banner,.dream-banner{width: 100%;height: 470px;}
.mt100{margin-top: 100px;}.pt100{padding-top: 100px;}.mt200{margin-top: 200px;}.mb150{margin-bottom: 150px;}
.past-banner{background: url("../images/help/youngCase/banner_01.jpg") no-repeat center top;}
.young-item01{background: url("../images/help/youngCase/bg-shadow.png") no-repeat 20px top;}
.dec{width: 806px;margin: 0 auto;padding-top: 109px;}
.dec p{font-size: 18px;color: #676767;}
.young-net{color: #4a4a4a;}
.young-net h1{font-size: 50px;font-weight: bold;text-align: center;margin-bottom: 84px;}
.young-net .session .session-title{background: url("../images/help/youngCase/earth.png") no-repeat left center;padding-left: 38px;font-size: 30px;font-weight: normal;}
.young-net .session .session-dec,.session .char-note{font-size: 18px;margin: 10px 0 40px;}
.young-net .session .char-title{width: 481px;height: 45px;line-height: 45px;margin: 0 auto;background: url("../images/help/youngCase/pic-title.png") no-repeat;font-size: 26px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 20px;}
.session .char-con{text-align: center;}
.young-net .session .char-con img{margin-bottom: 60px;}
.young-net .sug{width: 870px;margin: 0 auto;}
.young-net .sug tr{display: block;margin-bottom: 40px;}
.young-net .sug td{font-size: 18px;text-align: left;}
.young-net .sug .sug-tit{font-size: 28px;font-weight: bold;color: #4a4a4a;width: 150px;vertical-align: top;}

/*科普解读*/
.bg-gray{background: #eee;}
.science-banner{background: url("../images/help/youngCase/banner_02.jpg") no-repeat center top;}
.science-item{padding-bottom: 80px;}
.science-item .stress{font-size: 26px;color: #00a39a;}
.science-item .session .session-tit h1{color: #FE3A00;background: url("../images/help/youngCase/sci-title.png") no-repeat center center;height: 90px;line-height: 75px;}
.science-item .session .session-tit h2{font-size: 28px;color: #00a39a;}
.science-item .session .session-tit h2:before,
.science-item .session .session-tit h2:after{content: "";width: 12px;height: 12px;background:#00a39a;border-radius: 50%;display: inline-block; margin: 3px 18px;}
.science-item .session .session-dec{width: 676px;padding: 20px 32px;margin: 25px auto 10px;border:2px dashed #00a39a;border-radius: 15px;font-size: 18px;text-indent: 26px;background: #fff;}

/*中国梦*/
.bd{border: 1px solid #dfdfdf;}
.dreamBg{background: #f1f1f1;}
.dream-banner{background: url("../images/help/youngCase/banner_03.jpg") no-repeat center top;}
.chineseDream .section{padding: 90px 45px 45px 55px;position: relative;color: #333;}
.section,.article,.aside{background-color: #fff;}
.chineseDream .label{width: 215px;height: 124px;background: url("../images/help/youngCase/dream.png") no-repeat top left;position: absolute;left: 0;top: 0;}
.chineseDream .section p{text-indent: 26px;font-size: 16px;}
.chineseDream .section .noti{text-indent: 0;margin-bottom: 15px;}
.chineseDream .section .solicit{height: 72px;overflow: hidden;position: relative;}
.chineseDream .section .solicit .showArticle{position: absolute;right: 0;bottom: 0;background: #fff;text-align: left;}
.chineseDream .section .art-tit{text-align: center;font-size: 20px;font-weight: normal;margin-bottom: 25px;}
.chineseDream .label-01{background-position: 0 0;}
.chineseDream .label-02{background-position: 0 -249px;}
.chineseDream .label-03{background-position: 0 -126px;width: 320px;height: 123px;}
.chineseDream .label-04{background-position: 0 -373px;}
.chineseDream .composition .article{width: 536px;position: relative;padding: 0 28px 0 30px;}
.chineseDream .composition .article .more{margin-top: 28px;}
.chineseDream .composition .article .author-tit{margin-top: 65px;font-size: 30px;}
.chineseDream .composition .article .article-area{border-bottom: 1px dashed #ccc;padding-bottom: 10px;position: relative;}
.chineseDream .composition .article .article-area .maskOpacity{position: absolute;bottom: 0;width: 507px;height: 30px;background: rgba(255,255,255,0.6);}
.chineseDream .composition .article .article-con{padding-right: 10px;height: 480px;width: 520px;}
.chineseDream .composition .article .article-con p{text-indent: 28px;line-height: 30px;}
.chineseDream .composition .article .remark{margin: 18px 0 33px 0;}
.chineseDream .composition .article .remark .fl{width: 12%;font-size: 18px;font-weight: bold;}
.chineseDream .composition .article .remark .fr{width: 88%;font-size: 12px;color: #666;margin-top: 4px;}
.chineseDream .composition .article .jspVerticalBar{width: 9px;}


.chineseDream .composition .aside{width: 344px;padding: 26px 22px;}
.chineseDream .composition .aside .aside-tit{font-size: 18px;}
.chineseDream .composition .aside dl{margin-bottom: 40px;}
.chineseDream .composition .aside dl dt{width: 343px;height: 122px;position: relative;}
.chineseDream .composition .aside dl dt img{width: 100%;height: 100%;}
.chineseDream .composition .aside dl dt .author{position: absolute;bottom: 0;left: 0;height: 30px;line-height: 30px;font-size: 16px;text-indent: 10px;width: 100%;color: #fff;}
.gradient{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.6) 100%);
}
.chineseDream .composition .aside dl dd,
.chineseDream .composition .aside dl dd a{font-size: 12px;color: #999;margin-top: 8px;}
.chineseDream .recommend{padding:90px 0 45px 55px;}
.chineseDream .recommend ul li{width: 288px;height: 100px;float: left;margin-right: 20px;margin-bottom: 20px;}
.chineseDream .recommend ul li img{width: 100%;height: 100%;border-radius: 10px;}