table{border-collapse:collapse;border-spacing: 0;}
.fl{float: left; display:inline-block;}
.fr{float: right !important;display:inline-block;}
.YaHei{font-family: 'Microsoft YaHei';}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*+height:1%;}
/*wrapper*/
.wrapper{ width:100%; margin-left:auto;margin-right:auto; background:#fff; height:auto;}
.col-gray01{ color:#747d87 !important;}/*Í·²¿»ÒÉ«*/
.fz14{ font-size:14px;}
.pt10{ padding-top:10px;}
.pb20{ padding-bottom:20px;} 
.bg-blue03{ background-color:#55a7e3 !important;}
.SafeCorCent-down{ width:100%;font-size:12px;background: #FFF none repeat scroll 0% 0%;overflow: auto; display:block;}
.SafeCorCent-down li{line-height:30px;cursor: pointer;text-align:left; float:left;}
.SafeCorCent-down li a{color:#747d87; display:inline-block;padding:0px 10px;}
.SafeCorCent-down li a:hover{text-decoration:none;background: #f5f5f5; color:#747d87;}
.SafeCorCent-down li.bg-blue03 a{color:#fff;}
.SafeCorCent-down li.bg-blue03 a:hover{ color:#fff; background-color:#55a7e3;}
.ColorCentWrap{ padding-left:15px; overflow:hidden;}
.ColorCentWrap h2{ padding-bottom:10px; margin-bottom:10px; text-align:right; width:98%; border-bottom:1px solid #c6cede; clear:both;}
.color{padding-bottom: 1em; text-align: center;}
.col{width: 14.2%; _width: 14.5%; padding: 0px 1% 1% 0px; height:auto; box-sizing: border-box; float: left; overflow:hidden;}
.swatches{ overflow:hidden;}
.color .swatch{height: 120px; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.color .swatch, .color h3{display: block;/* float: left; border: 1px solid #E6E6E6;*/ width:100%; height:80px; box-sizing: border-box;}
.color h3{border: 1px solid #E6E6E6;}
.color h3{width: 100%; height: 50px; border-top: 0px none; padding: 0.5em; _padding: 0;font-size: 0.8em; margin-bottom: 0px; background: #FAFAFA none repeat scroll 0% 0%;}
.color h3 .html, .color h3 .rgb{display: block;font-size: 1em; height:20px; line-height:20px;}
.color h3 .html b{ float: left;}
.color h3 .html b, .color h3 .rgb b{display: block; padding-right: 0.25em; color: #333; box-sizing: border-box;  font-weight: normal;}
.color h3 .html b{ width: 45%; text-align:left;}
.color h3 .rgb b{float: right; }
.color h3 .html span, .color h3 .rgb span{box-sizing: border-box; float: left; padding-right: 0.25em;font-weight: normal;}
.color h3 .html b.fr, .color h3 .rgb b{  text-align: right;}
.wrapper a{color: #338de6;text-decoration: none;} 
.wrapper a:focus{outline: thin dotted;outline:none;}
.wrapper a:active, .wrapper a:hover{outline: 0;}
.wrapper a:hover{text-decoration: underline;}
ul li{ list-style:none;}