/*
Theme Name: 学做网站论坛HTML5版面
Theme URI: https://www.xuewangzhan.net
Description:WP主题
Author: 学做网站论坛
Author URI: https://www.xuewangzhan.net
Version: 5.0
*/
/* 重置浏览器样式 */
*{margin:0;padding:0;}
body {color: #555555;background: #FFF7EF url(/wp-content/themes/xwz/images/background.png) repeat;letter-spacing: 0.5px;}
body, button, input, select, textarea {font-family: 'Helvetica Neue', 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.7;word-wrap: break-word;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
ul, ol{list-style: none;}
table {border-collapse: collapse;border: 0;padding: 0;margin: 0;}
img {border: 0;vertical-align: middle;}
a {cursor: pointer; text-decoration:none;}
a:link {color: #666;text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {color: #568ABE;text-decoration: underline;}
a:active {color: #568ABE;text-decoration: none;}
em, i {font-style: normal;font-weight: normal;}
blockquote{padding:10px;background:#e9e9e9;font-style:italic;}
pre,.codecolorer{white-space: normal !important;font-family: inherit;}
.cGray {color: #333;}
.cCcc {color: #ccc;}
.f14px {font-size: 14px;}
.cRed {color: #c33;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mlr5 {margin: 0 5px;}
/* 浮动与清除 */
.fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
/* 公用顶部*/
header#top{background: #f4f5f8 url(/wp-content/themes/xwz/images/hd-bg.png) repeat-x;box-shadow: 0 2px 8px rgba(0,0,0,.12); border-bottom: 2px solid #69c;}
#hd-top, #hd-menu {width: 1208px;margin: 0 auto;}
#hd-top {height: 98px;margin-bottom:15px;}
#hd-top #logo {width: 510px;height: 85px;background: url(/wp-content/themes/xwz/images/logo.png) no-repeat;display:inline-block;vertical-align:top;margin-top:10px;}
#hd-top h2{width:400px;height:85px;}
#hd-top #logo a {display: inline-block;width: 100%;height: 100%;overflow: hidden;text-indent: -2000em;}
#hd-top #course {width: 480px;height:60px;display:inline-block;margin: 20px 0 0 12px;}
#hd-top #course img:hover{animation: mydonghua 1s linear 1;}
@-webkit-keyframes mydonghua {0% { transform:rotate(0deg); }
50% { transform:rotate(1deg);}
100% { transform:rotate(0deg);}
}
@-moz-keyframes mydonghua {0% { transform:rotate(0deg); }
50% { transform:rotate(1deg);}
100% { transform:rotate(0deg);}
}
@-ms-keyframes mydonghua {0% { transform:rotate(0deg); }
50% { transform:rotate(1deg);}
100% { transform:rotate(0deg);}
}
@keyframes mydonghua {0% { transform:rotate(0deg); }
50% { transform:rotate(1deg);}
100% { transform:rotate(0deg);}
}
/*顶部菜单*/
nav#hd-menu li {height: 34px;line-height: 36px;float:left;text-align: center;background: #69c;margin-right:10px;border-top-left-radius: 3px;border-top-right-radius: 3px;position:relative;}
nav#hd-menu li a {display: block;height:100%;padding:0 20px;color: #fff;}
nav#hd-menu li:hover{background: #3d6f96;transition: background 1s linear;border-top-left-radius: 3px;border-top-right-radius: 3px; text-decoration:none;}
/*nav#hd-menu li:last-child{float:right;border:1px solid #69c;box-sizing:border-box;background:#F4F5F8;}
nav#hd-menu li:last-child a{color:#69c;}
nav#hd-menu li:last-child:hover{background: #69c;}
nav#hd-menu li:last-child:hover a{color:#FFF;}*/
nav#hd-menu li.kehu:after {content: url(images/djz2.png);position: absolute;width:58px;height:25px;left:65px;top:-20px;z-index: 3;}
.peixun:after {position: absolute;width:35px;height:33px;right:-32px;top:0;z-index: 3;}
.wz-modBox header p{padding:15px;background:#ddd;border:1px solid #999;}
/* (公用)布局容器 */
/***************************************/
.wz-main {width: 1208px;margin: 30px auto 0;}
.wz-w1008 {width: 1208px;margin: 0px auto;}
.wz-cont{width: 1208px;margin: 15px auto;}
.wz-w670 {width: 670px;}
.wz-w480 {width: 480px;}
/* (整站首页)头条、评论、话题 */
#wz-headlines {background: url(images/bg-heading.png) repeat #eee;padding: 30px 0;color: #666;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.hdl-mod {width: 320px;display:inline-block;vertical-align:top;}
.hdl-mod h3 {font-weight: bold;color: #333;margin-bottom: 5px;}
.hdl-mod li {height: 28px;line-height: 28px;overflow: hidden;}
.hdl-mod li a{color:#69c;}
.wz-focus li:nth-child(even) a{color:#666;}
.wz-ullist li {width: 320px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(images/sw-icon.png) no-repeat;background-position: 0px 12px;padding-left: 12px;box-sizing:border-box;}
.wz-ullist li a{color:#666;}
#remind {border: thin dashed #AACCE8;font-size: 18px;background: #FFC url(images/tx.png) no-repeat;background-position: left;padding: 8px 0 8px 50px;box-sizing:border-box;}
#remind span {color: #69C;}
.wz-card {width: 1208px;margin: 20px auto;background: url(images/sw-mod-bg.png) repeat-y 0 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;border-radius: 4px;}
.wz-card-l {width: 807px;padding: 30px;display:inline-block;vertical-align:top;}
.wz-card-l h3 {display:inline-block;vertical-align:top;margin-bottom: 10px;width:250px;font-size:16px; }
.wz-card-l span a {color: #999;}
.wz-tags{display: inline-block;height: 28px;line-height: 28px;background-color: #69c;font-size: 14px;font-weight: normal;color: #fff;padding: 0px 10px;border-radius: 3px;text-decoration: none;}
.wz-tags:link, .wz-tags:visited, .wz-tags:hover {color: #fff;text-decoration: none;}
.wz-tags:hover {background-color: #568abe;}
.wz-item li{line-height: 28px;height: 28px;width: 290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; _zoom: 1;}
.wz-sp li{background: url(images/shipin.png) no-repeat 0 0;text-indent: 20px;}
.wz-card-l .wz-item{display:inline-block;vertical-align:top;width: 358px;padding-right: 40px;padding-bottom: 15px;}
.wz-card-l .wz-item:nth-child(odd){border-right: 1px solid #e9e9e9;margin-right: -1px;}
.wz-card-l .wz-item:nth-child(even){padding-left:40px;padding-right:0px;}
li.current-cat{border-left: 2px solid #5698da;background: #f8fbff;padding-left:25px !important;}
.current-cat a{ color: #5698da; }
/*首页右侧边栏*/
.wz-card-r {display:inline-block;width: 228px;padding: 30px 30px 0;}
.wz-itemHd{padding-bottom: 10px;border-bottom: 1px solid #d6e4ee;}
.bt-student h3{background-position: 0px -140px;}
.wz-itemHd h3 a {color: #69c;}
.wz-student li {display: inline-block;width: 228px;height: 75px;overflow: hidden;}
.wz-thumb {display:inline-block;vertical-align:middle;border: 1px solid #CFCFCF;border-radius: 36px;width: 75px;height: 70px;}
.wz-thumb:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: transform ease-in-out .5s;-moz-transition: transform ease-in-out .5s;transition: transform ease-in-out .5s;}
.wz-btt{display:inline-block;vertical-align:middle;width:145px;margin-left:5px;}
.wz-tagsB {display: inline-block;font-size: 13px;border: 1px solid #666;padding: 0 2px;border-radius: 3px;margin-left: 5px;height: 18px;line-height: 18px;float: right;}
.wz-tagsB:link, .wz-tagsB:visited, .wz-tagsB:hover {color: #666;text-decoration: none;}
.wz-tagsB:hover {border: 1px solid #333;}
.index-r{background: url(/wp-content/themes/xwz/images/sw-mod-bg.png) repeat-y 0 0; border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;border-radius: 4px;}
.newsp{text-align:center;font-size:16px;color:#999;padding:200px 0 0;box-sizing:border-box;line-height:2em;}
.newsp a{color:#999;}
.side-tags{padding:10px;background:#fff;}
.side-tags a{line-height:2em;margin-right:5px;}
/*课程公告*/
#wz-kc {height: 45px;border: thin dashed #AACCE8;padding-top: 7px;text-indent: 130px;background:#ffc url(images/kubg.png) no-repeat;}
#wz-kc a {font-size: 24px;color: #900;}
#wz-kc a:hover {font-size:25px;transition: font-size 1s linear;;-moz-transition: font-size 1s linear; /* Firefox 4 */
-webkit-transition: font-size 1s linear; /* Safari 和 Chrome */
-o-transition: font-size 1s linear; /* Opera */
color: #339;text-decoration: underline;}
/*培训方式*/
.wz-solution li{display:inline-block;vertical-align:top; width: 155px;margin-right: 13px;}
.wz-solution li:nth-child(4){margin-right:0;}
.wz-solution h4{background: url(images/sw-icon.png) no-repeat;width: 130px;height: 20px;font-size: 0;margin-bottom: 10px;}
.wz-solution li:nth-child(1) h4 {background-position: 0px -300px;}
.wz-solution li:nth-child(2) h4 {background-position: 0px -320px;}
.wz-solution li:nth-child(3) h4 {background-position: 0px -340px;}
.wz-solution li:nth-child(4) h4 {background-position: 0px -360px;}
.bt-train h3{background-position: 0px -260px;}
.wz-train li{width: 100%;padding-top:5px;overflow: hidden;background: url(images/sw-icon.png) no-repeat;background-position: 0px 12px;padding-left: 12px;box-sizing:border-box;}
.wz-hy {border: 1px solid #e9e9e9;border-radius: 3px}
/*文字教程*/
.wz-card-l h3 a{color: #69c;}
.wzlist li{background: url(images/sw-icon.png) no-repeat;background-position: 0px 12px;text-indent: 12px;}
.bt-customer h3{background-position: 0px -195px;}
.wz-customer li {margin:5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*建站经验*/
.bt-experience h3{background-position: 0px -169px;}
.wz-experience li {display: inline-block;width: 228px;height: 75px;overflow: hidden;}
.wz-portrait{display:inline-block;vertical-align:top;border: 1px solid #CFCFCF;border-radius: 10px;width: 45px;height: 45px;}
.wz-btd{display:inline-block;width:175px;margin-left:5px;}
.wz-btd span{display:inline-block;font-size:12px;color:#69c;}
/*在线工具*/
.wz-solution h3,.wz-tool h3{display:none;}
.wz-tool li{display:inline-block;vertical-align:top;width:60px;margin-right:6px;text-align:center;}
.wz-tool li:last-child{margin-right:0;}
.wz-tool li a{display:inline-block;width:100%;height:100%;}
.wz-tool img{width:60px;height:60px;margin-bottom:5px;}
.bt-tool h3{background-position: 0px -220px;}
/*底部样式*/
#wz-footer{width: 100%;margin-top: 40px;background-color: #444;color: #999;font-size: 13px;}
#wz-ftmain{width:1208px;margin:0 auto;padding: 30px 0 15px 0;}
.wz_single_ft{width:1208px;margin:0px auto;padding:10px 0;text-align:center;}
.wz_single_ft span{margin-right:15px;}
.ft-slogan{width:25%;margin-top: 20px;}
.ft-slogan h3 {width: 185px;height: 75px;background: url(images/sw-footer-sprite.png) no-repeat 0 0;font-size: 0px;}
.ft-item{width:16%;line-height:28px;}
.ft-item-last{width:11%;}
.ft-item a {color: #999;}
.ft-item h4 {height: 25px;width: 80px;text-indent: -9999px;margin-bottom: 10px;background: url(images/sw-footer-sprite.png) no-repeat;}
.ft-item .a1 {background-position: 0 -75px;}
.ft-item .a2 {background-position: -97px -75px;}
.ft-item .a3 {background-position: -198px -75px;}
.ft-item .a4 {background-position: 0 -105px;}
.ft-item .a5 {background-position: -97px -105px;}
#wz-copyright{margin:15px auto 0;}
.ft-item-left h4,.ft-item-left ul{display:inline-block;vertical-align:bottom;}
.ft-item-left li{float:left;padding:0 8px;}
#wz-copyright p{padding:10px 0;}
#wz-copyright li a,#wz-copyright p a{color:#999;}
.wz-copy span{margin-right:10px;}
.wz-copy a{color:#999;}
.ft-item-left{width:100%;}
.ft-item-left p{padding:5px 0;}
.ft-item-left a{color:#999;padding:0 5px;}
/*文章列表*/
/* (公用)面包屑 */
.wz-crumb {padding: 0px 8px 0 20px;height: 42px;line-height: 42px;color: #999;background: #fff;border: 1px solid #e9e9e9;border-radius: 4px;}
.wz-crumb h3,.wz-crumb ul,.wz-crumb p{display:inline-block;vertical-align:top;}
.wz-crumb li {display: inline-block;margin-right: 10px;}
.wz-crumb li a {display: inline-block;color: #428BCA;}
.wz-modBox{background: #fff;padding: 30px;margin-bottom:20px;border: 1px solid #e9e9e9;border-radius: 4px;}
.wz-modBox h1 {font-size: 22px;color: #555;margin-bottom: 20px;font-weight: 400;text-align:center;}
.wz-modBox a {color: #428BCA;}
.wz-modBox h2,.wz-modBox h3, .wz-modBox h4 {margin: 0 0 10px;font-weight: normal;}
.wz-modBox ol {list-style: decimal;margin-left: 20px;}
.wz-modBox li {line-height: 28px;padding: 5px 0px;}
.newslist li span {color: #999;margin-left: 5px;font-size: 13px;}
.wz-introduce{padding: 20px 30px;border: 1px solid #e9e9e9;background: #fff;border-radius: 4px;}
.wz-introduce p{padding: 5px 0;line-height: 28px;}
/*.wz-modBox .wz-xgz li {background: url(images/ico1.png) no-repeat 0 50%;padding-left: 25px;}*/
.wz-Box{width:890px;}
.wz-Box a, .wz-modBox a {color: #428BCA;}
/*分页*/
.pagination{height:40px;text-align:center;margin-top: 20px;}
.pagination .current, .pagination a{padding:3px 8px;border:1px solid #568abe;border-radius: 2px;margin-right:10px;font-size:14px;text-decoration:none;}
.pagination a:hover,.pagination .current{color:#568abe;background:#FFF;}
.pagination a{background:#568abe;color:#FFF !important;}
/*侧边栏*/
.sidebar{width:300px;}
.side-list h3, .side-listRank h3, .wz-menu h3, .widget_archive h3 {color: #fff;font-size: 14px;background-color: #69c;border-top-right-radius: 4px;border-top-left-radius: 4px;padding: 8px 20px;}
.side-list ol {list-style: decimal;}
.side-list li{margin-bottom: 8px;overflow: hidden;white-space: nowrap;}
.relevant {background: #fff;padding: 30px;border: 1px solid #e9e9e9;border-top: 0;}
.relevant li {padding: 10px 0;border-bottom: 1px solid #f5f5f5;}
.relevant a {color: #428BCA;}
.topten {background: url(images/sw-listrank.png) #fff no-repeat 30px 30px;color: #999;padding: 30px 30px 30px 60px;border: 1px solid #e9e9e9;border-top: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.topten li {width: 175px;height: 47px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topten li a {color: #428BCA;}
.cgreen {color: #5ecfba;}
#pordAttr{width:300px;}
/*.wz-menu {background: #fff;}
.wz-menu li{height:25px;line-height:25px;padding:10px 30px;margin:0;border-bottom:1px solid #e9e9e9; }
.wz-menu li:hover{background:#f9f9f9;}*/
.xwz-side-list h3, .xwz-side-listRank h3, .xwz-menu h3, .widget_archive h3 {color: #fff;font-size: 14px;background-color: #69c;border-top-right-radius: 4px;border-top-left-radius: 4px;padding: 8px 20px;}
.xwz-topten-list {background: url(images/sw-listrank.png) #fff no-repeat 20px 30px;color: #999;padding: 30px 20px 30px 45px;border: 1px solid #e9e9e9;border-top: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px; height: 496px;overflow: hidden;}
.xwz-topten-list ul,.xwz-topten-list ol{margin-left:18px;}
.xwz-topten-list li {height: 47px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwz-topten-list li a {color: #428BCA;}
/*图文列表*/
.wz-list-ul li{border-bottom: 2px dashed #f2f1f1;padding:30px 0;}
h3.wz-heading{margin-bottom:0;}
h3.wz-heading a{font-size: 18px;font-weight: bold;color: #383838;}
.kc-lists span.fright{font-size:0.85em;color:#999;}
.wz-list-ul .wz-info {color: #95a5a6; font-size: 12px;margin-top:10px;margin-bottom:5px;}
.wz-list-ul .wz-info span{margin-right: 5px;}
.wz-bodying .wz-thumbnail {display: inline-block;height:110px;overflow: hidden;border: 1px solid #ddd;padding:4px;}
.wz-bodying .wz-thumbnail img{width: 180px;height: auto;transition: All 0.4s ease-in-out;}
.wz-bodying .wz-thumbnail img:hover {transform: scale(1.3);-webkit-transform: scale(1.3);}
.wz-bodying .wz-desc{width:610px;}
.wz-bodying .wz-desc a,.wz-desc_r a{transition: color 0.3s;}
.wz-bodying .wz-desc a:hover,.wz-desc_r a:hover{text-decoration:none;color:#69c;}
.wz-bodying .wz-desc address,.wz-desc_r address{font-style:normal;}
.wz-bodying .wz-desc p,.wz-desc_r p{line-height: 2em;font-size:13px;}
.wz-bodying .wz-desc p a,.wz-desc_r p a{color:#666;}
.wz-bodying .wz-more a {display:block;padding: 0 15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #69c;color: #f4f4f4;text-align: right;font-size: 12px;}
.wz-post-tags{font-size:12px;}
.part_kc{padding:10px;border:1px solid #ddd;border-radius:5px;margin:10px 0 50px;}
.part_kc h3{font-size:16px;color:#555;padding-bottom:10px;border-bottom:1px dashed #ddd;}
.part_kc p{padding: 10px 0 10px 60px;font-size:16px;background: #FFC url(images/sw-icon.png) no-repeat; background-position: 0 -442px;color: #999;}
.part_kc p span,.part_kc p a{color:#69c;}
.part_kc li{width:33.333333333333333333%;float:left;padding:10px 0 5px;border-bottom:1px dashed #ddd;background: url(images/sw-icon.png) no-repeat; background-position: -278px -345px; text-indent: 25px;}
.mb_all{background:#fff;}
.mb_frame{width:100%;height:1815px;margin-top:30px;overflow:hidden;position:relative;}
#yunjianzhan{position:absolute;top:-170px;}
/*图片列表*/
.piclist li{margin-bottom:10px;}
.piclist img{display:inline-block;vertical-align:top;width: 95px;height: 100px;margin: 10px 5px 4px;padding: 2px;border: 1px solid #E3E3E3;}
.wz-hy-box{display:inline-block;width:540px;margin-left:8px;}
.piclist h3{display:inline-block;width: 100%;height: 34px;line-height: 36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;text-indent:1em;margin-bottom:0;}
.piclist p {display:inline-block;color: #999;line-height: 20px;}
.piclist .wz-info{height: 30px;line-height: 30px;color: #666;overflow: hidden;border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;font-size: 13px;}
.wz-info span{color: #c33;}
.wz-menu,.wz-mb-menu {background: #fff;}
.wz-menu li{height:25px;line-height:25px;padding:10px 30px;margin:0;border-bottom:1px solid #e9e9e9; }
.cGren{color:#5ecfba;}
.wz-mb-menu li:hover{background:#f9f9f9;}
.side-wz-list li{background: url(/wp-content/themes/xwz/images/video_lists.png) no-repeat 21px 5px;text-indent: 20px;}
.side-wz-list li:hover{background: #f9f9f9 url(/wp-content/themes/xwz/images/video_lists.png) no-repeat 21px 5px;text-indent: 20px;}
.wz-mb-menu li{float:left;height:25px;line-height:25px;padding:5px 0;width:33%;border-bottom:1px solid #e9e9e9;text-align:center; }
.side-sp-list li.i-video{background: url(/wp-content/themes/xwz/images/sw-icon.png) no-repeat; background-position:-249px -347px;text-indent:23px;}
.side-sp-list li.i-list{background: url(/wp-content/themes/xwz/images/i-list.jpg) no-repeat; background-position:28px 14px;text-indent:23px;}
/*TOPIC*/
.topic_hd{padding:20px;background:#fff;margin-bottom:20px;}
.topic_hd h2{font-size:1.4em;margin-bottom:10px;}
.topic_hd p{font-size:1.2em;}
.wz-topic-ul{background:#fff;padding:20px;}
.wz-topic-ul li{width:49%;float:left;border:5px solid #eee;margin-bottom:20px;box-sizing:border-box;padding:10px;}
.wz-topic-ul li:nth-child(even){float:right;}
.wz-topic-bodying .wz-desc{width:330px !important;}
.wz-topic-bodying .wz-heading{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wz-topic-ul .wz-info {overflow: hidden;white-space: nowrap;}
/*内容页*/
.wz-content{position: relative;line-height: 2.5em;font-size: 14px;}
.wz-content a,.wz-next a,.wz-introduce a{text-decoration: underline;}
.wz-content p {padding: 10px 0;word-break: break-all;text-indent: 2em;}
.wz-content h2,.wz-content h3{color: rgb(51, 51, 51);padding-bottom: 7px;font: 400 18px/20px 微软雅黑;margin: 20px 0px; border-bottom: 1px solid rgb(214, 214, 216);}
.wz-content ul li{background: url(/wp-content/themes/xwz/images/li.png) no-repeat scroll 0 20px transparent;padding: 10px 0 10px 25px;}
.wz-content ol{list-style-type:none;counter-reset:sectioncounter;}
.wz-content ol li:before {display: inline-block;content:counter(sectioncounter); counter-increment:sectioncounter;width: 24px;height: 24px;text-align: center;line-height: 24px;border-radius: 50%;margin-right: 1em;background:#5bc648;color:#efe; font-size: 14px;}
.wz-content img {display: block;margin: 10px auto;border: 1px solid #C7BFBF;padding: 3px;max-width: 100%;height:auto;}
.wz-content table{width:100%;border:1px solid #ddd;}
.wz-content td{padding:5px;border:1px solid #ddd;border-collapse: collapse;}
.summary{width:260px;height:270px;float:right;margin:0 0 15px 15px;}
.xwz_lm{position:absolute;top:0;right:0;}
.wz-next{height:20px;line-height:30px;overflow:hidden;color: #999;margin-top: 30px;margin-bottom: 5px;padding:10px 5px 15px;border: 1px dashed #ccc;}
.wz-next a{margin-right:10px;}
.tags h3,.tags p{display:inline;}
p.ngg:after {content: url(images/tudou.png);position:relative;left: 590px;top:-51px;z-index: 999;}
.sw_qq img {display: inline !important;margin: 0px;border: 0px solid #e6e6e6;padding: 0px;}
.moban_info {padding: 0 20px 5px;border: 1px solid #CCC;border-radius: 8px;margin-bottom: 14px;}
.moban_info:hover {border: 1px solid #0079FF;}
.moban_info li {background-image: url(images/ios7list.gif);color: #8D9095;background-position: 0px center;background-repeat: no-repeat;display: block;padding-left: 25px;height: 33px;line-height: 33px;border-bottom: 1px solid #E1E1E1;}
.moban_info li a {color: #8D9095;}
.moban_info li.custom{position:relative;}
.moban_info li.custom img{position:absolute;border:0;z-index:3;left:68px;top:-18px;}
.bdlm{margin:10px 0;padding-top:75px;text-align:center;background:url(/wp-content/themes/xwz/images/ggbg.jpg) no-repeat;}
.codecolorer-container {background-color: #fdfcfc;padding: 5px;border: 1px solid #ddd;border-left: 5px solid #6CE26C;font-style: italic;max-width:100%;margin:15px 0;}
.downbox{width:100%;border-top:1px solid #eee;text-align:center;margin:10px auto;}
.downbox li { display: inline-block;background: green !important;padding:5px 15px !important;overflow: hidden;margin-top: 10px;margin-right:15px;}
.downbox li a{color:#fff;}
.bdnm{width:250px;height:250px;float:right;margin:10px 5px 10px;}
.bdfx{display:block;float:left;height:45px;line-height:45px;}
.bdsharebuttonbox{padding:5px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0;}
.dnone{background: #f4f4f4;padding: 5px 10px;margin: 10px 0;border-radius: 5px;}
#bdlm{padding: 0;}
.xwz-errer li{list-style:none;display:inline-block;margin:5px;}
.wz-xgz span{font-size: 13px;color: #999;margin-left: 5px;}
.wz-content blockquote.wz-xgyd {font-style:normal;margin: 20px 10px 10px;border: 1px #d0d4c8 dashed;background: #f4f5f6 url(/wp-content/themes/xwz/images/blockquote.gif) 5px 3px no-repeat;padding: 8px 12px 8px 36px;}
.wz-content blockquote.wz-xgyd p {padding: 8px 0;line-height: 26px;text-indent: 0em;text-align: justify;color: #2A2A2A;}
.wz-content blockquote.wz-xgyd a {color: #450A11;text-decoration: underline;}
.wz-infor{padding:0 10px;color:#999;text-align:center;}
.wz-content table tr:nth-child(odd) {background-color: #F5F5F5;}
.wz-content table th {vertical-align: baseline;background-color: #3F3F3F;border: 1px solid #3F3F3F;text-align: left;color: #fff;}
.wz-xgz li{width:23%;float:left;margin-right:2.6666666666666%;margin-bottom:20px;padding:10px;background:#f5f5f5;box-sizing:border-box;overflow:hidden;}
.wz-xgz li:nth-child(4n){margin-right:0;}
.wz-xgz li img{display:block;width:100%;height:120px;margin-bottom:10px;}
.wz-xgz li h6{height:60px;overflow:hidden;}
.wz-xgz li span{font-size:13px;color:#999;margin-left:5px;}
.wz-xgz-list span{font-size: 13px;color: #999;margin-left: 5px;}
.xwz-xgz-list li span{font-size:13px;color:#999;margin-left:5px;}
.xwz-xgz-list li img{margin-left:2px;}
.xwz-title-box a{color:#595855;}
.xwz-title-box a:hover{text-decoration:none;color:#b82708;}
.xwz-title-box em{color: #b82708;}
.xwz-desc-box{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;color: #999aaa;font-size: 0.9em;}
.shang-p{position:relative;}
.shang-p a {background: #fec22c;width: 38px;height: 38px;line-height:38px;padding: 10px;display: block;border: 1px solid #d4a368;border-radius: 50%;margin:10px auto;text-align:center;font-size:28px;color:#fff;position:relative;z-index:999;}
.shang-p a:hover { color: #eee;background: #fcc278;border: 1px solid #d4a368; background: linear-gradient(#fcc278,#d4a368);text-decoration:none;}
#shang {position: absolute;left: 50%;bottom:30px;margin-left:-170px;width: 340px;display:none;padding: 15px 0 0 6px;background: #fff;border-radius: 5px;border: 1px solid #ddd;box-shadow: 1px 0 5px rgba(0,0,0,0.2);}
.social-main span {float: left;}
.fadeInDown {animation-name: fadeInDown;}
.animated {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.shang-main h4 {font-size: 15px;text-align: center;font-weight:600;}
.shang-img{display:block;width:49%;}
.shang-main i {color: #ff0000;}
.shang-img img {width: 140px;height: auto;margin: 10px;}
.shang-main .shang-qr {margin-bottom: 20px;font-size:0.9em;text-align:center;font-weight:600;}
.runcode{background-color: #fdfcfc;padding:10px 5px;border: 1px solid #ddd;border-left: 5px solid #6CE26C;font-style: italic;width:100%;min-height:300px;box-sizing:border-box;line-height:1.8em;color:#444;}
.btn--secondary{padding:5px 20px;background:#69c;border:none;border-radius:5px;color:#fff;}
span.new{color:red;font-style: italic;margin:0 5px;}
/*标签云页面*/
.post_tags li{display:inline-block;margin-right:15px;margin-bottom:10px;}
.topicus {background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 3px;padding: 10px;margin-bottom: 15px;line-height: 1.8em;box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);}
/*评论*/
.xwz_comments{background:#FFF;padding: 10px 30px;border: 1px solid #e9e9e9;border-radius: 4px;margin-top:15px;}
.xwz_comments .navigation a{display:inline-block;width:30%;height:30px;line-height:30px;border:1px solid #ccc;border-radius:4px;text-align:center;}
.xwz_comments .alignleft a{float:left;}
.xwz_comments .alignright a{float:right;}
.xwz_comments .navigation:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.xwz_comments .navigation {*zoom:1;}
#comments {width: 100%;margin: 10px 0px;padding: 8px 0px 5px;text-indent: 8px;background: #F3F3F3;border-bottom: 1px solid #d8dde0;}
ol.commentlist{margin-left:0;}
.commentlist p {text-indent: 0px;}
.commentlist>li.comment{margin: 20px 0;}
.commentlist a:link, .commentlist a:visited {background: none;color: #428BCA;}
.commentlist a:hover {background: none;color: #CC0000;text-decoration: underline;}
.commentlist li {list-style: none;margin: 10px 0px;padding: 15px 10px 5px 10px;background: #FFF;border: 1px solid #d8dde0;box-sizing:border-box;}
.commentlist li.alt {background: #FFFAF4;border: 1px solid #d8dde0;}
.commentlist li .gravatar {display:inline-block;vertical-align:top;width: 48px;margin: 0px 8px 5px 0px;padding: 1px 1px;text-align: center;border: 1px solid #C7C7C7;}
.commentlist li .gravatar img,.comment-author img{margin: 0px;padding: 0px;border-radius: 50%}
.comment-body,.commentlist li ul li{position:relative;padding-bottom:10px;}
cite.fn{font-style: normal;color: #980606;padding-right: 5px;}
.commentlist .comment-author:hover img {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.commentuser{display:inline-block;width:570px;}
.commentuser .codecolorer-container {width:560px !important;}
.commentlist li .floor {float: left;width: 48px;margin-top: 1px;padding: 2px 0px 1px;text-align: center;border-top: 1px solid #A7B6BE;background: F8F8F8;color: #999999;}
.commentlist li .authordata {float: right;width: 480px;}
.commentlist li .commentmetadata {display:none;font-size:10px;color: #999;position:absolute;top:5px;right:10px;}
.commentlist li .commentcontent {float: right;width: 480px;}
#editcomment p {padding: 10px 10px 5px;}
#author, #email, #url,#result{margin:5px 0 0 0;border: 1px solid #ced4da;color: #906;background: #FCFCFC;padding: 5px 5%;width:90%;}
#commentform label[for="url"],#commentform input#url,.comment-form-cookies-consent{display:none;}
#respond {width: 100%;}
#respond h3,h3#respond{font-size:16px;padding:10px 0;border-bottom:1px solid #d8dde0;}
#comment {padding: 10px 3%;margin:5px 0 0 0;width: 94%;height:10em;color: #333;font-size: 14px;border: 1px solid #ced4da;}
#but_submit {margin-left: 72px;}
#submit {border-radius: 0;padding: 8px 10%;border: 0;background-color: #69c;color:#fff;font-size:16px;cursor: pointer;margin-top:20px;}
#submit:hover{background-color: #d5d2d2;}
#ctrl_enter {margin: 16px 0px 0px 5px;color: #066283;font-weight: bold;}
.submit_hover {border: 2px solid #FF6600;}
.comment-notes,label[for="comment"]{display:none;}
.comment-form-author{width:49%;float:left;}
.comment-form-email{width:49%;float:right;}
/*论坛搜索*/
.sh_all {width: 100%;height: 600px;padding-top: 100px;}
.sh_tp, .sh_form {width: 650px;text-align: center;margin-top: 50px;margin-right: auto;margin-left: auto;}
.sh_form input{display:inline-block;vertical-align:top;}
.sc_dh {width: 710px;height: 30px;line-height: 30px;margin-top: 20px;margin-right: auto;margin-left: auto;}
.sc_dh li {margin-right: 5px;float: left;padding: 5px;}
.sc_dh li a {color: #428BCA;}
.sh_hot{width:1208px;margin:10px auto;}
.sh_hot .ys{padding:10px 0;border-bottom:1px solid #FFF;margin-bottom:10px;}
.sh_hot li{display:inline-block;margin-right:15px;margin-bottom:10px;}
/*视频播放*/
#vipsp{display:block;background:#000;}
@media screen and (max-width: 350px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
#vipsp {height:240px;width:100%;}
}
@media screen and (min-width: 351px) and (max-width: 500px){ /*当屏幕尺寸小于600px时，应用下面的CSS样式*/#vipsp {height:280px;width:100%;}
}
@media screen and (min-width: 401px) and (max-width: 500px){ /*当屏幕尺寸小于600px时，应用下面的CSS样式*/#vipsp {height:320px;width:100%;}
}
@media screen and (min-width: 501px) and (max-width: 600px){ /*当屏幕尺寸小于600px时，应用下面的CSS样式*/#vipsp {height:380px;width:100%;}
}
@media screen and (min-width: 601px){ /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
#vipsp {height:480px;width:100%;}
}
/*客户案例分类*/
.Customerlist{background:#fff;padding:30px;box-sizing:border-box;border:border: 1px solid #e9e9e9;border-radius: 4px;}
.wz-type{padding-bottom:10px;border-bottom:1px solid #dcdcdc;margin-bottom:10px;}
.wz-type h2,.wz-type ul{display:inline-block;vertical-align:bottom;}
.wz-type h2{margin-right:20px;}
.wz-type li{display:inline-block;vertical-align:bottom;margin-right:10px;}
.wz-type li a{color:#69c;}
.wz-work {background-color: #F00;font-size: 20px;text-indent: 20px;color: #FFF;letter-spacing: 0.22em;margin: 10px 0;height: 50px;line-height: 50px;}
.Customerweb{padding-top:15px;}
.Customerweb h2{display:none;}
.Customerweb li{display:inline-block;vertical-align:top;width:220px;margin:0 15px 25px 0;text-align:center; border-width: 1px;border-style: solid;border-color: #f1f1f1 #dadada #dadada #f1f1f1;-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,.05);-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,.05);box-shadow: 4px 4px 0px 0px rgba(0,0,0,.05);}
.Customerweb li a:nth-child(1){width:220px;height:240px;}
.Customerweb li a:last-child{display:inline-block;width:210px;height:33px;line-height:33px;overflow:hidden;padding:5px;}
.Customerweb li:nth-child(4n){margin-right:0;}
.Customerweb img{width:220px;height:240px;}
@-webkit-keyframes Customerweb{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
border-radius: 1px;
}
40%{
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
60%{
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
90%{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
}
@-moz-keyframes Customerweb{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
border-radius: 1px;
}
40%{
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
60%{
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
90%{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
}@-ms-keyframes Customerweb{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
border-radius: 1px;
}
40%{
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
60%{
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
90%{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
}
.Customerweb li img:hover{
-webkit-animation-name:Customerweb;
-moz-animation-name:Customerweb;
-ms-animation-name:Customerweb;
-o-animation-name:Customerweb;
animation-name:Customerweb;
-webkit-animation-duration:4s;
-moz-animation-duration:4s;
-ms-animation-duration:4s;
-o-animation-duration:4s;
animation-duration:4s;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
-ms-animation-timing-function:linear;
-o-animation-timing-function:linear;
animation-timing-function:linear;
}