.article_detail { width: 835px; overflow:hidden; } .article_detail .content{ font-size: 16px; } .detail_inner { padding: 0 0px 0px; background: #fff; } .article_detail .bread { height: 30px; margin: 25px 0 20px 0; } .article_detail .bread .cur { display: inline-block; padding: 2px 12px; color: #22a6c1; border: #22a6c1 1px solid; border-radius: 16px; margin-top: 4px; } .article_detail .bread .share .txt { color: #999; margin-right: 18px; display: inline-block; line-height: 30px; height: 30px; vertical-align: top; } .article_detail .bread .share a { padding-left: 30px; height: 30px; display: inline-block; margin-right: 12px; margin-top:0; } .article_detail .bread .share-wx { display: inline-block; background: url("/epaper.oeeee.com/epaper/images/icon_share.png") -90px 0 no-repeat !important; } .article_detail .bread .bds_tsina { background: url("/epaper.oeeee.com/epaper/images/icon_share.png") -60px 0 no-repeat !important; } .article_detail .bread .bds_qzone { background: url("/epaper.oeeee.com/epaper/images/icon_share.png") -30px 0 no-repeat !important; } .article_detail .title h2{ margin-bottom:10px; font-size: 16px; color:#666; } .article_detail .title h1 { font-size: 34px; line-height: 44px; margin-bottom: 10px; font-weight: 700; } .article_detail .subtitle { font-size: 14px; } .article_detail .subtitle .profile_avatar a { color: #01a5c2; } .profile_avatar img { width: 40px; vertical-align: middle; margin-right: 4px; border-radius: 20px; } .article_detail .time, .article_detail .profile_avatar, .article_detail .subtitle .source, .article_detail .subtitle .editor{ margin-right: 10px; font-size: 14px; color: #777777; } .subtitle .views{ float:right; margin-left: 10px;color: #777777;} .article_detail .summary { position: relative; color: #666; font-size: 16px; line-height: 28px; margin-top: 28px; margin-bottom: 15px; padding: 0 0 0 13px; } .article_detail .summary .gray { position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #01a5c2; } .article_detail .content p { font-size: 16px; line-height: 30px; padding: 10px 0; text-indent: 2em; } .article_detail .content img{ max-width:100%; height: auto!important; } .hot-tag { padding-top: 30px; } .hot-tag a { display: inline-block; padding: 4px 8px; border-radius: 15px; border: 1px #d9d9d9 solid; margin-right: 8px; color: #666; } .ep-nav { position: absolute; top: 262px; cursor: pointer; padding: 12px 0; opacity: .88; text-align: left; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; width: 40px; height: 72px; overflow: hidden; } .ep-nav-right { position: fixed; margin-right: -650px; right: 50%; padding-right: 2px; border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; -o-border-radius: 0 3px 0 0; } .ep-nav-left { position: fixed; margin-left: -650px; left: 50%; padding-left: 2px; border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; -o-border-radius: 0 3px 0 0; } .ep-nav i { width: 40px; height: 72px; display: block; background: url("/skin/Images/detail/article_arrow.png") no-repeat; overflow: hidden; } .ep-nav-right i { float: right; background-position: -48px -4px; } .ep-nav-right:hover i { background-position: -48px -82px; } .ep-nav-left i { float: left; background-position: -4px -4px; } .ep-nav-left:hover i { background-position: -4px -82px; } .ep-nav-right:hover { padding-left: 18px; } .ep-nav-left:hover { padding-right: 18px; } .ep-nav span { color: #fff; font-size: 16px; height: 48px; margin-top: 12px; line-height: 24px; overflow: hidden; } .ep-nav span { display: block; } .ep-nav-pc:hover { width: 300px; opacity: 1; background: #31b5cd; } /*打赏*/ .reward-area{margin:20px auto 25px; text-align: center;} a.reward,a.buy{ height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 22px; width: 80px; display:inline-block; background: #d95f4c; border-radius: 50% 50%; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; opacity: 0.8; filter:alpha(opacity=80); } a.buy{ margin-left: 30px;} a.reward:hover,a.buy:hover{ background: #f7553e;text-decoration: none;} span.reward_author{ display:block; text-align: center; margin: 15px auto 25px} #reward{ position: fixed; width: 360px; height: auto; left:50%;top:30%; margin-left: -180px; z-index: 100; } .reward-fixed-box { height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.2); position: fixed; top: 0; left: 0; z-index: 1000; display: none; } .reward-con { padding: 10px; margin: 0 auto; background: #efffff; border-radius: 0 0 5px 5px; } .reward-title { height: 35px; line-height: 35px; background: #5dafba; text-indent: 10px; color: #fff; font-size: 16px; border-radius: 5px 5px 0 0; position: relative; } .reward-title .reward-close { display:block; width: 20px; height: 20px; text-align: center; line-height: 20px; cursor: pointer; color: #fff; position: absolute; top: 5px; right: 10px; } .reward-con .reward-money { text-align: center; } .reward-in .reward-money li { display: inline-block; margin: 0 10px 10px; } .reward-con .reward-money li a { display: inline-block; width: 74px; height: 34px; border-radius: 4px; border: 1px solid #5DAFBC; background-color: #fff; line-height: 34px; text-align: center; font-size: 16px; font-family: 'Arial'; font-weight: bold; } .reward-con .reward-custom{ margin: 20px 0} .reward-con .reward-custom-input { position: relative; width: 190px; margin: 0 auto 10px; border: 1px solid #5DAFBC; background-color: #fff; border-radius: 4px; line-height: 34px; font-size: 18px; font-weight: bold; font-family: 'Arial'; vertical-align: middle; } .reward-con .icon-mon { display: inline-block; position: relative; width: 32px; height: 34px; text-align: center; line-height: 34px; } .reward-con .reward-num { width: 155px; background: none; position: relative; height: 34px; line-height: 34px; outline: none; border: none; font-size: 18px; font-weight: bold; } .reward-con #rewardTip { font-size: 12px; width: 100px; text-align: center; line-height: 24px; color: #e63922; margin: auto; } .reward-con .reward-pay { display: block; width: 190px; margin: 0 auto; height: 34px; background-color: #D95F4C; text-align: center; border-radius: 4px; color: #fff; font-size: 14px; line-height: 34px; text-decoration: none; } /*翻页*/ .content-page{ margin-top:10px;margin-bottom: 10px; clear:both; height:auto; overflow:hidden; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;} .content-page{line-height:22px;} .content-page a,.content-page strong{display:inline-block; vertical-align:top; margin-left:4px;padding:0 8px;height:24px;border:1px solid;border-color:#ddd;background-color:#FFF;background-repeat:no-repeat;color:#333;overflow:hidden;text-decoration:none;} .content-page a.nxt,.content-page a.prev{padding:0 10px;} .content-page a:hover{border-color:#167bc8;color:#167bc8;} .content-page a.prev{background-position:50% 50%;} .content-page strong{background-color:#1da1ba; border-color:#1da1ba; color:#fff;} .top-search{position:relative;height:30px;width:230px;float:right;border:1px solid #f4f4f4;border-radius:25px;background:#f6f6f6} .top-search .text-box{width:230px;height:30px;line-height:30px;border:0;color:#999;font-size:13px;background:0;padding-left:15px;*padding:8px 0 8px 15px} .top-search .search-submit{position:absolute;bottom:6px;right:15px;width:18px;height:19px;overflow:hidden;line-height:200px;border:0;background:url("/img2.cache.netease.com/f2e/news/index2016/images/sprite_icon0813_v1.png") no-repeat 0 0;cursor:pointer} .top-search{position:relative;height:30px;width:230px;float:right;border:1px solid #f4f4f4;border-radius:25px;background:#f6f6f6} .top-search .text-box{width:230px;height:30px;line-height:30px;border:0;color:#999;font-size:13px;background:#fff;padding-left:15px;*padding:8px 0 8px 15px} .top-search .search-submit{position:absolute;bottom:6px;right:15px;width:18px;height:19px;overflow:hidden;line-height:200px;border:0;background:url("/img2.cache.netease.com/f2e/news/index2016/images/sprite_icon0813_v1.png") no-repeat 0 0;cursor:pointer} .head_nav_r {padding-top:20px;} .follow .mail_connect i, .follow .sina_connect i, .follow .wechat_connect i { background: url("/mat1.gtimg.com/dajia/images/dajia_about_icon_32.png") no-repeat left top; } .follow { margin-bottom: 40px; } .follow p { height: 38px; line-height: 38px; font-size: 14px; color: #808080; margin: 0 0 15px; } .follow img { display: block; width: 143px; height: 142px; margin: 0 auto; } .follow .code_text { margin: 0 auto; text-align: center; margin-top: 10px; padding-left: 0; } .follow i { display: inline-block; width: 32px; vertical-align: middle; margin-right: 10px; } .follow .mail_connect i { height: 32px; background-position: 0 0; } .follow .sina_connect i { height: 32px; background-position: -32px 0; } .follow .wechat_connect i { height: 32px; background-position: -64px 0; } .subtitle{ font-weight: bold; border-bottom: 1px solid #ccc; line-height:42px; color: #666; font-size: 22px;margin-bottom:10px; } .side .side_list { border: 1px solid #f0f0f0; padding: 25px; }