*{margin:0;padding:0;font-family:"Microsoft Yahei",Helvetica, Arial, sans-serif;word-break:break-word}
body{width:100%;text-align:center;position:relative;background:#f6f6f6}
.clear:after{ clear:both; display:block; content:"\20"}
img{display:block;border:none}
ul{list-style-type:none}
a{text-decoration:none}
a:link, a:visited { color:#444; -webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
a:hover, a:active { color:#c00 }
::selection{color:#fff;background:#f93}
::-moz-selection{color:#fff;background:#f93}
ul li a,ul h4 a,ul h4 b,dl a,ol li a{color:#56a6d3}
em,i{font-style:normal}
form input{font-size:12px;}
.w ul li.last{border-right:0;margin-right:0}
.pl{float:left}
.pr{float:right}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px}
.ti{margin-left:10px;line-height:26px;text-align:left;margin-bottom:10px;color:#205C7E;font-size:large;font-weight:500}
.main{height:auto;margin:15px auto;background:#fff;box-shadow:0 0 3px #ccc;border-radius:5px;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;transition:.4s ease-in-out}
.main2{ma/rgin:50px auto;}
.pre,.next{position:fixed;top:50%;margin-top:-50px;display:block;width:80px;height:100px;line-height:100px;font-size:80px;color:#fff}
.pre{left:0}
.next{right:0}
.pre:hover,.next:hover{background:#eee}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.banner{position:relative;margin:0 auto;overf/low:hidden;z-index:999}
.headgg{float:right;margin-top:3px}
.header{position:fixed;top:0;width:100%;background:#fff;box-shadow: 0px 3px 30px #ccc;z-index:999}
.mainR{height:auto;margin-top:10px;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.mainR p{font-size:16px;color:#555}
.mainL{padding-top:15px;height:auto;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.p1L{float:left;width:78%;height:auto;font-size: 14px;}
.p1R{height:auto}
.navmin{position:relative;height:45px;width:100%;background:#56A6D5}

/*宽度大于1200px*/
@media screen and (min-width:1201px){
.main{width:1200px;margin-top:70px}
.banner{width:1200px}
.headgg{display:block}
.mainR{display:block;float:right;width:25%;margin-right:20px}
.mainL{display:block;float:left;width:70%;padding-left:10px;padding-bottom:20px}
.header img{width:auto;height:55px;}
.navMenu ul li a{padding:0 15px}
  .fixed .sobtn{top:-5px }
.p1 ul li{padding: 10px 0px;}
.wbox{padding: 10px 0;display: flex; align-items: center;} 
.p1 a.imgbox{width:26%;margin-top:-35px}
.navmin{display:none}
.context ul li,.tuijian ul li{float:left;width:50%}
.listL{float:left;width:70%}
.listR{float:right;width:29.5%}
.listboxR{float:right;width:73%}
.yqlink{width:1200px}
.hotart ul li .pr{width:70%}
.hotart ul li .pr{width:70%}
.hotart ul li h4{height:auto;line-height:24px}
.jiao dl dd{width:20%}
.list_next #next{display:block;margin-right:-660px}
.list_pre #pre{display:block;margin-left:-660px}
.fixed2{width:300px;position:fixed;top:45px;}
.sobtn{disp/lay:none}
.listbtn{display:none}
.fanhui{display:none}
.typename{display:none}
.tuijian ul li a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 30px;}
}

/*宽度大于781px小于1101px样式*/
@media screen and (min-width:781px) and (max-width:1201px){
.main{width:980px;margin-top:70px;}
.header img{width:auto;height:55px;}
.banner{width:980px}
.headgg{display:block}
i.aiicon{left:160px !important}
.mainR{display:block;float:right;width:25.4%;overflow:hidden;margin-right:10px}
.mainL{display:block;float:left;width:71%;padding-left:10px}
.navMenu ul li a{padding:0 7px}
.navmin{display:none}
.search{width:100px}
.context ul li,.tuijian ul li{float:none;width:100%}
.listL{float:left;width:70%}
.listR{float:right;width:29.5%}
.listboxR{float:right;width:73%}
.yqlink{width:980px}
.hotart ul li .pr{width:70%}
.hotart ul li .pr{width:70%}
.hotart ul li h4{height:auto;line-height:20px}
.jiao dl dd{float:left;width:25%}
.list_next #next{display:block;margin-right:-550px}
.list_pre #pre{display:block;margin-left:-550px}
.fixed2{width:249px;position:fixed;top:45px;}
.sobtn{display:none}
.listbtn{display:none}
.fanhui{display:none}
.typename{display:none}
.p1 a.imgbox{width:25%}
.wbox{padding: 10px 0;display: flex; align-items: center;} 
}

/*宽度小于780px样式*/
@media screen and (max-width:780px){
.main{width:100%;margin-top:55px;margin-bottom:0}
.header img{widt/h:160px;height:45px !important;margin:5px 0 5px 5px;}
.header .banner{hei/ght:45px;}
i.aiicon{left:140px !important}
.navMenu{display:none;float:none !important;position:absolute;right:0;top:55px;width:100%;background:#eee;border-radius:5px;overflow:hidden}
.navMenu ul{padding-right:0px !important;padding-left:0px !important;}
.navMenu ul li{width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc}
.navMenu ul li:first-child{border-top:0}
.navMenu ul li a{padding-left:0;border:0 !important;text-align:center;line-height:30px;}
.search{display:none;float:none !important;position:fixed !important;top:55px;right:0;width:100% !important;}
.headgg{display:none}
.mainR {margin:0 15px;min-height:400px}
.mainL{float:none;width:100%;padding-top:5px;border-bottom:5px solid #eee}
.p1L p{display:none}
.p1L h4{font-size:medium !important}
.p1 a.imgbox{width:30%;margin-top:5px !important;}
.navmin{display:block}
.toplinks{display:none}
.bgg{display:none}
.context ul li,.tuijian ul li{float:none;width:100%;height:auto !important}
.listboxR{float:none;width:100%}
.listbox ul li img{display:none}
.yqlink{display:none;}
.hotart ul li .pr{width:100%}
.wbox .imgbox{width:100% !important;float:none !important}
.hotart ul li img{float:none;disp/lay:none}
.hotart ul li h3{margin-top:10px;height:40px;line-height:20px;overflow:hidden;margin-bot/tom:10px}
.nrh1{text-align:left}
.place{dis/play:none}
.ti1,.ti2{display:none}
.jiao dl{padding-left:10px}
.jiao dl dd{float:left;width:50%}
.ti{margin:0 0 0 10px}
.list_next #next,.list_pre #pre{display:none}
.jianpan{display:none}
.nr_info p span.bs{display:none}
.nr_info b{display:none}
.sobtn{display:block;top:0px !important;right:55px !important;position:fixed !important;}
.listbtn{display:block}
.logo_list{display:none !important}
.typename{font-size:20px;line-height:45px;color:#56A6D5}
.infoR img{float:right;margin-top:15px !important;width:100px;height:100px}
.field_body table tr th,.field_body table tr td{line-height:14px !important;font-size:12px !important;padding:5px 0 !important}
.list_px a{padding:0 1px !important;font-size:10px !important;margin-left:0 !important}
}

/*列表翻页*/
.list_pre #pre,.list_next #next{position:fixed;top:40%;width:50px;height:100px;background:url(/images/tmbj2.png) repeat;line-height:100px;text-align:center;color:#808080;font-size:50px}
.list_next #next{right:50%}
.list_pre #pre{left:50%}

/*头部样式*/
.header_top{text-align:right;font-size:12px}
.suggestionsBox {display:none;position:absolute; top:60px;right:0px;width: 250px; background: white;border: 1px solid #dcdcdc;color: #323232; z-index:999; }
.suggestionList li {cursor:pointer;padding-left:10px;line-height:30px;font-size:12px;text-align:left;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.suggestionList li a{color:#666;}
.suggestionList li:hover { background-color: #eee; }
.jr{position:absolute;top:9px;right:-5px}
.toplinks{width:100%;margin:0 auto}
.toplinks a{color:#808080;margin:0 5px}

/*闪动*/
.banner .logo{position:relative;display:block;float:left;overflow:hidden}
.banner .logo:before{
	content:"";
	position:absolute;
	left:-600px;
	top:-600px;
	width:200px;
	height:15px;
    z-index:999;
    outline:px solid red;
	background-color:rgba(255,255,255,.6);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-animation:searchLights 2s ease-in 2s infinite;
	-o-animation:searchLights 2.s ease-in 2s infinite;
	animation:searchLights 2s ease-in 2s infinite;
}

@-webkit-keyframes searchLights {
	0% { left:-200px; top:0; }
	to { left:220px; top:100px; }
}
@-o-keyframes searchLights {
	0% { left:-200px; top:0; }
	to { left:220px; top:100px; }
}
@-moz-keyframes searchLights {
	0% { left:-200px; top:0; }
	to { left:220px; top:100px; }
}
@keyframes searchLights {
	0% { left:-200px; top:0; }
	to { left:220px; top:100px; }
}

.header img{
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}

i.aiicon{float:left;display:inline-block;width:20px;height:20px;margin:6px 0 0 6px;background:url(/uploads/260315/1-26031511242W34.png) no-repeat;-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.fixed i.aiicon{left:140px}
.banner .ms{position:absolute;top:20px;left:210px;text-align:left;font-size:14px;color:#56a6d3}
.search{display:none;position:absolute;right:10px;top:55px;float:right;width:200px;height:40px;margin-top:7px;line-height:40px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}
.search:hover{width:210px}
.search-submit{position:absolute;height:30px;width:30px;bottom:5px;right:10px;border:0;background:none;background:url(/images/search.png) no-repeat center center;background-color:#eee !important;border-radius:15px}
.search-keyword{line-height:40px;height:40px;text-indent:1em;width:100%;border:none;background:#eee;border-radius:50px}
.search-option{line-height:40px;height:40px}
.navMenu{float:left}
.navMenu ul li{float:left;text-align:center}
.navMenu ul li a{display:block;flo/at:left;line-height:55px;font-size:16px;color:#205C7E;font-weight:500;border-bottom: 2px solid #fff;-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}
.navMenu ul li a:hover,.navMenu ul li.hover a{border-bottom:2px solid #205C7E}
.place{margin:0 15px;text-align:left;font-size:14px;line-height:30px;color:#444}
.place a{color:#444}
.fixed{position:fixed;top:0px}
.fixed img{height:45px}
.fixed .navMenu ul li a{line-height:45px;}
.fixed .search{margin-top:3px}

/*小导航*/
.navmin strong{font-size:1.2em;color:#fff;line-height:45px}
.navminbox{position:absolute;top:0;right:10px;display:block;width:40px;height:40px;background:url("../images/basic.png") no-repeat 0 -40px}
.navminbox:hover .navmin_list{display:block}
.fanhui{position:absolute;top:15px;cursor:pointer;
    left:10px;
    width:15px;
    height:15px;
    border-top:3px solid #56A6D3;
    border-left:3px solid #56A6D3;
    -webkit-transform:rotate(-45deg);
    transform:rorate(-45deg)}
.indexbody a.fanhui{display:none}
i.listbtn{position:absolute;top:0;right:0;width:55px;height:55px;}
i.listbtn:before{
    content:' ';
    display:block;
    margin:18px 0 0 14px;
    width:25px;
    height:3px;
    border-top:3px solid #205C7E;
    border-bottom:3px solid #205C7E;
    background-color:#205C7E;
    padding:5px 0;
    background-clip:content-box
}
.list_nav{position:absolute;top:42px;right:10px;width:140px;height:auto;background:#fff;border:1px solid #ccc;border-radius:5px;z-index:9999}
.list_nav ul{padding:5px 0}
.list_nav ul li{line-height:40px}
.list_nav ul li:hover{position:relative;background:#f93;transition:all .2s ease-in 0s;-webkit-transition:all .2s ease-in 0s;-moz-transition:all .2s ease-in 0s}
.list_nav ul li a{display:block;padding:0 20px;font-size:14px;line-height:40px;border:none;text-align:left}
.list_nav ul li a:hover{color:#fff;text-decoration:none}
.list_nav ul li i{position:absolute;left:8px;top:15px;display:block;width:5px;height:5px;background:#555}
i.sobtn{disp/lay:none;position:absolute;height:55px;width:55px;top:0px;right:0;cursor:pointer;z-index:999;-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
i.sobtn:before{
    content:' ';
    position:absolute;
    top:15px;
    left:15px;
    width:15px;
    height:15px;
    border:3px solid #205C7E;
    border-radius:30px;
}
i.sobtn:after {
    content:' ';
    position:absolute;
    top:33px;
    left:30px;
    width:10px;
    height:5px;
    background:#205C7E;
    border-radius:5px 0 0 5px;
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg);
}

.navmin .so{position:absolute;top:55px;z-index:999;background:#56A6D3;height:40px;width:100%}
.suggestionsBox{display:none}
.xz{margin:10px auto;background:#fff}

/*主体右侧样式*/
.infoR,.hotarc,.newarc,.tuiarc{font-size:14px;padding-bottom:10px;-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out}
.sidebar-title,.infoR .h3,.newarc .h3,.fenlei .h3,.tags_list dl dt strong,.ad .h3{font-size:20px;font-weight:500;line-height:30px;padding-top:15px;padding-bottom:15px;text-align:left;color:#205C7E}
.fenlei{margin-bottom:10px}
.fenlei ul{border-left:1px solid #ccc;border-top:1px solid #ccc}
.fenlei ul li{float:left;width:50%}
.fenlei ul li a{display:block;border:1px solid #ccc;border-top:0;border-left:0;line-height:40px}
.fenlei ul li a:hover{background:#56A6D5;text-decoration:none}
.infoR p{margin-top:10px;text-align:left;line-height:24px;}
.infoR p a{color:#555}
.infoR p span{font-weight:700}
.infoR p.fuwu{font-size:16px;color:#ccc;}
.infoR p b{color:#56A6D5}
.infoR img{margin:0 auto 20px;border-radius:200px}
.infoR ul{width:100%;height:auto;margin-bottom:3px}
.infoR ul li{clear:both;width:100%;height:30px;margin:3px 0;text-align:left}
.infoR ul li a{display:inline-block}
.infoR ul li span{text-align:left;line-height:30px}
.qq,.weibo,.weixin{display:block;float:left;width:30px;height:30px;margin-right:10px;color:#808080;background:url(/images/xlogo.png) no-repeat;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}
.weibo{background-position:0 0}
.qq{background-position:-30px 0}
.weixin{background-position:-60px 0}
.weixinbox{position:relative}
.weixinpic{display:none;position:absolute;left:50px;top:-110px;width:150px;height:150px;background:url(/images/weixin.jpg) no-repeat;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}
.weixinbox:hover .weixinpic{display:block}
.weibo:hover{background-position:0 -30px}
.qq:hover{background-position:-30px -30px}
.weixin:hover{background-position:-60px -30px}

/*主体头部列表样式*/

.toplistnav{border-bottom:1px solid #ccc;margin:0 0 10px;padding-bottom:10px;text-align:left}
.toplistnav a{display:inline-block;margin:5px;padding:0 10px;line-height:30px;font-size:14px;color:#555;border:1px solid ;border-color:#ddd #999 #999 #ddd;border-radius:3px;background:#ededed}
.toplistnav a:hover{background:#56A6D5;color:#fff}
.toplistnav h3{margin:25px 0 10px}
.toplist a{display:block;padding-top:50px;color:#808080;font-size:12px}
.toplist a:hover{text-decoration:none}
.ti1,.ti2{float:left;margin:0 10px 0 0}
.ti1 i,.ti2 i{position:absolute;top:5px;left;0;display:block;width:50px;height:50px;background:url(/images/tibj.png) no-repeat;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}
.ti1 i{background-position:0 0}
.ti2 i{background-position:0 -50px}
.ti1 i:hover{background-position:-50px 0}
.ti2 i:hover{background-position:-50px -50px}
.toplistR{margin:10px 15px 15px;padding:10px 15px;font-size:small;line-height:24px;text-align:left;color:#555;background:#d4eaf7;border-radius:10px;}
.toplistR h1,.toplistR h2,.toplistR h3{font-size:x-large;color:#205C7E;margin-bottom:8px;font-weight:500}
.hotart{margin-bottom:10px}
.hotart ul{overflow:hidden}
.hotart ul li{float:left;width:50%;border:0px solid #ccc;border-left:0;border-top:0;font-size:14px;color:#808080;text-align:left;box-shadow:3px 3px 15px #ccc;
overflow:hidden;background:#fff;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
transition:all 0.2s ease-out}
.hotart ul li:hover{background:#f4f4f4}
.wbox{padding:10px 15px;}
.wbox .imgbox{display:block;float:left;width:35%;margin-right:10px;}
.wbox p{  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
.wboxR{flex: 1;}
.hotart ul li img{max-width:100%;margin-right:10px;aspect-ratio:4 / 3;objec/t-fit:cover}
.hotart ul li h3{he/ight:42px;font-weight:500;font-size:medium;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
.none{display:none}
.page .none{display:block}

/*教程*/
.jiao{margin-bottom:10px}
.jiao dl{padding:5px;background:#fff;border-bottom:1px solid #eee;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.jiao dl:hover{background:#eee}
.jiao dl dt,.jiao dl dt a{font-size:16px;font-weight:500;line-height:36px;text-align:left;color:#56A6D5}
.jiao dl dd{float:left;line-height:35px;font-size:14px;text-align:left;overflow:hidden}
.p1{position:relative;width:100%;height:auto;text-align:left}
.p1 h4 a:visited{color:#808080}
.p1 h4 span.cat:visited{color:#fff}
.p1 h4 a:hover{color:#c00}
.newpic,.hotpic{position:absolute;top:-3px;right:-3px;width:44px;height:45px}
.newpic{background:url(/images/new.png) no-repeat}
.hotpic{background:url(/images/hot.png) no-repeat}
.p1 ul li{position:relative;height:auto;padding:10px 15px;border-bottom:2px solid #eee}
.p1 ul li:hover{border-bottom:2px solid #c00}
.p1 ul li .nopic{padding-right:0;width:100%}
.p1 a.imgbox{overflow:hidden;float: right;width: 20%;}
.p1 ul li img{width:100%;height:auto;aspect-ratio: 3 / 2;object-fit: cover;vertical-align:middle;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.p1 ul li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1)}
.p1R span b{color:#c00}
.p1R p{line-height:25px}
.p1R p b{color:#808080}
.arc_info{text-align:left;font-size:12px;color:#555}
.arc_info span{padding-right:5px;line-height:20px}
.p1 h3{margin-bottom:10px;font-size:large;font-weight:500}
.p1 h3 b{margin-right:5px;font-weight:500;color:#444}
.p1 h3 b:hover{color:#c00}
.p1 p,.p1 .info{width:100%;height:auto;margin:0 0 5px;font-size:small;line-height:24px;color:#555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;}
.p1 span.typename{border:1px solid #205C7E;border-radius:3px;padding-left:5px;margin-right:3px;padding-right:5px;color:#205C7E;font-size:12px;}
.p1 span b{font-size:14px;color:#808080}
.p1 span{display:inline-block}
.p1 span.tag{height:22px;overflow:hidden}
.p1 span a,.nr_info p a{padding:0 8px 0 0;font-size:small;line-height:22px;color:#808080}
.p1 span a:hover,.nr_info p a:hover{color:#c00;text-decoration:none}
.inurl{display:none;font-size:14px;color:#c00}
.p1 ul li:hover .inurl{display:block}

/*评论*/
.pinglun{margin:10px;}

/*翻页样式*/
.pages{text-align:center;margin:10px 0;font-size:14px;line-height:25px}
.pages span{padding:3px 8px;border:1px solid #ccc;border-radius:5px;margin:0 3px;color:#444}
.pages a{padding:4px 8px;margin:0 3px;background:#205C7E;color:#fff;border-radius:5px}
.pages a:hover{background:#000;text-decoration:none}

/*底部样式*/
.footer{width:100%;height:auto;background:#000;color:#808080}
.footerbox{padding:10px 0;border-top:1px solid #fff}
.yqlink{height:24px;margin:0 auto;text-align:left;font-size:14px;line-height:24px}
.yqlink ul li{float:left;padding:0 5px}
.yqlink ul li a{color:#808080;font-size:12px}
.yqlink ul li a:hover{color:#c00}
.footer p{font-size:14px;line-height:26px;clear:both}
.footer p a{color:#808080}
.footer p a:hover{color:#c00}

/*新加样式*/
.list{overflow:hidden; zoom:1}
.list ul{margin:-21px 0 0 -21px;padding:1px 2px 3px;position:relative}
.list li,.link{float:left;width:230px;overflow:hidden}
.list .post{width:230px; margin:21px 0 0 21px; float:left; display:block; position:relative}
#goTopBtn {position:fixed; text-align:center; line-height:45px; width:80px; bottom:35px; right:10px; height:45px; font-size:12px; cursor:pointer; _position:absolute; _right:auto; border:1px solid #ccc}
.lazy-image {background: #f0f0f0;transition: opacity 0.3s;}
.lazy-image.loaded {opacity: 1;}

/*瀑布流样式*/
#pbl{width:auto;height:1180px;margin:0 auto;position:relative}
#pbl ul li{position:absolute}
.pblcon{position:relative}
.pblcon a{display:block;color:#fff}
.pblcon img{width:260px;height:auto}
.pblcon p{position:absolute;bottom:0;left:0;width:100%;height:26px;font-size:14px;line-height:26px}
.pblcon .bj{position:absolute;bottom:0;left:0;width:100%;height:26px;background:#000;opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5}
.hotarc ul li,.newarc ul li,.tuiarc ul li{margin-bottom:10px;text-align:left;line-height:24px;padding-left:10px;background: url(/images/ico-2.gif) no-repeat left 12px}
.content{padding:20px 0}
.content .item{background:#eee;color:#333;border-radius:3px;padding:10px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap}
.content .item a{color:#555}
.content .item img{width:100%;height:auto}
.content .item p{text-align:left;margin-top:5px;font-size:14px}
.content .item b{font-weight:500}
.allimg .toplist{margin-left:10px;border-bottom:0}

/*内容页样式*/
.nrL{width:100%;height:auto;margin-bottom:20px;background:#fff;border-bottom:0px solid #ccc}
.nrh1{padding:20px 0;margin:0 15px;}
.nrL h1{display:inline;font-weight:500;font-size:x-large;line-height:30px;}
.yuanchuang{padding:0 3px;margin-left:5px;font-size:12px;line-height:20px;color:#2b99ff;border:1px solid #2b99ff;}
.nr_info{position:relative;padding:0 15px;font-size:14px;border-bottom:1px dotted #ccc}
.nr_info p{float:left;margin:0 5px 10px 0;text-align:left}
.nr_info p span{display:inline-block;padding-right:10px;color:#808080}
.nr_info p span.bs{cursor:pointer}
.nr_info b a{float:right;color:#c00}
.nr_info p span.bs{position:absolute;right:0;color:#56A6D5}
.fx{margin:20px 10px;border-bottom:0px dashed #ccc}
.bdsharebuttonbox{padding-top:7px}
.other{font-size:14px;background:#f5f5f5;padding:0 0 10px;border:1px solid #eee; margin:15px 0}
.field_body .other p a{color:#c00}
.nrpic{width:200px!important;height:150px}
.field_body{height:auto;margin:10px;text-align:left}
.field_body h3,.field_body h4,.field_body img{margin:30px 0 20px}
.field_body img{max-width:100%;min-width:auto;width:auto;height:auto !important;margin:0 auto !important;box-shadow:0 0 10px #ccc}
.field_body h2{line-height:30px;margin:20px 10px 10px;padding:10px 0;font-size:22px;font-weight:500;color:#444;border-bottom:1px solid #ccc}
.field_body h3{line-height:24px;margin-left:10px;margin-right:10px;padding-left:10px;font-size:20px;font-weight:500;color:#444;border-left:10px solid #ccc}
.field_body h4{line-height:22px;font-size:18px;font-weight:500;padding-left:5px;bord/er-left:8px solid #56a5d5;color:#56a5d5}
.field_body p{font-size:16px;margin:10px;line-height:26px;color:#555}
.field_body p a{color:#808080;text-decoration:underline}
.field_body p a:hover{color:#c00}
.field_body pre{margin:10px;border:1px solid #ccc;border-left:5px solid #ccc; padding:20px 0 10px 10px;font-size:12px;line-height:20px;background:url(/images/code.gif) no-repeat #f4f5f6;word-break:break-all;overflow:auto}
.field_body_big h3{font-size:1.3em;line-height:2em;background:none;color:#555;font-weight:700;border-bottom:1px solid #ccc}
.field_body_big h4{line-height:2em;font-size:1.5em;font-weight:700;padding-left:0;border-left:0;color:#555}
.field_body_big p{font-size:1.2em}
.field_body_big pre{font-size:0.9em;line-height:1.8em}
.field_body_big p strong{font-size:1.2em}
.field_body ul,.field_body ol{margin:20px 0;padding-left:20px}
.field_body ul li,.field_body ol li{margin-bottom:8px;margin-left:10px;font-size:16px;line-height:26px;list-style-type:circle;color:#444}
.field_body ol li{list-style-type:auto}
.field_body ul li{list-style-type:circle}
.field_body ul li a{color:#56a5d5;font-si/ze:14px;}
.field_body strong{background: -webkit-gradient(linear, left top, right top, from(var(--markAnswerBg)), to(var(--markAnswerBg))) no-repeat center bottom;background-size: 100% 9px;padding:0 3px 3px;--markAnswerBg: rgba(111, 75, 250, .12);}
.field_body blockquote{margin:0 10px;padding:20px;font-size:14px;background:url(/images/back.gif) no-repeat #f4f5f6}
.weixinhidden{display:none}
.weixinhidden img{width:300px;height:300px;}

/*推荐样式*/
.context{margin:10px auto;font-size:14px;color:#808080;background:#fff;padding-bottom:10px;overflow:hidden}
.context ul,.tuijian ul{margin:10px;color:#666;}
.context ul li,.tuijian ul li{text-align:left;line-height:30px}
.tuijian{
    border-left: 0;
    border-right: 0;
    margin-bottom: 20px;}
.tuijian ul li{margin-left:0;height:30px;line-height:24px;font-size:14px;list-style-type:square}
.tuijian ul li:hover a{color:#c00;}

/*公共列表样式*/
.listbox{width:100%;height:auto;text-align:left}
.listbox ul li{height:auto;margin-bottom:10px;padding:10px;background:#fff;border-bottom:1px dashed #ccc}
.listbox ul li h3 a{font-size:16px;line-height:25px;font-weight:100}
.listboxR p{font-size:14px;height:auto;margin-bottom:5px;text-indent:2em}
.listboxR span{height:30px;font-size:14px}
.listboxR span small{margin-left:8px;color:#808080;font-size:14px}
.Rnr{margin:10px 0;border:1px solid #ccc;background:#fff}
.Rnr dl dt{font-size:16px;margin-top:10px}
.Rnr dl dd{text-align:left;padding:10px;font-size:14px}
.Rnr dl dd ul li{padding:10px 0;line-height:25px;border-bottom:1px dashed #eee}


/*分类列表样式*/
.p2{text-align:left;background:#fff;width:100%;padding-bottom:1px;margin-bottom:10px}
.p2 h4{padding-left:10px;border-left:5px solid #56a6d3;border-bottom:1px solid #56a6d3}
.p2 h4 a{color:#56a6d3;font-size:16px;line-height:25px}
.p2 h4 a:hover{color:#c00}
.p2 ol{margin:10px 0;padding-left:40px;color:#56a6d3}
.p2 ol li{float:left;width:50%;line-height:25px;font-size:14px}
.title_tag{margin:10px 15px}

/*TAG列表样式*/
.tags_list{text-align:left;padding:0 15px 15px}
.tags_list a{margin:5px 3px 0 0;padding:0 10px;border-radius:50px;line-height:30px;display:inline-block;font-size:14px;color:#fff}
.tags_list a:hover{box-shadow:0 0 5px #808080}
.tags_list dl dt{line-height:30px;text-align:left}
.tagc1{background:#c00;font-weight:700}
.tagc2{background:#f93;font-weight:100}
.tagc3{background:#1161ba;font-weight:700}
.tagc4{background:#fe3981;font-weight:100}
.tagc5{background:#669900;font-weight:700}
.tagc6{background:#00b9da;font-weight:100}

/*顶踩*/
.newdigg{height:auto;text-align:center}
.diggbox{position:relative;float:left;width:50px;height:50px;margin:0 5px;text-align:center;cursor:pointer;border-radius:100px;color:#808080;border:0px solid #ccc;box-shadow:0 0 10px #eee}
.diggbox:hover{color:#c00;box-shadow:0 0 10px #ccc}
.dingbox i{position:absolute;top:15px;left:50%;margin-left:-10px}
.digg_percent_bar{text-align:left;background:#c00}
.digg_good .digg_percent_bar span{display:block;height:5px;background:#c00}
.digg_bad .digg_percent_bar span{display:block;height:5px;background:#f93}
.digg_good{background:#f93;color:#fff;line-height:50px;font:400 25px/50px 'microsoft yahei'}
.digg_bad{background:#555;color:#fff;line-height:50px}
.digg_num{position:absolute;right:60px;top:0;color:#444;width:100%;font-size:14px}
.tbox{margin:0 0 8px 0;overflow:hidden}
.tbox dt{height:24px;overflow:hidden;clear:both}
.tbox dd{overflow:hidden}
.tbox dt strong{height:24px;line-height:25px;padding-left:8px;padding-right:4px;display:block;float:left;letter-spacing:1px}
.tbox dt strong a{color:#316301}
.tbox dt strong a:hover{color:#596F37;text-decoration:none}
.tbox dt span.more{float:right;position:relative;line-height:25px;padding-right:8px;font-size:14px}
.tbox dt span.more a{color:#56a6d3;text-decoration:none}
.tbox dt span.more a:hover{color:#c00}
.tbox dt span.label{height:25px;float:right;overflow:hidden;padding-right:1px;padding-top:2px}
.tbox dt span.label a{height:26px;display:block;padding:0px 7px 0px 8px;line-height:26px;border-left:1px solid #DADADA;	float:left;color:#666;text-decoration:none;overflow:hidden;letter-spacing:1px}
.tbox dt span.label a:hover{color:#360}
.tbox dt span.label a.thisclass{background:#FFF;color:#333;border-top:3px solid #DADADA}
.tbox dt span.linklabel{float:left;margin-left:10px;overflow:hidden;padding-right:1px;padding-top:2px}
.tbox dt span.linklabel a{height:20px;display:block;padding:0px 7px 0px 8px;margin:0 5px;line-height:20px;border-left:1px solid #DADADA;border-top:1px solid #DADADA;border-right:1px solid #DADADA;float:left;	color:#666;text-decoration:none;overflow:hidden;letter-spacing:1px}
.tbox dt span.linklabel a:hover{color:#360}
.tbox dt span.linklabel a.thisclass{background:#FFF;color:#333}
.mt1{background:#fff;border:1px solid #ccc}
.dede_comment_post{padding:5px}
.dcmp-title{line-height:15px;text-align:left}
.dcmp-title strong{color:#444;font-weight:normal}
.dcmp-title small{font-size:12px;color:#999999}
.dcmp-stand{margin-top:-18px;padding-right:10px;position:relative;clear:both;color:#999;height:25px;font-size:12px;text-align:right}
.dcmp-stand strong{display:inline;font-weight:normal;color:#444}
.dcmp-stand input{display:inline;margin-right:2px}
.dcmp-stand img{display:inline;vertical-align:middle;margin-right:2px}
.dcmp-content{padding-top:8px}
.dcmp-content textarea{height:100px;width:450px;float:left}
.dcmp-content1{	/*width:700px;*/padding-top:8px}
.dcmp-content1 textarea{height:100px;width:700px;float:left}
.dcmp-mood{height:25px;width:212px;margin-top:8px;float:right}
.dcmp-mood strong{float:left;color:#444;font-weight:normal;line-height:25px}
.dcmp-mood ul{float:left}
.dcmp-mood ul li{float:left;margin-right:8px;height:30px}
.dcmp-mood ul li input,.dcmp-mood ul li img{vertical-align:middle;margin-right:4px;*margin-right:0px}
.dcmp-post{height:35px;overflow:hidden;clear:both;color:#444;padding:5px 0 10px 0;background:#fff}
.dcmp-post .dcmp-userinfo{float:left;;text-align:left}
.dcmp-post .dcmp-userinfo input{height:13px;padding-right:0px}
.dcmp-post .dcmp-userinfo input,.dcmp-post .dcmp-userinfo img{display:inline;vertical-align:middle;margin:5px}
.dcmp-post .dcmp-submit{float:left;padding-top:6px}
.dcmp-post .dcmp-submit input,.dcmp-post .dcmp-submit button{vertical-align:middle}
.dcmp-post .dcmp-submit button{width:70px;height:25px;border:none;background:url(../images/btn-bg2.gif) no-repeat;line-height:25px;letter-spacing:1px;overflow:hidden;color:#444;cursor:pointer;margin-left:5px}
.decmt-box2 ul li{background:#fff;padding:10px;border-bottom:1px dashed #ccc}
.plpic{float:left}
.decmt-box2 ul li span.title{float:left;margin:0 10px}
.decmt-box2 ul li span.fr{float:left;margin-left:5px}
.comment_act{float:left;color:#808080;font-size:14px;line-height:25px}
.newcomment_act{text-align:right;font-size:14px;height:25px;line-height:25px;padding-left:10px}
.newcomment_act span.fr a{color:#c00;margin:0 5px}

/*搜索页样式*/
.searchmore-submit{background:none;background:#c00;color:#fff;line-height:30px;margin-top:22px;border:0;padding:0 20px;font-size:14px;cursor:pointer}
.resultbar{font-size:20px;line-height:50px;margin:0 15px;}
.fc_03c{color:red;font-weight:500}
.sidebar{text-align:left;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}
.sidebar h2{text-align:left;font-size:18px;font-weight:500;margin:0 15px 15px}
.sidebarbox{margin:0 15px;}
.sidebar a u{line-height:24px;text-decoration:none;text-align:left}

/*分类符号*/
span.cat{color:#fff;background-color:#56A6D5;padding:3px 6px;font-size:12px;display:inline-block;position:relative;top:-2px;margin-right:6px}
span.cat i{position:absolute;top:50%;margin-top:-4px;right:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #56A6D5;
border-top:4px solid transparent;border-bottom:4px solid transparent}

/*排序*/
.list_px{margin-right:15px}
.list_px a{display:inline-block;color:#333;padding:0 6px 0 10px;line-height:26px;height:26px;background:#EDEDED;border:1px solid;border-color:#999 #ddd #ddd #999;border-radius:2px;margin:0 0 0 10px;font-size:14px;}
.list_px a.on{color:#fff;background:#205C7E;bord/er-color:#C67101 #EC8601 #EC8601 #C67101;font-weight:bold;text-sh/adow:0 1px 0 #B26501}

/*表格*/
.field_body table{margin:10px 0;width:100%}
.field_body table tbody{background:#c9e3f3;}
.field_body table tr th{font-weight:500;line-height:40px;background:#56a6d5;color:#fff}
.field_body table tr td{padding:0 10px;line-height:30px}
.field_body table thead tr th{text-align:center}

/*icon*/
@font-face {font-family:"iconfont";
  src:url('/skin/css/iconfont.eot?t=1483459850660'); /* IE9*/
  src:url('/skin/css/iconfont.eot?t=1483459850660#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/skin/css/iconfont.woff?t=1483459850660') format('woff'), /* chrome, firefox */
  url('/skin/css/iconfont.ttf?t=1483459850660') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/skin/css/iconfont.svg?t=1483459850660#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  line-height:20px;
  margin-right:3px;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
}
.icon-llmainpageback:before { content:"\e600"; }
.icon-1431931741homehouserealestate:before { content:"\e60e"; }
.icon-step:before { content:"\e623"; }
.icon-bd_jiaocheng:before { content:"\e619"; }
.icon-comment:before { content:"\e602"; }
.icon-category:before { content:"\e603"; }
.icon-tag:before { content:"\e605"; }
.icon-time:before { content:"\e606"; }
.icon-search:before { content:"\e607"; }
.icon-user:before { content:"\e608"; }
.icon-view:before { content:"\e609"; }
.icon-weixin:before { content:"\e60a"; }
.icon-weibo:before { content:"\e60b"; }
.icon-zan:before { content:"\e60c"; }
.icon-heart:before { content:"\e60d"; }
.icon-biaoti{font-size:22px}
.icon-biaoti:before { content:"\e60f"; }
.icon-tag,.icon-time,.icon-view,.icon-comment,.icon-user{  color:#ccc;width:16px;}
.icon-user{font-size:15px}
.icon-view{font-size:18px}
.icon-category{font-size:20px}
.icon-bd_jiaocheng{font-size:20px}