﻿@charset "utf-8";
/* CSS Document */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::selection{background:#00afdf;color:#fff;}
::-moz-selection{background:#00afdf;color:#fff;}
* {
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html, body {
	width: 100%;
	height: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	min-width: 320px;
	font: 14px/1 arial, "Microsoft Yahei", sans-serif;
	background: #fff;
	color: #222;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "microsoft yahei","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #333;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 1.4
}
.label {
	font-weight: normal;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	margin-bottom: inherit;
	padding: 0.25rem 0.5rem 0.375rem;
	font-size: 0.6875rem;
	background-color: #2ba6cb;
	color: #fff
}
html {
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout:none;
}

@viewport { width: extend-to-zoom; zoom: 1.0;}
@-ms-viewport { width: extend-to-zoom; zoom: 1.0;}
a:hover {cursor: pointer}
img {max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle;}
.video-box{max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle;}
.left { float: left !important;}
.right {float: right !important;}
.display-none{ display:none;}
.display-block{ display:block;}
.display-inline,.display-inline *{ display:inline-block!important;}
.clearfix{ zoom:1;}
.clearfix:after {clear: both;content: " "; display:block; height:0; overflow:hidden;}
.clear{ clear:both!important; float:none!important;}
.hide {display: none}
textarea {height: auto; min-height: 50px}
select {width: 100%}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin: 0;padding: 0}
a {color: #666; text-decoration: none; line-height: inherit; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
a:hover, a:focus { color: #333;}
a img {border: none;}
a,*{outline:none;}
a:focus,*:focus{outline:none;}
a:active{outline:none;}
a:focus{outline:thin dotted;}
p {font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility;}
a, div, header, span {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0;}
h1 {font-size: 2.125rem;}
h2 {font-size: 1.6875rem;}
h3 {font-size: 1.375rem;}
h4 {font-size: 1.125rem;}
h5 {font-size: 1.125rem;}
h6 {font-size: 1rem;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
em, i {font-style: italic; line-height: inherit;}
strong, b {font-weight: bold; line-height: inherit;}
small {font-size: 60%; line-height: inherit;}
ul, ol, dl {font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position:inside; font-family: inherit; padding:0; margin:0; list-style:none;}

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px dotted #ddd; cursor: help;}
abbr { text-transform: none;}
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #ddd;}
blockquote cite { display: block; font-size: 0.8125rem; color: #555;}
blockquote cite a, blockquote cite a:visited { color: #555;}
blockquote, blockquote p { line-height: 1.6; color: #6f6f6f;}

/*LESS ie*/
.ietips{ width:400px; height:160px; position:fixed; left:50%; margin-left:-200px; top:50%; margin-top:-80px; background-color:#fff; z-index:9999; color:#333; font-size:14px;}
.ietips h2{ font-size:14px; text-align:center; line-height:1.7; padding:15px 20px;}
.u-mark{ width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  position:fixed; left:0; bottom:0; z-index:9998;}
.ietips .close-p{ display:block; width:120px; height:25px; line-height:25px; margin:0 auto; text-align:center; cursor:pointer; background-color:#29ABE2; color:#fff;}
.anther-change{ font-weight:700; color:#e95258; margin-bottom:0;}

/*width*/
.ui-wrap{ width:1280px!important; *width:1280px!important; margin:0 auto; text-align:left;}
.w-100{ width:100%!important; margin:0 auto;}
.w-90{ width:90%!important; margin:0 auto;}
.w-80{ width:80%!important; margin:0 auto;}
.w-50{ width:50%!important; margin:0 auto;}
.w-45{ width:45%!important; margin:0 auto;}
.w-40{ width:40%!important; margin:0 auto;}
.w-35{ width:35%!important; margin:0 auto;}
.w-30{ width:30%!important; margin:0 auto;}
.w-auto{ width:auto!important;}
.max-w-50{ max-width:50px!important;}
.max-w-60{ max-width:60px!important;}
.max-w-70{ max-width:70px!important;}
.max-w-80{ max-width:80px!important;}
.max-w-90{ max-width:90px!important;}
.max-w-100{ max-width:100px!important;}
.max-w-110{ max-width:110px!important;}
.max-w-120{ max-width:120px!important;}
.max-w-130{ max-width:130px!important;}
.max-w-140{ max-width:140px!important;}
.max-w-150{ max-width:150px!important;}
.w-50px{ width:50px!important;}
.w-100px{ width:100px!important;}
.w-120px{ width:120px!important;}
.w-140px{ width:140px!important;}
.w-150px{ width:150px!important;}
.w-160px{ width:160px!important;}
.w-180px{ width:180px!important;}
.w-190px{ width:190px!important;}
.w-200px{ width:200px!important;}
.w-220px{ width:220px!important;}
.w-240px{ width:240px!important;}
.w-260px{ width:260px!important;}
.w-280px{ width:280px!important;}
.w-300px{ width:300px!important;}
.w-340px{ width:340px!important;}
.w-380px{ width:380px!important;}
.w-420px{ width:420px!important;}

/*padding*/
.pt-5{ padding-top:5px;}
.pt-10{ padding-top:10px;}
.pt-15{ padding-top:15px;}
.pt-20{ padding-top:20px;}
.pt-25{ padding-top:25px;}
.pt-30{ padding-top:30px;}
.pt-35{ padding-top:35px;}
.pt-40{ padding-top:40px;}
.pr-5{ padding-right:5px;}
.pr-10{ padding-right:10px;}
.pr-15{ padding-right:15px;}
.pr-20{ padding-right:20px;}
.pr-25{ padding-right:25px;}
.pr-30{ padding-right:30px;}
.pr-35{ padding-right:35px;}
.pr-40{ padding-right:40px;}
.pb-5{ padding-bottom:5px;}
.pb-10{ padding-bottom:10px;}
.pb-15{ padding-bottom:15px;}
.pb-20{ padding-bottom:20px;}
.pb-25{ padding-bottom:25px;}
.pb-30{ padding-bottom:30px;}
.pb-35{ padding-bottom:35px;}
.pb-40{ padding-bottom:40px;}
.pl-5{ padding-left:5px;}
.pl-10{ padding-left:10px;}
.pl-15{ padding-left:15px;}
.pl-20{ padding-left:20px;}
.pl-25{ padding-left:25px;}
.pl-30{ padding-left:30px;}
.pl-35{ padding-left:35px;}
.pl-40{ padding-left:40px;}

/*margin*/
.mt-5{ margin-top:5px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-25{ margin-top:25px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mr-5{ margin-right:5px;}
.mr-10{ margin-right:10px;}
.mr-15{ margin-right:15px;}
.mr-20{ margin-right:20px;}
.mr-25{ margin-right:25px;}
.mr-30{ margin-right:30px;}
.mr-35{ margin-right:35px;}
.mr-40{ margin-right:40px;}
.mb-5{ margin-bottom:5px;}
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.mb-20{ margin-bottom:20px;}
.mb-25{ margin-bottom:25px;}
.mb-30{ margin-bottom:30px;}
.mb-35{ margin-bottom:35px;}
.mb-40{ margin-bottom:40px;}
.ml-5{ margin-left:5px;}
.ml-10{ margin-left:10px;}
.ml-15{ margin-left:15px;}
.ml-20{ margin-left:20px;}
.ml-25{ margin-left:25px;}
.ml-30{ margin-left:30px;}
.ml-35{ margin-left:35px;}
.ml-40{ margin-left:40px;}


/*control*/
.row {width: 100%;margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0; }
.row:before, .row:after {content: " ";display: table}
.row:after {clear: both;}
.row.collapse .row {margin-left: 0;margin-right: 0}
.row .row:before, .row .row:after {content: " ";display: table}
.row .row:after {clear: both}
.row .row.collapse {width: auto;margin: 0;max-width: none}
.row .row.collapse:before, .row .row.collapse:after {content: " ";display: table}
.row .row.collapse:after {clear: both}
.column,.columns {padding-left: 0.9375em;padding-right: 0.9375em;width: 100%;float: left;}

.row [class*="small-"] {display:block; padding:0;}
.row [class*="small-"]:before, [class*="block-grid-"]:after {content: " "; display: table;}
.row [class*="small-"]:after {clear: both;}
.row [class*="small-"]{display:block; float:left; padding:0 0.625rem/* 1.25rem*/; padding:0 8px\0; *padding:0;}
.row input[class*="small-"],.row select[class*="small-"] {display:block; padding:0 0 0 5px;}

.row .small-1 {width: 8.33333%; display:block; float:left;}
.row .small-2 {width: 16.66667%; display:block; float:left;}
.row .small-3 {width: 25%; display:block; float:left;}
.row .small-4 {width: 33.33333%; display:block; float:left;}
.row .small-5 {width: 41.66667%;display:block; float:left;}
.row .small-6 {width: 50%;}
.row .small-7 {width: 58.33333%; display:block; float:left;}
.row .small-8 {width: 66.66667%; display:block; float:left;}
.row .small-9 {width: 75%; display:block; float:left;}
.row .small-10 {width: 83.33333%; display:block; float:left;}
.row .small-11 {width: 91.66667%; display:block; float:left;}
.row .small-12 {width: 100%; display:block; float:left;}

.row-tablef{ padding-top:15px;}
.row-tablef a{ float:left;}
.row-table [class*="small-"] {display:block; padding:0;}
.row-table [class*="small-"]:before, [class*="block-grid-"]:after {content: " "; display: table;}
.row-table [class*="small-"]:after {clear: both;}
.row-table [class*="small-"]{display:block; float:left;}
.row-table{ display:table; width: 100%;margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0; clear:both;}
.row-table .small-Column{ display:table-cell; padding:0.625rem;}
.row-table .small-1 {width: 8.33333%;}
.row-table .small-2 {width: 16.66667%;}
.row-table .small-3 {width: 25%;}
.row-table .small-4 {width: 33.33333%;}
.row-table .small-5 {width: 41.66667%;}
.row-table .small-6 {width: 50%;}
.row-table .small-7 {width: 58.33333%;}
.row-table .small-8 {width: 66.66667%;}
.row-table .small-9 {width: 75%;}
.row-table .small-10 {width: 83.33333%;}
.row-table .small-11 {width: 91.66667%;}
.row-table .small-12 {width: 100%;}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify !important;}


/*×××××××××××××××列表响应×××××××××××××××*/
[class*="grid-"] {display:block; padding:0;}
[class*="grid-"]:before, [class*="block-grid-"]:after {content: " "; display: table;}
[class*="grid-"]:after {clear: both;}
[class*="grid-"] .uiColumn {display:block; height:auto; float:left; padding:0 0.625rem 1.25rem;}
.grid-min1200-1 .uiColumn,.grid-min1200-2 .uiColumn,.grid-min1200-3 .uiColumn,.grid-min1200-4 .uiColumn,.grid-min1200-5 .uiColumn,.grid-min1200-6 .uiColumn,.grid-min1200-7 .uiColumn,.grid-min1200-8 .uiColumn,.grid-min1200-9 .uiColumn,.grid-min1200-10 .uiColumn {display:block; height:auto; float:left; padding:0 0.625rem 0.25rem; padding:0 8px 15px\0; *padding:0 0 10px;}

@media (max-width: 479px) {
/*手机竖屏*/	
.grid-max479-1 .uiColumn {width: 100%;}
.grid-max479-2 .uiColumn {width: 50%;}
.grid-max479-3 .uiColumn {width: 33.33333%;}
.grid-max479-4 .uiColumn {width: 25%;}
.grid-max479-5 .uiColumn {width: 20%;}
.grid-max479-6 .uiColumn {width: 16.66667%;}

.grid-max479-1 .uiColumn:nth-of-type(1n+1),
.grid-max479-2 .uiColumn:nth-of-type(2n+1),
.grid-max479-3 .uiColumn:nth-of-type(3n+1),
.grid-max479-4 .uiColumn:nth-of-type(4n+1),
.grid-max479-5 .uiColumn:nth-of-type(5n+1),
.grid-max479-6 .uiColumn:nth-of-type(6n+1){clear: both;}


.row-table{ display:block;}
.row-table .small-Column{ display:block; line-height:1;}
.row-table [class*="small-"]{display:block; clear:both; width:100%;}


}
@media (min-width: 480px) and (max-width: 767px) {
/*手机横屏*/	
.grid-max767-1 .uiColumn {width: 100%;}
.grid-max767-2 .uiColumn {width: 50%;}
.grid-max767-3 .uiColumn {width: 33.33333%;}
.grid-max767-4 .uiColumn {width: 25%;}
.grid-max767-5 .uiColumn {width: 20%;}
.grid-max767-6 .uiColumn {width: 16.66667%;}

.grid-max767-1 .uiColumn:nth-of-type(1n+1),
.grid-max767-2 .uiColumn:nth-of-type(2n+1),
.grid-max767-3 .uiColumn:nth-of-type(3n+1),
.grid-max767-4 .uiColumn:nth-of-type(4n+1),
.grid-max767-5 .uiColumn:nth-of-type(5n+1),
.grid-max767-6 .uiColumn:nth-of-type(6n+1){clear: both;}


.row-table{ display:block;}
.row-table .small-Column{ display:block; line-height:1;}
.row-table [class*="small-"]{display:block; clear:both; width:100%;}
}

@media (min-width: 768px) and (max-width: 960px) {
/*平板竖屏*/	
.grid-max960-1 .uiColumn {width: 100%;}
.grid-max960-2 .uiColumn {width: 50%;}
.grid-max960-3 .uiColumn {width: 33.33333%;}
.grid-max960-4 .uiColumn {width: 25%;}
.grid-max960-5 .uiColumn {width: 20%;}
.grid-max960-6 .uiColumn {width: 16.66667%;}

.grid-max960-1 .uiColumn:nth-of-type(1n+1),
.grid-max960-2 .uiColumn:nth-of-type(2n+1),
.grid-max960-3 .uiColumn:nth-of-type(3n+1),
.grid-max960-4 .uiColumn:nth-of-type(4n+1),
.grid-max960-5 .uiColumn:nth-of-type(5n+1),
.grid-max960-6 .uiColumn:nth-of-type(6n+1){clear: both;}
}

@media (min-width: 961px) and (max-width: 1199px) {
/*平板横屏*/	
.grid-max1199-1 .uiColumn {width: 100%;}
.grid-max1199-2 .uiColumn {width: 50%;}
.grid-max1199-3 .uiColumn {width: 33.33333%;}
.grid-max1199-4 .uiColumn {width: 25%;}
.grid-max1199-5 .uiColumn {width: 20%;}
.grid-max1199-6 .uiColumn {width: 16.66667%;}
.grid-max1199-7 .uiColumn {width: 14.28571%;}
.grid-max1199-8 .uiColumn {width: 12.5%;}
.grid-max1199-9 .uiColumn {width: 11.11111%;}
.grid-max1199-10 .uiColumn {width: 10%;}

.grid-max1199-1 .uiColumn:nth-of-type(1n+1),
.grid-max1199-2 .uiColumn:nth-of-type(2n+1),
.grid-max1199-3 .uiColumn:nth-of-type(3n+1),
.grid-max1199-4 .uiColumn:nth-of-type(4n+1),
.grid-max1199-5 .uiColumn:nth-of-type(5n+1),
.grid-max1199-6 .uiColumn:nth-of-type(6n+1),
.grid-max1199-7 .uiColumn:nth-of-type(7n+1),
.grid-max1199-8 .uiColumn:nth-of-type(8n+1),
.grid-max1199-9 .uiColumn:nth-of-type(9n+1),
.grid-max1199-10 .uiColumn:nth-of-type(10n+1){clear: both;}
}

@media (min-width: 1200px) {	
/*所有彩色宽屏幕*/
.grid-min1200-1 .uiColumn {width: 100%;}
.grid-min1200-2 .uiColumn {width: 50%;}
.grid-min1200-3 .uiColumn {width: 33.33333%;}
.grid-min1200-4 .uiColumn {width: 25%;}
.grid-min1200-5 .uiColumn {width: 20%;}
.grid-min1200-6 .uiColumn {width: 16.66667%;}
.grid-min1200-7 .uiColumn {width: 14.28571%;}
.grid-min1200-8 .uiColumn {width: 12.5%;}
.grid-min1200-9 .uiColumn {width: 11.11111%;}
.grid-min1200-10 .uiColumn {width: 10%;}

.grid-min1200-1 .uiColumn:nth-of-type(1n+1),
.grid-min1200-2 .uiColumn:nth-of-type(2n+1),
.grid-min1200-3 .uiColumn:nth-of-type(3n+1),
.grid-min1200-4 .uiColumn:nth-of-type(4n+1),
.grid-min1200-5 .uiColumn:nth-of-type(5n+1),
.grid-min1200-6 .uiColumn:nth-of-type(6n+1),
.grid-min1200-7 .uiColumn:nth-of-type(7n+1),
.grid-min1200-8 .uiColumn:nth-of-type(8n+1),
.grid-min1200-9 .uiColumn:nth-of-type(9n+1),
.grid-min1200-10 .uiColumn:nth-of-type(10n+1){clear: both;}
}
/*×××××××××××××××列表响应××××××××××××××× end*/
@media (max-width: 1200px) {
.max-w-50,.max-w-60,.max-w-70,.max-w-80,.max-w-90,.max-w-100,.max-w-110,.max-w-120{ max-width:1200px!important;}
.w-50px,.w-100px,.w-120px,.w-140px,.w-150px,.w-160px,.w-180px,.w-190px,.w-200px,.w-220px,.w-240px,.w-260px,.w-280px,.w-300px,.w-340px,.w-380px,.w-420px,.mobile-w-100{ width:100%!important;}
body .prodoucts-list-name {width:100%!important;}
.ui-wrap{ width:100%!important;}
	
	
}

@media (min-width: 1280px) {
	.ui-wrap{width:93%!important;}
}


@media (min-width: 240px) and (max-width: 767px) {
/*平板横屏*/
.poup-contaier { width:96%!important;  min-width:auto;}
.poup-contaier .poup-box{ max-height:400px; overflow-y:auto; }

}



/***
Responsive tables(new in v1.2.3)
***/
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
.table-bordered th, .table-bordered td{/*border-bottom:1px solid #ddd;*/}
.table-bordered thead td,.table-bordered thead th {height:35px; background-color:#00afdf; color:#fff;}
.flip-scroll table { width: 100%; }
.no-more-tables td,.flip-scroll td{ min-height:40px; vertical-align:middle;}

@media only screen and (max-width: 800px) {
  
  .flip-scroll table {border-left: 1px solid #ddd}
  .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .flip-scroll * html .flip-content { zoom: 1; }
  .flip-scroll *:first-child+html .flip-content { zoom: 1; }
  
  .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
  .flip-scroll th,
  .flip-scroll td { margin: 0; vertical-align: top; }
  .flip-scroll th { text-align: left; }
  
  .flip-scroll table { display: block; position: relative; width: 100%; }
  .flip-scroll thead { display: block; float: left; }
  .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .flip-scroll thead tr { display: block; }
  .flip-scroll th { display: block; text-align: right; }
  .flip-scroll tbody tr { display: inline-block; vertical-align: top; }
  .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
  /* sort out borders */
 
  .flip-scroll th { border-bottom: 0; border-left: 0; }
  .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
  .flip-scroll tbody tr { border-left: 1px solid #ddd; }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
}

.no-more-tables table {
  width: 100%;
	border-collapse:collapse;
}
.no-more-tables td{word-break:break-all;word-wrap:break-word;}
@media only screen and (max-width: 800px) {
  
  /* Force table to not be like tables anymore */
  .no-more-tables table, 
  .no-more-tables thead, 
  .no-more-tables tbody, 
  .no-more-tables th, 
  .no-more-tables td, 
  .no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .no-more-tables tr { 
    border-left: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
	
  }

  .no-more-tables tr:last-child {
    border-bottom: 0;
  }
 
  .no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
	min-height:35px;
	
  }
  
  .no-more-tables td.td-20{ padding-left:20%;}
  .no-more-tables td.td-25{ padding-left:25%;}
  .no-more-tables td.td-30{ padding-left:30%;}
  .no-more-tables td.td-40{ padding-left:40%;}

 
  .no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  .no-more-tables td:before { content: attr(data-title); }
}

/***
Fancy box fix overlay fix(in v1.2.4)
***/
.fancybox-overlay {
  z-index: 10000 !important;
}

/***
Bootstrap Datetimepickers Restyle(in v1.2.4)
***/
.modal-open .datetimepicker {
  z-index: 10060 !Important;
}

.datetimepicker table .active {
  background-image: none !important;
  background-color: #4b8df8 !important;
  filter: none !important;
}

.datetimepicker table td {
  font-weight: 300 !important;
  font-family: 'Open Sans' !important;
}

.datetimepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
}

/***
Bootstrap Datepickers Restyle(in v1.2.4)
***/
.modal-open .datepicker {
  z-index: 10060 !Important;
}

.datepicker table .active {
  background-image: none !important;
  background-color: #4b8df8 !important;
  filter: none !important;
}

.datepicker table td {
  font-weight: 300 !important;
  font-family: 'Open Sans' !important;
}

.datepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
}
/***
Bootstrap Colorpicker (in v1.3)
***/
.modal-open .colorpicker {
  z-index: 10060 !important;
}
/***
Dropdown Checkboxes (in v1.3)
***/
.dropdown-checkboxes {
  padding: 5px;
}

.dropdown-checkboxes label {
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px; 
}



/*********IE8--hack**********/
/*手机竖屏*/	
.grid-max479-1 .uiColumn {width: 100%\9;}
.grid-max479-2 .uiColumn {width: 50%\9;}
.grid-max479-3 .uiColumn {width: 33.33333%\9; *width: 32.88333%;}
.grid-max479-4 .uiColumn {width: 25%\9;}
.grid-max479-5 .uiColumn {width: 20%\9;}
.grid-max479-6 .uiColumn {width: 16.66667%\9;}

/*手机横屏*/	
.grid-max767-1 .uiColumn {width: 100%\9;}
.grid-max767-2 .uiColumn {width: 50%\9;}
.grid-max767-3 .uiColumn {width: 33.33333%\9; *width: 32.88333%;}
.grid-max767-4 .uiColumn {width: 25%\9;}
.grid-max767-5 .uiColumn {width: 20%\9;}
.grid-max767-6 .uiColumn {width: 16.66667%\9;}

/*平板竖屏*/	
.grid-max960-1 .uiColumn {width: 100%\9;}
.grid-max960-2 .uiColumn {width: 50%\9;}
.grid-max960-3 .uiColumn {width: 33.33333%\9; *width: 32.88333%;}
.grid-max960-4 .uiColumn {width: 25%\9;}
.grid-max960-5 .uiColumn {width: 20%\9;}
.grid-max960-6 .uiColumn {width: 16.66667%\9;}

/*平板横屏*/	
.grid-max1199-1 .uiColumn {width: 100%\9;}
.grid-max1199-2 .uiColumn {width: 50%\9;}
.grid-max1199-3 .uiColumn {width: 33.33333%\9; *width: 32.88333%;}
.grid-max1199-4 .uiColumn {width: 25%\9;}
.grid-max1199-5 .uiColumn {width: 20%\9;}
.grid-max1199-6 .uiColumn {width: 16.66667%\9;}
.grid-max1199-7 .uiColumn {width: 14.28571%\9;}
.grid-max1199-8 .uiColumn {width: 12.5%\9;}
.grid-max1199-9 .uiColumn {width: 11.11111%\9;}
.grid-max1199-10 .uiColumn {width: 10%\9;}

/*所有彩色宽屏幕*/
.grid-min1200-1 .uiColumn {width: 100%\9;}
.grid-min1200-2 .uiColumn {width: 50%\9;}
.grid-min1200-3 .uiColumn {width: 33.33333%\9; *width: 32.88333%;}
.grid-min1200-4 .uiColumn {width: 25%\9;}
.grid-min1200-5 .uiColumn {width: 20%\9;}
.grid-min1200-6 .uiColumn {width: 16.66667%\9;}
.grid-min1200-7 .uiColumn {width: 14.28571%\9;}
.grid-min1200-8 .uiColumn {width: 12.5%\9;}
.grid-min1200-9 .uiColumn {width: 11.11111%\9;}
.grid-min1200-10 .uiColumn {width: 10%\9;}


/*********IE8--hack end**********/

.footer-help-dl dt{
	font-weight:bold;
}