﻿@charset "utf-8";
/* CSS Document */
html{}
body{}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

/*公共颜色调用*/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}



/*分类标题*/
.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1rem; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2em; margin-top:.75em;}
.CategoryList_Title .icon-details{margin-right:.5em;}


/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.125rem;}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}
.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1rem;}
.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.CategoryLista .icon-arrow-down{color:#f90;}
.CategoryLista > li > ul >li >ul{padding:0 1.125em;}
/*.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:none;}*/

/*搜索*/
.searchSpan{position:relative; overflow:hidden; margin:.687em;   ;padding-bottom:2rem;}
.searchSpan .txtSearch{height:34px; border-radius:5px; border:1px solid #ddd; font-size:1.1rem; text-indent:.25rem; width:99.9%; outline:none;}
.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:3.5rem; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}
#DetailedSpan div table{width:640px !important;}
#ErrorInfo{ text-align:center;margin-top: 1em;  margin-bottom: 1em;} 
.green{color:#eb2533;}
.red{color:#eb2533; text-align: center;margin-bottom: 1em;}


.green{coor:Red}
.red{color:Red}

/*
@media screen and (min-width:320px) {
	body{font-size:75%;}
    
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}

}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}

}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
 
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
 
}
@media screen and (min-width:640px) {
	body{font-size:150%;}

}
*/

@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

/* header */
header{width: 100%;overflow: hidden;}
header dl{width: 100%;overflow: hidden;padding: 1.408333rem 0 1.416667rem 0;}
header dt{width: 20%;float: left;margin-left: 8%; text-align:right;margin:auto;}
header dd{width: 68%;float: left; margin-top:5px;/*box-sizing:border-box;border-left: 1px solid #dadada;padding-left: 2%;margin: 0 0 0 3%;*/}
header dd h2{font-size: 1.5rem;font-weight: bold;color: #333333;}
header dd h2 span{color: #ff9800;}
header dd a{background: url(img/header-phone.png) no-repeat left center;padding-left: 1.666667rem;background-size: 8%;display: block;}
header dd a i{font-size:1.4rem;color: #0087d5;line-height: 1.416667rem;font-family: 'Myriad Pro';height: 1.416667rem; padding-top: 0.25rem;display: block;}
header img{display: block;width: 70%; text-align:right;margin:auto;}

/*nav*/
nav{width: 100%;overflow: hidden;background: url(img/navBg.jpg) no-repeat center;background-size: cover;}
nav a{font-size: 1rem;color: #fff;display: block;float: left;width: 25%;text-align: center;box-sizing: border-box;border-left: 1px solid #3cb0e2;border-right: 1px solid #0084bb;height: 3.333333rem;line-height: 3.333333rem;}
nav a:nth-child(4),nav a:nth-child(8){border-right: none;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4){border-bottom:  1px solid #3cb0e2;}
nav a:nth-child(1),nav a:nth-child(5){border-left: none;}

/* Rx */
.Rx{width: 100%;overflow: hidden;background: #0095db;padding: 0.666667rem 0;text-align: center;}
.Rx p{background: url(img/Rx-icon01.png) no-repeat 11% center;background-size: 8%;line-height: 2.291667rem;height:2.291667rem;padding-left: 10%;}
.Rx a{font-size: 1.5rem;color: #fff;font-weight: bold;display: inline-block;margin-left: 0.166667rem;}
.Rx em{font-size: 1.0rem;color: #fff;vertical-align: top;}

/* copyRight */
.copyRight{overflow: hidden;width: 94%;padding: 1.25rem 3% 20%;}
.copyRight .con{overflow: hidden;width: 64%;}
.copyRight p{line-height: 1.666667rem;font-size: 1.0rem;color: #666666;}
.copyRight a{font-size: 1.0rem;color: #666666;}

/* backTop */
.backTop{width: 5.375rem;height: 5.375rem;position: fixed;right: 3%;bottom: 12%;}
.backTop img{display: block;width: 100%;}

/* footer */
footer{width: 100%;overflow: hidden;background: url(img/footerBg.jpg) no-repeat center;background-size: cover;position: fixed;bottom: 0;}
footer a{width: 50%;display: block;text-align: center;color: #fff;font-size: 1.0rem;float: left;box-sizing: border-box;border-left: 1px solid #3ca8df;border-right: 1px solid #0084bb;padding: 1.25rem 0;}
footer a:first-child{border-left: none;}
footer a:last-child{border-right: none;}