body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体",sans-serif
}

article, body, div, figure, form, h1, h2, h3, h4, html, img, label, li, nav, p, span, strong, ul, dd {
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0
}

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none
}

* {
    -webkit-tap-highlight-color: transparent
}

textarea {
    outline: 0;
    resize: none
}

h2 {
    font-size: 2em;
    line-height: 1.1em
}

ul, li {
    list-style: none
}

a {
    text-decoration: none;
    color: #0082cb
}

.red {
    color: red
}

.colorgreen {
    color: red
}

.commonipt {
    height: 1.8em;
    line-height: 1.8em;
    border-radius: 4px;
    padding: 3px;
    outline: 0;
    border: 1px #cacaca solid
}

.commonbtn {
    font-size: .875em;
    background: #63bfb2;
    border: 0;
    height: 2em;
    color: white;
    font-weight: 700;
    border-radius: 2px
}

    .commonbtn:hover {
        background: #63bfb2;
        background: rgba(99,191,178,.7);
        text-decoration: none;
        cursor: pointer
    }

body {
    background-color: #f6f6f6;
    border-left: .625em solid transparent;
    font-size: 1em
}

#header {
    height: 4.375em
}

#main {
    float: left;
    width: 70%;
    min-height: 800px;
    background: white;
    border-radius: 0 .625em .625em 0;
    box-shadow: .125em 0 .125em .07em rgba(0,0,0,.05);
    border-left: .062em solid #eee;
    margin-bottom: 2em;
    padding-top: .7em;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=4)
}

aside {
    float: right;
    width: 28%;
    font-size: .875em;
    line-height: 1em;
    padding-right: 1%
}

    aside h3 {
        font-size: 1.3em;
        line-height: 1.5em;
        margin-top: .5em
    }

footer {
    float: left;
    width: 100%;
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    font-size: .875em
}

    footer a {
        color: #0082cb
    }

    footer a, footer span {
        padding: 5px
    }

#header #logo {
    float: left;
    height: 4.375em;
    width: 10em;
    border: solid #eee;
    border-width: 0 .062em;
    position: relative;
    background: white;
    padding-left: 5em
}

    #header #logo img {
        position: absolute;
        left: 15px;
        top: 2px;
        width: 55px
    }

    #header #logo div.logo1 {
        font-size: 2em;
        height: 1.3em;
        line-height: 1.6em;
        letter-spacing: .1em;
        color: black
    }

    #header #logo div.logo2 {
        font-size: .75em;
        height: 2em;
        line-height: 2em;
        position: relative
    }

        #header #logo div.logo2 span {
            -ms-transition: all .3s;
            transition: all .3s;
            position: relative;
            color: #a675a2;
            display: inline-block
        }

            #header #logo div.logo2 span:hover {
                color: #e0cfdf
            }

            #header #logo div.logo2 span:nth-child(3n) {
                color: #a675a2;
                -webkit-transform: rotate(0deg);
                transform: rotate(0)
            }

            #header #logo div.logo2 span:nth-child(3n+1) {
                -webkit-transform: rotate(10deg);
                -ms-transform: rotate(10deg);
                transform: rotate(10deg);
                color: #6ece0a
            }

            #header #logo div.logo2 span:nth-child(3n+2) {
                -webkit-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg);
                color: #3e8dd2
            }

            #header #logo div.logo2 span:nth-child(3n):hover {
                color: #e0cfdf;
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }

            #header #logo div.logo2 span:nth-child(3n+1):hover {
                color: #cdeeaa;
                -webkit-transform: rotate(370deg);
                transform: rotate(370deg)
            }

            #header #logo div.logo2 span:nth-child(3n+2):hover {
                color: #bcd8f0;
                -webkit-transform: rotate(250deg);
                transform: rotate(290deg)
            }

#header ul li.hnitem {
    float: left;
    width: 5em;
    border-right: .07em solid #eaeaea;
    border-right: .07em solid rgba(0,0,0,.05);
    position: relative
}

#header ul li.last {
    display: none
}

#header ul li.hnitem ul {
    transition: height .3s,padding .3s,border-width .3s;
    height: 0;
    width: 5em;
    border-width: 0;
    position: absolute;
    background: white;
    background: #c9e9e5;
    background: rgba(201,233,229,.9);
    border-radius: 0 0 .3em .3em;
    overflow: hidden;
    filter: alpha(opacity=90);
    z-index: 1000
}

    #header ul li.hnitem ul li {
        height: 1.8em;
        line-height: 1.8em;
        transition: color .3s,background-color .3s;
        color: #888;
        white-space: nowrap;
        overflow: hidden
    }

        #header ul li.hnitem ul li a {
            color: inherit;
            *color: #888
        }

            #header ul li.hnitem ul li a:hover {
                text-decoration: underline;
                color: #333
            }

#header ul li.hnitem:hover ul {
    height: 9em;
    padding: .5em;
    border: .08em solid #63bfb2;
    border-top: 0
}

#header ul li.hnitem a.a1 {
    display: block;
    height: 3.45em;
    line-height: 3.45em;
    padding-top: .925em;
    transition: color .3s,background-color .3s;
    text-align: center;
    color: #b0b0b0;
    color: rgba(0,0,0,.3);
    *color: #b0b0b0;
    text-decoration: none
}

    #header ul li.hnitem a.a1:hover {
        background-color: #ff6;
        color: #676729;
        color: rgba(0,0,0,.6);
        *color: #676729
    }

#header a.mobiletips {
    position: absolute;
    top: .4em;
    right: 1em;
    font-size: .75em;
    color: #b0b0b0;
    color: rgba(0,0,0,.3);
    text-decoration: underline;
    *color: #b0b0b0 !important
}

#maincontent {
    float: right;
    width: 73%;
    padding: 0 2% 1em;
    font-size: .875em
}

    #maincontent dl.essaywrap {
        padding: 0 0 15px 0;
        margin: 17px 0 0;
        zoom: 1;
        border-bottom: .0716em dotted #e1e4e5
    }

    #maincontent dl.istop:nth-child(6n+1) {
        border-bottom-color: #63bfb2
    }

    #maincontent dl.istop:nth-child(6n+2) {
        border-bottom-color: #6ece0a
    }

    #maincontent dl.istop:nth-child(6n+3) {
        border-bottom-color: #ebd203
    }

    #maincontent dl.istop:nth-child(6n+4) {
        border-bottom-color: #a675a2
    }

    #maincontent dl.istop:nth-child(6n+5) {
        border-bottom-color: #f0717c
    }

    #maincontent dl.istop:nth-child(6n+6) {
        border-bottom-color: #3e8dd2
    }

    #maincontent dl.essaywrap dd.break {
        margin: 0 0 0 60px;
        line-height: 1.571em;
        position: relative
    }

    #maincontent dl.essaywrap div.info img.thumb {
        position: absolute;
        left: -60px;
        top: 3px;
        width: 50px;
        height: 50px;
        border-radius: 2px
    }

    #maincontent.essaydetail dl.essaywrap div.info img.thumb {
        left: 0
    }

    #maincontent dl.essaywrap div.info span {
        position: absolute;
        right: 5px;
        top: 0;
        width: 30px;
        height: 20px;
        border-radius: 2px;
        background: url('/Images/icon/arrowdown.gif') center no-repeat
    }

    #maincontent dl.essaywrap dd.break p {
        padding: 0 0 10px;
        zoom: 1
    }

        #maincontent dl.essaywrap dd.break p.essayinfo {
            padding: 3px 0 3px;
            font-size: 12px;
            overflow: auto
        }

            #maincontent dl.essaywrap dd.break p.essayinfo img {
                height: 1.5em;
                vertical-align: text-bottom;
                margin: 0 .2em 0 .3em;
                transition: all .3s
            }

                #maincontent dl.essaywrap dd.break p.essayinfo img:hover {
                    transform: rotate(360deg)
                }

            #maincontent dl.essaywrap dd.break p.essayinfo span.rightcon {
                float: right;
                display: inline
            }

                #maincontent dl.essaywrap dd.break p.essayinfo span.rightcon a {
                    margin-left: .3em
                }

            #maincontent dl.essaywrap dd.break p.essayinfo a {
                color: #6eafd5
            }

                #maincontent dl.essaywrap dd.break p.essayinfo a.showcomments {
                    margin-left: 5px
                }

            #maincontent dl.essaywrap dd.break p.essayinfo span.leftcon {
                float: left
            }

            #maincontent dl.essaywrap dd.break p.essayinfo a.date {
                margin: 0 10px 0 0
            }

        #maincontent dl.essaywrap dd.break p a {
            color: #0082cb
        }

    #maincontent dl.essaywrap .e_head span.estips {
        float: right;
        color: #ccc;
        visibility: hidden;
        transition: opacity .3s;
        *display: none
    }

    #maincontent dl.essaywrap dd.break div.text {
        font-style: normal;
        font-weight: normal;
        word-wrap: break-word
    }

        #maincontent dl.essaywrap dd.break div.text img {
            vertical-align: text-bottom
        }

    #maincontent dl.essaywrap dd.break ul {
        height: auto;
        zoom: 1
    }

        #maincontent dl.essaywrap dd.break ul li {
            display: inline-block;
            margin: 0 .5em 0 0;
            vertical-align: top;
            *display: inline
        }

    #maincontent dl.essaywrap dd.break .esimg {
        cursor: url("../images/cur/big.cur"),auto
    }

    #maincontent dl.essaywrap dd.break .esvideo {
        vertical-align: top;
        cursor: pointer
    }

    #maincontent .expendwarp, #maincontent dl.essaywrap dd.break p.escomments {
        border: 1px solid #e1e4e5;
        zoom: 1;
        line-height: 20px;
        padding: 15px 20px 13px;
        font-size: 12px;
        margin: 0 0 7px;
        background: #fbfbfb;
        border-radius: 2px
    }

    #maincontent.essaydetail dl.essaywrap dd.break {
        margin-left: 0
    }

        #maincontent.essaydetail dl.essaywrap dd.break .info a:nth-child(2n) {
            font-size: 15px;
            position: absolute;
            top: 2px
        }

        #maincontent.essaydetail dl.essaywrap dd.break .info {
            padding-bottom: 8px
        }

    #maincontent.essaydetail dl.essaywrap div.info img.thumb {
        position: inherit;
        width: 34px;
        height: 34px;
        vertical-align: text-top;
        box-sizing: border-box;
        margin-right: 8px;
        border-radius: 50%;
        border: .0625rem solid #e4e4e4
    }

    #maincontent.essaydetail dl.essaywrap dd.break p.essayinfo span.leftcon {
        position: absolute;
        left: 42px;
        top: 22px;
        font-size: 12px;
        line-height: 12px
    }

#operatehandler a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #888;
    border-bottom: .0716em dotted #e1e4e5;
    position: relative
}

    #operatehandler a:nth-child(2n) {
        background-color: #f6f6f6
    }

    #operatehandler a:last-child {
        border-bottom: 0
    }

    #operatehandler a:hover {
        background-color: #ff6;
        color: #333
    }

    #operatehandler a::after {
        width: 10px;
        height: 5px;
        background-color: #63bfb2;
        position: absolute;
        right: 0;
        top: 3px
    }

    #operatehandler a.siteadmin::after {
        content: "";
        background-color: #63bfb2
    }

    #operatehandler a.groupadmin::after {
        content: "";
        background-color: #6ece0a
    }

.aligncenter {
    text-align: center
}

.e_head a {
    padding-right: 10px
}

.e_body {
    text-align: center
}

.textwrapper {
    text-align: right;
    padding-bottom: 5px
}

p.escomments textarea.comment_input {
    border: .083em solid #ccc;
    overflow: hidden;
    padding: .416em .333em;
    font-size: 1em;
    font-family: Tahoma,宋体;
    word-wrap: break-word;
    line-height: 1.5em;
    outline: 0;
    height: 1.5em;
    width: 96%;
    vertical-align: middle
}

p.escomments .btnwrapper {
    height: 20px;
    padding-left: 4%
}

    p.escomments .btnwrapper input {
        float: right;
        height: 20px;
        line-height: 20px;
        padding: 0 5px
    }

    p.escomments .btnwrapper a.showfaces {
        float: left;
        margin-left: -0.832em
    }

.escomment {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc
}

    .escomment dt {
        float: left;
        display: inline;
        width: 30px;
        height: 30px;
        overflow: hidden;
        padding: 3px 0 0
    }

    .escomment dd {
        margin: 0 0 0 40px;
        line-height: 21px;
        word-wrap: break-word;
        zoom: 1;
        vertical-align: text-bottom
    }

        .escomment dd .cmtcontent img {
            vertical-align: text-bottom
        }

        .escomment dd .cmtaction {
            text-align: right
        }

#main ul#hot {
    float: left;
    width: 23%;
    *width: 22%
}

    #main ul#hot li.l1 {
        border-left: .625em solid;
        padding-bottom: 2.25em;
        transition: border-color .3s
    }

    #main ul#hot li .a1 {
        font-weight: 700;
        color: black
    }

    #main ul#hot li.l1#hot1 {
        border-left-color: #c9e9e5
    }

        #main ul#hot li.l1#hot1:hover {
            border-left-color: #63bfb2
        }

    #main ul#hot li.l1#hot2 {
        border-left-color: #cdeeaa
    }

        #main ul#hot li.l1#hot2:hover {
            border-left-color: #6ece0a
        }

    #main ul#hot li.l1#hot3 {
        border-left-color: #f9f0a8
    }

        #main ul#hot li.l1#hot3:hover {
            border-left-color: #ebd203
        }

    #main ul#hot li.l1#hot4 {
        border-left-color: #e0cfdf
    }

        #main ul#hot li.l1#hot4:hover {
            border-left-color: #a675a2
        }

    #main ul#hot li.l1#hot5 {
        border-left-color: #faced2;
        display: none
    }

        #main ul#hot li.l1#hot5:hover {
            border-left-color: #f0717c
        }

    #main ul#hot li.l1#hot6 {
        border-left-color: #bcd8f0
    }

        #main ul#hot li.l1#hot6:hover {
            border-left-color: #3e8dd2
        }

    #main ul#hot li a {
        display: block;
        padding: .25em .5em .25em 20%;
        color: #888;
        transition: color .3s,background-color .3s;
        white-space: nowrap;
        overflow: hidden
    }

        #main ul#hot li a:hover {
            background-color: #ff6;
            color: #333
        }

.loadmore {
    text-align: center;
    margin: 2em 0
}

    .loadmore span {
        padding-left: 20px;
        background: url('/images/loading.gif') left center no-repeat
    }

.pager {
    text-align: right;
    height: 2em;
    line-height: 2em;
    _vertical-align: top;
    font-size: .875em
}

    .pager * {
        margin: .214em;
        padding: .214em .5em;
        color: white;
        border-radius: .243em;
        _vertical-align: baseline
    }

    .pager a {
        text-decoration: none;
        background: #262626;
        transition: background .3s
    }

        .pager a:hover {
            background: #548967
        }

    .pager span {
        background: #548967
    }

.heat {
    height: 20px;
    display: inline-block;
    position: relative
}

    .heat span {
        display: inline-block
    }

.heatbtn {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    border-radius: 10px;
    font-size: 11px;
    background: white;
    position: relative;
    z-index: 1
}

.heatdegree {
    height: 14px;
    line-height: 14px;
    border: solid #ccc;
    border-width: 1px 1px 1px 0;
    text-indent: 2px;
    padding: 0 5px;
    font-size: 10px;
    font-style: italic;
    position: relative;
    left: -3px;
    z-index: 0
}

.heated {
    color: #ccc;
    cursor: default
}

.indexcomments li {
    font-family: Tahoma,宋体;
    padding-bottom: 5px;
    margin: 5px 0 10px;
    border-bottom: 1px dashed #ccc;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 18px
}

.commonlist li {
    height: 25px;
    line-height: 25px
}

.commonlist a {
    float: left;
    text-overflow: ellipsis;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    color: #0082cb
}

.commonlist span {
    float: right;
    color: #ccc;
    width: 29%;
    padding-right: 1%;
    text-align: right
}

aside a:hover {
    text-decoration: underline
}

.messagebox {
    position: absolute;
    font-size: .875em;
    background: #fff;
    border: .355em solid;
    border-color: gray;
    border-color: rgba(102,102,102,.5);
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=-45,strength=2)
}

.m_tri {
    height: 30px;
    color: #ccc;
    color: rgba(102,102,102,.5);
    font-size: 40px;
    overflow: hidden;
    position: absolute;
    top: -30px
}

.m_top {
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    text-indent: 15px;
    background: #f4f4f4;
    border-bottom: 1px solid #e0e0e0
}

.m_close {
    float: right;
    padding-right: 10px;
    color: #000
}

.m_bot {
    height: 30px;
    background: #eee
}

    .m_bot input {
        width: 50px;
        height: 25px;
        float: right;
        margin: 2px 5px
    }

.mask {
    position: fixed;
    _position: absolute;
    width: 100%;
    background: #000;
    left: 0;
    top: 0;
    opacity: .3;
    filter: alpha(opacity=30)
}

.m_closebtn {
    background: #6ece0a
}

    .m_closebtn:hover {
        background: #6ece0a;
        background: rgba(111,206,10,.7)
    }

.login {
    margin-top: 10px
}

    .login a {
        color: black
    }

        .login a:hover {
            text-decoration: underline
        }

    .login td {
        height: 30px;
        line-height: 30px
    }

    .login #u_pass, .login #u_name {
        width: 149px;
        border: 1px solid #ccc
    }

#showpop {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 380px;
    height: 100px;
    display: none;
    background: white;
    border: 1px solid #ccc;
    box-shadow: -2px -2px 3px #ddd;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=-45,strength=2)
}

    #showpop span.close {
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        color: #999
    }

#popcontentwarpper {
    width: 400px;
    height: 60px;
    overflow: hidden;
    position: relative;
    padding: 20px 0 0 20px
}

    #popcontentwarpper .title {
        font-size: 14px;
        font-weight: 700;
        color: #999;
        padding-bottom: 10px
    }

#popcontent {
    position: absolute
}

    #popcontent li {
        float: left;
        width: 350px;
        padding-right: 10px;
        line-height: 17px;
        overflow: hidden
    }

        #popcontent li a {
            font-weight: 700;
            font-size: 14px
        }

        #popcontent li span {
            color: #999
        }

#popwarpperpager {
    text-align: center
}

    #popwarpperpager span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
        cursor: pointer
    }

        #popwarpperpager span.sel {
            background: #ddd
        }

.shortcutbtn {
    position: fixed;
    right: -65px;
    border: solid #ccc;
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 5px 10px 5px 0;
    width: 84px;
    text-decoration: none;
    transition: right .3s ease-in-out 0s;
    _display: none;
    color: #000;
    background: white
}

    .shortcutbtn:hover {
        right: 0;
        text-decoration: none
    }

    .shortcutbtn i {
        text-align: center;
        overflow: hidden;
        display: inline-block;
        font-style: normal;
        font-weight: 700;
        vertical-align: text-bottom;
        *vertical-align: baseline
    }

#back2top {
    bottom: 160px
}

    #back2top i {
        font-size: 25px;
        height: 16px;
        width: 30px
    }

#fbbtn {
    bottom: 210px
}

    #fbbtn i {
        font-size: 14px;
        height: 18px;
        width: 35px;
        font-size: 20px;
        *line-height: 18px
    }

#FBformWrapper {
    position: fixed;
    right: 0;
    border: solid #ccc;
    border-width: 1px 0 1px 1px;
    padding: 5px;
    width: 0;
    height: 0;
    bottom: 210px;
    background: white;
    transition: all .5s ease-in-out 0s;
    overflow: hidden
}

    #FBformWrapper textarea {
        width: 344px;
        height: 60px;
        padding: 2px;
        border: 1px solid #ccc;
        margin: 0;
        display: block
    }

    #FBformWrapper .fb_b {
        margin-top: 2px;
        overflow: hidden;
        height: 30px
    }

    #FBformWrapper .fb_b_left {
        float: left
    }

        #FBformWrapper .fb_b_left input {
            width: 153px;
            padding: 0;
            border: 1px solid #ccc;
            margin: 0
        }

    #FBformWrapper .fb_b_right {
        float: right
    }

        #FBformWrapper .fb_b_right input {
            float: left;
            height: 25px;
            display: inline-block
        }

#fbresulttips {
    width: 100%;
    height: 104px;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    text-align: center;
    line-height: 92px
}

#atWho {
    width: 140px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #dbdbdb;
    float: left;
    display: none;
    overflow: hidden;
    display: none;
    position: absolute;
    background: white;
    z-index: 10003
}

#atTip {
    margin-left: 6px;
    line-height: 22px;
    color: #404040;
    font-size: 12px;
    float: left;
    display: inline;
    overflow: hidden
}

.name {
    width: 134px;
    padding-left: 6px;
    line-height: 22px;
    font-size: 12px;
    float: left;
    display: inline;
    overflow: hidden;
    color: #777;
    text-decoration: none;
    cursor: pointer
}

#atWho .sel {
    background: #dcdcdc
}

.tab {
    font-size: .875em;
    overflow: auto
}

    .tab li {
        float: left;
        margin-right: 5px;
        padding: 0 6px;
        height: 1.875em;
        line-height: 1.875em;
        border-radius: 4px 4px 0 0;
        border: .09em solid #ebd203;
        cursor: pointer;
        border-bottom-width: 0;
        background: #f9f0a8;
        background: rgba(249,240,168,.5)
    }

        .tab li.on {
            cursor: default;
            background: white
        }

        .tab li a {
            color: black
        }

.giffaces {
    overflow: auto;
    margin-bottom: 5px
}

    .giffaces li {
        float: left;
        height: 22px;
        padding: 2px;
        text-align: center;
        border: solid #ccc;
        border-width: 0 1px 1px 0;
        white-space: nowrap;
        font-size: 12px;
        cursor: pointer;
        overflow: hidden;
        *float: left
    }

        .giffaces li:hover {
            margin: -1px 0 0 -1px;
            border-color: #eb7350;
            border-width: 1px;
            *position: relative
        }

.facetitle {
    font-size: 12px;
    color: #888;
    text-indent: 1em
}

.faces {
    font-size: .875em;
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    overflow: auto
}

    .faces li {
        float: left;
        width: 6em;
        height: 2em;
        text-align: center;
        line-height: 2em;
        border: solid #ccc;
        border-width: 0 1px 1px 0;
        white-space: nowrap;
        font-size: 12px
    }

        .faces li a {
            display: block;
            color: black
        }

            .faces li a:hover {
                text-decoration: none;
                background: #ccc
            }

.commentbox {
    margin-top: 1em
}

    .commentbox .cmtboxbt {
        display: none
    }

    .commentbox #replyCon {
        transition: height .3s;
        height: 51px;
        *height: 45px;
        border-radius: 3px;
        box-shadow: inset 1px 1px 4px 0 rgba(220,220,220,1)
    }

.show .cmtboxbt {
    display: block
}

.show #replyCon {
    height: 60px
}

.commentbox .avatar, .cmtitem .avatar {
    float: left;
    width: 47px;
    height: 47px;
    overflow: hidden;
    padding: 2px
}

.cmtitem:nth-child(2n+1) .avatar img {
    transform: rotate(-5deg)
}

.cmtitem:nth-child(2n+2) .avatar img {
    transform: rotate(5deg)
}

.commentbox .cmttextarea {
    margin-left: 60px;
    _display: inline
}

    .commentbox .cmttextarea .cmtboxbt {
        overflow: auto
    }

.commentbox textarea {
    padding: 2px;
    margin: 0;
    line-height: 18px;
    border: 1px solid #c6c6c6;
    font-size: 14px;
    overflow: hidden;
    overflow-y: auto;
    outline-style: none;
    resize: none;
    word-wrap: break-word;
    word-break: break-all;
    font-family: Tahoma,宋体;
    box-sizing: border-box;
    width: 100%;
    *width: 98%;
    vertical-align: bottom
}

#cancelreply {
    color: #0082cb;
    cursor: pointer;
    margin: 0 3px;
    display: none;
    font-size: .86em
}

.commentbox .cmtboxbt .cmtboxbtleft {
    float: left;
    padding-top: 5px
}

    .commentbox .cmtboxbt .cmtboxbtleft a {
        margin-right: 5px;
        display: inline-block;
        height: 14px;
        padding: 2px 0 2px 19px;
        line-height: 14px;
        background: url("../images/user/ico.png") no-repeat
    }

        .commentbox .cmtboxbt .cmtboxbtleft a:hover {
            text-decoration: none
        }

.commentbox .cmtboxbt .cmtboxbtright {
    float: right;
    padding-top: 3px;
    *margin-right: 6px
}

.commentbox #btnAddComment {
    width: 55px;
    height: 25px;
    font-weight: 700;
    vertical-align: bottom
}

.commentbox #cmttips {
    color: #999;
    margin-right: 5px
}

    .commentbox #cmttips span {
        font-family: Constantia,Georgia;
        font-size: 22px;
        font-weight: 700;
        color: #000
    }

.comments {
    font-size: .875em
}

    .comments li {
        font-family: Tahoma,宋体;
        padding-bottom: 10px;
        margin: 5px 0 10px;
        border-bottom: 1px dashed #ccc;
        word-wrap: break-word;
        word-break: break-all
    }

        .comments li.noncomment {
            font-size: 14px
        }

        .comments li.cmtitem {
            overflow: auto;
            zoom: 1
        }

.cmtitem .cmtbody {
    margin-left: 60px
}

    .cmtitem .cmtbody .cmtcontent {
        line-height: 21px
    }

        .cmtitem .cmtbody .cmtcontent a {
            color: #6eafd5
        }

        .cmtitem .cmtbody .cmtcontent img {
            vertical-align: text-bottom
        }

    .cmtitem .cmtbody .cmtbt {
        padding-top: 10px
    }

        .cmtitem .cmtbody .cmtbt .time {
            color: #999;
            float: left
        }

        .cmtitem .cmtbody .cmtbt .cmtbtright {
            float: right
        }

            .cmtitem .cmtbody .cmtbt .cmtbtright .cmtreply {
                color: #0082cb;
                cursor: pointer;
                margin-left: 5px
            }

#replyContent .cmtname, .cmtitem .cmtname {
    color: #0082cb
}

.cmtmotherbody {
    font-family: Tahoma,宋体;
    background: #e1e1e1;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    line-height: 21px;
    word-wrap: break-word;
    word-break: break-all;
    font-size: .875em
}

.cmtitem .cmtbody .cmtmotherbody .time {
    color: #999;
    margin-left: 5px
}

.commenthead {
    border-top: .3125em solid #41b7d8;
    margin-top: 1em;
    line-height: 2em
}

.hotcmts {
    color: #3e8dd2;
    border-top: .3125em solid #f0717c
}

.artlist li {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.artlist .artlist_t h4 {
    display: inline-block;
    margin-right: 10px
}

.artlist .artlist_t span {
    line-height: 20px;
    color: #999;
    font-size: .875em
}

.artlist .artlist_b {
    line-height: 1.8em;
    font-size: .875em
}

    .artlist .artlist_b span {
        margin-right: 10px;
        color: #444
    }

.shareto {
    text-align: right
}

    .shareto a {
        display: inline-block;
        margin: 0 4px;
        background-image: url(../images/shareto.png);
        background-repeat: no-repeat;
        width: 16px;
        height: 16px
    }

        .shareto a.share-weibo:hover {
            background-position: 0 -16px
        }

        .shareto a.share-qqt {
            background-position: -16px 0
        }

            .shareto a.share-qqt:hover {
                background-position: -16px -16px
            }

        .shareto a.share-renren {
            background-position: -32px 0
        }

            .shareto a.share-renren:hover {
                background-position: -32px -16px
            }

        .shareto a.share-wx {
            background-position: -64px 0
        }

            .shareto a.share-wx:hover {
                background-position: -64px -16px
            }

.tagsbox {
    font-size: .875em;
    line-height: 2em
}

.tips {
    position: absolute;
    top: 0;
    right: 2em;
    width: 190px;
    background: white;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 7px 0;
    border-radius: 0 0 2px 2px;
    z-index: 10;
    font-size: .75em
}

    .tips a.close {
        position: absolute;
        right: 4px;
        top: 0;
        color: #333;
        text-decoration: none
    }

        .tips a.close:hover {
            color: #ccc
        }

    .tips ul li {
        text-indent: 15px;
        line-height: 21px
    }

    .tips ul a {
        color: #0082cb
    }

.nocontenttips {
    text-align: center;
    height: 30px;
    line-height: 30px
}
/*-----------------------------up is base.css-------------------------------------------------*/
.slideimg {
    position: relative
}

    .slideimg div.wrap {
        float: left;
        width: 125px;
        height: 120px;
        text-align: center;
        line-height: 120px;
        position: relative
    }

        .slideimg div.wrap a {
            position: absolute;
            left: 0;
            bottom: 0;
            color: White;
            display: block;
            opacity: .6;
            filter: alpha(opacity=60);
            background: #000;
            width: 119px;
            line-height: 20px;
            text-align: left;
            text-indent: 10px;
            margin: 0 1px;
            padding: 1px 2px;
            overflow: hidden;
            height: 40px
        }

        .slideimg div.wrap img {
            vertical-align: middle
        }

.prec {
    text-align: center;
    overflow: auto;
    zoom: 1;
    max-width: 300px
}

    .prec li {
        float: left;
        width: 128px;
        height: 125px;
        margin-bottom: 5px;
        overflow: hidden
    }

        .prec li div {
            height: 20px;
            line-height: 20px
        }

            .prec li div.listimg {
                height: 106px
            }

        .prec li a img {
            border: 2px solid #ccc;
            width: 100px;
            height: 100px;
            padding: 1px
        }

        .prec li a:hover img {
            border: 2px solid #005eac
        }

#maincontent article h2 {
    padding-top: .5em
}

.artauthor {
    font-size: 1.25em;
    padding: .5em 0 1em;
    height: 1.35em;
    line-height: 1.35em
}

    .artauthor span {
        font-size: .7em;
        color: #333;
        color: rgba(0,0,0,.6)
    }

    .artauthor img {
        height: 1.35em;
        vertical-align: bottom;
        transition: all .3s
    }

        .artauthor img:hover {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }

    .artauthor a {
        color: #0082cb
    }

        .artauthor a:hover {
            text-decoration: underline
        }

.artinfo {
    line-height: 1.7em;
    font-size: .875em
}

    .artinfo span {
        font-weight: 700
    }

.artdetail p {
    line-height: 1.7em
}

.nextprev2 {
    font-size: .875em
}

.imgloading {
    position: absolute;
    top: 17px;
    width: 120px;
    text-align: center
}

    .imgloading span {
        background: url("../images/loading.gif") no-repeat 0 1px transparent;
        display: inline-block;
        height: 18px;
        padding: 0 0 0 15px
    }

#p_title_left {
    float: left;
    font-size: 14px
}

    #p_title_left span {
        text-indent: 10px
    }

        #p_title_left span.clickcount {
            font-size: 10px;
            text-indent: 2px;
            font-weight: 400
        }

#p_title_right {
    float: right;
    padding-right: 5px;
    text-indent: 0
}

#bigpic {
    width: 100%;
    text-align: center
}

    #bigpic img {
        margin-bottom: 10px;
        *margin-bottom: 2px;
        -moz-box-shadow: 5px 5px 5px #aaa;
        -webkit-box-shadow: 5px 5px 5px #aaa;
        box-shadow: 5px 5px 5px #aaa;
        filter: progid:DXImageTransform.Microsoft.Glow(color=#FFFFFF,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=6)
    }

#tongpic {
    margin: 10px auto;
    height: 70px;
    position: relative;
    overflow: hidden
}

.toleft {
    position: absolute;
    z-index: 1;
    left: 0;
    height: 70px;
    width: 27px;
    background: url(../images/picbg.gif) 0 1px no-repeat;
    cursor: pointer
}

    .toleft:hover {
        background-position: -100px 1px
    }

.toright {
    position: absolute;
    right: 0;
    height: 70px;
    width: 27px;
    background: url(../images/picbg.gif) -50px 1px no-repeat;
    cursor: pointer
}

    .toright:hover {
        background-position: -150px 1px
    }

#smallphotocontainer {
    position: absolute;
    left: 27px;
    overflow: hidden
}

    #smallphotocontainer ul {
        float: left;
        z-index: -1;
        width: 10000px;
        margin: 0;
        padding: 0
    }

        #smallphotocontainer ul li {
            float: left;
            width: 70px;
            padding: 0 3px;
            margin: 0;
            overflow: hidden
        }

            #smallphotocontainer ul li a {
                display: block
            }

            #smallphotocontainer ul li.on img {
                border: 2px solid #ccc
            }

            #smallphotocontainer ul li img {
                width: 66px;
                height: 66px;
                border: 0
            }

#briefintro {
    font-size: .875em;
    margin: 10px auto 0
}

    #briefintro a, #v_intro a {
        color: #6eafd5
    }

.picdetail h2 span {
    font-size: .4375em;
    color: #999
}

.plist {
    overflow: auto;
    zoom: 1;
    font-size: .875em
}

    .plist li {
        float: left;
        width: 142px;
        height: 145px;
        overflow: hidden
    }

        .plist li div.listimg {
            height: 106px
        }

        .plist li a img {
            border: 2px solid #ccc;
            width: 100px;
            height: 100px;
            padding: 1px
        }

        .plist li a:hover img {
            border: 2px solid #005eac
        }

.tagswrapper {
    line-height: 1.5em
}

    .tagswrapper a {
        margin: 0 5px;
        color: #0078b6
    }

        .tagswrapper a.ft12 {
            font-size: .875em
        }

#votewrapper {
    width: 80%;
    margin-left: 10px;
    border: 1px dashed #ccc;
    padding: 10px;
    padding-top: 0;
    border-style: solid\9;
    font-size: .875em
}

.essaydetail .essaywrap {
    position: relative
}

.essaydetail .prevsubject, .essaydetail .nextsubject {
    position: absolute;
    top: 0;
    z-index: 1;
    top: 45%;
    height: 70px;
    width: 27px;
    background: url(/images/picbg.gif) 0 1px no-repeat;
    cursor: pointer;
    opacity: .6
}

.essaydetail .prevsubject {
    left: 1em
}

    .essaydetail .prevsubject:hover {
        background-position: -100px 1px
    }

.essaydetail .nextsubject {
    right: 1em;
    background-image: url(../images/picbg.gif);
    background-position: -50px 1px
}

    .essaydetail .nextsubject:hover {
        background-position: -150px 1px
    }

.essaydetailgrouphead {
    height: 2em;
    line-height: 2em
}

#createlongBox .m_body {
    padding: .2em
}

#createlongBox .longitem:first-child {
    margin-bottom: .5em
}

#createlongBox .longitem#long_content_warpper {
    height: 400px
}

#createlongBox .longitem input {
    width: 100%;
    box-sizing: border-box;
    height: 2.5em;
    line-height: 2em;
    *width: 98%;
    *height: 2em
}

#createlongBox .longitem textarea {
    width: 100%;
    box-sizing: border-box;
    line-height: 1.25em;
    min-height: 15em;
    overflow-y: auto;
    *width: 98%
}

#createlongBox .longitem iframe {
    width: 100%;
    height: 100%
}

.e_body .lstitle {
    font-weight: 700
}

.e_body .lscontent {
    margin-top: 10px;
    text-align: left
}

    .e_body .lscontent p {
        padding-bottom: 0 !important
    }

.longessay {
    width: 116px;
    height: 5.5em;
    border: 1px solid #6ece0a;
    border-radius: 2px;
    padding: 2px;
    font-size: .75em;
    word-wrap: break-word;
    *display: block !important;
    overflow: hidden
}

    .longessay .title {
        height: 3.6em;
        overflow: hidden;
        line-height: 1.75em
    }

    .longessay span {
        color: #888
    }

    .longessay .commonbtn {
        float: right;
        width: 50px;
        display: inline-block;
        height: 1.7em;
        line-height: 1.7em;
        text-align: center;
        letter-spacing: .2em
    }
/*-----------------------------up is index.css-------------------------------------------------*/
.pubessaybox{text-align:right}.essayinput{width:100%;*width:98%;border:1px solid #CCC;border-radius:3px;margin:7px 0 3px;box-shadow:inset 1px 1px 4px 0 rgba(220,220,220,1);padding:5px;height:55px;font-size:1em;font-family:Tahoma,宋体;line-height:1.285em;overflow-y:auto;overflow-x:hidden;transition:height .3s;box-sizing:border-box}#ss_pub{width:70px;height:30px}#otherbox{overflow-y:auto}#otherbox div.right{float:right;text-align:right;padding-bottom:2px}#otherbox div.right .limits{float:left;position:relative}#otherbox div.right a{display:inline-block;color:#333;font-size:.8em;*float:left;*height:30px;*line-height:30px}#otherbox div.right a em{display:inline-block;width:15px;height:5px;margin-left:2px;background:url("/images/user/ico.png?1") 0 -230px no-repeat;vertical-align:middle}#otherbox div.right a:hover{color:#999}#otherbox div.right a:hover em{background-position:0 -236px}#sellimitsrank{position:absolute;background:#fff;color:#333;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 8px 1px rgba(0,0,0,0.2);width:0;height:0;border-width:0;margin-left:80px;overflow:hidden;transition:width .5s,height .5s,padding .5s,margin-left .5s;z-index:2}#sellimitsrank li a{white-space:nowrap;width:50px;padding:0 15px;color:#333;display:block;cursor:pointer;text-decoration:none;font-size:.8em;height:30px;line-height:30px}#sellimitsrank li a:hover{background-color:#f6f6f6;color:#6ece0a}#sellimitsrank li a.cur{background-color:#cdeeaa;color:#333}.essaytips{color:#999}.essaytips span{font-family:Constantia,Georgia;font-size:22px;font-weight:700;color:#000}#numtip{text-align:right;height:27px;transition:height .3s}#otherbox div.left{float:left}#otherbox div.left a,.cmtdetail .replybox .replypanel .pa_l a,.btnwrapper a.showfaces{font-size:.8em;margin:0 15px 0 0;display:inline-block;height:14px;padding:2px 0 2px 19px;line-height:14px;background:url("/images/user/ico.png") no-repeat;color:#6eafd5}#otherbox div a.img{background-position:0 -32px}#otherbox div a.video{background-position:0 -67px}#otherbox div a.vote{background-position:0 -170px}#otherbox div a.long{background-position:0 -206px}.imgswarpper{padding:2% 3%;overflow-y:auto;box-sizing:border-box}.imgswarpper li{position:relative;float:left;padding:15%;margin:1.6%;background:#f2f2f2;border-radius:5px}.imgswarpper li span{position:absolute;top:0;left:0;width:100%;height:100%}.imgswarpper li .add{border:1px dashed #aaa;border-radius:5px;background:#fff}.imgswarpper li .add:before{content:"";position:absolute;width:80%;left:10%;top:50%;border-bottom:2px solid #aaa;margin-top:-1px}.imgswarpper li .add:after{content:"";position:absolute;height:80%;left:50%;top:10%;border-right:2px solid #aaa;margin-left:-1px}.imgswarpper li img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.imgswarpper li i{position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:100px;background:rgba(0,0,0,.2);transform:rotate(45deg);z-index:10}.imgswarpper li i:before{content:"";position:absolute;top:50%;left:50%;height:2px;background:#fff;width:70%;transform:translate(-50%,-50%);border-radius:100px}.imgswarpper li i:after{content:"";position:absolute;left:50%;top:50%;width:2px;background:#fff;height:70%;transform:translate(-50%,-50%);border-radius:100px}.imgswarpper li i:hover{background:0}.imgswarpper li i:hover:before{background:#63bfb2}.imgswarpper li i:hover:after{background:#63bfb2}.imgswarpper li.uping:before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15%;min-width:20px;min-height:20px;border-radius:200000px;border-width:3px;border-style:solid;border-color:rgba(0,0,0,0.8) rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.1);box-sizing:border-box;-webkit-animation:loading 1.1s infinite linear;animation:loading 1.1s infinite linear}@keyframes loading{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}.addblog{text-align:right}.addblog a{display:inline-block;text-align:center;height:2em;width:100px;line-height:2em}.blog_list{padding-bottom:.5em}.blog_title{font-size:.875em;line-height:2em}.blog_title a{font-size:1.142em}.blog_act{text-align:right;font-size:.875em}.log_l{height:1.8em}.log_r{overflow:auto}#logTitle .commonipt{width:95%}.tagsinput{float:left;width:90px;margin:0 3px 3px 0;border:1px solid #ccc;padding:2px}#logOK .commonbtn{width:8em}.cmtlist{padding-bottom:10px;margin-bottom:10px;border-bottom:1px #ccc dashed;overflow:auto}.cmtlist:first-child{padding-top:10px}.cmtlist .avatar{float:left;width:8%;*width:7%;padding:0 1%}.cmtlist .avatar img{width:100%}.cmtdetail{float:right;width:90%}.cmtdetail .cmtcontent{line-height:1.5em;margin-bottom:5px;color:#666;word-wrap:break-word}.cmtdetail .cmtcontent img{vertical-align:text-bottom}.cmtdetail a,.cmtdetail span{color:#0082cb;cursor:pointer}.cmtdetail span{color:#999}.cmtdetail .cmtwas{color:#999;font-size:.875em;line-height:1.5em}.cmtbot{font-size:.875em;height:1.5em;line-height:1.5em}.cmtbot .cmtbot_l{float:left;color:#999}.cmtbot .cmtbot_r{float:right}.cmtbot .cmtbot_r span{padding:0 5px}.replybox .replytop{height:8px;text-align:right}.replybox .replytop span{color:#f5f5f5;font-size:25px;line-height:21px;height:11px;width:22px;font-family:"宋体"}.replybox .replypanel{background:#f5f5f5;border-radius:2px;padding:10px;overflow:auto}.replybox .replypanel .iptarea{text-align:right;padding-bottom:5px}.replybox .replypanel textarea{width:96%;line-height:18px;padding:.167em;margin:0;border:.083em solid #ccc;font-size:12px;overflow:hidden;word-wrap:break-word;word-break:break-all;font-family:Tahoma,宋体;outline:0;vertical-align:middle}.replybox .replypanel .processarea{padding-left:4%}.replybox .replypanel .pa_l{float:left;margin-left:-0.5em}.replybox .replypanel .pa_r{float:right}.replybox .replypanel .pa_r .commonbtn{padding:0 10px}#userlist li{margin-top:6px;float:left;overflow:hidden;width:100%;font-size:.875em;height:1.5em}#userlist li.head{font-weight:700;text-align:right}#userlist li span{float:left}#userlist li span.u_left{width:20%;text-align:right;padding-right:1%;color:#333;white-space:nowrap}#m_userinfo{margin-top:10px}#m_userinfo li{height:2.5em}#m_userinfo li span{float:left}#m_userinfo li span.u_left{width:110px;text-align:right;padding-right:20px;color:#333}#u_intro,#u_PS{width:350px;height:80px}#m_userinfo li.special{height:95px}.tagscontainer{width:435px}#m_useravatar{margin-top:10px}#m_useravatar li{overflow:auto;zoom:1;margin-bottom:5px}#m_useravatar li span{float:left}#m_useravatar li span.u_left{width:90px;text-align:left;padding-left:20px}#m_useravatar li.tip{padding-left:40px}#avatar{width:200px}.operatebar input{height:25px;line-height:25px}.uploadimgbox{padding-top:25px;text-align:center}.uploadimgbox #selectimg{position:relative;display:inline-block;width:100px;height:30px;line-height:30px;overflow:hidden;text-decoration:none}#imageessay{position:absolute;height:30px;top:0;right:0;left:auto;font-size:21px;opacity:0;filter:alpha(opacity:1)}#videoaddbox{margin:10px 0 0 10px}#videoaddbox #videoUrl{width:300px;margin-right:5px}#videoaddbox #videotips{height:30px;line-height:30px;color:Red}.videobtn{margin:25px 0 0 -80px;display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border-radius:15px;text-indent:4px;font-size:21px;border:2px solid #eee;font-family:arial;color:#eee;position:absolute}.videobtn:hover{text-decoration:none;color:White;border-color:White}#usermenu{overflow:auto}#usermenu .u_head_left{float:left;width:16%;padding:0 2%}#usermenu .u_head_left img{width:100%}#usermenu .u_head_right{float:right;width:80%}#usermenu .u_head_right .username{line-height:1.5em;font-size:14px;font-weight:700;height:30px}#usermenu .u_head_right .username i{font-size:12px;color:#2fb700;background:url(/images/icon/right.png) 0 3px no-repeat;padding-left:13px;margin-left:5px;font-weight:normal;font-style:normal}#usermenu .u_head_right .userps{line-height:1.5em;color:#999;word-break:break-all}#usermenu .u_head_right .userstats{line-height:1.5em;color:#666}#usermenu .u_head_right .userstats strong{margin-right:5px}a.followbtn{margin-left:5px;display:inline-block;width:45px;height:1.7em;line-height:1.7em;font-size:.75em;font-weight:400;text-align:center;border-radius:2px;border:1px solid #ccc;color:#59926d;background:white}a.followbtn:hover{text-decoration:none}a.followbtn img{vertical-align:middle;_vertical-align:baseline}a.followbtn em{font-style:normal}.followed{margin-left:5px;display:inline-block;*zoom:1;*display:inline;width:90px;height:1.7em;line-height:1.7em;font-size:.75em;font-weight:400;text-align:center;border-radius:2px;border:1px solid #ccc;color:#ccc;background:white}.followed em{font-style:normal;padding:0 3px 0 2px}.followed a{color:#548967}.subjectright{overflow:auto;margin-bottom:.7em}.u_s_left{float:left;width:26%;padding:0 2%}.u_s_left img{width:100%;display:block}.u_s_right{float:left;width:70%}.etitle{font-size:14px;font-weight:700;color:#333}.esubtitle{font-size:12px;font-style:italic;color:#999}.edes{line-height:20px;text-indent:15px;color:#666;margin-top:5px}.srhbox{overflow:auto;margin-bottom:1em}.srhbox .commonipt{width:50%}.srhbox .commonbtn{width:4em;height:2.4em;margin-left:.3em}.list_person{margin:10px 0;font-size:.875em;border-bottom:1px solid #ccc;padding-bottom:10px;overflow:auto}.person_pic{float:left;width:8%;padding:0 2%}.person_pic img{width:100%;height:auto}.person_detail{float:left;width:88%}.person_detail a{color:#59926d}.p_d_top{height:50px;overflow:hidden}.p_d_top_l{float:left;line-height:25px}.p_d_top_l_t a{font-size:14px}.p_d_top_r{float:right}.p_d_bot div{line-height:22px}.person_detail .sel{color:Red}#search_no{text-indent:20px}#search_no p{color:#666;margin:15px 0;font-size:14px}#search_no p span{color:red}#search_no dl{color:#999;line-height:18px}dl.person_info{overflow:auto;_zoom:1;margin:.5em 0}.person_info dt{float:left;display:inline;width:16%;padding:0 2%}.person_info dt img{width:100%;display:block}.person_info dd{float:left;width:80%;padding:0 0 8px;display:block;overflow:visible;word-break:break-word;word-wrap:break-word}.person_info dd a{color:black;font-weight:700;height:auto;white-space:normal}.user_atten{overflow:auto;_zoom:1;margin:.6em 0;height:2.3em}.user_atten li{float:left;width:30%;text-align:center}.user_atten li strong,.user_atten li span{display:block;line-height:1.1em}.nextprev{text-align:center;font-size:.875em;margin:.5em 0}.nextprev a{color:#0082cb}.nextprev a.next{margin-left:10px}
/*-----------------------------up is user.css-------------------------------------------------*/
#voteaddbox {
    padding: 10px
}

    #voteaddbox div {
        padding: 5px 0
    }

#vttitle {
    width: 340px
}

.vttips {
    color: #ccc
}

#voteaddbox .vtitems span {
    display: inline-block;
    width: 26px;
    text-align: right;
    padding-right: 4px
}

#voteaddbox .vtitems input {
    width: 310px
}

#voteaddbox .additems a span {
    color: #59926d;
    font-weight: 700
}

#voteaddbox .choicecount select {
    height: 28px;
    line-height: 28px
}

#voteaddbox .choicecount span {
    display: inline-block;
    text-align: right;
    padding-right: 4px
}

#addvote {
    height: 30px
}

#voteaddbox .removeItem {
    margin-left: 5px;
    color: #59926d
}

    #voteaddbox .removeItem:hover {
        color: white;
        text-decoration: none;
        cursor: pointer;
        background: #59926d
    }

#voteaddbox .red {
    color: Red
}

#vtdes {
    width: 340px;
    height: 40px
}

.esvote {
    font-size: 12px;
    line-height: 12px
}

    .esvote fieldset {
        width: 160px;
        height: 95px;
        margin: 0;
        padding: 2px 5px 2px 5px;
        border: 1px solid #ccc
    }

    .esvote div {
        padding: 4px 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 12px;
        width: 160px;
        color: #ccc;
        overflow: hidden
    }

    .esvote .esvttitle {
        font-weight: 700
    }

    .esvote .esvtshow {
        text-align: right
    }

        .esvote .esvtshow span {
            color: #59926d;
            cursor: pointer
        }

    .esvote div.esvtdel {
        height: 95px;
        line-height: 70px;
        text-align: center;
        font-size: 14px
    }

.votedetail {
    text-align: left
}

    .votedetail .votetitle {
        height: 30px;
        line-height: 30px
    }

    .votedetail .vtotherinfo {
        color: #999
    }

.vtitem .vtitemcontent {
    height: 20px;
    margin: 4px 0
}

.vtitem input {
    height: auto
}

.vtresult {
    margin-bottom: 3px;
    height: 20px
}

    .vtresult span {
        float: left;
        display: inline-block;
        height: 18px;
        overflow: hidden;
        font-size: .875em
    }

.votedetail .votebar {
    background: #59926d;
    border-radius: 0 2px 2px 0;
    background: #59926d -moz-linear-gradient(rgba(139,198,160,.3),rgba(89,146,109,1));
    background: #59926d -webkit-gradient(linear,0 0,0 50%,to(rgba(89,146,109,1)),from(rgba(255,255,255,.2)));
    transition: width .6s
}

.votedetail .vtitem:nth-child(6n+2) .votebar {
    background: #63bfb2
}

.votedetail .vtitem:nth-child(6n+3) .votebar {
    background: #6ece0a
}

.votedetail .vtitem:nth-child(6n+4) .votebar {
    background: #ebd203
}

.votedetail .vtitem:nth-child(6n+5) .votebar {
    background: #a675a2
}

.votedetail .vtitem:nth-child(6n+6) .votebar {
    background: #f0717c
}

.votebarwarpper {
    width: 70%;
    background: #eee
}

.vtcount {
    color: #999;
    text-indent: 5px;
    line-height: 20px
}

.votebtn {
    padding: 1px 4px;
    height: 2.3em;
    width: 5em
}

.votetip {
    color: Red;
    padding-left: 5px
}

.recvttitle {
    font-weight: 700;
    line-height: 17px
}

.recvtbtn span {
    padding-left: 5px
}

.recvtbtn a {
    padding-left: 5px
}
/*-----------------------------up is vote.css-------------------------------------------------*/
@media screen and (min-width:1500px) {
    #main {
        width: 60%
    }

    aside {
        width: 38%
    }

        aside section {
            float: left;
            width: 50%;
            box-sizing: border-box
        }
}

@media screen and (max-width:1200px) {
    #main {
        border-left: none
    }

    aside {
        overflow: hidden
    }

    #main ul#hot {
        float: none;
        width: 100%;
        margin: 1em auto;
        text-align: center;
        overflow: auto
    }

        #main ul#hot li.l1 {
            display: inline-block;
            border-left: none;
            padding-bottom: 0;
            border-bottom: .3em solid
        }

            #main ul#hot li.l1#hot1 {
                border-bottom-color: #c9e9e5
            }

                #main ul#hot li.l1#hot1:hover {
                    border-bottom-color: #63bfb2
                }

            #main ul#hot li.l1#hot2 {
                border-bottom-color: #cdeeaa
            }

                #main ul#hot li.l1#hot2:hover {
                    border-bottom-color: #6ece0a
                }

            #main ul#hot li.l1#hot3 {
                border-bottom-color: #f9f0a8
            }

                #main ul#hot li.l1#hot3:hover {
                    border-bottom-color: #ebd203
                }

            #main ul#hot li.l1#hot4 {
                border-bottom-color: #e0cfdf
            }

                #main ul#hot li.l1#hot4:hover {
                    border-bottom-color: #a675a2
                }

            #main ul#hot li.l1#hot5 {
                border-bottom-color: #faced2
            }

                #main ul#hot li.l1#hot5:hover {
                    border-bottom-color: #f0717c
                }

            #main ul#hot li.l1#hot6 {
                border-bottom-color: #bcd8f0
            }

                #main ul#hot li.l1#hot6:hover {
                    border-bottom-color: #3e8dd2
                }

        #main ul#hot li ul {
            display: none
        }

        #main ul#hot li a.a1 {
            padding: .25em .7em;
            font-weight: 400
        }

    #maincontent {
        float: none;
        width: 96%
    }

        #maincontent .expendwarp {
            padding: 15px 5px 13px
        }

    #main ul#hot li.l1#hot5 {
        display: inline-block
    }
}

@media screen and (max-width:760px) {
    body {
        border-left: none
    }

    aside {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 0
    }

        aside section {
            float: left;
            width: 50%;
            box-sizing: border-box;
            padding: 0 1%
        }

    #main {
        width: 100%;
        border-radius: 0;
        border-left: 0
    }

    #header .mobiletips {
        display: none
    }

    .width100 {
        width: 100% !important;
        padding: 0 0 1em !important
    }

        .width100 .pubessaybox, .width100 h2 {
            padding: 0 2%
        }

    .graybg {
        background-color: #f6f6f6
    }

    #maincontent .tab {
        padding-left: 2%
    }

    .graybg dl.essaywrap {
        width: 96%;
        padding: 5px 2% !important;
        background-color: #fff;
        box-shadow: 0 1px .1875rem -.125rem rgba(0,0,0,.2);
        border-top: 1px solid #e6e6e6 !important;
        border-bottom: 1px solid #d8d8d8 !important;
        margin: 0 0 .5625rem 0 !important
    }

    #essaylist dl:first-child, #maincontent.graybg dl:first-child {
        border-top: none !important
    }
}

@media screen and (max-width:550px) {
    #header ul#headnav {
        float: none;
        margin-left: 15em;
        height: 4.375em;
        overflow: hidden;
        white-space: nowrap
    }

        #header ul#headnav:hover {
            overflow: visible
        }

        #header ul#headnav li.hnitem {
            float: none;
            width: 100%
        }

            #header ul#headnav li.hnitem ul {
                display: none
            }

            #header ul#headnav li.hnitem a.a1 {
                padding-top: 0;
                height: 2.1875em;
                line-height: 2.1875em
            }

    #fbbtn, #showpop {
        visibility: hidden
    }

    #back2top {
        opacity: .6
    }

    #header ul li.hnitem {
        display: none
    }

        #header ul li.hnitem:first-child {
            display: block
        }

    #header ul li.last {
        display: block
    }

    #maincontent dl.essaywrap dd.break {
        margin-left: 0
    }

        #maincontent dl.essaywrap dd.break .info a:nth-child(2n) {
            font-size: 15px;
            position: absolute;
            top: 2px
        }

        #maincontent dl.essaywrap dd.break .info {
            padding-bottom: 8px
        }

    #maincontent dl.essaywrap div.info img.thumb {
        position: inherit;
        width: 34px;
        height: 34px;
        vertical-align: text-top;
        box-sizing: border-box;
        margin-right: 8px;
        border-radius: 50%;
        border: .0625rem solid #e4e4e4
    }

    #maincontent dl.essaywrap dd.break p.essayinfo span.leftcon {
        position: absolute;
        left: 42px;
        top: 22px;
        font-size: 12px;
        line-height: 12px
    }

    #maincontent dl.istop {
        position: relative
    }

        #maincontent dl.istop::before {
            content: "置顶";
            position: absolute;
            right: 0;
            top: 25px;
            width: 50px;
            height: 18px;
            line-height: 18px;
            background-color: #f0717c;
            font-size: 90%;
            color: #fff;
            text-align: center;
            padding-left: 6px
        }
}

@media screen and (max-width:400px) {
    .pager span {
        margin: .1em;
        padding: .214em .2em
    }

    #maincontent dl.essaywrap dt.face {
        display: none
    }

    #otherbox div a {
        display: none !important
    }

        #otherbox div a:first-child, #otherbox div a:last-child, #otherbox div a:nth-child(10n+2) {
            display: inline-block !important
        }

    .cmtitem .avatar, .commentbox .avatar {
        display: none
    }

    .cmtitem .cmtbody, .commentbox .cmttextarea {
        margin-left: 0
    }

    .tab li {
        padding: 0 1.2em;
        height: 2.2em;
        line-height: 2.2em
    }

    aside section {
        float: none;
        width: 100%
    }
}
/*-----------------------------up is media.css-------------------------------------------------*/
.g_item {
    padding: .2em;
    overflow: auto;
    line-height: 1em
}

    .g_item span {
        display: inline-block
    }

        .g_item span:first-child {
            padding-right: .5em;
            width: 3em;
            text-align: right;
            height: 2.5em;
            line-height: 2.5em
        }

        .g_item span.red {
            color: red;
            padding-left: .5em;
            text-align: right
        }

        .g_item span input {
            width: 15em;
            font-size: 1em
        }

        .g_item span textarea {
            font-size: 14px;
            height: 4em;
            width: 16em;
            line-height: 1.3em;
            overflow: auto
        }

        .g_item span i {
            font-weight: 700;
            display: inline-block;
            font-style: normal;
            padding: .4em .6em;
            margin-right: .7em;
            cursor: pointer;
            border: .1em solid #ccc;
            border-radius: .2em
        }

            .g_item span i.sel {
                color: white;
                background-color: #3e8dd2
            }

#groupname img {
    height: 1.5em;
    transition: all .3s ease 0s;
    vertical-align: text-bottom
}

    #groupname img:hover {
        transform: rotate(360deg)
    }

#groupinfo {
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: dotted #ccc .1em
}

    #groupinfo li {
        line-height: 1.6em
    }

    #groupinfo .action {
        color: #0082cb;
        cursor: pointer;
        font-size: .875em;
        margin-left: .5em
    }

    #groupinfo #g_modifydes {
        margin-left: .5em
    }

#g_modifypicbox .m_body {
    text-align: center;
    margin: 1em 0
}

#g_modifypicbox li {
    margin: .5em 0
}

    #g_modifypicbox li span {
        display: inline-block
    }

        #g_modifypicbox li span:first-child {
            width: 6.5em
        }

#grouplist {
    padding: .5em
}

.groupwarpper span, .groupwarpper a {
    font-weight: 700;
    display: inline-block;
    font-style: normal;
    padding: .4em .6em;
    margin-right: .7em;
    cursor: pointer;
    border: .1em solid #ccc;
    border-radius: .2em;
    margin-bottom: .5em
}

    .groupwarpper span.sel, .groupwarpper a {
        color: white;
        background-color: #3e8dd2
    }

        .groupwarpper span.sel:nth-child(3n+1), .groupwarpper a:nth-child(3n+1) {
            background-color: #63bfb2
        }

        .groupwarpper span.sel:nth-child(3n+2), .groupwarpper a:nth-child(3n+2) {
            background-color: #a675a2
        }

.joined, a.notjoin {
    margin-left: 0
}

    .joined a {
        color: #0082cb
    }

.pubessaymask {
    position: absolute;
    height: 100%;
    background: black;
    opacity: .3;
    filter: alpha(opacity=30);
    top: 0;
    left: 0;
    width: 100%
}

.pubessaymembertip {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 50px;
    font-size: 1.3em;
    font-weight: 700;
    color: white;
    opacity: 0;
    transition: opacity 1s ease-in-out 0s
}

.groupmember {
    overflow: auto
}

    .groupmember li {
        float: left;
        width: 4.286em;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 .6em .6em 0
    }

        .groupmember li img {
            border: .1em solid #bcd8f0;
            padding: .2em;
            width: 3.686em
        }

        .groupmember li span {
            font-size: .875em;
            white-space: nowrap;
            *display: block
        }

#allgroupmemberhandler {
    font-size: .667em;
    font-weight: 400;
    margin-left: .5em
}

#allgroupmember {
    padding: .5em 0 0 .5em
}

    #allgroupmember li {
        position: relative
    }

        #allgroupmember li .action {
            position: absolute;
            height: 0;
            overflow: hidden;
            transition: height .3s ease 0s;
            top: 0;
            left: 0;
            font-size: .8em;
            background: black;
            background: rgba(0,0,0,.5);
            color: white;
            width: 100%
        }

            #allgroupmember li .action div {
                cursor: pointer;
                padding: .4em 0
            }

                #allgroupmember li .action div a {
                    color: white
                }

        #allgroupmember li:hover .action {
            height: 100px
        }

#invitebox {
    padding: 10px;
    line-height: 18px
}

    #invitebox div {
        margin-bottom: 5px
    }

.groupmain #numtip {
    height: 0;
    overflow: hidden
}

.groupmain #otherbox {
    height: 0;
    overflow: hidden
}

.groupmain #ss_input {
    height: 35px;
    line-height: 23px;
    *height: 25px;
    *line-height: 25px
}
/*-----------------------------up is group.css-------------------------------------------------*/