@charset "utf-8";
/* CSS Document ynxfei */

@import url('../modules/scroll.css');
@import url('../modules/icons.css');
@import url('../modules/w180.css');
@import url('../modules/classify.css');
@import url('../modules/no-list.css');
@import url('../modules/navbar.css');
@import url('../modules/svip-dialog.css');

.wrap{ position:relative; padding-top:20px;}
.wrap .left{ z-index:2;}
.wrap .right{ z-index:1;}

.tip{ display:inline-block; width:8px; height:12px; position:absolute;}
.tip-right{ background-position:-69px -39px;}

.channel{ position:relative; background-color:#fff; height:1580px; z-index:4;}
.channel .tip-right{ left:162px; top:8px;}

.cnl-nav{ display:block; width:200px; position:relative; z-index:2;}.cnl-nav b{ font-weight:bold;}
.cnl-nav i{ width:14px; height:10px; background-position:-141px -47px; overflow:hidden; *vertical-align:4px;}
.cnl-nav h2{ position:relative; height:35px;}
.cnl-nav h2 a{ background-position:0 0; background-repeat:repeat-x;position:absolute; left:0; top:0; width:200px; height:35px; line-height:36px; overflow:hidden;font-size:14px; color:#F4F9FD; text-align:center;}
.cnl-nav h2 a:hover{color:#F4F9FD;}
.cnl-nav ul{padding:0;  border:1px solid #e2e2e2; display:none; background-color:#fff;}
.cnl-nav li{float:left;width:68px; height:36px; overflow:hidden; line-height:36px; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
.cnl-nav li a{ display:block; width:68px; text-align:center;font-size:12px; font-weight:normal;}
.cnl-nav li a:hover{background-position:0 1px; color:#fff;}
.cnl-nav .L07,.cnl-nav .L14{border-right:none;}
.cnl-nav .active ul{ display:block; position:absolute; left:-1px; top:35px;width:482px;}
/*.cnl-nav .active{ display:block;}*/

/**/

.list-body{ height:1580px; overflow:hidden; position:relative; width:783px;}
.guess{ margin-top:20px;}.guess .list{ margin-left:-17px; display:inline; float:left;}
.fixed{ position:fixed; z-index:1; width:780px;}

.gather{ width:783px;}
.filter{ height:33px; border:1px solid #D4D4D4; background-color:#f6f6f6; color:#444;}
.filter label,.filter input{vertical-align:middle}
.filter .fitr-left,.filter .fitr-right{ height:33px; line-height:34px; overflow:hidden;}
.filter .fitr-left{float:left; padding-left:10px; width:530px;}
.filter a{padding-left:16px; display:inline-block; position:relative; top:-1px;}
.filter a i,.filter a b{vertical-align:middle;}
.filter a i{ display:inline-block; margin-left:2px; width:11px; height:10px;}
.filter .active i{background-position:-16px -40px;}.filter .active b{cursor:pointer;}
.filter .active:hover{ color:#529bef;}.filter .active:hover i{background-position:0 -40px;}
.filter .fitr-right{float:right; width:230px;}
.filter .fitr-right .s1{padding-right:10px; float:right;}.filter .fitr-right em{ color:#f00; padding:0 2px; font-weight:bold;}
.filter .fitr-right .s2{ display:none;}

.sort{height:31px; border-bottom:2px solid #529BEF; padding-left:20px; margin-top:20px;}
.sort span{float:left; display:inline-block; height:31px; line-height:31px; padding:0 25px 0 10px; color:#529BEF;}
.sort span,.sort ul li a{font-size:14px;}
.sort ul{float:left; overflow:hidden;}
.sort li{float:left; height:31px; line-height:31px; width:101px; _margin-right:5px;}
.sort li a{display:block;height:31px; line-height:31px; width:101px; text-align:center; background-position:-110px -60px;}
.sort .active a,.sort li a:hover{background-position:0 -60px; color:#F3F8FE;}

/**/

.left .fixed{ width:200px;}
.right .fixed{ background-color:#f1f1f1;}

/**/

.body-1280 .wrap{ width:1280px;}
.body-1280 .wrap .left,.body-1440 .wrap .left{ padding-left:20px;}
.body-1280 .wrap .right,.body-1440 .wrap .right{ padding-right:20px;}
.body-1280 .wrap .right{ width:1020px;}
.body-1280 .crumbs{ width:1240px; padding-left:20px; padding-right:20px;}
.body-1280 .list-body,.body-1280 .guess,.body-1280 .gather{ width:986px;}
.body-1280 .right .abs-info{ left:50%; margin-left:-493px;}

.body-1440 .wrap{ width:1440px;}
.body-1440 .wrap .right{ width:1180px;}
.body-1440 .crumbs{ width:1400px; padding-left:20px; padding-right:20px;}
.body-1440 .list-body,.body-1440 .guess,.body-1440 .gather{ width:1186px;}
.body-1440 .right .abs-info{ left:50%; margin-left:-593px;}