article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,span,iframe,input,form,input,h1,h2,h3,h4,h5,h6,p,a,em,img,b,dl,dt,dd,ul,ol,li,label{padding:0;margin:0;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0; -webkit-tap-highlight-color:transparent;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="checkbox"]{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h6{font-weight:600;font-size:100%;}
html{-webkit-text-size-adjust:100%;width:100%;height:100%;}
em{font-style:normal;}
/*base css*/
body{font:10px/1.8 tahoma,'\5b8b\4f53',arial,\5b8b\4f53,sans-serif;background-color:#fff; color:#888}
.wrapper{width:100%;margin:0 auto; overflow:hidden;}
.con,.news-list,.swiper-soft{ width:96.6%; margin:0 auto;}
.spr,[class^=nav-icon-],.top-news a:first-child:before{display:block;background-image:url(../img/spr.png);background-repeat:no-repeat; background-size:21px auto;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.pt-10{ padding-top:10px;}
.pb-10{ padding-bottom:10px;}
.fl{float:left}
.fr{float:right}
.zoom{zoom:1;overflow:hidden}
/* link css */
a{color:#333;text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;}
a:active{color:#aaa}
/*wave*/
.waves-effect {
	position:relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 100%;
	border-width: 0;
	border-style: solid;
	width: 0;
	height: 0;
	opacity: 0;
	border-color: rgba(0,0,0,.1);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}
.waves-effect.waves-light .waves-ripple {
	border-color: rgba(255,255,255,.4)
}
.waves-notransition {
	-webkit-transition: none!important;
	transition: none!important
}
.waves-button, .waves-icon {
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
a.waves-button, a.waves-button:hover, a.waves-button:link, a.waves-button:visited, button.waves-button, input.waves-button-input {
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	outline: 0;
	background: 0 0;
	color: inherit;
	font-size: 14px;
	text-align: center;
	text-decoration: none
}
.waves-button {
	padding: 10px 15px;
	border-radius: 2px
}
.waves-button-input {
	margin: 0;
	padding: 10px 15px
}
.waves-input-wrapper {
	border-radius: 2px;
	vertical-align: bottom
}
.waves-input-wrapper.waves-button {
	padding: 0
}
.waves-input-wrapper .waves-button-input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.waves-icon {
	border-radius: 50%
}
.waves-float {
	-webkit-mask-image: none;
	-webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
	box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12)
}
.waves-float:active {
	-webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3);
	box-shadow: 0 8px 20px 1px rgba(0,0,0,.3)
}
.waves-block {
	display: block
}
/*pre-load*/
.pre-load {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #00c0ff;z-index: 2000;}
.pre-load img{ display:block; width:320px; height:100px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-160px,-50px);}
/*header*/
.header{ width:100%; height:44px; background-color:#00c0ff; color:#fff; position:relative}
.page-tit{ line-height:44px; text-align:center; font-size:1.4rem;}
[class^=h-link-]{ display:block; width:36px; height:36px; position:absolute; top:4px; text-indent:-9999em;}
.h-link-l{ left:4px}
.h-link-r{ right:4px}
[class^=nav-icon-]{ display:block; width:21px; height:18px; position:absolute; left:7px; top:9px;}
.nav-icon-r{ background-position:0 -18px;}
/*loader*/
.loader {
  font-size: 10px;
  text-indent: -9999em;
  margin:10px auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00c0ff;
  background: -moz-linear-gradient(left, #00c0ff 10%, rgba(0,192,255, 0) 42%);
  background: -webkit-linear-gradient(left, #00c0ff 10%, rgba(0,192,255, 0) 42%);
  background: -o-linear-gradient(left, #00c0ff 10%, rgba(0,192,255, 0) 42%);
  background: -ms-linear-gradient(left, #00c0ff 10%, rgba(0,192,255, 0) 42%);
  background: linear-gradient(to right, #00c0ff 10%, rgba(0,192,255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #00c0ff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#infscr-loading-con em{text-align:center; display:block;padding: 10px 0 0}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.next{display:none}
/*nav&pro*/
.nav-box,.pro-box{ background-color:#09b0e7; width:100%; position:absolute; left:0; top:44px; z-index:999; -webkit-transition: all 600ms ease;  transition: all 600ms ease;opacity:0;	}
.nav-box{-webkit-transform:translateX(100%)}
.pro-box{-webkit-transform:translateX(-100%)}
.show-box{-webkit-transform:translateX(0);opacity: 1;}
.nav-box:before,.pro-box:before{ content:''; display:block;width: 0;height: 0;border-style: solid;border-width: 0 8px 8px 8px;
border-color: transparent transparent #09b0e7 transparent; position:absolute; right:14px; top:-8px;}
.pro-box:before{ left:14px;}
.nav-list li,.pro-list li{ height:65px; width:50%; float:left; box-sizing:border-box; border-bottom:1px solid #3ac0ec}
.nav-list li:nth-child(2n),.pro-list li:nth-child(2n){border-left:1px solid #3ac0ec}
.pro-list li a{ display:block; width:100%; height:100%; box-sizing:border-box; position:relative; font-size:1.4rem; color:#fff; padding:0 0 0 60px; line-height:50px;}
.nav-list li a{ display:block; width:100%; height:100%; box-sizing:border-box; position:relative; font-size:1.4rem; color:#fff; padding:0 0 0 77px; line-height:50px;}
.pro-list li:last-child{ width:100%;}
.nav-list li a:before{ content:''; display:block; width:38px; height:38px; border-radius:38px;  position:absolute; left:29px; top:13px; background-image:url(../img/nav-icon.png); background-repeat:no-repeat; background-size:38px auto;}
.nav-list li a[data-nav="Home"]:before{ background-color:#00c0ff; background-position:0 0}
.nav-list li a[data-nav="Game"]:before{ background-color:#f88e8d;background-position:0 -38px;}
.nav-list li a[data-nav="News"]:before{ background-color:#e79aa8;background-position:0 -76px;}
.nav-list li a[data-nav="Forum"]:before{ background-color:#477ee4;background-position:0 -114px;}
.nav-list li a[data-nav="Access"]:before{ background-color:#34ca70;background-position:0 -152px;}
.nav-list li a[data-nav="Mobile game"]:before{ background-color:#32d697;background-position:0 -190px;}
.nav-list li a[data-nav="Pay"]:before{ background-color:#eabf62;background-position:0 -228px;}
.nav-list li a[data-nav="Photo"]:before{ background-color:#7b74fa;background-position:0 -266px;}
.pro-list li a:after{content:attr(data-nav); position:absolute; left:61px; top:45px; line-height:0; font-size:.8rem; color:#a5daf3}
.nav-list li a:after{content:attr(data-nav); position:absolute; left:79px; top:45px; line-height:0; font-size:.8rem; color:#a5daf3}
.nav-list li a:after{content:attr(data-nav);}
.pro-list li a:after{ content:attr(data-pro);}
.pro-list li img{ display:block; width:40px; height:40px; position:absolute; left:12px; top:12px;}
.down-icon{ display:inline-block; margin:18px 0 0 3px; vertical-align:middle; width:21px; height:15px; background-position:0 -95px; position:absolute;}
/*rotator*/
.rotator{ width:100%; max-width:640px; max-height:300px; overflow:hidden; position:relative; margin:0 auto;}
.rotator .swiper-wrapper{ width:500%;}
.swiper-pic{ width:20%; float:left;}
.swiper-pic a,.swiper-pic{ display:block; position:relative; overflow:hidden}
.swiper-pic a{width:100%;}
.swiper-pic{ width:100%; float:left;}
.rotator-img{ width:100%; height:auto; z-index:-1; vertical-align:bottom;}
.swiper-pic span{ display:block; width:85%; height:30px; line-height:30px; text-indent:1.7%; overflow:hidden; position:absolute; left:0; bottom:0; font-size:.9rem; color:#fff; z-index:99}
.swiper-pic em{height:24px; line-height:24px; padding:0 2px;position:absolute; left:85%; bottom:3px;font-size:.8rem;color:#fff; z-index:99; background-color:#00c0ff}
.swiper-pic:after{ content:''; display:block; width:100%; height:30px; position:absolute; left:0; bottom:0; background-color:#000; opacity:.3;}
.pagination{position: absolute;right: 2%;text-align: right;bottom:30px;width: 100%;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px;
  background: #fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, .1); margin: 0 3px; cursor: pointer;position:relative;}
.swiper-pagination-switch:after{content:''; display:block; position:absolute; left:0; top:10px;margin-top: -3px;width: 0;height: 0;border-style: dashed dashed solid;border-width: 5px;border-color: transparent;overflow: hidden;zoom: 1;font-size: 0;}
.swiper-active-switch{ background: #00c0ff;}
.swiper-active-switch:after{border-color: transparent transparent #000;opacity:.3;}
/*链接点击样式*/
.news-list li a:hover,.top-news a:hover,.nav-list li a:hover,.pro-list li a:hover,.link-list li:not(img) a:hover,.sub-nav li:hover,.sub-top-news li a:hover,.share-box a:hover,.about-list li a:hover{background-color:rgba(0,0,0,.1);-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out}
/*头条新闻*/
.top-news a{ display:block; width:50%; height:43px; line-height:43px; overflow:hidden; float:left; box-sizing:border-box; font-size:.9rem; color:#888;  border-bottom: 1px solid rgba(239, 239, 239, .5);  position:relative}
.top-news a:first-child { width:100%; text-align:center; color:#333; font-size:1rem; box-sizing:border-box; padding:0 20px;}
.top-news a:nth-child(3){ border-left:1px solid rgba(239, 239, 239, .5); text-indent:10px;}
.top-news a:first-child:before{ content:''; display:block; width:17px; height:28px; position:absolute; left:0; top:0; background-position:0 -36px;} 
.top-news+.top-news a:first-child:before{ background-position:0 -64px;}
/*滚动软件*/
.swiper-soft{ padding:10px 0 6px; overflow:hidden;border-bottom: 1px solid rgba(239, 239, 239, .5);  }
.swiper-soft .swiper-wrapper{ width:100%;}
.swiper-soft .swiper-slide{ width:200%;}
.scroll-soft{ width:60%;}
.scroll-soft li{ float:left; width:10%; height:79px;  box-sizing:border-box; }
.scroll-soft li img{ display:block; width:62px; height:62px;}
.scroll-soft li span{ display:block;width:62px;text-align:center; height:24px; line-height:24px; overflow:hidden; font-size:.8rem;}
.scroll-soft li:last-child{ margin-right:0;}
/*新闻列表*/
.news-list li{position:relative}
.news-list li a{ display:block; width:100%; overflow:hidden; position:relative;border-bottom:1px solid rgba(239, 239, 239, .5);}
.o-pic a{height:83px;padding:10px 0 12px 93px; box-sizing:border-box;}
.o-pic img{ display:block; width:80px; height:60px; position:absolute; left:0; top:12px;}
.o-pic em,.o-pic span{ display:block; overflow:hidden; width:100%;}
.o-pic em{  font-size:1rem; min-height:22px; max-height:44px; line-height:22px; top:11px;}
.o-pic em b{ font-weight:normal}
.o-pic span{ font-size:.8rem; color:#888}
.o-pic:after{ content:attr(data-cate); display:block; height:14px; text-align:center; line-height:14px; color:#fff; position:absolute; left:0; top:12px; padding:0 2px}

.b-news-list .o-pic:nth-child(12n-11):after { background-color:#00c0ff}
.b-news-list .o-pic:nth-child(12n-10):after { background-color:#477ee4}
.b-news-list .o-pic:nth-child(12n-9):after { background-color:#f97574}
.b-news-list .o-pic:nth-child(12n-8):after { background-color:#f0932f}
.b-news-list .o-pic:nth-child(12n-7):after { background-color:#5ab203}
.b-news-list .o-pic:nth-child(12n-5):after,.t-news-list .o-pic:nth-child(5n-4):after { background-color:#00c0ff}
.b-news-list .o-pic:nth-child(12n-4):after,.t-news-list .o-pic:nth-child(5n-3):after { background-color:#477ee4}
.b-news-list .o-pic:nth-child(12n-3):after,.t-news-list .o-pic:nth-child(5n-2):after {background-color:#f97574}
.b-news-list .o-pic:nth-child(12n-2):after,.t-news-list .o-pic:nth-child(5n-1):after {background-color:#f0932f}
.b-news-list .o-pic:nth-child(12n-1):after,.t-news-list .o-pic:nth-child(5n):after {background-color:#5ab203}

.m-pic a{ padding-bottom:12px;}
.m-pic em,.b-pic em{ display:block; width:100%; font-size:1rem; padding:7px 0 5px;}
.m-pic img{ display:block;float:left;}
.b-pic img{ display:block; width:100%; height:auto;}
/*footer*/
.footer{ background-color:#00c0ff; margin-top:15px; color:#fff;text-align:center}
.footer-nav li{ display:inline-block;  height:30px; line-height:30px; position:relative; box-sizing:border-box;}
.footer-nav li a{ color:#fff; font-size:1rem; display:inline-block; padding:0 8px;}
.footer-nav li+li:before{ content:''; display:block; width:1px; height:12px; background-color:#fff; position:absolute; left:-2px; top:8px;}
.footer-txt{ font-size:.8rem; line-height:18px; padding:10px 0;}
.footer-txt a{ color:#fff}
@media screen and (max-width:320px) {
	 /*310*/
.footer-nav li a{  padding:0 3px;}
}
@media screen and (min-width:320px) {
	 /*310*/
.m-pic img{ width:99px; height:71px;}
.m-pic img+img{ margin-left:6px;}
}
 @media screen and (min-width:360px) {
	 /*348*/
.m-pic img{ width:111px; height:80px;}
.m-pic img+img{ margin-left:7px;}
}
 @media screen and (min-width:375px) {
	 /*363*/
.m-pic img{ width:116px; height:84px;}
.m-pic img+img{ margin-left:7.1px;}
}
 @media screen and (min-width:400px) {
	 /*386*/
.m-pic img{ width:124px; height:89px;}
.m-pic img+img{ margin-left:7.2px;}
}
 @media screen and (min-width:414px) {
	 /*400*/
.m-pic img{ width:128px; height:92px;}
.m-pic img+img{ margin-left:7.95px;}
}

/*友情链接*/
.link-list li{ float:left; width:33%; margin-top:9px;height: 45px;}
.link-list li a{ display:block; width:94px; height:45px; line-height:45px; overflow:hidden; background-color:#f7f7f7; text-align:center; margin:0 auto; font-size:.9rem; box-sizing:border-box}
.link-list li a img{ display:block; width:100%; height:100%;}
.link-list li a{padding:0 10px; display:table;}
.link-list li a span{ display:table-cell;vertical-align:middle;overflow:hidden; line-height:16px;}
.join-box{ width:90%;  margin:30px auto 0; padding-bottom:10px; border-bottom:1px dashed rgba(0, 0, 0, .1)}
.join-tit,.contact-tit{ color:#00c0ff; font-size:1.2rem;}
.join-tit span{ font-style:italic; color:#333}
.join-txt{ font-size:1rem; line-height:24px;}
.contact-box{ width:90%; margin:10px auto 0;}
.contact-tit{ color:#333}
.contact-txt{ display:block; font-size:1rem; height:16px; line-height:16px; padding:5px 0;}
.contact-txt em{color:#00c0ff;}
[class^=link-icon-]{ display:inline-block; width:17px; height:16px; margin:-4px 3px 0 0;vertical-align:middle;  background-image:url(../img/link-icon.png); background-repeat:no-repeat; background-size:17px auto;}
.link-icon-2{ background-position:0 -16px;}
.link-icon-3{ background-position:0 -32px;}
/*栏目页*/
.sub-nav{ display:block; width:100%; height:39px; line-height:39px; background-color:#fff; box-sizing:border-box; border-bottom:1px solid #f2f2f2}
.sub-nav li{float:left; text-align:center; font-size:1.1rem;}
.sub-nav li a{ display:inline-block; height:100%; position:relative}	
.sub-nav li.on a{ color:#00c0ff}
.sub-nav li.on a:after{ content:''; display:block; width:100%; height:3px; background-color:#00c0ff; position:absolute; left:0; bottom:-1px;}

.sub-nav li,.pic-sub-nav li{ width:16.5%;}
.sub-nav li:first-child,.sub-nav li:last-child,.pic-sub-nav li:first-child,.pic-sub-nav li:last-child{width:17%;}

.sub-nav-1247,.sub-nav-1311,.sub-nav-1312,.sub-nav-1313,.sub-nav-1312{ display:none}


.sub-top-news{ width:96.6%; margin:0 auto;}
.sub-top-news li{ width:50%; float:left; border-bottom:1px solid rgba(239, 239, 239, .5); box-sizing:border-box;}
.sub-top-news li:nth-child(2n){ border-left:1px solid rgba(239, 239, 239, .5);}
.sub-top-news li a{ display:block; width:100%; padding:10px 0; height:60px; font-size:.9rem; line-height:20px; overflow:hidden; box-sizing:border-box;}
.sub-top-news li:nth-child(2n) a{ padding-left:10px;}
.pic-list li{ width:100%; margin-bottom:14px; position:relative}
.pic-list li img{ display:block; width:100%; height:auto; z-index:-1; vertical-align:bottom;}
.pic-list li span{ display:block;  width:100%; height:33px; line-height:33px; background-color:#eaeaea; box-sizing:border-box; padding-left:10px; overflow:hidden; font-size:1rem;}
.pic-num{ display:block;  height:14px; line-height:14px; box-sizing:border-box; padding:0 3px 0 14px; position:absolute; right:10px; bottom:43px; color:#fff; font-style:normal;background-color:rgba(0, 0, 0, .5);}
.pic-num:before{ content:''; display:block; width:8px; height:8px;  background:url(../img/piclist-icon.png) no-repeat 0 0; background-size:8px auto; position:absolute; left:3px; top:3px;}
/*越狱*/
.yy-step{ width:96.6%; margin:20px auto 0;}
.yy-step li{ width:50%; float:left; height:36px; position:relative}
.yy-step li em{ display:inline-block; height:24px; line-height:24px; font-size:1rem; padding-left:10px; color:#888}
.yy-step li:before{ content:''; display:block; width:90%; height:1px; background-color:#c8c8c8; position:absolute; left:3px; top:24px; z-index:-9}
.yy-step li:after{ content:''; display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #c8c8c8; position:absolute; left:90%; top:20px;}
.yy-step li span{ display:block; float:left; width:36px; height:36px; box-sizing:border-box; padding:4px 0; color:#fff; border-radius:36px; background-color:#c8c8c8; text-align:center; line-height:14px;}
.yy-step li span i{ display:block; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:1.1rem;}
.yy-step li.on span{ background-color:#4fd387}
.yy-step li.on em{ color:#333}
.list-pages{ width:96.6%; margin:0 auto; overflow:hidden;}
.list-li{ margin-top:20px;}
.list-li li{ width:33%; width:-webkit-calc(33% - 6px);float:left; position:relative; height:95px; padding:23px 0; box-sizing:border-box;line-height:24px; float:left; background-color:#ebebeb; text-align:center; margin:0 6px 6px 0; font-size:1.1rem;}
.yy-step-2 .list-li li{ padding:15px 0}
.list-li li b{ font-size:.8rem; font-weight:normal; height:16px; line-height:16px;}
.list-li li:nth-child(3n){ margin-right:0;}
.list-li li:nth-child(3n-1){ width:34%;}
.list-li li span{ display:block; color:#888; }
.list-li li em,.list-li li b{ display:block;}
.list-li li:first-child i,.list-li li.no:after{ display:block; width:45px; height:45px; position:absolute; left:50%; top:50%;  -webkit-transform:translate(-22px,-22px); background-image:url(../img/yy-icon.png); background-repeat:no-repeat; background-size:45px auto;}
.iphone-first i,.ipod-first i{ background-position:0 0}
.ipad-first i{ background-position:0 -45px}

.list-li li.no:after{ content:''; background-position:0 -90px;}
.list-li li b:before{ content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-2px 3px 0 0; background-image:url(../img/yy-icon.png); background-repeat:no-repeat; background-size:45px auto;}
.list-li li b.no-yy:before{color: #ec6666;background-position: 0 -135px;}
.list-li li b.yes-yy:before{color: #49bb66;background-position: -16px -135px;}
.list-li li b.per-yy:before{color: #feb517;background-position: 0 -151px;}
.list-li li b.no-yy{color: #ec6666;}
.list-li li b.yes-yy{color: #49bb66;}
.list-li li b.per-yy{color: #feb517;}
/*详情*/
.art-box{ width:90%; margin:0 auto}
.art-tit-box{ padding:10px 0 5px; border-bottom:1px solid rgba(239, 239, 239, .5);}
.art-tit{ font-size:1.4rem; color:#333; line-height:26px;}
.art-tit-info{ margin-top:5px;}
.art-tit-info span{ color:#b1b1b1; font-size:.8rem;}
.art-tit-info span+span{ padding-left:10px;}
.font-btn{ float:right; display:block; padding: 0 3px; height:22px; line-height:22px; font-family:Arial, Helvetica, sans-serif; border:1px solid #00c0ff; text-align:center; font-size:1.4rem; color:#00c0ff}
.font-btn em{ font-size:.6rem; font-style:normal; vertical-align:middle}
.art-con p{ color:#555;text-indent:2rem; word-wrap: break-word; text-align:justify; }
.font-small p{font-size:1rem; line-height:24px; margin:10px 0;}
.font-mid p{ font-size:1.2rem; line-height:28px; margin:12px 0;}
.font-big p{ font-size:1.4rem; line-height:32px; margin:14px 0;}
.art-con img{display:block; margin:0 auto;max-width:100%;height:auto}
.art-h3{ width:100%; height:30px; line-height:30px; border-bottom:1px solid rgba(239, 239, 239, .5); position:relative; margin-bottom:10px; font-size:1rem; color:#333}
.art-h3 em{ display:inline-block; height:30px;position:relative}
.art-h3 em:after{ content:''; display:block; width:100%; height:1px; background-color:#00c0ff; position:absolute; left:0; bottom:-1px;}
.dig-box{ margin:20px 0}
.dig-box span{ float:right; height:21px; line-height:21px;}
.dig-box a{ display:inline-block; position:relative; padding-left:25px; font-size:.9rem;}
.dig-box a+a{ margin-left:20px;}
.dig-box a:before{ content:''; display:block; width:21px; height:21px; position:absolute; left:0; top:0;background-image:url(../img/art-spr.png); background-repeat:no-repeat; background-position:0 -124px; background-size:31px auto; }
.dig-box a+a:before{-webkit-transform:scale(1 ,-1);  }
.share-box { margin:10px 0}
.share-box a{ display:block; width:25%; height:66px; padding-top:8px; box-sizing:border-box; float:left; border:1px solid rgba(239, 239, 239, .5); border-width:1px 0; text-align:center}
.share-box a+a{border-left:1px solid rgba(239, 239, 239, .5);}
.share-box [class^=share-icon-]{ display:block; width:31px; height:31px; border-radius:31px; margin:0 auto; background-image:url(../img/art-spr.png); background-repeat:no-repeat; background-size:31px auto;}
.share-icon-1{ background-color:#fbb826}
.share-icon-2{ background-color:#fa7372; background-position:0 -31px;}
.share-icon-3{ background-color:#00c0ff; background-position:0 -62px;}
.share-icon-4{ background-color:#32d697; background-position:0 -93px;}
.about-list li a{ display:block; width:100%; height:30px; line-height:30px; font-size:.9rem; overflow:hidden}
.art-soft{ width:100%;margin:0 auto; overflow:hidden;}
.art-soft .swiper-wrapper{ width:100%;}
.art-soft .swiper-slide{ width:200%;}
.pz-box,.art-soft{ margin-top:10px;}