blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400 }
ol, ul { list-style: none }
caption, th { text-align: left }
q:after, q:before { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
input, select, textarea { font-family: inherit; font-size: inherit; font-weight: inherit }
.alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .alert, .alert h4 { color: #c09853 }
        .alert h4 { margin: 0; font-weight: 700; font-size: 14px }
        .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847 }
    .alert-success h4 { color: #468847 }
.alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48 }
    .alert-danger h4, .alert-error h4 { color: #b94a48 }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad }
    .alert-info h4 { color: #3a87ad }
.alert-lure { background-color: #f8b98e; border-color: #a57b5f; color: #f60 }
.alert-block { padding-top: 14px; padding-bottom: 14px }
    .alert-block p, .alert-block ul { margin-bottom: 0 }
    .alert-block p { margin-top: 5px; font-size: 12px }
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0 }
.table { width: 100%; margin-bottom: 20px }
    .table td, .table th { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd }
    .table th { font-weight: 700 }
    .table thead th { vertical-align: bottom }
    .table caption + thead tr:first-child td, .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child td, .table thead:first-child tr:first-child th { border-top: 0 }
    .table tbody + tbody { border-top: 2px solid #ddd }
    .table .table { background-color: #fff }
.table-condensed td, .table-condensed th { padding: 4px 5px }
.table-bordered { border: 1px solid #ddd; border-collapse: separate; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
    .table-bordered td, .table-bordered th { border-left: 1px solid #ddd }
    .table-bordered caption + tbody tr:first-child td, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + thead tr:first-child th, .table-bordered tbody:first-child tr:first-child td, .table-bordered tbody:first-child tr:first-child th, .table-bordered thead:first-child tr:first-child th { border-top: 0 }
    .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px }
    .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px }
    .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px }
    .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child, .table-bordered thead:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px }
    .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0 }
    .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0 }
    .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered caption + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px }
    .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered caption + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px }
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9 }
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5 }
.row-fluid table td[class*=span], .row-fluid table th[class*=span], table td[class*=span], table th[class*=span] { display: table-cell; float: none; margin-left: 0 }
.table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0 }
.table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0 }
.table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0 }
.table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0 }
.table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0 }
.table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0 }
.table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0 }
.table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0 }
.table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0 }
.table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0 }
.table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0 }
.table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0 }
.table tbody tr.success > td { background-color: #dff0d8 }
.table tbody tr.error > td { background-color: #f2dede }
.table tbody tr.warning > td { background-color: #fcf8e3 }
.table tbody tr.info > td { background-color: #d9edf7 }
.table-hover tbody tr.success:hover > td { background-color: #d0e9c6 }
.table-hover tbody tr.error:hover > td { background-color: #ebcccc }
.table-hover tbody tr.warning:hover > td { background-color: #faf2cc }
.table-hover tbody tr.info:hover > td { background-color: #c4e3f3 }
.badge, .label { display: inline-block; padding: 2px 4px; font-size: 11.84px; font-weight: 700; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #999 }
.label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px }
    .badge:empty, .label:empty { display: none }
a.badge:focus, a.badge:hover, a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer }
.badge-important, .label-important { background-color: #b94a48 }
    .badge-important[href], .label-important[href] { background-color: #953b39 }
.badge-warning, .label-warning { background-color: #f89406 }
    .badge-warning[href], .label-warning[href] { background-color: #c67605 }
.badge-success, .label-success { background-color: #468847 }
    .badge-success[href], .label-success[href] { background-color: #356635 }
.badge-info, .label-info { background-color: #3a87ad }
    .badge-info[href], .label-info[href] { background-color: #2d6987 }
.badge-inverse, .label-inverse { background-color: #333 }
    .badge-inverse[href], .label-inverse[href] { background-color: #1a1a1a }
.btn .badge, .btn .label { position: relative; top: -1px }
.btn-mini .badge, .btn-mini .label { top: 0 }
.hidden { display: none !important }
.clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0 }
.clear, .clearfix:after { clear: both }
.lpic { float: left }
.rtext { overflow: hidden; zoom: 1 }
.column-2 { zoom: 1 }
    .column-2:after, .column-2:before { display: table; content: ""; line-height: 0 }
    .column-2:after { clear: both }
    .column-2 .left { float: left }
    .column-2 .right, .column-2-convert .left { overflow: hidden; zoom: 1 }
.column-2-convert .right { float: right }
.column-3 { zoom: 1 }
    .column-3:after, .column-3:before { display: table; content: ""; line-height: 0 }
    .column-3:after { clear: both }
    .column-3 .c3-center, .column-3 .c3-left, .column-3 .c3-right { position: relative }
    .column-3 .c3-left { float: left }
    .column-3 .c3-center { overflow: hidden; zoom: 1 }
    .column-3 .c3-right { float: right }
.fl { float: left }
.fr { float: right }
.ma { margin: 0 auto }
.vm { vertical-align: middle }
.fixed-table { table-layout: fixed }
.range { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100% }
.ac { text-align: center }
.al { text-align: left }
.ar { text-align: right }
.fb { font-weight: 700 }
.font-small { font-size: 12px }
.font-normal { font-size: 14px }
.font-big { font-size: 16px }
.font-large { font-size: 18px }
pre.note { word-wrap: break-word; white-space: pre-wrap; overflow: hidden; width: 100%; margin: 0; padding: 0 }
.space-10 { font-size: 0; padding-top: 10px }
.space-20 { font-size: 0; padding-top: 20px }
.img-border { padding: 1px; background: #fff; border: 1px solid #ccc }
.yahei { font-family: arial,'Hiragino Sans GB','Microsoft Yahei','΢���ź�','����',STHeiti }
.bottom-tools { display: none; position: fixed; right: 0; bottom: 30px }
html.ie6 .bottom-tools { position: absolute }
.bottom-tools .gotop { display: block; width: 44px; height: 56px; background: #ccc; position: relative; cursor: pointer }
.radius-5 { border-radius: 5px !important }
.radius-8 { border-radius: 8px !important }
.radius-big { border-radius: 50px !important }
.button-small { display: inline-block; font-size: 12px; padding: 0 9px; cursor: pointer; border-radius: 2px; font-family: Arial,'����'; text-decoration: none; line-height: 24px; height: 24px; border: none }
    .button-small img { float: left }
.button-small-2 { display: inline-block; font-size: 14px; padding: 0 9px; cursor: pointer; border-radius: 6px; font-family: Arial,'����'; text-decoration: none; line-height: 26px; height: 26px; border: none }
    .button-small-2 img { float: left }
.button-medium { display: inline-block; font-size: 14px; padding: 0 14px; cursor: pointer; border-radius: 2px; font-family: Arial,'����'; text-decoration: none; line-height: 30px; height: 30px; border: none; font-weight: 700 }
    .button-medium img { float: left }
.button-large { display: inline-block; font-size: 16px; padding: 0 20px; cursor: pointer; border-radius: 2px; font-family: Arial,'����'; text-decoration: none; line-height: 36px; height: 36px; border: none; font-weight: 700 }
    .button-large img { float: left }
.button-input { display: inline-block; font-size: 16px; padding: 0 12px; cursor: pointer; border-radius: 2px; font-family: Arial,'����'; text-decoration: none; line-height: 34px; height: 34px; border: none; width: 120px; text-align: center; font-weight: 700 }
    .button-input img { float: left }
.button { color: #fff; background: #353535 }
    .button:hover { color: #fff; background: #292929; text-decoration: none }
    .button:active { color: #fff; background: #1e1e1e }
.button-link { color: #0a8abf }
    .button-link:hover { color: #07678f; text-decoration: underline }
.button-b { padding-top: 6px; padding-bottom: 5px; font-size: 14px; font-weight: 700 }
html.ie6 .button-b { padding-top: 4px }
.button-disabled { cursor: default !important; filter: none !important; border-color: #bbb !important; background: #d1d1d1 !important; box-shadow: 0 1px 1px lightGrey,inset 0 1px 1px #f5f5f5 !important; text-shadow: none; color: #999 !important }
    .button-disabled .sp { border-left-color: #ddd; border-right-color: #c6c6c6 }
.button-winered { color: #fff; background: #8b0000 }
    .button-winered:hover { color: #fff; background: #710000; text-decoration: none }
    .button-winered:active { color: #fff; background: #5d0000 }
.button-grey { color: #656565; background: #d3d3d3 }
    .button-grey:hover { color: #656565; background: #c7c7c7; text-decoration: none }
    .button-grey:active { color: #656565; background: #bdbdbd }
.button-blue { color: #fff; background: #0a86ba }
    .button-blue:hover { color: #fff; background: #0875a2; text-decoration: none }
    .button-blue:active { color: #fff; background: #07678f }
.button-green { color: #fff; background: #479c4f }
    .button-green:hover { color: #fff; background: #3f8a46; text-decoration: none }
    .button-green:active { color: #fff; background: #397c3f }
.button-lightgreen { color: #fff; background: #00bbb0 }
    .button-lightgreen:hover { color: #fff; background: #00a198; text-decoration: none }
    .button-lightgreen:active { color: #fff; background: #008d85 }
.button-orange { color: #fff; background: #fa6400 }
    .button-orange:hover { color: #fff; background: #e05a00; text-decoration: none }
    .button-orange:active { color: #fff; background: #cc5200 }
.button-gray-read { color: #fff; background: #deacac }
    .button-gray-read:hover { color: #fff; background: #d69a9a; text-decoration: none }
    .button-gray-read:active { color: #fff; background: #d08c8c }
.button-t-green { background-color: #699c69; background-image: -moz-linear-gradient(top,#75a875,#578a57); background-image: -webkit-gradient(linear,0 0,0 100%,from(#75a875),to(#578a57)); background-image: -webkit-linear-gradient(top,#75a875,#578a57); background-image: -o-linear-gradient(top,#75a875,#578a57); background-image: linear-gradient(to bottom,#75a875,#578a57); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a875', endColorstr='#ff578a57', GradientType=0); border: 1px solid #95a995; color: #fff !important; text-shadow: 0 0 2px #3e4d3e; border-radius: 5px; cursor: pointer; text-decoration: none }
    .button-t-green:hover { background-color: #5c905c; background-image: -moz-linear-gradient(top,#659e65,#4d7a4d); background-image: -webkit-gradient(linear,0 0,0 100%,from(#659e65),to(#4d7a4d)); background-image: -webkit-linear-gradient(top,#659e65,#4d7a4d); background-image: -o-linear-gradient(top,#659e65,#4d7a4d); background-image: linear-gradient(to bottom,#659e65,#4d7a4d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff659e65', endColorstr='#ff4d7a4d', GradientType=0) }
    .button-t-green:active { background-color: #5f955f; background-image: -moz-linear-gradient(top,#5a905a,#659e65); background-image: -webkit-gradient(linear,0 0,0 100%,from(#5a905a),to(#659e65)); background-image: -webkit-linear-gradient(top,#5a905a,#659e65); background-image: -o-linear-gradient(top,#5a905a,#659e65); background-image: linear-gradient(to bottom,#5a905a,#659e65); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a905a', endColorstr='#ff659e65', GradientType=0) }
.button-t-orange { background-color: #ed6103; background-image: -moz-linear-gradient(top,#f60,#d35908); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f60),to(#d35908)); background-image: -webkit-linear-gradient(top,#f60,#d35908); background-image: -o-linear-gradient(top,#f60,#d35908); background-image: linear-gradient(to bottom,#f60,#d35908); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6600', endColorstr='#ffd35908', GradientType=0); border: 1px solid #a04203; color: #fff !important; text-shadow: 0 0 2px #000; border-radius: 5px; cursor: pointer; text-decoration: none }
    .button-t-orange:hover { background-color: #d45703; background-image: -moz-linear-gradient(top,#e65c00,#ba4f07); background-image: -webkit-gradient(linear,0 0,0 100%,from(#e65c00),to(#ba4f07)); background-image: -webkit-linear-gradient(top,#e65c00,#ba4f07); background-image: -o-linear-gradient(top,#e65c00,#ba4f07); background-image: linear-gradient(to bottom,#e65c00,#ba4f07); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe65c00', endColorstr='#ffba4f07', GradientType=0) }
    .button-t-orange:active { background-color: #d65600; background-image: -moz-linear-gradient(top,#cc5200,#e65c00); background-image: -webkit-gradient(linear,0 0,0 100%,from(#cc5200),to(#e65c00)); background-image: -webkit-linear-gradient(top,#cc5200,#e65c00); background-image: -o-linear-gradient(top,#cc5200,#e65c00); background-image: linear-gradient(to bottom,#cc5200,#e65c00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc5200', endColorstr='#ffe65c00', GradientType=0) }
.button-t-red { background-color: #cd6969; background-image: -moz-linear-gradient(top,#d37575,#c55757); background-image: -webkit-gradient(linear,0 0,0 100%,from(#d37575),to(#c55757)); background-image: -webkit-linear-gradient(top,#d37575,#c55757); background-image: -o-linear-gradient(top,#d37575,#c55757); background-image: linear-gradient(to bottom,#d37575,#c55757); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd37575', endColorstr='#ffc55757', GradientType=0); border: 1px solid #ac6060; color: #fff !important; text-shadow: 0 0 2px #3b1f1f; border-radius: 5px; cursor: pointer; text-decoration: none }
    .button-t-red:hover { background-color: #c75656; background-image: -moz-linear-gradient(top,#cd6262,#be4444); background-image: -webkit-gradient(linear,0 0,0 100%,from(#cd6262),to(#be4444)); background-image: -webkit-linear-gradient(top,#cd6262,#be4444); background-image: -o-linear-gradient(top,#cd6262,#be4444); background-image: linear-gradient(to bottom,#cd6262,#be4444); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd6262', endColorstr='#ffbe4444', GradientType=0) }
    .button-t-red:active { background-color: #c95656; background-image: -moz-linear-gradient(top,#c74e4e,#cd6262); background-image: -webkit-gradient(linear,0 0,0 100%,from(#c74e4e),to(#cd6262)); background-image: -webkit-linear-gradient(top,#c74e4e,#cd6262); background-image: -o-linear-gradient(top,#c74e4e,#cd6262); background-image: linear-gradient(to bottom,#c74e4e,#cd6262); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc74e4e', endColorstr='#ffcd6262', GradientType=0) }
.button-g-black { border-radius: 3px; background-color: #373737; background-image: -moz-linear-gradient(top,#494949,#1d1d1d); background-image: -webkit-gradient(linear,0 0,0 100%,from(#494949),to(#1d1d1d)); background-image: -webkit-linear-gradient(top,#494949,#1d1d1d); background-image: -o-linear-gradient(top,#494949,#1d1d1d); background-image: linear-gradient(to bottom,#494949,#1d1d1d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff1d1d1d', GradientType=0); border: 1px solid #202020; color: #ccc !important; text-align: center; box-shadow: 1px 1px 2px 0 #a9a9a9 }
    .button-g-black:active { background-color: #353535; background-image: -moz-linear-gradient(top,#2f2f2f,#3c3c3c); background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f2f2f),to(#3c3c3c)); background-image: -webkit-linear-gradient(top,#2f2f2f,#3c3c3c); background-image: -o-linear-gradient(top,#2f2f2f,#3c3c3c); background-image: linear-gradient(to bottom,#2f2f2f,#3c3c3c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f2f2f', endColorstr='#ff3c3c3c', GradientType=0) }
.button-g-blue { border-radius: 3px; background-color: #36519f; background-image: -moz-linear-gradient(top,#4061b3,#273a80); background-image: -webkit-gradient(linear,0 0,0 100%,from(#4061b3),to(#273a80)); background-image: -webkit-linear-gradient(top,#4061b3,#273a80); background-image: -o-linear-gradient(top,#4061b3,#273a80); background-image: linear-gradient(to bottom,#4061b3,#273a80); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4061b3', endColorstr='#ff273a80', GradientType=0); border: 1px solid #a7adbf; color: #fff !important; text-align: center; box-shadow: 1px 1px 2px 0 #a9a9a9 }
    .button-g-blue:active { background-color: #355195; background-image: -moz-linear-gradient(top,#334d8d,#3957a0); background-image: -webkit-gradient(linear,0 0,0 100%,from(#334d8d),to(#3957a0)); background-image: -webkit-linear-gradient(top,#334d8d,#3957a0); background-image: -o-linear-gradient(top,#334d8d,#3957a0); background-image: linear-gradient(to bottom,#334d8d,#3957a0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334d8d', endColorstr='#ff3957a0', GradientType=0) }
.button-g-green { border-radius: 3px; background-color: #366c36; background-image: -moz-linear-gradient(top,#418241,#264b26); background-image: -webkit-gradient(linear,0 0,0 100%,from(#418241),to(#264b26)); background-image: -webkit-linear-gradient(top,#418241,#264b26); background-image: -o-linear-gradient(top,#418241,#264b26); background-image: linear-gradient(to bottom,#418241,#264b26); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff418241', endColorstr='#ff264b26', GradientType=0); border: 1px solid #1e3b1e; color: #fff !important; text-align: center; box-shadow: 1px 1px 2px 0 #a9a9a9 }
    .button-g-green:active { background-color: #336733; background-image: -moz-linear-gradient(top,#306030,#397139); background-image: -webkit-gradient(linear,0 0,0 100%,from(#306030),to(#397139)); background-image: -webkit-linear-gradient(top,#306030,#397139); background-image: -o-linear-gradient(top,#306030,#397139); background-image: linear-gradient(to bottom,#306030,#397139); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff306030', endColorstr='#ff397139', GradientType=0) }
.button-g-lightgreen { border-radius: 3px; background-color: #0fc0b5; background-image: -moz-linear-gradient(top,#0bcbc3,#16afa1); background-image: -webkit-gradient(linear,0 0,0 100%,from(#0bcbc3),to(#16afa1)); background-image: -webkit-linear-gradient(top,#0bcbc3,#16afa1); background-image: -o-linear-gradient(top,#0bcbc3,#16afa1); background-image: linear-gradient(to bottom,#0bcbc3,#16afa1); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0bcbc3', endColorstr='#ff16afa1', GradientType=0); border: 1px solid #00beb3; color: #fff !important; text-align: center; box-shadow: 1px 1px 2px 0 #a9a9a9 }
    .button-g-lightgreen:active { background-color: #09a49e; background-image: -moz-linear-gradient(top,#089b95,#0ab3ac); background-image: -webkit-gradient(linear,0 0,0 100%,from(#089b95),to(#0ab3ac)); background-image: -webkit-linear-gradient(top,#089b95,#0ab3ac); background-image: -o-linear-gradient(top,#089b95,#0ab3ac); background-image: linear-gradient(to bottom,#089b95,#0ab3ac); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff089b95', endColorstr='#ff0ab3ac', GradientType=0) }
.button-g-grey { border-radius: 3px; background-color: #e8e8e8; background-image: -moz-linear-gradient(top,#efefef,#dedede); background-image: -webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#dedede)); background-image: -webkit-linear-gradient(top,#efefef,#dedede); background-image: -o-linear-gradient(top,#efefef,#dedede); background-image: linear-gradient(to bottom,#efefef,#dedede); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffdedede', GradientType=0); border: 1px solid #989898; color: #393939 !important; text-align: center; box-shadow: 1px 1px 2px 0 #c9c9c9 }
    .button-g-grey:active { background-color: #dbdbdb; background-image: -moz-linear-gradient(top,#d6d6d6,#e2e2e2); background-image: -webkit-gradient(linear,0 0,0 100%,from(#d6d6d6),to(#e2e2e2)); background-image: -webkit-linear-gradient(top,#d6d6d6,#e2e2e2); background-image: -o-linear-gradient(top,#d6d6d6,#e2e2e2); background-image: linear-gradient(to bottom,#d6d6d6,#e2e2e2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd6d6d6', endColorstr='#ffe2e2e2', GradientType=0) }
.ui-dialog { position: absolute; left: 0; display: none; top: 0; z-index: 110 }
    .ui-dialog .ui-dialog-loading-status { display: none }
    .ui-dialog .inner { position: relative }
    .ui-dialog .ui-dialog-close { position: absolute; right: 2px; top: 2px; z-index: 10; display: block; cursor: pointer }
    .ui-dialog .mod { margin: 0 }
.ui-dialog-basic .ui-dialog-close { right: 10px; top: 8px; overflow: hidden; font-size: 14px; padding: 3px 5px; font-family: Verdana; color: #333; font-weight: 700 }
.ui-dialog-basic .mod { background: #fff }
    .ui-dialog-basic .mod .hd { padding: 0 40px 0 15px; line-height: 42px; background: #f4f4f4 }
        .ui-dialog-basic .mod .hd .icon { margin: 12px 10px 0 0; float: left }
        .ui-dialog-basic .mod .hd .title { font-size: 16px; font-weight: 700 }
    .ui-dialog-basic .mod .bd { padding: 15px; background: 0 0 }
.ui-dialog-bolder { background: url(../asset/dialog-border-bg.png) center center }
    .ui-dialog-bolder .inner { margin: 8px }
.ui-dialog-loading .ui-dialog-loading-status { display: block }
.login-dialog .hd { background: #f4f4f4 }
.login-dialog .bd { padding: 20px 15px 10px !important }
    .login-dialog .bd .lpic { width: 75px; padding-top: 5px }
        .login-dialog .bd .lpic label { font-size: 14px }
    .login-dialog .bd .item { margin-bottom: 15px }
        .login-dialog .bd .item .text-border { width: 220px; height: 20px; font-size: 14px; color: #666 }
    .login-dialog .bd .forget-password { color: #666; margin-left: 10px; font-size: 12px }
    .login-dialog .bd .authCode img { border: 1px solid #ccc; margin-right: 9px }
    .login-dialog .bd .authCode .text-border { width: 104px }
    .login-dialog .bd .button-area .lpic { padding-top: 10px }
    .login-dialog .bd .button-area label { color: #666; font-size: 12px }
        .login-dialog .bd .button-area label input { margin-right: 2px; vertical-align: -3px }
    .login-dialog .bd .reg-btn { color: #09f; font-size: 14px; margin-left: 10px }
        .login-dialog .bd .reg-btn:hover { text-decoration: underline }
    .login-dialog .bd .authorization { color: #666; padding-top: 10px; margin: 15px 0 0 75px; border-top: 1px solid #E9E9E9 }
        .login-dialog .bd .authorization a, .login-dialog .bd .authorization img, .login-dialog .bd .authorization span { vertical-align: middle }
.owner-ban-dialog .bd { font-size: 12px }
    .owner-ban-dialog .bd .radio { margin-right: 3px; vertical-align: -2px }
    .owner-ban-dialog .bd li { margin-bottom: 10px }
    .owner-ban-dialog .bd .buttons { text-align: right; margin-top: 10px; padding-top: 10px }
        .owner-ban-dialog .bd .buttons .error { float: left; color: red }
    .owner-ban-dialog .bd textarea { width: 96%; height: 50px }
.ui-helper-hidden-accessible { display: none !important }
.email-suggest { background: #FAFAFA; border: 1px solid #C5C7D2; border-radius: 0; position: absolute }
    .email-suggest li { padding: 1px }
        .email-suggest li a { cursor: pointer; display: block; padding: 5px; font-size: 12px; font-family: Arial }
            .email-suggest li a.ui-state-focus, .email-suggest li a.ui-state-hover, .email-suggest li a:hover { background: #dedede }
.button-emotion { display: inline-block; width: 24px; height: 25px; background: url(../asset/btn-emotion.png?bust=1) no-repeat; overflow: hidden }
.emotions { display: none; position: absolute; clear: both; visibility: visible; z-index: 1001; width: 450px }
    .emotions .top { height: 15px; background: #F7F7F7 }
    .emotions .arrow { position: absolute; top: -7px; left: 5px; font-size: 16px }
        .emotions .arrow em { position: absolute }
            .emotions .arrow em.t { color: #fff }
            .emotions .arrow em.b { color: #A0A0A0; top: -1px }
    .emotions .inner { background: #FFF; border: 1px solid #A0A0A0 }
    .emotions ul { width: 440px; margin: 10px 0 10px 8px; overflow: hidden }
        .emotions ul:after, .emotions ul:before { display: table; content: ""; line-height: 0 }
        .emotions ul:after { clear: both }
    .emotions li { float: left; height: 28px; overflow: hidden; padding: 0 1px 1px 0; width: 28px }
        .emotions li a { border: 1px solid #EDEDED; display: block; height: 26px; overflow: hidden; text-align: center; width: 26px }
            .emotions li a:hover { background: #D3EFF6; border: 1px solid #2C89A8 }
.ui-flyout { display: none; padding: 10px; background: url(../asset/crossword.png); font-size: 14px; border: 1px solid #ccc }
    .ui-flyout .close { position: absolute; right: 10px; top: 8px; color: #ccc }
.ui-flyout-box { box-shadow: 0 0 3px #c7c7c7 }
.ui-flyout-confirm { border: 1px solid #B9B9B9; text-align: center; padding: 6px 10px; box-shadow: 0 1px 5px silver; border-radius: 5px }
    .ui-flyout-confirm p.text { font-size: 12px; border: 1px solid #dedede; background-color: #f9f9f9; margin-bottom: 10px; padding: 5px 8px; text-align: center; color: #f60; line-height: 1.8em }
    .ui-flyout-confirm .flyout-arrow { display: none }
.ui-info-ok, .ui-info-waiting, .ui-info-warning { padding: 8px 10px; border-width: 1px; border-style: solid; font-size: 12px }
.ui-info-ok { background-color: #f1fce8; border-color: #82ae5f; color: #6b9848 }
.ui-info-warning { background-color: #FEF1EC; border-color: #CD0A0A; color: #CD0A0A }
.ui-info-waiting { background-color: #f7fcff; border-color: #3898e2; color: #3898e2 }
    .ui-info-waiting img { margin-right: 3px }
.overlay { background: #000; opacity: .2; filter: alpha(opacity=20); zoom: 1; width: 100%; position: absolute; left: 0; top: 0; z-index: 5 }
.pagination { padding: 15px 30px; color: #666; text-align: center }
    .pagination a, .pagination span { display: inline-block; padding: 0 5px; height: 20px; line-height: 20px; margin: 0 2px; text-align: center; font-family: Arial; font-size: 12px; color: #979797; border-radius: 2px; background-color: #F1F1F1; vertical-align: middle }
        .pagination a:hover, .pagination span:hover { background-color: #e7e7e7 }
        .pagination a.current, .pagination span.current { color: #fff; background-color: #666 }
    .pagination .next, .pagination .prev { color: #999; width: auto }
    .pagination .counts { vertical-align: middle; color: #999; font-size: 12px; width: auto }
        .pagination .counts, .pagination .counts span { background: 0 0 }
.ui-tags { width: 81% }
.ui-share a { background: url(../asset/sprite-share.png) no-repeat; display: inline-block; width: 16px; height: 16px; padding-right: 1px; overflow: hidden; cursor: pointer }
.ui-share a, .ui-share span { vertical-align: middle }
.ui-share .share-sina { background-position: 0 -20px }
.ui-share .share-qzone { background-position: 0 0 }
.ui-share .share-renren { background-position: 0 -60px }
.ui-share .share-kaixin { background-position: 0 -120px }
.ui-share .share-tenwb { background-position: 0 -80px }
.ui-share .share-baidu { background-position: 0 -40px }
.ui-share .share-douban { background-position: 0 -100px }
.ui-toast { position: fixed; z-index: 30; left: 50%; bottom: 100px; display: none; font-size: 14px; padding: 8px 20px; border-radius: 3px; box-shadow: 0 1px 6px #272727,inset 0 1px 0 #A8A3A3; color: #fff; background: #414141 }
.ui-tags { background: #fff; border: 1px solid #999; position: relative; padding-bottom: 0; zoom: 1 }
    .ui-tags:after, .ui-tags:before { display: table; content: ""; line-height: 0 }
    .ui-tags:after { clear: both }
    .ui-tags .input-tags { border: 1px solid #fff; height: 18px; line-height: 18px; margin: 3px; width: 50px !important; font-size: 12px }
    .ui-tags .names-tags li { position: relative; display: inline-block; float: left; margin: 3px }
        .ui-tags .names-tags li a { border-radius: 3px; display: block; float: left; background: #333; padding: 0 18px 0 4px; height: 18px; line-height: 18px; border: 1px solid #000; white-space: nowrap; color: #fff !important; font-size: 12px }
            .ui-tags .names-tags li a:hover { background: #000 }
                .ui-tags .names-tags li a:hover .rm { background-position: left bottom }
            .ui-tags .names-tags li a .rm { cursor: pointer; width: 11px; height: 11px; overflow: hidden; display: block; position: absolute; right: 4px; top: 5px; background: url(../asset/btn-tag-del.gif) no-repeat }
.play-audio { display: inline-block; width: 50px; height: 18px; line-height: 18px; padding: 0 5px; margin-left: 5px; text-align: right; background: #7C7874; font-family: Arial; border-radius: 5px; color: #fff !important; white-space: nowrap; position: relative }
    .play-audio i { position: absolute; width: 0; height: 0; border-style: solid; display: block; overflow: hidden; border-bottom: 5px solid transparent; border-left: 5px solid #fff; border-right: none; border-top: 5px solid transparent; top: 4px; left: 8px }
html.ie6 .play-audio i { border-top-color: tomato; border-bottom-color: tomato; filter: chroma(color=#ff6347) }
.play-audio i.stop { width: 7px; height: 7px; top: 5px; border: none; background: #fff }

.mod .clean-bd { padding: 0 }
.mod-clean { margin-bottom: 0 !important }
    .mod-clean .bd, .mod-clean .hd { padding: 0 !important }
.clean-inside-mod, .mod-clean-y { margin-bottom: 0 }
    .clean-inside-mod .bd, .clean-inside-mod .hd, .mod-clean-y .bd, .mod-clean-y .hd { padding-top: 0 !important; padding-bottom: 0 !important }
.mod-main .hd { padding-bottom: 30px }
    .mod-main .hd h2 { font-size: 20px }
.tab-choose a { vertical-align: middle; padding: 0 7px; display: inline-block; min-width: 80px; height: 36px; line-height: 36px; font-weight: 700; color: #fff; text-align: center; background: #ccc; position: relative }
    .tab-choose a.active { color: #fff; background: #999 }
        .tab-choose a.active i { position: absolute; left: 50%; bottom: -15px; margin-left: -10px; display: inline-block; width: 0; height: 0; line-height: 0; font-size: 0; border-width: 10px; border-color: #999 transparent transparent; border-style: solid dashed dashed }
    .tab-choose a .count { font-size: 12px; color: #f60 }
.comments .hd .add { float: right; color: #09c }
.comments li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ECECEC }
    .comments li:last-child { border-bottom: none; margin-bottom: 0 }
.comments .left { text-align: center; width: 45px; padding-right: 10px }
    .comments .left img { width: 40px; border-radius: 100% }
    .comments .left p { margin-bottom: 10px }
    .comments .left a { color: #369; margin: 0 auto; display: block; font-size: .75em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.comments .right h3 { font-size: 1em; font-weight: 400; padding: 5px 0; margin-bottom: 5px }
    .comments .right h3 a { color: #2e79bd }
    .comments .right h3 .top { color: #393 }
    .comments .right h3 .good { color: #c63 }
.comments .summary { line-height: 1.3em; font-size: .875em; margin-bottom: 3px; word-break: break-all; word-wrap: break-word }
    .comments .summary, .comments .summary a { color: #666 }
.comments .controls { text-align: right; padding-right: 5px }
    .comments .controls a { font-size: .75em; color: #999; margin-left: 3px }
    .comments .controls .name { float: left; font-size: .75em; margin-left: 0; margin-top: 4px; padding-left: 15px; background: url(../asset/mobile-user-icon.png) no-repeat left center }
    .comments .controls .reply { background: url(../asset/mobile-reply-icon.png) no-repeat left center; padding-left: 15px }
.comments .time { font-size: .75em; color: #999; background: url(../asset/mobile-time-icon.png) no-repeat left center; padding-left: 15px }
.comments .form { padding: 0 5px }
    .comments .form .content { line-height: 1.8em; margin-bottom: 10px }
        .comments .form .content, .comments .form .content a { color: #666 }
            .comments .form .content a { font-weight: 700 }
    .comments .form textarea { display: block; background: #fff; border: 1px solid #bfbfbf; padding: 10px; width: 78%; overflow: hidden; height: 1.1em; resize: none }
    .comments .form .submit { float: right; width: 56px; height: 34px; line-height: 34px; margin-right: 10px; font-size: 14px }
.comments .reply-list { padding: 10px; background: #f7f7f7; border-radius: 3px; margin-top: 6px; border: 1px solid #e0e0e0; margin-bottom: 10px; position: relative }
    .comments .reply-list .ico { position: absolute; top: -6px; right: 30px; display: block; width: 11px; height: 6px; background: url(../asset/mobile-reply-list-arrow.png) no-repeat left top }
    .comments .reply-list li { border-bottom: 1px solid #e6e6e6 }
        .comments .reply-list li br { display: none }
        .comments .reply-list li:last-child { border: none; margin: 0 }
    .comments .reply-list .more { border-top: 1px solid #e6e6e6; padding-top: 10px; text-align: center; font-size: .875em }
        .comments .reply-list .more a { color: #09c }
body, html { height: 100% }

@media screen and (max-device-width:480px) {
    body { -webkit-text-size-adjust: none }
}

@media screen and (max-device-width:320px) {
    body { font-size: 18px }
}

a { text-decoration: none; color: #666 }
body { overflow-x: hidden; font-size: 16px; color: #666; background: #fff }
.container { padding-top: 10px; background: url(../asset/body-bg.png); padding-bottom: 10px }
.mod { margin: 10px }
.mod-back { margin-top: 30px; font-size: .875em }
    .mod-back .bd { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 3px }
    .mod-back a, .mod-back span { vertical-align: middle }
    .mod-back .home { display: inline-block; width: 16px; height: 16px; background: url(../asset/breadcrumb-icon-home.png) no-repeat }
    .mod-back .divide { display: inline-block; width: 5px; height: 9px; margin: 0 3px; background: url(../asset/arrow-breadcrumb.gif) no-repeat }
.empty { padding: 15px 0; color: #999 }
.top-alert .alert { margin-top: -10px; border-radius: 0; box-shadow: 0 2px 5px 0 #afafaf }
.page-title { padding: 0 10px; font-size: 1em; font-weight: 400; color: #333; text-shadow: 1px 1px 1px #fff; margin-bottom: 15px }
.block { margin: 0 10px 15px; background: #fff; border: 1px solid #ddd }
    .block .hd { padding: 10px; border-bottom: 1px solid #E2B4AC }
        .block .hd h4 { font-weight: 400; color: #a44b3b }
    .block .tab-switch { padding: 0 }
        .block .tab-switch:after, .block .tab-switch:before { display: table; content: ""; line-height: 0 }
        .block .tab-switch:after { clear: both }
        .block .tab-switch .item { text-align: center; float: left; width: 50%; height: 40px; line-height: 40px; font-size: 1em }
        .block .tab-switch .active { background: #CCBA8A; color: #fff }
    .block .bd { padding: 10px }
    .block .ft.more { border-top: 1px solid #ddd }
    .block .ft .btn { height: 30px; line-height: 30px; font-size: .875em }
.column-list ul:after, .column-list ul:before { display: table; content: ""; line-height: 0 }
.column-list ul:after { clear: both }
.column-list .bd { padding-bottom: 0 }
.column-list li { float: left; width: 25%; text-align: center; padding-bottom: 10px }
.column-list img { width: 80%; max-width: 100px; height: 110px; border: 1px solid #CBA; padding: 1px; box-shadow: 0 0 3px 0 #ccc, }
.column-list .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: .75em }
.reply-list li { border-bottom: 1px dotted #dfdfdf }
    .reply-list li .name { color: #960 }
    .reply-list li .right { padding-top: 5px }
    .reply-list li:last-child { border-bottom: none }
.recommend ul:after, .recommend ul:before { display: table; content: ""; line-height: 0 }
.recommend ul:after { clear: both }
.recommend ul .column-2 { float: none; width: auto; padding: 0; margin-bottom: 5px; height: 115px }
    .recommend ul .column-2:after, .recommend ul .column-2:before { display: table; content: ""; line-height: 0 }
    .recommend ul .column-2:after { clear: both }
    .recommend ul .column-2 .left { padding-right: 16px }
        .recommend ul .column-2 .left img { border: 1px solid #CBA; padding: 1px; box-shadow: 0 0 3px 0 #ccc }
    .recommend ul .column-2 .right { white-space: normal; padding-top: 5px }
        .recommend ul .column-2 .right a { color: #333 }
        .recommend ul .column-2 .right .summary { height: 6em; line-height: 1.6em; padding: 5px 10px 0 0; font-size: .8em; overflow: hidden; color: #666; float: left; }

.recommend ul i { float: left; margin: 5px 8px 0 5px; width: 5px; height: 5px; background: #960 }
.recommend ul li { padding: 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
    .recommend ul li a { color: #666; float: left; }

    .recommend ul li span { color: #960; margin-right: 10px; font-size: 12px; }
        .recommend ul li span a { float: none; }

.recommend ul .highlight a { color: #2991CC }
.simple-list:after, .simple-list:before { display: table; content: ""; line-height: 0 }
.simple-list:after { clear: both }
.simple-list li { border-bottom: 1px dotted #dfdfdf }
    .simple-list li a { padding: 8px 0; display: block }
    .simple-list li:last-child { border-bottom: none }
.breadcrumb { font-size: .875em; margin-top: 0 }
    .breadcrumb, .breadcrumb a { color: #999 }
        .breadcrumb.bottom { margin-top: 15px; margin-bottom: 15px }
.form-horizontal h4 { text-align: center; background: #f4f4f4; padding: 5px 0 }
.form-horizontal .submit-item { margin-top: 10px }
.form-horizontal .item { padding: 5px }
.form-horizontal .item-label { float: left; padding-right: 10px; padding-top: 2px }
.form-horizontal .item-control { overflow: hidden }
.form-horizontal .forget { margin-left: 10px; color: #06c }
.form-horizontal .text { border: 1px solid #ccc; border-radius: 3px; width: 95%; padding: 3px }
.form-horizontal .text-code { width: 30% }
.form-horizontal .code { border: 1px solid #ccc }
.form-horizontal .button { width: 100% }
.slide-ad { margin: 10px 0; text-align: center }
    .slide-ad img { box-shadow: 0 0 2px 0 #b1b1b1; max-height: 100px; max-width: 480px; width: 100% }
.btn { display: inline-block; height: 26px; line-height: 26px; text-align: center; background-color: #f1f1f1; background-image: -moz-linear-gradient(top,#f1f1f1,#f1f1f1); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f1f1f1,#f1f1f1); background-image: -o-linear-gradient(top,#f1f1f1,#f1f1f1); background-image: linear-gradient(to bottom,#f1f1f1,#f1f1f1); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#fff1f1f1', GradientType=0); color: #838383; padding: 0 30px; border: none; border-radius: 0 }
.btn-auto { width: 100%; padding: 0 }
.btn-blue { background-color: #6bace4; background-image: -moz-linear-gradient(top,#6bace4,#6bace4); background-image: -webkit-gradient(linear,0 0,0 100%,from(#6bace4),to(#6bace4)); background-image: -webkit-linear-gradient(top,#6bace4,#6bace4); background-image: -o-linear-gradient(top,#6bace4,#6bace4); background-image: linear-gradient(to bottom,#6bace4,#6bace4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6bace4', endColorstr='#ff6bace4', GradientType=0); color: #fff }
.btn-orange { background-color: #ee8d4d; background-image: -moz-linear-gradient(top,#ee8d4d,#ee8d4d); background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee8d4d),to(#ee8d4d)); background-image: -webkit-linear-gradient(top,#ee8d4d,#ee8d4d); background-image: -o-linear-gradient(top,#ee8d4d,#ee8d4d); background-image: linear-gradient(to bottom,#ee8d4d,#ee8d4d); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee8d4d', endColorstr='#ffee8d4d', GradientType=0); color: #fff }
.btn.small { height: 22px; line-height: 22px; padding: 0 10px; font-size: .75em }
.btn-link { color: #6BACE4 }
    .btn-link.grey { color: #666 }
input.btn-link { display: inline; background: 0 0; border: none }
input.btn { height: 30px; line-height: 30px }
.header { z-index: 1; position: relative; font-size: .875em }
    .header .top { height: 54px; line-height: 54px; padding: 0 10px 0 100px; background: url(../asset/header-top-bg.png); border-bottom: 1px solid #494949; font-size: 1em }
        .header .top, .header .top a { color: #ccc }
            .header .top a { float: left; width: 20%; line-height: 54px }
    .header .bottom { height: 40px; line-height: 40px; padding: 0 10px 0 100px; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #d6d6d6; background: #f5f5f5 }
        .header .bottom a { color: #960; float: left; width: 20%; text-align: center; font-weight: 900; }

        .header .bottom .divide { color: #ccc }
    .header .my a { color: #666 }
    .header .accounts { float: right }
        .header .accounts a { color: #666; margin-left: 5px }
        .header .accounts span img { vertical-align: -7px }
    .header .logo { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); text-align: left; font-weight: 900; font-size:16px }
    .header .tag a { color: #757575 }
.channel { background: url(../asset/body-bg.png); padding: 10px 10px 0; font-size: .875em; position: relative; z-index: 1 }
    .channel:after, .channel:before { display: table; content: ""; line-height: 0 }
    .channel:after { clear: both }
    .channel a { float: left; width: 33%; height: 30px; line-height: 30px; text-align: center; background: #828282; color: #fff; margin-bottom: 1px; }
    .channel .xuanyi { width: 34%; box-sizing: border-box; border-left: 1px solid #d2ccc6; border-right: 1px solid #fff }
.loginbox { margin: 30px 20px; padding-bottom: 100px; }
    .loginbox .p1 { position: relative; margin-top: 30px; line-height: 50px }
    .loginbox .p2 { position: absolute; top: 0px; left: 60px; right: 20px; }
        .loginbox .p2 input { border-radius: 5px; border: 1px solid #ddd; padding: 5px; width: 100%; }
.loginbtn { background: #4F4F4F; padding: 7px 20px; font-size: 12px; border-radius: 5px; color: #fff; }
.loginbox .goregister { margin-left: 10px; font-size: 12px; color: #999; }
.loginbox .repass { font-size: 12px; }
.userbox { min-height: 300px; padding-bottom: 50px; }

.user1 { border-bottom: 1px solid #ddd; margin: 10px; padding: 10px 0px; text-align: center }
.userinfo { position: relative; margin: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
    .userinfo .l .cover { border-radius: 50%; }
    .userinfo .r { position: absolute; top: 0px; left: 80px; line-height: 25px; }
.userbox .usermenu { margin: 10px; }
    .userbox .usermenu li { position: relative; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 5px; }
    .userbox .usermenu a { position: absolute; top: 0px; left: 40px; right: 0px; height: 30px; line-height: 30px; background: url("/style/youjiantou.png") no-repeat right }

.userbox .vipbox { height: 100px; display: none; }
    .userbox .vipbox a { position: relative; display: block }

.userbox .ubox { position: relative; margin: 30px 20px; }
.userbox .d2 { position: absolute; top: 0px; left: 70px; right: 20px; }
    .userbox .d2 input { border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; width: 100%; }

.userbox .c1 { margin: 20px; }
.userbox .c2 { margin: 20px; }
    .userbox .c2 input { width: 95%; padding: 5px 9px; border: 1px solid #ddd; border-radius: 5px; }
.userbox .c3 { margin: 20px; }

.channel .active { background: #4F4F4F }
.footer { background: #333 }
    .footer, .footer a { color: #999 }
        .footer .section { padding: 0 10px 10px }
        .footer .nav { padding-top: 20px }
            .footer .nav a { margin-right: 5px }
        .footer .copyright { font-family: Arial }
        .footer .copy, .footer .time { font-size: .75em }
        .footer h4 { margin-bottom: 6px }
            .footer h4, .footer h4 a { color: #ccc }
        .footer .kefu p { line-height: 1.6em }
.donate-list { font-size: .875em; margin-bottom: 0 }
    .donate-list .right h3 a, .donate-list .right h3 img, .donate-list .right h3 span { vertical-align: middle }
    .donate-list .right h3 .count { margin: 0 3px; color: #f60; font-weight: 700 }
.chapter-list { text-shadow: 0 0 1px #ddd }
    .chapter-list .hd .item { width: 50%; padding: 0 }
    .chapter-list li { padding: 8px 10px 8px 2px; border-bottom: 1px solid #e7e7e7; font-size: .875em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
        .chapter-list li a { color: #777 }
        .chapter-list li:last-child { border-bottom: none }
.donate-form .donate-items { margin-bottom: 5px; border-bottom: 1px solid #E2B4AC }
    .donate-form .donate-items label { display: block; padding: 6px 0; color: #666; border-bottom: 1px dotted #d1d1d1 }
        .donate-form .donate-items label img, .donate-form .donate-items label input, .donate-form .donate-items label span { vertical-align: middle }
        .donate-form .donate-items label .name { color: #333 }
        .donate-form .donate-items label .count { color: #f60 }
        .donate-form .donate-items label.last { border: none }
.download { background: #37322e; text-align: center; position: relative; display: none; border-top: 1px solid #656260; border-bottom: 1px solid #656260 }
    .download a { display: block; padding: 15px 0 }
    .download img { height: 48px; display: block; margin: 0 auto }
    .download .close { display: block; width: 16px; height: 16px; background: url(../asset/download-close.png?2) rgba(255,255,255,.3) no-repeat center center; cursor: pointer; border-radius: 100%; position: absolute; right: 5px; top: 5px }
.index .container { padding-bottom: 0; padding-top: 5px }
.index .billboard { overflow: hidden; background: 0 0; box-shadow: 0 1px 5px rgba(0,0,0,.85),inset 0 0 1px rgba(255,255,255,.35) }
    .index .billboard .bd { border-top: none; padding: 0 }
    .index .billboard .imgs { overflow: hidden; position: relative; font-size: 0 }
        .index .billboard .imgs a { float: left; width: 100%; position: relative }
    .index .billboard img { width: 100% }
    .index .billboard .handles { position: absolute; right: 10px; bottom: 10px; width: 100%; text-align: center }
        .index .billboard .handles span { display: inline-block; width: 10px; height: 10px; margin: 0 2px; background: #ebebeb; cursor: pointer }
            .index .billboard .handles span.active { background: #F5C86C }
.index .rank-switch .hd .item { width: 33% }
    .index .rank-switch .hd .item:last-child { width: 34% }
.index .rank-switch .bd { padding: 0 }
    .index .rank-switch .bd li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 10px; border-bottom: 1px solid #eee }
        .index .rank-switch .bd li a { color: #666 }
        .index .rank-switch .bd li:last-child { border-bottom: none }
    .index .rank-switch .bd .more { border-bottom: none; text-align: right }
        .index .rank-switch .bd .more a { color: #960; font-weight: 700 }
    .index .rank-switch .bd span { display: inline-block; line-height: 20px; width: 20px; height: 20px; margin-right: 10px; font-size: .75em; border-radius: 10px; background: #f0f0f0; font-family: Arial; text-align: center; color: #666 }
    .index .rank-switch .bd .t span { background: #e99a00; color: #fff }
.index .words { margin-top: 10px; padding: 10px; font-size: .875em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #999 }
    .index .words a { color: #960 }
.index .search-form { padding-top: 10px }
.home .reading .bd { padding: 0 10px }
.home .reading li { padding: 10px 0; border-bottom: 1px dotted #ccc }
    .home .reading li:last-child { border-bottom: none }
    .home .reading li p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
    .home .reading li .name { font-size: 1em }
        .home .reading li .name a { color: #960 }
    .home .reading li .continue, .home .reading li .read { float: right; margin-top: 6px; font-size: .75em; padding: 0 7px; border-radius: 3px; height: 26px; line-height: 26px }
    .home .reading li p { margin-top: 6px; font-size: .75em }
        .home .reading li p, .home .reading li p a { color: #999 }
.cover .detail .left { padding-right: 16px }
    .cover .detail .left img { box-shadow: 0 0 3px #333; border: 1px solid #CBA; padding: 1px; }
.cover .detail .right { padding-top: 3px }
    .cover .detail .right h1 { font-weight: 400; font-size: 1.4em; text-shadow: 0 0 1px #ddd; color: #333; height: 1.7em }
    .cover .detail .right .info { font-size: .75em; line-height: 1.6em; text-shadow: 0 0 1px #ddd }
    .cover .detail .right .status { float: right; padding: 3px 6px; font-size: .75em; margin-top: -2em; color: #fff; border-radius: 10px }
    .cover .detail .right .is-serialize { background: #977fb9 }
    .cover .detail .right .is-finish { background: #c8923d }
        .cover .detail .right .is-finish i { display: inline-block; width: 4px; height: 4px; border-radius: 100%; border: 2px solid #fff; margin-left: 3px }
.cover .detail .ft { padding-top: 15px }
    .cover .detail .ft table { width: 100% }
        .cover .detail .ft table a { display: block; height: 36px; line-height: 36px; border: 1px solid; text-align: center; font-size: .875em; background: #FAF6F2; color: #aaa }
    .cover .detail .ft .read { background: #B9A886; color: #fff }
    .cover .detail .ft .collected { color: #AF8C44 }
    .cover .detail .ft .auto.open { color: #5AB328 }
.cover .vote { border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; margin: 10px 0; padding: 6px 10px }
    .cover .vote:after, .cover .vote:before { display: table; content: ""; line-height: 0 }
    .cover .vote:after { clear: both }
    .cover .vote li { display: block; float: left; width: 50% }
    .cover .vote a { display: block; color: #fff; text-align: center }
    .cover .vote em { font-size: .75em; color: gray }
    .cover .vote .count { display: block; font-family: Arial; font-size: 1.4em; color: #B47850 }
    .cover .vote .support { border-left: 1px solid #DADADA }
.cover .book-intro { text-indent: 2em; font-size: .8125em; line-height: 1.6em; text-shadow: 0 0 1px #ddd }
.cover .update .time { float: right; font-size: .75em; font-family: Arial; color: #999 }
.cover .update-chapter .bd { text-shadow: 0 0 1px #ddd; padding: 10px }
    .cover .update-chapter .bd a { display: block; height: 3em; font-size: .875em; line-height: 1.5em; overflow: hidden; word-break: break-all; word-wrap: break-word }
.cover .recent-donate-list .hd a { float: right; color: #09c }
.cover .recent-donate-list .donate-counts { margin-bottom: 15px }
.cover .recent-donate-list table { width: 100%; table-layout: fixed }
    .cover .recent-donate-list table td { font-size: .75em; text-align: left; color: #999; padding: 10px 0 10px 5px }
        .cover .recent-donate-list table td .count { color: #09c }
.cover .recent-donate-list .empty a { color: #f60 }
.cover .recent-donate-list .bd h4 { font-size: 1em; padding-bottom: 6px; color: #666 }
.cover .recent-donate-list ul li { margin-bottom: 5px; padding: 3px 0; color: #666; border-bottom: 1px dotted #DADADA; font-size: .875em }
    .cover .recent-donate-list ul li:last-child { border-bottom: none; margin-bottom: 0 }
    .cover .recent-donate-list ul li .name { display: inline-block; max-width: 50%; margin-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
    .cover .recent-donate-list ul li .by { font-size: .75em; color: #999 }
    .cover .recent-donate-list ul li .count { color: #09c }
    .cover .recent-donate-list ul li img { vertical-align: -2px }
    .chapter .page-title { color: #960; text-align: center; }
    .chapter .mod-page { margin-bottom: 30px }
        .chapter .mod-page .hd { font-size: .75em; margin-bottom: 20px; padding-bottom: 10px; color: #999 }
            .chapter .mod-page .hd .config { float: right; margin-top: -6px; font-size: .875em; }
                .chapter .mod-page .hd .config span { display: inline-block; height: 25px; line-height: 25px; margin-left: 5px; text-align: center; border-radius: 3px; background: #d6d6d6; cursor: pointer; padding: 2px 5px; }
                    .chapter .mod-page .hd .config span i { background: url(../asset/chapter-night-icon.png) no-repeat left bottom; display: inline-block; width: 17px; height: 17px; vertical-align: -5px }
                    .chapter .mod-page .hd .config span.active { background: #F3E7B7 }
        .chapter .mod-page .page-content { font-size: .880em }
            .chapter .mod-page .page-content p { padding-bottom: 1em; line-height: 1.6em; }
        .chapter .mod-page .font-normal p { font-size: 1.4em }
        .chapter .mod-page .font-large p { font-size: 1.6em }
        .chapter .mod-page .font-xlarge p { font-size: 1.4em }
        .chapter .mod-page .font-xxlarge p { font-size: 1.4em }
        .chapter .mod-page .font-xxxlarge p { font-size: 1.4em }
        .chapter .mod-page .ft, .chapter .mod-page .ft a { color: #999 }
            .chapter .mod-page .ft a { margin-left: 10px }
    .chapter .top-alert .btn { padding: 0 15px; height: 26px; line-height: 26px; font-size: .875em; border: 1px solid #ccc }
    .chapter .top-alert .btn-blue { border-color: #5BA1CF }
    .chapter .author-say { padding: 15px; border-top: 1px solid #E2B4AC; color: #999 }
        .chapter .author-say .name { color: #960 }
        .chapter .author-say p { padding-bottom: 10px }
    .chapter .page-control { border-top: 1px dotted #ddd; padding-top: 10px }
        .chapter .page-control .bd:after, .chapter .page-control .bd:before { display: table; content: ""; line-height: 0 }
        .chapter .page-control .bd:after { clear: both }
        .chapter .page-control a { display: block; width: 49.5%; height: 30px; line-height: 30px; text-align: center; color: #999 }
        .chapter .page-control span { font-family: Arial; font-size: 1em; font-weight: 700 }
        .chapter .page-control .prev { float: left }
            .chapter .page-control .prev span { margin-right: 5px }
        .chapter .page-control .next { float: right; color: #666 }
            .chapter .page-control .next span { margin-left: 5px }
.chapter-recommend { background: #ece4da url(../asset/chapter-last-recommend-bg-repeat-x.png) repeat-x }
    .chapter-recommend .hd { height: 60px; line-height: 60px }
        .chapter-recommend .hd .icon { float: left; width: 46px; height: 46px; margin: 8px 10px 0; background: url(../asset/chapter-last-recommend-icon.png) }
        .chapter-recommend .hd h4 { color: #8c8379 }
    .chapter-recommend .tab-choose:after, .chapter-recommend .tab-choose:before { display: table; content: ""; line-height: 0 }
    .chapter-recommend .tab-choose:after { clear: both }
    .chapter-recommend .tab-choose a { float: left; width: 50%; height: 40px; line-height: 40px; padding: 0; margin: 0; background: #d0c6ba; color: #958676 }
    .chapter-recommend .tab-choose .active { background: #998b7b; color: #fff }
        .chapter-recommend .tab-choose .active i { border-color: #998b7b transparent transparent }
    .chapter-recommend li { padding: 15px 10px; border-bottom: 1px solid #c9bfb2 }
    .chapter-recommend .bd h5 { padding-bottom: 10px; font-size: 1em }
        .chapter-recommend .bd h5 a { color: #5a4c3c }
    .chapter-recommend .bd p { font-size: .75em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
        .chapter-recommend .bd p, .chapter-recommend .bd p a { color: #998b7b }
    .chapter-recommend .bd .divide { color: #998b7b; margin: 0 3px; font-size: .875em }
    .chapter-recommend .bd .finished, .chapter-recommend .bd .unfinished { display: inline-block; padding: 2px; margin-right: 5px; color: #fff; background: #a89784 }
        .chapter-recommend .bd .finished i, .chapter-recommend .bd .unfinished i { width: 0; height: 0; border-style: solid; display: block; overflow: hidden; border-bottom: 5px solid transparent; border-left: 5px solid #a89784; border-right: none; border-top: 5px solid transparent; float: right; margin: 2px -7px 0 0 }
html.ie6 .chapter-recommend .bd .finished i, html.ie6 .chapter-recommend .bd .unfinished i { border-top-color: tomato; border-bottom-color: tomato; filter: chroma(color=#ff6347) }
.chapter-recommend .bd .unfinished { background: #84a885 }
    .chapter-recommend .bd .unfinished i { width: 0; height: 0; border-style: solid; display: block; overflow: hidden; border-bottom: 5px solid transparent; border-left: 5px solid #84a885; border-right: none; border-top: 5px solid transparent }
html.ie6 .chapter-recommend .bd .unfinished i { border-top-color: tomato; border-bottom-color: tomato; filter: chroma(color=#ff6347) }
.chapter-recommend .bd .collect, .chapter-recommend .bd .diamond, .chapter-recommend .bd .support { padding: 3px 0 2px 20px; margin-right: 5px; background: url(../asset/chapter-last-recommend-collect-icon.png) left center no-repeat }
.chapter-recommend .bd .support { padding-left: 16px; background-image: url(../asset/chapter-last-recommend-support-icon.png) }
.chapter-recommend .bd .diamond { background-image: url(../asset/chapter-last-recommend-diamond-icon.png) }
.night .header .bottom { background: #333; border-color: #666 }
.night .page-title { color: #BE9A51; text-shadow: none }
.night .mod-page .hd .config span { background: #474747 }
    .night .mod-page .hd .config span i { width: 19px; height: 19px; background-position: 0 0; vertical-align: -6px }
.night .author-say, .night .page-control { border-color: #666 }
.night .container { background-image: url(../asset/night-body-bg.png) }
.pay-notice .pay-detail .bd { line-height: 1.8em }
.pay-notice .pay-detail .count { color: #f60 }
.review .page-title { color: #960; margin-bottom: 5px }
.review .detail { margin-top: 5px; border-bottom: 1px solid #E2B4AC }
    .review .detail .info { font-size: .75em; color: #999; padding-bottom: 10px }
    .review .detail .bd { line-height: 1.6em; font-size: 1em; padding: 15px 0 0 }
        .review .detail .bd .controls { margin: 20px 0 3px; text-align: right; font-size: .875em }
            .review .detail .bd .controls a { color: #999; margin-left: 3px }
.book-all-list .hd { font-size: .875em; padding: 0 }
    .book-all-list .hd .even { background: #f4f4f4 }
    .book-all-list .hd .filter { padding: 8px 10px 3px; line-height: 2em }
        .book-all-list .hd .filter:after, .book-all-list .hd .filter:before { display: table; content: ""; line-height: 0 }
        .book-all-list .hd .filter:after { clear: both }
        .book-all-list .hd .filter a, .book-all-list .hd .filter span { float: left; line-height: 1.4em; margin-bottom: 5px }
        .book-all-list .hd .filter span { color: #000 }
        .book-all-list .hd .filter a { margin-right: 10px; color: #7C7C7C; float: left; white-space: nowrap }
            .book-all-list .hd .filter a.current { background: #1AA5DB; color: #fff; padding: 0 3px }
.book-all-list li { margin: 5px; border-bottom: 1px dotted #ddd; line-height: 1.6em }
    .book-all-list li .left { padding-right: 10px; font-family: Arial; font-size: .875em; color: #999 }
    .book-all-list li .name { color: #960 }
    .book-all-list li .update { font-size: .875em }
        .book-all-list li .update, .book-all-list li .update a { color: #636363 }
    .book-all-list li .time { font-size: .75em; color: #999 }
    .book-all-list li .words { margin-left: 3px }
    .book-all-list li .info { font-size: .875em }
        .book-all-list li .info, .book-all-list li .info a { color: #999 }
.my-pocket { font-size: 1em; line-height: 1.6em }
    .my-pocket .count { color: #960 }
.tips { margin-top: 5px; font-size: .75em; color: #999 }
.hot-list .bd { padding-top: 10px }
.hot-list li { float: left; width: 33%; text-align: center; margin-bottom: 15px }
    .hot-list li h5 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 5px 0 }
.hot-list .buttons { padding: 10px 0; text-align: center }
    .hot-list .buttons a { margin-right: 10px; color: #999 }
.record-list .bd { padding: 0 }
.record-list td form { display: inline }
.record-list td, .record-list th { font-size: .75em }
.record-list .count { color: #f60 }
.record-list tr:nth-child(odd) td { background: #f8f8f8 }
.record-list .list li { padding: 10px; border-bottom: 1px dotted #ddd }
    .record-list .list li:last-child { border-bottom: none }
.record-list .list .name { font-size: .875em; line-height: 1.6em }
.record-list .list .info { font-size: .75em; color: #666 }
    .record-list .list .info span { margin-right: 10px }
.record-list .list .num { color: #f60 }
.record-list .list .time { color: #999 }
.record-list .list .desc { margin-top: 5px; color: #999; font-size: .75em }
.other-link { margin-top: 25px; font-size: .875em; color: #999 }
    .other-link .bd { padding: 0 5px }
    .other-link .divide { margin: 0 5px }
    .other-link a { color: #960 }
.people .container { padding: 0; background: #efefef }
.people .mod { margin: 0 }
    .people .mod .hd { background: #b4ab94; color: #fff; padding: 13px 15px; font-family: 1em }
        .people .mod .hd i { display: inline-block; margin: 0 5px 0 0; float: left }
.people .my-shelf .hd i { width: 23px; height: 21px; background: url(../asset/my-shelf-icon.png) }
.people .my-shelf li { padding: 15px; border-bottom: 1px solid #e0d7d3 }
    .people .my-shelf li:last-child { border-bottom: none }
.people .my-shelf .column-2 .left { margin-right: 15px }
.people .my-shelf .column-2 .right h4 { padding: 8px 0 10px; font-size: 1.2em }
    .people .my-shelf .column-2 .right h4 a { color: #4d3d34 }
.people .my-shelf .column-2 .right p { margin-bottom: 6px; font-size: .875em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.people .my-shelf .column-2 .right .info { font-size: .75em }
    .people .my-shelf .column-2 .right .info, .people .my-shelf .column-2 .right .info a { color: #999 }
.people .my-shelf .column-2 .read { clear: both; padding-top: 10px; text-align: center }
    .people .my-shelf .column-2 .read table { width: 100% }
    .people .my-shelf .column-2 .read a { display: block; height: 40px; line-height: 40px; color: #fff; background: #807662 }
.people .my-shelf .unread { color: #918078 }
.people .my-shelf .ft { background: #e1dddb }
    .people .my-shelf .ft a { display: block; padding: 10px 0; text-align: center; color: #94847b }
.people .my-books .hd i { width: 17px; height: 21px; background: url(../asset/my-book-icon.png) }
.people .my-books li { padding: 15px; border-bottom: 1px solid #e0d7d3 }
    .people .my-books li:last-child { border-bottom: none }
    .people .my-books li .left { padding-right: 15px }
        .people .my-books li .left img { box-shadow: 0 0 3px 0 #333 }
    .people .my-books li h4 { padding: 8px 0; font-size: 1.2em }
        .people .my-books li h4 a { color: #4d3d34 }
.people .my-comments .hd i { width: 23px; height: 21px; background: url(../asset/my-comment-icon.png) }
.people .my-comments li { padding: 15px; border-bottom: 1px solid #e0d7d3 }
    .people .my-comments li:last-child { border-bottom: none }
.people .my-comments h5 { font-size: 1em; padding-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
    .people .my-comments h5 a { color: #333 }
.people .my-comments .summary { font-size: .75em; line-height: 1.6em; padding-bottom: 10px }
.people .my-comments .controls { font-size: .75em; color: #999 }
    .people .my-comments .controls a { color: #9d8963 }
.people .my-comments .time { float: left }
.search-form { padding: 5px 10px; background: url(../asset/body-bg.png) }
    .search-form table { width: 100%; table-layout: fixed }
    .search-form td { vertical-align: top }
    .search-form .text-border { padding: 6px; width: 95%; border: 1px solid #ccc; font-size: .75em; border-radius: 2px }
    .search-form .btn { font-size: .8em; height: 28px; line-height: 27px }
    .search-form label { margin-right: 5px }
    .search-form p { margin-top: 10px; font-size: .75em }
    .search-form .hot-key { font-size: .75em; padding-top: 5px }
        .search-form .hot-key a { margin-right: 5px; color: #2187EC }
        .search-form .hot-key .hot { color: #f60 }
.results { margin-top: 15px }
    .results .hd a { color: #666 }
    .results .hd span { color: #f60; font-weight: 700 }
    .results li { margin-bottom: 10px; padding: 10px; border-bottom: 1px dotted #ddd }
        .results li:last-child { border-bottom: none }
    .results .left { padding-right: 15px }
    .results .name { color: #333 }
    .results b { color: #f60; font-weight: 400 }
    .results .tags { font-size: .75em; padding-top: 10px; color: #999; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
    .results .ft { text-align: center; padding: 10px 0; font-size: .75em; font-family: Arial }
        .results .ft a { margin: 0 3px }
.book-list .left img { box-shadow: 0 0 3px 0 #ccc }
.book-list h5 { font-size: .875em; padding-bottom: 5px; font-weight: 400 }
    .book-list h5 img { vertical-align: -2px }
.book-list .status { float: right; font-size: .75em }
.book-list .is-finish { color: #c8923d }
.book-list .is-serialize { color: #977fb9 }
.book-list .time { margin-top: 10px; font-size: .75em; color: #999 }
.book-list .right { padding-top: 5px }
    .book-list .right .info { margin-bottom: 4px; color: #333 }
    .book-list .right .author { font-size: 12px; color: #999 }
        .book-list .right .author a { color: #666 }
.book-list .summary { text-indent: 2em; font-size: .75em; margin-top: 5px; color: #666; line-height: 1.6em }
.people-list .left img { border-radius: 100% }
.people-list .name { font-size: .875em }
.people-list .info { margin-top: 10px; font-size: .75em; color: #999 }
.pagelistbox { display: block; height: 28px; margin: 10px auto; }
    .pagelistbox a, .pagelistbox strong { padding: 2px 0; width: 24px; }
    .indexPage, .prePage, .nextPage, .endPage, .pagelistbox a, .pagelistbox strong { display: block; height: 22px; line-height: 22px; float: left; text-align: center; color: #666; margin-right: 2px; background: -webkit-gradient(linear, 0 0,0 100%, from(#fff), to(#fefefe)); background: -webkit-linear-gradient( top,#fff,#fefefe); background: -moz-linear-gradient( top,#fff,#fefefe); background: -o-linear-gradient( top,#fff,#fefefe); border: 1px solid #c0c0c0; font-size: 14px; }
    .pagelistbox .indexPage, .pagelistbox .prePage, .pagelistbox .nextPage, .pagelistbox .endPage { padding: 2px 0;; width: 38px; }
.tuijian { margin: 10px; }
    .tuijian span, .tuijian a { color: #850; font-size: 0.85em; }
.bd .page-content { word-wrap: break-word; word-break: normal; word-break: break-all; }
.authorsbox { }
    .authorsbox .p1 { border-bottom: 1px solid #ddd; padding: 10px; font-weight: bold; background: #fff; }
    .authorsbox ul { margin: 10px }
    .authorsbox li { float: left; width: 100px; height: 25px; line-height: 25px; margin: 3px 5px; overflow: hidden; background: #fff; padding: 5px; text-align: center }

/* �ֻ�ģʽ�µ�ͨ����ʽ */
@media (max-width: 768px) {
    a { /* ��ֹ���� */ white-space: nowrap; /* ���������������� */ overflow: hidden; /* ʹ��ʡ�Ժ���ʾ�����IJ��� */ text-overflow: ellipsis; /* ���ƿ���Ϊ150px */ display: inline-block; max-width: 220px; }
}

.breadcrumb a { white-space: normal; overflow: visible; text-overflow: clip; max-width: 100% }