*{font-family: "微软雅黑",sans-serif;}
/*public*/
input[type="radio"],input[type="checkbox"]{border: 0;}
.view{min-width: 320px;min-height: 100%;background: #eeeff3;position: absolute;top:0;left: 0;width: 100%;}
.content{max-width: 10rem;margin: 0 auto;overflow: hidden;}
.main-cd{padding: .3rem .4rem;}
.main-lr{padding: 0 .1rem;}
.main-ud{padding: .1rem 0;}
.mt-8{margin-top: .8rem;}
.mt-4{margin-top: .4rem;}
.mt-2{margin-top: .2rem;}
.main-bg{background: #fff;}
/*header*/
.h-cd{background: #eeeff3;position: relative;height: 40px;line-height: 40px;}
[data-dpr="2"] .h-cd{height: 80px;line-height: 80px;}
[data-dpr="3"] .h-cd{height: 120px;line-height: 120px;}
.h-text{font-size: 16px;color: #2d354c;text-align:center;}
[data-dpr="2"] .h-text{font-size: 32px;}
[data-dpr="3"] .h-text{font-size: 48px;}
.h-back-i{position:absolute;top:0;left:0;width: 2rem;height: 100%;background: url(../img/back_icon.png) no-repeat 35% 50%;background-size:28%;}
.h-home-i{position: absolute;top:0;right: 0;width: 2rem;height: 100%;background: url(../img/h_icon_home.png) no-repeat 65% 50%;background-size: 22%;}
/*foot-nav*/
.ft-wp{position: fixed;width: 100%;bottom: 0;left: 0;}
.ft-cd{display: -webkit-box;display: -moz-box;display: box;width: 100%;background: #fff;border-top: 1px solid #ccc;height: 36px;padding: 4px 0 3px 0;}
[data-dpr="2"] .ft-cd{height: 70px;padding: 8px 0 6px 0;}
[data-dpr="3"] .ft-cd{height: 104px;padding: 12px 0 9px 0;}
.ft-cd div{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;display: -webkit-box;display: -moz-box;display: box;width: 25%;
-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;}
.ft-cd div:nth-of-type(2) img{width: 18px;}
[data-dpr="2"] .ft-cd div:nth-of-type(2) img{width: 36px;}
[data-dpr="3"] .ft-cd div:nth-of-type(2) img{width: 54px;}
.ft-cd div:nth-of-type(3) img{margin:2px 0 0 0;}
[data-dpr="2"] .ft-cd div:nth-of-type(3) img{margin:4px 0 0 0;}
[data-dpr="3"] .ft-cd div:nth-of-type(3) img{margin:6px 0 0 0;}
.ft-cd a{display: block;width: 100%;text-align: center;}
.ft-cd i{display: block;width: 100%;height: 23px;}
[data-dpr="2"] .ft-cd i{height: 45px;}
[data-dpr="3"] .ft-cd i{height: 70px;}
.ft-cd img{width: 20px;}
[data-dpr="2"] .ft-cd img{width: 40px;}
[data-dpr="3"] .ft-cd img{width: 60px;}
.ft-cd p{color: #999;font-size: 10px;}
[data-dpr="2"] .ft-cd p{font-size: 20px;}
[data-dpr="3"] .ft-cd p{font-size: 30px;}

/*页面结构相关的CSS开始*/
.frame-wrapper {position: fixed;z-index: 1;top: 0px;bottom: 0px;left: 0px;width: 100%;overflow: hidden;}
.frame-scroller {position: absolute;z-index: 1;top:0px;left:0px;right:0px;width: 100%;bottom:0px;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;overflow:hidden;background-color:#f5f5f9;}
.frame-header,.frame-indicator,.frame-content,.frame-footer{position:fixed;left:0px;right:0px;z-index:1;}
.frame-header{top:0px;line-height:44px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;z-index:3;}
.frame-indicator{z-index: 2;top: 44px;overflow: hidden;}
.frame-content{z-index: 1;top:0px;bottom:0px;}
.frame-footer{bottom:0px;}
.frame-container{position:relative;padding-bottom:0px;}
.frame-scroll-down-ele, .frame-scroll-up-ele {position: absolute;left: 0px;width: 100%;text-align: center;}
.frame-scroll-down-ele {top: -1000px;}
.frame-scroll-up-ele {bottom: -1000px;}
/*页面结构相关的CSS结束*/