body{background-color: #fff;}

.top-bar{height: 64px;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.bottom-bar{height: 60px;position: fixed;bottom: -60px;left: 0;width: 100%;z-index: 999;-webkit-transition: bottom 0.5s ease;-moz-transition: bottom 0.5s ease;transition: bottom 0.5s ease;}

.top-bar-tool{height: 64px;background-color: rgba(0,0,0,0.80);;-webkit-transition: top 0.5s ease;-moz-transition: top 0.5s ease;transition: top 0.5s ease;position: relative;top: -64px;}
.bottom-bar-tool{height: 60px;background-color: rgba(0,0,0,0.80);;-webkit-transition: bottom 0.5s ease;-moz-transition: bottom 0.5s ease;transition: bottom 0.5s ease;position: relative;bottom: 0px;padding: 0 15px;}

.tool .top-bar-tool{top: 0;}
.tool .bottom-bar{bottom: 0;}

.toolbar .top-bar-tool{top: 0;}
.toolbar .bottom-bar{bottom: 0;}

.top-title{height: 64px;line-height: 64px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;}
.top-back{vertical-align: top;padding: 24px 10px;position: absolute;left: 0;top: 0;}

.bottom-title{height: 60px;line-height: 60px;font-size: 16px;color: #999999;letter-spacing: 0;display: inline-block;}
.bottom-logo{vertical-align: top;padding: 20px 6px;}
.bottom-right{float: right;font-size: 0;}
.bottom-page{line-height: 60px;font-size: 16px;color: #999999;letter-spacing: 0;margin: 0 5px;}

.readForm{text-align: center;font-size: 0;}
.readForm img{width: 100%;}

/*提示样式*/
.toast-win{position: fixed;padding: 20px;font-size: 12px;color: #fff;background-color: rgba(0,0,0,0.7);width: 200px;top: 40%;left: 50%;margin-left: -120px;text-align: center;border-radius: 10px;}

.top-bar-tool-back{position: absolute;height: 30px;padding: 17px 17px;top: 0;left: 0;}
.bottom-bar-tool{font-size: 0;}
.bottom-bar-tool .btn-3{display: inline-block;width: 33%;height: 60px;color: #fff;text-align: center;line-height: 60px;font-size: 15px;}
.bottom-bar-tool .btn-2{display: inline-block;width: 33.3%;height: 60px;color: #fff;text-align: center;line-height: 60px;font-size: 15px;}
.bottom-bar-tool .btn-1{display: inline-block;width: 100%;height: 60px;color: #fff;text-align: center;line-height: 60px;font-size: 15px;}

.view-fix-top-bar{height: 60px;line-height: 60px;background-color: rgba(11, 6, 0, 0.9);position: fixed;top: -60px;left: 0;width: 100%;z-index: 97;transition: top 0.5s;-moz-transition: top 0.5s;-webkit-transition: top 0.5s;-o-transition: top 0.5s;}
.toolbar .view-fix-top-bar{top: 0;}
.view-fix-top-bar-back{height: 20px;position: absolute;left: 10px;top: 20px;}
.view-fix-top-bar-title{font-size: 15px;color: #fff;letter-spacing: 0;padding-left: 30px;padding-right: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view-fix-top-bar-right{width: 50px;position: absolute;right: 0;top: 0;}
.view-fix-top-bar-right-logo{height: 24px;vertical-align: top;margin-top: 18px;margin-right: 10px;}

.view-fix-bottom-bar{height: 60px;background-color: #0d0d0d;position: fixed;bottom: -60px;left: 0;width: 100%;z-index: 97;font-size: 0;transition: bottom 0.5s;-moz-transition: bottom 0.5s;-webkit-transition: bottom 0.5s;-o-transition: top 0.5s;}
.toolbar .view-fix-bottom-bar{bottom: 0;}
.view-fix-bottom-bar-item{width: 25%;text-align: center;display: inline-block;height: 60px;position: relative;}
.view-fix-bottom-bar-item.item-3{width: 33.3%;}
.view-fix-bottom-bar-item.active{background-color: #611c15;}
.view-fix-bottom-bar-logo{height: 18px;margin-top: 12px;}
.view-fix-bottom-bar-title{font-size: 12px;color: #fff;letter-spacing: 0;text-align: center;margin-top: 4px;}
.view-fix-bottom-bar-item .view-fix-bottom-bar-title:after{content: '';position: absolute;left: 0;top: 15px;height: 30px;width: 1px;background-color: #aaa;}
.view-fix-bottom-bar-item:first-child .view-fix-bottom-bar-title:after{display: none;}

.view-main-1{font-size: 0;}
.view-main-1 img{width: 100%;}

.view-list{position: fixed;bottom: 60px;width: 100%;background-color: #0d0d0d;border-bottom: 1px solid #888;display: none;}
.view-list-title{font-size: 15px;color: #fff;text-align: center;padding: 15px 0;}
.view-list-con{font-size: 0;padding: 3px;padding-bottom: 10px;max-height: 230px;overflow: auto;}
.view-list-item{width: 33.3%;text-align: center;display: inline-block;font-size: 12px;box-sizing: border-box;padding: 3px;}
.view-list-item a{color: #fff;display: block;background-color: #383838;width: 100%;height: 100%;height: 40px;line-height: 40px;position: relative;}
.view-list-item a.active{background-color: #ff4838;}
.reader-new{position: absolute;right: 0;top: 0;height: 15px;}