*{font-family: sans-serif,Arial,Verdana,"Trebuchet MS","Microsoft YaHei","STXihei";}
html{color: #333; background:#f5f6f7; font-family:"Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei; max-width:640px; margin:0px auto;	}
body{font-family:"Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei; background:#fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
em,dfn{font-style:normal}
ul{list-style:none;}
li,dl,dt{list-style:none}
img{border:0;}
i{ font-style:normal; display:inline-block;}
em{font-style:normal; display:inline-block;}
strong {font-weight: bold;font-weight: 700;color: #fff !important;}
input{ font-size:12px; vertical-align:middle; outline:none;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
a:link, a:visited {text-decoration: none;}
a{text-decoration:none;blr:expression_r(this.onFocus=this.blur())}
a{outline:none;blr:expression(this.onFocus=this.blur());}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none; background: none;text-decoration: none;}
input[type="submit"], input[type="reset"],input[type="text"],input[type="tel"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
.common-btn{width:94%; margin:0px auto; padding-bottom:10px;}
input,button,select,textarea{outline:none}
.main-content {width: 100%;margin: 0 auto;background-color: white;display: block;margin-bottom: 50px;margin-top: 0px !important;}
.banner{display:block;}
.banner img{width:100%; display:block;}
.common-bg{display:block; background:#f6f6f8;}
.content-bg{ display:block;}
 
/*头部*/
.header {margin: 0 auto;width: 94%;background: #fff;text-align: center;margin-top: 10px;height: 133px;}
.top-tel{ position:absolute; top:0; right:0; z-index:2; width:56px; height:60px; color:#000000;}
.top-tel i{ font-size:28px; margin-top:16px;}
.logo{width:110px; height:50px; display:inline-block;}
.logo a{display:block;}
.logo img{display:inline-block; margin-top:7px; width:75px; height:45px;}
.nav-menu{position:absolute; top:0px; right:0px;height: 60px;line-height: 60px;text-align: center;width: 60px;}
.nav-icon{display:inline-block; vertical-align:-9px; width:30px; height:30px; background:url(../images/nav-icon.png) no-repeat; background-size:100%;}
.arrow-n-icon{ display:inline-block; width:10px; height:10px; background:url(../images/arrow-n-icon.png) no-repeat; background-size:100%; float:right; margin-top:15px;}
.nav-close{border-bottom:1px solid #333; height:45px; line-height:45px;font-size:14px; font-weight:bold; color:#666; text-indent:10px; margin-bottom:15px;}
.nav-close em{ float:right; width:45px; height:45px; text-align:center;}
.nav-close em i{display:inline-block; width:20px; height:20px; background:url(../images/close-icon.png) no-repeat; background-size:100%; margin-bottom:8px;}
 
/*侧滑导航*/
.sidenav {background: #202123;box-shadow: 2px 2px 6px rgba(0,0,0,.3);display: block;font-size: 16px;font-weight: 400;height: 100%;right: 0;position: fixed;overflow: auto;transform: translate(386px, 0);transition: transform .3s;top: 0;width: 300px;z-index: 10000000}
.sidenav.show {transform: translate(0, 0)}
.sidenav-brand {color: #FAFAFA;font-size: 24px;font-weight: 700;line-height: 32px;padding: 20px 24px 19px}
.sidenav-dropdown, .sidenav-header {margin: 0}
.sidenav-header {color: #757575;font-size: 19.2px;line-height: 32px;padding: 16px 24px 15px}
.sidenav-header small {display: block;font-size: 14.4px;line-height: 16px}
.sidenav-menu {list-style: none;margin: 0;padding: 0}
.sidenav-menu li {display: block;position: relative}
.sidenav-menu a {display: block;height:40px;line-height: 40px;text-decoration: none;font-size:14px;color:#cacaca;}
.sidenav-menu a:hover {	}
.sidenav-menu a.active, .sidenav-menu a.active .sidenav-dropdown-icon, .sidenav-menu a.active .sidenav-link-icon {color: #02afff}
.sidenav-dropdown-icon, .sidenav-link-icon {color: #757575;position: absolute;text-align: center;top: 16px}
.sidenav-link-icon {display: block;height: 24px;left: 24px;width: 24px}
.sidenav-link-title {display: block;padding: 0 16px 0 30px}
.sidenav-dropdown {display: none;list-style: none;padding: 0; overflow:hidden;}
.sidenav-dropdown li{float:left; width:100%;}
.sidenav-dropdown a {background: #161719;padding-left: 30px;font-weight:normal; font-size:12px; color:#999;}
.sidenav-dropdown a:hover {}
.sidenav-dropdown li:first-child a {box-shadow: inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon {display: none;height: 16px;right: 16px;width: 16px}
.sidenav-dropdown-icon.show {display: block}
.sidenav-overlay {background: rgba(0,0,0,.3);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 99}
.sidenav-no-scroll {overflow: hidden!important}

/*顶部订单导航*/
.top-order{position:fixed; width:100%; height:50px; left:0px; top: 60px; border-top:1px solid #eee; z-index:9; background:#fff; overflow:hidden;}
.top-order a{float:left; width:25%; font-size:12px; height:50px; color:#000; text-align:center;  box-sizing:border-box;}
.top-order a span{display:block; height:30px; line-height:30px;}
.top-order a i{font-size:22px; margin-top:3px;}

/*底部*/
.footer{width:100%; background:#303036; overflow:hidden; padding-top:20px; padding-bottom:20px; position:relative;}
.footer p {display: block;font-size: 12px;padding-left: 15px;color: #afaeae !important;}
.footer p i{display:inline-block; vertical-align:-1px; margin-left:2px; margin-right:8px; font-size:16px;}
.footer p:first-child{font-size:16px; color:#fff; padding-bottom:10px; margin-top:-2px;}
.footer p:first-child i{display:inline-block; vertical-align:-3px; margin-left:0px; margin-right:5px; font-size:22px;}
.footer img{ position:absolute; top:15px; right:15px; z-index:2; width:60px; height:60px; border-radius:3px;}
.footer-copy{width:100%;padding-top:13px; padding-bottom:10px; background:#303036;border-top:1px solid #404040;}
.footer-copy p{display:block;text-align:center;font-size:10px; color: #999;opacity: 0.5; padding-bottom:6px;}
.footer-bom{position:fixed; width:100%; height:50px; left:0; bottom:0px; border-top:1px solid #eee; z-index:9; background:#fff; overflow:hidden;}
.footer-bom a{float:left; width:20%; font-size:12px; height:50px; color:#000; text-align:center;  box-sizing:border-box;}
.footer-bom a span{display:block; height:30px; line-height:30px;}
.footer-bom a i{font-size:22px; margin-top:3px;}




/*返回顶部*/
#top{ position:fixed;display:none;bottom:100px;right:10px; z-index:999;}  
#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:40px; height:40px; border-radius:40px; background:rgba(0,0,0,0.5); transition:color 1s;  text-align:center;}  
#top a i{ display:inline-block; width:22px; height:22px; background:url(../images/arrow-p-icon.png) no-repeat; background-size:100%; margin-top:10px;}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
}


@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
 }


@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6P */
 }