@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{width:100%; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body{font-family:"微软雅黑",Helvetica,STHeiTi,sans-serif;  font-size: .3rem; color: #333; background:#ab7996 url(../images/bg.jpg) no-repeat center top; background-size:cover; background-size:100%;-webkit-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(255,255,255,0);}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:.38rem}
h2{font-size:.36rem}
h3{font-size:.34rem}
h4{font-size:.34rem}
h5{font-size:.32rem}
h6{font-size:.32rem}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr{margin: 0;padding: 0;border: 0;color: #CDCDCD;background-color: #CDCDCD;height: 1px}
blockquote{color:#666;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:.6rem 'andale mono', 'lucida console', monospace;line-height:1.5}
/*clear clearfix*/.clearfix:after{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
.clear{clear:both;}
a{text-decoration: none;font-size:.3rem;color:#333}
 
.radius5{-moz-border-radius: 5px;/* Gecko browsers*/-webkit-border-radius: 5px;/* Webkit browsers*/border-radius:5px;}
.p10{padding:0 10px}
.ty{-webkit-box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC;}
.f{float:left;}
.r{float:right}
img{width:100%; display:block}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input:-moz-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input::-moz-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input:-ms-input-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5}

.mb20{ margin-bottom:0.2rem}
.mb30{ margin-bottom:0.3rem}


/*布局*/
.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center}
.ui-nowrap{max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*头部*/
.logo{ padding-top:0.5rem; padding-bottom:0.35rem} 


 
/*轮播*/
.banner{ position:relative; padding:0.3rem 0.2rem; background:rgba(255,255,255,0.3);-webkit-box-shadow: 0px 0px 10px #666; margin-bottom:0.25rem}
.banner .bd img{ display:block; width:100%}
.banner .hd{ text-align:center; height:0.15rem; position:absolute; z-index:8; left:0; right:0; bottom:0.6rem}
.banner .hd li{ display:inline-block; vertical-align:middle; width:0.2rem; height:0.2rem; border-radius:0.2rem; margin:0 0.08rem;   background:#000}
.banner .hd li.on{ background:#F00}

.list1 li{ width:33.33%; text-align:center; padding:0 0.05rem}
.list1 li a{ display:block; padding:0.3rem 0; color:#fff; font-size:0.38rem}
.list1 li img{ width:auto; height:1rem; display:inline-block;}
.list1 li a{ background:rgba(43,153,213,0.7)}
.list1 li:nth-child(2) a{background:rgba(216,76,54,0.7)}
.list1 li:nth-child(3) a{background:rgba(61,181,73,0.7)}

.fflex{ height:1.3rem; }
.list4{ height:1.3rem;padding-left:1.6rem; position:fixed; z-index:999; left:0; right:0; bottom:0; background:url(../images/fbg.jpg) repeat-x top; background-size:auto 100%}
.list4 li{ width:33.33%; text-align:center; padding:0.15rem 0}
.list4 li a{ display:block; color:#fff; font-size:0.32rem; border-right:1px solid #fff}
.list4 li:last-child a{border-right:none}
.list4 li img{ width:auto; height:0.55rem; display:inline-block;}
.list4 .index{ position:absolute; text-align:center; width:1.84rem; left:0;top:-0.48rem}
.list4 .index img{ width:1.55rem; height:auto; display:inline-block;}
.list4 .index a{border-right:none}
