body{font-family:"Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;font-size:13px;color:#333;background-color:#323331;margin:0px;padding:0px;}
a{color:#333;text-decoration:none;cursor:pointer}
a:hover { color: #060; }
a img{border:none}
img {
    border: 0;
    vertical-align: top;
}
form,ul,ol,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0;list-style:none;}
.mgtop_10{margin-top:10px !important;}
.mgtop_15{margin-top:15px !important;}
.mgtop_16{margin-top:16px !important;}
.mgtop_20{margin-top:20px !important;}
.mgbot_5{margin-bottom:5px !important;}
.mgbot_10{margin-bottom:10px !important;}
.ad_300_250{float:left;width:220px;}
.ad_468_90{float:left;width:470px;height:90px;}
.ad_465_30{float:left;width:470px;height:30px;line-height:30px;}
.ad_970_90{text-align:center;width:100%;height:100%;}
.hide{display:none;}
.btnLink{margin:3px 5px;color:#060;padding:6px 12px;background-color:#D1DBC4;border-color:#669933;border-radius:4px;text-align:center;white-space:nowrap;vertical-align:middle;display:block;}
.btnLink:hover{text-decoration:underline;}
.vultr{font-size:15px;margin:10px 0;}
.page{padding:20px;max-width:1160px;margin:auto;background-color:#E6EAD4;}
.container{margin:auto;overflow:hidden;}
@media screen and (min-width:768px){.container{max-width:1200px;}.wrapper{overflow:hidden;}}

#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 10px;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}


.bg2{background:#E6EAD4;}
.bg3{background:#003300;}
.path{width:100%;line-height:28px;font-weight:500;color:#888;}
.path a{color:#003300;}
.path_bot { border-bottom: 1px solid #D1DBC4; margin-bottom: 10px}
@media screen and (min-width:768px){.path em{float:right;font-style:normal;}}
@media screen and (max-width:767px){.path em{display:none;;float:left;font-style:normal;}}
.pagetop{text-align:center;overflow:hidden;} .pagetop h1{width:100%;float:left;margin:10px 0;color:#005500;}
@media screen and (min-width:768px){.cbox_l,.dlbox{width:300px;}}
@media screen and (max-width:767px){.wrapper{padding:0 10px;}.cbox_l,.dlbox{width:100%;}}
.dlbox dt {
    float: left;
    width: 100%;
    background-color:#D1DBC4;
    text-indent: 10px;
}

.upcase {
    text-transform: uppercase;
}

.dlbox dd.multiline {
    overflow: visible;
    height: auto;
    text-indent: 0;
    padding: 11px 0;
    background: #D1DBC4;
    color: #006600;
	clear:both;
}
.dlbox dd.multiline a {
}
.dlbox dd.multiline span {
    margin: 0 10px;
    display: block;
    text-indent: 0;
    line-height: 1.5em;
    white-space: pre-wrap;
    font-weight: 500;
    word-wrap: break-word;
}
.dlbox dd.multiline ul.hot5 li {
    padding: 2px 10px;
    margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dlbox dd.multiline ul.hot5 li a {
    line-height: 30px;
    margin-left: 10px;
    font-size: 14px;
}
.download table{width:100%;background:#E6EAD4;border:0px;}
.download table tr td{height:30px;line-height:30px;background:#D1DBC4;border-top:1.5px solid #E6EAD4;padding:0 5px;}
.download table .name{font-size:14px;color:#003300;}
@media screen and (min-width:768px){.download table .name{width:50%;}}
@media screen and (max-width:767px){.download table .name{width:30%;}}
.download table .link{margin-left:30px;color:#006600;font-size:14px;}
.download table .link a{color:#006600;text-decoration:underline;}
.download ul li{height:30px;line-height:30px;background:#D1DBC4;padding-left:20px;margin:3px 0;}
.download ul li a{margin-left:10px;color:#006600;font-size:16px;}
.gradient:before{opacity:0.75;content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;background-color:rgba(0,46,128,0.5);}
.arrowbox{width: 100%;float: left;clear: both;overflow: hidden;padding: 0 0 10px 0;position:flex;}
.gradient_h10:before{background-image:linear-gradient(135deg,#002873 20%,#003300);}
.gradient_h20:before{background-image:linear-gradient(135deg,#002873 20%,#006600);}
.gradient_50:before{opacity:0.50 !important;}
.gradient_h30:before{background-image:linear-gradient(135deg,#002873 20%,#006600);}
.gradient_25:before{opacity:0.25 !important;}
@media screen and (min-width:768px){.arrow2right{width:33.3333%;}}
@media screen and (max-width:767px){.arrow2right{width:100%;margin:1px 0;}}
.arrow2right{float:left;position:relative;height:60px;background-color:#fff;position:relative;font-size:14px;padding:0;line-height:15px;color:#4C689D;cursor:pointer;}
.arrow2capac{width:0;height:0;position:relative;float:left;left:-30px;z-index:10;border-left:30px solid rgba(255,255,255,0);border-top:30px solid #E6EAD4;border-bottom:30px solid #E6EAD4;}
.arrow2right p{margin:13px 0 5px 20px;font-weight:500;}
.arrow2right span{float: left;width: 30px;line-height: 60px;padding-left: 20px;font-weight: 700;}
.arrow2right a{margin-left:20px;font-weight:700;text-transform:uppercase;}
.dyn01 li{color:#006600;list-style:none;margin:8px 0 10px 0;padding:0;font-size:14px;line-height:17px;font-weight:500;}
.dyn01 li a{text-decoration:underline;}
.container .boxs{margin-left:-10px;}
.container .boxs .box{float:left;width:25%;height:206px;}
.container .boxs .box a{display:inline-block;padding:5px;}
.container .boxs .box a img{padding:5px;width:100%;height:100%;border-radius:10px;}
.container .boxs .box a img:hover{margin-top:-5px;}
@media screen and (min-width:768px){.container .right{width:300px;}.container .content{width:530px;}.flex{display:flex;}}
@media screen and (max-width:767px){.container .right{width:100%;}.content{float:left;padding: 15px 0px 10px 0;}.flex{display:block;}}
.content ul li {line-height:30px;height:30px;font-size:15px;}
.content a{color:#060;}
.container .right .rightitem {
    float: left;
    width: 100%;
    background: #D1DBC4;
    padding: 0 0 15px 0;
}

.container .right h2 {
    float: left;
    margin-left: 15px;
    position: relative;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.container .right ol li {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #bbb;
}

.container .right ol li a {
    font-size: 15px;
}
/** footer */
#footer{font-size:14px;}
#footer .siteinfo span a,#footer .sitenav span a{font-weight:500;}
#footer .siteinfo span a:hover,#footer .sitenav span a:hover{color:#003300;}
#footer .sitedesc .fav{float:left;width:250px;text-align:left;}
#footer .sitedesc .fav a{width:34px;height:34px;color:#ffffff;font-size:18px;margin-right:1px;}
@media screen and (max-width:767px){
  #footer .siteinfo,#footer .sitenav{display:none;}
  #footer .sitedesc{padding:0px;width:100%;border-right:0px;}
  #footer .sitedesc .desc{text-align:left;line-height:22px;padding:20px;}
  #footer .sitedesc .fav{padding-left:20px;}
  #footer .sitedesc .follow {float:left;padding-left:20px;}
}
@media screen and (min-width:768px){
  #footer .siteinfo,#footer .sitenav{
    float:left;text-align:center;width:70px;border-left:1px solid #7b7c7a; padding:20px 60px;
  }
  #footer .sitenav{border-right:1px solid #7b7c7a;}
  #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{line-height:151px;}
  #footer .sitedesc .follow {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;}