body{font-family:"Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;font-size:13px;color:#333;margin:0px;padding:0px;background:#323331;}
a{color:#333;text-decoration:none;cursor:pointer}
a:hover{color:#669933;}
a img{border:none}
img:hover{transition:transform .5s ease-in;transform:scale(1.01)}
form,ul,ol,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0;list-style:none;color:#003300;}
.mgbot_10{margin-bottom:10px !important;}
.mgtop_15{margin-top:15px !important;}
@media screen and (min-width:768px){
.mgtop_10{margin-top:10px !important;}
.mgtop_20{margin-top:20px !important;}
.mgbot_20{margin-bottom:20px !important;}
}
.page-header{
  padding:20px;
  overflow:hidden;
}
@media screen and (min-width:768px){.container{margin:0 auto;max-width:1200px;}.wrapper{overflow:hidden;}.page{paddding:20px;max-width: 1200px;margin:0 auto;}}
@media screen and (max-width:767px){.container{}.wrapper{overflow:hidden;}.page{max-width:1020px;margin:0 auto;}}
#topbar{background:#003300;height:60px;line-height:60px;}
@media screen and (max-width:767px){#topbar{padding:0 20px;}}
#header{background:#8C9284;}
#topbar .nav-toggle{float:left;font-size:20px;color:#fff;text-align:right;}
#topbar .nav a{color:#eee;padding:3px 0px;}
#topbar .nav a:hover{color:#693;}
@media screen and (min-width:768px){
	a.logo{display:block;float:left;width:160px;margin-right:10px;}
	#topbar{border-bottom:5px solid #D1DBC4;}
	#topbar #toplogo{width:20%;float:left;display:none;}
	#topbar #toplogo img{height:30px;padding-right:10px;}
	#topbar .timestr{float:left;width:200px;color:#eee;}
	#topbar .nav-toggle{display:none;} .header-user{float:right;color:#fff;font-size:18px;padding:0 15px;} 
  #topbar .header-user a:hover{color:#030;}
	#topbar .nav,#header .nav{display:"";color:#eee;z-index:9999;position:relative;text-align:center;font-size:15px;}
	#topbar .nav ul li,#header .nav ul li{float:left;margin:0 15px;text-align:center;}
	#topbar .nav ul li.active a{color:#669933;}
	#search{line-height:60px;float:right;overflow:hidden;padding-left:10px;}
	#search .sinput{border:none;height:27px;font:16px arial;padding-left:7px;background:#E6EAD4;}
	#search .sbtn{width:90px;cursor:pointer;height:30px;line-height:24px;background-color:#006600;color:#eee;font-size:14px;font-weight:500;border:0;}
  a.logo img{float:left;display:block;height:50px;overflow:hidden;margin-top:5px;margin-right:5px;}
}
@media screen and (max-width:767px){
  .logo-header{text-align:center;}
  a.logo{display:inline-flex;}
	#topbar #toplogo{width:20%;float:left;display:block;}
	#topbar #toplogo img{height:60px;padding-right:10px;}
	#topbar .timestr{float:left;width:60%;color:#eee;text-align:center;}
	#topbar .nav-toggle{display:block;} .header-user{float:right;color:#fff;font-size:18px;} 
	#topbar .nav{display:none;width: 100% !important;height:100% !important;top:60px;right:0px;background:#030;z-index:9999;position:absolute;}
	#topbar .nav ul li{float:left;width:30%;text-align:center;}
	#search{display:none;line-height:50px;float:left;overflow:hidden;width:80%;margin:0 10%;}
	#search .sinput{width:70%;border:none;height:27px;font:16px arial;padding-left:7px;background:#E6EAD4;}
	#search .sbtn{width:26%;cursor:pointer;height:30px;line-height:24px;background-color:#006600;color:#eee;font-weight:600;border:0;}
  a.logo img{float:left;display:block;height:30px;overflow:hidden;margin-top:15px;margin-right:5px;}
}
a.logo {height:60px;line-height:60px;color:#fff;font-size:1.2rem;font-family:Arial, Helvetica, sans-serif}
/** profile user **/
#topbar a:hover{color:#ffe100;}
#topbar .login{
	float: right;
	height: 60px;
	line-height: 60px;
	margin: 0 5px;
	font-size: 15px;
	color: #fff;
	background-color: transparent;
}
#topbar .register{
    float: right;
    color:#fff;
    line-height:60px;
    margin: 0 5px;
    font-size: 15px;
}
#topbar .user{
	float:right;
	height: 100%;
}
#topbar .user .avator{
	position: relative;
	width: 32px;
	height: 32px;
	margin: 12px 28px 12px 20px;
	display: block;
	cursor: pointer;
}
.avator:before{
	content: "";
	position: absolute;
	top: 14px;
	right: -14px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #999
}
#topbar .avator img{
	border: 1px solid #ddd;
	border-radius: 50%;
	width:100%;
	height:100%;
}

#topbar .user .dropdown{
	height:100%;
}
#topbar .user:hover{
	background-color:#F4FEEF;
}
#topbar .user .dropdown-menu{
	left: auto;
	border-radius: 0 0 4px 4px;
	margin-top: 0;
	border-color: transparent;
	position: absolute;
	top:56px;
	z-index: 999;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid #F4FEEF;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
	background-clip: padding-box;
}
#topbar .user .dropdown-menu a{
	padding: 10px 20px;
	line-height: 30px;
	display: block;
	clear: both;
	font-weight: 400;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
}

#topbar .user .dropdwon-menu i{
	margin-right: 15px;
	font-size: 18px;
	color: #ea6f5a;
	vertical-align: middle;
}
#topbar .dropdown-menu>li>a:focus, #topbar .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #FAFAF3;
}
#topbar .user .dropdown-menu span{
	vertical-align: middle;
}
.user .avatar img{
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 50%
}
.newsbg{background:#D1DBC4;}
.bg1{background:#D1DBC4;}
.bg2{background:#E6EAD4;}
.bg3{background:#003300;}

.commands{}

.gridlist .grid {
  float: left;
  width: 50%;
  position: relative;
  padding:20px 0 0;
  border-bottom:1px solid #ddd
}
.gridlist .grid .title{
  width:100%;
  display:flex;
}
@media screen and (min-width: 768px) {
  .gridlist .grid {
    float: left;
    width: 50%;
    position: relative;
    padding:20px 0 0;
    border-bottom:1px solid #ddd
  }
    .gridlist .grid h2 {
      float: left;
      width:100%;
      position: relative;
      line-height: 25px;
      font-weight: bold;
    }
}

.gridlist .grid .title {
    overflow: hidden;
    text-overflow: ellipsis;
    color:#030;
    font-size:15px;
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
  .gridlist .grid {
    float: left;
    width: 100%;
    position: relative;
    padding:20px 0 0;
    border-bottom:1px solid #ddd
  }
}
.gridlist .grid a {
    color: #444;
}
.gridlist .grid a:hover {
    color:#060;
}
.command::before{
  content:"$";
  margin-right:3px;
  margin-left:-3px;
}
pre, code,.command {
    color: #eee;
    height:20px;
    line-height: 20px;
    font-family: Courier, monospace;
    background: #323331;
    border-radius: 2px;
    word-wrap: break-word;
    font-size:14px
}

pre,.command {
    padding: 5px 10px;
    text-shadow: none;
    margin: 0;
    border-left: 5px solid #060;
    overflow:auto;
}

#news .l_news h3,#news .m_news h3,#news .r_news h3{font-size:16px;height:40px;line-height:40px;color:#003300;}
#news .l_news ul li div a,#news .r_news div ul li a.txt{float:left;font-size:14px;background:rgba(0,0,0,0.4);color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;height:30px;}
#news .l_news .link,#news .r_news .txt{float:left;word-break:break-all;margin-top:-30px;width:100%;}
#news .m_news ul li a{float:left;height: 300px;}
#news .r_news .list{float:left;padding-top:10px;}
@media screen and (min-width:768px){
  #news .l_news,#news .m_news,#news .r_news{float:left;}
	#news .r_news{float:left;width:300px;}
	#news .r_news .list div{width:300px;}
	#news .m_news,#news .m_news ul li,#news .m_news ul li a,#news .m_news ul li a img{width: 560px;}
	#news .l_news{width: 600px;}#news .l_news ul li,#news .l_news ul li a,#news .l_news ul li a img{width: 300px;height:125px;}
	#news .l_news ul li,#news .l_news ul li a,#news .l_news ul li a img,#news .r_news ul li a img{float:left;height: 150px;}
}
@media screen and (max-width:767px){
	#news .m_news{margin-left:0px;}
	#news .r_news{float:left;width:100%;display:none;}
	#news .r_news .list div{width:100%;display:none;}
	#news .m_news,#news .m_news ul li,#news .m_news ul li a,#news .m_news ul li a img{width:100%;height:190px;}
	#news .l_news ul li,#news .l_news ul li a,#news .l_news ul li a img{width:100%;height:190px;}
	#news .l_news ul li a,#news .l_news ul li a img{float:left;}
}
#news .m_news .txt,#distro .rlist .txt,#game .rlist .txt,#soft .rlist .txt{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;z-index:999;float:left;width:100%;margin-top: -30px;background:rgba(0,0,0,0.4);color:#ddd;text-align:center;height:30px;line-height:30px;font-size:15px;}
#cnews .rlist ul li,#course .rlist ul li,#book .rlist ul li{
  margin-top:0px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;

}
#cnews .rlist .txt,#course .rlist .txt,#book .rlist .txt{
  line-height:30px;
  position: relative;
  padding: 0 0 0 13px;
  font-size: 15px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#cnews .rlist .txt:before,#course .rlist .txt:before,#book .rlist .txt:before {
        position: absolute;
        display: block;
        content: '';
        left: 0;
        top: 50%;
        margin-top: -2px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #7ed321;
    }

@media screen and (max-width:767px){
  #cnews .c_news{float:left;width:100%;}
  #cnews .c_news .ul-container{width:100%;}
  #cnews .rlist h3{margin-top:20px;}
}
@media screen and (min-width:768px){
  #cnews .c_news{float:left;width:845px;display:flex;justify-content:space-between;}
  #cnews .c_news .ul-container{width:48%;}
  #cnews .rlist h3{margin-top:-8px;}
}
  #cnews .c_news .ul-container .title{display:flex;justify-content:space-between;}
  #cnews .c_news .ul-container .title h3{}
  #cnews .c_news .ul-container .title a{font-size:13px;color:#999;}
  #cnews .c_news .ul-container .title a:hover{color:#333;}
  #cnews .c_news .ul-container ul{width:100%;margin-top:20px;}
  #cnews .c_news .ul-container ul li.head-new a{font-size:16px;font-weight:600;padding-left:0px;}
  #cnews .c_news .ul-container ul li.head-new p{line-height: 20px; margin-top: 0px; color: #888; font-size: 14px; margin-bottom: 5px;max-height:40px;overflow: hidden; white-space:normal;text-overflow:ellipsis;}
  #cnews .c_news .ul-container ul li{line-height:30px;display:flex;justify-content:space-between;}
  #cnews .c_news .ul-container ul li.head-new{display:block;}
  #cnews .c_news .ul-container ul li a{position:relative;padding: 0 0 0 13px;font-size:15px;display:block;overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
  #cnews .c_news .ul-container ul li .txt:before{
    position: absolute;
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7ed321;
  }
  #cnews .c_news .ul-container ul li .date{margin-right:3px;color:#aaa;font-size:12px; }

.title{margin-top:-20px;float:left;width:100%;border-bottom: 1px solid #060;line-height:35px;}
.title .tab{height:35px;display:block;clear:both;}
.title .tab li:first-child{ padding-left:0px}
.title .tab li{float:left;text-align:center;height:35px;line-height:35px;clear:none;padding:0 8.7px;}
.title .tab li h3{height:35px;line-height:35px;}
.title .tab li h3 a{color:#030;}
.title .tab .more{float:right;}
.title .tab .more a{font-size:13px;}

.clist ul li{float:left;text-align:center;}
.clist ul li div:hover{background:#C8D0BE;box-shadow:2px 2px 10px rgba(0,0,0,.2);transition:all,.25s,ease;}
.rlist ul li{margin-top:13.5px;}
.rlist ul li a img{width:100%;height: 160px;}
.rlist ul li a{float:left;width:100%;font-size:15px;}
@media screen and (min-width:768px){
	.clist{float:left;width: 845px;}
	.clist ul{margin-left:-15px;}
	.clist ul li div{width: 126px;min-height: 118px;margin: 8px 0px 8px 15px;position:relative;border-radius:3px;/* background:#c2ccb6; */vertical-align: middle;}
	.clist li div a{line-height: 91px;vertical-align: middle;height: 118px;}
	.clist ul li div a img{width:70px;max-height:70px;vertical-align:middle;border-radius:5px;}
	.rlist{float:left;margin-left:15px;width:300px;}
	.rlist h3{
		margin-top:8px;text-align:center;background:rgba(242,242,242,0.6);color:#060;
		font-size:14px;width:100%;height:33px;line-height:33px;
	}
	#distro .clist ul li div a {/* line-height: 118px; */}
}
@media screen and (max-width:767px){
	.clist{float:left;width:100%;text-align:center;}
	.clist ul{margin-left:0px;}
	.clist ul li {width:33.33333%;}
	.clist ul li div{width:100px;min-height:100px;margin:8px 0px 8px 8px;position:relative;border-radius:3px;background:#c2ccb6;}
	.clist li div a{line-height:auto;}
	.clist ul li div a img{width:70px;max-height:70px;margin-top:10px;border-radius:5px;}
	.rlist{float:left;width:100%;}
	.rlist h3{margin-top:8px;text-align:center;background:#e5e9e0;font-size:14px;width:100%;line-height:33px;}
	#distro .clist ul li div a {line-height:auto;}
}
#game{}
#game .clist ul li div a img{width:98px;height:100px;}
.clist ul li .name{float:left;width:100%;border-bottom: 1px solid #060;line-height:35px;height:27px;color: #333;border-bottom-right-radius:5px;border-bottom-left-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:22px;line-height:22px;font-size:10px;}
#book .clist ul li div a img{width:80px;max-height: 118px;max-width:80px;margin-top: 9px;}
#sites .tab{border-bottom:1px solid #8C9284;}
#sites .site-nav span{cursor:pointer;padding:0px 7.5px 8px;font-weight:700;}
#sites .site-nav .motup:after{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-10px;left:0;right:0;margin:0 auto;}
@media screen and (min-width:768px){#left{float:left;width: 300px;}
}
@media screen and (max-width:767px){#left{float:left;width:100%;}
}
#left .box_outer,#bottom .box_outer{/*padding:2px;*/overflow:hidden;}
#left .box_body{height:100%;overflow:hidden;font:14px Courier;}
#starBar ul{padding-top:8px;overflow:hidden;padding-left:0px;}
#starBar li{float:left;line-height:38px;height:34.5px;width:100%;}
#starBar li a{color:#003300;}
#starBar li label{margin-top:10px;float:right;font:normal 13px/1.5 Arial;text-align:right;padding-left:0px;width:150px;height:24px;overflow:hidden;}
#starBar li label a{color:#666 ;}
#starBar li label a:hover{color:#F30;}
@media screen and (min-width:768px){#right{float:right;width: 855px;font-size:14px;}
}
@media screen and (max-width:767px){#right{float:right;width:100%;font-size:14px;}
}
#right .box_body{height:100%;overflow:hidden;}
#right h3{margin:0px;padding:0;height:28px;overflow:hidden;font:bold 14px/28px Verdana;color:#006600;clear:both;border-bottom:1px solid #8C9284;display:block;}
#right h3 span{color:#003300;padding:0 10px;border-right:1px solid #003300;}
@media screen and (min-width:768px){#stm0,#stm1,#stm2,#stm3{height:247px;position:relative;}
}
@media screen and (max-width:767px){#stm0,#stm1,#stm2,#stm3{height:100%;position:relative;display:none;}
}
#right .mingzhan{line-height:29px;padding-top:15px;}
#right .con{padding:5px 4px;line-height:26px;height:252px;}
#right .mingzhan ul{overflow:auto;}
#right .mingzhan li{width:99px;white-space:nowrap;overflow:hidden;float:left;padding-left:40px;}
#right .mingzhan li em{color:#F00;font-style:normal}
@media screen and (min-width:768px){#sites .site-nav{float:left;font-size:14px;height:35px;line-height:35px;margin-left:246px;}}

@media screen and (max-width:767px){#sites .site-nav{display:none;float:left;font-size:14px;height:35px;line-height:35px;margin-left:196px}}
#footer{font-size:14px;}
@media screen and (min-width:768px){#footer .siteinfo,#footer .sitenav{float:left;text-align:center;width:70px;border-left:1px solid #7b7c7a;border-right:1px solid #7b7c7a;padding:20px 60px;}
}
@media screen and (max-width:767px){#footer .siteinfo,#footer .sitenav{display:none;}
}
#footer .siteinfo span a,#footer .sitenav span a{font-weight:500;}
#footer .siteinfo span a:hover,#footer .sitenav span a:hover{color:#003300;}
#footer .sitenav{border-left:0px;}
#footer .sitedesc{float:left;width:695px;text-align:center;padding:20px 60px;border-right:1px solid #7b7c7a;}
#footer .sitedesc .desc{text-align:left;line-height:22px;}
#footer .sitedesc .fav a{width:34px;height:34px;color:#ffffff;font-size:18px;margin-right:1px;}
#footer .sitedesc .follow {float:left;width:240px;line-height:151px;}
@media screen and (min-width:768px){
  #footer .sitedesc .fav{float:left;line-height:151px;text-align:left;}
}
@media screen and (max-width:767px){
  #footer .sitedesc{padding:0px;width:100%;border-right:0px;}
  #footer .sitedesc .desc{text-align:left;padding:0 20px;}
  #footer .sitedesc .fav{float:left;width:100%;padding:0 20px;text-align:left;}
  #footer .sitedesc .fav a{width:34px;height:34px;color:#ffffff;font-size:18px;margin-right:1px;}
  #footer .sitedesc .follow {padding:0 20px ;float:left;line-height:151px;}
}
a.sina{background-color:#f26722;border:1px solid #f26722;padding:6.5px 8.5px;text-align:center;}
a.google{background-color:#cc382e;border:1px solid #f26722;padding:6.5px 5.5px;border-color:#cc382e;text-align:center;}
a.xxs{background-color:#ca1f28;border:1px solid #f26722;padding:6.5px 8.5px;border-color:#ca1f28;}
a.email{background-color:#2baadf;border-color:#2baadf;border:1px solid #2baadf;padding:6.5px 8.5px;}
a.douban{background-color:#27c24c;border-color:#27c24c;border:1px solid #27c24c;padding:6.5px 8.5px;}
a.sina:hover{background-color:#e26020;border-color:#e26020;}
a.google:hover{background-color:#be342b;border-color:#be342b;}
a.xxs:hover{background-color:#bc1d25;border-color:#bc1d25;}
a.email:hover{background-color:#28a0d2;border-color:#28a0d2;}
a.douban:hover{background-color:#5cb85c;border-color:#4cae4c;}
@media screen and (min-width:768px){.tg{float:right;width:100px;}
}
@media screen and (max-width:767px){.tg{display:none;}
}
#footer .sitedesc .fav span.tg a{font-size:14px;color:#66FF00;}
#copyright{text-align:center;}
#copyright p,#copyright p a{color:#ddd;}