/* ========================================================================
 * 初始化设置
 * ======================================================================== */

ul,ol,li{list-style:none}
img{border:none;vertical-align:middle}
img_2{border:none;vertical-align:middle}
a img{ border:none}
.container{position:relative;width:100%;padding:0;margin:0 auto;-webkit-backface-visibility:hidden}

/*主导航*/
.nav{height:30px;margin:35px 0 0 50px}
.nav ul{height:30px}
.nav li{float:left;text-align:center;height:30px;padding:0 30px}
.nav li a{font-size:14px;font-weight:700;display:inline-block;padding:0;}

/*阴影盒子*/
.box,.box-hover,.grid-view li,.list-view li,.wall-list li,.user-photo-list li img{-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);-khtml-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px 2px rgba(0,0,0,0.1);box-shadow:0 0 5px 2px rgba(0,0,0,0.1);-webkit-transition:opacity .75s ease;-khtml-transition:opacity .75s ease;-moz-transition:opacity .75s ease;-ms-transition:opacity .75s ease;-o-transition:opacity .75s ease;transition:opacity .75s ease;position:relative;z-index:9}
.box-hover:hover,.wall-list li:hover{-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);-khtml-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);-ms-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);-o-box-shadow:0 0 5px 2px rgba(0,0,0,0.3);box-shadow:0 0 5px 2px rgba(0,0,0,0.3)}
/*0.2秒减速淡出*/
.key,.btn-search,.ban-hot .tag,.icon-refresh,.icon-setting,.img div,.list-view li,.photo-list-mini a div,.btn-big,.job-btn-box .btn,.blur{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-backface-visibility:hidden}

/*隔离以下代码会取消旋效果ZYS*/

/*0.5秒减速淡出*/
.img a img,.btn-post,.social-links li,.banner .prev,.banner .next,.img span{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-backface-visibility:hidden}
/*180°旋转*/
.icon-refresh:hover,.icon-setting:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
/*1.1倍放大*/
.photo .banner .prev:hover,.photo .banner .next:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/*1.3倍放大*/
.banner .prev:hover,.banner .next:hover,.btn-search:hover{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
/*2°旋转并放大1.5倍*/
.img a:hover img{-webkit-transform:scale(1.5) rotate(2deg);-moz-transform:scale(1.5) rotate(2deg);-o-transform:scale(1.5) rotate(2deg);-ms-transform:scale(1.5) rotate(2deg);transform:scale(1.5) rotate(2deg)}

/*0°旋转并放大1.1倍*/
.img_2 a:hover img{-webkit-transform:scale(1.2) rotate(0deg);-moz-transform:scale(1.2) rotate(0deg);-o-transform:scale(1.2) rotate(0deg);-ms-transform:scale(1.2) rotate(0deg);transform:scale(1.2) rotate(0deg)}

/*透明度*/
.footers-bg,#back_to_top,.btn-more{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.btn-post,.social-links li,.img span,.img div,.photo-list-mini a div,.btn-big,.job-btn-box .btn{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.btn-post:hover,.social-links li:hover,#back_to_top:hover,.btn-more:hover,.btn-big:hover,.job-btn-box .btn:hover{opacity:1}
/*超出隐藏*/
.photo-list h3,.photo-list h3 a,.jg-list li p,.information dl,.box-r .list li,.grid-view .txt .title b,.list-view .txt h3,.ban-hot .tag .txt,.show .txt p,.information .msg,.photo-list .txt p,.index-news-box .tit{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block}
/*面包屑*/
.breadcrumb{height:40px;line-height:40px;color:#666; padding:20px 0 10px 0}
.breadcrumb a{color:#666}
/*按钮*/
.btn-primary,.btn-minor,.btn-hot,.btn-xie,.btn-link,.btn-blue{color:#fff;border:none;font-weight:700;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;padding:0 10px;line-height:30px;vertical-align:middle;background-image:url(../img/bg_xie.png)}
.btn-primary:hover,.btn-minor:hover,.btn-hot:hover,.btn-xie:hover,.btn-blue:hover{color:#fff}
.btn-lg.btn-primary,.btn-lg.btn-minor,.btn-lg.btn-xie,.btn-lg.btn-link{padding:10px 30px;font-size:18px;line-height: 1.33}
.btn-primary{background-color:#bf9f7c}
.btn-minor{background-color:#DC83E9}
.btn-hot{background-color:#ef779e}
.btn-blue{background-color:#5BBCDE}
.btn-xie{color:#ae3467;}
.btn-link{color:#ae3467;}
.btn-more{background:#d2ccc7; height:30px; line-height:30px; text-align:center; cursor:pointer}
.btn-big {background:url(../img/btn_big.jpg) 0 -150px;display:block; padding:10px 0; color:#fff;text-align:center; font-size:16px; font-weight:bold}
.btn-big:hover{ color:#fff}
 /*下拉菜单*/
.btn-group-dropdown{ position:relative; z-index:10}
.dropdown-toggle{cursor:pointer}
.dropdown-toggle i{background-position:-35px -245px;}
.dropdown-menu{ position:absolute;top:30px;left:0; width:auto; display:none}
.dropdown-menu li{line-height:30px; padding:0 10px}
/*图标*/
i,.close{width:20px;height:20px;line-height:20px;background:url(../img/bg.png) no-repeat;font-size:0;line-height:0; display:inline-block;vertical-align:middle}
.icon-refresh{background-position:-66px -5px;margin:9px 0 0 20px;cursor:pointer}
.icon-setting{background-position:-95px -35px}
.icon-home{background-position:-7px -66px}
.icon-grid{background-position:-3px -95px}
.icon-list{background-position:-33px -95px}
.icon-hot{background-position:-63px -127px}
.icon-photo-wall{background-position:-4px -121px; float:left}
.icon-show-photo{background-position:-34px -121px;float:left}
.icon-prev,.icon-next{width:6px; float:left}
.icon-prev{ background-position:-95px -124px }
.icon-next{ background-position:-108px -124px }
.icon-target-time{background-position:-69px -156px }
.icon-jia{ background-position:-95px -157px}
.icon-letter{ background-position:-5px -189px}
.icon-heart{ background-position:-35px -189px}
.btn-more i{background-position:-99px -188px}
.icon-edit{background-position:-65px -247px}
.icon-work{background-position:-34px -275px}
.img span .icon-heart{background-position:-33px -189px}
.icon-private{background-position:-5px -307px}


/********************************Bootstrap modal********************************/
.modal{position:fixed;top:0;right:0;bottom:0;left:50%;z-index:1040;display:none;overflow:hidden;width:600px;margin-left:-300px}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background: url(../img/bg_xie_000.png)}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.7;filter:alpha(opacity=70)}
.modal-header{height:40px}
.modal-header h3{color:#fff;font-size:18px}
.modal .close{width:22px;height:22px;background-position:-4px -215px;border:none;cursor:pointer; margin-top:7px}
.modal-body{position:relative;padding:30px 20px;background:url(../img/bg_modal_body.png?sd)}
.modal.fade.in{top:50%; margin-top:-200px}
.modal-body .title{font-size:24px;text-align:center;border-bottom:1px solid #999;padding-bottom:20px;margin-bottom:20px}
.tab-msg{margin:30px auto;line-height:22px}
.tab-msg tr td{vertical-align:top}

#footer{clear:both;color:#fff;margin-top:80px;padding-top:40px;background:url(../img/bg_footer.png);width:100%;-webkit-box-shadow:0 0 8px 2px rgba(0,0,0,0.5);-khtml-box-shadow:0 0 8px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px 2px rgba(0,0,0,0.5);-ms-box-shadow:0 0 8px 2px rgba(0,0,0,0.5);-o-box-shadow:0 0 8px 2px rgba(0,0,0,0.5);box-shadow:inset 0 0 8px 2px rgba(0,0,0,0.5)}
.footer-nav{overflow:auto;padding-bottom:30px}
.footer-nav li{float:left;width:120px;margin-right:100px}
.footer-nav h2,.footer-nav h3{height:30px;line-height:30px}
.footer-nav h3 a{color:#fff;line-height:30px;font-weight:400}
.footer-nav h2{font-size:14px;color:#fff}
.footer-nav a:hover{text-decoration:underline}
.footer-nav li.erweima{width:100px; margin:0}
.footer-nav li.erweima p{background:#6a625c; color:#fff; padding:5px 0; text-align:center}
.footers{clear:both;height:52px;line-height:16px;color:#bbb;position:relative}
.footers-bg{position:absolute;left:0;top:0;width:100%;height:52px;background:#6a625c}
.footers .container{padding-top:10px}
.footer-about{margin-left:20px;float:left}
.social-links li{float:left;margin-left:10px;width:26px;height:26px;overflow:hidden}
.social-links li i{width:26px;height:26px;line-height:26px;float:left}
.weixin{background-position:-2px -32px}
.weibo{background-position:-32px -32px}
.tweibo{background-position:-62px -32px}

/********************************列表排版********************************/
/*图片展示（5列小间距）*/
.photo-list{margin-left:-5px;}
.photo-list li{margin:0 0 20px 5px;float:left}
.photo-list li.default{margin-left:0}
.photo-list img{width:236px;height:258px;}
.img{width:236px;height:258px;display:block;overflow:hidden; position:relative}
.img span{position:absolute;left:0;bottom:20px;height:26px;line-height:26px;background:#333;padding-right:5px;color:#fff}
.img:hover span{left:-100px}
.img div{position:absolute;left:0;bottom:-80px;width:100%;padding:10px 0;line-height:26px;background:#333;color:#fff; text-align:center; font-size:14px;-webkit-backface-visibility:hidden}
.img:hover div{bottom:0}
.img div a{ color:#fff; display:inline-block}
.photo-list .txt{width:160px;height:100px;background:url(../img/bg_ge.png);text-align:center;color:#fff;padding:15px 10px}
.photo-list .txt h3{width:216px;font-size:24px;border-bottom:1px solid #bbb;color:#fff;padding-bottom:10px;margin-bottom:10px}
.photo-list .txt h3 a{font-size:20px}
.photo-list .txt p{margin:0;line-height:20px}
.photo-list a{ color:#fff}
.index-photo-list{ /*height:1204px;*/ overflow:hidden}
.photo-list li.private span{ background:#CC08C0}
.photo-list li.private .txt{background:url(../img/bg_ge_zi.png);}
.photo-list li.private .txt h3{ border-bottom:1px solid #cfa8d8}
.private-photo-list{}
.blur{filter:url(blur.svg#blur);-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.blur:hover{filter:url(blur.svg#blur);-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);}

/*大图模式（5列大间距）*/
.grid-view{margin:0 -20px;height:auto; padding:5px 0}
.grid-view li{ 
width:175px;/*图片外灰框*/
margin:0 0 20px 20px;
}
.grid-view .img,.grid-view .img img{
width:168px;/*内图片尺寸*/
height:210px;
}
.grid-view .txt{width:160px;/*底部文字宽度*/ 
height:auto}
.grid-view .txt .title{width:160px;border:none;color:#fff;padding:0;margin:0 0 5px 0; text-align:left;height:30px; line-height:30px;font-size:12px; display:inline-block}
.grid-view .txt .title b{ font-size:20px; font-weight:bold; width:80px;height:24px; float:left}
.grid-view .txt .title span{float:right; }
.grid-view .txt p{width:204px; }
.grid-view .txt h3{width:204px}
.grid-view .txt h3 a{width:204px}
.grid-view .no-data{ min-height:100px; text-align:center; padding:100px 0}


/*=======================丽人展示独立栏目=======================*/
/*属性列表*/
.property-list dl{border-bottom:solid 1px #ddd9d4;line-height:30px;overflow:auto;background:url(../img/bg_xing.png);}
.property-list dl.last{ border:none}
.property-list dl dt{ width:100px;float:left; padding:6px 0;text-align:center;color:#fff}
.property-list dl dd{width:80%; height:32px;overflow:hidden;float:left;padding:0 100px 10px 0;background:#f8f6f4;position:relative}
.property-list dl dd.expand{height:auto}
.property-list dl .row-actions{position:absolute;right:0;top:10px;width:50px;height:22px;line-height:22px;padding:0; color:#999; cursor:pointer}
.property-list dl .row-actions span{ float:left}
.property-list dl .row-actions i{ background-position:-35px -63px; float:left}
.property-list dl .row-actions.on i{ background-position:-65px -63px}
.property-list a{height:22px;line-height:22px;padding:0 10px;margin:10px 0 0 10px;color:#333;display:inline-block;white-space:nowrap}
.property-list a:hover{background-color:#d1c2af;color:#fff;}
.property-list a.active,.property-list a.active:hover{background-color:#bf9f7c;color:#fff;}
.property-list a.active{background:#bf9f7c url(../img/btn_close.png) right 8px no-repeat; padding-right:15px}
.color-wrapper a{ width:18px; height:18px; overflow:hidden; padding:0; text-indent:-9999px; margin:12px 0 0 12px; background:url(../img/bg_xie.png); float:left}
.color-wrapper .c1,.color-wrapper .c1:hover,.color-wrapper .c1.active{background-color:#f33}
.color-wrapper .c2,.color-wrapper .c2:hover,.color-wrapper .c2.active{background-color:#fc3}
.color-wrapper .c3,.color-wrapper .c3:hover,.color-wrapper .c3.active{background-color:#ff3}
.color-wrapper .c4,.color-wrapper .c4:hover,.color-wrapper .c4.active{background-color:#360}
.color-wrapper .c5,.color-wrapper .c5:hover,.color-wrapper .c5.active{background-color:#39c}
.color-wrapper .c6,.color-wrapper .c6:hover,.color-wrapper .c6.active{background-color:#639}
.color-wrapper .c7,.color-wrapper .c7:hover,.color-wrapper .c7.active{background-color:#f99}
.color-wrapper .c8,.color-wrapper .c8:hover,.color-wrapper .c8.active{background-color:#630}
.color-wrapper .c9,.color-wrapper .c9:hover,.color-wrapper .c9.active{background-color:#333}
.color-wrapper .c10,.color-wrapper .c10:hover,.color-wrapper .c10.active{background-color:#fff}
.color-wrapper .c11,.color-wrapper .c11:hover,.color-wrapper .c11.active{background-color:#999}
.color-wrapper a:hover{background-image:none}
.color-wrapper a.active{width:40px;padding:0;background:none}
.color-wrapper a.active:hover{background:#bf9f7c url(../img/btn_close.png) 16px 6px no-repeat}
/*过滤*/
.filter-form{ margin:20px 0; background:#f8f6f4; height:30px; line-height:30px; padding:10px}
.filter-wrapper{ float:left}
.filter-wrapper a{ height:30px; display:inline-block;margin-right:10px; padding-left:10px}
.filter-wrapper a i{ width:10px;height:8px;line-height:8px;vertical-align:middle; margin-right:10px}
.filter-wrapper a.desc i{ background-position:-93px -75px}
.filter-wrapper a.acs i{background-position:-93px -67px}
.filter-wrapper a.active{background:#bf9f7c;color:#fff;}
.filter-wrapper a.active.desc i{background-position:-108px -75px}
.filter-wrapper a.active.acs i{background-position:-108px -67px}
.filter-form .styles{ float:right; margin-left:20px}
.styles a{ background:#e4e0d9; padding:0 10px 0 5px; display:inline-block}
.styles a.active{background:#bf9f7c; color:#fff}
.styles .active .icon-grid{background-position:-63px -95px}
.styles .active .icon-list{background-position:-93px -95px}
.filter-form .total{float:right}
.filter-form .total b{color:#f60}

/* ========================================================================
 * 排行榜
 * ======================================================================== */
 /*选项卡公用*/
.tab-nav span{display:inline-block;text-align:center;cursor:pointer }
.tab-content>div{ display:none}
.tab-content>div.active{ display:block}
 /*排行榜*/
.top-box{ margin-top:-300px;height:540px;}
.top-head{ background:#0c0b12 url(../upload/bg_top_head.jpg) center top no-repeat; width:100%; height:500px;}
.top-box section{ width:380px;float:left; margin-left:30px; position:relative}
.top-box section.top-one-box{ margin:0}
.top-box header{height:40px}
.top-box header h2{ color:#fff; font-size:18px}
.top-box header .tab-nav span{ width:27px; height:27px; line-height:27px; background:#d3d3d3; color:#666; margin-left:5px; }
.top-box header .tab-nav span.active{ background:#f93; color:#fff}
.top-box .bg{width:380px; height:500px;background:url(../img/bg_top.jpg)}
.top-box .top-content{position:absolute;top:40px;left:0; width:100%;height:460px}
.filter-bang{margin:20px 0 0 18px; height:26px}
.filter-bang span{ background:#a68dba;height:26px; line-height:26px;margin-left:12px;width:71px;color:#fff;}
.filter-bang span.active{ background:#624a76; font-weight:bold}
.filter-side{position:absolute;left:-5px;top:100px; z-index:3}
.filter-side span{display:block; width:22px; height:36px; line-height:29px; background:url(../img/bg.png?see) -30px -150px no-repeat; text-align:left; padding-left:5px; color:#fff}
.filter-side span.active{ background-position:0 -150px}
/*排行榜列表*/
.top-list,.top-hd{margin:0 30px; width:320px}
.top-hd{ height:30px; line-height:30px;border-bottom:1px dashed #ccc; color:#eee;margin:10px 30px}
.top-list li{color:#fff;height:32px; line-height:32px; float:left}
.top-list .tit,.top-hd .tit{ width:200px; float:left; position:relative}
.top-list .tit img{ width:64px; height:70px; display:none}
.top-list .active{margin:10px 0;height:70px; line-height:70px;background:url(../img/bg_xie.png)}
.top-list .active .tit img{ display:block; float:left; margin-right:10px}
.top-list .active .tit span{ position:absolute;left:0;top:0; margin:0}
.top-list .status,.top-hd .status{ width:80px; float:left}
.top-list .source,.top-hd .source{ width:40px; float:left}
.top-list .tit span{ width:14px; height:14px; text-align:center; line-height:14px;background:#735886; float:left; margin:10px 10px 0 0}
.top-list a{ color:#fff; font-weight: bold}
.top-list .tit span.num-top{background:#f93}
.top-box .top-two-box .bg{ background-position:-400px 0}
.top-box .top-two-box .top-list .tit span{ background:#65698a}
.top-box .top-three-box .bg{ background-position:-800px 0}
.top-box .top-three-box .top-list .tit span{ background:#647577}
.top-box .top-two-box .top-list .tit span.num-top,.top-box .top-three-box .top-list .tit span.num-top,.top-list .tit span.num-top{background:#f93}
.top-box .top-two-box .tit,.top-box .top-three-box .tit{width:240px;}
.top-two-box .top-list .active,.top-three-box .top-list .active{margin:23px 0;height:90px; }
.top-two-box .top-list .tit img,.top-three-box .top-list .tit img{ width:84px; height:90px}
/*竞价*/
.img div.to-bidding{bottom:-245px;padding:0;height:245px;line-height:245px}
.img:hover div.to-bidding,.mini-view .img:hover div.to-bidding{bottom:0;font-size:40px; cursor:pointer}
.mini-view .img div.to-bidding{bottom:-150px;height:150px;line-height:150px}

/* ========================================================================
 * 招聘
 * ======================================================================== */
 /*左右结构*/
.box-l-r nav.box,.box-l-r .page{width:900px}
.box-l-r .filter-form{ width:880px}
.box-l-r nav.box .property-list dl dd{width:700px}