*{margin:0;padding:0;}
body{background:#eee;color:#333;font:15px/1.75 -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;line-height:1.75;}
a{text-decoration:none;color: #576b95;}
ul,ol{list-style:none;}

.box {float: left;width: 92%;overflow: hidden; margin: 10px 0 0 0; padding: 0 4%; background: #fff; }

/* 头部 */

header{float: left; width: 100%; position: fixed; top: 0; left: 0; z-index: 999;}

.topbar{float: left;position: fixed;top:0;left:0;z-index:999;width:100%;height:40px;background:-webkit-gradient(linear,0 0,0 100%,from(#08e),to(#08f));background:-moz-linear-gradient(#08f,#0cf);background:-o-linear-gradient(#08f,#0cf);background:linear-gradient(#08f,#0cf);}

.logo{float: left;margin: 0; padding: 10px 0 10px 3.6%; height: 20px; line-height: 20px; }
.logo a{color:#ffffff;font-weight: bold;}

.search {margin: 0 3% 0 5%; color: #fff; float: right; height: 40px; line-height: 40px; }
.search img{margin:11px 0 0 0;width:18px}

#tabtitle{margin: 0; width: 100%; float: left; position: fixed; bottom:0; left: 0; padding: 0;border-top: 1px solid #efefef; box-shadow: 0px 0px 1px 1px #eeeeee;}
#tabtitle ul{list-style:none;background: #fdfdfd;display:block;width: 100%;float: left;}
#tabtitle ul li{float: left; display: inline-block; padding: 0; height: 50px; line-height: 50px; width: 33.333%; color: #576b95;text-align: center; font-size: 18px; font-weight: bold; }
#tabtitle ul li.on span{border-bottom: 3px solid #00aaff;color: #00aaff;    padding: 0 0 10px 0;}
.hide{display:none;}
#tabcontent	{width: 100%; float: left; margin: 40px 0 0 0;}
#tabcontent div{width: 100%; float: left;}

.menuh2 {font-weight: 700; font-size: 18px; height: 24px; line-height: 24px; margin: 10px 0 0px 0px; color: #0099ff; float: left; width: 100%; padding: 10px 0; text-align: center; background: #f9f9f9; border-bottom: 1px solid #eeeeee;}

.menubox {background: #ffffff; padding: 0 3%; margin: 0 0 0px 0; float: left; width: 94%;}
.menubox h2 {font-size: 16px; margin: 5px 0 12px 1.5%; float: left; width: 96%; color: #333333; height: 21px; line-height: 21px;}
.menubox h2 a{color: #333333; }
.menuitem {padding: 0;width: 100%;float: left;margin: 0;}
.menuitem ul li	{width: 20%; float: left; text-align: center; margin: 0 1.5% 10px 1.5%; background-color: #f3f3f3; padding: 2px 1%; height: 26px; line-height: 26px; }
.menuitem ul li a{font-size: 14px;color: #576b95;}

.new {float: left;overflow:hidden;border-top:1px solid #f0f0f0;background: #ffffff;width: 100%;margin: 10px 0 0 0;}
.new  h2{font-size: 18px; margin: 18px 0 18px 4%; height: 20px; line-height: 20px; font-weight: bold; color: #333333;}
.new  h2 a{float: right; color: #666; padding-right: 4%;font-size: 16px;}
.new  ul {float: left;width: 100%;}
.new  ul li{float: left; overflow: hidden; padding: 18px 4%; width: 92%; border-top: 1px solid #efefef; }
.new  h3{float: left; width: 90%; margin: 0; font-size: 16px; color: #576b95; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: normal; line-height: 1.5; background: url("https://www.crossroadspartnership.com/img/right.png") no-repeat right 2px; background-size: 14px 20px;-webkit-background-size: 16px 20px;padding: 0 10% 0 0;}

footer { margin: 10px 0 0px 0; float: left;width:100%}

.bottombox {font-size: 13px; color: #333; padding: 12px 4%; background: #fff; text-align: center; float: left; width: 92%;}