/* 
* @Author: Marte
* @Date:   2018-05-15 09:29:04
* @Last Modified by:   Marte
* @Last Modified time: 2018-07-18 17:00:12
*/
/*css重置start*/
@charset "utf-8";
body{margin:0; padding:0;font-family: Arial,sans-serif;font-size:12px; line-height:12px;};
*{padding:0; margin:0; font-family: Microsoft Yahei; font-size: 12px;font-family: Arial,sans-serif;}
ul,li,ol,dl,dt,dd,p{padding:0; margin:0;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:underline;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%; font-size: 12px; padding:0; margin:0;}
em,i{font-style:normal;}
a img{border:0 none; vertical-align:top; padding:0; margin:0;}
li{list-style:none;}
.clearfix:after{ display:block; clear:both; content:""; }
.clearfix{ zoom:1;}
table{ border-collapse:collapse;}
th,td{ border:0 none; padding:0;}
.left{float:left;}
.right{float:right;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.dn{display:none;}
.bold{font-weight: bold;}
.tc{text-align:center;}

.marginTop5{margin-top: 5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop30{margin-top:30px;}
.marginTop80{margin-top:80px;}

.marginBottom10{margin-bottom:10px;}
.marginBottom20{margin-bottom:20px;}
.marginBottom20{margin-bottom:20px;}
.marginBottom30{margin-bottom:30px;}
.marginBottom45{margin-bottom:45px;}

.marginLeft5{margin-left:5px;}
.marginLeft10{margin-left:10px;}
.marginLeft50{margin-left:50px;}

.marginRight12{margin-right:12px;}
.marginRight20{margin-right:20px;}
.marginRight32{margin-right:32px;}

.w1220{width:1220px;}
.w1200{width:1200px;margin:0 auto;}
.w1180{width:1180px;margin:0 auto;}
.w830{width:830px;}
.w705{width:705px;}
.w320{width:320px;}
.w300{width:300px;}

.h358{height:358px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
/*css重置end*/

/*header start*/
.header{height:100px;background-color:#ea2204;}
.logo{width:410px;padding-top:25px;}
.logo a{display:block;height:50px;background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.logo_01.png) no-repeat;text-indent:-9999em;}
.header-menu {padding-top: 50px;}
.date_div {color: #fff;font-size: 14px;line-height: 22px;margin-right: 30px;}

.weather {color: #ffffff;font-size: 14px;line-height: 22px;margin-right: 30px;}
.weather_pic img {height: 25px;margin-right: 5px;margin-top: -3px;width: 25px;}
.weather_number {margin-right: 10px;}
.weather_city {float: right;}
#city_name{  background: rgba(0, 0, 0, 0) url("//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.select_city.png") no-repeat scroll right center;cursor: pointer;display: inline-block;padding-right: 13px;position: relative;}
.weater_city_select {z-index:20;background: #ffffff none repeat scroll 0 0;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.54);padding: 10px;position: absolute;}

.search_input {position: relative;}
#search_btn01 {background: rgba(0, 0, 0, 0) url("https://v2.cri.cn/M00/5C/67/CqgNOlphpmWAMAiuAAAAAAAAAAA5506346.search.png") no-repeat scroll 0 0;cursor: pointer;height: 22px;position: absolute;right: -5px;top: 5px;width: 24px;z-index: 1;}

.weater_city_select input {background: #f2f2f2 none repeat scroll 0 0;color: #333333;padding: 5px 10px 5px 5px;text-indent: 5px;}
.languageSelect {background:#fff none repeat scroll 0 0;border-radius:2px;cursor:pointer;height:22px;line-height: 22px;position: relative;text-align: left;width: 145px;}
.languageSelect label {display: block;width: 145px;background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.icon-1_06.jpg) no-repeat right top;}
.languageSelect select {position:absolute;top:0;left:0;height: 22px;line-height: 22px;display: block;border: none;border-radius: 2px;width: 145px;opacity:0;filter:alpha(opacity=0);}
/*header end*/

/*导航start*/
.tran_1 {
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;   
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#nav{position:relative;z-index: 20;}
.nav{font-size:14px;height: 40px;line-height:40px;box-shadow:0 3px 6px 0 rgba(218, 218, 218, 0.8);border-bottom: 1px #dadada solid;}
.nav-list,.nav-list ul{position: relative;}
.nav-list li{float:left;margin-right: 1px;}
.nav-list li a{display:block;color:#333;padding:0 26px;
    transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;   
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;}
.nav-list li .nav_a{background-color:#333333;color:#fff;}
.nav_a_hover{position: absolute;top:0;background-color:#333333;color:#fff;height:100%;}

.nav-function h1,.nav-function h2{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
.nav-btn{position:relative;}
.nav-btn h2 {opacity:0.6;filter:alpha(opacity=60);cursor: pointer;}
.nav-btn .nav-btn-h2 {opacity:1;filter:alpha(opacity=100);}
.nav-btn-eff {position: absolute;top:0;width: 0;overflow: hidden;}
.nav-search-box {width:190px;}
.nav-search h2 {width: 36px;height: 40px;background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.icon-3_03.png) no-repeat;}
.nav-search label {background: #ececec;display: block;padding: 0 10px;}
.nav-search input {background: none;border: none;}
input:focus { outline: none; } 

.login {position: relative;}
.login h2 {padding: 0 10px;}
.login h2 a {color: #333;}
.login h3 {position: relative;display:none;}
.login h3 a {color: #03a9f4;padding: 0 22px 0 10px;display: block;}
.login h3 .login-h3-a {color: #333;background: #ececec;}
.login h3 i {display: block;width: 6px;height: 5px;background-image: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.icon-4_06.png);position: absolute;top:19px;right:10px;background-position: bottom center;}
.login h3 .login-h3-a i {background-position: top center;}
.login ul {position: absolute;top:40px;left:0;width: 120px;background: #ececec;font-size: 12px;display: none;}
.login ul li {padding: 0 10px;border-bottom: 1px #ddd solid;}
.login ul li a {color: #333;display: block;}
.login ul li a:hover {text-decoration: underline;}
/*导航end*/

/*footer start*/
.footer{/*padding:85px 0px;*/width:100%;height:180px;background:#f3f3f3;}
.footer ul{margin-left:150px;}
.footer p{font-size:14px;color:#333333;line-height:18px;text-align:center;}
/*footer end*/

/*顶部焦点图start*/
.bannerBox{height:360px;overflow:hidden;}
.banner-a{position:relative;width:600px;height:360px;}
.banner-a-img{position:relative;overflow:hidden;width:600px;height:360px;margin:0 auto;}
.banner-a-img ul{width:10000px;}
.banner-a-img li{float:left;}
.banner-a-img li a{display:block;}
.banner-a-text{display:none;}
.banner-a-li{position:absolute;top:0;width:580px;right:-580px;background:#4d4d4d;}
.banner-a-li ul{margin:20px;}
.banner-a-li ul li{z-index:10;position:relative;border-bottom: 1px solid #838383;padding-bottom:10px;margin-bottom:23px;}
.banner-a-li ul li .figcaption .fxbtwo{color:#ffffff;font-size:18px;display:inline-block;line-height:24px;height:50px;font-weight:bold;}

.banner-a-li ul li.textOne{padding-bottom:15px;}
.banner-a-li ul li.textOne .figcaption .fxbtwo{color:#ffffff;font-size:28px;display:inline-block;line-height:36px;height:72px;font-weight:bold;}
.banner-a-li ul li.textOne dd{color:#ffffff;font-size:14px;height:54px;line-height:18px;margin-top:10px;}

.banner-a-li li:nth-of-type(3){border-bottom:none;}
.banner-a-li li.active .figcaption .fxbtwo{color:#ea2204!important;}
/*顶部焦点图end*/

/*右侧分享 start*/
.share-fix{width:0;height:0;position:fixed;left:50%;top:92px;z-index:99999;}
.share-fix-con{width:39px;position:absolute;top:70px;left:600px;}
.share-fix-con li{height:39px;margin-bottom:8px;background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login.png) no-repeat;}
.share-fix-con li a{display:block; height:43px;}
.share-fix-con li.share-Facebook{background-position:0 0;}
.share-fix-con li.share-weixin{background-position:0 -39px;}
.share-fix-con li.share-sina{background-position:0 -78px;}
.share-fix-con li.share-chinaCloud{background-position:0 -117px;}
.share-fix-con li.share-chinaNews{background-position:0 -156px;}
.share-fix-con li.share-zalo{background-position:0 -195px;}

.share-fix-con{position:relative;}
.share-float{position:absolute;top:47px;left:-150px;display:none;padding-right:10px;}
.share-float dl,.share-float-pic3 ul{background:#fff;width:100px;padding:20px;padding-bottom:1px;box-shadow:0 0px 20px 0 rgba(187, 187, 187, 0.8);}
.share-float dt,.share-float-pic3 li{width:80px;height:80px;margin: 0 auto 20px;background:none;}
.share-float dt,.share-float-pic3 li a{display:inline-block;width:80px;height:80px;background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.facebook.png) no-repeat;}
.share-float dt,.share-float-pic3 li.facebookTwo a{background-position:0 -100px;}
.share-float dt,.share-float-pic3 li.facebookThree a{background-position:0 -200px;}
.share-float dt,.share-float-pic3 li.facebookFore a{background-position:0 -300px;}
.share-float dt img {width: 100%;height: 100%;}
.share-float dd {font-size:12px;color:#999999;text-align:center;line-height:18px;}
.share-weixin dl{padding-bottom:20px;}
.share-weixin dl dt{width:88px;height:88px;background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.ewm.png) no-repeat;margin-bottom:8px;margin-left:5px;}
.share-float-pic1{position: absolute;top:-20px;left:-150px;display: none;padding-right: 10px;}
.share-float-pic3{position: absolute;top:-1px;left:-150px;display: none;padding-right: 10px;}
.share-chinaCloud .share-float {top:150px;}
.share-podcast .share-float {top:200px;}
/*右侧分享 end*/

/*登录弹窗start*/
.all_bg {position:fixed;top:0;left:0;width:200%;height:200%;_position:absolute;width:200%;background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.all_bg.png);_background:none;display:none;z-index:50;}

.win-all {display: none;}
.win-a {position: fixed;top:50%;left:50%;width: 434px;height: 306px;margin-left: -217px;margin-top: -153px;border-radius: 10px;overflow: hidden;background:#fff;z-index:100;}
.win-a-top {height: 82px;background: #333;}
.win-a-top a {margin-left:38px;display:block;width:367px;height:45px;padding-top: 16px;}
.win-a-top a img {width: 100%;height: 100%;}
.win-a-inner dl {margin-left: 40px;}
.win-a-inner dt {color: #333;font-size: 22px;padding: 40px 0;margin-bottom: 10px;}
.win-a-inner dd {width: 484px;}
.win-a-inner dd a {display: block;width: 50px;height: 50px;float:left;margin-right: 50px;}
.login-Facebook{background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-win.png) 0 0px;}
.login-weixin{background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-win.png) 0 -50px;}
.login-Sina{background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-win.png) 0 -100px;}
.login-Zalo{background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-win.png) 0 -150px;}
/*登录弹窗end*/

/*返回顶部start*/
.backTop {width: 56px;height: 56px;position: fixed;bottom:180px;left:50%;margin-left: 610px;display: none;}
.backTop a {display: block;background: url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.icon-10_03.png);opacity:0.5;filter:alpha(opacity=50);height: 56px;cursor: pointer;}
.backTop a:hover {opacity:0.8;filter:alpha(opacity=80);}
/*返回顶部end*/

/*中国新闻 start*/
.title a{color:#222222;font-size:30px;display:inline-block;height:47px;line-height:40px;border-bottom:3px solid #ea2204;}
.title a:hover{text-decoration:none;}
.zgxw ul li{width:380px;}
.zgxw ul li h2{position:relative;}
.zgxw ul li h2 a{display:inline-block;}
.zgxw ul li h2 .bfq{width:60px;height:60px;position:absolute;left:0;bottom:0;background:url("//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.bfq-01.png") no-repeat;}
.zgxw ul li p{line-height:26px;}
.zgxw ul li p a{font-size:20px;color:#222222;}
/*中国新闻 end*/

/*侧边栏start*/
.Rtitle a{color:#333333;font-size:24px;display:inline-block;height:50px;line-height:50px;}
.Rtitle a:hover{text-decoration:none;}
.rdxw ul li{width:144px;}
.rdxw ul li h2{position:relative;}
.rdxw ul li h2 a{display:inline-block;}
.rdxw ul li p{line-height:18px;height: 76px;}
.rdxw ul li p a{font-size:16px;color:#333333;}
.rdzt li img{width:300px;height:65px;}
/*侧边栏end*/

/*文字列表页面左边内容start*/
.left-ul .liBox li{line-height:50px;}
.left-ul .liBox li p a{font-size:20px;color:#222222;}
/*文字列表页面左边内容end*/

/*学汉语页面start*/
.xhy .title a{color:#222222;font-size:30px;display:inline-block;width:560px;padding-left:20px;height:60px;line-height:60px;border:none;background:#ececec;}
.xhy .title a:hover{text-decoration:none;}
.xhy h2.left img{width:270px;height:205px;}
.xhy ul li{line-height:18px;}
.xhy ul li p a{font-size:14px;color:#333333;}
/*学汉语页面end*/

/*新闻页面start*/
.NewsTitle{background:#f4f4f4;height:80px;}
.NewsTitle .span{font-size:30px;color:#222222;margin-left:30px;line-height:80px;}
.NewsTitle .card-btn{margin-right:30px;}
.NewsTitle .card-btn .bg{display:inline-block;height:77px;line-height:80px;border-bottom:3px solid #f4f4f4;color:#999999;font-size:20px;cursor:pointer;text-decoration:none;}
.NewsTitle .card-btn .a{color:#222222;border-bottom:3px solid #ea2204;}

/*.newsBox .card-inner ul{height:957px;overflow:hidden;}*/
.newsBox .card-inner ul li{padding:24px 0px;border-bottom:1px solid #dddddd;}
.newsBox .card-inner ul li:nth-of-type(10){border-bottom:none;}
.newsBox .card-inner ul li a{display:inline-block;width:910px;font-size:20px;color:#333333;line-height:26px;}
.newsBox .card-inner ul li span{font-size:14px;color:#999999;line-height:26px;}

.newsBox .more-b{text-align:center;font-size:14px;}
.newsBox .more-b a{display:inline-block!important;height:30px;line-height:30px;color:#ea2204;border:1px #ea2204 solid;border-radius:3px;padding:0 15px;cursor:pointer;}
.newsBox .more-b a:hover{color:#fff;background:#ea2204;text-decoration:none;}
/*新闻页面start*/

/*专题页面start*/
.topSpecial li img{width:1180px;height:255px;}
.zhuanti li a img{width:580px;height:125px;}
/*专题页面end*/


/*comment-more.inc*/
.h20{height:20px;}
.xx-title01 {
    color:#444;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
}
/*.xx-comment-box .leftPhoto,.xx-comment-box .leftPhoto img{float:left; width:70px; height:70px;}*/
.xx-comment-box .leftPhoto{float:left; width:70px; height:70px;border:1px solid #b2b2b2;}
.xx-comment-box .leftPhoto img{width:70px; height:70px;}
.xx-comment-box .rightComment{float:left; padding-left:18px;width:660px;}
.xx-comment-box .rightComment .taskarea{width:558px; height:138px; border:1px solid #b2b2b2;}
#cri-userComments .cri-comments{width: 562px; height: 142px; /*border: 1px solid #b2b2b2;*/outline-style: none;padding: 0;border: none;}
#cri-userComments .submitBtn{background: #d7000f; width: 75px; height: 30px; line-height: 30px; color: #fff; text-align: center; cursor: pointer; font-size: 18px; position: absolute;/* left: 488px;*/right:0px;bottom: 0px;}
.text-box{/*position:relative;*/width: 564px;}
.send-box{position:absolute; width:561px; height:30px; background:#ececec; bottom:0px; left:1px;}
#sendBtn{background:#755744; width:75px; height:30px; line-height:30px; color:#fff; text-align:center; cursor:pointer; font-size:18px; position:absolute; right:1px; bottom:6px;}
.zwpl{width:564px;height:45px;line-height:45px;text-align:center;background:#eee;font-size:16px;display:none;}
.xx-login-box ul li{float:left; width:112px; height:46px; background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-01.png) 0 0 no-repeat; padding-right:39px; cursor:pointer;}
.xx-login-box ul li a{display:block; width:112px; height:46px;}
.xx-login-box ul li.Facebook{background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-01.png) 0 -46px no-repeat;}
/*.xx-login-box ul li.LINE{background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-01.png) 0 -92px no-repeat;}*/
.xx-login-box ul li.Weixin{background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-01.png) 0 -138px no-repeat;margin-left: 75.5px;}
.xx-login-box ul li.zalo{background:url(//v2.cri.cn/M00/A6/4F/CqgNOlsy7L6AOPbdAAAAAAAAAAA5089414.login-01.png) 0 -184px no-repeat;margin-left: 75.5px;}
.Show-Comments{height:60px; line-height:60px; background: #ececec; text-align:center; font-size:18px; color:#222; cursor:pointer;}

/*comment.inc*/
.xx-top-p{color:#222; font-size:30px; line-height:36px;}
.xx-title02{border-bottom:0 none; padding-bottom:20px;}
.xx-comment-detail .left-Avatar,.xx-comment-detail .left-Avatar img{float:left; width:40px; padding-right:10px;}
.xx-comment-detail .right-comment{float:left; width:604px;}
.xx-comment-detail li{padding:21px 0; border-top:1px solid #dddddd;}
.xx-comment-detail .right-comment .p-1{padding-bottom:10px; margin-top:-5px;}
.xx-comment-detail .right-comment .p-1 #plies,.xx-comment-detail .right-comment .p-1 .plies{color:#666;}
.xx-comment-detail .right-comment .p-1 #comment-time,.xx-comment-detail .right-comment .p-1 .comment-time{color:#999; float:right;}
.xx-comment-detail .right-comment .p-2{color:#000; font-size:16px;line-height: 24px;}
.click-content{background:#d1e4f6; height:30px; line-height:30px; text-align:center;}
.click-content a,.click-content span{padding:0 15px; color:#000000;}
.click-content span,.click-content a:hover{color:#2f92ec;}



#cri-commentList {
    width:100%;
    /*height:500px;*/
    overflow:auto;
}
.cri-xx-comment-detail {
    width:100%;
}
.cri-xx-comment-detail ul {
    list-style-type:none;
}
.cri-click-content {
    position: relative;
    text-align: center;
    zoom: 1;
}
.cri-click-content .active {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #000;
    color: #fff;
    font-size: 14px;
}
.cri-click-content a {
    float: left;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #bdbdbd;
    font-size: 14px;
}
.cri-xx-comment-detail li {
    padding: 20px 0;
    border-top: 1px solid #dddddd;
    clear: both;
}
.cri-left-Avatar {
    float: left;
    width: 70px;
    padding-right: 10px;
}
.cri-xx-comment-detail .cri-right-comment {
    float: left;
    width: 560px;
}
.cri-xx-comment-detail .cri-p-1 {
    padding-bottom: 10px;
/*    margin-top: -40px;*/
}
.cri-xx-comment-detail .cri-p-2 {
    color: #333333;
    font-size: 16px;
    width: 560px;
    line-height: 24px;
    word-wrap: break-word;
}
.cri-xx-comment-detail .cri-plies {
    color:#5f91b3;
}
.cri-xx-comment-detail .cri-comment-time {
    color: #999;
/*    float: right;*/
    padding-left: 15px;
}
.cri-left-Avatar img {
/*    float:left; */
    width:50px; 
    height:50px;
/*    margin-top: -35px;*/
}
.click-content {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #cde0f2;
    text-align: center;
    clear: both;
    margin-top: 20px;
}
.click-content a,.click-content span{
    color: #333;
    cursor: pointer;
}
.click-content .active{color:#fff!important;}
.click-content a:hover {
    cursor: pointer;   
}
.click-content span:hover {
    cursor: pointer;   
}



/*提示字符样式start*/
#cri-userComments{position:relative;width:562px;height: 142px;border: 1px solid #b2b2b2;}
#cri-userComments .num{position:absolute;bottom:35px;right:5px;}
#cri-userComments .num span{font-size:16px;color:#333333;}
#cri-userComments .num .msg{color:#f00;}
/*提示字符样式end*/

/* 书籍 */
.books .title a { color: #222222; font-size: 30px; display: inline-block; width: 560px; padding-left: 20px; height: 60px; line-height: 60px; border: none; background: #ececec;}
.books h2 a{ display: block;}
.books a img{ width: 100%; height: 100%;}
.books ul li p a { font-size: 14px; color: #333333;}










