﻿*{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;}
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()); color:#333;}
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-bg{ display:block; background:#f6f6f6;}
.banner{display:block;}
.banner img{display:block; width:100%;}


/*头部*/
.header{width:100%; height:70px; background:url(/assets/mobile_new/image/top-bg.jpg) no-repeat #fff; background-size:100% 100%; border-bottom: 1px solid #eee;}
.logo{position:absolute; left:10px; top:10px; width:100px; z-index: 2;}
.logo img{width:100px; height:35px;}
.edition{position:absolute; top:2px; right:60px; height:50px; line-height:50px; font-size:10px; z-index: 2;}
.edition a{color:#6A3906;  display:inline-block; height:50px;}
.edition em{ display:inline-block;  padding:0 8px;}
.nav-menu{position:absolute; top:0px; right:0px;height: 50px;line-height: 60px;text-align: center;width: 50px;color:#666; z-index: 2;}
.nav-icon{display:inline-block; vertical-align:1px; width:26px; height:26px; background:url(/assets/mobile_new/image/nav-icon.png) no-repeat; background-size:100%; margin-top:13px;}
.arrow-n-icon{ position:absolute; top:1px; right:10px; display:inline-block; width:10px; height:10px; font-size:12px !important; color:#999}
.nav-close{border-bottom:1px solid #eee; height:45px; line-height:45px;font-size:14px; font-weight:bold; color:#666; text-indent:10px;}
.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(/assets/mobile_new/image/close-icon.png) no-repeat; background-size:100%; margin-top:14px;}


/*侧滑导航*/
.sidenav {background: #fff;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; border-bottom:1px solid #f3f3f3;}
.sidenav-menu a {display: block;height:50px;line-height: 50px;text-decoration: none;font-size:14px;color:#333;}
.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 20px}
.sidenav-link-title em{ font-size:12px; padding-left:10px; color:#999;}
.sidenav-dropdown {display: none;list-style: none;padding: 0; overflow:hidden;}
.sidenav-dropdown li{ display:block; border-bottom:none;}
.sidenav-dropdown a {background: #F7F8FA;padding-left: 30px;font-weight:normal; font-size:14px; color:#000;}
.sidenav-dropdown a:hover {}
.sidenav-dropdown li:first-child a { border-top:1px solid #f3f3f3;}
.sidenav-dropdown-icon {display: none;height: 16px;right: 16px;width: 16px}
.sidenav-dropdown-icon.show {display: block}
.sidenav-overlay {background: rgba(0,0,0,.5);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 99}
.sidenav-no-scroll {overflow: hidden!important}


/*底部*/
.footer_new{width:100%; background:#965244; clear: both;}
.footer-code{width:100%; text-align:center; padding:25px 0 15px 0; background-color: #F0CDBB; overflow: hidden;}
.footer-code p{ float: left; width: 33%; margin-bottom: 10px;}
.footer-code p em{width: 80%; text-align: center; background: #fff; padding: 5px 0;}
.footer-code p span{ font-size: 12px; display: block; padding-top: 5px;}
.footer-code p img{ width: 90%; height: 10%;}
.footer-code img{width:100px; height:110px; display:inline-block;}
.footer-copy{width:100%;padding:15px 0; font-size:12px; color:#fff;text-align:center;}
.footer-copy p{display:block; padding-top:5px;}
.footer-copy p em{margin-left:10px;}
.footer-copy p em a{color:#fff;}
.gw-link{ width: 90%; overflow: hidden;  margin: 0px auto;}
.gw-link a{ float: left; width: 18%; text-align: center; padding-top: 10px; padding-bottom: 20px;}
.gw-link a img{ width: 40%;}

/*返回顶部*/
#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:30px; height:30px; border-radius:30px; background:#6A3906; transition:color 1s; text-align:center;}
#top a i{ display:inline-block; width:16px; height:16px; background:url(/assets/mobile_new/image/arrow-p-icon.png) no-repeat; background-size:100%; margin-top:8px;}

@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 */
}
