body{ background-color: #f2f4f6; } .lin-search{padding: 8px 10px;} .lin-search div{ text-align: center; border-radius: 5px; line-height: 29px; background-color: #fff; color: #999; } .lin-search img { width: 29px; } .div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 60px auto 0px;} .div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 15px;} .c-323232{color: #323232} .c-909090{color: #909090} .flag span{ font-size: 12px; color: #666; padding: 3px 5px; margin-right: 5px; background-color: #f1f1f1; border-radius: 5px; } .ptb3{padding: 3px 0;} .count-div div{ text-align: center; color: #909090; height: 29px; line-height: 29px; } .count-div div img{vertical-align: middle;} .p10{padding: 10px;} .plr10{padding: 0 10px;} .new-flag{ position: absolute; top: 0; right: 0; } .sent-flag{ position: absolute; top: 10px; right: 0; background: url(../images/yifasong_icon.png) no-repeat; background-size: 100% 100%; width: 55px; height: 30px; line-height: 30px; } .article-li{position: relative; margin-bottom: 10px;} .image-item{margin-top: 5px;} /*搜索页面样式*/ .lin-search-ipt { height: 45px; padding: 8px 10px; background-color: #17b3ec; display: -webkit-box; box-sizing: border-box; } .lin-search-ipt div { border-radius: 5px; line-height: 29px; background-color: #f2f4f6; color: #999; text-align: left; -webkit-box-flex: 1; } .lin-search-ipt input { background-color: #f2f4f6; border-radius: 5px; height: 30px; color: #999; text-align: left; padding-left: 30px; background: url(../../../images/sousuo_icon.png) no-repeat; background-size: 30px 30px; width: 100%; } .lin-search-ipt a { font-size: 16px; display: block; padding: 4px 6px 4px 12px; color: #fff; } .lin-search-ipt .searchbar-clear{ position: absolute; padding: 0; top: 5px; right: 5px; width: 18px; height: 18px; background: url(../images/guanbi_btn.png) no-repeat; background-size: 100% 100%; display: none; } .section-title{padding: 15px 0;} .search-pre-item span{ display: inline-block; padding: 2px 11px; margin: 0 10px 10px 0; border: 1px solid #17b3ec; border-radius: 5px; color: #17b3ec; } .search-pre-item span.active, .search-pre-item span:hover{ background-color: #17B3EC; color: #fff; } .ml17{margin-left: 17px;} /*文章详情样式*/ .article-content p{ /*文章中有表格的样式会因为这个导致内容显示缩进*/ /*text-indent: 2rem;*/ } .article-content img{ display: block; width: 100%; margin-bottom: 10px; } .handle-bar{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 10; display: -webkit-box; padding: 3px 0; } .handle-bar div { -webkit-box-flex: 1; width: 0; padding-top: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; text-align: center; height: 40px; } .handle-bar div:first-child { border-right: 1px solid #e1e1e1; } .handle-bar div img{ vertical-align: middle; margin-right: 12px; } .j-text-ellipsis em { font-weight: bold; color: #23AFFF; } .fat-title .ui-dialog-title { padding-top: 10px; padding-left: 10px; } .ui-dialog-body { border-top: 1px solid #CCC; } .ui-dialog-content, .ui-dialog-content input { width: 100%; } .ui-dialog-content input { background: #F1F1F1; height: 40px; line-height: 40px; border-radius: 5px; } .header-link { top: 12px; } .mui-slider .mui-table-view .image-item>img{ width: 83px; height: 80px; } .mui-slider .mui-table-view img.link-icon { width: 17px; } .mui-bar~.mui-content .mui-fullscreen { top: 44px; height: auto; } .mui-pull-top-tips { position: absolute; top: -20px; left: 50%; margin-left: -25px; width: 40px; height: 40px; border-radius: 100%; z-index: 1; } .mui-bar~.mui-pull-top-tips { top: 24px; } .mui-pull-top-wrapper { width: 42px; height: 42px; display: block; text-align: center; background-color: #efeff4; border: 1px solid #ddd; border-radius: 25px; background-clip: padding-box; box-shadow: 0 4px 10px #bbb; overflow: hidden; } .mui-pull-top-tips.mui-transitioning { -webkit-transition-duration: 200ms; transition-duration: 200ms; } .mui-pull-top-tips .mui-pull-loading { /*-webkit-backface-visibility: hidden; -webkit-transition-duration: 400ms; transition-duration: 400ms;*/ margin: 0; } .mui-pull-top-wrapper .mui-icon, .mui-pull-top-wrapper .mui-spinner { margin-top: 7px; } .mui-pull-top-wrapper .mui-icon.mui-reverse { /*-webkit-transform: rotate(180deg) translateZ(0);*/ } .mui-pull-bottom-tips { text-align: center; background-color: #efeff4; font-size: 15px; line-height: 40px; color: #777; } .mui-pull-top-canvas { overflow: hidden; background-color: #fafafa; border-radius: 40px; box-shadow: 0 4px 10px #bbb; width: 40px; height: 40px; margin: 0 auto; } .mui-pull-top-canvas canvas { width: 40px; } .mui-slider-indicator.mui-segmented-control { background-color: #fff; border-bottom: 1px solid #e1e1e1; } #recordsLink { position:fixed; right: 20px; bottom: 30px;width: 50px;height: 50px;background: url(../images/lishi_icon.png) no-repeat; background-size: 50px; z-index: 999; } .mui-pull-bottom-tips { display: none; } .mui-bar-nav~.mui-content .mui-pull-top-pocket { top: 0 } .jk-nobord{ border-top: none!important; border-bottom: none!important; } .no-result-img{ width: 320px!important; } footer{ position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; background-color: #fff; z-index: 10; } .cat-level-1{ position: relative; } .cat-level-1.active{ color: #17b3ec; } .cat-level-1:after{ content: ""; position: absolute; top: 10px; right:1px; height: 20px; width: 1px; background-color: #e1e1e1; } .cat-level-1:last-child:after{ background-color: #fff; } .xuanfu{ position: fixed; width: 50px; bottom: 30px; right: 10px; z-index: 100; } /*.div-dialog-content { display: none; width: 250px; height: 250px; background: url(../images/tuoyuan.png) no-repeat center top; background-size: 250px; position: absolute; z-index: 4; left: 50%; top: 50%; margin-left: -125px; margin-top: -125px; }*/ .div-dialog-content { opacity: 0; width: 0; height: 0; background: url(../images/tuoyuan.png) no-repeat center; background-size: 100%; position: relative; z-index: 4; left: 100%; bottom: 30px; border-radius: 0; transition: all .5s ease-in-out; transform: rotate(30deg); } .div-dialog-content.div-dialog-content-active{ opacity: 1; width: 250px; height: 250px; left: 50%; bottom: 50%; border-radius: 100%; margin-left: -125px; margin-top: 260px; } .my-article-icon, .new-article-icon, .cancel-icon{ position: absolute; width: 55px; height: 55px; } .my-article-icon{ background: url(../images/wodewenzhang_icon.png) no-repeat center top; background-size: 55px; z-index: 4; top: 50%; margin-top: -27px; left: 8px; } .cancel-icon{ background: url(../images/quxiao_btn.png) no-repeat center top; background-size: 55px; z-index: 4; left: 50%; bottom: 8px; margin-left: -27px; } .new-article-icon{ background: url(../images/xinzhengwenzhang_icon.png) no-repeat center top; background-size: 55px; position: absolute; z-index: 4; top: 50%; margin-top: -27px; right: 8px; } .modal-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: 3; visibility: hidden; opacity: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; } .modal-overlay.modal-overlay-visible { visibility: visible; opacity: 1; } .f-dn{ display: none; }