@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a { background: transparent; /* transition: all 0.2s linear; */ /* -webkit-transition: all 0.2s linear; */ -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; color: #333; text-decoration: none; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: .67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; }
label { font-weight: 500; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
section, article, aside, header, footer, nav, figure { display: block; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, figure { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new,courier,monospace; }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none; }
legend { padding-bottom: 3px; border-bottom: 1px solid #e2e7eb; margin-bottom: 20px; }
.font-weight-bold { font-weight: bold !important; }
.font-weight-normal { font-weight: normal !important; }
.font-weight-light { font-weight: lighter !important; }
.font-color-nomal { color: #333 !important; }
.font-color-light { color: #666 !important; }
.font-color-lighter { color: #999 !important; }
.font-color-link { color: #00a1cc !important; }
.font-color-green { color: #0d933c !important; }
.font-color-orange { color: #f60 !important; }
.font-color-red { color: #f10000 !important; }
.font-color-fen { color: #dd1377 !important; }
.font-color-yellow { color: #efd90a !important; }
.font-32 { font-size: 32px !important; }
.font-28 { font-size: 28px !important; }
.font-24 { font-size: 24px !important; }
.font-20 { font-size: 20px !important; }
.font-18 { font-size: 18px !important; }
.font-16 { font-size: 16px !important; }
.font-14 { font-size: 14px !important; }
.font-12 { font-size: 12px !important; }
.clear-float { float: none !important; }
.clear-both { clear: both; }
.float-left { float: left !important; }
.float-right { float: right !important; }

/* Clear Fix */
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac */
.clearfix { display: block; }
/* End hide from IE Mac */
/* end of clearfix */

.vertical-top { vertical-align: top !important; }
.vertical-middle { vertical-align: middle !important; }
.vertical-baseline { vertical-align: baseline !important; }
.text-align-center { text-align: center !important; }
.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }
.text-overflow-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.margin-top-3 { margin-top: 3px !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-12 { margin-left: 12px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-47 { margin-left: 47px !important; }
.margin-left-60 { margin-left: 60px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-8 { margin-top: 8px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-12 { margin-top: 12px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-18 { margin-bottom: 18px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.padding-20 { padding: 20px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-24 { padding-left: 24px !important; }
.padding-right-24 { padding-right: 24px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.display-inline-block { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.display-none { display: none; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.width-80 { width: 80px !important; }
.width-100 { width: 100px !important; }
.width-150 { width: 150px !important; }
.width-180 { width: 180px !important; }
.width-200 { width: 200px !important; }
.width-216 { width: 216px !important; }
.width-261 { width: 261px !important; }
.width-270 { width: 270px !important; }
.width-300 { width: 300px !important; }
.width-320 { width: 320px !important; }
.width-303 { width: 303px !important; }
.width-363 { width: 363px !important; }
.width-570 { width: 570px !important; }
.width-720 { width: 720px !important; }
.width-939 { width: 939px !important; }
.width-1180 { width: 1180px !important; }
.height-150 { height: 150px !important; }
.height-250 { height: 250px !important; }
.height-370 { height: 370px !important; }
.line20 { height: 20px; }
.overflow-hidden { overflow: hidden !important; }
.background-gray { background-color: #f5f5f5 !important; }
.background-fff { background-color: #fff!important; }
.background-fen { background-color: #df1382 !important; }
.background-fen-1 { background-color: #f9e5e4 !important; }
.background-yellow { background: #f9f8e1 !important; }
.background-gree { background: #edf9e1 !important; }
.border-bottom-fen { border-bottom: 2px solid #ce0166; }
.link:hover, .link-default:hover { text-decoration: underline !important; cursor: pointer !important; }
.link-color, .link-default { color: #00a1cc !important; }
.link-default { font-size: 12px !important; }
.link-pointer { cursor: pointer; }
.line-height-percent-100 { line-height: 1 !important; }
.line-height-percent-120 { line-height: 1.2 !important; }
.line-height-20 { line-height: 20px !important; }
.line-height-32 { line-height: 32px !important; }
.list-style-type-square { list-style-type: square !important; }
.line10 { height: 10px; clear: both; }
.line20 { height: 20px; clear: both; }
.line30 { height: 30px; clear: both; }
.line40 { height: 40px; clear: both; }

.jcrop-holder { direction: ltr; text-align: left; }
/* Selection Border */
.jcrop-vline,
.jcrop-hline { background: #ffffff url("jcrop.gif"); font-size: 0; position: absolute; }
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-vline.right { right: 0; }
.jcrop-hline { height: 1px !important; width: 100%; }
.jcrop-hline.bottom { bottom: 0; }
/* Invisible click targets */
.jcrop-tracker { height: 100%; width: 100%; /* "turn off" link highlight */ -webkit-tap-highlight-color: transparent; /* disable callout, image save panel */ -webkit-touch-callout: none; /* disable cut copy paste */ -webkit-user-select: none; }
/* Selection Handles */
.jcrop-handle { background-color: #333333; border: 1px #eeeeee solid; width: 7px; height: 7px; font-size: 1px; }
.jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; }
.jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; }
.jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; }
.jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; }
.jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; }
.jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; }
.jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; }
.jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; }
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s { height: 7px; width: 100%; }
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w { height: 100%; width: 7px; }
.jcrop-dragbar.ord-n { margin-top: -4px; }
.jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; }
.jcrop-dragbar.ord-e { margin-right: -4px; right: 0; }
.jcrop-dragbar.ord-w { margin-left: -4px; }
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline { background: #ffffff; filter: alpha(opacity=70) !important; opacity: .70!important; }
.jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000000; border-color: #ffffff; border-radius: 3px; }
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline { background: #000000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; }
.jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; border-color: #000000; border-radius: 3px; }
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline { background: #ffffff; }
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview { max-width: none; }

.ui-dialog { *zoom: 1; _float: left; position: relative; background-color: #FFF; border: 1px solid #999; border-radius: 6px; outline: 0; background-clip: padding-box; font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out; }
.ui-popup-show .ui-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.ui-popup-focus .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.ui-popup-modal .ui-dialog { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3); }
.ui-dialog-grid { width: auto; margin: 0; border: 0 none; border-collapse: collapse; border-spacing: 0; background: transparent; }
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer { padding: 0; border: 0 none; text-align: left; background: transparent; }
.ui-dialog-header { white-space: nowrap; border-bottom: 1px solid #E5E5E5; }
.ui-dialog-close { position: relative; _position: absolute; float: right; top: 13px; right: 13px; _height: 26px; padding: 0 4px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #FFF; opacity: .2; filter: alpha(opacity=20); cursor: pointer; background: transparent; _background: #FFF; border: 0; -webkit-appearance: none; }
.ui-dialog-close:hover,
.ui-dialog-close:focus { color: #000000; text-decoration: none; cursor: pointer; outline: 0; opacity: 0.5; filter: alpha(opacity=50); }
.ui-dialog-title { margin: 0; line-height: 1.428571429; min-height: 16.428571429px; padding: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; cursor: default; }
.ui-dialog-body { padding: 20px; text-align: center; }
.ui-dialog-content { display: inline-block; position: relative; vertical-align: middle; *zoom: 1; *display: inline; text-align: left; }
.ui-dialog-footer { padding: 0 20px 20px 20px; }
.ui-dialog-statusbar { float: left; margin-right: 20px; padding: 6px 0; line-height: 1.428571429; font-size: 14px; color: #888; white-space: nowrap; }
.ui-dialog-statusbar label:hover { color: #333; }
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label { vertical-align: middle; }
.ui-dialog-button { float: right; white-space: nowrap; }
.ui-dialog-footer button + button { margin-bottom: 0; margin-left: 5px; }
.ui-dialog-footer button { width: auto; overflow: visible; display: inline-block; padding: 6px 12px; _margin-left: 5px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.ui-dialog-footer button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus { color: #333333; text-decoration: none; }

.ui-dialog-footer button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ui-dialog-footer button[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.ui-dialog-footer button { color: #333333; background-color: #ffffff; border-color: #cccccc; }

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active { color: #333333; background-color: #ebebeb; border-color: #adadad; }

.ui-dialog-footer button:active { background-image: none; }

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active { background-color: #ffffff; border-color: #cccccc; }

.ui-dialog-footer button.ui-dialog-autofocus { color: #ffffff; background-color: #428bca; border-color: #357ebd; }

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; }

.ui-dialog-footer button.ui-dialog-autofocus:active { background-image: none; }
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog { top: -8px; }
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog { top: 8px; }
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog { left: -8px; }
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog { left: 8px; }

.ui-dialog-arrow-a,
.ui-dialog-arrow-b { position: absolute; display: none; width: 0; height: 0; overflow: hidden; _color: #FF3FFF; _filter: chroma(color=#FF3FFF); border: 8px dashed transparent; }
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b { display: block; }
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a { bottom: -16px; border-top: 8px solid #7C7C7C; }
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b { bottom: -15px; border-top: 8px solid #fff; }
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b { left: 15px; }
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b { left: 50%; margin-left: -8px; }
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b { right: 15px; }
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a { top: -16px; border-bottom: 8px solid #7C7C7C; }
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b { top: -15px; border-bottom: 8px solid #fff; }
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b { left: 15px; }
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b { margin-left: -8px; left: 50%; }
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b { right: 15px; }
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a { right: -16px; border-left: 8px solid #7C7C7C; }
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b { right: -15px; border-left: 8px solid #fff; }
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b { top: 15px; }
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b { margin-top: -8px; top: 50%; }
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b { bottom: 15px; }
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a { left: -16px; border-right: 8px solid #7C7C7C; }
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b { left: -15px; border-right: 8px solid #fff; }
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b { top: 15px; }
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b { margin-top: -8px; top: 50%; }
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b { bottom: 15px; }


@-webkit-keyframes ui-dialog-loading {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes ui-dialog-loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ui-dialog-loading { vertical-align: middle; position: relative; display: block; *zoom: 1; *display: inline; overflow: hidden; width: 32px; height: 32px; top: 50%; margin: -16px auto 0 auto; font-size: 0; text-indent: -999em; color: #666; }
.ui-dialog-loading { width: 100%\9; text-indent: 0\9; line-height: 32px \9; text-align: center\9; font-size: 12px\9; }

.ui-dialog-loading::after { position: absolute; content: ''; width: 3px; height: 3px; margin: 14.5px 0 0 14.5px; border-radius: 100%; box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc; -webkit-transform: rotate(360deg); -webkit-animation: ui-dialog-loading 1.5s infinite linear; transform: rotate(360deg); animation: ui-dialog-loading 1.5s infinite linear; display: none\9; }

.arrow-up { width: 0px; height: 0px; border-left: .1rem solid transparent; border-right: .1rem solid transparent; border-bottom: .1rem solid yellow; /*以下属性可以是IE5兼容*/ font-size: 0px; line-height: 0px; }
/*向下箭头 ，类似 V*/
.arrow-down { width: 0px; height: 0px; border-left: .1rem solid transparent; border-right: .1rem solid transparent; border-top: .1rem solid blue; font-size: 0px; line-height: 0px; }
/*向左的箭头：只有三个边：上，下，右。而<|总体来看，向左三角形的高=上+下边框的长度。宽=右边框的长度*/
div.arrow-left { width: 0px; height: 0px; border-bottom: .1rem solid transparent; border-top: .1rem solid transparent; border-right: .1rem solid green; font-size: 0px; line-height: 0px; }
/*向右的箭头：只有三个边：上，下，左。而|>总体来看，向右三角形的高=上+下边框的长度。宽=左边框的长度*/
div.arrow-right { width: 0px; height: 0px; border-top: .1rem solid transparent; border-bottom: .1rem solid transparent; border-left: .1rem solid black; font-size: 0px; line-height: 0px; float: left; }
/*pagination*/
div.digg { margin: 0; padding: 0; text-align: left; font-size: 14px; }
div.digg a { display: block; float: left; padding: 5px 12px; margin: 0 0 0 8px; border: 1px solid #e1e2e3; line-height: 20px; height: 20px; color: #3b8dd1; background: #fff; text-decoration: none; }
div.digg a:hover { border: 1px solid #3b8dd1; }
div.digg span { display: block; float: left; padding: 5px 0; line-height: 20px; height: 20px; }
div.digg span.current { padding: 5px 12px; margin: 0 0 0 8px; color: #555; font-weight: bold; }
div.digg span.disabled { border: 1px solid #eee; padding: 5px 12px; margin: 0 0 0 8px; color: #ddd; }

/*css default style pagination*/
div.default { margin: 0; padding: 0; font-family: "Microsoft YaHei",Verdana; font-size: 12px; text-align: center; margin-top: 0.1rem; }
div.default a, div.default span { display: inline-block; /* float: left; */ margin: 2px 0 0 -1px; padding: 0.04px 0.12rem; line-height: 0.25rem; border: 1px solid #e1e1e1; background: #fff; color: #333; text-decoration: none; margin-right: .04rem; }
div.default span:first-child { border-left: 1px solid #e1e1e1; display: none; }
div.default a:hover { color: #666; background: #eee; }
div.default span.current { color: #fff; background: #57A344; border-color: #57A344; }
div.default span.disabled { color: #999; background: #fff; border-left: 0.01rem #ddd solid; }

/*css meneame style pagination*/
div.meneame { padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 3px; margin: 3px; color: #ff6500; padding-top: 3px; text-align: center; font-family: Verdana; font-size: 12px; }
div.meneame a { border-right: #ff9600 1px solid; padding-right: 7px; background-position: 50% bottom; border-top: #ff9600 1px solid; padding-left: 7px; background-image: url(meneame.jpg); padding-bottom: 5px; border-left: #ff9600 1px solid; color: #ff6500; margin-right: 3px; padding-top: 5px; border-bottom: #ff9600 1px solid; text-decoration: none; }
div.meneame a:hover { border-right: #ff9600 1px solid; border-top: #ff9600 1px solid; background-image: none; border-left: #ff9600 1px solid; color: #ff6500; border-bottom: #ff9600 1px solid; background-color: #ffc794; }
div.meneame a:active { border-right: #ff9600 1px solid; border-top: #ff9600 1px solid; background-image: none; border-left: #ff9600 1px solid; color: #ff6500; border-bottom: #ff9600 1px solid; background-color: #ffc794; }
div.meneame span.current { border-right: #ff6500 1px solid; padding-right: 7px; border-top: #ff6500 1px solid; padding-left: 7px; font-weight: bold; padding-bottom: 5px; border-left: #ff6500 1px solid; color: #ff6500; margin-right: 3px; padding-top: 5px; border-bottom: #ff6500 1px solid; background-color: #ffbe94; }
div.meneame span.disabled { border-right: #ffe3c6 1px solid; padding-right: 7px; border-top: #ffe3c6 1px solid; padding-left: 7px; padding-bottom: 5px; border-left: #ffe3c6 1px solid; color: #ffe3c6; margin-right: 3px; padding-top: 5px; border-bottom: #ffe3c6 1px solid; }

/*css flickr style pagination*/
div.flickr { padding: 0px; margin: 0px; text-align: center; font-family: Verdana; }
div.flickr a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.flickr a:hover { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.flickr a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.flickr span { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.flickr span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }

/*css scott style pagination*/

div.scott { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; font-family: Verdana; font-size: 12px; }
div.scott a { border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #88af3f; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none; }
div.scott a:hover { border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6; }
div.scott a:active { border-right: #85bd1e 1px solid; border-top: #85bd1e 1px solid; border-left: #85bd1e 1px solid; color: #638425; border-bottom: #85bd1e 1px solid; background-color: #f1ffd6; }
div.scott span.current { border-right: #b2e05d 1px solid; padding-right: 5px; border-top: #b2e05d 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #b2e05d 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #b2e05d 1px solid; background-color: #b2e05d; }
div.scott span.disabled { border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid; }



/*css quotes style pagination*/

div.quotes { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; font-family: Verdana; font-size: 12px; }
div.quotes a { border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none; }
div.quotes a:hover { border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid; }
div.quotes a:active { border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid; }
div.quotes span.current { border-right: #e0e0e0 1px solid; padding-right: 5px; border-top: #e0e0e0 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e0e0e0 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #e0e0e0 1px solid; background-color: #f0f0f0; }
div.quotes span.disabled { border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid; }



/*css black style pagination*/

div.black { padding-right: 3px; padding-left: 3px; font-size: 80%; padding-bottom: 10px; margin: 3px; color: #a0a0a0; padding-top: 10px; background-color: #000; text-align: center; font-family: Verdana; font-size: 12px; }
div.black a { border-right: #909090 1px solid; padding-right: 5px; background-position: 50% bottom; border-top: #909090 1px solid; padding-left: 5px; background-image: url(bar.gif); padding-bottom: 2px; border-left: #909090 1px solid; color: #c0c0c0; margin-right: 3px; padding-top: 2px; border-bottom: #909090 1px solid; text-decoration: none; }
div.black a:hover { border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; background-image: url(invbar.gif); border-left: #f0f0f0 1px solid; color: #ffffff; border-bottom: #f0f0f0 1px solid; background-color: #404040; }
div.black a:active { border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; background-image: url(invbar.gif); border-left: #f0f0f0 1px solid; color: #ffffff; border-bottom: #f0f0f0 1px solid; background-color: #404040; }
div.black span.current { border-right: #ffffff 1px solid; padding-right: 5px; border-top: #ffffff 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ffffff 1px solid; color: #ffffff; margin-right: 3px; padding-top: 2px; border-bottom: #ffffff 1px solid; background-color: #606060; }
div.black span.disabled { border-right: #606060 1px solid; padding-right: 5px; border-top: #606060 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #606060 1px solid; color: #808080; margin-right: 3px; padding-top: 2px; border-bottom: #606060 1px solid; }

/*css black2 style pagination*/

div.black2 { padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center; font-family: Verdana; font-size: 12px; }
div.black2 a { border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #000000; padding-top: 2px; border-bottom: #000000 1px solid; text-decoration: none; }
div.black2 a:hover { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000; }
div.black2 a:active { border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; color: #fff; border-bottom: #000000 1px solid; background-color: #000; }
div.black2 span.current { border-right: #000000 1px solid; padding-right: 5px; border-top: #000000 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #000000 1px solid; color: #fff; padding-top: 2px; border-bottom: #000000 1px solid; background-color: #000000; }
div.black2 span.disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid; }

/*css black-red style pagination*/

div.black-red { font-size: 11px; color: #fff; font-family: tahoma, arial, helvetica, sans-serif; background-color: #3e3e3e; }
div.black-red a { padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px; background-color: #3e3e3e; text-decoration: none; }
div.black-red a:hover { color: #fff; background-color: #ec5210; }
div.black-red a:active { color: #fff; background-color: #ec5210; }
div.black-red span.current { padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px; background-color: #313131; }
div.black-red span.disabled { padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #868686; padding-top: 2px; background-color: #3e3e3e; }
/*css green-black style pagination*/

div.green-black { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; font-family: Verdana; font-size: 12px; }
div.green-black a { border-right: #2c2c2c 1px solid; padding-right: 5px; border-top: #2c2c2c 1px solid; padding-left: 5px; background: url(image1.gif) #2c2c2c; padding-bottom: 2px; border-left: #2c2c2c 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #2c2c2c 1px solid; text-decoration: none; }
div.green-black a:hover { border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: url(image2.gif) #aad83e; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid; }
div.green-black a:active { border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: url(image2.gif) #aad83e; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid; }
div.green-black span.current { border-right: #aad83e 1px solid; padding-right: 5px; border-top: #aad83e 1px solid; padding-left: 5px; font-weight: bold; background: url(image2.gif) #aad83e; padding-bottom: 2px; border-left: #aad83e 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #aad83e 1px solid; }
div.green-black span.disabled { border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid; }

/*css grayr style pagination*/

div.grayr { padding-right: 2px; padding-left: 2px; font-size: 11px; padding-bottom: 2px; padding-top: 2px; font-family: tahoma, arial, helvetica, sans-serif; background-color: #c1c1c1; }
div.grayr a { padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #000; padding-top: 2px; background-color: #c1c1c1; text-decoration: none; }
div.grayr a:hover { color: #000; background-color: #99ffff; }
div.grayr a:active { color: #000; background-color: #99ffff; }
div.grayr span.current { padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #303030; padding-top: 2px; background-color: #fff; }
div.grayr span.disabled { padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin: 2px; color: #797979; padding-top: 2px; background-color: #c1c1c1; }

/*css yellow style pagination*/

div.yellow { padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; text-align: center; font-family: Verdana; font-size: 12px; }
div.yellow a { border-right: #ccc 1px solid; padding-right: 5px; border-top: #ccc 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #ccc 1px solid; color: #000; padding-top: 2px; border-bottom: #ccc 1px solid; text-decoration: none; }
div.yellow a:hover { border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; color: #000; border-bottom: #f0f0f0 1px solid; }
div.yellow a:active { border-right: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; border-left: #f0f0f0 1px solid; color: #000; border-bottom: #f0f0f0 1px solid; }
div.yellow span.current { border-right: #d9d300 1px solid; padding-right: 5px; border-top: #d9d300 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #d9d300 1px solid; color: #fff; padding-top: 2px; border-bottom: #d9d300 1px solid; background-color: #d9d300; }
div.yellow span.disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid; }

/*css jogger style pagination*/

div.jogger { padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin: 7px; padding-top: 2px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif; }
div.jogger a { padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #ee4e4e; text-decoration: none; }
div.jogger a:hover { padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818; }
div.jogger a:active { padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #de1818; }
div.jogger span.current { padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc; }
div.jogger span.disabled { display: none; }

/*css starcraft2 style pagination*/

div.starcraft2 { padding-right: 3px; padding-left: 3px; font-weight: bold; font-size: 13.5pt; padding-bottom: 3px; margin: 3px; color: #fff; padding-top: 3px; font-family: arial; background-color: #000; text-align: center; }
div.starcraft2 a { margin: 2px; color: #fa0; background-color: #000; text-decoration: none; }
div.starcraft2 a:hover { color: #fff; background-color: #000; }
div.starcraft2 a:active { color: #fff; background-color: #000; }
div.starcraft2 span.current { font-weight: bold; margin: 2px; color: #fff; background-color: #000; }
div.starcraft2 span.disabled { margin: 2px; color: #444; background-color: #000; }

/*css tres style pagination*/

div.tres { padding-right: 7px; padding-left: 7px; font-weight: bold; font-size: 13.2pt; padding-bottom: 7px; margin: 3px; padding-top: 7px; font-family: arial, helvetica, sans-serif; text-align: center; }
div.tres a { border-right: #d9d300 2px solid; padding-right: 5px; border-top: #d9d300 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #d9d300 2px solid; color: #fff; padding-top: 2px; border-bottom: #d9d300 2px solid; background-color: #d90; text-decoration: none; }
div.tres a:hover { border-right: #ff0 2px solid; border-top: #ff0 2px solid; border-left: #ff0 2px solid; color: #000; border-bottom: #ff0 2px solid; background-color: #ff0; }
div.tres a:active { border-right: #ff0 2px solid; border-top: #ff0 2px solid; border-left: #ff0 2px solid; color: #000; border-bottom: #ff0 2px solid; background-color: #ff0; }
div.tres span.current { border-right: #fff 2px solid; padding-right: 5px; border-top: #fff 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #fff 2px solid; color: #000; padding-top: 2px; border-bottom: #fff 2px solid; }
div.tres span.disabled { display: none; }

/*css megas512 style pagination*/

div.megas512 { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; }
div.megas512 a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #99210b; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.megas512 a:hover { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777; }
div.megas512 a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777; }
div.megas512 span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px; }
div.megas512 span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }

/*css technorati style pagination*/

div.technorati { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; }
div.technorati a { border-right: #ccc 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #ccc 1px solid; padding-left: 6px; font-weight: bold; padding-bottom: 2px; border-left: #ccc 1px solid; color: rgb(66,97,222); margin-right: 3px; padding-top: 2px; border-bottom: #ccc 1px solid; text-decoration: none; }
div.technorati a:hover { background-image: none; color: #fff; background-color: #4261df; }
div.technorati a:active { background-image: none; color: #fff; background-color: #4261df; }
div.technorati span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px; }
div.technorati span.disabled { display: none; }

/*css youtube style pagination*/

div.youtube { padding-right: 6px; border-top: #9c9a9c 1px dotted; padding-left: 0px; font-size: 13px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: arial, helvetica, sans-serif; background-color: #cecfce; text-align: right; }
div.youtube a { padding-right: 3px; padding-left: 3px; font-weight: bold; padding-bottom: 1px; margin: 0px 1px; color: #0030ce; padding-top: 1px; text-decoration: underline; }
div.youtube a:hover { }
div.youtube a:active { }
div.youtube span.current { padding-right: 2px; padding-left: 2px; padding-bottom: 1px; color: #000; padding-top: 1px; background-color: #fff; }
div.youtube span.disabled { display: none; }

/*css msdn style pagination*/

div.msdn { padding-right: 6px; padding-left: 0px; font-size: 13px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: verdana,tahoma,arial,helvetica,sans-serif; background-color: #fff; text-align: right; }
div.msdn a { border-right: #b7d8ee 1px solid; padding-right: 6px; border-top: #b7d8ee 1px solid; padding-left: 5px; padding-bottom: 4px; margin: 0px 3px; border-left: #b7d8ee 1px solid; color: #0030ce; padding-top: 5px; border-bottom: #b7d8ee 1px solid; text-decoration: none; }
div.msdn a:hover { border-right: #b7d8ee 1px solid; border-top: #b7d8ee 1px solid; border-left: #b7d8ee 1px solid; color: #0066a7; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6; }
div.pagination a:active { border-right: #b7d8ee 1px solid; border-top: #b7d8ee 1px solid; border-left: #b7d8ee 1px solid; color: #0066a7; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6; }
div.msdn span.current { border-right: #b7d8ee 1px solid; padding-right: 6px; border-top: #b7d8ee 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 4px; margin: 0px 3px; border-left: #b7d8ee 1px solid; color: #444444; padding-top: 5px; border-bottom: #b7d8ee 1px solid; background-color: #d2eaf6; }
div.msdn span.disabled { display: none; }

/*css badoo style pagination*/

div.badoo { padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; background-color: #fff; text-align: center; }
div.badoo a { border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none; }
div.badoo a:hover { border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid; }
div.badoo a:active { border-right: #ff5a00 2px solid; border-top: #ff5a00 2px solid; border-left: #ff5a00 2px solid; color: #ff5a00; border-bottom: #ff5a00 2px solid; }
div.badoo span.current { border-right: #ff5a00 2px solid; padding-right: 5px; border-top: #ff5a00 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #ff5a00 2px solid; color: #fff; padding-top: 2px; border-bottom: #ff5a00 2px solid; background-color: #ff6c16; }
div.badoo span.disabled { display: none; }

/*css manu style pagination*/

.manu { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; }
.manu a { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #036cb4; padding-top: 2px; border-bottom: #eee 1px solid; text-decoration: none; }
.manu a:hover { border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid; }
.manu a:active { border-right: #999 1px solid; border-top: #999 1px solid; border-left: #999 1px solid; color: #666; border-bottom: #999 1px solid; }
.manu .current { border-right: #036cb4 1px solid; padding-right: 5px; border-top: #036cb4 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #036cb4 1px solid; color: #fff; padding-top: 2px; border-bottom: #036cb4 1px solid; background-color: #036cb4; }
.manu .disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid; }

/*css viciao style pagination*/

div.viciao { margin-top: 20px; margin-bottom: 10px; }
div.viciao a { border-right: #8db5d7 1px solid; padding-right: 5px; border-top: #8db5d7 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #8db5d7 1px solid; color: #000; margin-right: 2px; padding-top: 2px; border-bottom: #8db5d7 1px solid; text-decoration: none; }
div.viciao a:hover { border-right: red 1px solid; padding-right: 5px; border-top: red 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: red 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: red 1px solid; }
div.viciao a:active { border-right: red 1px solid; padding-right: 5px; border-top: red 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: red 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: red 1px solid; }
div.viciao span.current { border-right: #e89954 1px solid; padding-right: 5px; border-top: #e89954 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e89954 1px solid; color: #000; margin-right: 2px; padding-top: 2px; border-bottom: #e89954 1px solid; background-color: #ffca7d; }
div.viciao span.disabled { border-right: #ccc 1px solid; padding-right: 5px; border-top: #ccc 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ccc 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #ccc 1px solid; }

/*css yahoo2 style pagination*/

div.yahoo2 { padding-right: 3px; padding-left: 3px; font-size: 0.85em; padding-bottom: 3px; margin: 3px; padding-top: 3px; font-family: tahoma,helvetica,sans-serif; text-align: center; }
div.yahoo2 a { border-right: #ccdbe4 1px solid; padding-right: 8px; background-position: 50% bottom; border-top: #ccdbe4 1px solid; padding-left: 8px; padding-bottom: 2px; border-left: #ccdbe4 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #ccdbe4 1px solid; text-decoration: none; }
div.yahoo2 a:hover { border-right: #2b55af 1px solid; border-top: #2b55af 1px solid; background-image: none; border-left: #2b55af 1px solid; color: #fff; border-bottom: #2b55af 1px solid; background-color: #3666d4; }
div.yahoo2 a:active { border-right: #2b55af 1px solid; border-top: #2b55af 1px solid; background-image: none; border-left: #2b55af 1px solid; color: #fff; border-bottom: #2b55af 1px solid; background-color: #3666d4; }
div.yahoo2 span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #000; margin-right: 3px; padding-top: 2px; }
div.yahoo2 span.disabled { display: none; }

div.yahoo2 a.next { border-right: #ccdbe4 2px solid; border-top: #ccdbe4 2px solid; margin: 0px 0px 0px 10px; border-left: #ccdbe4 2px solid; border-bottom: #ccdbe4 2px solid; }
div.yahoo2 a.next:hover { border-right: #2b55af 2px solid; border-top: #2b55af 2px solid; border-left: #2b55af 2px solid; border-bottom: #2b55af 2px solid; }
div.yahoo2 a.prev { border-right: #ccdbe4 2px solid; border-top: #ccdbe4 2px solid; margin: 0px 10px 0px 0px; border-left: #ccdbe4 2px solid; border-bottom: #ccdbe4 2px solid; }
div.yahoo2 a.prev:hover { border-right: #2b55af 2px solid; border-top: #2b55af 2px solid; border-left: #2b55af 2px solid; border-bottom: #2b55af 2px solid; }
/*css sabrosus style pagination*/

div.sabrosus { padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; }
div.sabrosus a { border-right: #9aafe5 1px solid; padding-right: 5px; border-top: #9aafe5 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #9aafe5 1px solid; color: #2e6ab1; margin-right: 2px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none; }
div.sabrosus a:hover { border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow; }
div.pagination a:active { border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow; }
div.sabrosus span.current { border-right: navy 1px solid; padding-right: 5px; border-top: navy 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: navy 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: navy 1px solid; background-color: #2e6ab1; }
div.sabrosus span.disabled { border-right: #929292 1px solid; padding-right: 5px; border-top: #929292 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #929292 1px solid; color: #929292; margin-right: 2px; padding-top: 2px; border-bottom: #929292 1px solid; }


/*=====================以下部分是Validform必须的====================*/
.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(valid_icons.png) no-repeat -20px -40px; }
.Validform_loading { padding-left: 20px; background: url(icon_onload.gif) no-repeat left center; }
.Validform_error { background: #FEFBD3; }

#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { position: relative; line-height: 35px; height: 35px; text-align: left; font-weight: bold; padding: 0 10px; color: #fff; background: #33B5E5; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 30px; position: absolute; right: 10px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #ccc; }
#Validform_msg .Validform_info { padding: 10px; border: 1px solid #bbb; border-top: none; text-align: left; }
/*=====================以上部分是Validform必须的====================*/

* { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { font-size: 62.5%; }
body { font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; color: #333; background: #f1f1f1; max-width: 640px; margin: 0 auto; }

button, input, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0 ); -webkit-user-modify: read-write-plaintext-only; }

.header { height: 1.15rem; max-width: 6.4rem; margin: 0 auto; background: #fff; }
.header .logo { float: left; overflow: hidden; height: 1.15rem; position: relative; width: 4.7rem; }
.header .logo a { display: block; width: 4.7rem; height: 1.15rem; overflow: hidden; }
.header .logo img { width: 4.7rem; height: 1.15rem; position: absolute; top: 0; left: 0; }
.header .search { float: right; margin-right: 0.31rem; margin-top: .35rem; display:none}
.header .search a { display: block; background: url(../images/sprites.png) no-repeat -1.58rem -3.1rem; width: 0.48rem; height: 0.48rem; -moz-background-size: 2rem 3.51rem; -o-background-size: 2rem 3.51rem; -webkit-background-size: 2rem 3.51rem; background-size: 2rem 3.51rem; }
.footer { background-color: #257600; color: #fff; z-index:999}
.bottom { background-color: #34a700; color: #fff; }

.swiper-container { width: 100%; /*height: 3rem;*/ }
.swiper-container .swiper-wrapper { /*height: 3rem;*/ top: 0; left: 0; }
.swiper-container .swiper-slide { }
.swiper-container .swiper-slide a { display: block; }
.swiper-container .swiper-slide img { width: 100%; display: block; }

#slider .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; z-index: 999; }
#slider .swiper-pagination-bullet { display: inline-block; width: 6px; height: 6px; opacity: 1; border-radius: 10px; background: white; margin: 0 3px; cursor: pointer; transition: width 0.3s ease-in-out; }
#slider .swiper-pagination-bullet-active { background: #fdd000; width: 12px; }
.nav-list { padding-top: 0.15rem; background: #f1f1f1; overflow: hidden; }
.nav-list > a { background: #fff; float: left; width: 2.13rem; position: relative; display: block; height: 1.95rem; border-right: 1px solid #dfdfdf; font-size: 0.26rem; text-align: center; overflow: hidden; border-bottom: 1px solid #dfdfdf; }
.nav-list > a:nth-child(1) { }
.nav-list > a:nth-child(3n) { border-right: 0px; }
.nav-list > a:nth-child(4),
.nav-list > a:nth-child(5),
.nav-list > a:nth-child(6) { border-bottom: none; }
.nav-list > a p { position: absolute; left: 0.6rem; margin-top: 1.08rem; }
.nav-list > a i { background: url(../images/sprites.png) no-repeat 0 0; width: .54rem; display: block; height: 0.56rem; margin: 0 auto; position: absolute; margin-left: 0.8rem; margin-top: 0.32rem; background-size: 2rem 3.51rem; }
.nav-list > a i.news { background-position: 0 -0.56rem; width: 0.48rem; height: 0.57rem; }
.nav-list > a i.products { background-position: -1.05rem 0; }
.nav-list > a i.about { background-position: -0.54rem 0; width: 0.50rem; height: 0.58rem; }
.nav-list > a i.job { background-position: -0.49rem -0.59rem; width: 0.57rem; height: 0.54rem; }
.nav-list > a i.feedback { background-position: -1.07rem -0.59rem; width: 0.59rem; height: 0.54rem; }
.nav-list > a i.contacts { background-position: 0 0; }


.news-bar { margin-top: 0.13rem; background: #fff; padding:0.2rem }
.news-bar .news-header { color: #333; overflow: hidden; padding-bottom: 0.2rem; border-bottom: 1px solid #ddd; }
.news-bar .news-header h1 { border-left: 0.09rem solid #34a700; float: left; font-size: 0.32rem; font-weight: 600; padding-left: 0.15rem; }
.news-bar .news-header a { float: right; color: #666; font-size: 0.22rem; }
.news-bar .news-list { padding-top: 0.2rem; }
.news-bar .wel { color:#56b42b;font-size:0.3rem;font-weight:500}
.news-bar .news-list .news-first { }
.news-bar .news-list .news-first h2 { font-size: 0.3rem; font-weight: 500; line-height: 0.3rem; }
.news-bar .news-list .news-first span{display:block;margin-top:0.2rem;color:#a0a0a0}
.news-bar .news-list .news-first .news-img { float: left; width: 1.4rem; height: 1.4rem; overflow: hidden; margin-right: 0.2rem; }
.news-bar .news-list .news-first .news-img img { width: 100%; }
.news-bar .news-list .news-first .news-note { /* margin-left: 1.8rem; */ }
.news-bar .news-list .news-first .news-note p { font-size: 0.20rem; padding-top: .15rem; /* height: 0.80rem; */ /* padding-bottom: 0.1rem; */ line-height: 0.28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; box-sizing: content-box; }
.news-bar .news-list .news-list-link { border-bottom: 1px solid #ddd; overflow: hidden; font-size: 0.22rem; line-height: 0.22rem; display: block; padding: 0.2rem 0; }
.news-bar .news-list .news-list-link:first-child { border-bottom: 1px solid #ddd; em; height: auto; display: block; }

.products-bar { margin-top: 0.13rem; background: #fff; padding: 0.2rem; overflow: hidden; }
.products-bar .products-header { color: #333; overflow: hidden; padding-bottom: 0.2rem; border-bottom: 1px solid #ddd; }
.products-bar .products-header h1 { border-left: 0.09rem solid #34a700; float: left; font-size: 0.32rem; font-weight: 600; padding-left: 0.15rem; }
.products-bar .products-header a { float: right; color: #666; font-size: 0.22rem; }

.products-bar .products-nav { overflow: hidden; margin-bottom: 0.1rem; }
.products-bar .products-nav a { width: 49.5%; display: block; text-align: center; float: left; font-size: 0.3rem; background: #a1a1a1; border-radius: 0.05rem; color: #fff; height: 0.72rem; line-height: 0.72rem; margin-bottom: 0.07rem; }
.products-bar .products-nav a:nth-child(2n-1) { margin-right: 1%; }
.products-bar .products-nav a.sel { background: #4ab11c; }

.products-bar .products-list { overflow: hidden; }
.products-bar .products-list a { display: block; float: left; /* height:2.54rem; */ width: 1.85rem; margin-right: 0.2rem; }
.products-bar .products-list a:nth-child(3n) { margin-right: 0; }
.products-bar .products-list a p { text-align: center; line-height: 0.28rem; height: 0.28rem; font-size: 0.22rem; margin-top: -0.1rem; /* padding-bottom: 0.2rem; */ box-sizing: content-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0.2rem; }
.products-bar .products-list a img { width: 1.85rem; height: 1.65rem; }
.products-bar .products-list2 { overflow: hidden; }
.products-bar .products-list2 a { display: block; float: left; margin-right: 0.2rem; }
.products-bar .products-list2 a:nth-child(2n) { margin-right: 0; }
.products-bar .products-list2 a p { text-align: center; line-height: 0.28rem; height: 0.28rem; font-size: 0.22rem; margin-top: -0.1rem; /* padding-bottom: 0.2rem; */ box-sizing: content-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0.2rem; }
.products-bar .products-list2 a img { width: 100%; }
.products-bar .products-list2 a { width: 48%; }
.products-bar .products-list2 img { width: 3.6rem; }

.case-bar { margin-top: 0.13rem; background: #fff; padding-top: 0.3rem; padding-left: 0.2rem; padding-right: 0.2rem; padding-bottom: 0.2rem; }
.case-bar .case-header { color: #333; overflow: hidden; padding-bottom: 0.2rem; border-bottom: 1px solid #ddd; }
.case-bar .case-header h1 { border-left: 0.09rem solid #34a700; float: left; font-size: 0.32rem; font-weight: 600; padding-left: 0.15rem; }
.case-bar .case-header a { float: right; color: #666; font-size: 0.22rem; }
.case-bar .case-list { overflow: hidden; }
.case-bar .case-list h2 { font-size: 0.3rem; font-weight: 500; line-height: 0.3rem; }
.case-bar .case-list a { display: block; /* float: left; */ height: 1.35rem; overflow: hidden; font-size: 0.22rem; box-sizing: content-box; padding: 0.05rem 0; margin: 0.10rem 0; border-bottom: 1px solid #ddd; }
.case-bar .case-list a em { float: right; }
.case-bar .case-list .case-img { float: left; width: 1.4rem; height: 1.4rem; overflow: hidden; margin-right: 0.2rem; }
.case-bar .case-list .case-img img { width: 100%; }
.case-bar .case-list .case-note { /* margin-left: 1.6rem; */ }
.case-bar .case-list .case-note p { font-size: 0.20rem; padding-top: .15rem; /* height: 1rem; */ /* padding-bottom: 0.15rem; */ line-height: 0.28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.about-bar { margin-top: 0.13rem; background: #fff; padding-top: 0.3rem; padding-bottom: 0.2rem; }
.about-bar .about-header { margin: 0 auto; width: 1.4rem; border-bottom: 0.08rem solid #b2de9e; position: relative; height: 0.5rem; }
.about-bar .about-header h1 { font-size: 0.32rem; text-align: center; font-weight: 500; margin-bottom: -0.08rem; z-index: 2222; }
.about-bar .about-note { background: url(../images/about-bg.png) no-repeat center bottom; padding-left: 0.2rem; padding-right: 0.2rem; background-size: 140%; }
.about-bar .about-note p { font-size: 0.20rem; padding-top: .15rem; padding-bottom: 0.1rem; line-height: 0.36rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; text-indent: 2em; }

.bottom-bar { background: #34a700; overflow: hidden; margin-bottom: 1rem; width: 100%; }
.bottom-bar .bottom-border1 { border-top: 1px solid #acda97; border-bottom: 1px solid #2b8b00; }
.bottom-bar .bottom-border2 { border-top: 1px solid #23a100; border-bottom: 1px solid #35ac00; }
.bottom-bar .bottom-tel { width: 4.60rem; height: 0.74rem; margin-left: 0.9rem; margin-top: 0.25rem; line-height: 0.74rem; padding-left: 0.5rem; box-sizing: content-box; background: #56b42b; }
.bottom-bar .bottom-tel i { width: 0.48rem; height: 0.48rem; display: block; float: left; background: url(../images/sprites.png) no-repeat 0 -1.97rem #56b42b; background-size: 2rem 3.51rem; margin-top: 0.12rem; }
.bottom-bar .bottom-tel h2 { color: #fff; float: left; font-size: 0.4rem; text-align: center; margin-left: 0.1rem; font-weight: 500; }
.bottom-bar .bottom-tel em { color: #fff; font-size: 0.2rem; float: left; margin-left: 0.2rem; }
.bottom-bar .bottom-copyright { margin-top: 0.1rem; }
.bottom-bar .bottom-copyright p { font-size: 0.21rem; text-align: center; color: #fff; line-height: 0.35rem; }

.footer { background: #257600; position: fixed; bottom: 0; height: 1rem; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 6.4rem; border-top: 1px solid #247200; }
.footer a { display: block; width: 1.6rem; height: 1rem; float: left; text-align: center; color: #fff; }
.footer em { background: url(../images/sprites.png) no-repeat; background-size: 2rem 3.51rem; width: 0.44rem; height: .44rem; display: block; margin-left: 0.58rem; margin-top: 0.12rem; margin-bottom: 0.05rem; }
.footer p { text-align: center; font-size: 0.24rem; }
.footer a:nth-child(1) em { background-position: 0 -2.63rem; }
.footer a:nth-child(2) em { background-position: -0.47rem -2.63rem; }
.footer a:nth-child(3) em { background-position: -0.96rem -2.63rem; }
.footer a:nth-child(4) em { background-position: -1.42rem -2.60rem; }

.content-header { background: #fff; height: 0.94rem; line-height: 0.94rem; }
.content-header h1 { text-align: center; font-size: 0.36rem; float: left; width: 5.2rem; font-weight: 500; }
.content-header .arrow { background: url(../images/sprites.png) no-repeat -0.68rem -3.14rem; background-size: 2rem 3.51rem; float: left; width: 0.23rem; height: 0.37rem; margin-top: 0.25rem; margin-left: 0.3rem; }
.content-header a { float: left; display: block; text-indent: -99rem; width: 0.4rem; background: url(../images/sprites.png) no-repeat 0 -3.11rem #56b42b; background-size: 2rem 3.51rem; height: 0.39rem; margin-top: 0.28rem; }

.content-container { margin-top: 0.15rem; margin-bottom: 0.15rem; background: #fff; padding: 0.2rem; }

.meta { padding: 15px; padding-bottom: 15px; border-bottom: 1px solid #ececec; text-align: center; }
.meta .meta-tit { color: #333; font-size: 17px; font-weight: 700; margin: 0 0 5px; }
.meta .meta-info { font-size: 12px; color: #cecece; line-height: 1.8em; }
.meta .meta-info span { margin-right: 5px; }
.meta .meta-info span i { margin-right: 3px; font-size: 13px; }

.entry { padding: 20px 0; font-size: 15px; line-height: 24px; word-wrap: break-word; }
.entry img { max-width: 100%!important; height: auto!important; }
.entry h2, .entry h3, .entry h4 { padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #222; }
.entry h2 { font-size: 17px; }
.entry h3, .entry h4 { font-size: 14px; }
.entry strong { color: #DC2523; }
.entry ul, .entry ol { margin: 16px; }
.entry li { margin-left: 26px; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 15px 0; color: #333; font-size: 14px; line-height: 24px; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code, .comment code { background-color: #eee; border-radius: 2px 2px 2px 2px; color: #777; font-family: 'courier new'; margin: 0 4px; padding: 1px 4px; }
.entry table { border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background-color: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 7px 10px; }


.contact-info { padding: 0 0.15rem; padding-bottom: 0.5rem; }
.contact-info h1 { color: #34a700; font-size: 0.3rem; font-weight: 500; margin-bottom: 0.2rem; }
.contact-info dl { line-height: 0.4rem; }
.contact-info dt { height: 0.36rem; background: url(../images/sprites.png) no-repeat -1.63rem 0; background-size: 2rem 3.51rem; float: left; font-size: 0.26rem; color: #666; padding-left: 0.5rem; }
.contact-info dt.phone { }
.contact-info dt.watch { background-position: -1.63rem -0.41rem; }
.contact-info dt.qq { background-position: -1.63rem -0.82rem; }
.contact-info dt.email { background-position: -1.63rem -1.23rem; }
.contact-info dt.address { background-position: -1.63rem -1.64rem; }
.contact-info dd { font-size: 0.26rem; margin-bottom: 0.15rem; }

.comment-box { position: relative; margin: 0; padding: 0; }
.comment-add { margin: 15px 0 15px 15px; }
.comment-add .input-box { position: relative; margin: 0 15px 15px 0; font-size: 12px; }
.comment-add .input-box .input { display: block; margin: 0; padding: 5px 10px; width: 100%; height: auto; border: 1px solid #ddd; border-radius: 0.2125em; font-family: "Microsoft Yahei",helvetica,arial; color: #262626; font-size: 14px; line-height: 1.3em; }
.comment-add .input-box .code { display: inline-block; width: 65px; }
.comment-add .input-box .weui-btn { float: right; font-size: 13px; }

.comment-list { position: relative; margin: 0; padding: 0; }
.comment-list .nodata { margin-left: 15px; color: #999; font-size: 13px; text-align: center; line-height: 80px; border-top: 1px solid #ececec; }
.comment-list li { margin-left: 15px; padding: 15px 15px 15px 0; border-top: 1px solid #ececec; }
.comment-list li:first-child { border-top: 1px solid #ececec; }
.comment-list li .avatar { position: relative; float: left; width: 40px; height: 40px; background: #fafafa; border-radius: 40px; overflow: hidden; }
.comment-list li .avatar img { width: 100%; height: 100%; }
.comment-list li .avatar i { color: #09bb07; font-size: 40px; line-height: 50px; background: url(../images/user-avatar.png) no-repeat; background-size: 1.2rem 1.2rem; }
.comment-list li .inner { margin-left: 50px; }
.comment-list li .inner .meta { margin: 0; padding: 0 0 5px; color: #cecece; font-size: 12px; border: none; }
.comment-list li .inner .meta .blue { color: #09bb07; }
.comment-list li .inner .meta .time { float: right; }
.comment-list li .inner p { margin: 0; padding: 0; color: #333; font-size: 13px; line-height: 1.5em; }

.comment-list li .answer { clear: both; margin: 10px 0 0 50px; padding: 10px; background: #f6f6f6; border: 1px solid #e6e6e6; border-radius: 5px; }
.comment-list li .answer .meta { margin: 0 0 5px 0; padding: 0; color: #999; font-size: 12px; border: none; }
.comment-list li .answer .meta .blue { color: #1e7bb3; }
.comment-list li .answer .meta .time { float: right; }
.comment-list li .answer p { margin: 0; padding: 0; color: #333; font-size: 13px; line-height: 1.5em; }

.comment-more { margin: 15px; }
.comment-more .weui-btn { color: #555; font-size: 13px; background: #fff; border: 1px solid #e5e5e5; }
.form-box .weui-btn { font-size: 16px; }
.form-box .weui-label,
.form-box .weui-cell__bd,
.form-box .weui-cell__bd p { color: #333; font-size: 13px; }
.form-box .weui-cell__bd p i { margin-left: 5px; color: #999; font-size: 12px; font-style: normal; }
.form-box .select { display: inline-block; width: 30%; color: #555; font-size: 14px; line-height: 28px; height: 28px; border: none; border-bottom: 1px solid #ececec; background: #fff; }
.form-box .vcode .weui-vcode-btn { padding: 0 1em; height: 38px; line-height: 38px; font-size: 14px; border: 1px solid #e5e5e5; }
.form-box .vcode .weui-vcode-btn.gray { color: #999; }
.form-preview { font-size: 15px; }
.form-preview .weui-form-preview__btn { font-size: 15px; }
/*提示样式*/
.msg-box .weui-btn { font-size: 16px; }