@charset "utf-8";
/* CSS Document */
body {background-color:#f2f2f2; }
.channelTit { line-height: 30px;/* height: 30px; */padding:15px 0px 15px 0px; margin-top: 15px; font-size: 28px; font-family: "OpenSansBold"; color: #252525;}

.channelNewsList li { background-color: #ffffff; overflow: hidden; margin-bottom: 15px; padding: 15px 20px 15px 25px; color: #484848;  line-height:18px;}
.channelNewsList li .pic { width: 230px; /*height: 150px; */ /*height: auto; */  float: right; margin-top: 15px; margin-left: 35px; margin-bottom: 15px;}
/*.channelNewsList li .pic img { width: 230px; height: 150px;}*/
.channelNewsList li .pic p { width: 100%; height: 0; padding-bottom: 75%; overflow: hidden;}
.channelNewsList li .pic img { width: 100%; height: auto; }
.channelNewsList li .txt { overflow: hidden; }
.channelNewsList .tit {overflow:hidden; padding-top:10px;}
.channelNewsList .summary { /*margin:10px 0px 5px 0px;*/ overflow:hidden; font-size:13px; display: inline; }
.channelNewsList .editerTxt { font-size: 12px; padding: 0; margin-top: 10px; margin-bottom: 10px; }
.channelNewsList .editerTxt .name { font-size: 12px;}
.channelNewsList audio { width: 100%;}

.tag { line-height: 16px; margin: 15px 0; clear: both; padding-left: 20px; font-size: 12px; background: url(../images/ico_tag.png) no-repeat left top;}
.tag a { display: inline-block; padding: 0 5px; border-right: #c8c8c8 1px solid; height: 16px; margin: 2px 2px;}

.pages { /*height:28px;*/ overflow:hidden; font-size: 14px; line-height:24px; padding:18px 0px; color:#787878; text-align: center;}
.pages a { display:inline-block; min-width: 8px; padding: 0 8px; height:24px; text-align:center; color:#000000; margin:0px 4px; }
.pages a.page { background-color:#fcfcfc; color:#808081;}
.pages a.dq,.pages a.page:hover,.pages a:hover { background-color:#15426f; color:#ffffff;}
.pages .goPageInput { display: inline-block; width: 56px;  height: 26px; margin: -2px 5px 0 10px;}
.pages .goPageInput input { height: 24px; width: 54px; line-height: 24px; text-align: center; background-color: #ffffff; border: #cfcfcf 1px solid;}
.pages .goPageBt { display: inline-block; width: 24px; height: 24px; margin: 0 5px; cursor: pointer; color: #133a62;}

.searchTopBar { width: 480px; height: 40px; line-height: 40px; margin:0 auto; padding: 30px 0; border-bottom: #dadada 1px solid;  }
.searchTopBar .txt { width: 70px; height: 40px; float: left;; }
.searchTopBar .searchBox { overflow: hidden; height: 40px; }
.searchTopBar .inputSearch { height: 28px; padding: 5px 5px; overflow: hidden; border:#d0d0d0 1px solid; background: #ffffff; }
.searchTopBar .inputSearch input { display: block; width: 100%; height: 28px; }
.searchTopBar .searchBt { display: block; width: 60px; height: 40px; overflow: hidden; text-indent: -999px; float: right; background: #154170 url(../images/search_bt.png) no-repeat center center; }

.conMainL { width: 690px; padding: 0 25px 0 24px; float: left; border-right:#e5e5e5 1px solid; font-size: 14px; }
.conMainL img { max-width: 100%; height: auto; }
.conMainR {/* width: 380px;width: 330px; float: left; border-left:#e5e5e5 1px solid; margin-left: -1px;*/overflow: hidden; padding: 0 25px; }
.conPadding { padding: 25px 25px;}

.shareBar { width: 100%; height: 32px; line-height: 32px; margin-bottom: 10px; font-size: 20px; /*overflow: hidden;*/background-color: #ffffff; }
.shareBox { height: 32px; /*overflow: hidden; */float: right; background-color: #ffffff; font-size: 12px; }
.shareBox a { display: inline-block; overflow: hidden; text-indent: 999px; width: 32px; height: 32px; background-image: url(../images/ico_share.png); background-repeat: no-repeat; margin:0 5px; float: left;}
.shareBox a.s1 { background-position: 0 0; }
.shareBox a.s2 { background-position: -42px 0; }
.shareBox a.s3 { background-position: -84px 0; }
.shareBox a.s4 { background-position: -126px 0; }
.shareBox .disBlock,.shareBox .fb-like,.fb-like.disBlock { display: inline-block; float: left; overflow: hidden; font-size: 12px; line-height: 28px; }
.shareBox .st_twitter_hcount { padding-top:5px;}
.pubdate { font-size: 12px; color: #828181;}
.shareBar .pubdate { display: inline-block;/* margin-top: 17px;*/ height: 15px; line-height: 15px;}
.shareBar .fb-like,.shareBar a.shareTw { margin-top: 5px; }
.shareBar a.shareTw { background-color: #1877f2; display: inline-block; font-weight: 600; text-indent:0; border-radius: 3px; font-size: 11px; height: 20px; line-height: 20px; color: #ffffff; padding: 0 6px; background-image:none;}

.mediaReport .topPic img { width: 100%; height: auto; margin-bottom: 10px; }
.mediaReport li { padding: 5px 0; clear: both; overflow: hidden; font-size: 14px; line-height: 22px; }
.mediaReport .tit { line-height: 30px; padding: 8px 0 8px 10px; border-left: #15426f 7px solid; margin:10px 0; }
.mediaReport p { padding: 8px 0; }

.likeList {}
.likeList ul { overflow: hidden; background: #ffffff; }
.likeList li { border-top: #e7e7e7 1px solid; margin-top: -1px; line-height: 30px; padding: 15px 25px; font-size: 16px; overflow: hidden;}
.likeList .pic { width: 65px; height: 65px; border-radius: 65px; margin: 5px 15px 5px 0px; overflow: hidden; float: left;}
.likeList .pic img { width: 65px; height: 65px; border-radius: 65px;}
.likeList .txt { overflow: hidden; padding: 10px 0; line-height: 20px; color: #828181; font-size: 11px;}
.likeList .txt .nameColor { font-size: 12px;}
.likeList .tits { font-size: 20px; padding: 5px 0;}

.sideColTit { height: 35px; line-height: 30px; font-size: 26px; color: #252525; }

.magazineList {/* width: 1010px; margin-left: 45px;*/ width: 1015px; margin-left: 55px; overflow: hidden; clear: both;}
.magazineList ul { width: 1100px; overflow: hidden; margin-top: -10px;}
.magazineList li { border-bottom:#e0e0e0 1px solid; /*width: 275px; */ width: 185px;/* height: 400px;*/ padding-right: 90px; padding-top: 45px;  float: left; overflow: hidden; margin-bottom: -1px; padding-bottom: 40px;}
.magazineList .pic { width: 185px; height: 240px; overflow: hidden; box-shadow:3px 3px 3px #dddddd; }
.magazineList .pic img { width: 185px; height: 240px;}
.magazineList .txt { font-size: 12px; line-height: 16px;  height: 55px; overflow: hidden; margin: 15px 0 10px 0; clear: both; }
.magazineList .tits { margin-bottom: 5px; font-size: 14px; max-height: 32px; overflow: hidden;}
.languageBar { width: 200px; height: 37px; font-size: 14px;}
.languageBar .sort { display: block; float: left; width: 85px; height: 37px;  line-height: 37px; margin-right: 14px; }
.languageBar .sort a { display: block; width: 100%; height: 37px;background-color: #4f7baa; text-align: center;}

.bookCover .languageBar { width: 280px; margin: 30px auto; text-align: center;}
.bookCover .sort { display: inline-block; float: none;}

/*--------*/
.reflecTop,.recommendTop { height: 245px; min-height: 245px; line-height: 245px; padding: 0 20px; text-align: center; margin: 15px auto; overflow: hidden;}
.reflecBox { max-width: 780px; line-height: 22px; margin: 0 auto; display:inline-block; vertical-align:middle; padding: 20px 0;}
.reflecTop { background: #66a3c2 url(../images/tit_mapbg.png) no-repeat center center;}
.recommendTop { background: #3a3a3a url(../images/tit_recommends_bg.jpg) no-repeat center center;}
.reflecTit { font-size: 30px; font-weight: bold; line-height: 40px;}
.reflecCon { font-size: 14px;}

.podcastsTopBg {text-align: left;}
.podcastsTopBg .reflecBox {margin-left: 120px;}

.reflecList { width: 1137px; margin-left: -8px; overflow: hidden; font-size: 13px;}
.reflecList.threeCol { width: 379px; float: left;}
.reflecList li { width: 362px; height: 439px; background-color: #ffffff; border-bottom: #adadad 1px solid; float: left; margin: 0px 9px 17px 8px; overflow: hidden;}
.reflecList .pic { height: 240px;}
.reflecList .pic img { width: 100%; height: 240px;}
.reflecList .txt { padding:20px 25px 0px 25px; line-height: 18px; height:160px; overflow: hidden;}
.reflecList .summary { height: 90px; overflow: hidden;}
.reflecList .name { margin-top: 10px;}
.reflecList .jobs {color:#828181; font-size: 11px;}

h1 { font-size: 26px; line-height: 32px; padding: 5px 0; clear: both; color: #252525; font-weight: normal;}
.content { margin-bottom: 20px; font-size: 16px; line-height: 22px; color: #484848;}
.content p {/* padding:10px 0;*/ margin: 0 0 20px 0;}
.content img { max-width: 100%; height: auto;}
.contentLike { padding: 20px 0; font-size: 18px; line-height: 28px; font-style: italic;}
.content a,.content a:hover {color: #50b6dc;}
.content a:hover { text-decoration: underline;}

.reflecSideR { padding-top: 45px; padding-bottom: 20px;}
.reflecSideR .name { font-size: 20px;}
.reflecSideR .jobs { font-size: 13px; color: #818181; margin-bottom: 10px;}
.reflecSideR .summary { font-size: 14px; line-height: 22px; color: #484848; font-style: italic;}

.commentBox { margin-top: 1px; padding: 25px 25px; background-color: #ffffff; font-size: 14px;}

.authorList { overflow: hidden;/* background: url(../images/line_point.gif) repeat 0 0; */margin-bottom: 10px;}
.authorList li {/*  width: 50%;height: 75px; height: 80px;*/ padding: 8px 0 7px 0px; overflow: hidden; /*float: left;*/}
.authorList .pic { width: 90px; height: 80px; background: #ffffff; text-align: center; float: left; }
/*.authorList .pic p {width: 75px; height: 75px; border-radius: 75px; margin:0 auto;}*/
.authorList .pic img { width: 70px; height: 70px; border-radius: 70px; overflow: hidden;}
.authorList .txt { /*height: 75px; */font-size: 12px; padding-right: 5px; line-height: 15px;overflow: hidden; color: #818181;/**/ min-height: 65px; padding-bottom: 10px; border-bottom: #dddddd 1px solid;}
.authorList .nameTit,.contributorsList .nameTit { font-size: 20px; padding: 6px 0;}
/*-----*/
.contributorsTop { margin: 15px 0;}  .contributorsTop img,.contributorsTopM img { width: 100%; height: auto;}
.contributorsTopM { display: none;}
.contributorsList { width: 1140px; margin-left: -10px; margin-bottom: 20px; overflow: hidden;}
.contributorsList li { width: 320px; height: 90px; padding:25px 20px;  margin: 15px 10px 0px 10px; float: left; border-bottom: #adadad 1px solid; background-color: #ffffff;}
.contributorsList .pic { width: 90px; height: 90px; border-radius: 90px; text-align: center; overflow: hidden; float: left; margin-right: 20px; background-color: #a3a3a3; font-size: 32px; color: #ffffff;}
.contributorsList .pic span { display: inline-block; line-height: 90px;}
.contributorsList .pic img { width: 90px; height: 90px; border-radius: 90px; margin: 0; padding: 0; }
.contributorsList .txt { height: 90px; overflow: hidden; padding-top: 5px; font-size: 13px; color: #5e5e5e;}

.zz_indexBar { /*height:45px;*/  margin:25px 0 10px 0; font-size:16px; position: relative; padding-right: 140px;}
.zz_index a { display:inline-block; height:32px; line-height: 32px; padding:0px 8px; margin: 0 1px 1px 0;  color:#828181; cursor: pointer;}
.zz_index a.dq,.zz_index a:hover {color:#ffffff; background-color: #66a3c2; }
.zz_index a.allBt { display: none;}
.zz_indexBar .lang { position: absolute; top: 0; right: 0; z-index: 1; text-align: right;}
.zz_indexBar .lang a { display: inline-block; width: 60px; height: 30px; text-align: center; line-height: 30px; border: #828181 1px solid; margin-left: 8px; cursor: pointer;}
.zz_indexBar .lang a.dq,.zz_indexBar .lang a:hover { border:#66a3c2 1px solid; color: #66a3c2;}

.zzTopBox { padding: 30px 20px 25px 20px; background-color: #ffffff; overflow: hidden; margin-bottom: 15px;}
.zzTopBox .pic { width:75px; height:75px; font-size:32px; line-height:75px; text-align:center; overflow:hidden; border-radius:75px; float:left; margin-right:15px; color:#ffffff;}
.zzTopBox .pic img { width:75px; height:75px; border-radius:75px; display: block; overflow: hidden;}
.zzTopBox .txt { overflow:hidden; padding-top:5px; font-size: 13px;}
.zzTopBox .name { font-size: 20px; margin-top: -10px;}
.zzTopBox .jobs {color:#828181; font-size: 13px; margin-bottom: 8px;}
.zzTopBox .summary { line-height: 18px; color: #484848;}

.page404Box { width: 580px; margin: 70px auto 40px auto; border-bottom: #cecece 1px solid; padding-bottom: 40px; position: relative; text-align: center; font-size: 26px; line-height: 40px; color: #252525;}
.page404Box .or { width: 55px; height: 30px; text-align: center; line-height: 30px; background-color: #f2f2f2; position: absolute; bottom: -15px; left: 50%; margin-left: -27px; z-index: 1; font-size: 26px;}

.library { width: 880px; margin: 80px auto; text-align: center;}
.library img { max-width: 100%; height: auto;}
.library .inputBox { padding: 10px 20px; /*height: 24px; */margin: 30px 0; background-color: #ffffff; border: #d1d1d1 1px solid; overflow: hidden;}
.library .inputBox input { width: 100%; height: 24px; line-height: 24px; overflow: hidden; font-size: 18px; color: #979797;  margin: 0px; padding: 0px;}
.library .searchBt { display: inline-block; height: 40px; line-height: 40px; width: 145px; margin: 3px 8px; cursor: pointer; font-size: 14px; color: #ffffff; background-color: #154170;}

.highLight { margin-top: 50px; border-top: #cecece 1px solid; font-size: 20px; position: relative; padding-top: 40px;}
.highLight .hTit { width: 200px; position: absolute; z-index: 1; top: -15px; left: 50%; margin-left: -100px;  height: 30px; color: #252525; font-size: 26px; line-height: 30px; padding: 0 10px; background-color: #f2f2f2; }
.highLight ul { width: 890px; margin-left:-5px; overflow: hidden; clear: both;}
.highLight li { display: block; width: 25%; height: 140px;  margin: 5px 0; float: left; overflow: hidden;}
.highLight li a { display: block; margin: 0 5px; padding: 5px 26px; height: 130px;line-height: 130px; overflow: hidden;}
.highLight .bg_c1 { background-color: #607425;}
.highLight .bg_c2 { background-color: #69bedd;}
.highLight .bg_c3 { background-color: #3e7ece;}
.highLight .bg_c4 { background-color: #896fbf;}
.highLight .bg_c5 { background-color: #448877;}
.highLight .bg_c6 { background-color: #ed8b3b;}
.highLight .bg_c7 { background-color: #ab333f;}
.highLight .bg_c8 { background-color: #159e90;}
.highLight p {display:-moz-inline-stack; display:inline-block; line-height:26px; font-size: 20px; vertical-align:middle;}
.highLight i {width:0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; font-size:0;}

.bookInfoL { width: 390px; float: left; overflow: hidden; font-size: 14px; line-height: 22px; color: #484848;}
.bookCover { width: 260px; margin-left:25px; float: right;}
.bookCover img { width: 100%; height: auto; border:#dddddd 1px solid; box-shadow: 1px 1px 6px 3px #eeeeee; }
.bookInfo h1 { font-size:26px; padding:0; font-weight:normal;}
.bookInfo p { padding:8px 0px;} .bookInfo img { max-width:100%;}
.published { line-height: 22px; margin: 5px 0; clear: both; font-size: 13px; color: #828181;}
.bookInfo .published .name { font-size: 20px; line-height: 22px;}

.pingyuList { overflow: hidden; margin-left: -25px;}
.pingyuList li { border-top: #e3e3e3 1px solid; margin-top: -1px; padding:10px 0 10px 20px;}
.quoteTxt { margin:10px 10px 0px 10px; padding:30px 0px 0px 30px; background:url(../images/quote_begin.png) no-repeat left top;}
.quoteTxtCon { padding:0 30px 25px 0; font-size: 14px; line-height: 22px; color: #484848; font-style:italic;  background:url(../images/quote_end.png) no-repeat right bottom}
.pingyuList .published { margin: 5px 0 5px 40px;}

/*-------*/
.bookList { width:1140px; margin-left: -20px; clear:both; padding:0px 10px; overflow:hidden; font-size: 13px;}
.bookList li { width:50%; float:left; /*height:240px;*/ overflow:hidden; padding:7px 0; color:#222222;}
a.bookBox { display:block; background-color:#ffffff; height:240px; margin:0px 10px; padding: 18px 20px; overflow:hidden; line-height:18px; border-bottom: #adadad 1px solid; color: #484848;}
a.bookBox .pic { width:160px; height:240px; float:left; margin-right: 20px; }
a.bookBox .pic img { width:160px; height:240px;box-shadow:3px 3px 3px #dddddd; }
a.bookBox .txt { overflow:hidden; padding:10px 0px 10px 0px;}
a.bookBox .tit { font-size:20px; line-height:24px; color:#252525;}
a.bookBox .con { max-height:162px; overflow:hidden;}
a.bookBox .author { font-size:14px; line-height:20px; color:#98753c; margin-bottom:10px;} 
a.bookBox:hover {background-color:#1a4277; color:#ffffff;}
a.bookBox:hover .tit { color:#ffffff;}
a.bookBox:hover  .author {color:#bbc2cf;}
a.bookBox:hover .pic img {box-shadow:3px 3px 3px #0e366c;}

.ctw_Tit { padding: 20px 0; margin: 0px 25px 25px 25px; clear: both; border-bottom:#e5e5e5 1px solid;}
.ctw_Tit img { max-width: 100%;}
.ctw_con { overflow: hidden; line-height: 22px;}
.pubdate { padding: 10px 0; font-size: 18px;}
.ctw_con li.top { padding-top: 0;}
.ctw_con li.top img { width: 100%; height: auto; clear: both; float: none; margin: 0;}
.ctw_con li { overflow: hidden; border-top: #cfcfcf 1px solid; margin-top: -1px; padding: 28px 0;}
.ctw_con li.top .tit { clear: both; border-left: #1d3d6e 7px solid; margin: 30px 0 25px 0; padding-left: 20px;}
/*.ctw_con li img { float: left; width: 340px; margin-right: 20px;}*/
.ctw_con li .tit { padding: 15px 0; overflow: hidden; color: #245178;}
.ctw_con li p { padding: 5px 0;}
.ctw_con a,.ctw_con a:hover {color: #50b6dc;}
.ctw_con a:hover { text-decoration: underline;}
.ctw_con .ctwPic {float: left; width: 340px; margin-right: 20px; margin-bottom: 5px;  line-height: 30px; text-align: center; color: #777777;}
.ctw_con .ctwPic img {width: 340px; height: auto;}

.quizlist {  margin-top: 20px; margin-bottom: 20px; padding-top: 40px; background-image: url(../images/quizTitle1.png); background-repeat: no-repeat; background-size: 1000px 22px; background-position: top left; /* padding: 10px 0px; background: #efefef;  border-top: #dddddd 1px dotted; border-bottom: #dddddd 1px dotted; */  }
.quizlist li { padding: 0px; margin: 0px; margin-bottom: 20px; background-color: #a3ca61; border: 0px solid #eee; border-radius: 1em; -webkit-box-shadow: 0px 0px 25px #ccc; -moz-box-shadow: 0px 0px 25px #ccc; box-shadow: 0px 0px 25px #ccc; background-image: url(../images/quizQuestionTitle.png); background-repeat: no-repeat; background-size: 67px 67px; background-position: top right; width: 80%; }
.quizlist li h1 { padding: 15px 70px 15px 30px; color: #fff; font-size: 12px; line-height: 18px; font-weight: bold; display: inline-block; clear: both;}
.quizanswer { padding: 10px 0px; background-color: #fff; border-bottom-left-radius: 1em;  border-bottom-right-radius: 1em;}
.quizanswer li { padding-left: 20px; padding-right: 20px; margin: 5px; color: #000; background:none; background-color: #fff; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: auto; background-repeat: no-repeat; background-position: center center; }

.quizanswer li h2  { cursor: pointer;  margin-left: 30px; padding: 10px 5px; font-size: 12px; line-height: 18px; font-weight: bold; color: #333; border-bottom: 1px solid #ddd;}
.quizanswer li h2:hover { color: #063e69; }
.quizanswer li p { display: none; margin: 10px 0px 10px 30px; border-left: #dddddd 2px solid; padding-left: 10px; font-size: 12px; line-height: 18px; }
.quizanswer li h2.icoRight1 { text-decoration:none; color: #6ca95b; }
.quizanswer li h2.icoRight0 { text-decoration:line-through; color: #333; }
.quizanswer li h2:before { content: ''; display: block; width: 18px; height: 18px; float: left; margin-left: -30px;  background-repeat: no-repeat; background-position: center center; background-image: url(../images/ico_answer.png);}
.quizanswer li h2.icoRight1:before {background-image: url(../images/ico_answer1.png);}
.quizanswer li h2.icoRight0:before {background-image: url(../images/ico_answer0.png);}

/* .quizlist li.moreQuizLi {  float: left; width: 46%; margin-right: 20px;} */
/* 20180915注释
.quizanswer li h2  { font-size: 12px; line-height: 18px; font-weight: normal; cursor: pointer; display: inline-block; clear: both; padding: 5px 10px; background-color: #ddedfd; color: #063e69; border-radius: 5px;}
.quizanswer li h2:hover { background-color:#063e69; color: #ffffff; }
.quizanswer li p { display: none; margin: 10px 0; border-left: #dddddd 2px solid; padding-left: 10px; font-size: 12px; line-height: 18px; }
.quizanswer li h2.icoRight1 { background-color: #f7f8f8; color: #333333; font-weight: bold;}
.quizanswer li h2.icoRight0 { background-color: #f7f8f8; color: #333333;}
.quizanswer li h2.icoRight1:before,.quizanswer li h2.icoRight0:before { content: ''; display: block; width: 18px; height: 18px; float: left; margin-left: -30px;  background-repeat: no-repeat; background-position: center center;}
.quizanswer li h2.icoRight1:before {background-image: url(../images/ico_answer1.png);}
.quizanswer li h2.icoRight0:before {background-image: url(../images/ico_answer0.png);}
*/

/*
.quizanswer li .icoRight1 { padding-left: 20px; background-image: url(../images/ico_answer1.png); background-repeat: no-repeat; background-size: 11px 22px; }
.quizanswer li .icoRight0 { padding-left: 20px; background-image: url(../images/ico_answer0.png); background-repeat: no-repeat; background-size: 11px 22px;}

.quizanswer li h2.icoRight1 { background-color: #f7f8f8; color: #333333;}
.quizanswer li h2.icoRight0 { background-color: #dc8487; color: #ffffff;}
*/

.quickFocusList { overflow: hidden; padding: 15px 10px;}
.quickFocusList li.item { width: 50%; float: left;}
.quickFocusBox { margin: 10px 10px; height:380px; padding: 15px 50px 15px 20px; border-top:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; border-left:#a5282e 5px solid;  }
.quickFocusBox .qf_Txt { height: 290px; margin-bottom: 20px; overflow: hidden; font-size: 14px; color: #555555; line-height: 24px;}
.quickFocusBox .qf_editer { height: 80px; overflow: hidden;}
.quickFocusBox a:hover {color: #50b6dc;}

.questionBar { margin:0 15px 10px 15px;}
.questionBar .inputBox { overflow:hidden; height:28px; padding:5px 10px; background-color:#f2f2f2;}
.questionBar .inputBox input { width:100%; background-color:#f2f2f2; line-height:28px; height:28px; color:#828181;}
.questionBar .textarea { overflow:hidden; padding:5px 10px; height: 100px; margin: 10px auto; clear: both; background-color:#f2f2f2;}
.questionBar .textarea textarea { width:100%; background-color:#f2f2f2; line-height:28px; height:100px; color:#828181;}
.tr { text-align: right;}
.questionBar .bt { display:inline-block; width:80px; height:38px; text-align:center; line-height:38px; background-color:#a52421;}
.questionList  li { padding: 15px 20px; line-height: 22px; font-size: 16px; overflow: hidden; border-bottom: #dddddd 1px solid;}

.mainR_q { width:365px; float:right; font-size: 14px;}
.mainR_q .tit { line-height:20px; font-size:16px;}
.reflecTop .reflecCoverBg { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3)}
.emailTips { margin:0 15px 10px 15px; line-height:15px; font-size:12px; color:#818181; }


.podcastsBar { padding: 50px 0; width: 100%; min-width: 1120px; background-color: #555555; overflow: hidden;}
.podcastsBar .editerBar { /*width: 100%;*/ margin: 30px 30px 0 0; overflow: hidden; clear: both;} 
.podcastsBar .editerBar .editerPic,.podcastsBar .editerBar .editerPic img { width: 100px; height: 100px;}
.podcastsBar .editerBar .name { font-size: 16px;}
.podcastsBar .editerBar .tit { font-size: 14px;}
 .podcast_l { float: left; width: 540px; margin-right: 50px; }
 .videoBox { /*float: left; width: 540px;*/ width: 100%; height: 300px; background:#555555;}
 .videoBox video { background-color:#555555;}
 .podcast_r { overflow: hidden; font-size: 16px; line-height: 24px;}
.podcastTxtWrap { overflow: hidden; margin-bottom: 10px; }
 .podcast_r .podcastTxt { /*min-height:240px; */min-height:340px; /*height: 240px; padding-right: 10px; */margin-bottom: 10px;  overflow: hidden; position: relative;}
 .podcast_r .summary {  margin: 10px auto 0px auto; }
 .podcast_r .summary p { padding: 8px 0;}
 .podcastTxt+.moreArrBt { display: none; float: right; clear: both; width: 32px; height: 20px; cursor: pointer;/* position: absolute; right: 0; bottom: 0; z-index: 1; */background:url(../images/podcasts_arr.png) no-repeat 0 0;}
 .podcast_r .podcastTxt.fold { /*height: 240px;*/ height: 340px; }
 .podcast_r .podcastTxt.open,.podcast_r .podcastTxt.fold.open { height: auto;}
 .podcastTxt.open+.moreArrBt {transform:rotate(180deg);}
 .podcast_r h2 { font-weight: normal; font-size: 28px; line-height: 36px;}
 .podcast_share { height: 32px;}
 .podcast_share .p_s1,.podcast_share .p_s2 { display: inline-block; width: 30px; height: 30px; margin-right: 13px; border: #d2d2d2 1px solid; background-image: url(../images/podcasts_share.png); background-repeat: no-repeat; cursor: pointer; overflow: hidden; text-indent: -999px;}
 .podcast_share .p_s1 { background-position: 0 0;}
 .podcast_share .p_s2 { background-position: 0 -40px;}
 .podcastList { padding:14px; overflow: hidden;}
 .podcastList li { padding:10px 14px; width: 245px; height: 290px; overflow: hidden; float: left; margin-bottom: 10px;}
 .podcastList li .pic { width: 100%; /*height: 110px; */ height: 140px;  overflow: hidden; position: relative;}
 .podcastList li .pic .videoIco,.podcastList li .pic .audioIco { display: block; width: 28px; height: 28px; position: absolute; left: 0; bottom: 0; z-index: 1; background-image: url(../images/podcasts_videoico.png); background-repeat: no-repeat;}
 .podcastList li .pic .videoIco { background-position: 0 0;}
 .podcastList li .pic .audioIco { background-position: 0 -42px;}
 .podcastList li .pic img {width: 100%; height: 140px;}
 .podcastList li .txt { overflow: hidden; height: 142px; line-height: 26px; padding-top: 8px;}
 .podcastList li .tit { font-size: 12px; padding: 5px 0; overflow: hidden;}
 .podcastList .summary { font-size: 16px;}
 .podcastList li .duration { padding-left: 5px; font-size: 12px; color: #666666;}
/*---20201023 videoList---*/
 .videoList { padding:14px; overflow: hidden;}
 .videoList li { padding:10px 12px; /*width: 364px;*/ width: 340px; height: 310px; overflow: hidden; float: left; margin-bottom: 10px;}
 .videoList li .pic { width: 100%; height: 195px;  overflow: hidden; position: relative;}
 .videoList li .pic .videoIco,.videoList li .pic .audioIco { display: block; width: 28px; height: 28px; position: absolute; left: 0; bottom: 0; z-index: 1; background-image: url(../images/podcasts_videoico.png); background-repeat: no-repeat;}
 .videoList li .pic .videoIco { background-position: 0 0;}
 .videoList li .pic .audioIco { background-position: 0 -42px;}
 .videoList li .pic img {width: 100%; height: 195px;}
 .videoList li .txt { overflow: hidden; height: 142px; line-height: 26px; padding-top: 8px;}
 .videoList .summary { font-size: 16px; max-height: 78px; overflow: hidden; }
 .videoList li .pubdate { font-size: 12px; color: #666666; padding: 0;}

 .red,.red a,a.red,a.red:link,.red a:link,.red a:visited,a.red:hover { color:#990f3d;}

.video_coltit { margin: 0 25px; border-bottom: #dddddd 1px solid; line-height: 40px; font-size: 18px; font-weight: bold; }
/*
.topVideo_l { float: left; width: 840px; height: 470px; background:#555555;}
.topVideo_l iframe {width: 840px; height: 470px; }
*/
.topVideo_l .mejs-container.mejs-video { max-width: 100%!important; max-height: 100%!important;}

.podcastsBar.topVideo .topVideo_l { float: left; width: 840px; height: 470px; background:#555555;}
.podcastsBar.topVideo .topVideo_l iframe {width: 840px; height: 470px; }

.topVideo_l { float: left; width: 715px; height: 400px; background:#555555;}
.topVideo_l iframe {width: 715px; height: 400px; }
.topVideo_r { /*overflow: hidden; */ overflow: hidden;  height: 400px;  position: relative;}
.topVideo_r::after { display: block; height: 20px; background-color: #ffffff; width: 100%; position: absolute; right: 20px; bottom: 0; z-index: 1; content: '';}
.topVideo_r .video_txtcon { padding: 25px 20px 20px 35px; height: 400px; box-sizing: border-box; overflow: auto; }
.video_txtcon::-webkit-scrollbar {width: 6px;height: 10px;background-color: #f6f6f6;}/*定义滚动条轨道 内阴影+圆角*/
.video_txtcon::-webkit-scrollbar-track {background-color: #f6f6f6;}/*定义滑块 内阴影+圆角*/
.video_txtcon::-webkit-scrollbar-thumb { background-color: #dddddd;  border-radius: 20px;}

.topVideo_r .tit { font-size: 30px; font-weight: bold; line-height: 36px; /*min-height: 50px; */}
.topVideo_r .date {  line-height: 36px; font-size: 14px; color: #8b9399;  }
.topVideo_r .summary { font-size: 16px; line-height: 26px; /*max-height: 235px; overflow: hidden; */font-family: "OpenSans";}

.topVideoList { background-color: #090909; overflow: hidden; height: 470px;}
.topVideoList li.item { padding: 5px 15px 5px 20px; border-top: #222222 1px solid; margin-top: -1px; cursor: pointer; height: 95px; line-height: 18px; font-size: 16px; display: table; box-sizing: border-box; width: 100%;}
.topVideoList li.item.curr,.topVideoList li.item:hover  {background-color: #333333;}
.topVideoList li.item .txt { vertical-align: middle; overflow: hidden; height: 50px; display: table-cell; width: 100%; }
.topVideoList li.item .videoTime { font-size: 12px; color: #cccccc;  height: 20px; line-height: 20px; padding-left:15px;  position: relative; clear: both; width: 100%; box-sizing: border-box;}
.topVideoList li.item .videoTime:before { display: block; width: 0px; height: 0px; content: ""; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #cccccc; position: absolute; left: 3px; top: 3px;}
.podcastsBar.topVideo { padding: 20px 0;}

a.shareBt,.shareBt { display:inline-block; width:34px; height:34px; margin:0px 2px; background-image:url(../images/video_share.png); background-repeat:no-repeat; background-size: 34px auto;}
.shareBt.ico_s1 { background-position:0px 0px;}
.shareBt.ico_s2 { background-position:0px -39px;}
.shareBt.ico_s3 { background-position:0px -78px;}
.shareBt.ico_s4 { background-position:0px -117px;}
.shareBt.ico_s5 { background-position:0px -156px;}
.shareBt.ico_s6 { background-position:0px -195px;}


.monitorBox { overflow: hidden; margin: 5px 0;}
.monitorL { width: 250px; float: left; margin-right: 5px; padding-bottom: 500px; margin-bottom: -500px;  background-color: #ffffff; word-break: break-all;}
.monitorR { overflow: hidden; padding-bottom: 500px; margin-bottom: -500px; background-color: #ffffff;}
.monitor_pic { width: 230px; float: right; margin: 35px 50px;}
.monitor_pic img { width: 100%; height: auto;}
.monitor_text { overflow: hidden; margin: 35px 35px; font-size: 16px; line-height: 22px;  color: #484848;}
.monitor_text .monitor_tit { font-size: 26px; line-height: 32px; margin-bottom: 15px; clear: both; color: #252525; font-weight: normal;}
.monitor_text .editerTxt { display: none;}
.monitor_datetime { display: block; height: 22px; margin: 40px 0; line-height: 22px; font-size: 20px; padding-left: 55px; color: #999999; background: url(../images/monitor_time.png) no-repeat 0 0;}
.monitor_about { margin: 20px 20px; font-size: 16px; line-height: 20px;}
.monitor_site { font-size: 16px; margin: 35px 20px;}

@media all and (max-width: 750px) {
.channelTit { padding:0 0.29rem 15px 0.29rem; }
.likeList .channelTit { font-size: 20px;}
.likeList .tits { font-size: 0.32rem;}
.channelNewsList li .pic { width: 100%; /*height: 150px; */ /*height: auto; */float:none; margin-top: 0px; margin-left: 0px; margin-bottom: 0px;}
.channelNewsList li	{ margin: 0 0.29rem 0.18rem 0.29rem; padding: 0.4rem 0.4rem 0.3rem 0.4rem;}
.channelNewsList li .tit {font-size: 0.38rem;}
	
.searchTopBar { width: 100%; height: 60px; box-sizing: border-box; padding: 10px 10px; font-size: 14px; }	
.conMainL { width:100%; padding: 0 0.29rem; box-sizing: border-box; float:none; border-right:0; /*--*/ overflow: hidden;}
.conMainR {width: 100%;/* padding: 0 0.29rem;*/ padding: 10px 0.29rem 0 0.29rem; box-sizing: border-box; float: none; border-left:0; margin-left:0; margin-top: 20px;   clear: both; font-size: 14px; background-color: #ffffff;}	
	
.shareBox.scrolltop { text-align:right; right:40px; top: 10px; z-index: 10000;}
.shareBox a.s1,.shareBox a.s2,.pcShare,.contributorsTop,.zz_index a.all,.pingyuList,.topVideoList,.monitorL { display: none;}
.contributorsTopM { display: block;}	
	
.magazineList { width: auto; margin: 0 0.29rem 0.18rem 0.29rem;  }	
.magazineList ul { width: 100%; margin-top: 0px;}
.magazineList li { width: 100%; box-sizing: border-box; padding: 20px 0px;}
.magazineList li .pic,.magazineList li .pic img { width: 100%; height: auto;}
.languageBar { width: 100%; }
.languageBar .sort {  width: 50%; margin: 0; box-sizing: border-box;}
.languageBar p.sort:nth-child(1) { padding-right: 10px;}
.languageBar p.sort:nth-child(2) { padding-left: 10px;}

.reflecTop { height: auto;}	
.reflecList,.reflecList.threeCol { width: auto; margin: 0 0.29rem 0.18rem 0.29rem; float: none;}	
.reflecList li { width: 100%; float: none; height: auto; overflow: hidden; margin: 0px 0px 10px 0px; }	
.reflecList .pic { height: 4.55rem;}
.reflecList .pic img { width: 100%; height: 4.55rem;}
.reflecList .txt { padding: 15px 15px; height: auto;}
.reflecList .summary { height: auto;}	

.reflecSideR { border-top:#dddddd 1px solid; padding-top: 10px;}
.wrapMain .hr40 { height: 20px;}	
.conPadding { padding: 25px 20px;}	
.authorList li { width: 100%; float: none;}	
.authorList .pic { width: 70px;  padding-right: 10px;}	
	
.contributorsList { width:100%; margin-left:0;}
.contributorsList li { width: auto;  margin: 15px 0.29rem 0px 0.29rem; float: none; }	
.zz_indexBar { margin: 15px 0.29rem 0px 0.29rem; padding-right: 0;}
.zz_index a.allBt { clear: both; display: block; width: 70px;  background-color: #66a3c2; line-height: 32px;}
.zz_index a.allBt span { display: inline-block; height: 32px; color: #ffffff;}
.zz_index a.allBt span.arrIco {display: inline-block; float: right; width: 30px; height: 32px; background: url(../images/top_arr.png) no-repeat center center; background-size: 20px 20px; transform:rotate(180deg)}
#letter	 { display: none; clear: both;}
	
.zzTopBox { padding: 30px 20px 25px 20px; background-color: #ffffff; overflow: hidden; margin:0px 0.29rem 15px 0.29rem;}
.page404Box { width: auto; margin: 50px 15px 15px 15px; }
	
.library { width: 100%; box-sizing: border-box; padding: 0 0.29rem; margin: 20px auto; }
.library .inputBox { padding-top: 5px;}
.highLight li a { margin: 0;}
.highLight ul,.highLight li { width: 100%; float: none; margin-left: 0; margin-right: 0; }	

.bookCover,.bookInfoL { width: 100%; margin: 0; float: none;}
	
.bookList { width:100%; margin-left: 0px; clear:both; padding:0px; overflow:hidden; font-size: 13px; box-sizing: border-box;}
.bookList li { width:100%; float:left; /*height:240px;*/ overflow:hidden; padding:7px 0; color:#222222;}
a.bookBox {  height:auto; margin:0px; padding: 15px 15px; overflow:hidden; line-height:18px; border-bottom: #adadad 1px solid; color: #484848;}
a.bookBox .pic { width:100%; height:auto; box-sizing: border-box; padding: 0px; float:none; margin-right: 0;}
a.bookBox .pic img { width:100%; height:auto; }
a.bookBox .txt { overflow:hidden; padding:20px 0px 10px 0px;}
	
.ctw_con li.top { padding-top: 0;}
.ctw_con .ctwPic {width: 100%; height: auto; clear: both; float: none;}
.ctw_con .ctwPic img { width: 100%; height: auto;}
/*.ctw_con li img { width: 100%; height: auto; clear: both; float: none;}*/
.ctw_con li { overflow: hidden; border-top: #cfcfcf 1px solid; margin-top: -1px; padding: 28px 0;}
.ctw_con li.top .tit { clear: both; border-left: #1d3d6e 7px solid; margin: 20px 0 15px 0; padding-left: 20px;}

.pages a, .pages span, .pages span.disBlock, .pages span.goPageInput, .pages span.goPageBt {display:none;}
.pages a.dq,.pages a.lt,.pages a.gt {display:inline-block;}

.quickFocusList li.item,.mainR_q { width: 100%; float: none;}
.quickFocusList {padding: 5px 0px;}
.quickFocusBox,.quickFocusBox .qf_Txt { height: auto;}
	
.podcastsTopBg { background-position: 85%;text-align: center;}
.podcastsTopBg .reflecBox {margin-left: 0px;vertical-align:bottom;}
.mainR.mobileShow { width: 100%; float: none; display: block; font-size: 14px;}

.podcastsBar { padding: 0 0 10px 0; min-width: auto;}
.podcastsBar.topVideo { padding: 0;}
.podcast_l,.topVideo_l,.podcastsBar.topVideo .topVideo_l { float: none; margin: 0; width: 100%;}
.videoBox,.videoBox video,.topVideo_l,.topVideo_l iframe,.podcastsBar.topVideo .topVideo_l,.podcastsBar.topVideo .topVideo_l iframe {  width: 100%; height: 4.1rem;}	
	.topVideo_r,.topVideo_r .video_txtcon { height: auto; }	
	
.podcast_r { padding: 0px 15px; margin: 10px auto;}
.podcastList li,.videoList li { padding: 5px 0; width: 100%; height: auto; float: none; margin-bottom: 0;}
.podcastList li .pic,.podcastList li .pic img,.podcastList li .txt,.videoList li .pic,.videoList li .pic img,.videoList li .txt { height: auto;}
	.videoList .summary { max-height: none;}

.quizlist li { width: auto; }
	
a.shareBt,.shareBt { width:28px; height:28px;  background-size: 28px auto;}
.shareBt.ico_s2 { background-position:0px -32px;}
.shareBt.ico_s3 { background-position:0px -64px;}
.shareBt.ico_s4 { background-position:0px -96px;}
.shareBt.ico_s5 { background-position:0px -128px;}
.shareBt.ico_s6 { background-position:0px -160px;}	
	
.monitorR { padding-bottom: 0; margin-bottom: 0;}
.monitor_pic { width: 100%; margin: 10px 0; box-sizing: border-box; padding: 0 10px; float: none;}
.monitor_text .editerTxt { display:block;}
}