html, body {
  overflow-x:auto;
  overflow-y:auto;
height:100%;
_height:auto;
+height:auto;
background-color:#FAFAFA;
}
body{
line-height:20px;
color:#333; /*缁崵绮烘妯款吇鐎涙ぞ缍嬫０婊嗗*/
font-size:12px;
font-family:Microsoft Yahei, Tahoma;
}
a{
color:#242C31;
outline:none;
text-decoration:none;
}
a:hover{
color:#C00;
text-decoration:underline;
}

.page{
padding:10px;
}
.wrap{
width:1000px;
margin:0 auto;
}


.body{ overflow:hidden; width:100%; height:100%; }
.clear{ clear:both; }
.clearfix:after{ clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.float{ float:left; }


.red{ color:#C00; }
.green{	color:#080; }
.blue{ color:#06C; }

.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-20{font-size:20px;}

.p16{padding:16px;}
.pb16{padding-bottom:16px;}
.m16{margin:16px;}
.mb16{margin-bottom:16px;}

.p12{padding:12px;}
.pb12{padding-bottom:12px;}
.m12{margin:12px;}
.mb12{margin-bottom:12px;}

.center{
text-align:center;
}
.title-big{
line-height:40px;
font-size:24px;
}

/*=========== header ==========*/
.header{
position:relative;
z-index:999;
height:66px; /*婢舵挳鍎存妯哄*/
color:#FFF;
background:url(../images/header-bg.png) repeat-x;
}
.header a{
color:#FFF;
}
.header .logo{
padding:12px 0 0 10px;
}



/*--------- nav ---------*/
.nav-box{
position:absolute;
bottom:0;
left:270px;
line-height:30px;
}


.nav-item{
float:left;
height:30px;
background:url(../images/nav-item.png) no-repeat;
}
.nav-item a{
position:relative;
float:left;
font-size:14px;
padding:0 16px;
}
.nav-item a:hover{
color:#FF0;
text-decoration:none;
}
.nav-item a.on:hover{
color:#FFF;
}
.nav-item .on{
background:#E44535;
}
.nav-item a b{
position:absolute;
left:50%;
bottom:-4px;
overflow:hidden;
display:none;
width:9px;
height:4px;
margin-left:-4px;
background:url(../images/nav-point.png) no-repeat;
}
.nav-item .on b{
display:block;
}


.from{
float:left;
height:30px;
color:#52596C;
background:#EEE;
}
.from a{
color:#069;
}

.from-label{
float:left;
padding-left:8px;
}
.from-province{
position:relative;
float:left;
}


.from-province .selected{
position:relative;
z-index:1999;
}
.from-province .selected a{
display:block;
min-width:40px;
height:100%;
padding-right:20px;
padding-left:4px;
border-left:1px solid #EEE;
border-right:1px solid #FFF;
background:url(../images/province-icon.png) no-repeat right 0;
}
.from-province .selected a:hover{
color:#E44535;
text-decoration:none;
}
.from-province.on .selected a{
color:#000;
border-left:1px solid #AAA;
border-right:1px solid #666;
background-position:right -30px;
background-color:#FFF;
}

.from-province ul{
position:absolute;
top:29px;
right:0;
z-index:999;
display:none;
overflow:hidden;
width:64px;
padding:6px;
border:1px solid #BBB;
background:#FFF;
}
.from-province li{
overflow:hidden;
height:20px;
line-height:20px;
}
.from-province li a{
display:block;
height:20px;
padding:0 8px;
}
.from-province li a:hover{
color:#FFF;
text-decoration:none;
background:#E44535;
}
.from-province.on ul{
display:block;
}

/*--------- user-set ----------*/
.header .user-set{
position:absolute;
top:8px;
right:16px;
}
.header .user-set a:hover{
color:#FF0;
text-decoration:underline;
}
.header .user-set .line{
color:#CCC;
padding-right:2px;
}


/*========== content ==========*/
.content{
position:absolute;
top:66px;
left:0;
right:0;
bottom:0;
width:100%;
_height:expression(document.body.offsetHeight - 60 + 'px'); /*header(height)*/
background:url(../images/content-bg.png) #34414B repeat-x;
}


/*============ main ===========*/
.main{
position:absolute;
top:0;
right:0;
bottom:0;
left:0; /*閸氬本顒�2/3*/
_width:expression(document.body.offsetWidth - 0 + 'px'); /*閸氬本顒�3/3*/
min-width:1000px;
height:100%;
}
.iframe{
position:absolute;
_position:relative;
width:100%;
height:100%;
}


/*-------------------------------*/
.guide{
height:28px;
line-height:28px;
padding-left:12px;
background:url(../images/guide-bg.png) repeat-x 0 bottom;
}
.guide span{
color:#999;
}



/*=====================================*/
/* 濡楀棙鐏︾€圭懓娅抍lass="box" */
/* 濡楀棙鐏︽径鎾劥class="hd" */
/* 濡楀棙鐏︽稉璁崇秼class="bd" */
/*=====================================*/


/* box style! */
.box{
position:relative;
margin-top:10px;
border:1px solid #CFE4F1;
background:#FFF;
}
.box .top-left,
.box .top-right,
.box .bottom-left,
.box .bottom-right{
position:absolute;
z-index:999;
width:5px;
height:5px;
overflow:hidden;
background:url(../images/box-round.png) no-repeat;
}
.box .top-left{
top:-1px;
left:-1px;
background-position:-5px -5px;
}
.box .top-right{
top:-1px;
right:-1px;
background-position:0 -5px;
}
.box .bottom-left{
bottom:-1px;
left:-1px;
background-position:-5px 0;
}
.box .bottom-right{
bottom:-1px;
right:-1px;
}

.box .title{
float:left;
color:#C00;
font-size:14px;
font-weight:normal;
font-family:Microsoft YaHei,鐎瑰缍�;
padding-left:12px;
}
.box div.hd{
overflow:hidden;
height:29px;
line-height:29px;
background:url(../images/box-hd.png) repeat-x;
}
.box div.hd ul li{
position:relative;
float:left;
color:#006DB7;
cursor:pointer;
padding:0 16px;
border-right:1px solid #CFE4F1;
}
.box div.hd ul li a{
display:block;
color:#000;
}
.box div.hd ul li a:hover{
color:#0368A8;
text-decoration:none;
}
.box div.hd ul li.on{
color:#C00;
font-size:14px;
cursor:default;
background:url(../images/box-hd.png) repeat-x 0 -30px;
}
.box div.hd ul li.on a{
color:#C00;
}
.box div.hd ul li b{
overflow:hidden;
position:absolute;
top:3px;
right:0;
width:1px;
height:25px;
padding:0;
border-right:1px solid #FFF;
}
.box div.hd .more{
position:absolute;
top:4px;
right:12px;
height:20px;
line-height:20px;
}
.box div.hd .more a{
color:#666;
font-family:Microsoft YaHei,鐎瑰缍�;
}
.box div.hd .more a:hover{
color:#333;
}



/*--------------------------*/

.box-list{
margin-top:12px;
}
.box-list .hd{
position:relative;
z-index:9;
}
.box-list .hd .title{
display:inline-block;
height:32px;
line-height:32px;
color:#C00;
font-weight:700;
font-size:14px;
padding:0 16px;
border:1px solid #DDD;
border-bottom:0;
background:#FFF;
}
.box-list .bd{
position:relative;
top:-1px;
z-index:8;
padding:12px 0;
border:1px solid #DDD;
background:#FFF;
}



/*-----------------------------------*/
/**************************************

.flip{
overflow:hidden;
line-height:0;
font-size:0;
color:#999;
text-align:center;
}
.flip a,.flip span{
display:inline-block;
font-size:12px;
margin:10px 2px;
+margin-right:1px;
background:url(../images/flip_bg.png) no-repeat;
}
.flip b{
overflow:hidden;
display:inline-block;
height:21px;
line-height:21px;
color:#666;
text-decoration:none;
font-family:Tahoma,鐎瑰缍�;
font-weight:normal;
font-family:Arial,Tahoma;
padding:0 8px 0 6px;
margin:0 0 0 2px;
background:url(../images/flip_bg.png) no-repeat right -22px;
}
.flip a:hover{
text-decoration:none;
cursor:pointer;
}
.flip a:hover b{
color:#006DB7;
}
.flip span{
background:url(../images/flip_bg.png) no-repeat 0 -44px;
}
.flip span b{
color:#FFF;
background:url(../images/flip_bg.png) no-repeat right -66px;
}
.flip .none,.flip .none b{
color:#666;
padding:0;
background:none;
}

**************************************/

.flip{
text-align:center;
font-size:0;
padding:10px 0;
margin-right:220px;
}
.flip a{
display:inline-block;
height:20px;
line-height:20px;
color:#069;
font-size:12px;
cursor:pointer;
padding:0 8px;
margin-right:4px;
border:1px solid #069;	
}
.flip a:hover, .flip a.on, .flip a.aspNetDisabled{
display:inline-block;
height:20px;
line-height:20px;
color:#FFF;
text-decoration:none;
background:#069;
}


.flip a b{
font-weight:normal;
}









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

.current{
height:14px;
line-height:14px;
}
.current .page{
position:relative;
}
.current span{
color:#333;
font-weight:700;
}
.current a{
color:#0368A8;
}
.current a:hover{
color:#C00;
}
.current .line{
color:#747E94;
padding:0 0 0 4px;
}
.current .collect{
position:absolute;
top:0;
right:0;
}


/* list-box style! */
.list-box{
padding:10px 14px;
}
.list-box li{
height:28px;
line-height:28px;
padding-left:14px;
background:url(../images/point-icon.png) no-repeat 4px 12px;
}

/*--------------------------*/

.footer{
color:#FFF;
text-align:center;
padding:8px 0;
background:#3E4351;
}

/*--------------------------*/

.filter-search p{
display:inline-block;
*display:inline;
*zoom:1;
float:left;
padding:0 12px;
margin-bottom:12px;
border-right:1px dotted #CCC;
}
.filter-search .label{
float:left;
display:inline-block;
line-height:20px;
font-size:12px;
text-align:right;
vertical-align:top;
}
.filter-search span.label{
padding:0 4px;
}
.filter-search .txt{
float:left;
display:inline-block;
width:30px;
height:14px;
line-height:14px;
color:#606060;
font-size:12px;
font-family:Tahoma;
vertical-align:top;
padding:2px 4px;
border:1px solid #BBB;
}
.filter-search .btn{
position:relative;
left:-1px;
float:left;
display:inline-block;
overflow:hidden;
width:46px;
height:20px;
cursor:pointer;
vertical-align:top;
border:0;
background:url(../images/filter-btn.png) no-repeat;
}
.filter-search select{
height:20px;
color:#606060;
font-size:12px;
border:1px solid #AAA;
}
.filter-search .btn-2s{
overflow:hidden;
width:46px;
height:20px;
color:#333;
font-size:12px;
font-family:Microsoft Yahei;
cursor:pointer;
border:1px solid #AAA;
background:url(../images/btn-auto.png) repeat-x;
}
.filter-search .btn-2s:hover, .filter-search .btn-2s.on{
color:#FFF;
border:1px solid #F60;
background:url(../images/btn-auto-on.png) repeat-x;
}

/*****************************************************/
/*****************************************************/

/* Red(缁俱垼澹�) style */
.color-red {
color:#E44535 !important;
}
.button-red,
.border-red {
border-color:#E44535 !important;
}
.button-red,
.bg-red {
background-color:#E44535 !important;
}

/* Green(缂佽儻澹�) style */
.color-green {
color:#5AAA00 !important;
}
.button-green,
.border-green {
border-color:#8AB92F !important;
}
.button-green,
.bg-green {
background-color:#8AB92F !important;
}

/* Blue(閽冩繆澹�) style */
.color-blue {
color:#3797BD !important;
}
.button-blue,
.border-blue {
border-color:#3797BD !important;
}
.button-blue,
.bg-blue {
background-color:#3797BD !important;
}

/* Orange(濮楁瑨澹�) style */
.color-orange {
color:#F60 !important;
}
.button-orange,
.border-orange {
border-color:#F60 !important;
}
.button-orange,
.bg-orange {
background-color:#F60 !important;
}

/* Other(閸忔湹绮懗灞炬珯閼癸拷) style */
.bg-1 {background-color:#FF6666 !important;}
.bg-2 {background-color:#E97D56 !important;}
.bg-3 {background-color:#FA965A !important;}
.bg-4 {background-color:#FAC458 !important;}
.bg-5 {background-color:#A0C554 !important;}
.bg-6 {background-color:#99CC66 !important;}
.bg-7 {background-color:#71D573 !important;}
.bg-8 {background-color:#4EC2BA !important;}
.bg-9 {background-color:#79D8DF !important;}
.bg-10 {background-color:#389CC2 !important;}
.bg-11 {background-color:#77C8E5 !important;}
.bg-12 {background-color:#75C8F0 !important;}
.bg-13 {background-color:#86B5CE !important;}
.bg-14 {background-color:#94A5C7 !important;}
.bg-15 {background-color:#6C82BB !important;}
.bg-16 {background-color:#B4A1C2 !important;}
.bg-17 {background-color:#D26C9D !important;}
.bg-18 {background-color:#F36798 !important;}


/******************************/
/* position style */
/******************************/

.static			{position:static !important;}
.fixed			{position:fixed;}
.relative		{position:relative;}
.absolute		{position:absolute;}
.absolute-left	{position:absolute; top:0; right:auto; bottom:0; left:0;}
.absolute-right	{position:absolute;	top:0; right:0;	bottom:0; left:auto;}
.fixed-left		{position:fixed; top:0; right:auto; bottom:0; left:0;}
.fixed-right	{position:fixed; top:0; right:0; bottom:0; left:auto;}

/******************************/
/* z-index style */
/******************************/

.zindex-1		{z-index:1;}
.zindex-9		{z-index:9;}
.zindex-11		{z-index:11;}
.zindex-99		{z-index:99;}
.zindex-111		{z-index:111;}
.zindex-999		{z-index:999;}
.zindex-1111	{z-index:1111;}
.zindex-9999	{z-index:9999;}
.zindex-11111	{z-index:11111;}

/******************************/
/* overflow style */
/******************************/

.overflow-hidden	{overflow:hidden;}
.overflow-visible	{overflow:visible;}
.overflow-scroll	{overflow:scroll;}

/******************************/
/* float style */
/******************************/

.float-left		{float:left;}
.float-right	{float:right;}
.clear			{clear:both;}
.clearfix:after {content:'.'; display:block; clear:both; line-height:0; font-size:0; visibility:hidden;}

/******************************/
/* display style */
/******************************/

.display-none	{display:none !important;}
.display-inline {display:inline !important;}
.display-block	{display:block !important;}
.display-inline-block, .inline-block {display:inline-block !important;}

/******************************/
/* width style */
/******************************/

.width-0  {width:0 !important;}
.width-5  {width:5%;}
.width-10 {width:10%;}
.width-15 {width:15%;}
.width-20 {width:20%;}
.width-25 {width:25%;}
.width-30 {width:30%;}
.width-35 {width:35%;}
.width-40 {width:40%;}
.width-45 {width:45%;}
.width-50 {width:50%;}
.width-55 {width:55%;}
.width-60 {width:60%;}
.width-65 {width:65%;}
.width-70 {width:70%;}
.width-75 {width:75%;}
.width-80 {width:80%;}
.width-85 {width:85%;}
.width-90 {width:90%;}
.width-95 {width:95%;}
.width-100 {width:100% !important;}

/******************************/
/* line-height style */
/******************************/

.line-default, .line-height-default {line-height:1.5;}
.line-14, .line-height-14 {line-height:14px;}
.line-16, .line-height-16 {line-height:16px;}
.line-18, .line-height-18 {line-height:18px;}
.line-20, .line-height-20 {line-height:20px;}
.line-24, .line-height-24 {line-height:24px;}
.line-28, .line-height-28 {line-height:28px;}
.line-32, .line-height-32 {line-height:32px;}
.line-36, .line-height-36 {line-height:36px;}
.line-40, .line-height-40 {line-height:40px;}
.line-44, .line-height-44 {line-height:44px;}
.line-48, .line-height-48 {line-height:48px;}
.line-54, .line-height-54 {line-height:54px;}
.line-60, .line-height-60 {line-height:60px;}

/******************************/
/* text-color style */
/******************************/

.color-0 {color:#000 !important;}
.color-3 {color:#333 !important;}
.color-6 {color:#666 !important;}
.color-9 {color:#999 !important;}
.color-F {color:#FFF !important;}

/******************************/
/* font style */
/******************************/

.size-0  {font-size:0 !important;}
.size-10 {font-size:10px !important;}
.size-11 {font-size:11px !important;}
.size-12 {font-size:12px !important;}
.size-13 {font-size:13px !important;}
.size-14 {font-size:14px !important;}
.size-15 {font-size:15px !important;}
.size-16 {font-size:16px !important;}
.size-18 {font-size:18px !important;}
.size-20 {font-size:20px !important;}
.size-24 {font-size:24px !important;}
.size-28 {font-size:28px !important;}
.size-32 {font-size:32px !important;}
.size-36 {font-size:36px !important;}
.size-40 {font-size:40px !important;}
.size-44 {font-size:44px !important;}
.size-48 {font-size:48px !important;}
.size-54 {font-size:54px !important;}
.size-60 {font-size:60px !important;}

.weight-normal	{font-weight:normal !important;}
.weight-bold	{font-weight:bold !important;}
.weight-700		{font-weight:700 !important;}

.style-italic	{font-style:italic;}
.style-normal	{font-style:normal;}

.family-yahei	{font-family:Microsoft Yahei;}
.family-verdana {font-family:Verdana;}
.family-tahoma	{font-family:Tahoma;}


/******************************/
/* vertical style */
/******************************/

.align-top		{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.align-middle	{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.align-bottom	{display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}

/******************************/
/* text style */
/******************************/

.align-left		{text-align:left !important;}
.align-right	{text-align:right !important;}
.align-center	{text-align:center !important;}
.indent-2em			{text-indent:2em;}
.underline 		{text-decoration:underline;}

/******************************/
/* white-space style */
/******************************/

.white-nowrap {white-space:nowrap;}
.white-normal {white-space:normal !important;}

/******************************/
/* padding style */
/******************************/

.padding-0 {padding:0 !important;}
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
.padding-25 {padding:25px;}
.padding-30 {padding:30px;}
.padding-35 {padding:35px;}
.padding-40 {padding:40px;}
.padding-45 {padding:45px;}
.padding-50 {padding:50px;}

.padding-0-1 {padding:0 1px;}
.padding-0-2 {padding:0 2px;}
.padding-0-3 {padding:0 3px;}
.padding-0-4 {padding:0 4px;}
.padding-0-5 {padding:0 5px;}
.padding-0-10 {padding:0 10px;}
.padding-0-15 {padding:0 15px;}
.padding-0-20 {padding:0 20px;}
.padding-0-25 {padding:0 25px;}
.padding-0-30 {padding:0 30px;}
.padding-0-35 {padding:0 35px;}
.padding-0-40 {padding:0 40px;}
.padding-0-45 {padding:0 45px;}
.padding-0-50 {padding:0 50px;}

.padding-5-0 {padding:5px 0;}
.padding-10-0 {padding:10px 0;}
.padding-15-0 {padding:15px 0;}
.padding-20-0 {padding:20px 0;}
.padding-25-0 {padding:25px 0;}
.padding-30-0 {padding:30px 0;}
.padding-35-0 {padding:35px 0;}
.padding-40-0 {padding:40px 0;}
.padding-45-0 {padding:45px 0;}
.padding-50-0 {padding:50px 0;}

.padding-top-5 {padding-top:5px;}
.padding-top-10 {padding-top:10px;}
.padding-top-15 {padding-top:15px;}
.padding-top-20 {padding-top:20px;}
.padding-top-25 {padding-top:25px;}
.padding-top-30 {padding-top:30px;}
.padding-top-35 {padding-top:35px;}
.padding-top-40 {padding-top:40px;}
.padding-top-45 {padding-top:45px;}
.padding-top-50 {padding-top:50px;}

.padding-left-5 {padding-left:5px;}
.padding-left-10 {padding-left:10px;}
.padding-left-15 {padding-left:15px;}
.padding-left-20 {padding-left:20px;}
.padding-left-25 {padding-left:25px;}
.padding-left-30 {padding-left:30px;}
.padding-left-35 {padding-left:35px;}
.padding-left-40 {padding-left:40px;}
.padding-left-45 {padding-left:45px;}
.padding-left-50 {padding-left:50px;}

.padding-right-5 {padding-right:5px;}
.padding-right-10 {padding-right:10px;}
.padding-right-15 {padding-right:15px;}
.padding-right-20 {padding-right:20px;}
.padding-right-25 {padding-right:25px;}
.padding-right-30 {padding-right:30px;}
.padding-right-35 {padding-right:35px;}
.padding-right-40 {padding-right:40px;}
.padding-right-45 {padding-right:45px;}
.padding-right-50 {padding-right:50px;}

.padding-bottom-5 {padding-bottom:5px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-15 {padding-bottom:15px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-25 {padding-bottom:25px;}
.padding-bottom-30 {padding-bottom:30px;}
.padding-bottom-35 {padding-bottom:35px;}
.padding-bottom-40 {padding-bottom:40px;}
.padding-bottom-45 {padding-bottom:45px;}
.padding-bottom-50 {padding-bottom:50px;}

/******************************/
/* margin style */
/******************************/

.margin-auto {margin:0 auto;}
.margin-0 {margin:0 !important;}
.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-15 {margin:15px;}
.margin-20 {margin:20px;}
.margin-25 {margin:25px;}
.margin-30 {margin:30px;}
.margin-35 {margin:35px;}
.margin-40 {margin:40px;}
.margin-45 {margin:45px;}
.margin-50 {margin:50px;}

.margin-0-1 {margin:0 1px;}
.margin-0-2 {margin:0 2px;}
.margin-0-3 {margin:0 3px;}
.margin-0-4 {margin:0 4px;}
.margin-0-5 {margin:0 5px;}
.margin-0-10 {margin:0 10px;}
.margin-0-15 {margin:0 15px;}
.margin-0-20 {margin:0 20px;}
.margin-0-25 {margin:0 25px;}
.margin-0-30 {margin:0 30px;}
.margin-0-35 {margin:0 35px;}
.margin-0-40 {margin:0 40px;}
.margin-0-45 {margin:0 45px;}
.margin-0-50 {margin:0 50px;}

.margin-5-0 {margin:5px 0;}
.margin-10-0 {margin:10px 0;}
.margin-15-0 {margin:15px 0;}
.margin-20-0 {margin:20px 0;}
.margin-25-0 {margin:25px 0;}
.margin-30-0 {margin:30px 0;}
.margin-35-0 {margin:35px 0;}
.margin-40-0 {margin:40px 0;}
.margin-45-0 {margin:45px 0;}
.margin-50-0 {margin:50px 0;}

.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.margin-top-25 {margin-top:25px;}
.margin-top-30 {margin-top:30px;}
.margin-top-35 {margin-top:35px;}
.margin-top-40 {margin-top:40px;}
.margin-top-45 {margin-top:45px;}
.margin-top-50 {margin-top:50px;}

.margin-left-5 {margin-left:5px;}
.margin-left-10 {margin-left:10px;}
.margin-left-15 {margin-left:15px;}
.margin-left-20 {margin-left:20px;}
.margin-left-25 {margin-left:25px;}
.margin-left-30 {margin-left:30px;}
.margin-left-35 {margin-left:35px;}
.margin-left-40 {margin-left:40px;}
.margin-left-45 {margin-left:45px;}
.margin-left-50 {margin-left:50px;}

.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}
.margin-right-15 {margin-right:15px;}
.margin-right-20 {margin-right:20px;}
.margin-right-25 {margin-right:25px;}
.margin-right-30 {margin-right:30px;}
.margin-right-35 {margin-right:35px;}
.margin-right-40 {margin-right:40px;}
.margin-right-45 {margin-right:45px;}
.margin-right-50 {margin-right:50px;}

.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-25 {margin-bottom:25px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-35 {margin-bottom:35px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-45 {margin-bottom:45px;}
.margin-bottom-50 {margin-bottom:50px;}

.margin-0-p2 {margin:0 2%;}
.margin-5-p2 {margin:5px 2%;}
.margin-10-p2 {margin:10px 2%;}
.margin-15-p2 {margin:15px 2%;}
.margin-20-p2 {margin:20px 2%;}
.margin-25-p2 {margin:25px 2%;}
.margin-30-p2 {margin:30px 2%;}
.margin-35-p2 {margin:35px 2%;}
.margin-40-p2 {margin:40px 2%;}
.margin-45-p2 {margin:45px 2%;}
.margin-50-p2 {margin:50px 2%;}

.margin-top-n1 {margin-top:-1px;}
.margin-left-n1 {margin-left:-1px;}
.margin-right-n1 {margin-right:-1px;}
.margin-bottom-n1 {margin-bottom:-1px;}

/******************************/
/* border style */
/******************************/

.hr-F, 
.hr-E, .hr-E9, .hr-E6, .hr-E3, .hr-E0,
.hr-D, .hr-D9, .hr-D6, .hr-D3, .hr-D0,
.hr-C {
overflow:hidden;
width:100%;
height:0;
border-bottom:1px solid #FFF; 
}
.hr-E {border-bottom-color:#EEE;}
.hr-D {border-bottom-color:#DDD;}
.hr-C {border-bottom-color:#CCC;}

.hr-E9 {border-bottom-color:#E9E9E9;}
.hr-E6 {border-bottom-color:#E6E6E6;}
.hr-E3 {border-bottom-color:#E3E3E3;}
.hr-E0 {border-bottom-color:#E0E0E0;}

.hr-D9 {border-bottom-color:#D9D9D9;}
.hr-D6 {border-bottom-color:#D6D6D6;}
.hr-D3 {border-bottom-color:#D3D3D3;}
.hr-D0 {border-bottom-color:#D0D0D0;}

/******************************/

.border-radius-0 {border-radius:0 !important;}
.border-radius-5 {border-radius:5px;}
.border-radius-10 {border-radius:10px;}
.border-radius-15 {border-radius:15px;}
.border-radius-20 {border-radius:20px;}
.border-radius-25 {border-radius:25px;}
.border-radius-30 {border-radius:30px;}
.border-radius-35 {border-radius:35px;}
.border-radius-40 {border-radius:40px;}
.border-radius-45 {border-radius:45px;}
.border-radius-50 {border-radius:50px;}

/******************************/

.border-F {border:1px solid #FFF;}
.border-E {border:1px solid #EEE;}
.border-D {border:1px solid #DDD;}
.border-C {border:1px solid #CCC;}

.border-F9 {border:1px solid #F9F9F9;}
.border-F6 {border:1px solid #F6F6F6;}
.border-F3 {border:1px solid #F3F3F3;}
.border-F0 {border:1px solid #F0F0F0;}

.border-E9 {border:1px solid #E9E9E9;}
.border-E6 {border:1px solid #E6E6E6;}
.border-E3 {border:1px solid #E3E3E3;}
.border-E0 {border:1px solid #E0E0E0;}

.border-D9 {border:1px solid #D9D9D9;}
.border-D6 {border:1px solid #D6D6D6;}
.border-D3 {border:1px solid #D3D3D3;}
.border-D0 {border:1px solid #D0D0D0;}

.border-top-F {border-top:1px solid #FFF;}
.border-top-E {border-top:1px solid #EEE;}
.border-top-D {border-top:1px solid #DDD;}
.border-top-C {border-top:1px solid #CCC;}

.border-top-F9 {border-top:1px solid #F9F9F9;}
.border-top-F6 {border-top:1px solid #F6F6F6;}
.border-top-F3 {border-top:1px solid #F3F3F3;}
.border-top-F0 {border-top:1px solid #F0F0F0;}

.border-top-E9 {border-top:1px solid #E9E9E9;}
.border-top-E6 {border-top:1px solid #E6E6E6;}
.border-top-E3 {border-top:1px solid #E3E3E3;}
.border-top-E0 {border-top:1px solid #E0E0E0;}

.border-top-D9 {border-top:1px solid #D9D9D9;}
.border-top-D6 {border-top:1px solid #D6D6D6;}
.border-top-D3 {border-top:1px solid #D3D3D3;}
.border-top-D0 {border-top:1px solid #D0D0D0;}

.border-bottom-F {border-bottom:1px solid #FFF;}
.border-bottom-E {border-bottom:1px solid #EEE;}
.border-bottom-D {border-bottom:1px solid #DDD;}
.border-bottom-C {border-bottom:1px solid #CCC;}

.border-bottom-F9 {border-bottom:1px solid #F9F9F9;}
.border-bottom-F6 {border-bottom:1px solid #F6F6F6;}
.border-bottom-F3 {border-bottom:1px solid #F3F3F3;}
.border-bottom-F0 {border-bottom:1px solid #F0F0F0;}

.border-bottom-E9 {border-bottom:1px solid #E9E9E9;}
.border-bottom-E6 {border-bottom:1px solid #E6E6E6;}
.border-bottom-E3 {border-bottom:1px solid #E3E3E3;}
.border-bottom-E0 {border-bottom:1px solid #E0E0E0;}

.border-bottom-D9 {border-bottom:1px solid #D9D9D9;}
.border-bottom-D6 {border-bottom:1px solid #D6D6D6;}
.border-bottom-D3 {border-bottom:1px solid #D3D3D3;}
.border-bottom-D0 {border-bottom:1px solid #D0D0D0;}

/******************************/
/* opacity style */
/******************************/

.opacity-0 {filter:alpha(opacity=0) !important; opacity:0 !important;}
.opacity-5 {filter:alpha(opacity=5); opacity:0.05;}
.opacity-10 {filter:alpha(opacity=10); opacity:0.1;}
.opacity-15 {filter:alpha(opacity=15); opacity:0.15;}
.opacity-20 {filter:alpha(opacity=20); opacity:0.2;}
.opacity-25 {filter:alpha(opacity=25); opacity:0.25;}
.opacity-30 {filter:alpha(opacity=30); opacity:0.3;}
.opacity-35 {filter:alpha(opacity=35); opacity:0.35;}
.opacity-40 {filter:alpha(opacity=40); opacity:0.4;}
.opacity-45 {filter:alpha(opacity=45); opacity:0.45;}
.opacity-50 {filter:alpha(opacity=50); opacity:0.5;}
.opacity-55 {filter:alpha(opacity=55); opacity:0.55;}
.opacity-60 {filter:alpha(opacity=60); opacity:0.6;}
.opacity-65 {filter:alpha(opacity=65); opacity:0.65;}
.opacity-70 {filter:alpha(opacity=70); opacity:0.7;}
.opacity-75 {filter:alpha(opacity=75); opacity:0.75;}
.opacity-80 {filter:alpha(opacity=80); opacity:0.8;}
.opacity-85 {filter:alpha(opacity=85); opacity:0.85;}
.opacity-90 {filter:alpha(opacity=90); opacity:0.9;}
.opacity-95 {filter:alpha(opacity=95); opacity:0.95;}
.opacity-100 {filter:alpha(opacity=100) !important; opacity:1 !important;}

.opacity-absolute, .opacity-fixed {filter:alpha(opacity=80); opacity:0.8; position:absolute; top:0; left:0; right:0; bottom:0; background:#000;}
.opacity-fixed {position:fixed;}

/******************************/
/* background-color style */
/******************************/

.bg-none {background-color:transparent !important;}
.bg-F, .bg-white {background-color:#FFF !important;}
.bg-E {background-color:#EEE !important;}
.bg-D {background-color:#DDD !important;}
.bg-C {background-color:#CCC !important;}

.bg-F9 {background-color:#F9F9F9 !important;}
.bg-F6 {background-color:#F6F6F6 !important;}
.bg-F3 {background-color:#F3F3F3 !important;}
.bg-F0 {background-color:#F0F0F0 !important;}

.bg-E9 {background-color:#E9E9E9 !important;}
.bg-E6 {background-color:#E6E6E6 !important;}
.bg-E3 {background-color:#E3E3E3 !important;}
.bg-E0 {background-color:#E0E0E0 !important;}

/******************************/
/* reset style */
/******************************/

.reset {line-height:0; font-size:0;}
.reset * {font:14px/1.5 Microsoft Yahei;}

/******************************/
/* shadow style */
/******************************/

.shadow-1 {box-shadow:0 1px 1px RGBA(0, 0, 0, 0.05);}
.shadow-2 {box-shadow:0 2px 2px RGBA(0, 0, 0, 0.05);}
.shadow-3 {box-shadow:0 3px 3px RGBA(0, 0, 0, 0.05);}
.shadow-4 {box-shadow:0 4px 4px RGBA(0, 0, 0, 0.06);}
.shadow-5 {box-shadow:0 5px 5px RGBA(0, 0, 0, 0.075);}
.shadow-6 {box-shadow:0 6px 6px RGBA(0, 0, 0, 0.075);}

/******************************/
/* button style */
/******************************/

.button-20, .button-24, .button-28, .button-32, .button-36, .button-40, .button-44 {
overflow:hidden;
display:inline-block;
color:#666 !important;
cursor:pointer;
text-align:center;
text-decoration:none !important;
font-family:Microsoft Yahei;
vertical-align:middle;
border:1px solid #DDD;
box-sizing:border-box;
box-sizing:border-padding;
background:#FAFAFA;
}

.button-20 {height:20px; line-height:18px; font-size:12px !important; padding:0 0.5em; border-radius:4px;}
.button-24 {height:24px; line-height:22px; font-size:12px !important; padding:0 0.75em; border-radius:5px;}
.button-28 {height:28px; line-height:26px; font-size:14px !important; padding:0 1.0em; border-radius:5px;}
.button-32 {height:32px; line-height:30px; font-size:14px !important; padding:0 1.5em; border-radius:5px;}
.button-36 {height:36px; line-height:34px; font-size:14px !important; padding:0 2.0em; border-radius:6px;}
.button-40 {height:40px; line-height:38px; font-size:15px !important; padding:0 3.0em; border-radius:6px;}
.button-44 {height:44px; line-height:42px; font-size:16px !important; padding:0 4.0em; border-radius:6px;}

.button-red,
.button-green,
.button-blue,
.button-orange {color:#FFF !important;}
.button-white {border-color:#FFF;}
.button-gray {color:#999 !important; cursor:default; text-shadow:1px 1px 1px #FFF; background-color:#FAFAFA;}

.button-20:hover,
.button-24:hover,
.button-28:hover,
.button-32:hover,
.button-36:hover,
.button-40:hover,
.button-44:hover {
color:#FFF !important;
border-color:#E44535 !important;
background:#E44535 !important;
}
.button-gray:hover {
color:#999 !important;
border-color:#DDD !important;
background-color:#FAFAFA !important;
}


/*===================================================================*/
/* (2)Form common style */
/*===================================================================*/

.base-form button, .base-form input[type = button], .base-form input[type = submit] {
line-height:normal !important;
-webkit-appearance:none;
outline:none;
}
.base-form button, .base-form input[type = button], .base-form input[type = submit], .base-form input[type = text], .base-form input[type = password], .base-form select, .base-form textarea {
font-size:14px;
font-family:Microsoft Yahei;
box-sizing:border-box;
}
.base-form input.text {
width:100%;
height:40px;
padding:5px 0.5em;
border:1px solid #CCC;
border-radius:5px;
background-color:#FFF;
}
.base-form input.min-text {
width:100%;
height:28px;
padding:5px 0.25em;
border:1px solid #CCC;
border-radius:5px;
background-color:#FFF;
}
.base-form input.table-text {
width:100%;
height:28px;
padding:5px 0.25em;
border:0;
border-radius:0;
background:url(../images/text-icon.png) no-repeat right 50%;
}
.base-form textarea.textarea {
width:100%;
height:90px;
line-height:20px;
padding:0.5em;
border:1px solid #CCC;
}
.base-form select.select {
min-width:100px;
height:32px;
padding-left:0.25em;
border:1px solid #CCC;
}

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

.system-form {
padding:10px;
border-radius:6px;
border:1px solid #E6E6E6;
background:#FAFAFA;
}
.system-form .row {
float:left;
width:280px;
}
.system-form .cell {
float:left;
min-height:28px;
line-height:28px;
color:#404040;
font-size:12px;
padding:4px 0;
}
.system-form label.label {
overflow:hidden;
width:100px;	/*閺嶅洨顒烽惃鍕啍鎼达拷*/
white-space:nowrap;
text-align:right;
}
.system-form label.label b {
color:#E44535;
  position:relative;
  top:2px;
padding-right:5px;
}
.system-form .value {
position:relative;
width:180px;	/*閸婅偐娈戠€硅棄瀹�*/
line-height:0;
}
.system-form .value>* {
line-height:28px;
*line-height:28px;
}
.system-form input.text {
height:28px !important;
line-height:normal !important;
font-size:12px;
border-radius:3px;
}
.system-form textarea.textarea {
line-height:1.5;
font-size:12px;
}
.system-form  select.select {
width:180px;
height:28px;
font-size:12px;
}
.system-form .checkbox:after {
content:'.';
display:block;
clear:both;
line-height:0;
font-size:0;
visibility:hidden;
}
.system-form .checkbox label {
float:left;
white-space:nowrap;
margin-right:15px;
}
.system-form .checkbox input {
position:relative;
top:2px;
margin-right:5px;
}
.system-form .select-option {
width:180px;	/*閸婅偐娈戠€硅棄瀹�*/
}
.system-form .select-option .option {
min-width:178px;	/*閸婅偐娈戠€硅棄瀹�*/
}

/******************************/

.system-form .half:after {
content:'.';
display:block;
clear:both;
line-height:0;
font-size:0;
visibility:hidden;
}
.system-form .half input.text {
float:left;
width:45%;
}
.system-form .half .to {
float:left;
width:10%;
color:#999;
text-align:center;
}
.system-form .half select.select {
float:left;
width:49%;
min-width:49%;
padding-left:0;
margin-right:1%;
}
.system-form .half select.select:last-child {
margin-left:1%;
margin-right:0;
}

.system-tips {
position:absolute;
top:10px;
right:-20px;
width:17px;
height:17px;
background:url(../images/system-tips.png) no-repeat;
}
.system-tips span {
position:absolute;
left:-62px;
bottom:22px;
z-index:999;
display:none;
width:200px;
line-height:1.5;
color:#F60;
padding:6px 8px;
border:1px solid #FC3;
border-radius:5px;
box-shadow:0 5px 5px RGBA(0, 0, 0, 0.1);
background:#FFC;
}
.system-tips:hover span {
display:block;
}
.system-tips i {
position:absolute;
bottom:-5px;
left:65px;
display:block;
width:10px;
height:5px;
background:url(../images/system-tips.png) no-repeat 0 bottom;
}

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

.system-form .twice {
width:560px;
}
.system-form .twice .value {
width:460px;
}
.system-form .third {
width:840px;
}
.system-form .third .value {
width:740px;
}
.system-form .add-button{
position:relative;
}
.system-form .add-button .button-28{
position:absolute;
top:4px;
right:0;
}

.system-form .add-button .operate {
position:relative;
position:absolute;
top:3px;
right:0;
background:#FFF;
}
.system-form .add-button .operate .button-28 {
position:static;
top:0;
right:0;
border-radius:0;
}