/* CSS Document*/
html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font:12px/24px "\5FAE\8F6F\96C5\9ED1", Arial,"\5B8B\4F53",sans-serif;list-style:none;}
body{margin:0 auto;font-size:16px;font-family: 'XinGothic-SinaWeibo','Microsoft Yahei','Simsun';}
article,section,header,footer,aside,nav,iframe,output{display:block;}
a{text-decoration:none;}
.clear{clear:both;}
.box{position:relative;}
/* head*/
.head{width:100%;overflow:hidden;position: relative;}
.head article{width:100%;border-bottom:solid 1px #ececec;}
.head .logo img{display: block;}
/* main*/
.i_mian{overflow:hidden;background: #F5F5F5;padding: 15px;}
.back_blue01{background:#429beb;}
.back_blue02{background:#30bcd5;}
.back_yel01{background:#feb127;}
.back_yel02{background:#fe830a;}
.back_red{background:#f65f5f;}
.back_pink{background:#e943a7;}
.i_mian article a{display:block;height: 147px;text-align:center;float:left;margin-left:1%;margin-bottom:1%;}
.i_mian2{width:48%;}
.i_mian article a dt{padding:32px 0 4px 0;height:53px;}
.i_mian article a dd{font: 22px/28px "\5FAE\8F6F\96C5\9ED1";color:#fff;position:relative;}
.i_mian article a dd span{padding:0 4px;background:#f5383e;color:#fff;position:absolute;border-radius:20px;top:-12px;}
/* footer*/
footer{text-align:center;padding-top:18px;width:100%;clear:both;}
footer p{font-size:28px;color:#333;line-height:28px;}
footer p{padding:15px 0;}
.appBox{position: relative;left:0;bottom:0;width:100%;height: 50px;background-color: #F5F5F5;}
.appBox a{display:block;padding: 5px 5px 5px 70px;line-height: 20px;color: #3E3E3E;font-size: 12px;}
.appBox h6{font-size: 12px;margin: 0;line-height: 26px;}
.btnClose{position:absolute;left: 5px;top: 5px;width: 40px;height: 40px;text-align:center;font-size: 28px;line-height: 28px;color:#333;cursor:pointer;border-radius: 30px;}
.appBox .open{right: 5px;background: #229E04;display: inline-block;width: 60px;font-size: 13px;line-height: 30px;color: #fff;border-radius: 15px;text-align: center;position: absolute;top: 17px;}

.i_mian article a p{font-size: 16px;color: #EEE !important;}

@media(max-width:650px) {
.box header a{height: auto;}
.i_mian article a dt{padding: 20px 0 0px 0;}
.i_mian article a dd{font:20px/28px "\5FAE\8F6F\96C5\9ED1";}
.i_mian article a {height: 130px;}
/* footer */
footer p{font-size:18px;line-height:24px;}
footer p{padding:8px 0;}
}
@media(max-width:520px) {
.head{width:100%;border-bottom:solid 1px #e7e7e7;overflow:hidden;}
.head article{width:100%;border-bottom:solid 1px #ececec;}
.head .logo img{width: 100%;}
}
@media(max-width:480px) {
.i_mian article a {height: 102px;}
.i_mian article a dt {padding: 18px 0 0px 0;height: 28px;}
.i_mian article a dd span{font:10px/16px "\5FAE\8F6F\96C5\9ED1", Arial,"\5B8B\4F53",sans-serif;padding:0 2px;top: -4px;right:4px;}
.i_mian article a dd{font:16px/28px "\5FAE\8F6F\96C5\9ED1";}
.i_mian article a p{font-size: 12px;color: #EEE !important;margin-top: -10px;}
.i_img01 img{width:28px;}
.i_img04 img{width:28px;}
.i_img05 img{width:28px;}
.i_img06 img{width:28px;}
.i_img08 img{width:28px;}
.i_img10 img{width:28px;}
.i_img11 img{width:28px;}
.i_img12 img{width:28px;}
.i_mian {padding: 20px 0px 0}
}
@media(max-width:365px) {
footer p{font-size:15px;color:#333;line-height:24px;}
.i_mian article a dd{font:15px/28px "\5FAE\8F6F\96C5\9ED1";}
.i_mian article a {height: 85px;}
.i_mian article a dt {padding:10px 0 0px 0;}
.appBox a {padding: 5px 5px 5px 50px;}
img.shop-img {width: 40px;}
.appBox {height: 40px;}
.appBox h6 {line-height: 20px;}
.appBox .open {top: 10px;}

}
@media(max-width:325px) {
.head{width:100%;border-bottom:solid 1px #e7e7e7;overflow:hidden;}
.head article{width:100%;height: auto;border-bottom:solid 1px #ececec;}
.head .logo{float:left;}
.head .logo img{width: 100%;}
.i_mian article a dt {padding:10px 0 0px 0;}
}
