@charset "utf-8";
*{word-wrap:break-word;padding:0;margin:0;}
html{padding:0;margin:0; overflow-y:scroll}
body{color:#333;background:#fff}
body,button,input,select,textarea {font:14px/1.5 arial,"Microsoft Yahei";}
a{color:#333;text-decoration:none;transition: all .3s;}
a:hover{text-decoration:none; color:#96b7a4;transition: all .3s;}
img{border:0;background:#edf3f9}
li{list-style:none}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-size:1em}
em, cite {font-style:normal}
input,button,select,textarea{ font-family: Microsoft yahei}
input{border:0;outline:none}
button{outline:none; cursor: pointer; border:0}
select, textarea{outline: none}
i{font-style:normal}
.oh{ overflow: hidden;}
.b{ padding: 30px; background: #fff; border-radius: 6px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05);transition: transform .3s ease-in-out;}
.b:hover{box-shadow: 0 4px 6px 0 rgba(0,0,0,.05), 0 20px 40px 0 rgba(0,0,0,.05);transform: translate3d(0,-8px,0);}
.t{ float:left; position: relative; display:block; width:100%; padding: 20px 0;}
.t .title{ float:left; position:relative; font-size: 26px; color: #555; font-weight: 400; padding-left:20px}
.t .title:before{ position:absolute; left:0; top:50%; margin-top:-5px; content:""; display:block; width:4px; height:10px; background:#2190ff; border-radius:4px}
.t .title:after{ position:absolute; left:140px; top:50%; margin-top:-5px; content:""; display:block; width:100px; height:10px; background:#edf3f9; border-radius:4px}
.t .more a{ float:right; color:#ccc; font-size:16px; padding: 10px 0 0;}
.t .more i{ font-size:20px; margin-left:10px; color:#ddd}
.t .search{ float:right; margin:0}
.t .search input{ width:387px; background:#edf3f9}
.t .search button{ background:#edf3f9}
/*按钮*/
.bt button{ float: left;}
.btn{ float: left; margin:10px; background: #158afe; text-align: center; color: #fff; font-size: 18px; height: 50px; padding: 0 50px; border-radius: 4px; box-shadow: 0 10px 30px rgba(21, 138, 254, .2); border:1px solid #158afe}
.bt1{ background: #fff; color: #158afe; box-shadow: 0 10px 30px rgba(0, 0, 0, .05);}
.bt2{ background: #31cd79; box-shadow: 0 10px 30px rgba(49, 205, 121, .2);border-color: #31cd79}
.bt3{ background: #fff; color: #31cd79; box-shadow: 0 10px 30px rgba(0, 0, 0, .05);border-color: #31cd79}
.bt4{ background: #fff; color: #666; box-shadow: 0 10px 30px rgba(0, 0, 0, .05);border-color: #eee}
.bt button i{ margin:0 5px;}
.bt.s1 .btn{height:40px; padding:0 30px; font-size:16px; border-radius:3px}
/*文字颜色*/
.c1{color:#0c9cfa!important;}
.c2{color:#bbb!important;}
.c3{color:#f50!important;}
.c4{color:#31cd79!important;}
.c5{color:#ff9800!important;}
/*浮动层*/
.fx{ position: fixed; z-index: 9; left: 0; right: 0; bottom: 0; padding: 30rpx; background: #fff; border-radius: 30rpx 30rpx 0 0; box-shadow: 0 -2rpx 6rpx rgba(0, 0, 0, .03);}
.nobg{ background: none; box-shadow: none;}
/*显示隐藏动画 向上进入 向下退出*/
.show{transition: all 0.3s ease; transform: translateY(0); visibility: visible; opacity: 1;}
.hide{transition: all 0.3s ease; transform: translateY(60rpx); visibility: hidden; opacity: 0;}
/*显示隐藏动画 2上 3左 4右*/
.hide2{transition: all 0.3s ease; transform: translateY(-60rpx); visibility: hidden; opacity: 0;}
.hide3{transition: all 0.3s ease; transform: translateX(-60rpx); visibility: hidden; opacity: 0;}
.hide4{transition: all 0.3s ease; transform: translateX(60rpx); visibility: hidden; opacity: 0;}
/* 顶部通用 */
.fl{ float: left }
.fr{ float: right }
.mauto{ width: 1468px; margin: 0 auto; position: relative}
.mgnone{ margin: 0 }
.w1{ width:368px; min-height:300px;}
.w2{ width:1050px;}
.blur{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px)
}
.header-main{ z-index:9; min-width:1468px; height:130px; background:#2190ff; position:relative; overflow:hidden}
.header-main video{
    filter: brightness(100%);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 1
    }
.topbar{ width:100%; height:36px; line-height:36px; background:rgb(33, 144, 255); transition: all 0.4s ease-out;}
.topbar i.bg{position:fixed; top:-68px;display:block;height:68px;width:100%;background: #2190ff;}
.topbar .nav{ float:right; margin:0 0 0 10px}
.topbar .nav ul li{ float:left; margin:8px 0; line-height:20px;border-right:1px solid #0381ff}
.topbar .nav ul li a{ display:block; padding:0 16px; font-size:12px; color:#fff}
.topbar .nav ul li a:hover{ color:#c2e0ff}
.topbar .nav ul li.on a{ color:#00d5b4}
.topbar .nav ul li i{ margin-right:10px}
.welcome{ float:left; color:#fff; font-size:12px; margin:8px 10px; line-height:20px; padding-right:20px;}
.login{ float:right}
.login a{ display:inline-block; color:#FFEB3B; font-size:12px; margin:6px; line-height:24px; padding:0 10px; border-radius:2px}
.login a.reg{ background:#fff; color:#2190ff}
.headinfo{ position:absolute; z-index:9; left:50%; top:50px; width:1468px; margin:0 0 0 -734px}
.logo{ float:left; width:200px}
.logo h1 a{ position:relative; display:block; color:#000; width:128px; height:54px; background:url(../images/logo_w.png) no-repeat center}
/* .logo h1 a:after{ position:absolute; right:-45px; top:50%; margin-top:-13px; content:""; height:30px; width:1px; display:block; background:#fff} */
.search{ float:left; margin-top:10px}
.search input{ float:left; width:400px; height:40px; line-height:40px; padding:0 20px; border-radius:4px 0 0 4px}
.search button{ width:60px; height:40px; font-size:18px; color:#2190ff; border-radius:0 4px 4px 0; background:#9bcdff}
.header-fixed{ z-index:10}
.header-fixed .headinfo{ position:fixed; top:7px}
.header-fixed .topbar i.bg{ top:0}

.menu{ width:100%; height: 50px;background:#2190ff; }
.menu ul{ width:1448px; padding:5px 10px 0; height:45px; background:#2190ff; border-radius:4px 4px 0 0; box-shadow: 0 5px 10px rgba(21, 138, 254, .2);}
.menu ul li{ float:left; line-height:45px}
.menu ul li:last-child{ border:0}
.menu ul li a{ display:block; font-size:16px; color: #fff; padding:0 30px; margin-right:3px; border-radius:6px 6px 0 0}
.menu ul li a:hover{ background:#43a1ff;}
.menu ul li.on a{ background:#43a1ff;}
.menu ul li.home a{ height:60px; background:#fff;}
.menu-fixed{}
.menu-fixed.menu ul{ box-shadow:none}
.menu-fixed.menu ul li.home a{ height:45px}
.navicon{ width:1466px; margin:0 auto; height:80px; padding-top:0; border:1px solid #eee; border-top:0; background:#fff}
.navicon ul{ float:right; width:90%}
.navicon ul li{ float:left; width:25%; height:40px; padding:20px 0;}
.navicon ul li i{ float:left; margin-right:20px; font-size:30px; color:#caddef}
.navicon ul li span{ font-size:18px}
.navicon ul li p{ color:#aaa; font-size:13px}
.mianliaoshow{ width:100%; padding:0 0 30px 0; overflow:hidden}
.mianliaoshow .t .title{ color:#2b3744}
/*横排滚动*/
.topscroll{ float:left; width:100%; background:#edf3f9; padding:0; position:relative; border-radius:6px}
.topscroll .prev,.topscroll .next{ font-size:40px; color:#ddd; width:50px;height:45px; line-height:45px; margin-top:-50px; text-align:center; position:absolute;top:50%;left:-60px;z-index:1; cursor:pointer;}
.topscroll .next{ left:auto; right:-55px;}
.topscroll .prev:hover,.topscroll .next:hover{ color:#2190ff}
.topscroll .wrap{padding-left:10px}
.topscroll dl{float:left;width:158px;position:relative;padding:0; margin:20px 12px 20px 11px; overflow:hidden; box-shadow:none}
.topscroll dt{margin:0 auto;width:100%;}
.topscroll dt img{ width:100%;height:238px;}
.topscroll dd{ height:40px; padding:10px;}
.topscroll dd span{ position:absolute; right:5px; bottom:50px; width:60px; height:60px; border-radius:50%; border:2px solid #fff; overflow:hidden}
.topscroll dd span img{ width:100%; height:100%}
/*横机滚动*/
.HJscroll{ float:left; width:100%; padding:0; position:relative; border-radius:6px; background:#edf3f9}
.HJscroll .prev,.HJscroll .next{ font-size:40px; color:#ddd; width:50px;height:45px; line-height:45px; margin-top:-30px; text-align:center; position:absolute;top:50%;left:-60px;z-index:1; cursor:pointer;}
.HJscroll .next{ left:auto; right:-55px;}
.HJscroll .prev:hover,.HJscroll .next:hover{ color:#2190ff}
.HJscroll .wrap{padding-left:10px}
.HJscroll dl{float:left;width:158px;position:relative;padding:0; margin:20px 12px 20px 11px; overflow:hidden;}
.HJscroll dt{margin:0 auto;width:100%;}
.HJscroll dt img{ width:100%; height:158px; border-radius:6px}
.HJscroll dd{ height:40px; padding:10px; text-align:center}
.HJscroll dd span{ display:block; color:#fff; background:#2190ff; border-radius:2px}

.focus{ width:1080px}
/* 首页tab */
.focusTab{ float:right; width:545px; height:300px; background:#fff; overflow:hidden}
.focusTab .hd{ height:30px; border-bottom:1px solid #eee; position:relative; padding-right:10px;}
.focusTab .hd .more a{ float:right; color:#ccc; font-size:16px;}
.focusTab .hd .more i{ font-size:20px; margin-left:10px; color:#ddd}
.focusTab .hd ul{ z-index:5; position:absolute; height:33px;  overflow:hidden; zoom:1; }
.focusTab .hd li{ float:left; font-size:16px;  padding:0; margin-right:40px; cursor:pointer; border-radius:4px 4px 0 0}
.focusTab .hd li.on{ font-weight:bold; height:30px;font-weight:bold; color:#2190ff; border-bottom:3px solid #2190ff }
.focusTab .bd{  padding:20px 0 0; position:relative;}
.focusTab .bd span img{ float:left; width:70px; height:70px; margin-right:20px}
.focusTab .bd ul{ padding:0}
.focusTab .bd ul li{ float:left; width:100%; padding:5px 0}
.focusTab .bd ul li a{ font-size:16px;}
.focusTab .bd ul li p{ color:#999; border-bottom:1px solid #eee; padding-bottom:10px; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.focusTab .bd ul li p a{ margin-left:10px; color:#2190ff;}
/* 首页轮播 */
.focusBox { float:left; position: relative; width:515px; height:300px; border-radius:4px; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:300px; display: block;}
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; z-index:1; }
.focusBox .hd li{ width: 8px; height: 8px; margin: 0 5px; display: inline-block; background: rgba(255,255,255,.5); border-radius:8px;}
.focusBox .hd .on{ width:16px; background:#fff}
.focusBox .prev,
.focusBox .next { width: 50px; height: 90px; line-height:90px; font-size:40px; text-align:center; color:#fff; margin: -45px 0 0; border-radius:4px; display: none; position: absolute; top: 50%; cursor: pointer; filter:alpha(opacity=50);opacity:0.5;  }
.focusBox .prev { left: 0;}
.focusBox .next { right: 0;}
.focusBox .prev.on,.focusBox .next.on{ display:block}
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;}
/* 广告 */
.focusAd{ float:right; width:368px}
.focusAd ul li{ float:left; margin:10px 10px 0 0; display:block; text-align:center; width:179px; height:140px; background:#edf3f9; border-radius:4px}
.focusAd ul li:nth-child(even){ margin:10px 0 0}
.focusAd ul li img{ width:160px; height:120px; margin-top:10px;}

.company{ padding:1px;background:#edf3f9; overflow:hidden}
.company ul li{ display:block; height:60px; padding:12px 5%; background:#fff; border-bottom:1px solid #eee}
.company ul li:nth-child(even){ margin:0;}
.company ul li img{ float:right; margin-left:15px; width:60px; height:60px; border-radius:4px; border:1px solid #eee}
.company ul li span{ font-size:16px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.company ul li p{ color:#999; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}

.pro-nav{ margin:0 0 30px; display:block; width:100%; overflow:hidden}
.pro-nav ul li{ float:left; margin-right:10px}
.pro-nav ul li a{ display:block; height:20px; line-height:20px; padding:0 15px; border:1px solid #e8e8e8; background:#e8e8e8; border-radius:32px}
.pro-nav ul li.on a{ border-color: #4b85f0; color:#fff; background:#4b85f0}

.footer{ position:relative; z-index:12; clear:both; width:100%; margin-top:50px; min-width:1468px; background:#edf3f9; overflow: hidden;}
.footbar{ width:100%; padding:30px 0; background:#2b3744; color:#707c8a; overflow:hidden}
.footbar a{ color: rgba(255,255,255,.5);}
.foot_menu{ width: 1468px; padding: 50px 0 30px}
.foot_menu ul{ float: left; height:180px; width: 160px; padding: 0 30px; border-right: 1px solid #e3e8ef; display: inline; overflow: hidden;}
.foot_menu ul.fw{ width:410px}
.foot_menu ul.fw li a{ float:left; margin:0 30px 5px 0}
.foot_menu ul.gz{ width: 285px}
.foot_menu ul.kf{ width: 330px; border:0;}
.foot_menu li span{ display:block; height:50px; font-size:18px}
.foot_menu li{ float:left; width:100%}
.foot_menu li a{ margin-bottom:5px; display: block; line-height: 26px; color:#666; overflow:hidden}
.foot_menu li a:hover{ color: #2190ff;}
.foot_menu li strong{ font-size: 30px; color: #888}
.foot_menu li i{ float: left; width: 45px; height: 45px; margin-right: 10px; display:inline}
.foot_menu li.tel a{ float:right; padding:8px 40px; font-size:16px; color:#fff; text-align:center; background:#f90; border-radius:4px}
.foot_menu li.dyh{ float: left; margin-right: 10px; width: 105px; height: 105px; background: #fff url(../images/code.gif) no-repeat center; background-size:cover; border-radius:4px}
.foot_menu li.qyh{ float: left; width: 105px; height: 105px; background: #fff url(../images/code.gif) no-repeat center; background-size:cover; border-radius:4px}

.gototop{ z-index:999; position:fixed; width:46px; height:100%; top:0; text-align:center; right:0; _position: absolute; display:block;}
.top_on{ bottom:80px}
.top_in{ bottom:80px}
.sidebox{ position:absolute; bottom:120px; right:20px}
.sidebox span a{ display:block; width:46px; height:46px; background:#fff url(../images/icon.png) no-repeat;border:1px solid #e8e8e8}
.sidebox span a:hover{ display:block; width:46px; height:46px; background-position: -46px 0; border:1px solid #e8e8e8}
.sidebox ul{ position:relative; width:46px}
.sidebox ul li{ margin-top:5px; width:46px; height:46px; background:#fff; border:1px solid #e8e8e8}
.sidebox ul li i{ float:right; background:url(../images/icon.png) no-repeat; width:46px; height:46px; cursor:pointer;}
.sidebox ul li.wt i{ background-position: 0 -92px}
.sidebox ul li.wx i{ background-position: 0 -46px}
.sidebox ul li.backtop i{ background-position: 0 -138px}
.sidebox ul li.backtop{ }
.sidebox ul li span{ position:absolute; z-index:-1; top:0; right:51px; width:140px; padding-top:10px; height:136px; line-height:16px; background:#fff; border:1px solid #e8e8e8;}
.sidebox ul li span{ transition: all 0.3s ease 0s; transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.sidebox ul li span img{ width:90px}
.sidebox ul li span p{ font-size:12px}
.sidebox ul li span b{ color:#059cef}
.sidebox ul li.on span{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.sidebox ul li.on i{background-position-x:right}

.sidebox ul li p{ font-size:14px;}
.sidebox ul li.wt span{ top:0; width:80px; height:44px; line-height:44px; border-color:#059cef; padding:0; color:#fff; background:#059cef;}
.sidebox ul li.backtop{ position:relative}
.sidebox ul li.backtop span{ top:0; width:80px; height:44px; line-height:44px; padding:0; color:#667082; background:#fff;}
.sidebox ul li.backtop.on { background-color:#fff}
/*首页头部主体导航*/
.card-body{ width:100%; padding:30px 0 50px; min-width:1468px; overflow:hidden}
.homenav{ width:1500px}
.homenav .item{ float:left; width:447px; padding:15px; background:#fff; border:1px solid #eee; margin:0 15px 15px 0; border-radius:2px;transition: all .3s}
.homenav .item span img{ width:447px; height:139px; background:#eee}
.homenav .item h3{ padding:5px 0;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.homenav .item p{ color:#bbb;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.homenav .item i{ float:right;}
.homenav .item.on{ box-shadow: 0 5px 30px rgba(0,0,0,.1); border-color:#fff}
/*色卡*/
.seka{ width:1070px;}
.seka .item{ float:left; width:158px; padding:0; margin:0 20px 20px 0;}
.seka .item span{ position:relative; padding:0; display:block}
.seka .item span a{ float: left; display:block}
.seka .item span img{ float: left; width:158px; height:226px;border-radius:4px 4px 0 0;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));}
.seka .item span:after {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0)
}
.seka .item .info{ position:relative; padding:10px 15px 0; overflow:hidden}
.seka .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.seka .item .num{ color: #bbb;}
.seka .item .avatar{ position:absolute;right:15px;top:10px}
.seka .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.seka .item .sort{ height:56px; overflow:hidden}
.seka .item .sort .tag{ float:left; color: #bbb; font-size:12px; margin: 0 6px 0 0;}
.seka.yarn .item span img{ height:220px;}
/*花型*/
.huaxing{ width:1070px;}
.huaxing .item{ float:left; width:158px; padding:0; margin:0 20px 20px 0;}
.huaxing .item span{ width:158px; height:158px; padding:0; display:block}
.huaxing .item span img{ width:158px; height:158px;border-radius:4px 4px 0 0}
.huaxing .item .info{ position:relative; padding:15px}
.huaxing .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.huaxing .item .num{ color: #bbb;}
.huaxing .item .avatar{ position:absolute;right:15px;top:15px}
.huaxing .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.huaxing .item .sort{ height:60px;}
.huaxing .item .sort .tag{ float:left; color: #bbb; margin: 0 6px 0 0;}
/* 招聘列表 */
.job-list .item{ float:left; width:30%; padding: 10px 1%; background: #fff; margin:0 12px 10px 0; display:block; border:1px solid #eee; overflow:hidden}
.job-list .item-t{ }
.job-list .item-f{ position: relative; align-items: center; justify-content: space-between; padding-top: 20px;}
.job-list .item-head{ padding-bottom: 10px; width:100%; display:block; overflow:hidden}
.job-list .title{ float:left}
.job-list .title div{ float:left; font-size: 16px;}
.job-list .title .p{ width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; background: #0c9cfa; color: #fff; border-radius: 2px; margin-right: 10px;}
.job-list .money{ float:right; color: #f60; font-weight: 700;}
.job-list .tags{ display:block; width:100%; overflow:hidden}
.job-list .tags div{ float:left; background: #f2f2f2; color: #999; font-size: 12px; border-radius: 2px; margin: 0 3px 3px 0; padding: 4px 10px;}
.job-list .text{ padding: 5px 0 0; font-size:12px; color: #999;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}
/*人才列表*/
.tabresume{ float:left; padding-bottom:20px; width:100%; }
.resume{ float:left; height:180px; overflow:hidden}
.resume .item{ float:left; width:134px; margin:10px 20px 5px 0; padding:10px 10px 20px; text-align:center; border:1px solid #eee; box-shadow:0 2px 5px rgba(0,0,0,.1)}
.resume .item .pic img{ width:60px; height:60px; border-radius:50%; margin-bottom:10px}
.resume .item .tags div{ color: #999; font-size: 12px;}
.tabresume .hd{ float:left; padding:20px 0 0; width:1036px; text-align:center;}
.tabresume .hd ul li{ display:inline-block; width:10px; height:10px; background:#ddd; margin:0 5px; border-radius:50%;cursor:pointer}
.tabresume .hd ul li.on{ background:#2190ff}
/*社区*/
.club .item{ float:left; width:100%; height:90px; margin:0 0 10px 0; padding:10px 0; display:block; overflow:hidden; border-bottom:1px solid #eee}
.club .item .img{ float:left; margin-right:20px}
.club .item .img img{ width:70px; height:70px}
.club .item .title{ padding-right:20px; font-size:16px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}
.club .item .dec{ padding-right:20px; color:#999;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.club .item .info{ display:block; overflow:hidden}
.club .item .info ul{ margin-top:5px}
.club .item .info ul li{ float:left; color:#bbb; font-size:12px; margin-right:20px;}
.club .item .info ul li i{ margin-right:5px}