/* =================================================     Bootstrap Reset     ================================================= */

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

*:before, *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.btn {
    display: inherit;
    padding: inherit;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	margin: auto;
    padding: 0;
}

h1,h2,h3 { font-weight: normal !important; }

/* =================================================      Element Reset      ================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a:hover { text-decoration:none; }

/* remember to define focus styles! */
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
:focus { outline:none !important; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote,q { quotes: "" ""; }

/* =================================================      Basic Structure      ================================================= */

html { font-size:100%; height:100%; }
body {
	color: #555;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	word-break: break-all;
	background: #f0f0f0 url('../image/bg-body.gif') top left repeat-y; }

h1 { font: bold 31px/1em "Helvetica","Arial","sans-serif"; color: #fff; }
h2 { font: bold 26px/1em "幼圆","Helvetica","Arial","sans-serif"; color: #444; padding: 0 0 20px 0; }
h3 { font: bold 17px/1em "Helvetica","Arial","sans-serif"; color: #222; padding: 0 0 10px 0; }
h4 { font: bold 16px/1em "Helvetica","Arial","sans-serif"; color: #222; padding: 0 0 5px 0; }
h5 { font: bold 14px/1em "Helvetica","Arial","sans-serif"; color: #222; padding: 0 0 5px 0; }
h6 { font: bold 12px/1em "Helvetica","Arial","sans-serif"; color: #222; padding: 0 0 5px 0; }

a { color:#57a000; text-decoration: none; cursor:pointer; }
a:hover  { color: #000; }
a:active { color: #777; }
a:focus  { outline: 1px; }

p { padding: 5px 0 10px 0; line-height: 1.6em; }

hr { border-top:1px solid #ccc; border-bottom:none; margin:10px 0; }
hr.dashed { border-top:1px dashed #ccc; }

.button {
	color: #fff !important;
	font-size: 12px !important;
	line-height:1.3em;
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	padding: 4px 7px 4px 7px !important; 
	background: #459300 url('../image/bg-button-green.gif') top left repeat-x;
	border: 1px solid #459300 !important;
	cursor: pointer; }
.button:hover  { text-decoration: underline; }
.button:active { padding: 5px 7px 3px 7px !important; }

.hide { display:none !important; }
.clear { display:block; clear: both; margin:0; padding:0; }
.clearfloat:after { display:block; content:""; clear:both; }
.float-left { float:left; }
.float-right { float:left; }





.button,.pagination a.number,input,textarea,select{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
			
.content-box,
.content-box-header,
ul.content-box-tabs li a.current,
.notification {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}

.content-box-header {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	}
	
.closed-box .content-box-header {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	}

ul.content-box-tabs li a.current {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	}




.flexbox {
	display:-webkit-box;
	display:-webkit-box-flex;
	display:box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-around; }
.flexbox > * {
	-webkit-box-flex:1;
	box-flex:1;
	flex:1;
	width:100%; }





.btn_switch {
    -webkit-appearance: none;
    appearance: none;
    position:relative;
    width: 37px;
    height: 22px !important;
    padding:0 !important;
    border: 1px solid #DFDFDF !important;
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box !important;
    background: #DFDFDF;
    overflow: hidden;
}

.btn_switch:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 20px;
    border-radius: 10px;
    background-color: #eee;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.btn_switch:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.btn_switch:checked {
    border-color: #04BE02 !important;
    background-color: #04BE02;
    border-color: #74b073 !important;
    background-color: #74b073;
}

.btn_switch:checked:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.btn_switch:checked:after {
	border-color:#74b073;
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
}




.btn_switch.sm {
    -webkit-appearance: none;
    appearance: none;
    position:relative;
    width: 32px;
    height: 18px !important;
	margin:10px 0;
    padding:0 !important;
    border: 1px solid #DFDFDF !important;
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box;
    background: #DFDFDF;
    overflow: hidden;
}
.btn_switch.sm:focus { outline:none; }
.btn_switch.sm:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 16px;
    border-radius: 10px;
    background-color: #eee;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    box-sizing: content-box;
}

.btn_switch.sm:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    box-sizing: content-box;
}

.btn_switch.sm:checked {
    border-color: #04BE02 !important;
    background-color: #04BE02;
    border-color: #74b073 !important;
    background-color: #74b073;
}

.btn_switch.sm:checked:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.btn_switch.sm:checked:after {
	border-color:#74b073;
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
}




/* =================================================      btn      ================================================= */



.hhbtn { position:relative; display:block; font:16px/45px "微软雅黑"; color:#fff; text-align:center; background-color:#54c7fc; border:none; border-radius:5px; cursor:pointer; }
.hhbtn:after { position:absolute; left:0; top:0; width:200%; height:200%; box-sizing:border-box; content:""; border-radius:10px; -webkit-transform:scale(0.5); transform:scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.hhbtn:active:after { background:rgba(0,0,0,0.1); }


.hhbtn.red     { background-color:#ED5565; }
.hhbtn.blue    { background-color:#54c7fc; }
.hhbtn.grey    { background-color:#dddddd; }
.hhbtn.green   { background-color:#6EC174; }
.hhbtn.yellow  { background-color:#E9CC7F; }
.hhbtn.disable { background-color:#dddddd !important; color:#f5f5f5 !important; }
.hhbtn.disable:after { display:none; }


.hhbtn.line.red        { color:#ED5565; background-color:transparent; }
.hhbtn.line.red span   { position:relative; z-index:5; line-height:1em !important; margin:0 !important; padding:0 !important; border:0px solid #f00; }
.hhbtn.line.red:after  { border:1px solid #ED5565; }
.hhbtn.line.red:active { color:#fff !important; }
.hhbtn.line.red:active:after { background-color:#ED5565; }

.hhbtn.line.blue        { color:#54c7fc; background-color:transparent; }
.hhbtn.line.blue span   { position:relative; z-index:5; line-height:1em !important; margin:0 !important; padding:0 !important; border:0px solid #f00; }
.hhbtn.line.blue:after  { border:1px solid #54c7fc; }
.hhbtn.line.blue:active { color:#fff !important; }
.hhbtn.line.blue:active:after { background-color:#54c7fc; }

.hhbtn.line.green        { color:#6EC174; background-color:transparent; }
.hhbtn.line.green span   { position:relative; z-index:5; line-height:1em !important; margin:0 !important; padding:0 !important; border:0px solid #f00; }
.hhbtn.line.green:after  { border:1px solid #6EC174; }
.hhbtn.line.green:active { color:#fff !important; }
.hhbtn.line.green:active:after { background-color:#6EC174; }

.hhbtn.line.yellow        { color:#E9CC7F; background-color:transparent; }
.hhbtn.line.yellow span   { position:relative; z-index:5; line-height:1em !important; margin:0 !important; padding:0 !important; border:0px solid #f00; }
.hhbtn.line.yellow:after  { border:1px solid #E9CC7F; }
.hhbtn.line.yellow:active { color:#fff !important; }
.hhbtn.line.yellow:active:after { background-color:#E9CC7F; }

.hhbtn.line.grey        { color:#ddd; background-color:transparent; }
.hhbtn.line.grey span   { position:relative; z-index:5; line-height:1em !important; margin:0 !important; padding:0 !important; border:0px solid #f00; }
.hhbtn.line.grey:after  { border:1px solid #ddd; }
.hhbtn.line.grey:active { color:#fff !important; }
.hhbtn.line.grey:active:after { background-color:#ddd; }

.hhbtn.line.disable:active { color:#eee !important; }


.hhbtn.border.red        { color:#ED5565; border:1px solid #ED5565; background-color:transparent; }
.hhbtn.border.red:after  { display:none; }
.hhbtn.border.red:active { color:#fff; background-color:#ED5565; }

.hhbtn.border.blue        { color:#54c7fc; border:1px solid #54c7fc; background-color:transparent; }
.hhbtn.border.blue:after  { display:none; }
.hhbtn.border.blue:active { color:#fff; background-color:#54c7fc; }

.hhbtn.border.green        { color:#6EC174; border:1px solid #6EC174; background-color:transparent; }
.hhbtn.border.green:after  { display:none; }
.hhbtn.border.green:active { color:#fff; background-color:#6EC174; }

.hhbtn.border.yellow        { color:#E9CC7F; border:1px solid #E9CC7F; background-color:transparent; }
.hhbtn.border.yellow:after  { display:none; }
.hhbtn.border.yellow:active { color:#fff; background-color:#E9CC7F; }

.hhbtn.border.grey        { color:#ddd; border:1px solid #ddd; background-color:transparent; }
.hhbtn.border.grey:after  { display:none; }
.hhbtn.border.grey:active { color:#fff; background-color:#ddd; }

.hhbtn.border.disable:active { color:#eee !important; }


.hhbtn.circle { border-radius:50px; }
.hhbtn.circle:after { border-radius:100px; }

.hhbtn.dim.red              { border-bottom:4px solid #d24857; }
.hhbtn.dim.red:active       { padding-top:2px; border-bottom-width:2px; }
.hhbtn.dim.red:active:after { background:rgba(0,0,0,0.05); }

.hhbtn.dim.blue              { border-bottom:4px solid #45a9d7; }
.hhbtn.dim.blue:active       { padding-top:2px; border-bottom-width:2px; }
.hhbtn.dim.blue:active:after { background:rgba(0,0,0,0.05); }

.hhbtn.dim.grey              { border-bottom:4px solid #cccccc; }
.hhbtn.dim.grey:active       { padding-top:2px; border-bottom-width:2px; }
.hhbtn.dim.grey:active:after { background:rgba(0,0,0,0.05); }

.hhbtn.dim.green              { border-bottom:4px solid #5ea463; }
.hhbtn.dim.green:active       { padding-top:2px; border-bottom-width:2px; }
.hhbtn.dim.green:active:after { background:rgba(0,0,0,0.05); }

.hhbtn.dim.yellow              { border-bottom:4px solid #cbb16b; }
.hhbtn.dim.yellow:active       { padding-top:2px; border-bottom-width:2px; }
.hhbtn.dim.yellow:active:after { background:rgba(0,0,0,0.05); }

.hhbtn.hhicon { line-height:45px; font-size:16px; }
.hhbtn.hhicon:before { position:relative; z-index:5; font-size:20px; line-height:45px; margin:0 5px; vertical-align:-5%; }

.hhbtn.sm.hhicon { line-height:40px; font-size:14px; }
.hhbtn.sm.hhicon:before { position:relative; z-index:5; font-size:18px; line-height:40px; margin:0 5px; vertical-align:-5%; }

.hhbtn.lg.hhicon { line-height:50px; font-size:18px; }
.hhbtn.lg.hhicon:before { position:relative; z-index:5; font-size:22px; line-height:50px; margin:0 5px; vertical-align:-5%; }

.hhbtn.sm { font:14px/40px "微软雅黑"; }
.hhbtn.lg { font:18px/50px "微软雅黑"; }



/* =================================================      Color      ================================================= */


.red01 { background:#ee2222 !important; }
.red02 { background:#ff3333 !important; }
.red03 { background:#DB6446 !important; }
.red04 { background:#F86F45 !important; }
.red05 { background:#ED5565 !important; }

.blue01 { background:#54729C !important; }
.blue03 { background:#2B3141 !important; }
.blue04 { background:#58A1AC !important; }
.blue05 { background:#0088D1 !important; }
.blue06 { background:#4BC1F3 !important; }
.blue07 { background:#5B74AE !important; }
.blue08 { background:#1C84C6 !important; }
.blue09 { background:#23C6C8 !important; }

.grey01 { background:#dddddd !important; }
.grey02 { background:#6C798C !important; }

.green01 { background:#4AA301 !important; }
.green02 { background:#10A64F !important; }
.green03 { background:#419341 !important; }
.green04 { background:#1cad68 !important; }
.green05 { background:#1AB394 !important; }
.green06 { background:#6EC174 !important; }

.orange01 { background:#f8a82a !important; }
.orange02 { background:#ee8e11 !important; }
.orange03 { background:#FFBA1F !important; }
.orange04 { background:#F8AC59 !important; }
.orange05 { background:#E9CC7F !important; }



/* =================================================      Sidebar      ================================================= */


/* 基本样式 */

#sidebar { position:absolute; left:0; top:0; width:230px; height:100%; background:url('../image/bg-sidebar.gif') top left no-repeat; color:#888; }
#sidebar #sidebar-wrapper { margin: 0 0 0 10px; }

#sidebar a,
#sidebar a:active { color:#ccc; }
#sidebar a:hover { color:#fff; }


/* 标题、账户信息 */

#sidebar #sidebar-title { position:relative; top:0; font-family:"幼圆","微软雅黑"; margin: 40px 0px 40px 15px; text-align:center; }
#sidebar #sidebar-title img { display:block; width:100%; }
#sidebar #profile-links { margin-bottom:15px; padding: 0 15px; text-align: right; border:0px solid #900; }
#sidebar #profile-links a { display:inline-block; margin-bottom:10px !important; font-size:12px; }


/* 折叠菜单 */

#sidebar #main-nav { width:205px; padding-left:15px; font-family: Helvetica, Arial, sans-serif; box-sizing:content-box; }
#sidebar #main-nav > li { padding-bottom:10px; text-align:right; }
#sidebar #main-nav > li > a { background:transparent url('../image/bg-menu-item-green.gif') right center no-repeat; color: #fff; font-size: 14px; cursor: pointer; display: block; padding: 10px 15px; text-decoration: none; }
#sidebar #main-nav > li a.current { background-image: url('../image/bg-menu-item-current.gif') !important; color: #333; font-weight: bold; }
#sidebar #main-nav > li a.current:hover { color: #333; }

#sidebar #main-nav ul { display:none; padding:8px 0; font-size:12px; border:0px solid #f00; }
#sidebar #main-nav ul li { text-align:right; }
#sidebar #main-nav ul li a { display:block; padding: 8px 15px; color: #aaa; font-size: 13px; line-height:1em; }
#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover { color: #fff; }
#sidebar #main-nav ul li a.current { background: transparent url('../image/menu-current-arrow.gif') right center no-repeat !important; }

























/* =================================================      Main Content      ================================================= */



/* Layout */

#main-content { position:relative; margin-left:230px; padding:40px 40px 80px; background:url('../image/bg-radial-gradient.gif') fixed 230px top no-repeat; }
#main-content #footer { position:absolute; left:5%; bottom:0; width:90%; border-top: 1px solid #ccc; padding: 20px 0; font-size: 13px; text-align:center; }

.column-left  { width: 48%; float: left; }
.column-right { width: 48%; float: right; }




/* Shortcut Buttons */

.shortcut-buttons-set { margin-bottom:5px; padding:0 !important; }
.shortcut-buttons-set li { float:left; margin:0 15px 15px 0; padding: 0 !important; }

.shortcut-buttons-set a { background:#f7f7f7 url('../image/shortcut-button-bg.gif') top left no-repeat; display:block; width:120px; border:1px solid #ccc; border-radius: 6px; }
.shortcut-buttons-set a:hover { background: #fff; }
.shortcut-buttons-set a:hover span { color: #57a000; }
.shortcut-buttons-set a span { display:block; padding:15px 10px; font:13px/1.3em "Helvetica"; color:#555; text-align:center; border:1px solid #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.shortcut-buttons-set a img  { display:block; max-width:64px; margin:0 auto 10px; }





/* Content Box */

.content-box { background: #fff; border:1px solid #ccc; margin: 0 0 20px 0; }
.content-box-header { background: #e5e5e5 url('../image/bg-content-box.gif') top left repeat-x; margin-top: 1px; height: 40px; }
.content-box-header h3 { padding: 12px 15px 10px; float:left; }
.content-box-header h3.collapse { cursor:s-resize; }
.content-box-content { padding: 15px; font-size: 13px; border-top: 1px solid #ccc; }
.content-box-content table { margin:0 !important; border:none !important; }

ul.content-box-tabs { float:right; padding:12px 15px 0 0 !important; margin: 0 !important; }
ul.content-box-tabs li { float: left; margin: 0; padding: 0 !important; background-image: none !important; }
ul.content-box-tabs li a { display:block; margin:1px; padding: 8px 10px; color:#333; border-bottom: 0; }
ul.content-box-tabs li a.active { background:#fff; border:1px solid #ccc; border-bottom: 0; margin: 0; border-top-left-radius:6px; border-top-right-radius:6px; }
ul.content-box-tabs li a:hover  { color:#57a000; }

.closed-box .content-box-tabs     { display:none; }
.closed-box .content-box-content  { display:none; }
.content-box-content .tab-content { display:none; }
.content-box-content .tab-content.active { display:block; }




                
/* Table */

#main-content table { width: 100%; margin:40px 0; background:#fff; border-collapse: collapse; border: 1px solid #ddd; }
#main-content table td,
#main-content table th { padding: 10px; line-height: 1.3em; }
#main-content table thead th { font-weight: bold; font-size: 15px; border-bottom: 1px solid #ddd; }
#main-content table tbody { border-bottom: 1px solid #ddd; }
#main-content table tbody tr { background: #fff; }
#main-content table tbody tr.alt-row { background: #f3f3f3; }
#main-content table tfoot td .bulk-actions { padding: 15px 0 5px 0; } 
#main-content table tfoot td .bulk-actions select { padding: 4px; border: 1px solid #ccc; }
#main-content table input[type="checkbox"],
#main-content table input[type="radio"] { vertical-align: -2px; }





/* Pagination */

.pagination { text-align: right; padding: 20px 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.pagination a { margin: 0 5px 0 0; padding: 3px 6px; }
.pagination a.number { border: 1px solid #ddd; }
.pagination a.current { background: #469400 url('../image/bg-button-green.gif') top left repeat-x !important; border-color: #459300 !important; color: #fff !important; }
.pagination a.current:hover { text-decoration: underline; }




/* Forms */

form label { display: block; padding: 0 0 10px; font-weight: bold; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 0.75em; color: #777; }

form input.text-input,
form select,
form textarea,
form .wysiwyg {
	padding: 6px;
	font-size: 13px;
	background: #fff url('../image/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333; }

form .small-input { width: 25% !important; }
form .medium-input { width: 50% !important; }
form .large-input { width: 97.5% !important; font-size: 16px !important; padding: 8px !important; }
form textarea { width: 97.5% !important; font-family: Arial, Helvetica, sans-serif; }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"],
form input[type="radio"] { padding: 0; background: none; border: 0; }




/* Lists */

#main-content ul.ul { padding:10px 0; }
#main-content ul.ul li { background: url('../icons/bullet_black.png') center left no-repeat; padding: 4px 0 4px 20px; }
#main-content ol.ol { padding: 10px 0 0 24px; }
#main-content ol.ol li { list-style: decimal; padding: 4px 0; }




/* Notifications */

.notification { position:relative; margin: 0 0 15px 0; border:1px solid; font-size: 13px; width: 99.8%; }
.notification.information { border-color:#a2b4ee; color:#585b66; background:#dbe3ff url('../icons/notice_info.png') 10px 11px no-repeat; }
.notification.attention   { border-color:#e6db55; color:#666452; background:#fffbcc url('../icons/notice_warn.png') 10px 11px no-repeat; }
.notification.success     { border-color:#9adf8f; color:#556652; background:#d5ffce url('../icons/notice_success.png') 10px 11px no-repeat; }
.notification.error       { border-color:#df8f8f; color:#665252; background:#ffcece url('../icons/notice_error.png') 10px 11px no-repeat; }

.notification .close { position:absolute; right:5px; top:5px; cursor:pointer; }
.notification div { display:block; font-style:normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.notification.with_close div { padding-right:15px; }
.notification.with_close .close { right:7px; top:7px; }

.input-notification { background-position: left 2px; padding: 2px 0 2px 22px; margin: 0 0 0 5px; }
.input-notification.information { background:url('../icons/notice_info.png') 0px 2px no-repeat; }
.input-notification.attention   { background:url('../icons/notice_warn.png') 0px 2px no-repeat; }
.input-notification.success     { background:url('../icons/notice_success.png') 0px 2px no-repeat; }
.input-notification.error       { background:url('../icons/notice_error.png') 0px 2px no-repeat; }












/* =================================================      Version      ================================================= */



.hhversion h5 { border-left:5px solid #ddd; padding:2px 0 2px 10px; margin:30px 0 0 6px; }
.hhversion li { line-height:1.6em; }
.hhversion ol { margin-bottom:20px; }



@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot'); /* IE9*/
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
	url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}






/* =================================================      hhstate      ================================================= */

@font-face {
	font-family: 'statefont';
	src: url('../font/statefont.eot'); /* IE9*/
	src: url('../font/statefont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/statefont.woff') format('woff'), /* chrome、firefox */
	url('../font/statefont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font/statefont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.statefont {
	font-style:normal;
	font-family:"statefont" !important;
	font-size:70px;
	line-height:90px;
	color:#ddd;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

/* hhstate */

.hhstate { position:absolute; left:50%; top:50%; width:200px; margin:-90px 0 0 -100px; text-align:center; border:0px solid #f00; }
.hhstate .hh_descp   { font:15px/20px "微软雅黑"; color:#ccc; }
.hhstate .hh_loading { height:60px; background:url(../image/hf_loading4.gif) no-repeat center center; background-size:30px auto; opacity:0.7; border:0px solid #f00; }
.hhstate .hh_loading { height:70px; background:url(../image/hf_loading3.gif) no-repeat center center; background-size:40px auto; opacity:0.5; border:0px solid #f00; }
.hhstate .hh_loading { height:70px; background:url(../image/hf_loading2.gif) no-repeat center center; background-size:120px auto; opacity:0.7; border:0px solid #f00; }
.hhstate .hh_loading { height:90px; background:url(../image/hf_loading1.gif) no-repeat center center; background-size:65px auto; opacity:0.7; border:0px solid #f00; }
.hhstate .hh_empty:before { content:"\e602"; }
.hhstate .hh_empty:before { content:"\e601"; }
.hhstate .hh_error:before { content:"\e606"; }

.hhstate .User1:before { content:"\e611"; color:#ddd; font-size:80px; line-height:80px; }
.hhstate .User2:before { content:"\e612"; color:#ddd; font-size:80px; line-height:80px; }
.hhstate .Users:before { content:"\e616"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Order1:before { content:"\e631"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Order2:before { content:"\e632"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Order3:before { content:"\e633"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Comment1:before { content:"\e621"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Comment2:before { content:"\e622"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Bankcard1:before { content:"\e626"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Bankcard2:before { content:"\e627"; color:#ddd; font-size:70px; line-height:90px; }
.hhstate .Image:before { content:"\e689"; font:70px/90px "hhicon"; color:#ddd; }
.hhstate .Album:before { content:"\e68a"; font:70px/90px "hhicon"; color:#ddd; }

.hhstate.center      { margin-top:-45px; }
.hhstate.hhrelative  { position:relative; left:auto; top:auto; margin:auto; padding:20% 0; }
.hhrelative .hhstate { position:relative; left:auto; top:auto; margin:auto; padding:20% 0; }


/* ================================================================================================ */

@font-face {
	font-family: 'hhicon';
	src: url('../font/hhicon.eot'); /* IE9*/
	src: url('../font/hhicon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../font/hhicon.woff') format('woff'), /* chrome、firefox */
	url('../font/hhicon.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font/hhicon.svg#hhicon') format('svg'); /* iOS 4.1- */
}

.hhicon {
	font-family:"hhicon" !important;
	font-size:20px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.hhicon:before { vertical-align:-10%; }

/* 常用图标 */

.hhicon.path_up:before    { content:"\e600"; }
.hhicon.path_down:before  { content:"\e601"; }
.hhicon.path_left:before  { content:"\e602"; }
.hhicon.path_right:before { content:"\e603"; }

.hhicon.arrow_up:before    { content:"\e6af"; }
.hhicon.arrow_down:before  { content:"\e6b0"; }
.hhicon.arrow_left:before  { content:"\e6ae"; }
.hhicon.arrow_right:before { content:"\e6ad"; }

.hhicon.view:before       { content:"\e61a"; }
.hhicon.view_fill:before  { content:"\e61b"; }
.hhicon.star1:before      { content:"\e614"; }
.hhicon.star1_fill:before { content:"\e615"; }
.hhicon.star2:before      { content:"\e616"; }
.hhicon.star2_fill:before { content:"\e617"; }
.hhicon.like:before       { content:"\e61c"; }
.hhicon.like_fill:before  { content:"\e61d"; }
.hhicon.comment1:before      { content:"\e67c"; }
.hhicon.comment1_fill:before { content:"\e67d"; }
.hhicon.comment2:before      { content:"\e67e"; }
.hhicon.comment2_fill:before { content:"\e67f"; }
.hhicon.comment3:before      { content:"\e680"; }
.hhicon.comment3_fill:before { content:"\e681"; }
.hhicon.comment4:before      { content:"\e69b"; }
.hhicon.comment5:before      { content:"\e69c"; }
.hhicon.set:before       { content:"\e68e"; }
.hhicon.set_fill:before  { content:"\e68f"; }
.hhicon.home:before      { content:"\e6ba"; }
.hhicon.home_fill:before { content:"\e6bb"; }
.hhicon.viewmode1:before { content:"\e6ab"; }
.hhicon.viewmode2:before { content:"\e6ac"; }
.hhicon.menu:before      { content:"\e6b2"; }
.hhicon.close:before     { content:"\e6b3"; }
.hhicon.clock:before     { content:"\e690"; }
.hhicon.bell:before      { content:"\e691"; }
.hhicon.message:before   { content:"\e692"; }
.hhicon.trade:before     { content:"\e693"; }

/* 分享图标 */

.hhicon.share1:before      { content:"\e618"; }
.hhicon.share2:before      { content:"\e619"; }
.hhicon.weixin:before      { content:"\e69d"; }
.hhicon.weixin_fill:before { content:"\e69e"; }
.hhicon.wxzone:before      { content:"\e69f"; }
.hhicon.qq:before          { content:"\e6a0"; }
.hhicon.qzone:before       { content:"\e6a1"; }
.hhicon.weibo:before       { content:"\e6a2"; }

/* 表单图标 */

.hhicon.circle_empty:before         { content:"\e604"; }
.hhicon.circle_check:before         { content:"\e605"; }
.hhicon.circle_check_fill:before    { content:"\e606"; }
.hhicon.circle_close:before         { content:"\e607"; }
.hhicon.circle_close_fill:before    { content:"\e608"; }
.hhicon.circle_add:before           { content:"\e609"; }
.hhicon.circle_add_fill:before      { content:"\e60a"; }
.hhicon.circle_cut:before           { content:"\e60b"; }
.hhicon.circle_cut_fill:before      { content:"\e60c"; }
.hhicon.circle_tip:before           { content:"\e60d"; }
.hhicon.circle_tip_fill:before      { content:"\e60e"; }
.hhicon.circle_question:before      { content:"\e60f"; }
.hhicon.circle_question_fill:before { content:"\e610"; }

.hhicon.square_empty:before      { content:"\e611"; }
.hhicon.square_check:before      { content:"\e612"; }
.hhicon.square_check_fill:before { content:"\e613"; }

.hhicon.warning:before      { content:"\e622"; }
.hhicon.warning_fill:before { content:"\e623"; }
.hhicon.delete:before       { content:"\e624"; }
.hhicon.delete_fill:before  { content:"\e625"; }

/* 商城购物图标 */

.hhicon.cart:before        { content:"\e632"; }
.hhicon.cart_fill:before   { content:"\e633"; }
.hhicon.money:before       { content:"\e62a"; }
.hhicon.money_fill:before  { content:"\e62b"; }
.hhicon.coin1:before       { content:"\e644"; }
.hhicon.coin2:before       { content:"\e643"; }
.hhicon.wallet:before      { content:"\e646"; }
.hhicon.cash:before        { content:"\e645"; }
.hhicon.ticket:before      { content:"\e647"; }
.hhicon.coupon1:before     { content:"\e648"; }
.hhicon.coupon2:before     { content:"\e649"; }
.hhicon.coupon3:before     { content:"\e64a"; }
.hhicon.discount1:before   { content:"\e64b"; }
.hhicon.discount2:before   { content:"\e64c"; }
.hhicon.tag1:before        { content:"\e64d"; }
.hhicon.tag2:before        { content:"\e64e"; }
.hhicon.tags:before        { content:"\e64f"; }
.hhicon.order1:before      { content:"\e634"; }
.hhicon.order1_fill:before { content:"\e635"; }
.hhicon.order2:before      { content:"\e636"; }
.hhicon.order3:before      { content:"\e637"; }
.hhicon.order4:before      { content:"\e638"; }
.hhicon.list:before        { content:"\e639"; }
.hhicon.tel_service1:before      { content:"\e678"; }
.hhicon.tel_service1_fill:before { content:"\e679"; }
.hhicon.tel_service2:before      { content:"\e67a"; }
.hhicon.tel_service3:before      { content:"\e67b"; }
.hhicon.van1:before    { content:"\e63a"; }
.hhicon.van2:before    { content:"\e63b"; }
.hhicon.barcode:before { content:"\e650"; }
.hhicon.hongbao:before { content:"\e651"; }
.hhicon.gift:before    { content:"\e652"; }
.hhicon.shopbag:before { content:"\e653"; }

/* 用户图标 */

.hhicon.user_info:before     { content:"\e65d"; }
.hhicon.user_add:before      { content:"\e65e"; }
.hhicon.user_add_fill:before { content:"\e661"; }
.hhicon.user_favor:before    { content:"\e65f"; }
.hhicon.user_like:before     { content:"\e660"; }
.hhicon.user1:before         { content:"\e662"; }
.hhicon.user1_fill:before    { content:"\e663"; }
.hhicon.user2:before         { content:"\e664"; }
.hhicon.user3:before         { content:"\e665"; }
.hhicon.users1:before        { content:"\e666"; }
.hhicon.users1_fill:before   { content:"\e667"; }
.hhicon.users2:before        { content:"\e668"; }
.hhicon.users3:before        { content:"\e669"; }
.hhicon.users4:before        { content:"\e66a"; }
.hhicon.user4:before         { content:"\e66b"; }
.hhicon.user4_fill:before    { content:"\e66c"; }
.hhicon.user5:before         { content:"\e66d"; }
.hhicon.user5_fill:before    { content:"\e66e"; }
.hhicon.user6:before         { content:"\e66f"; }
.hhicon.user7:before         { content:"\e670"; }
.hhicon.gender_m1:before     { content:"\e671"; }
.hhicon.gender_f1:before     { content:"\e672"; }
.hhicon.gender_m2:before     { content:"\e673"; }
.hhicon.gender_f2:before     { content:"\e674"; }
.hhicon.gender_m3:before     { content:"\e675"; }
.hhicon.gender_f3:before     { content:"\e676"; }
.hhicon.user_card1:before    { content:"\e65b"; }
.hhicon.user_card2:before    { content:"\e65c"; }
.hhicon.contact:before       { content:"\e677"; }

/* 未分类 */

.hhicon.ewm1:before       { content:"\e61e"; }
.hhicon.ewm2:before       { content:"\e61f"; }
.hhicon.scan1:before      { content:"\e620"; }
.hhicon.scan2:before      { content:"\e621"; }
.hhicon.time:before       { content:"\e626"; }
.hhicon.time_fill:before  { content:"\e627"; }
.hhicon.sound:before      { content:"\e628"; }
.hhicon.sound_fill:before { content:"\e629"; }
.hhicon.data:before       { content:"\e62c"; }
.hhicon.data_fill:before  { content:"\e62d"; }
.hhicon.hot:before        { content:"\e62e"; }
.hhicon.hot_fill:before   { content:"\e62f"; }
.hhicon.crown:before      { content:"\e630"; }
.hhicon.crown_fill:before { content:"\e631"; }
.hhicon.voice:before      { content:"\e68b"; }
.hhicon.voice_fill:before { content:"\e68c"; }

.hhicon.location1:before      { content:"\e63e"; }
.hhicon.location1_fill:before { content:"\e63f"; }
.hhicon.location2:before      { content:"\e63c"; }
.hhicon.location3:before      { content:"\e63d"; }
.hhicon.location4:before      { content:"\e640"; }
.hhicon.location5:before      { content:"\e641"; }
.hhicon.map:before            { content:"\e642"; }

.hhicon.building:before { content:"\e654"; }
.hhicon.bag:before      { content:"\e655"; }
.hhicon.tool1:before    { content:"\e656"; }
.hhicon.tool2:before    { content:"\e657"; }
.hhicon.tie:before      { content:"\e658"; }
.hhicon.certi1:before   { content:"\e659"; }
.hhicon.certi2:before   { content:"\e65a"; }

.hhicon.speaker:before { content:"\e694"; }
.hhicon.bug:before     { content:"\e695"; }
.hhicon.link:before    { content:"\e696"; }
.hhicon.fresh:before   { content:"\e6bd"; }
.hhicon.lock1:before   { content:"\e697"; }
.hhicon.lock2:before   { content:"\e698"; }
.hhicon.code1:before   { content:"\e699"; }
.hhicon.code2:before   { content:"\e69a"; }

.hhicon.airplane1:before  { content:"\e6a3"; }
.hhicon.airplane2:before  { content:"\e6a4"; }
.hhicon.airplane3:before  { content:"\e6a5"; }
.hhicon.flag1:before      { content:"\e6a6"; }
.hhicon.flag2:before      { content:"\e6a7"; }
.hhicon.flag3:before      { content:"\e6a8"; }
.hhicon.flag_add:before   { content:"\e6a9"; }
.hhicon.flag_check:before { content:"\e6aa"; }

.hhicon.news:before         { content:"\e68d"; }
.hhicon.edit1:before        { content:"\e682"; }
.hhicon.edit2:before        { content:"\e683"; }
.hhicon.edit3:before        { content:"\e684"; }
.hhicon.camera1:before      { content:"\e685"; }
.hhicon.camera1_fill:before { content:"\e686"; }
.hhicon.camera2:before      { content:"\e687"; }
.hhicon.img_add:before      { content:"\e688"; }
.hhicon.image:before        { content:"\e689"; }
.hhicon.album:before        { content:"\e68a"; }

.hhicon.exchange:before    { content:"\e6b1"; }
.hhicon.magic:before       { content:"\e6b4"; }
.hhicon.more1:before       { content:"\e6b5"; }
.hhicon.more2:before       { content:"\e6b6"; }
.hhicon.interface:before   { content:"\e6b7"; }
.hhicon.module:before      { content:"\e6b8"; }
.hhicon.exit:before        { content:"\e6b9"; }
.hhicon.fingerprint:before { content:"\e6bc"; }

/* ================================================================================================ */


.hhFolderBody,.hhFolderLayer{position:fixed;display:none;opacity:0}.hhFolderLayer{left:0;top:0;z-index:1024;width:100%;height:100%;background:#000;outline:0}.hhFolderBody{left:50%;top:50%;z-index:1025;margin:-328px 0 0 -495px;width:990px;height:656px;background:#fff;border-radius:2px;overflow:hidden}.hhFolderBody *{box-sizing:content-box!important;outline:0;-webkit-tap-highlight-color:transparent}.hhFolderHeader{position:relative;height:42px;overflow:hidden;border-bottom:1px solid #eee;border-radius:2px 2px 0 0}.hhFolderTitle{font:14px/42px "微软雅黑";color:#333;margin:0;padding:0 40px 0 12px}.hhFolderTitle b{font:12px/12px "微软雅黑";color:#888;margin-left:8px;padding:1px 5px;border-radius:3px;background:#f3f3f3}.hhFolderClose{font:23px/18px "微软雅黑";width:22px;height:22px;position:absolute;right:10px;top:10px;display:block;text-align:center;opacity:.3}.hhFolderClose:hover{opacity:1;text-decoration:none;cursor:pointer}.hhFolderMenu{position:absolute;left:0;width:200px;height:553px;background:#f7f7f7;overflow:auto;border-right:1px solid #eaeaea}.hhFolderMenu ul{padding:0;margin:0}.hhFolderMenu ul li{position:relative;padding:12px 35px 12px 12px;font:14px/18px "微软雅黑";color:#888;cursor:pointer;border-bottom:1px solid #eaeaea}.hhFolderMenu ul li span{position:absolute;right:12px;top:12px}.hhFolderMenu ul li.active{background:#fff}.hhFolderMenu ul li:hover{background:#fefefe}.hhFolderType{position:relative;height:32px;margin-left:200px;overflow:hidden;border:0 solid red}.hhFolderType ul{padding:0 10px;overflow:hidden;zoom:1;border:0 solid #f66}.hhFolderType li{float:left;margin:10px 5px 0 0;padding:0 6px;font:13px/22px "微软雅黑";color:#888;border-radius:4px;cursor:pointer}.hhFolderFile,.hhFolderFile ul{border:0 solid red;overflow:hidden}.hhFolderType li.active,.hhFolderType li:hover{background:#ddf3e8;color:#0ba95f}.hhFolderFile{position:relative;height:475px;margin-left:200px}.hhFolderFile ul{display:block;height:465px;padding:5px;zoom:1}.hhFolderFile ul.empty{background:url(image/img_empty.png) center no-repeat}.hhFolderFile ul li{float:left;margin:5px;width:120px;list-style:none}.hhFolderFile ul li div{position:relative;width:120px;height:120px}.hhFolderFile ul li div p{position:absolute;left:0;bottom:0;width:100%;color:#fff;background:rgba(0,0,0,.3)}.hhFolderFile ul li div b{display:none;position:absolute;left:0;top:0;z-index:5;width:116px;height:116px;border:2px solid #6ec174;box-sizing:content-box;cursor:pointer}.hhFolderFile ul li.selected b{display:block;background:url(image/album_check.png) right bottom no-repeat}.hhFolderFile ul li img{width:100%;height:100%;cursor:pointer;background:#f1f1f1}.hhFolderFile ul li p{font:12px/20px "微软雅黑";margin:5px 0 0;padding:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hhFolderPages{position:relative;height:44px;margin-left:200px;text-align:right;border-top:1px solid #f3f3f3}.hhFolderPages>div{padding:9px 10px 0 0}.hhFolderPages .laypage_curr{background:#6ec174!important}.hhFolderPages .hhFolderInfos{position:absolute;left:10px;top:0;width:50%;font:12px/45px "微软雅黑";color:#aaa;text-align:left}.hhFolderPages .hhFolderInfos span{margin-right:5px;padding:3px 6px;font:12px/20px "微软雅黑";color:#aaa;background:#f5f5f5;border-radius:3px}.hhFolderActions{position:absolute;top:52px;right:10px}.hhFolderActions .hhFolderBtnUpload{display:block;width:52px;font:12px/22px "微软雅黑";color:#fff;text-align:center;background:#6ec174;border-radius:2px;cursor:pointer}.hhFolderActions .hhFolderBtnUpload:hover{background:#399f00;text-decoration:none}.hhFolderFooter{position:relative;height:60px;border-top:1px solid #f3f3f3}.hhFolderFooter .hh_tip{padding:0;position:absolute;left:20px;top:20px;font:14px/20px "微软雅黑";color:#f26e67}.hhFolderFooter .hh_btn{position:absolute;top:13px;left:50%;display:block;width:150px;padding:5px 0;font:14px/24px "微软雅黑";color:#fff;text-align:center;border-radius:3px;cursor:pointer;opacity:.95}.hhFolderFooter .hh_btn.btn_clean{background:#6ec174;margin-left:-155px}.hhFolderFooter .hh_btn.btn_chosen{background:#337AB7;margin-left:5px}.hhFolderFooter .hh_btn:hover{opacity:1;text-decoration:none}.hhFolderBody.sm{width:930px;height:620px;margin:-310px 0 0 -465px}.hhFolderBody.sm .hhFolderMenu{height:523px}.hhFolderBody.sm .hhFolderFile{height:445px}.hhFolderBody.sm .hhFolderFile ul{height:435px}.hhFolderBody.sm .hhFolderFile ul li{width:110px}.hhFolderBody.sm .hhFolderFile ul li div{width:110px;height:110px}.hhFolderBody.sm .hhFolderFile ul li div b{width:106px;height:106px}.hhFolderBody.sm .hhFolderFooter{height:54px}.hhFolderBody.sm .hhFolderFooter .hh_btn{top:11px;font:13px/22px "微软雅黑"}@-webkit-keyframes hhFancyIn{0%{-webkit-transform:scale(.6);transform:scale(.6)}33%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hhFancyIn{0%{-webkit-transform:scale(.6);transform:scale(.6)}33%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hhFancyOut{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes hhFancyOut{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}.anim_fancyIn{-webkit-animation:hhFancyIn .3s cubic-bezier(.4,0,.5,1);animation:hhFancyIn .3s cubic-bezier(.4,0,.5,1)}.anim_fancyOut{-webkit-animation:hhFancyOut .3s cubic-bezier(1,.5,0,.4);animation:hhFancyOut .3s cubic-bezier(1,.5,0,.4)}@-webkit-keyframes hhBounceIn{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hhBounceIn{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hhBounceOut{100%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hhBounceOut{100%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}.anim_bounceIn{-webkit-animation:hhBounceIn .3s cubic-bezier(.4,0,.5,1);animation:hhBounceIn .3s cubic-bezier(.4,0,.5,1)}.anim_bounceOut{-webkit-animation:hhBounceOut .2s cubic-bezier(1,.5,0,.4);animation:hhBounceOut .2s cubic-bezier(1,.5,0,.4)}@-webkit-keyframes hhSlideUpIn{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hhSlideUpIn{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hhSlideUpOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(200px);transform:translateY(200px)}}@keyframes hhSlideUpOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(200px);transform:translateY(200px)}}.anim_slideUpIn{-webkit-animation:hhSlideUpIn .3s;animation:hhSlideUpIn .3s}.anim_slideUpOut{-webkit-animation:hhSlideUpOut .2s;animation:hhSlideUpOut .2s}@-webkit-keyframes hhSlideDownIn{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hhSlideDownIn{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hhSlideDownOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes hhSlideDownOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}.anim_slideDownIn{-webkit-animation:hhSlideDownIn .3s;animation:hhSlideDownIn .3s}.anim_slideDownOut{-webkit-animation:hhSlideDownOut .2s;animation:hhSlideDownOut .2s}@-webkit-keyframes hhSlideLeftIn{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hhSlideLeftIn{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hhSlideLeftOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}}@keyframes hhSlideLeftOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}}.anim_slideLeftIn{-webkit-animation:hhSlideLeftIn .3s;animation:hhSlideLeftIn .3s}.anim_slideLeftOut{-webkit-animation:hhSlideLeftOut .2s;animation:hhSlideLeftOut .2s}@-webkit-keyframes hhSlideRightIn{0%{-webkit-transform:translateX(500px);transform:translateX(500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hhSlideRightIn{0%{-webkit-transform:translateX(500px);transform:translateX(500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hhSlideRightOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(500px);transform:translateX(500px)}}@keyframes hhSlideRightOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(500px);transform:translateX(500px)}}.anim_slideRightIn{-webkit-animation:hhSlideRightIn .3s;animation:hhSlideRightIn .3s}.anim_slideRightOut{-webkit-animation:hhSlideRightOut .2s;animation:hhSlideRightOut .2s}

.hhPanelBody *,.hhPanelLayer{outline:0;-webkit-tap-highlight-color:transparent}.hhPanelBody.hhLoader_3 .hhLoader_title,.hhPanelBody.hhLoader_4 .hhLoader_title,.hhPanelBody.hhTree_1 .hhPanelTitle{overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}@font-face{font-family:hhicon;src:url(font/hhicon.eot);src:url(font/hhicon.eot?#iefix) format("embedded-opentype"),url(font/hhicon.woff) format("woff"),url(font/hhicon.ttf) format("truetype"),url(font/hhicon.svg#hhicon) format("svg")}::-webkit-scrollbar{display:none}.hhHide{display:none!important}.hhPanelBody,.hhPanelLayer{position:fixed;left:0;top:0;display:none;width:100%;height:100%;border:0 solid red}.hhBlur{filter:blur(10px);-moz-filter:blur(10px);-webkit-filter:blur(10px)}.hhPanelLayer{z-index:19911024;background:#000;opacity:0;box-sizing:border-box;cursor:pointer}.hhPanelBody.hhLoader_1,.hhPanelBody.hhLoader_2{background:url(image/hh_loading1.gif) center no-repeat #fff}.hhPanelBody{z-index:20170822}.hhPanelBody.hhLoader_1,.hhPanelBody.hhLoader_2,.hhPanelBody.hhLoader_3{display:none;top:45%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:8px;opacity:0;left:50%}.hhPanelLayer.hhLoader_1{display:none}.hhPanelLayer.hhLoader_2{display:none;opacity:0}.hhPanelLayer.hhLoader_3{display:none;opacity:0}.hhPanelBody.hhLoader_3{background:rgba(0,0,0,.6)}.hhPanelBody.hhLoader_3 .hhLoader_title{padding:0 15px;font:14px/20px "微软雅黑";color:#fff}.hhPanelBody.hhLoader_3 .hhLoader_spinners{position:relative;width:100%;height:60px;margin:15px 0 0;padding:0}.hhPanelBody.hhLoader_3 .hhLoader_spinner{position:absolute;left:50%;top:50%;display:block;width:8px;height:3px;margin-left:8px;background:#fff;border-radius:3px;list-style-type:none;-webkit-transform-origin:-8px 50%;outline:transparent solid 1px}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(1){-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation:hhLoaderSpinner .9s linear 0s infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:hhLoaderSpinner .9s linear 75ms infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation:hhLoaderSpinner .9s linear .15s infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:hhLoaderSpinner .9s linear 225ms infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation:hhLoaderSpinner .9s linear .3s infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation:hhLoaderSpinner .9s linear 375ms infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:hhLoaderSpinner .9s linear .45s infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation:hhLoaderSpinner .9s linear 525ms infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation:hhLoaderSpinner .9s linear .6s infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation:hhLoaderSpinner .9s linear 675ms infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation:hhLoaderSpinner .9s linear .75s infinite}.hhPanelBody.hhLoader_3 .hhLoader_spinner:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation:hhLoaderSpinner .9s linear 825ms infinite}.hhPanelLayer.hhLoader_4{display:none;opacity:0}.hhPanelBody.hhLoader_4{display:none;opacity:0;left:50%;top:45%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:8px;background:rgba(0,0,0,.6)}.hhPanelBody.hhLoader_4 .hhLoader_title{padding:0 15px;font:14px/20px "微软雅黑";color:#fff}.hhPanelBody.hhLoader_4 .hhLoader_spinners{position:relative;width:40px;height:60px;margin:15px auto 0;padding:0;border:0 solid red}.hhPanelBody.hhLoader_4 .hhLoader_spinner{float:left;display:block;width:4px;height:12px;margin:24px 2px;background:#fff;border-radius:6px;list-style-type:none}.hhPanelBody.hhTree_1,.hhPanelBody.hhWxHelp,.hhPanelLayer.hhQrcode_1,.hhPanelLayer.hhTree_1,.hhPanelLayer.hhWxHelp{display:none;opacity:0}.hhPanelBody.hhLoader_4 .hhLoader_spinner:nth-child(1){-webkit-animation:hhLoaderStretch 1s ease-in-out .3s infinite}.hhPanelBody.hhLoader_4 .hhLoader_spinner:nth-child(2){-webkit-animation:hhLoaderStretch 1s ease-in-out .4s infinite}.hhPanelBody.hhLoader_4 .hhLoader_spinner:nth-child(3){-webkit-animation:hhLoaderStretch 1s ease-in-out .5s infinite}.hhPanelBody.hhLoader_4 .hhLoader_spinner:nth-child(4){-webkit-animation:hhLoaderStretch 1s ease-in-out .6s infinite}.hhPanelBody.hhLoader_4 .hhLoader_spinner:nth-child(5){-webkit-animation:hhLoaderStretch 1s ease-in-out .7s infinite}.hhPanelBody.hhQrcode_1{display:none;opacity:0;left:50%;top:45%;width:200px;height:auto;margin:-100px 0 0 -115px;padding:15px;background:#fff;border-radius:5px}.hhPanelBody.hhQrcode_1 img{width:200px;height:200px;margin:0 0 5px}.hhPanelBody.hhQrcode_1 p{font:15px/22px "微软雅黑";color:#555;text-align:center}.hhPanelBody.hhWxHelp{position:fixed;right:0;width:auto;height:auto}.hhPanelBody.hhWxHelp img{position:absolute;right:10px;top:20px;width:250px}.hhPanelBody.hhTree_1{left:0;top:auto;bottom:0;width:100%;height:65%;background:#fff}.hhPanelBody.hhTree_1.PcPanel{left:50%;top:auto;bottom:50%;width:650px;height:500px;margin:0 0 -250px -325px;border-radius:5px}.hhPanelBody.hhTree_1 .hhPanelHeader{position:relative;border:0 solid red}.hhPanelBody.hhTree_1 .hhPanelTitle{margin:0 60px;padding:0;font:15px/40px "微软雅黑";color:#999;border:0 solid red}.hhPanelBody.hhTree_1 .hhPanelClose{position:absolute;right:8px;top:8px;display:block;width:24px;height:24px;font:22px/24px "微软雅黑";color:#999;text-align:center;margin:0;padding:0;border:0 solid red;border-radius:5px;cursor:pointer}.hhPanelBody.hhTree_1 .hhPanelClose:active{background:#eee}.hhPanelBody.hhTree_1 .hhPanelCate{border-bottom:1px solid #f1f1f1}.hhPanelBody.hhTree_1 .hhPanelCate ul{display:block;height:31px;margin:0 0 -1px;padding:0;font-size:0;white-space:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;border:0 solid red}.hhPanelBody.hhTree_1 .hhPanelCate li{display:inline-block;margin:0 15px;position:relative;font:14px/30px "微软雅黑";color:#333;list-style:none;cursor:pointer}.hhPanelBody.hhTree_1 .hhPanelCate li.active{color:#f33;border-bottom:1px solid #f33}.hhPanelBody.hhTree_1 .hhPanelLists{position:absolute;top:71px;bottom:0;width:100%;overflow:hidden;border:0 solid #000}.hhPanelBody.hhTree_1 .hhPanelLists ul{position:absolute;left:100%;width:100%;height:100%;padding:10px 0;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;border:0 solid #000}.hhPanelBody.hhTree_1 .hhPanelLists li{padding:10px 15px;font:14px/20px "微软雅黑";color:#333;cursor:pointer}.hhPanelBody.hhTree_1 .hhPanelLists li.active{color:#f33}.hhPanelBody.hhTree_1 .hhPanelLists li.active:after{margin-left:10px;font:13px/20px hhicon;content:"\e6ce"}.hhPanelBody.hhTree_1 .hhPanelLoader{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px}@-webkit-keyframes hhLoaderSpinner{0%{opacity:0}100%{opacity:1}}@keyframes hhLoaderSpinner{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hhLoaderStretch{0%,100%,40%{margin:24px 2px;height:12px}20%{margin:15px 2px;height:30px}}@keyframes hhLoaderStretch{0%,100%,40%{margin:24px 2px;height:12px}20%{margin:15px 2px;height:30px}}@-webkit-keyframes hhFancyIn{0%{-webkit-transform:scale(.6);transform:scale(.6)}33%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hhFancyIn{0%{-webkit-transform:scale(.6);transform:scale(.6)}33%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hhFancyOut{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes hhFancyOut{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}.anim_fancyIn{-webkit-animation:hhFancyIn .3s cubic-bezier(.4,0,.5,1);animation:hhFancyIn .3s cubic-bezier(.4,0,.5,1)}.anim_fancyOut{-webkit-animation:hhFancyOut .3s cubic-bezier(1,.5,0,.4);animation:hhFancyOut .3s cubic-bezier(1,.5,0,.4)}@-webkit-keyframes hhBounceIn{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hhBounceIn{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hhBounceOut{100%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hhBounceOut{100%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}.anim_bounceIn{-webkit-animation:hhBounceIn .3s cubic-bezier(.4,0,.5,1);animation:hhBounceIn .3s cubic-bezier(.4,0,.5,1)}.anim_bounceOut{-webkit-animation:hhBounceOut .2s cubic-bezier(1,.5,0,.4);animation:hhBounceOut .2s cubic-bezier(1,.5,0,.4)}@-webkit-keyframes hhSlideUpIn{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hhSlideUpIn{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hhSlideUpOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(200px);transform:translateY(200px)}}@keyframes hhSlideUpOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(200px);transform:translateY(200px)}}.anim_slideUpIn{-webkit-animation:hhSlideUpIn .3s;animation:hhSlideUpIn .3s}.anim_slideUpOut{-webkit-animation:hhSlideUpOut .2s;animation:hhSlideUpOut .2s}@-webkit-keyframes hhSlideDownIn{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hhSlideDownIn{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hhSlideDownOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes hhSlideDownOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}.anim_slideDownIn{-webkit-animation:hhSlideDownIn .3s;animation:hhSlideDownIn .3s}.anim_slideDownOut{-webkit-animation:hhSlideDownOut .2s;animation:hhSlideDownOut .2s}@-webkit-keyframes hhSlideLeftIn{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hhSlideLeftIn{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hhSlideLeftOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}}@keyframes hhSlideLeftOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}}.anim_slideLeftIn{-webkit-animation:hhSlideLeftIn .3s;animation:hhSlideLeftIn .3s}.anim_slideLeftOut{-webkit-animation:hhSlideLeftOut .2s;animation:hhSlideLeftOut .2s}@-webkit-keyframes hhSlideRightIn{0%{-webkit-transform:translateX(500px);transform:translateX(500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hhSlideRightIn{0%{-webkit-transform:translateX(500px);transform:translateX(500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hhSlideRightOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(500px);transform:translateX(500px)}}@keyframes hhSlideRightOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(500px);transform:translateX(500px)}}.anim_slideRightIn{-webkit-animation:hhSlideRightIn .3s;animation:hhSlideRightIn .3s}.anim_slideRightOut{-webkit-animation:hhSlideRightOut .2s;animation:hhSlideRightOut .2s}