CX-UDY图片主题是基于wordpress开源程序开发的简洁时常自适应图片模板，适用于各种图片写真类型、图片壁纸类、博客站、多媒体分享站等类型站点。
1、主页html
<html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0,user-scalable=no"> <title>国漫壁纸 - 推漫</title> <meta name="keywords" content="国产动漫高清图,国产动画图片,国漫壁纸图" /> <meta name="description" content="国产动画、动漫高清图片大全/国漫壁纸图 " /> <link rel='stylesheet' id='style-css' href='http://m.bokequ.com/dongman/wp-content/themes/cartoon/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='http://m.bokequ.com/dongman/wp-content/themes/cartoon/css/font-awesome.min.css' type='text/css' media='all' /> <script type='text/javascript' src='http://m.bokequ.com/dongman/wp-content/themes/cartoon/js/jquery.js' id='jquery-js'></script> <style type="text/css"> .erphp-wppay{ border-color: #ff5f33 !important; background-color: #ffffff !important; color: #333333 !important; } .erphp-wppay-success{ border-color: #54c468 !important; } .erphp-wppay a{ color: #3aea31 !important; } .erphp-wppay b{ color: #ff5f33 !important; } .wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab a .price{ color: #ff5f33 !important; } .wppay-custom-modal-box .wppay-modal .erphp-wppay-qrcode .tab-list{ background-color: #ff5f33 !important; } </style> <script>window._WPPAY = {"uri":"http://m.bokequ.com/dongman/wp-content/plugins/wppay", "payment":"1", "author":"mobantu"}</script> <script type="text/javascript"> var chenxing = {"ajax_url":"http:\/\/m.bokequ.com\/dongman\/wp-admin\/admin-ajax.php","themes_dir":"http:\/\/m.bokequ.com\/dongman\/wp-content\/themes\/cartoon","home_url":"http:\/\/m.bokequ.com\/dongman"}; </script> <link rel="canonical" href="http://m.bokequ.com/dongman/gc"/> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> <link rel="shortcut icon" href="http://m.bokequ.com/dongman/favicon.ico" /> </head> <body class="home blog"> <div class="index_header"> <div class="header_inner"> <div class="logo"> <h1><a href="http://m.bokequ.com/dongman/"><img src="http://m.bokequ.com/dongman/wp-content/themes/cartoon/images/logo.png" alt="推漫" /></a></h1> </div> <div class="header_menu"> <ul> <li class="menu-item"><a href="http://m.bokequ.com/dongman/gc" aria-current="page">国漫壁纸</a></li> <li class="menu-item"><a href="http://m.bokequ.com/dongman/news">动漫剧情</a></li> <li class="menu-item"><a href="http://m.bokequ.com/dongman/guoman">国漫推荐</a></li> <li class="menu-item"><a target="_blank" rel="noopener" href="http://m.bokequ.com/guoman/">国漫音乐</a></li> <li class="menu-item"><a href="http://m.bokequ.com/dongman/about">留言</a></li> </ul> </div> <div class="login_text pc" style="padding-top: 25px;"> <a class="rlogin reg_hre_btn" href="http://m.bokequ.com/dongman/wp-login.php?action=register">注册</a> <a class="rlogin login_hre_btn logint" href="javascript:;">登录</a> </div> <div class="login_text mobie"> <a href="javascript:;" class="slide-menu"><i class="fa fa-list-ul"></i></a> </div> <div class="header_search_bar"> <form action="http://m.bokequ.com/dongman/"> <button class="search_bar_btn" type="submit"><i class="fa fa-search"></i></button> <input class="search_bar_input" type="text" name="s" placeholder="输入关键字"> </form> </div> </div> </div> <!--移动端菜单--> <div class="slide-mask"></div> <nav class="slide-wrapper"> <div class="header-info"> <div class="header-logo"> <a href="http://m.bokequ.com/dongman/"> <img src="http://m.bokequ.com/dongman/wp-content/themes/cartoon/images/avatar.jpg" alt="默认头像" /> </a> </div> <div class="header-info-content"> <a href="http://m.bokequ.com/dongman/wp-login.php?redirect_to=http%3A%2F%2Fm.bokequ.com%2Fdongman%2F638.html">登 陆</a> </div> </div> <ul class="menu_slide"> <li class="menu-item"><a href="http://m.bokequ.com/dongman/gc" aria-current="page">国漫壁纸</a></li> <li class="menu-item"><a href="http://m.bokequ.com/dongman/news">动漫剧情</a></li> <li class="menu-item"><a href="http://m.bokequ.com/dongman/guoman">国漫推荐</a></li> <li class="menu-item"><a target="_blank" rel="noopener" href="http://m.bokequ.com/guoman/">国漫音乐</a></li> <li class="menu-item"><a href="http://m.bokequ.com/dongman/about">留言</a></li> </ul> </nav> <!-- 头部代码end --> <div class="cat_bg"><div class="cat_bg_img" style="background-image:url(http://m.bokequ.com/dongman/wp-content/themes/cartoon/images/gw.jpg);"><p>国产动画、动漫高清图片大全/国漫壁纸图</p> </div> </div> <!--分类导航--> <div class="fl" style="margin-top: -70px;opacity: 0.8;"> <div class="fl_title"> <div class="fl01"> 国漫壁纸</div> </div> <div class="update_area"><div class="update_area_content"><ul class="update_area_lists cl"> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/638.html" title="国漫西行纪小羽高清壁纸图"> <img class="waitpic" src="http://img.bokequ.com/dongman/006ppoPmgy1g7bmph1b5hj313s0maqbn.jpg" alt="国漫西行纪小羽高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 国漫西行纪小羽高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-27<span class="cx_like"><i class="fa fa-heart"></i>46</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/636.html" title="国漫西行纪敖雪高清壁纸图"> <img class="waitpic" src="http://img.bokequ.com/dongman/006ppoPmgy1g77ix9vklij30se0fy7bq.jpg" alt="国漫西行纪敖雪高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 国漫西行纪敖雪高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-27<span class="cx_like"><i class="fa fa-heart"></i>15</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/635.html" title="国漫西行纪杀心观音高清壁纸"> <img class="waitpic" src="http://img.bokequ.com/dongman/006ppoPmgy1g6yy72yj31j31hc0u0hdt.jpg" alt="国漫西行纪杀心观音高清壁纸"> </a> <div class="case_info"> <div class="meta-title"> 国漫西行纪杀心观音高清壁纸 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-22<span class="cx_like"><i class="fa fa-heart"></i>17</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/634.html" title="国漫西行纪动漫孙悟空高清壁纸"> <img class="waitpic" src="http://img.bokequ.com/dongman/006ppoPmgy1g6yy7hy8n5j31hc0u0qv5.jpg" alt="国漫西行纪动漫孙悟空高清壁纸"> </a> <div class="case_info"> <div class="meta-title"> 国漫西行纪动漫孙悟空高清壁纸 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-22<span class="cx_like"><i class="fa fa-heart"></i>25</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/633.html" title="国漫绝命响应秦妍高清壁纸"> <img class="waitpic" src="http://img.bokequ.com/dongman/006BKjgIgy1g5ng077bevj31hc0u04p6.jpg" alt="国漫绝命响应秦妍高清壁纸"> </a> <div class="case_info"> <div class="meta-title"> 国漫绝命响应秦妍高清壁纸 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-22<span class="cx_like"><i class="fa fa-heart"></i>56</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/631.html" title="西行纪之集结篇高清壁纸图"> <img class="waitpic" src="http://img.bokequ.com/dongman/9c774d91gy1g6ywrcwjkvj20u00iu0vn.jpg" alt="西行纪之集结篇高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 西行纪之集结篇高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-14<span class="cx_like"><i class="fa fa-heart"></i>35</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/629.html" title="国漫绝命响应叶巧高清壁纸图"> <img class="waitpic" src="http://img.bokequ.com/dongman/006BKjgIgy1g5790yz8z7j31hc0u07u9.jpg" alt="国漫绝命响应叶巧高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 国漫绝命响应叶巧高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-9-9<span class="cx_like"><i class="fa fa-heart"></i>45</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/579.html" title="天行九歌卫庄高清壁纸图"> <img class="waitpic" src="http://img.bokequ.com/dongman/005XKz6xgy1fpdoeds0bcj31hc0u0u0x.jpg" alt="天行九歌卫庄高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 天行九歌卫庄高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-7-31<span class="cx_like"><i class="fa fa-heart"></i>53</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/578.html" title="天行九歌盖聂高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/005XKz6xgy1foxib9a7cpj31hc0u04qq.jpg" alt="天行九歌盖聂高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 天行九歌盖聂高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-7-31<span class="cx_like"><i class="fa fa-heart"></i>34</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/577.html" title="天行九歌盖聂卫庄高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/005XKz6xgy1frvusbinyrj31hc0u0e81.jpg" alt="天行九歌盖聂卫庄高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 天行九歌盖聂卫庄高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-7-31<span class="cx_like"><i class="fa fa-heart"></i>30</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/568.html" title="斗破苍穹云韵高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/006raI8cgy1fkd600tgboj31ao0t6tgh.jpg" alt="斗破苍穹云韵高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 斗破苍穹云韵高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-7-25<span class="cx_like"><i class="fa fa-heart"></i>156</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/554.html" title="狐妖小红娘高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/00686t3Xly1fymaeszaqlj31hc0u042f.jpg" alt="狐妖小红娘高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 狐妖小红娘高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-7-5<span class="cx_like"><i class="fa fa-heart"></i>37</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/546.html" title="超神学院雄兵连电脑4k+手机壁纸下载"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/9c774d91gy1g4d92t44boj21hd0u0u0x.jpg" alt="超神学院雄兵连电脑4k+手机壁纸下载"> </a> <div class="case_info"> <div class="meta-title"> 超神学院雄兵连电脑4k+手机壁纸下载 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-25<span class="cx_like"><i class="fa fa-heart"></i>17</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/542.html" title="动画电影大鱼海棠高清图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/cf193348tw1edvrl6d40gj21ao0sgagj.jpg" alt="动画电影大鱼海棠高清图"> </a> <div class="case_info"> <div class="meta-title"> 动画电影大鱼海棠高清图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-25<span class="cx_like"><i class="fa fa-heart"></i>25</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/543.html" title="雄兵连之诸天降临鹤熙高清图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/9c774d91gy1g4b8iatgtsj21kd0u0kgs.jpg" alt="雄兵连之诸天降临鹤熙高清图"> </a> <div class="case_info"> <div class="meta-title"> 雄兵连之诸天降临鹤熙高清图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-24<span class="cx_like"><i class="fa fa-heart"></i>63</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/541.html" title="西游记之大圣归来高清图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/99208ce7jw1er7odt694hj21kw0zktpt.jpg" alt="西游记之大圣归来高清图"> </a> <div class="case_info"> <div class="meta-title"> 西游记之大圣归来高清图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-24<span class="cx_like"><i class="fa fa-heart"></i>5</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/540.html" title="白蛇缘起人物高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/0079585Rly1fzw01cm6hmj34mo2lr1l0.jpg" alt="白蛇缘起人物高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 白蛇缘起人物高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-23<span class="cx_like"><i class="fa fa-heart"></i>25</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/539.html" title="电影白蛇缘起动漫高清图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/0079585Rgy1g3wzx8tweej31kw0nue5l.jpg" alt="电影白蛇缘起动漫高清图"> </a> <div class="case_info"> <div class="meta-title"> 电影白蛇缘起动漫高清图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-23<span class="cx_like"><i class="fa fa-heart"></i>14</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/534.html" title="国漫绝命响应叶韵高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/006BKjgIgy1g3xarse6klj31hc0qox6p.jpg" alt="国漫绝命响应叶韵高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 国漫绝命响应叶韵高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-18<span class="cx_like"><i class="fa fa-heart"></i>53</span></div> </div> </li> <li class="i_list list_n1"> <a href="http://m.bokequ.com/dongman/531.html" title="天行九歌百越团高清壁纸图"> <img class="waitpic" src="http://m.bokequ.com/dongman/wp-content/uploads/img/005XKz6xgy1flwupmdq98j31hc0u0e81.jpg" alt="天行九歌百越团高清壁纸图"> </a> <div class="case_info"> <div class="meta-title"> 天行九歌百越团高清壁纸图 </div> <div class="meta-post"><i class="fa fa-clock-o"></i> 2019-6-13<span class="cx_like"><i class="fa fa-heart"></i>16</span></div> </div> </li> </ul> <nav class="navigation pagination" role="navigation" aria-label="文章"> <h2 class="screen-reader-text">文章导航</h2> <div class="nav-links"><span aria-current="page" class="page-numbers current"><span class="meta-nav screen-reader-text">第 </span>1<span class="meta-nav screen-reader-text"> 页</span></span> <a class="page-numbers" href="http://m.bokequ.com/dongman/gc/page/2"><span class="meta-nav screen-reader-text">第 </span>2<span class="meta-nav screen-reader-text"> 页</span></a> <a class="page-numbers" href="http://m.bokequ.com/dongman/gc/page/3"><span class="meta-nav screen-reader-text">第 </span>3<span class="meta-nav screen-reader-text"> 页</span></a> <a class="page-numbers" href="http://m.bokequ.com/dongman/gc/page/4"><span class="meta-nav screen-reader-text">第 </span>4<span class="meta-nav screen-reader-text"> 页</span></a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="http://m.bokequ.com/dongman/gc/page/7"><span class="meta-nav screen-reader-text">第 </span>7<span class="meta-nav screen-reader-text"> 页</span></a> <a class="next page-numbers" href="http://m.bokequ.com/dongman/gc/page/2"><i class="fa fa-chevron-right"></i></a></div> </nav></div></div> <div class="foot"> <div class="foot_list"> <div class="foot_num"> <div>图文总数</div> <div>328+</div> </div> <div class="foot_num"> <div>评论总数</div> <div>175+</div> </div> <div class="foot_num"> <div>专题栏目</div> <div>8+</div> </div> <div class="foot_num"> <div>在线天数</div> <div>2096+</div> </div> </div> </div> <footer class="w100 cl"> <div class="w1080 fot cl"><p class="footer_menus"><a href="http://m.bokequ.com/dongman/sitemap.html">网站地图</a> <a href="http://m.bokequ.com/dongman/about">关于本站</a> <a href="http://m.bokequ.com/dongman/manhua">漫画在线</a> <a href="http://m.bokequ.com/dongman/xiazai">壁纸下载</a> </p> <!--首页幻灯片--> </body> </html>
2、主页css样式
/* Theme Name: cx-udyd Version: 0.1 Author:bokequ.com Author URI:http://m.bokequ.com/dongman/ */ body{font-family:"Microsoft Yahei";background:#f0f0f0;margin:0 auto;font-size:14px;color:#333} *{box-sizing:border-box;box-sizing:border-box;box-sizing:border-box;margin:0;padding:0} :after,:before{box-sizing:border-box;box-sizing:border-box;box-sizing:border-box} html{font-size:10px;tap-highlight-color:transparent} a:focus{outline:thin dotted;outline:5px auto focus-ring-color;outline-offset:-2px;text-decoration:none;color:#f66} img{border:0;vertical-align:middle} .cl{zoom:1} .cl:after{content:".";display:block;height:0;clear:both;visibility:hidden} a,a:hover{text-decoration:none;color:#f98629;transition:.5s;transition:.5s;transition:.5s;transition:.5s} .kong10{height:10px} .kong20{height:20px} .main{max-width:1180px;width:100%} .wp-smiley{height:24px!important;width:24px!important;max-height:24px!important} .index_header{height:90px;background:#fff;margin-bottom:30px;box-shadow:0 3px 4px rgba(0,0,0,.15);box-shadow:0 3px 4px rgba(0,0,0,.15);box-shadow:0 3px 4px rgba(0,0,0,.15)} .header_bg{height:60px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .header_inner{max-width:1180px;width:100%;height:auto;margin:0 auto;overflow:hidden} .logo{line-height:90px;float:left;overflow:hidden;position:relative} @-webkit-keyframes searchLights{0%{left:-100px;top:0} to{left:120px;top:100px} } @-o-keyframes searchLights{0%{left:-100px;top:0} to{left:120px;top:100px} } @-moz-keyframes searchLights{0%{left:-100px;top:0} to{left:120px;top:100px} } @keyframes searchLights{0%{left:-100px;top:0} to{left:120px;top:100px} } .logo:before{content:"";position:absolute;left:-665px;top:-460px;width:220px;height:15px;background-color:rgba(255,255,255,.5);transform:rotate(-45deg);transform:rotate(-45deg);transform:rotate(-45deg);transform:rotate(-45deg);transform:rotate(-45deg);animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite} .logo img{width:180px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .bian_logo_scale{transform:scale(.8,.8);margin-top:-18px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .header_menu{float:left;height:90px;line-height:100px;font-size:18px;padding-left:10px;color:#666;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .bian_header_menu{height:60px;line-height:60px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .header_menu{margin-top:0;font-size:16px;margin-left:25px} .header_inner ul{list-style:none} .header_menu ul li{float:left;height:90px;line-height:90px;text-align:center} .header_menu ul li i:first-child{color:#f66} .header_menu ul li:hover i:first-child{color:#f66} .header_menu ul li a:hover,.header_menu ul li.current-menu-ancestor>a,.header_menu ul li.current-menu-item>a,.header_menu ul li.current-post-ancestor>a,.header_menu ul li.current-post-parent>a{color:#ff6765} .header_menu ul li a{color:#333;text-decoration:none;display:block;padding:0 15px} .header_menu ul li ul{position:absolute;background:#fff;width:151px;z-index:99;display:none} .header_menu ul li ul li{width:151px;height:40px;line-height:40px;font-size:12px;text-align:left} .header_menu ul li ul li a{display:block;padding-left:15px;color:#333} .header_menu ul li ul li ul{position:absolute;background:#fff;width:151px;display:none;left:151px;top:20px} .header_menu ul li:hover>ul{display:block} .header_menu>ul>li.toke>a:after{font-family:FontAwesome;content:"\f0d7";display:inline-block;color:#f66;float:none;position:relative;top:0;left:4px} .home-top{width:1180px;margin:110px auto 0;overflow:hidden} .slider-wrap{position:relative;overflow:hidden;float:left} .slider-wrap .nivoSlider{width:880px;height:350px;margin:0 auto;background:url(img/loading.gif) no-repeat 50% 50%} .slider-wrap .nivoSlider img{position:absolute;top:0;left:0;display:none} .slider-wrap:hover .nivo-controlNav{opacity:1} .slider-right{margin-left:20px;width:280px;float:right} .slider-right .aditem{margin-bottom:20px;width:100%;height:103px;position:relative} .slider-right .aditem .cover-show{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);opacity:0;visibility:hidden;color:#fff;height:103px;line-height:103px;text-align:center} .slider-right .aditem:hover .cover-show{opacity:1;visibility:visible} .slider-right .aditem img{height:103px;width:280px} .slider-right .aditem:last-child{margin-bottom:0} .home-block-ad{width:1180px;margin:20px auto 0;overflow:hidden} .home-block-ad .item{width:280px;height:180px;float:left;margin-right:20px} .home-block-ad .item:last-child{margin-right:0} .home-block-ad .item img{width:280px;height:180px} .home-filter{width:100%;max-width:1180px;margin:35px auto 10px;position:relative;overflow:hidden} .h-screen-wrap{position:relative;float:left;max-width:900px;width:calc(100% - 280px);width:calc(100% - 280px);width:calc(100% - 280px);overflow:hidden} .h-screen{margin:0;list-style:none;white-space:nowrap;overflow:hidden} .h-screen li{position:relative;display:inline-block} .h-screen li a{display:block;height:40px;margin-right:15px;padding:0 20px;font-size:14px;background:#fff;border-radius:20px;color:#7c7c7c;line-height:40px;text-align:center;margin:5px 15px 5px 10px;border:1px solid #fff;box-shadow:1px 1px 5px rgba(0,0,0,0.24);} .h-screen li a:hover{color:#f66} .h-screen li a .num{position:relative;display:inline-block;height:18px;line-height:18px;margin-left:10px;padding:0 3px;background-color:#3498db;font-size:12px;color:#fff} .h-screen li a .num:after,.h-screen li a .num:before{content:"";width:0;height:0;position:absolute;border-style:solid} .h-screen li a .num:before{top:0;left:-6px;border-color:transparent #3498db transparent transparent;border-width:9px 6px 9px 0} .h-screen li a .num:after{top:0;right:-6px;border-color:transparent transparent transparent #3498db;border-width:9px 0 9px 6px} .h-screen li.current-menu-item a{border:1px solid #FE6E66;border-radius:20px;font-weight:500;color:#f66} .h-screen li.current-menu-item a:hover{background-color:#fe6e66;color:#fff} .h-screen-wrap .arrow-left,.h-screen-wrap .arrow-right{color:#f66;font-size:34px;position:absolute;z-index:99;top:-5px} .h-screen-wrap .arrow-left{left:0;display:none} .h-screen-wrap .arrow-right{right:5px} .h-screen-wrap .arrow-left:hover,.h-screen-wrap .arrow-right:hover{color:#f66} .h-soup{position:relative;float:right;margin:0;width:auto;height:40px;padding:0 20px;background-color:#fff7e7;border-radius:20px;list-style:none;width:280px;text-align:center} .h-soup li{display:none;font-size:14px;color:#6b3612;line-height:40px;white-space:nowrap} .h-soup li.open{display:block} .h-soup li.open em{color:#f66;font-weight:700;margin-right:3px} .h-soup li.open i{color:#000;font-size:18px;margin-right:3px} .lookmore{margin:0 auto 50px;text-align:center} .lookmore a{padding:18px 45px;background:#f66;color:#fff;font-size:16px} .login_text{float:right;padding-top:18px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .bian_login_text{padding-top:10px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .rlogin{padding:0 10px;text-align:center;line-height:40px;height:40px;float:right} .reg_hre_btn{display:block;background:#F98629;color:#fff} .login_hre_btn{color:#666;background:#f6f6f6} .reg_hre_btn:hover{background:#FF8989;color:#fff} .isNoRead{position:relative} .isNoRead:before{content:'1';width:12px;height:12px;position:absolute;bottom:26px;right:-6px;background:#f66;color:#fff;border-radius:2px} .header_search_bar{float:right;width:auto;height:40px;background:#e6e6e6;margin-top:25px;margin-right:20px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .bian_header_search_bar{margin-top:10px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .search_bar_input{width:120px;float:right;height:40px;padding-left:8px;border:none;background:0 0;outline:0;transition:all .3s;transition:all .3s;transition:all .3s;transition:all .3s;transition:all .3s} .search_bar_btn{height:40px;float:right;background:0 0;border:none;font-size:20px;color:#a0a0a0;padding-right:8px} .search_bar_input:focus{width:160px;transition:all .3s;transition:all .3s;transition:all .3s;transition:all .3s;transition:all .3s} .index_slider{max-height:560px;width:100%;margin-top:90px} .public_notice_bar{height:70px;width:100%;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.19);box-shadow:0 3px 3px rgba(0,0,0,.19);box-shadow:0 3px 3px rgba(0,0,0,.19)} .pnb_1{max-width:1180px;width:100%;margin:0 auto;height:70px;line-height:70px;font-size:16px;color:#666;position:relative} .pnb_1_text{float:left} .update_area{width:100%;background:#f0f0f0;overflow:hidden;position:relative} .update_area_inner{max-width:1180px;width:100%;margin:0 auto} .uai_title{font-size:40px;font-weight:700;text-align:center;margin-top:55px} .update_area_content{max-width:1200px;width:100%;margin:auto;position:relative;overflow:hidden} .update_area_lists{max-width:1200px;width:100%;margin:0 auto;margin-top:10px;padding-top:10px;margin-bottom:25px;height:auto;overflow:hidden} .update_area_left{position:absolute;top:330px;left:0;font-size:80px;opacity:.4;display:none} .update_area_right{position:absolute;top:330px;right:0;font-size:80px;opacity:.4;display:none} .update_area_left:hover,.update_area_right:hover{opacity:1} .update_area:hover .update_area_left,.update_area:hover .update_area_right{display:block} .i_list{float:left;background:#ddd;overflow:hidden;position:relative;margin:0 10px 20px;padding-bottom:46px;box-shadow:0 0 10px transparent;box-shadow:0 0 10px transparent;box-shadow:0 0 10px transparent;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s;cursor:pointer} .case_info{height:46px;background:#fff;position:absolute;bottom:0;width:100%;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s} .case_info .meta-title{font-size:14px;color:#a0a0a0;font-family:'Microsoft Yahei';padding:6px 10px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .case_info .meta-category{font-size:12px;color:#666;font-family:'Microsoft Yahei';text-align:center;padding-top:3px} .case_info .meta-category a{color:#666} .case_info .meta-post{height:25px;line-height:20px;color:#888686;border-top:1px solid #f3f3f3;padding:5px 10px 0} .case_info .meta-recommend{font-size:12px;color:#666;font-family:'Microsoft Yahei';text-align:center;padding-top:3px} .case_info .meta-recommend-star{font-size:16px;color:#666;font-family:'Microsoft Yahei';text-align:center;padding-top:3px} .case_info .meta-recommend-star i{color:#fc3} .i_list img{transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s} .i_list img{backface-visibility:hidden;width:100%;height:180px;backface-visibility:hidden} .i_list:hover img{opacity:.8} .i_list:hover .case_info{height:86px;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s} .i_list:hover .case_info .meta-title{line-height:24px;height:58px;white-space:normal;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s;transition:all .35s} .i_list:hover{margin-top:-5px;margin-bottom:25px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3)} .list_n1{width:calc(25% - 20px);width:calc(25% - 20px);width:calc(25% - 20px);height:auto} .list_n2{width:calc(20% - 20px);width:calc(20% - 20px);width:calc(20% - 20px);height:auto} .list_n3{width:calc(33.333% - 20px);width:calc(33.333% - 20px);width:calc(33.333% - 20px);height:auto} .list_n3 .case_info .meta-title{color:#a0a0a0;text-align:center} .i_list.list_n3:hover .case_info{height:58px} .meta_zan{position:absolute;top:10px;right:10px;background-color:rgba(123,123,123,.59);padding:5px 10px;border-radius:6px;color:#fff} .meta_zan i{margin-right:5px;color:#F97070} .xl_1{background-color:rgba(206,39,239,.79)} .xl_2{background-color:rgba(206,39,239,.79)} .xl_3{background-color:rgba(206,39,239,.79)} .btt{font-size:20px;background-color:#FBF8F8;text-align:center;padding:10px 0;border:none;vertical-align:baseline;font-weight:500;outline:0;tap-highlight-color:transparent;display:none} .btt i{color:#309AF7;margin-right:3px} .btt span{font-size:.7em;display:block;margin-top:5px;color:#989797} .foot_bg_color{height:118px;background:#f66} .pagination{display:block;max-width:1180px;width:100%;margin:0 auto;height:100px;margin-bottom:45px;text-align:center;padding-top:30px;border-radius:0;background:#fff} a.page-numbers{line-height:40px;padding:10px 15px;text-align:center;border:1px solid #eee;color:#a1a1a1;text-decoration:none;margin-left:3px;margin-right:3px} .pagination a:hover{color:#000;text-decoration:none} .pagination h2{display:none} .pages,.screen-reader-text{display:none} .pagination .current{padding:10px 15px;color:#fff;line-height:40px;text-align:center;border:1px solid #f98629;background:#f98629;margin-left:3px;margin-right:3px} .footer{height:180px;width:100%;border-bottom:1px solid #eee;background:#fff} .footer_inner{max-width:1180px;width:100%;margin:0 auto} .footer_inner_left{float:left;width:730px;margin-top:30px} .footer_inner_right{float:right;margin-top:40px} .fil_list{width:110px;float:left;margin-right:8px} .header_menu_2{float:left;height:90px;line-height:90px;font-size:18px;color:#666;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .bian_header_menu_2{height:60px;line-height:60px;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .header_menu_2 ul li{float:left;padding-left:12px;padding-right:12px;color:#ccc;cursor:pointer} .header_menu_2 ul li:hover{color:#f66} .header_menu_2 ul li a{color:#ccc;text-decoration:none} .header_menu_2 ul li a:hover{color:#f66;display:block} .header_menu_2 ul li ul{position:absolute;width:120px;background:#f66;display:none} .header_menu_2 ul li ul li{padding:0;height:40px;line-height:40px;font-size:14px;width:120px} .header_menu_2 ul li ul li a{padding-left:15px;color:#fff;display:block} .header_menu_2 ul li ul li a:hover{background:#fff;color:#666;display:block} .header_menu_2 ul li:hover ul{display:block} .link1{color:#a8a8a8} .link1:hover{color:#f66} .foot{height:120px;background:#f98629} .foot .foot_list{width:100%;max-width:1200px;margin:0 auto} .foot_num{width:25%;float:left;color:#fff;line-height:120px;height:120px} .foot_num div:nth-child(1){font-size:18px;float:left;width:125px;text-align:right} .foot_num div:nth-child(2){font-family:Conv;font-size:39px;float:left;margin-left:20px} .foot_num:hover{background:#fd5454;cursor:pointer} .cx_like{float:right} .cx_like i{margin-right:3px;color:#FFB2B2} .list_img{max-width:1180px} .xg_content li{box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)} .site-wrap{position:relative;width:100%;max-width:1180px;overflow:hidden;height:auto;margin:0 auto;max-height:388px} .bx-wrapper{position:relative;margin:0 auto;padding:0} .bx-wrapper img{width:100%;height:auto;display:block} .bx-wrapper .bx-viewport{background:#fff;transform:translatez(0);transform:translatez(0);transform:translatez(0);transform:translatez(0);transform:translatez(0)} .bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:10px;width:100%} .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px} .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px;border-radius:5px;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000} .bx-wrapper .bx-prev{left:5px} .bx-wrapper .bx-next{right:5px} .bx-wrapper .bx-controls-direction a{position:absolute;top:30%;outline:0;width:32px;height:32px;font-size:1.5em;color:#fff;z-index:2} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-controls-auto{text-align:center} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px} .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .slide-mask{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);transition:all .3s ease-out;transition:all .3s ease-out;transition:all .3s ease-out;transition:all .3s ease-out;transition:all .3s ease-out;display:none} .slide-wrapper{position:absolute;z-index:4;left:0;top:0;height:100%;width:50%;background-color:#fff;transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:all .3s ease-out;transition:all .3s ease-out;transition:all .3s ease-out;transition:all .3s ease-out;transition:all .3s ease-out} .slide-wrapper.moved{transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .header-info{background:url(images/head.png) no-repeat center center;height:120px} .header-info .header-logo{border-radius:50%;text-align:center;padding:20px 0 10px} .header-info .header-logo img{width:60px;height:60px;border-radius:50%;border:2px solid #fff} .header-info-content{text-align:center} .header-info-content a{padding:3px 5px;color:#fff} .menu_slide{margin-top:20px;padding:0;list-style:none} .menu_slide li .sub-menu{margin-left:-20px;list-style-type:none;background-color:#F9F9F9;padding-left:40px} .menu_slide li a{display:block;padding:8px 1em 8px 1.2em;color:#727272;text-shadow:0 0 1px rgba(255,255,255,.1);letter-spacing:1px;font-weight:400;transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s;transition:all .18s ease-out;transition:all .18s ease-out;transition:all .18s ease-out;transition:all .18s ease-out} .menu_slide li a i{margin-right:.6em;font-size:16px} .update_area_list{width:calc(100% - 300px);float:left;margin-top:-10px} .blog_list{margin-top:20px} .blog_list article{padding:20px 0;overflow:hidden;clear:both;background-color:#fff;margin-bottom:20px} .blog_list article .entry-img{float:left;margin:0 2%;width:40%;height:auto;overflow:hidden} .blog_list article .entry-img img{width:100%;height:auto} .blog_list article .entry-content{overflow:hidden;margin:5px 2%;width:52%} .blog_list article .entry-title{font-size:20px;line-height:1.6;font-weight:700;color:#272322;font-size:20px;font-weight:700} .blog_list article a{color:#666} .blog_list article .entry-site{font-size:13px;color:#888;line-height:1.6;padding-top:15px} .blog_list article .entry-meta{height:26px;line-height:26px;font-size:13px;color:#b8b8b8;margin-top:15px;overflow:hidden} .blog_list article .tags{float:right;height:100%;overflow:hidden} .blog_list article .time{float:left} .blog_list article .comments{float:right;margin-right:25px} .cat_bg{height:350px;border-top:1px solid #E8E6E6;width:100%;margin-top:-30px;background:linear-gradient(#FFF 90%,#F0F0F0 10%);background:linear-gradient(#FFF 90%,#F0F0F0 10%);background:linear-gradient(#FFF 90%,#F0F0F0 10%);background:linear-gradient(#FFF,#F0F0F0)} .cat_bg .cat_bg_img{height:350px;width:100%;max-width:1250px;margin:0 auto;background:no-repeat scroll center 0} .cat_bg .cat_bg_img p{float:left;width:100%;max-width:600px;position:absolute;top:10%;padding:10px;line-height:28px;margin:50px 0 0 30px;border-radius:10px;background-color:#F8F8F8;font-size:15px;box-shadow:0 0 16px #C7C7C7;border:1px solid #D4D3D3;color:#6F6C6C;opacity:.5} .fl{max-width:1180px;width:100%;min-height:70px;background:#fff;margin:0 auto;box-shadow:0 3px 2px rgba(0,0,0,.05);box-shadow:0 3px 2px rgba(0,0,0,.05);box-shadow:0 3px 2px rgba(0,0,0,.05);transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .fl:hover{box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s;transition:all .4s} .fl .filter-wrap{padding:20px 33px} .fl .filter-tag{word-spacing:4px;height:auto;overflow:hidden;font-size:14px} .fl .fl_list{float:left;width:100%;max-width:1040px;line-height:28px;color:#999;padding-left:50px} .fl .fl_list span{color:#222;margin-left:-50px} .fl_title{height:70px;border-bottom:1px solid #f3f3f3;background:#fafafa} .fl01{float:left;height:70px;line-height:70px;text-align:center;min-width:100px;font-size:18px;width:auto;padding-left:33px;padding-right:33px;border-right:1px solid #f3f3f3;background:#fff} .fl01 a{color:#666;text-decoration:none} .fl02{float:left;height:70px;line-height:70px;text-align:center;min-width:100px;font-size:18px;width:auto;padding-left:33px;padding-right:33px;background:#fafafa;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3} .fl02 a{color:#666;text-decoration:none} .fl03{float:left;background:#fafafa;width:484px;height:70px;border-bottom:1px solid #f3f3f3} .fl_link{color:#999;display:inline-block;text-decoration:none} .fl_link:hover{color:#333;text-decoration:none} .linked{color:#f66;font-weight:700} .main{background:#f0f0f0;overflow:hidden;margin:0 auto;padding-bottom:60px} hr{margin-top:20px;border:0;border-top:1px solid #eee} .main_inner{max-width:1180px;width:100%;margin:0 auto} .main_left{width:calc(100% - 300px);float:left;background:#fff;min-height:400px;height:auto;box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15)} .butterBar{margin-left:36%;max-width:640px;position:fixed;text-align:center;top:0;width:58%;z-index:800} .butterBar--center{left:50%;margin-left:-320px} .butterBar-message{background:rgba(255,255,255,.97);border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);display:inline-block;font-size:14px;margin-bottom:0;padding:12px 25px} #cancel_comment_reply{float:right;line-height:30px;padding-right:10px} .main_right{float:right;width:280px} .item_title{min-height:100px;background:#fafafa;border-bottom:1px solid #f3f3f3;height:auto;padding:20px} .item_title h1{color:#333;font-size:22px} .item_info{min-height:50px;border-bottom:1px solid #f3f3f3;height:auto;line-height:50px;padding-left:20px;word-spacing:4px;color:#666} .item_info span{color:#f66} .single-cat,.single-cat a,.single-cat span{color:#999;font-size:13px;margin-top:10px} .post_au{float:right;margin-right:10px} .text-collect.wp-collect,.wp-question{background:#fff;color:#f66;padding:7px 15px;border:1px solid #f66} .text-collect.wp-collect.is-favorite{color:#fff;background:#f66} .text-collect.wp-collect:hover,.wp-question:hover{color:#fff;background:#f66} .text-collect.wp-collect.is-favorite:hover{background:#fff;color:#f66} .wp-question{margin-left:30px} .content{height:auto;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px} .content_left{width:100%;float:left;padding:30px} .content_left p{margin:.8em 0;font-size:16px;color:#333;line-height:1.9} .content_left img{margin:0 auto;max-width:100%;height:auto;display:block} .content_left iframe{margin:0 auto;max-width:100%;display:block} .content_left p{text-indent:2em;} .content_right{width:200px;float:right;padding:10px} .show_content{width:100%;height:auto;overflow:hidden;min-height:50px;font-size:16px;line-height:26px;line-height:1.8;word-break:break-all;word-wrap:break-word} .show_content img{max-width:100%} .show_content img.aligncenter{display:block;margin:auto} .show_content p{margin-bottom:30px} .show_content ol,.show_content ul{display:block;list-style-type:disc;list-style:disc!important;margin-before:1em;margin-after:1em;margin-start:0;margin-end:0;padding-start:40px} .show_content ol{list-style:decimal!important} .content_right_title{height:60px;background:#F9F8F8;border-bottom:1px solid #eee;line-height:60px;font-size:18px;margin-bottom:10px;font-weight:600;color:#000;padding-left:10px} .xg_content{overflow:hidden;padding:10px 10px 0;border-bottom:1px solid #eee} .tuts_top3{margin-bottom:20px;height:auto;float:left;list-style:none;width:31.8%;margin-right:2%} .tuts_top3_bg{width:100%;height:auto;position:relative} .tuts_top3_bg img{width:100%;height:auto} .tuts_top3:nth-child(3n){margin-right:0} .tuts_top3_bg p{height:40px;line-height:40px;color:#959595;background:#f0f0f0;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap} .article-paging{text-align:center;font-size:12px;overflow:hidden;clear:both;padding:20px 0} .article-paging span{display:inline-block;padding:2px 12px;background-color:#ddd;border:1px solid #ddd;border-radius:2px;color:#666} .article-paging a span{background-color:#fff;color:#666} .notag{position:absolute;top:-2px;left:10px} .faq{width:180px} .faq .faq-title{background:#6c9;padding:1px 8px 1px 8px;border-radius:2px;color:#fff;font-size:12px} .faq .faq-title2{font-size:14px;color:#666} .faq .faq-content{color:#999;font-size:12px;line-height:20px;padding-top:10px} .single-tags-title{float:left;color:#666;line-height:26px;margin-left:8px} .single-tags{float:left} .single-tags a{float:left;border:1px solid #ddd;color:#999;padding:2px 8px 2px 8px;margin-left:4px;margin-right:4px} .tag_list{float:left;border:1px solid #ddd;color:#999;padding:2px 8px 2px 8px;margin-left:4px;margin-right:4px} .tag_list2{float:left;border:1px solid #ddd;color:#999;padding:2px 8px 2px 8px;margin-left:4px;margin-right:4px;margin-bottom:8px} .single-tags a:hover,.tag_list2:hover{cursor:pointer;background:#f66;color:#fff;border:1px solid #f66;text-decoration:none} .ding{height:130px;overflow:hidden;margin-bottom:10px;text-align:center;word-spacing:10px;line-height:120px} .affs{padding:10px;border-bottom:1px solid #eee} .affs img{width:100%;height:auto} .down_info{height:200px;border-bottom:1px solid #eee;overflow:hidden;margin-bottom:10px;padding-left:30px;padding-right:30px;padding-top:40px} .download{height:155px;border-bottom:1px solid #eee} .download .baiduurl_btn{width:280px;float:left;padding-top:40px;padding-left:40px} .download .baiduurl_tqm{width:320px;float:left;text-align:center;padding-top:60px} .download .baiduurl_link{width:280px;float:left;padding-top:40px;padding-right:40px} .download .erphpdown_color{color:#f66;font-weight:700} .widget{margin-bottom:20px} .widget_image{width:280px;} .widget ul{list-style:none} .widget h3{height:60px;background:#fafafa;border-bottom:1px solid #eee;line-height:60px;font-size:18px;padding-left:20px;margin:0} .biaoqian,.widget_ui_tags{width:280px;background:#fff;min-height:100px;height:auto;overflow:hidden;box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15)} .widget_ui_tags .items{padding:20px;height:auto;overflow:hidden} .widget_ui_ads{width:280px;background:#fff;margin-top:20px;min-height:100px;height:auto;overflow:hidden;box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);box-shadow:0 3px 2px rgba(0,0,0,.15);padding:5px} .widget.mbt_comments ul,.widget_comments_list ul{padding:20px;list-style:none;background:#fff} .widget.mbt_comments ul li a,.widget_comments_list ul li a{display:block;border-radius:2px;padding:8px 10px;background:#f4f4f4;margin-top:10px;margin-bottom:20px;position:relative;margin-top:-2px;margin-left:50px;overflow:hidden} .widget.mbt_comments ul li a:before,.widget_comments_list ul li a:before{content:" ";height:0;width:0;border-color:transparent;border-style:solid;border-width:7px;border-right-color:#F5F5F5;position:absolute;left:-13px;top:10px} .widget.mbt_comments ul li .avatar,.widget_comments_list ul li .avatar{border-radius:50%;float:left;margin:0 4px 0 0} .widget .textwidget{background:#fff;padding:15px} .widget .textwidget li{height:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .btn_div{text-align:center;padding:20px} .baidu_btn_cla{width:200px;height:45px;background:#f66;color:#fff;padding:10px 15px 10px 15px;margin:0 auto;text-decoration:none;border-radius:5px} .baidu_btn_cla:active{background:#d25d5d;text-decoration:none;color:#fff} .baidu_btn_cla:hover{background:#d25d5d;text-decoration:none;color:#fff} .baidu_btn_cla:visited{background:#f66;text-decoration:none;color:#fff} #fl_class a{color:#666;text-decoration:none} #fl_class a:hover{color:#f66} .single-post-comment{border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.05);background:#fff;padding:20px} .single-post-comment h2{margin-bottom:15px;font-size:15px;font-weight:600} .single-post-comment ul{list-style:none} .single-post-comment a{color:#f66} .single-post-comment a:hover{color:#f66} .single-post-comment .textarea{width:100%;background:#FCF7F8;padding:10px;resize:none;text-shadow:none;margin-bottom:5px;font-size:15px;border-radius:4px;height:120px;transition:all 1s ease;transition:all 1s ease;border:1px solid #fdb2b2;appearance:none} .comboxinfo{margin-top:10px} .single-post-comment .textarea::placeholder,.single-post-comment .textarea::input-placeholder{color:#aaa;font-size:15px} .single-post-comment .textarea:focus{background:#fff} .single-post-comment .bottom{margin-top:15px;} .single-post-comment .bottom:after{content:'';display:block;clear:both;height:0} .single-post-comment .bottom .meta{float:left} .single-post-comment .bottom .meta .avatar{width:58px;height:58px;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle;background:#aaa no-repeat center center;background-size:cover} .single-post-comment .bottom .meta .username,.single-post-comment .bottom .meta .username:hover{cursor:default;color:#333} .single-post-comment .bottom button{float:right} .ladda-button.comment-submit-btn{width:100px;height:30px;background:#f66;color:#fff;text-align:center;line-height:30px;cursor:pointer;border:0;padding:0;font-size:13px} .single-post-comment .bottom button:hover{background:#f66} @media (min-width:800px){.mobie{display:none} .pc{display:block} } @media (max-width:800px){.foot,.header_menu,.pc,.sidebar{display:none} .main_left{width:100%} .index_header{max-height:70px;margin-bottom:15px} .logo{line-height:65px} .logo img{width:158px;height:auto} .header_search_bar{margin-top:18px;border-radius:20px;height:35px} .search_bar_btn{height:35px} .search_bar_input{height:35px;width:80px} .search_bar_input:focus{width:120px} .mobie{display:block} .mobie i{font-size:2.5em;margin-right:10px} .list_n1,.list_n2,.list_n3{width:calc(50% - 10px);width:calc(50% - 10px);width:calc(50% - 10px);margin:0 5px 10px} .i_list:hover{margin-top:-2px;margin-bottom:12px} .xg_content{padding:5px 5px 0} .cat_bg{margin-top:-20px} .cat_bg .cat_bg_img p{width:calc(100% - 10px);width:calc(100% - 10px);width:calc(100% - 10px);margin:0 5px 30px;opacity:.7} } @media (max-width:500px){.cat_bg .cat_bg_img p,.fot p span,.home-filter,.post_au{display:none} .mobies{display:block} .update_area_lists{padding:0 5px} .list_n1,.list_n2,.list_n3{width:48.5%;margin:0 0 10px;box-sizing:border-box;box-sizing:border-box;box-sizing:border-box} .update_area_lists li:nth-child(odd),.xg_content li:nth-child(odd){margin-right:3%} .list_n3{width:calc(100% - 10px);width:calc(100% - 10px);width:calc(100% - 10px);margin:0 5px 10px} .cat_bg .cat_bg_img{background:no-repeat scroll center 0} .fl .filter-wrap{padding:20px 10px} .page-numbers{display:none;line-height:25px;padding:5px} .current,.next,.prev,.screen-reader-text{display:inline-block} .pagination .current{padding:10px 30px;line-height:20px;margin:0 20px;background-color:#FFF;color:#A1A1A1;border-color:#EEE} a.page-numbers{line-height:20px} .site-wrap{max-height:200px} } .imagewidget h4{line-height:38px;}
WordPress多功能CX-UDY图片主题效果演示http://m.bokequ.com/dongman/gc
