@charset "gb2312";
/**
* @name :
* @update :
* @author :
**/
/* reset */
body{font:14px/1.5 Microsoft YaHei,SimSun,Arial,sans-serif;background-color:#f2f3f4;color:#666666;}
html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,fieldset,button,sub,sup,textarea{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
iframe,img{border:0 none;}
img{vertical-align:top;}
em,i{font-style:normal;}
ul,li,ol{list-style:none outside none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
a{color:#666666;text-decoration:none;}
a:hover{color:#ff2643;text-decoration:underline;}
:focus{outline:0;}
.clear{ clear:both;overflow:hidden;font-size:0;height:0;line-height:0;}
input,textarea,select{background-color:#fff;}
html{overflow-y:scroll;}

.wallpaper-item-hd .btn-dl-all, .wallpaper-item-bd .btn-dl, .gotop .icon-arrow, .demoPop .close span ,.slider .slider-fixed .btn{ background: url(../../images/wallpaper/sprite.png) no-repeat;}
.cf:before, .cf:after { content: ''; display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}
/*layout*/
.wrapper{ min-width:1000px; *zoom:1;}
.layout{ margin:0 auto; width:1000px;}
/*header*/
.header{height:60px;}
.header .layout{overflow:hidden;*zoom:1;}
.logo { float: left;}
.header .menu{ float:right; margin:20px 0 0;font-size:16px;}
.header .menu a{float:left;}
.header .menu a:hover{color:#ff3300;}
.header .menu i {float:left; margin:6px 16px 0 ;width:1px;height:12px;overflow:hidden;background-color:#bfbfbf;}

/*footer*/
.footer { height: 62px; background: #fff; border-top: 1px solid #e8e8e8; color: #999;}
.footer .layout { position: relative; height: 100%;}
.footer .copyright { height: 100%; text-align: center; line-height: 62px;}
.footer a { color: #999;}
.footer i { padding: 0 4px;}
.footer .gotop { position: absolute; right: 25px; top: 50%; padding: 0 10px; height: 40px; margin-top: -20px; font: 14px/40px "Microsoft YaHei"; color: #268bef;}
.footer .gotop:hover{text-decoration:none;color:#ff3300;}

/**/
.slider-wrapper{
	position:relative;
	overflow: hidden;
  zoom: 1;
}
.slider {
  height: 380px;
  overflow: hidden;
  zoom: 1;
  margin-bottom:35px;
}
.slider .tbody {
  width: 1000px;
  height: 380px;
  margin: 0 auto;
  position: relative;
  _overflow: hidden;
  *zoom:1;
}
.slider .tbody ul {
  width: 7000px;
  *zoom:1;
}
.slider .tbody li {
  float: left;
  width: 1000px;
}
.slider .tbody li a, .slider .tbody li img {
  display: block;
}
.slider .tbody li img {
  width: 1000px;
  height: 380px;
}
.slider .tabContent {
  _width: 1000px;
  _overflow: hidden;
  *zoom:1;
}
.slider .mask-lt, .slider .mask-rt, .slider .prev, .slider .next {
  display: block;
  width: 1000px;
  height: 380px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.slider .mask-lt, .slider .mask-rt {
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.slider .prev i, .slider .next i {
  display: block;
  width: 32px;
  height: 98px;
  position: absolute;
  top: 50%;
  margin-top: -49px;
  background: url(../../images/wallpaper/slider-arrow.png) no-repeat;
  _background-image: url(../../images/wallpaper/slider-arrow.gif);
}
.slider .mask-lt {
  z-index: 4;
  left: -1000px;
}
.slider .mask-rt {
  z-index: 4;
  right: -1000px;
}
.slider .prev {
  z-index: 5;
  left: -1000px;
}
.slider .prev i {
  right: 30px;
  background-position: 0 0;
}
.slider .prev:hover i {
  background-position: -64px 0;
}
.slider .next {
  right: -1000px;
  z-index: 5;
}
.slider .next i {
  left: 30px;
  background-position: -32px 0;
}
.slider .next:hover i {
  background-position: -96px 0;
}
.slider .trig-list{
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
	overflow:hidden;
	*zoom:1;
	font-size:0;
	text-align:center;
}
.slider .trig-list li{
	float:none;
	margin:0 1px;
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	color:#ffffff;
	width:120px;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
}
.slider .trig-list .fix-bg{
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:35px;
	background-color:#000000;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.slider .trig-list a{
	display:block;
	position:relative;
	z-index:2;
  color: #fff;
}
.slider .trig-list a:hover{
  text-decoration: none;
}
.slider .trig-list .current .fix-bg{
	background-color:#268bef;
	opacity:1;
	filter:alpha(opacity=100);
}

.slider .slider-fixed{
	position:absolute;
	top:60px;
	left:70px;
}
.slider-fixed .wz{
	font-family:SimHei;
}
.slider-fixed .wz .wz-inner-1{
  display:block;
  margin:0 0 10px 10px;
  font-size:82px;
  height:70px;
  line-height:70px;
  font-weight:bold;
  overflow:hidden;

}
.slider-fixed .wz .wz-inner-2{
  display:block;
  font-size:40px;
  height:42px;
  line-height:42px;
  font-weight:bold;
  overflow:hidden;

}
.slider-fixed .wz .wz-inner-3{
  display:block;
  font-size:16px;

}
.slider-fixed .btn{
	margin-top:20px;
	margin-bottom:10px;
	display:block;
	width:180px;
	height:40px;
	color:#ffffff !important;
	line-height:40px;
	text-indent:14px;
	font-size:16px;
	background-position:0 0;
}
.slider-fixed .btn:hover{
	text-decoration:none;
	background-position:0 -45px;
}
.slider-fixed .tips .tips-wz{

}
.slider-fixed .tips a{
	color:#268bef;
	text-decoration:underline;
}
.slider-fixed .tips a:hover{
  color:#ff3300;
}
.slider-fixed-0 .wz .wz-inner-1,.slider-fixed-0 .wz .wz-inner-2,.slider-fixed-0 .wz .wz-inner-3,.slider-fixed-0 .tips .tips-wz, .slider-fixed-0 .tips a{
  color:#ffffff!important;
  /*filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;*/
}
.slider-fixed-1 .wz .wz-inner-1,.slider-fixed-1 .wz .wz-inner-2,.slider-fixed-1 .wz .wz-inner-3,.slider-fixed-1 .tips .tips-wz, .slider-fixed-1 .tips a{
  color:#8D4402!important;
}
.slider-fixed-2 .wz .wz-inner-1,.slider-fixed-2 .wz .wz-inner-2,.slider-fixed-2 .wz .wz-inner-3,.slider-fixed-2 .tips .tips-wz, .slider-fixed-2 .tips a{
  color:#ffffff!important;
}
.slider-fixed-3 .wz .wz-inner-1,.slider-fixed-3 .wz .wz-inner-2,.slider-fixed-3 .wz .wz-inner-3,.slider-fixed-3 .tips .tips-wz, .slider-fixed-3 .tips a{
  color:#10609D!important;
}
.slider-fixed-4 .wz .wz-inner-1,.slider-fixed-4 .wz .wz-inner-2,.slider-fixed-4 .wz .wz-inner-3,.slider-fixed-4 .tips .tips-wz, .slider-fixed-4 .tips a{
  color:#ffffff!important;
}
.slider-fixed-5 .wz .wz-inner-1,.slider-fixed-5 .wz .wz-inner-2,.slider-fixed-5 .wz .wz-inner-3,.slider-fixed-5 .tips .tips-wz, .slider-fixed-5 .tips a{
  color:#ffffff!important;
}
.ie6 .slider-fixed-0 .wz .wz-inner-1,.ie6 .slider-fixed-0 .wz .wz-inner-2,.ie6 .slider-fixed-0 .wz .wz-inner-3,.ie6 .slider-fixed-0 .tips .tips-wz{filter: none;}
.ie6 .slider-fixed-4 .wz .wz-inner-1,.ie6 .slider-fixed-4 .wz .wz-inner-2,.ie6 .slider-fixed-4 .wz .wz-inner-3,.ie6 .slider-fixed-4 .tips .tips-wz{filter: none;}

.slider-small .prev, .slider-small .next {
  width: 60px;
  height: 120px;
  top: 50%;
  margin-top: -60px;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.slider-small .prev i, .slider-small .next i {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  visibility: visible;
}
.slider-small .prev {
  left: 0px;
}
.slider-small .prev i {
  right: 14px;
  background-position: 0 -100px;
}
.slider-small .prev:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.slider-small .prev:hover i {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.slider-small .next {
  right: 0;
}
.slider-small .next i {
  left: 14px;
  background-position: -32px -100px;
}
.slider-small .next:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.slider-small .next:hover i {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

/*右侧悬浮*/
.side-right { display:none;_display:none !important;position: fixed; left: 50%; bottom:88px; height:388px;margin-left: 522px; _position: absolute;}
.side-right li { margin-bottom: 5px;}
.side-right a { cursor:pointer;display: block;width: 118px; height: 42px;line-height: 42px; font-size: 14px;background-color: #ffffff;border:1px solid #ffffff;}
.side-right a:hover { color: #2284e6;border-color:#2284e6;  text-decoration: none;}
.side-right a.current{color:#ffffff;background-color: #2284e6;border-color:#1d79d5;}
.side-right .icon{float:left;display:inline;margin:9px 5px 0 15px;width:24px;height:24px;overflow:hidden;background:url(../../images/wallpaper/icon-fixed.png) no-repeat;}
.side-right .icon-1{background-position:0 0;}
.side-right .icon-2{background:url(../../images/wallpaper/icon-fixed-mn.png) no-repeat;}
.side-right .icon-3{background-position:0 -48px;}
.side-right .icon-4{background-position:0 -72px;}
.side-right .icon-5{background-position:0 -96px;}
.side-right .icon-6{background-position:0 -120px;}
.side-right .icon-7{background-position:0 -144px;}
.side-right .icon-8{background-position:0 -192px;}
.side-right .icon-9{background:url(../../images/wallpaper/icon-fixed-dm.png) no-repeat;}
.side-right .icon-back{background-position:0 -168px;}
.side-right a:hover .icon-1{background-position:-24px 0;}
.side-right a:hover .icon-2{background-position:-24px 0;}
.side-right a:hover .icon-3{background-position:-24px -48px;}
.side-right a:hover .icon-4{background-position:-24px -72px;}
.side-right a:hover .icon-5{background-position:-24px -96px;}
.side-right a:hover .icon-6{background-position:-24px -120px;}
.side-right a:hover .icon-7{background-position:-24px -144px;}
.side-right a:hover .icon-8{background-position:-24px -192px;}
.side-right a:hover .icon-9{background-position:-24px 0;}
.side-right a:hover .icon-back{background-position:-24px -168px;}
/*壁纸列表锚点*/
.lnk-wallpaper { float: right; margin: 42px -10px 0 0;}
.lnk-wallpaper li { float:left; margin-right:10px; overflow:hidden; background-color:#fff; text-align:center; font-size:14px;}
.lnk-wallpaper li a { display:block; width:95px; height: 82px; color:#1a76b6; overflow: hidden; cursor:pointer;}
.lnk-wallpaper li a:hover { color:#ff2643;}
.lnk-wallpaper li img { display: block; width: 84px; margin:6px auto 4px; }
/*教程文章链接*/
.lnk-article { margin-top:12px; overflow:hidden; *zoom:1;}
.lnk-article li { float:right; position:relative; display:inline; margin-left:15px; padding-left:8px; font-size:14px; color:#ffffff; *zoom:1;}
.lnk-article li a { color:#fff;}
.lnk-article li a:hover { color: #fff;}
.lnk-article li i { position:absolute; top:9px; left:0; width:3px; height:3px; background:#c8c8c8; overflow:hidden;}
/*demoList*/
.demoList { overflow: hidden; *zoom: 1;}
.demoList li { float: left; margin: 10px 0 0 10px;}
.demoList li a { display: block; padding: 2px; border: 1px solid #dedede;}
.demoList li a:hover { padding: 1px; border: 2px solid #ff9900;}

.demoMask { display: none; position: absolute; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; background: #000; opacity: .6; filter: alpha(opacity=60);}
.demoPop { display: none; position: fixed; z-index: 999; left: 50%; top: 50%; border: 8px solid #fff; background: #fff; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight)/2));}
.demoPop .close, .demoPop .close span, .demoPop .close .fix-bg { position: absolute; left: 0; top: 0; width: 40px; height: 40px;}
.demoPop .close { left: auto; right: 8px;top:8px; z-index: 10;}
.demoPop .close span { z-index: 10; margin-left:10px;margin-top:10px;width:20px;height:20px;background-position:-180px -166px; line-height: 40px; color: #fff; text-indent: -150%; overflow: hidden; cursor: pointer;}
.demoPop .close .fix-bg { z-index: 1; background: #666; background: rgba(102,102,102,.4); filter: alpha(opacity=40);}
.demoPop .btn_dl, .demoPop .btn_dl span, .demoPop .btn_dl .fix-bg { position: absolute; width: 126px; height: 40px;}
.demoPop .btn_dl { right: 8px; bottom: 8px; z-index: 10;}
.demoPop .btn_dl span { left: 0; bottom: 0; z-index: 10; text-indent:8px;font-size:16px;line-height:40px;color: #fff; cursor: pointer;}
.demoPop .btn_dl .fix-bg {z-index: 1; overflow: hidden; background-color: #268bef;}
.demoPop .btn_dl .icon-bg{z-index: 2;position:absolute;top:8px;right:8px;width:24px;height:24px;overflow:hidden;background:url(../../images/wallpaper/icon-dl.png) no-repeat;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/wallpaper/icon-dl.png', sizingMethod='crop')}
.demoPop .btn_dl:hover { text-decoration: none;}
.demoPop .close:hover .fix-bg{ background: rgba(102,102,102,.6); filter: alpha(opacity=60);}
.demoPop .btn_dl:hover .fix-bg{background-color:#1d79d5;}
:root .demoPop .close .fix-bg, :root .demoPop .btn_dl .fix-bg, :root .demoPop .close:hover .fix-bg, :root .demoPop .btn_dl:hover .fix-bg { filter: none;}

.wallpaper-box-inner {padding: 0 0 30px 0;}
.wallpaper-item { margin-bottom: 30px;}
.wallpaper-item-last { margin-bottom: 0;}
.wallpaper-item-hd { margin: 0 0 8px 0;line-height:34px;overflow:hidden;*zoom:1;}
.wallpaper-item-hd h2 {float:left;font-size:20px;display:inline;margin-right:15px;}
.wallpaper-item-hd .btn-dl-all {float:left;display:inline;width: 100px; height: 34px;line-height:34px;overflow:hidden; margin-right: 6px;background-position: 0 -90px; text-indent:15px;color: #fff;}
.wallpaper-item-hd .btn-dl-all:hover { background-position:0 -129px; color: #fff; text-decoration: none;}
.lnk-tuijian { display:inline;float: right;}
.lnk-tuijian a { color: #268bef;}
.lnk-tuijian a:hover{color:#ff3300;}
.wallpaper-item-hd .tips{float:left;color:#b1b1b1;}
.wallpaper-item-hd .dash-line{float:left;width:235px;margin:16px 6px 0;height:1px;overflow:hidden;border-top:1px dashed #b1b1b1;}
/*.wallpaper-item-first .wallpaper-item-hd .dash-line{width:256px;}*/
.wallpaper-item-bd{}
.wallpaper-item-bd ol { margin-left: -16px;}
.wallpaper-item-bd li { float: left; width: 238px; margin: 0 0 15px 16px;display:inline;}
.wallpaper-one { width: 238px; padding: 5px 0; background: #fff;}
.wallpaper-img { display: block; width: 226px; height: 126px; margin: 0 auto 5px; overflow: hidden; cursor: pointer;}
.wallpaper-text { padding: 0 18px 0 14px; line-height: 23px; color: #666;}
.wallpaper-item-bd .btn-dl { float: right;padding-left:15px; background-position: -187px -95px;color: #2284e6;}
.wallpaper-item-bd .btn-dl:hover { color:#ff9625;background-position: -187px -128px;text-decoration: none;}
.tip-dl-all { font-size: 12px; color: #999;}
.wallpaper-item-bd li.hover {}
.wallpaper-item-bd li.hover .wallpaper-one {}
.wallpaper-item-bd li.hover .wallpaper-text {}


.how .header{border-bottom:1px solid #c6c6c6;}
.article {color: #666;}
.article-hd { border-bottom:1px dashed #c6c6c6;padding:40px 0;margin-bottom: 24px;overflow:hidden;*zoom:1;}
.article-hd h2 { float:left;margin:4px 130px 0 0;color:#268bef;font-family: \5FAE\8F6F\96C5\9ED1; font-size: 24px;}
.lnk-q { font-size: 0;}
.lnk-q a { display: inline-block;width:158px;height:48px;line-height:48px;border:1px solid #1d79d5; margin: 0 10px;text-align:center;background: #268bef; font-size: 14px; color: #fff; *display: inline; *zoom: 1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.lnk-q a:hover { color: #fff;}
.article-bd h3 { margin-bottom: 10px; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 16px; color: #666666;font-weight:bold;}
.article-bd ol { margin-bottom: 10px;}
.article-bd li { margin-bottom: 6px; overflow: hidden;}
.article-bd li img { display: block; margin: 6px 0 20px;}


.demoPop-con li { display: none; float: left; background: url(../../images/wallpaper/loading.gif) center center no-repeat;}
.demoPop-con img { opacity: 0; filter: alpha(opacity=0);}
.demoPop-con .loading-fix { background: none;}
.demoPop-con .loading-fix img { opacity: 1; filter: alpha(opacity=100);}
.btn-prev, .btn-next { position: absolute; top: 50%; z-index: 10; width: 80px; height: 80px; margin-top: -40px; cursor: pointer; _background: url(about:blank);}
.btn-prev { left: 10px;}
.btn-next { right: 10px;}
.btn-prev i, .btn-next i { display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.btn-prev i { background: url(../../images/wallpaper/btn-prev.png) 0 0 no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/wallpaper/btn-prev.png', sizingMethod='crop');}
.btn-prev:hover i { background-image: url(../../images/wallpaper/btn-prev-hover.png); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/wallpaper/btn-prev-hover.png', sizingMethod='crop');}
.btn-next i { background: url(../../images/wallpaper/btn-next.png) 0 0 no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/wallpaper/btn-next.png', sizingMethod='crop');}
.btn-next:hover i { background-image: url(../../images/wallpaper/btn-next-hover.png); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/wallpaper/btn-next-hover.png', sizingMethod='crop');}

.wallpaper-img{background:url(../../images/wallpaper/loading.gif) no-repeat scroll center center #fff;}
.wallpaper-img img{display:none;}