* {
    -moz-box-sizing: border-box;
    /*Firefox3.5+*/
    -webkit-box-sizing: border-box;
    /*Safari3.2+*/
    -o-box-sizing: border-box;
    /*Opera9.6*/
    -ms-box-sizing: border-box;
    /*IE8*/
    box-sizing: border-box;
    /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}

html,
body {
    margin: 0px;
    padding: 0px;
    min-width: 980px;
    max-width: 100%;
}

body {
    color: #444444
}

    body a {
        color: #797979;
        text-decoration: none
    }

body a:hover {
    color: #AA0000
}


/* table 定义 */

body,
table,
td {
    font-size: 13px;
    line-height: 1.4;
    font-family: " "
}

table {
    border-spacing: 0;
}

th,
td {
    line-height: 1.42857;
    padding: 8px 16px;
}


/* page */

.active {
    font-weight: 800
}

.page {
    padding-bottom: 12px;
    overflow: visible;
    clear: both
}

.page a,
.page a.active {
    display: inline-block;
    padding: 8px 12px;
    margin-right: 4px;
    border: 1px solid #49535E;
    color: #E9E9E9;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: #555;
    text-decoration: none
}

.page a:hover,
.page a.active {
    color: #E9E9E9;
    background: #000;
}


/* 标题 */

h1,
h2,
h3,
h4,
h5,
h6,
div,
p {
    margin: 0px;
    padding: 0px;
    line-height: 1;
    text-indent: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 8px;
    line-height: 1.4
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px;
    font-weight: 500
}

img {
    border: 0px;
    max-width: 100%;
}


/* Button 按钮 */

button {
    border: 0px;
    border: 1px #C5C5C5 solid;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowarp;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#f5f5f5', gradientType='0');
    background-image: -ms-linear-gradient(top, #fbfbfb, #f5f5f5);
    /* IE10 */
    background-image: -webkit-linear-gradient(top, #fbfbfb, #f5f5f5);
    /* Chrome */
    background-image: -moz-linear-gradient(top, #fbfbfb, #f5f5f5);
    /* Firefox */
    background-image: -o-linear-gradient(top, #fbfbfb, #f5f5f5);
    /* Opera */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    color: #5d5e5f;
    -moz-user-select: none;
}

button.small {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.44857;
    padding: 4px 12px;
}

button.middle {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.44857;
    padding: 6px 12px;
}

button.big {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44857;
    padding: 8px 12px;
}

button.blue {
    border: 1px solid #003458;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#16b1e4', endColorStr='#0183b3', gradientType='0');
    background-image: -ms-linear-gradient(top, #16b1e4, #0183b3);
    /* IE10 */
    background-image: -webkit-linear-gradient(top, #16b1e4, #0183b3);
    /* Chrome */
    background-image: -moz-linear-gradient(top, #16b1e4, #0183b3);
    /* Firefox */
    background-image: -o-linear-gradient(top, #16b1e4, #0183b3);
    /* Opera */
    color: #ffffff;
}

button.grey {
    border: 1px solid #b1b1b1;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#f3f3f3', endColorStr='#d2d2d2', gradientType='0');
    background-image: -ms-linear-gradient(top, #f3f3f3, #d2d2d2);
    /* IE10 */
    background-image: -webkit-linear-gradient(top, #f3f3f3, #d2d2d2);
    /* Chrome */
    background-image: -moz-linear-gradient(top, #f3f3f3, #d2d2d2);
    /* Firefox */
    background-image: -o-linear-gradient(top, #f3f3f3, #d2d2d2);
    /* Opera */
    color: #787a78;
}

button.red {
    border: 1px solid #8d0d0d;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#E52626', endColorStr='#ab1111', gradientType='0');
    background-image: -ms-linear-gradient(top, #E52626, #ab1111);
    /* IE10 */
    background-image: -webkit-linear-gradient(top, #E52626, #ab1111);
    /* Chrome */
    background-image: -moz-linear-gradient(top, #E52626, #ab1111);
    /* Firefox */
    background-image: -o-linear-gradient(top, #E52626, #ab1111);
    /* Opera */
    color: #ffffff;
}

button.yellow {
    border: 1px solid #d67e21;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#FFA444', endColorStr='#E17707', gradientType='0');
    background-image: -ms-linear-gradient(top, #FFA444, #E17A0C);
    /* IE10 */
    background-image: -webkit-linear-gradient(top, #FFA444, #E17A0C);
    /* Chrome */
    background-image: -moz-linear-gradient(top, #FFA444, #E17A0C);
    /* Firefox */
    background-image: -o-linear-gradient(top, #FFA444, #E17A0C);
    /* Opera */
    color: #ffffff;
}

button.blue:hover {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#3CC5F2', endColorStr='#058EBD', gradientType='0');
    /* IE */
    background-image: -ms-linear-gradient(top, #3CC5F2, #058EBD);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #3CC5F2, #058EBD);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #3CC5F2, #058EBD);
    /* Chrome */
    background-image: -o-linear-gradient(top, #3CC5F2, #058EBD);
    /* Opera */
}

button.blue:active {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#0e80a5', endColorStr='#0183b3', gradientType='0');
    background-image: -ms-linear-gradient(top, #0e80a5, #0183b3);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #0e80a5, #0183b3);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #0e80a5, #0183b3);
    /* Chrome */
    background-image: -o-linear-gradient(top, #0e80a5, #0183b3);
    /* Opera */
}

button.grey:hover {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#f8f8f8', endColorStr='#dcdcdc', gradientType='0');
    /* IE */
    background-image: -ms-linear-gradient(top, #f8f8f8, #dcdcdc);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #f8f8f8, #dcdcdc);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #f8f8f8, #dcdcdc);
    /* Chrome */
    background-image: -o-linear-gradient(top, #f8f8f8, #dcdcdc);
    /* Opera */
}

button.grey:active {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#e3e2e2', endColorStr='#f5f5f5', gradientType='0');
    background-image: -ms-linear-gradient(top, #e3e2e2, #f5f5f5);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #e3e2e2, #f5f5f5);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #e3e2e2, #f5f5f5);
    /* Chrome */
    background-image: -o-linear-gradient(top, #e3e2e2, #f5f5f5);
    /* Opera */
}

button.red:hover {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#FF4747', endColorStr='#b71313', gradientType='0');
    /* IE */
    background-image: -ms-linear-gradient(top, #FF4747, #b71313);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #FF4747, #b71313);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #FF4747, #b71313);
    /* Chrome */
    background-image: -o-linear-gradient(top, #FF4747, #b71313);
    /* Opera */
}

button.red:active {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#aa0f0f', endColorStr='#9a0e0e', gradientType='0');
    background-image: -ms-linear-gradient(top, #aa0f0f, #9a0e0e);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #aa0f0f, #9a0e0e);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #aa0f0f, #9a0e0e);
    /* Chrome */
    background-image: -o-linear-gradient(top, #aa0f0f, #9a0e0e);
    /* Opera */
}

button.yellow:hover {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#FFC07E', endColorStr='#E88319', gradientType='0');
    /* IE */
    background-image: -ms-linear-gradient(top, #FFC07E, #E88319);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #FFC07E, #E88319);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #FFC07E, #E88319);
    /* Chrome */
    background-image: -o-linear-gradient(top, #FFC07E, #E88319);
    /* Opera */
}

button.yellow:active {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#f78120', endColorStr='#e1771d', gradientType='0');
    background-image: -ms-linear-gradient(top, #f78120, #e1771d);
    /* IE10 */
    background-image: -moz-linear-gradient(top, #f78120, #e1771d);
    /* Firefox */
    background-image: -webkit-linear-gradient(top, #f78120, #e1771d);
    /* Chrome */
    background-image: -o-linear-gradient(top, #f78120, #e1771d);
    /* Opera */
}

button.disabled {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.45;
    pointer-events: none;
}


/* select */

select {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 13px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    min-width: 100px;
    -moz-box-sizing: border-box;
    /* Firefox3.5+ */
    -webkit-box-sizing: border-box;
    /* Safari3.2+ */
    -o-box-sizing: border-box;
    /* Opera9.6 */
    -ms-box-sizing: border-box;
    /* IE8 */
    box-sizing: border-box;
    /* W3C */
}


/* panel */

div.panel,
div.dialog,
table.panel {
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px #DDDDDD solid;
    margin-top: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 120 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 120 3px rgba(0, 0, 0, 0.2);
}

div.panel>div.header,
div.dialog div.header {
    border-bottom: 1px solid #DDDDDD;
    padding: 12px 16px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    font-weight: bold;
    background-color: #F4F4F4;
    background-image: -moz-linear-gradient(top, #F7F7F7, #EEEEEE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F7F7), to(#EEEEEE));
    background-image: -webkit-linear-gradient(top, #F7F7F7, #EEEEEE);
    background-image: -o-linear-gradient(top, #F7F7F7, #EEEEEE);
    background-image: linear-gradient(top bottom, #F7F7F7, #EEEEEE);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#EEEEEE', GradientType=0);
    color: #666666;
    text-shadow: 1px 1px 0 #FFFFFF;
}

table.tlist {
    border-collapse: separate;
    border: 1px solid #E3E3E3;
    border-top: none;
}

table.tlist>tbody>tr>th,
table.tlist>tr>th,
table.tlist>thead>tr>th,
table.tlist>tbody>tr>td,
table.tlist>tr>td {
    border: 0px;
    border-top: 1px solid #E3E3E3;
}

table.tborder {
    border-collapse: separate;
    border: 0px;
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
}

table.tborder>tbody>tr>th,
table.tborder>tr>th,
table.tborder>thead>tr>th,
table.tborder>tbody>tr>td,
table.tborder>tr>td {
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}

table.tlist>tbody>tr:hover,
table.tlist>tr:hover,
table.tborder>tbody>tr:hover,
table.tborder>tr:hover {
    background: #F4F4F4;
}

table.tlist>tbody>tr>th,
table.tlist>tr>th,
table.tlist>thead>tr>th,
table.tlist>tr>th,
table.tborder>tbody>tr>th,
table.tborder>tr>th {
    background-color: #F0F0F0;
    background-image: -moz-linear-gradient(top, #F7F7F7, #EEEEEE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F7F7), to(#EEEEEE));
    background-image: -webkit-linear-gradient(top, #F7F7F7, #EEEEEE);
    background-image: -o-linear-gradient(top, #F7F7F7, #EEEEEE);
    background-image: linear-gradient(top bottom, #F7F7F7, #EEEEEE);
    background-repeat: repeat-x;
}

table.tborder>thead>tr.caption>th,
table.tborder>tbody>tr.caption>th,
table.tborder>tr.caption>th,
table.tlist>thead>tr.caption>th,
table.tlist>tbody>tr.caption>th,
table.tlist>tr.caption>th {
    background: #F7F7F7;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: normal;
    color: #009000;
    ;
}


/* .panel .tlist 组合 */

div.panel table.tlist {
    border: none;
}

div.panel table.tlist>tbody>tr>th,
div.panel table.tlist>tr>th,
div.panel table.tlist>thead>tr>th,
div.panel table.tlist>tr>th {
    background: none;
    border: 0px;
}


/* .panel .tborder 组合 */

div.panel table.tborder {
    margin-top: 8px;
}


/* 定义 panel 内的间距 */

div.panel>div.body,
div.dialog div.body {
    padding: 0px 16px 16px 16px;
}

div.panel p {
    margin-top: 8px;
}

div.panel p.hr {
    margin-top: 8px;
}

div.panel dl,
div.panel ul {
    margin-top: 8px;
}


/* notice */

.notice {
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    line-height: 24px;
    margin-top: 16px;
    padding: 4px 10px;
    font-size: 14px;
    display: none;
}

.notice.error {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
    display: block;
}

.notice.ok {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
    display: block;
}


/* progress */


/*
.progress {
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.progress-bar {
    background-color: #428BCA;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    float: left;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}
*/


/* dialog */

.dialog-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    background: url("../img/overlay_bg.png") scroll 50% 50% #AAAAAA;
    opacity: 0.5;
    filter: Alpha(Opacity=70);
    overflow: hidden
}

.dialog {
    width: 600px;
    z-index: 11;
    position: absolute;
    top: 100px;
    left: 150px;
    display: none;
    margin-top: 0px;
}

.dialog div.header {}

.dialog div.body {
    margin: 12px;
    margin-top: 4px
}


/* propover */

.arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 8px;
    box-sizing: border-box;
}

.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 7px;
    box-sizing: border-box;
}

.arrow.top {
    bottom: -15px;
    left: 10px;
    border-top-color: #820000;
}

.arrow.top:after {
    top: -8px;
    left: -7px;
    border-top-color: #FF5757;
    border-bottom-width: 0;
}

.arrow.bottom {
    top: -15px;
    left: 10px;
    border-bottom-color: #820000;
}

.arrow.bottom:after {
    top: 1px;
    left: -7px;
    border-bottom-color: #FF5757;
    border-top-width: 0;
}

.arrow.left {
    top: 4px;
    right: -15px;
    border-left-color: #820000;
}

.arrow.left:after {
    top: -7px;
    left: -8px;
    border-left-color: #FF5757;
    border-right-width: 0;
}

.arrow.right {
    top: 4px;
    left: -15px;
    border-right-color: #820000;
}

.arrow.right:after {
    top: -7px;
    left: 1px;
    border-right-color: #FF5757;
    border-left-width: 0;
}

.popover {
    /*width: 300px;
	height: 24px;*/
    line-height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    background: #FF5757;
    border: 1px solid #820000;
    position: absolute;
    color: #FFFFFF;
    border-radius: 3px;
}


/*                 ul, dl 多列定义                           */


/*
dl.row, ul.row {display: table;}
dl.row > dt, dl.row > dd, ul.row > li {display: table-cell; vertical-align: middle;}
*/

dl.row,
ul.row {
    display: block;
    overflow: hidden;
    clear: both;
}

dl.row>dt,
dl.row>dd,
ul.row>li {
    float: left;
    list-style: none;
    min-height: 16px;
}

dl.row.float,
ul.row.float {
    display: block
}

dl.row.float>dt,
dl.row.float>dd,
ul.row.float>li {
    float: left;
    list-style: none;
    min-height: 16px;
}

dl.row.table,
ul.row.table {
    display: table;
    width: 100%;
}

dl.row.table>dt,
dl.row.table>dd,
ul.row.table>li {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

dl.row,
dl.row>dt,
dl.row>dd,
ul.row,
ul.row>li {
    margin: 0px;
    padding: 0px;
    /*display: block;*/
    width: 100%;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

dl.row,
ul.row {
    overflow: hidden;
    clear: both;
    margin-top: 8px
}

dl.row>dt,
dl.row>dd {
    width: 50%;
    /*float: left*/
}

dl.row.table>dt,
dl.row.table>dd {
    width: auto;
    /*float: left*/
}

dl.form>dt,
dl.form>dd {
    line-height: 34px;
    min-height: 34px;
}

dl.row>dt.col-1 {
    width: 10%
}

dl.row>dt.col-15 {
    width: 15%
}

dl.row>dt.col-2 {
    width: 20%
}

dl.row>dt.col-3 {
    width: 30%
}

dl.row>dt.col-4 {
    width: 40%
}

dl.row>dt.col-5 {
    width: 50%
}

dl.row>dt.col-6 {
    width: 60%
}

dl.row>dt.col-7 {
    width: 70%
}

dl.row>dt.col-8 {
    width: 80%;
}

dl.row>dt.col-85 {
    width: 85%
}

dl.row>dt.col-9 {
    width: 90%
}

dl.row>dd.col-1 {
    width: 10%
}

dl.row>dd.col-15 {
    width: 15%
}

dl.row>dd.col-2 {
    width: 20%
}

dl.row>dd.col-3 {
    width: 30%
}

dl.row>dd.col-4 {
    width: 40%
}

dl.row>dd.col-5 {
    width: 50%
}

dl.row>dd.col-6 {
    width: 60%
}

dl.row>dd.col-7 {
    width: 70%
}

dl.row>dd.col-8 {
    width: 80%
}

dl.row>dd.col-85 {
    width: 85%
}

dl.row>dd.col-9 {
    width: 90%
}

ul.row>li {
    width: 50%;
    float: left
}

ul.row.table>li {
    width: auto;
    float: none
}

ul.row>li.col-1 {
    width: 10%
}

ul.row>li.col-2 {
    width: 20%
}

ul.row>li.col-3 {
    width: 30%
}

ul.row>li.col-4 {
    width: 40%
}

ul.row>li.col-5 {
    width: 50%
}

ul.row>li.col-6 {
    width: 60%
}

ul.row>li.col-7 {
    width: 70%
}

ul.row>li.col-8 {
    width: 80%
}

ul.row>li.col-9 {
    width: 90%
}

ul.row>li.col-one {
    width: 100%
}

ul.row>li.col-two {
    width: 50%
}

ul.row>li.col-three {
    width: 33.333333333333336%
}

ul.row>li.col-four {
    width: 25%
}

ul.row>li.col-six {
    width: 16.666666666666668%
}

ul.row>li.col-seven {
    width: 14.285714285714286%
}

ul.row.table.vtop>li,
ul.row.table>li.vtop {
    vertical-align: top;
}

dl.row.table.vtop>dt,
dl.row.table.vtop>dd,
dl.row.table>dt.vtop,
dl.row.table>dd.vtop {
    vertical-align: top;
}


/*   字体，对齐，边框，分割线等杂项 */

.small,
small {
    font-size: 12px
}

.middle,
middle {
    font-size: 14px
}

.big,
big {
    font-size: 18px
}

.grey,
.grey a {
    color: #999999
}

.dark,
.dark a {
    color: #555555
}

.green,
.green a {
    color: #00CC11
}

.red,
.red a {
    color: #BB0000
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
}

.width,
dl.width,
ul.width {
    min-width: 980px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.absmiddle {
    text-align: right;
    vertical-align: middle;
    display: table-cell;
}

.bold {
    font-weight: 800
}

.normal {
    font-weight: 500
}

.border {
    border: 1px solid #CCCCCC;
}

.shadow {
    -webkit-box-shadow: 3px 3px 3px #BBBBBB;
    -moz-box-shadow: 3px 3px 3px #BBBBBB;
    box-shadow: 3px 3px 3px #BBBBBB;
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#BBBBBB', Direction=120, Strength=3);
}

.radius {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.layout {
    border: none;
    padding: 0px;
}

.layout td {
    border: none;
    padding: 0px;
}

.noborder {
    border: none;
    border-collapse: separate;
}

.noborder td {
    border: none;
}

p.hr {
    height: 0px;
    margin: 0px;
    overflow: hidden;
    border-bottom: 1px solid #E3E3E3;
    clear: both;
}

p.hr.dashed {
    border-bottom: 1px dashed #E3E3E3
}

p.vr {
    height: 100px;
    width: 0px;
    margin: 0px;
    overflow: hidden;
    border-right: 1px solid #E3E3E3
}

p.vr.dashed {
    border-right: 1px dashed #E3E3E3
}


/* 选项卡 1 */

.tab-1 {
    vertical-align: middle;
}

.tab-1>a {
    background: url(/view/img/active_bg.png) no-repeat;
    background-position: 0px -90px;
    width: 82px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.tab-1>a.active {
    background: url(/view/img/active_bg.png) no-repeat;
    background-position: 0px 0px;
    color: #FFFFFF;
    text-shadow: none;
}

.tab-1>a:hover {
    background: url(/view/img/active_bg.png) no-repeat;
    background-position: 0px -30px;
    color: #FFFFFF;
    text-shadow: none;
}

.tab-1>a:active {
    background: url(/view/img/active_bg.png) no-repeat;
    background-position: 0px -60px;
    color: #FFFFFF;
    text-shadow: none;
}

div.panel div.header.tab-1 {
    padding-top: 4px;
    padding-bottom: 4px;
}


/* 选项卡 2 */

.tab-2 {
    vertical-align: middle;
}

.tab-2>a {
    background: url(/view/img/active_bg.png) no-repeat;
    background-position: -100px -90px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.tab-2>a.active {
    background-position: -100px 0px;
    color: #FFFFFF;
    text-shadow: none;
}

.tab-2 a:hover {
    background-position: -100px -30px;
    color: #FFFFFF;
    text-shadow: none;
}

.tab-2>a:active {
    background-position: -100px -60px;
    color: #FFFFFF;
    text-shadow: none;
}

div.panel div.header.tab-2 {
    padding-top: 4px;
    padding-bottom: 4px;
}


/* 选项卡 3 */

.tab-3 {
    width: 100%;
    height: 36px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

.tab-3>a {
    float: left;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #ddd;
    margin: 0 3px;
    border-radius: 5px 5px 0 0;
    color: #333333;
    text-shadow: 1px 1px 1px #fff;
    background: -moz-linear-gradient(top, #F7F7F7, #EEEEEE);
    background: -webkit-linear-gradient(top, #F7F7F7, #EEEEEE);
    background: -ms-linear-gradient(top, #F7F7F7, #EEEEEE);
    background: -o-linear-gradient(top, #F7F7F7, #EEEEEE);
    background: linear-gradient(top bottom, #F7F7F7, #EEEEEE);
}

.tab-3>a.active {
    border-bottom: none;
    background: -moz-linear-gradient(top, #F7F7F7, #E8EBED);
    background: -webkit-linear-gradient(top, #F7F7F7, #E8EBED);
    background: -ms-linear-gradient(top, #F7F7F7, #E8EBED);
    background: -o-linear-gradient(top, #F7F7F7, #E8EBED);
    background: linear-gradient(top bottom, #F7F7F7, #E8EBED);
}

.tab-3>a:hover {
    color: #AA0000;
    background: -moz-linear-gradient(top, #F7F7F7, #E8EBED);
    background: -webkit-linear-gradient(top, #F7F7F7, #E8EBED);
    background: -ms-linear-gradient(top, #F7F7F7, #E8EBED);
    background: -o-linear-gradient(top, #F7F7F7, #E8EBED);
    background: linear-gradient(top bottom, #F7F7F7, #E8EBED);
}

.price {
    color: #D40000
}

del.price {
    color: #999999
}

.price:before {
    content: "￥"
}

.price:after {
    content: ".00";
    font-size: 12px;
    font-weight: normal;
}

.menu {}

.menu>div {
    background: #EEEEEE;
    padding-bottom: 4px;
}

.menu>div>h3 {
    margin-bottom: 4px;
    margin-top: 0px;
    background: #DCDEE0;
    line-height: 32px;
    text-indent: 16px;
    font-size: 14px;
    text-shadow: 1px 1px 1px #FFFFFF;
    cursor: pointer;
}

.menu>div>a {
    display: block;
    line-height: 24px;
    padding-left: 16px;
    color: #333333;
    text-shadow: 1px 1px 1px #FFFFFF
}

.menu>div>a:hover {
    background: #FFFFFF;
    color: #333333;
}


/****************************************  公共 css 结束 *********************************/


/*
#body {min-width: 1004px; max-width: 1200px; margin: auto;}
*/

body {
    background: #F5F5F5;
}

#header {
    width: 100%;
    margin: auto;
    background: #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
}

#header-user {
    width: 100%;
    height: 28px;
    background: #222222;
}

#header-user .body {
    height: 28px;
    text-align: right
}

#header-user a {
    line-height: 28px;
    color: #BBBBBB;
}

#header-user a:hover,
#header-user a.active {
    color: #FFFFFF;
}

#header-serach {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 4px;
    /*height: 110px*/
}

#header-serach .body {
    height: 110px
}

#header-search-form {
    margin-top: 8px;
}

#header-nav {
    width: 100%;
    height: 41px;
    background: url(../img/nav_bg.gif)
}

#header-nav .body {
    height: 41px;
    line-height: 39px;
    vertical-align: middle;
    color: #999999;
    text-shadow: 1px 1px 0 #FFFFFF
}

#header a:hover {
    color: #EE0000;
}

#header a.active {
    color: #EE0000;
}

#body {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #F5F5F5;
}

#footer {
    background: #EEEEEE;
    border-top: 1px solid #DDDDDD
}

#footer-faq {
    padding-top: 16px;
    padding-bottom: 16px;
}

#footer-faq td {
    line-height: 1.8
}

#footer-faq h5 {
    margin-bottom: 8px;
    font-size: 14px;
}

ul.fontul {
    margin: 0px;
    padding: 0px;
}

ul.fontul>li {
    position: relative;
    width: 164px;
    height: 44px;
    float: left;
    display: block;
    list-style: none;
    margin: 0px 4px 4px 0px;
    padding: 0px;
    border: 2px solid #666;
    cursor: pointer;
}

ul.fontul>li:hover {
    border: 2px solid red;
}

ul.fontul>li.active {
    border-color: #DD0000;
    padding-right: 12px;
}

ul.fontul>li.active:after {
    position: absolute;
    z-index: 10;
    right: 0px;
    bottom: -0%;
    font-family: FontsIcon;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #FFFFFF;
    content: "\f00c";
    width: 10px;
    height: 9px;
    display: inline-block;
    padding-left: 0px;
    background: #DD0000;
}

@keyframes xndigest {
    0% {
        color: red;
        text-shadow: 0 0 3px #FF8D8D;
    }
    20% {
        color: orange;
        text-shadow: 0 0 3px #FFE1AD;
    }
    40% {
        color: green;
        text-shadow: 0 0 3px #B3FFAF;
    }
    65% {
        color: blue;
        text-shadow: 0 0 3px #AFE4FF;
    }
    80% {
        color: purple;
        text-shadow: 0 0 3px #FFC9F3;
    }
    100% {
        color: red;
        text-shadow: 0 0 3px #FF8D8D;
    }
}

.xndigest {
    color: red;
    animation: xndigest 5s linear infinite;
}