@charset "UTF-8";
#calendar { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #0098db; padding-bottom: 100%; height: 0; overflow: hidden; color: #fff; }

#calendar .year { background: #31a2dc; overflow: hidden; height: 15vw; padding: 0 15px; box-sizing: border-box; }

#calendar .year .current { font-size: 26px; position: relative; float: left; text-align: center; margin: 0 auto; width: 70%; margin-top: 4vw; }

#calendar .year .current:after { content: "年"; font-size: 12px; position: absolute; padding-left: .5em; }

#calendar .year .left { box-sizing: border-box; width: 15%; float: left; margin-top: 6vw; position: relative; }

#calendar .year .left:before { content: "<"; padding-right: .5em; }

#calendar .year .right { width: 15%; margin-top: 6vw; box-sizing: border-box; position: relative; float: right; }

#calendar .year .right:after { content: ">"; padding-left: .5em; }

#calendar .mounth { background: #0098db; user-select: none; height: 35vw; padding: 5px 10px; box-sizing: border-box; }

#calendar .mounth .day { float: left; width: 16.6666%; border: 1px solid #0098db; box-sizing: border-box; background: #018ccf; height: 0; padding-bottom: calc(16.6666% - 2px); overflow: hidden; margin-bottom: 2px; cursor: pointer; position: relative; }

#calendar .mounth .day .num { padding-top: 5px; margin-bottom: 2px; font-size: 17px; text-align: center; line-height: 1em; }

#calendar .mounth .day .num:after { content: "月"; font-size: 12px; }

#calendar .mounth .day .eng { text-align: center; font-size: 13px; }

#calendar .mounth .day.active { background: #fff; color: #0098db; }

#calendar .mounth .day.prohibit { background: #0098db; color: rgba(255, 255, 255, 0.4); filter: alpha(opacity=40); }

#calendar .mounth:after { content: ""; display: block; clear: both; }

#calendar .article { padding: 10px; box-sizing: border-box; height: 50vw; background: #017db9; }

#calendar .article .item { margin-bottom: 15px; padding: 5px 0; box-sizing: border-box; }

#calendar .article .item .date { opacity: .6; font-size: 12px; display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #fff; }

#calendar .article .item .date-day { display: none; }

#calendar .article .item .title { text-align: left; padding: 0; }

#calendar .article .item .title a { font-size: 17px; font-weight: bold; color: #fff; display: block; margin-top: 10px; }

#calendar .article .item .detail { margin: 0; margin-top: 12px; line-height: 1.5em; font-size: 16px; color: #a0d0ef; }

@media (min-width: 767px) { #calendar { width: 1170px; margin: 0 auto; position: relative; height: 400px; padding-bottom: 0; background: #fff; }
  #calendar:after { content: ""; display: block; clear: both; }
  #calendar .year { display: block; height: 80px; width: 300px; }
  #calendar .year .left { float: left; padding: 0; margin-top: 35px; }
  #calendar .year .current { margin: 0 100px; box-sizing: border-box; float: none; width: auto; margin: 0 auto; text-align: center; margin-top: 25px; }
  #calendar .year .right { float: right; margin-top: 35px; padding: 0; }
  #calendar .year:after { content: ""; clear: both; display: block; }
  #calendar .mounth { width: 300px; height: 320px; padding: 20px; }
  #calendar .mounth .day { float: left; width: 86px; height: 68px; border-width: 3px; border-radius: 5px; }
  #calendar .mounth .day .num { padding-top: 8px; font-size: 25px; margin-bottom: 0; }
  #calendar .article { position: absolute; left: 470px; right: 0; height: auto; top: 0; bottom: 0; background: #fff; }
  #calendar .article .item { background: #f1f5f4; padding: 30px 20px; }
  #calendar .article .item .date { display: none; }
  #calendar .article .item .date-day { display: block; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MTZBQjM3QkEyMDExRThBMzM4ODZGMjBEODZCNTM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI5MTZBQjM4QkEyMDExRThBMzM4ODZGMjBEODZCNTM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjkxNkFCMzVCQTIwMTFFOEEzMzg4NkYyMEQ4NkI1MzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjkxNkFCMzZCQTIwMTFFOEEzMzg4NkYyMEQ4NkI1MzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JaSTcAAAB9UlEQVR42syYvU/CQBiHj+pgiLoYRiW4gLqZEKKgExEdXDWRleAg+m84qzjgoBsmrg6G4ORnGNj8oAtG3WRTgy4Gf2/yljQEaSu0vV/yhIHjvSc0vbv3PL5tVVhMACRADEwAPxji7z7AM3gEV6AAnqwU7zc5rg+sgAyYAZ4/xo0w0yAJGuAWZMEJ+DGaSDEhEwd3IA9mO8i0i4d/k+ca8W6EBkAOFEFIdJ8Q18pxbUtCPnAB0qL3SXNtn1khGngJwsK+hHkOn5GQF5yCoLA/QZ7L20loB0SEc4nwnG2F6A1ICeeT0r99iu5zV7iXPV7rmkKrvOq6lRAvvE2hDeF+MppQgFdTt0Nb0jgJLVrcDuwKOSRIKCrkSZSEpiQSmiShUYmE/IrucCVDBhUhWRQ+dsqSTxJ6lUjohYQeJBK6V7g7kCXXCrcqDQlkyKFAQlVwI4EQtUtV7bXfl0Aoqz9+UBNXcVGmwg5NIeooN10U2tK6Wv1KfQ6OXJA55AaybddBp7aSgzKl1ifTKlQHy0B1QEbluepGnWsNzIOyjTJlnqNmtrd/A3PgwAYZqhnjOSzdfnyBdbDQo0eoci2q+f2f6xgtRT7mrvFqanWbod8kuUbRaLDZGzRaI44ZapuW+G+nBm8MDPO4dzpC8EJHm/aZsHil9yvAACUzWsMY6XdyAAAAAElFTkSuQmCC) no-repeat; left: -100px; height: 36px; line-height: 36px; text-align: center; width: 36px; padding: 0; }
  #calendar .article .item .date-day:after { content: ''; width: 16px; height: 16px; position: absolute; right: -54px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1ODFGMDQ2QkEyMDExRTg5QjJBQUQ5MzM5RTkzMzdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1ODFGMDQ3QkEyMDExRTg5QjJBQUQ5MzM5RTkzMzdBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTU4MUYwNDRCQTIwMTFFODlCMkFBRDkzMzlFOTMzN0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTU4MUYwNDVCQTIwMTFFODlCMkFBRDkzMzlFOTMzN0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QLR1tAAABBklEQVR42pTSsY4BURgF4GuiE7sNHkDBdpr1ANRDI9GvfsOqRyRGohIiyuEFrIZVzwtItlGoPICoFo0tOH9ybjImwfiTLzeucyaTuTfkOI7yTAzqYEKKe2uYwQB2Ohj2lEowgld1PRmqQgWmsml4ShOWfiAPUcpz74WZki7GYQwhaEIBXDiQy70GM5JNSPGTT1tAS92eNsyZrUmxyD+66vH0uJpSfOOPZYCizqQN9dycuZ4MnpPMe4BiluvG4OHKfAUo6sxCikP44ye37pQsZiTbl+KWN0Le3+Ynz0GEcnwrmxnJbvWVk2tU5uGa5J89fPivnMw3JKEDK/iHI/zy8JO6JHMRYAD/VTdgIjHYsAAAAABJRU5ErkJggg==) no-repeat; background-color: #fff; }
  #calendar .article .item .title a { font-size: 20px; font-weight: bolder; line-height: 1.2em; color: #4d4d4d; }
  #calendar .article .item .detail { margin-top: 1em; color: #999; line-height: 1.5em; }
  #calendar .article:after { content: ""; position: absolute; top: 0; bottom: 0; left: -15px; }
  #calendar .article:before { content: ""; left: -20px; top: 0; bottom: 0; width: 1px; background: #c0c0c0; position: absolute; } 

}


#calendar{display:none;display:block \9}

@media(max-width:768px){
  #calendar{display:block;margin:0 -15px;}
}
.rili{display:block;display:none \9}




/*天下观*/

learn_main_box a:hover{color:#f55;}
.card-box { position: relative; background-color: #ffffff; margin-bottom: 30px; border-radius: 5px; transition: all .3s; }
.card-box .cod{ background:#59629d;}
.card-box:hover { box-shadow: 0 15px 15px 0 rgba(15, 37, 64, 0.1); }

.card-box .tit-box {  padding: 15px 10px 5px 10px; border-radius: 5px 5px 0 0;height:6em; }

.card-box .tit-box h3 { margin: 0; color: #fff; font-size: 18px; font-weight: bold;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }

.card-box .detail { padding-top: 15px; }

.card-box .detail em {     font-style: normal;
    color: #fff;
    display: inline-block;
    background: url(../img/bg1.png) no-repeat;
    padding: 5px 50px 4px 20px;
	background-size:contain;
	 }

.card-box .detail span { position: absolute; right: 10px; color: #fff; }

.card-box .desc { padding: 15px;   	background:#F6F6F6; }

.card-box .desc p { font-size: 16px; color: #333; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden; 
	    height: 7em;}

/*天下学习end*/
.banner .swiper-slide .cloud{height:400px;}

@media(max-width:768px){
	.list-unstyled.row{margin:0 -7px;}
	.row:after{content:"";clear:both;display:block;}
	.list-unstyled.row li{float:left;width:50%;padding:7px;box-sizing:border-box;}
	.card-box .desc p{height: 10.8em;    margin: 0;    font-size: 14px;}
	.cm-addition-article-list{margin-top:-50px;}
	.card-box .detail span{display:none}
	.card-box .tit-box h3{font-size: 14px;display: box; overflow: hidden;}
	.card-box{margin-bottom:0}
	.card-box .tit-box{height:5em;}
}