/* @generated */
.top-ads {
    width: 1000px;
    position: relative;
    overflow: hidden;
    margin: -18px auto 10px;
    display: none
}

.top-ads .close-ads {
    position: absolute;
    top: 12px;
    right: 5px;
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    outline: 0 none;
    background: url('/skin/imgs/close.png') no-repeat 0 0
}

.login-top-ad {
    margin: -15px auto 0
}

.login-top-ad .adiframec {
    margin-bottom: 15px
}

.bottom-ads {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto
}

.gheader-wp,.gheader-wp .gheader-wp-b {
    /* border:0 */
}

.gheader-wp-b {
    /* position:relative; */
    /* z-index:999 */
}

.gheader-wp {
    border-top: 3px solid #85c155;
    *zoom:1}

.gheader-wp .gheader-i {
    margin-right: 20px
}

.gheader-wp .unlogin-wrapper {
    height: 175px;
    overflow: hidden;
    background: #f3f3f3;
    margin-bottom: 28px
}

.gheader-wp .unlogin-wrapper .unlogin-nav {
    margin-top: 6px;
    padding: 2px 0 0!important
}

.gheader-wp .unlogin-wrapper .unlogin-nav .gheader-ext {
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
    background: 0;
    margin-top: 57px;
    height: 48px;
    padding: 0 0 0 9px;
    text-align: center
}

.gheader-wp .unlogin-wrapper .unlogin-nav .gheader-ext p {
    font-weight: normal;
    font-size: 21px;
    color: #333;
    margin-right: 13px;
    line-height: 50px;
    display: inline
}

.gheader-wp .unlogin-wrapper .unlogin-nav .gheader-ext a {
    color: #f7f7f7;
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    width: 180px;
    background-color: #88c833;
    display: inline-block;
    margin: 0 7px
}

.gheader-wp .unlogin-wrapper .unlogin-nav .gheader-ext a:hover {
    background: #50a200;
    text-decoration: none;
    cursor: pointer
}

.gheader-wp .gnav.gfl {
    margin: 5px 0 0 17px
}

.gheader-wp .gnav li a {
    padding-left: 11px;
    padding-right: 23px;
    color: #4ba733
}

.gheader-wp .gheader-i {
    color: #999;
    line-height: 1em;
    margin-left: 495px
}

.gheader-wp .gheader-i .gheader-i-ssp {
    width: 1px;
    height: 17px;
    vertical-align: middle;
    display: inline-block;
    border-right: 1px solid #d9d9d9
}

.gheader-wp .gheader-i .gicon-sweixin,.gheader-wp .gheader-i .gicon-ssina,.gheader-wp .gheader-i .gicon-srr,.gheader-wp .gheader-i .gicon-sqq,.gheader-wp .gheader-i .gicon-sdouban {
    background: url('imgs/4-icon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0
}

.gheader-wp .gheader-i .gicon-sweixin {
    background-position: -50px -471px
}

.gheader-wp .gheader-i .gicon-ssina {
    background-position: 0 -496px
}

.gheader-wp .gheader-i .gicon-sqq {
    background-position: -75px -471px
}

.gheader-wp .gheader-i .gicon-sdouban {
    background-position: -50px -496px
}

div.grow {
    width: 1000px
}

.index-page {
    padding: 0 15px
}

.index-page .last_item {
    border-bottom: none!important
}

.index-page .main {
    width: 680px;
    float: left
}

.index-page .main .gbtitle {
    background: 0;
    margin: 0;
    height: 42px;
    padding: 0;
    border-bottom: 1px solid #e9e9e9
}

.index-page .main .gbtitle h1,.index-page .main .gbtitle h2 {
    margin-top: 10px
}

.index-page .main .gbtitle h1 {
    color: #4c4c4c
}

.index-page .main .gbtitle .gbtitle-advert-img {
    display: inline-block;
    float: right;
    margin-top: 10px
}

.index-page .main .gbtitle .gbtitle-advert-img img {
    max-height: 24px
}

.index-page .main .gbtitle .gbtitle-advert-text {
    font-size: 12px;
    display: inline-block;
    float: right;
    margin: 13px 20px 10px 5px;
    *margin-top: 16px
}

.index-page .main .gbtitle .gbtitle-more {
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 10px;
    vertical-align: text-top
}

.index-page .main .gbtitle.post-pop {
    border-bottom: 1px solid #ccf5c1
}

.index-page .main .gbtitle.post-pop h1 {
    color: #4ba733
}

.index-page .main .gbtitle.ask {
    margin-top: 20px;
    border-bottom: 1px solid #c5ebf9
}

.index-page .main .gbtitle.ask h1 {
    color: #0078b6
}

.index-page .main .recos {
    margin: 20px 0 0
}

.index-page .main .recos .focus {
    float: left;
    overflow: hidden;
    margin-top: 5px;
    position: relative;
    width: 330px
}

.index-page .main .recos .focus .focus-content {
    position: relative;
    height: 235px
}

.index-page .main .recos .focus .focus-content img {
    vertical-align: top;
    border: 0
}

.index-page .main .recos .focus .focus-explain {
    bottom: 0;
    position: absolute;
    background: url(../images/g_footer_layer_bg.png);
    width: 100%
}

.index-page .main .recos .focus .focus-content a,.index-page .main .recos .focus .focus-title li {
    position: relative;
    display: none
}

.index-page .main .recos .focus .focus-title {
    height: 32px;
    overflow: hidden
}

.index-page .main .recos .focus .focus-title a {
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
    font-size: 16px
}

.index-page .main .recos .focus .focus-tag {
    margin: 8px 0;
    overflow: hidden;
    text-align: center;
    position: relative
}

.index-page .main .recos .focus .focus-title li {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-top: 12px
}

.index-page .main .recos .focus .focus-tag li {
    width: 8px;
    height: 8px;
    overflow: hidden;
    line-height: 999em;
    display: inline-block;
    *zoom:1;*display: inline;
    margin: 0 6px;
    background-color: #e9e9e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.index-page .main .recos .focus .focus-tag li:hover {
    cursor: pointer
}

.index-page .main .recos .focus .focus-title .current {
    color: #e9e9e9
}

.index-page .main .recos .focus .focus-title .current a {
    display: block;
    text-align: center;
    color: #e9e9e9
}

.index-page .main .recos .focus .focus-tag .current {
    background-color: #88c932
}

.index-page .main .recos .recos-article {
    float: right;
    width: 330px;
    margin-top: 2px;
    overflow: hiden
}

.index-page .main .recos .recos-article .stress,.index-page .main .recos .recos-article .normal {
    float: left;
    width: 320px;
    height: 24px;
    margin: 0 0 7px 0
}

.index-page .main .recos .recos-article .stress a,.index-page .main .recos .recos-article .normal a {
    display: inline-block;
    width: 100%;
    height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.index-page .main .recos .recos-article .stress a {
    font-size: 16px;
    color: #666
}

.index-page .main .recos .recos-article .normal a {
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    color: #0078b6
}

.index-page .main .contents {
    line-height: 26px
}

.index-page .main .contents .contents-l,.index-page .main .contents .contents-r {
    width: 334px;
    float: left;
    overflow: hidden
}

.index-page .main .contents .contents-l .content,.index-page .main .contents .contents-r .content {
    margin-bottom: -1px;
    padding: 0 10px 16px 0;
    overflow: hidden;
    color: #999;
    font-size: 14px
}

.index-page .main .contents .contents-l .content h2,.index-page .main .contents .contents-r .content h2 {
    font-size: 16px;
    color: #333;
    height: 49px;
    line-height: 57px;
    overflow: hidden
}

.index-page .main .contents .contents-l .content ul,.index-page .main .contents .contents-r .content ul {
    padding-left: 15px;
    height: 204px;
    overflow: hidden
}

.index-page .main .contents .contents-l .content li,.index-page .main .contents .contents-r .content li {
    list-style-type: square;
    word-wrap: break-word
}

.index-page .main .contents .contents-l .content a:visited,.index-page .main .contents .contents-r .content a:visited {
    color: #999
}

.index-page .main .contents .contents-l .content li.content-article,.index-page .main .contents .contents-r .content li.content-article {
    height: 100px;
    overflow: hidden;
    list-style-type: none;
    margin-left: -15px
}

.index-page .main .contents .contents-l .content li.content-article .img,.index-page .main .contents .contents-r .content li.content-article .img {
    float: left;
    position: relative;
    width: 135px;
    height: 90px
}

.index-page .main .contents .contents-l .content li.content-article .img b,.index-page .main .contents .contents-r .content li.content-article .img b {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity .25s ease-in-out
}

.index-page .main .contents .contents-l .content li.content-article .img:hover b,.index-page .main .contents .contents-r .content li.content-article .img:hover b {
    opacity: .4;
    filter: alpha(opacity=40)
}

.index-page .main .contents .contents-l .content li.content-article img,.index-page .main .contents .contents-r .content li.content-article img {
    vertical-align: top;
    width: 135px;
    height: 90px;
    border: 0
}

.index-page .main .contents .contents-l .content li.content-article .cont,.index-page .main .contents .contents-r .content li.content-article .cont {
    overflow: hidden
}

.index-page .main .contents .contents-l .content li.content-article .cont h3 a,.index-page .main .contents .contents-r .content li.content-article .cont h3 a {
    color: #666;
    font-weight: bold
}

.index-page .main .contents .contents-l .content li.content-article .cont p,.index-page .main .contents .contents-r .content li.content-article .cont p {
    font-size: 12px
}

.index-page .main .contents .contents-l .content li.content-article .cont p a,.index-page .main .contents .contents-r .content li.content-article .cont p a {
    color: #0078b6
}

.index-page .main .contents .contents-l .content li.content-article .cont h3,.index-page .main .contents .contents-r .content li.content-article .cont h3 {
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 10px;
    height: 42px;
    overflow: hidden
}

.index-page .main .contents .contents-l .content li.content-article .cont p,.index-page .main .contents .contents-r .content li.content-article .cont p {
    margin-left: 10px;
    margin-top: 10px;
    height: 48px;
    overflow: hidden;
    line-height: 1.67
}

.index-page .main .contents .contents-l .content a,.index-page .main .contents .contents-r .content a {
    color: #666
}

.index-page .main .contents .contents-l .content .content,.index-page .main .contents .contents-r .content .content {
    height: 270px;
    overflow: hidden
}

.index-page .main .contents .contents-r {
    float: right
}

.index-page .main .contents-advert-center {
    margin-bottom: 10px
}

.index-page .side {
    font-size: 12px;
    width: 300px;
    float: right;
    margin-left: 20px;
    padding: 42px 0 0 0
}

.index-page .side a {
    color: #666
}

.index-page .side .side-ext {
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
    background: 0;
    margin-top: 0;
    height: 48px;
    padding: 0 0 0 9px;
    border: 1px #eaeaea solid
}

.index-page .side .side-ext p {
    font-weight: normal;
    font-size: 16px;
    color: #4ba733;
    margin-right: 10px;
    line-height: 50px;
    float: left;
    position: relative
}

.index-page .side .side-ext a {
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-size: 12px;
    margin-top: 10px;
    width: 70px;
    background-color: #88c833;
    display: inline-block
}

.index-page .side .side-user {
    border: 1px #eaeaea solid
}

.index-page .side .side-user .user-header {
    padding-top: 10px;
    padding-left: 10px;
    position: relative
}

.index-page .side .side-user .user-header .garrow_up {
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent white
}

.index-page .side .side-user .user-header .arrow1 {
    position: absolute;
    z-index: 1;
    border-bottom-color: #eaeaea;
    top: 50px;
    left: 25px
}

.index-page .side .side-user .user-header .arrow2 {
    position: absolute;
    z-index: 2;
    border-bottom-color: #fafafa;
    top: 51px;
    left: 25px
}

.index-page .side .side-user .user-info {
    float: left
}

.index-page .side .side-user .user-info a {
    float: left;
    max-width: 70px;
    overflow: hidden;
    word-break: break-all
}

.index-page .side .side-user .user-info .gicon-sai {
    margin-top: 3px
}

.index-page .side .side-user .user-num {
    float: right;
    margin-bottom: 5px;
    width: 150px
}

.index-page .side .side-user .user-num p {
    float: left;
    width: 75px;
    text-align: center
}

.index-page .side .side-user .user-num p span {
    display: block;
    font-size: 18px
}

.index-page .side .side-user .user-num .focused {
    border-left: 1px #eaeaea dashed;
    width: 74px
}

.index-page .side .side-user .user-asks {
    border-top: 1px #eaeaea solid;
    background-color: #fafafa
}

.index-page .side .side-user .user-asks ul {
    margin: 10px 10px 0 10px
}

.index-page .side .side-user .user-asks ul li {
    margin-bottom: 8px;
    color: #999
}

.index-page .side .side-user .user-asks ul li p {
    width: 275px;
    overflow: hidden
}

.index-page .side .side-user .user-asks ul li p a {
    color: #0078b6
}

.index-page .side .side-user .user-asks ul li span {
    display: block
}

.index-page .side .side-user .user-asks .user_into {
    text-align: right;
    padding: 3px 10px 12px
}

.index-page .side .side-user .user-asks .user_into a {
    color: #0078b6
}

.index-page .side .side-title {
    margin-top: 17px
}

.index-page .side .side-title h2 {
    float: left;
    font-size: 16px;
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
    line-height: 16px;
    margin-right: 5px
}

.index-page .side .side-title .side-title-txt {
    float: right;
    margin-right: 5px
}

.index-page .side .side-title h2,.index-page .side .side-title-border h2 {
    color: #333
}

.index-page .side .side-title-border {
    margin: 15px 0;
    border-top: 1px #eaeaea solid
}

.index-page .side .side-title-border h2 {
    margin-top: 15px;
    float: left;
    font-size: 16px;
    font-family: "Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
    line-height: 16px;
    margin-right: 5px
}

.index-page .side .side-title-border .side-title-txt {
    float: right;
    margin-right: 5px;
    margin-top: 15px
}

.index-page .side .side-nut,.index-page .side .side-group {
    margin-top: 18px;
    margin-bottom: 30px
}

.index-page .side .side-nut .super-group-name,.index-page .side .side-group .super-group-name {
    color: #4aa933;
    display: inline-block
}

.index-page .side .side-nut li,.index-page .side .side-group li {
    margin-bottom: 20px;
    height: 48px;
    position: relative;
    overflow: hidden
}

.index-page .side .side-nut li .pt-pic,.index-page .side .side-group li .pt-pic {
    float: left;
    margin-right: 20px;
    _margin-right: 10px;
    height: 48px
}

.index-page .side .side-nut li .pt-txt,.index-page .side .side-group li .pt-txt {
    padding: 2px 5px 5px 5px
}

.index-page .side .side-nut li .pt-txt h3,.index-page .side .side-group li .pt-txt h3 {
    font-weight: normal;
    font-family: Arial,Helvetica,sans-serif
}

.index-page .side .side-nut li .pt-txt .pt-txt-d,.index-page .side .side-group li .pt-txt .pt-txt-d {
    margin-top: 5px;
    width: 220px;
    height: 18px;
    color: #999;
    overflow: hidden
}

.index-page .side .side-nut li .pt-txt .garrow_up,.index-page .side .side-group li .pt-txt .garrow_up {
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 6px;
    border-style: dashed solid;
    border-color: transparent white transparent
}

.index-page .side .side-nut li .pt-txt .arrow1,.index-page .side .side-group li .pt-txt .arrow1 {
    position: absolute;
    z-index: 1;
    border-right-color: #eaeaea;
    top: 17px;
    left: 56px;
    _display: none
}

.index-page .side .side-nut li .pt-txt .arrow2,.index-page .side .side-group li .pt-txt .arrow2 {
    position: absolute;
    z-index: 2;
    border-right-color: #FFF;
    top: 17px;
    left: 57px;
    _display: none
}

.index-page .side .side-tag-wp {
    margin: 15px 0 30px;
    padding: 10px;
    border: 1px #eaeaea solid
}

.index-page .side .side-tag {
    white-space: nowrap;
    position: relative;
    overflow: hidden
}

.index-page .side .side-tag li {
    line-height: 22px;
    display: inline;
    float: left;
    margin-right: 15px;
    padding-left: 5px
}

.index-page .side .side-tag::before {
    border-color: #fff #fff #f4f4f4;
    border-style: solid;
    border-width: 4px;
    content: '';
    left: 12px;
    position: absolute;
    top: -8px
}

.index-page .side .side-advert {
    margin: 30px 0
}

.index-page .side .side-advert-top {
    margin: 0
}

.index-page .side .side-event {
    margin: 15px 0 30px
}

.index-page .side .side-event li {
    border-bottom: 1px dotted #d9d9d9;
    padding-bottom: 10px;
    margin-top: 10px
}

.index-page .side .side-event li span {
    margin-right: 5px
}

.index-page .side .side-promote {
    margin: 15px 0;
    position: relative;
    height: 160px;
    overflow: hidden
}

.index-page .side .side-promote .focus-content a {
    position: absolute
}

.index-page .side .side-promote .focus-content a img {
    width: 290px;
    height: 160px
}

.index-page .side .side-promote .focus-tag {
    position: absolute;
    bottom: 15px;
    overflow: hidden;
    height: 12px
}

.index-page .side .side-promote .focus-tag a {
    *display: inline;
    float: left;
    margin-left: 4px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    background-color: #6f737e;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.index-page .side .side-promote .focus-tag a:hover {
    cursor: pointer
}

.index-page .side .side-promote .focus-tag .current {
    background-color: #1fa0d8
}

.index-page .side .side-post,.index-page .side .side-zone {
    width: 300px;
    overflow: hidden
}

.index-page .side .side-post .side-zone-advert,.index-page .side .side-zone .side-zone-advert {
    margin-bottom: 15px;
    display: block
}

.index-page .side .side-post ul li,.index-page .side .side-zone ul li {
    height: 22px;
    margin-bottom: 2px;
    margin-right: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.index-page .side .side-post ul li .prefix-dot,.index-page .side .side-zone ul li .prefix-dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #d2d2d2;
    margin: 0 7px 3px 3px
}

.side-link {
    margin-top: 20px;
    overflow: hidden
}

.side-link a {
    display: block;
    position: relative;
    float: left;
    width: 145px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px
}

.side-link a span {
    position: absolute;
    top: 7px;
    width: 30px;
    height: 25px
}

.side-link a:hover {
    text-decoration: none
}

.side-link a.weixin {
    border: 1px #85c155 solid;
    text-indent: 1.5em;
    margin-right: 6px;
    color: #85c155
}

.side-link a.weixin span {
    background: url(/skin/imgs/weixin-icon.png) center center no-repeat
}

.side-link a.weixin:hover {
    background-color: #85c155;
    color: white
}

.side-link a.weixin:hover span {
    background: url(/skin/imgs/weixin-icon-linked.png) center center no-repeat
}

.side-link a.weibo {
    text-indent: 3em;
    border: 1px #e5554f solid;
    color: #e5554f
}

.side-link a.weibo span {
    background: url(/skin/imgs/weibo-icon.png) center center no-repeat
}

.side-link a.weibo:hover {
    background-color: #e5554f;
    color: white
}

.side-link a.weibo:hover span {
    background: url(/skin/imgs/weibo-icon-linked.png) center center no-repeat
}

.side-link .dimensions-code {
    display: none;
    position: relative;
    width: 145px;
    float: left;
    margin-top: 10px
}

.side-link .dimensions-code img {
    width: 145px;
    margin-top: 6px;
    border: 1px #f4f4f4 solid
}

.side-link .arrow {
    display: block;
    position: absolute;
    top: -13px;
    left: 62px;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #f4f4f4 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px
}

.side-link .arrow i {
    position: absolute;
    top: -9px;
    left: -10px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 10px
}

.side-handpick {
    background: url('imgs/side-handpick.png');
    clear: both;
    width: 300px;
    height: 171px;
    margin: 20px 0;
    position: relative
}

.side-handpick a.handpick-iphone,.side-handpick a.handpick-android {
    font-size: 42px;
    color: #459961;
    background: #fff;
    border-radius: 20px;
    display: block;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 77px
}

.side-handpick a.handpick-iphone {
    left: 41px
}

.side-handpick a.handpick-android {
    left: 98px
}

.side-handpick a.handpick-iphone:hover,.side-handpick a.handpick-android:hover {
    color: #fff;
    background: #459961;
    text-decoration: none
}

.side-handpick a.handpick-link {
    width: 92px;
    height: 92px;
    display: block;
    position: absolute;
    left: 176px;
    top: 39px;
    border-radius: 16px
}

.gh-search-unlogin .gh-search-txt {
    line-height: normal;
    line-height: 26px\9;
    width: 194px
}

.gnav {
    width: 621px;
    overflow: visible
}

.gnav .gkr-unlogin-more-nav {
    position: relative;
    height: 40px
}

.gnav .gkr-unlogin-more-nav .gkr-umn-arrow {
    border-top: 5px solid #4ba733;
    border-left: 4px solid #FFF;
    border-right: 4px solid #FFF;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 9px;
    top: 10px
}

.gnav .gkr-unlogin-more-nav .gkr-umn-pop {
    display: none;
    position: absolute;
    left: -44px;
    top: 32px;
    width: 115px;
    border: 1px solid #e0e0e0;
    background: #FFF;
    padding: 5px 0
}

.gnav .gkr-unlogin-more-nav .gkr-umn-pop a {
    display: block;
    float: none;
    color: #666;
    text-align: right;
    padding: 2px 15px;
    font-size: 16px
}

.gnav .gkr-unlogin-more-nav .gkr-umn-pop a:hover {
    background: #c0bbbb
}

.index-unlogin {
    /* background:#fafafa */
}

@media(min-width: 1024px) {
    div.grow {
        width:1020px
    }

    .top-ads {
        width: 1020px
    }

    .bottom-ads {
        width: 1020px
    }
}