ul { padding: 0px; margin: 0px;}
li { list-style: none }
body {
font-family:SimSun,Arial, Verdana, Sans-Serif; 
margin:0 auto;/*解决空白问题，同时使网页居中显示*/
padding:0;

}
.mainTabListBlock {
	background:#eff6fe;
	width:100%;
	height:100%;
	border:0px solid #e6e6e6;
	padding:0;
	margin: 0px 0px 0px 0px;
}

.mainTabListBlock div li{float: left;width: 49%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.ui-tabs{float:left}
.ui-tabs li a {font-size: 14px;line-height:26px;color:#666;text-decoration:none}
.ui-tabs li a:hover{color:#009900;text-decoration:underline}
.special-promotion a {color:#FF1493 !important;font-weight: bold;}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/

.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/

.ui-widget-header { background: #12A3EB;height:30px }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #FFFFFF; background-color: transparent; font-weight: bold;  }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #FFFFFF;  }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e4f1fb 50% 50% repeat-x; font-weight: bold; color: #0070a3; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffaa00; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #fff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #105289; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-tabs { position: relative; padding: .0em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 0px; overflow:hidden;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a {padding: .2em 8px 0em 7px; float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 5px 0 0 10px; background: none;white-space: nowrap; overflow: hidden;}
.ui-tabs .ui-tabs-hide { display: none !important; }


@media screen and (min-width: 753px) {
.ui-tabs .ui-tabs-nav li a {padding: .2em 8px 0em 7px;}
}

@media only screen and (max-width: 752px) and (min-width: 728px){
.ui-tabs .ui-tabs-nav li a {padding: .2em 7px 0em 7px;}	
}

@media only screen and (max-width: 479px){
.mainTabListBlock div li{width: 100%;}
}