blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:14px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial}fieldset,img{border:0}li,ol,ul{list-style:none}:focus{outline:0}img{display:block}.none,legend{display:none}.fl{float:left;display:inline}.fr{float:right;display:inline}body{color:#676767;background:#fff}a{color:#444;text-decoration:none}a:hover{color:#FD3939;text-decoration:none}em,i,s,u,strong{font-weight:400;font-style:normal;text-decoration:none}#rank:after,#rank:before,#syk dd:after,#syk dd:before,#tmix:after,#tmix:before,.bbox:after,.bbox:before,.clearfix:after,.clearfix:before,.flshow:after,.flshow:before{content:".";display:block;height:0;visibility:hidden;font-size:0}#rank:after,#syk dd:after,#tmix:after,.bbox:after,.clearfix:after,.flshow:after{clear:both}#rank,#syk dd,#tmix,.bbox,.clearfix,.flshow{*zoom:1}.red{color:red!important}.hide{display:none}

#topNavC i{float:right;color:#bbb;font-style:normal}#topNavC strong{font-weight:400;color:#666;float:left}#topNavC i a{color:#666;margin:0 10px}#topNavC i a:hover{color:#f60}#topNavC{width:100%;height:41px;line-height:41px;background:#fafafa;border-bottom:1px solid #E2E2E2;font-size:14px}#header dd p,#header dt,#mbody,#mfoot li,#topNavC span{display:block;width:1200px;margin:0 auto}#header dt{position:relative}#logo{width:310px;display:block;padding:6px 0 6px 0}#header h1{padding:0px 0;}#logo img{width:218px;height:87px}#slogan{position:absolute;left:223px;top:42px}#search{width:534px;height:38px;position:absolute;right:0;top:28px;z-index:9}#bdcs-search-form-input{float:left;display:inline;width:385px;height:26px;line-height:26px;overflow:hidden;padding:4px 60px 4px 5px;background:#fff;border:2px solid #039C03;border-right:0 none;font-size:12px;color:#333}#bdcs-search-form-submit{float:left;width:72px;height:38px;border:0 none;cursor:pointer;background:#039C03;color:#fff;font-size:14px}.bdcs-hot{width:534px;height:30px;line-height:30px;overflow:hidden;position:absolute;top:37px;left:0;z-index:-1}.bdcs-hot-item{margin-right:10px;padding-right:10px;font-size:12px;color:#666}.bdcs-hot-item:hover{color:#ff5800}#header dd{height:45px;background:#039C03;font-family:"\5FAE\8F6F\96C5\9ED1"}#header dd p a{display:block;width:130px;float:left;text-align:center;height:45px;line-height:45px;color:#fff;font-size:16px}#header dd p a:hover{text-decoration:none}#header dd p a.cur,#header dd p a:hover{background:#27b527;width:128px;border-left:1px solid #30ad30;border-right:1px solid #30ad30}


#appbox{width: 1178px; height: 130px;margin: 10px auto 0 auto; background: #fff;text-align: center; line-height: 120px; padding: 0 10px 10px 10px;  border: 1px solid #ebebeb;}
#appbox ol{ float: left;width: 130px; background: #f6f6f6;height: 120px; margin-top: 10px;}
#appbox ol b{width: 130px; height: 40px;line-height: 40px; color: #039C03;font-size: 16px; display: block; cursor: pointer; font-weight: normal; text-align: left; text-indent: 30px; border-top:1px solid #fff; margin-top:-1px;}
#appbox ol .on{width: 140px;color: #fff; background: url(../img/bon.gif) no-repeat 0 0;}
#appbox ul{float: left; margin-left: 2px; width: 1042px; height: 120px; overflow: hidden; margin-top:6px; display:none;}
#appbox ul li { height: 125px; width: 1030px; margin-left: 22px; overflow: hidden; padding-top: 5px;}
#appbox li a{width: 80px; margin-right:15px; margin-left:8px; height: 121px; text-align:center; float: left; position: relative; display: block;color:#999; font-size:14px; }
#appbox li a:hover{ color:#039C03;}
#appbox li a img{ width:80px; height:80px; margin-top:10px; border-radius: 8px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
#appbox a:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);}
#appbox li a em{ height: 35px;line-height: 35px;display: block; text-align: center; width:80px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; position: absolute;left: 0; top: 90px;}

#show{ width:1200px; height:340px; margin:10px auto 0 auto;}
#focus {width:800px; height:340px; overflow:hidden; position:relative; float:left;}
#focus ul {height:340px; position:absolute;}
#focus ul li {float:left; width:800px; height:340px; overflow:hidden; position:relative; }
#focus ul li img{ width:800px; height:340px;}
#focus ul li span{ width:100%; height:40px; line-height:40px; position:absolute; left:0; bottom:0; text-indent:50px; z-index:9; font-size:16px;}
#focus ul li a{ color:#fff;}
#focus .btnBg {position:absolute; width:800px; height:40px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:15px; right:0; bottom:0; text-align:right; z-index:10}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

#today{ width:390px; background:#fff; height:340px; float:left; margin-left:10px;}
#today ol{ width:388px; height:40px; line-height:40px; border:1px solid #ebebeb;}
#today ol b{ width:129px; height:40px; display:block; float:left; border-left:1px solid #ebebeb; margin-left:-1px; font-weight:normal; color:#039C03; text-align:center; line-height:40px; font-size:16px;}
#today ol .on,#today ol b:hover{ background:#039C03; color:#fff; cursor: pointer;}
#today ul{ width:388px; height:298px; border:1px solid #ebebeb; border-top:0; display:none;}
#today ul p{ width:96%; height:106px; padding:0 3% 0 1%; border-bottom:1px dotted #ebebeb;}
#today ul p a{ width:100%; height:40px; line-height:40px; display:block; float:left; color:#039C03; font-size:18px; text-indent:22px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#today ul p span{ width:96%; height:60px; line-height:20px; font-size:14px; margin-top:1px; float:left; display:block; text-indent:20px; margin-bottom:3px; margin-left:2%; color:#ccc;}
#today ul li{ width:96%; height:180px; float:left; margin:4px 2% 6px 2%;}
#today ul li a{ width:49%; margin-left:1%; height:36px; line-height:36px; float:left; display:block; color:#999; text-indent:18px; font-size:14px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#xitong{ width:1200px; height:400px; margin:10px auto auto auto; background:#fff; position:relative;}
#xitong ol{ width:800px; height:40px; background:#56abe4;}
#xitong ol b{ width:200px; height:40px; padding-bottom:10px; border-left:1px solid #fff; margin-left:-1px; font-weight:normal; float:left; display:block; text-align:center;  cursor: pointer; text-align:center; color:#fff; line-height:40px; font-size:16px;}
#xitong ol .on{ }
#xitong ul{height:360px; display:none;}
#xitong .more{ width:300px; height:20px; line-height:20px; font-size:14px; position:absolute; left:812px; border-left:3px solid #039C03; text-indent:10px; top:18px;} #xitong .more a{color:#039C03; }
.more i{ display: block; width:80px; height:20px;line-height:20px; position:absolute; right: -83px;  top: 0px;}#xitong .more i a{ color:#c00;}
#xitong .rom{ width:1200px; height:360px; margin:0 auto;}
.rom p{ width:800px; height:360px; float:left;}
.rom p a{ width:190px; height:165px; margin-bottom:10px; display:block; float:left; background:#F2F5F4; margin-left:10px; position:relative; overflow:hidden;}
.rom p a span{ position:absolute; left:10px; top:10px; width:100px; height:41px;}.rom p a span img{width:100px; height:41px;}
.rom p a em{position: absolute;bottom:0;right: 0px; display:block; overflow:hidden; width: 80px; height: 88px; transition: all 0.2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }.rom p a em img{width:80px; height:auto;}
.rom p a:hover em{height:118px;}
.rom p a i{position:absolute; left:10px; top:65px; height:30px; line-height:30px; width:100px; color:#6c6c6c; font-size:12px;}
.rom p a i u{ color:#039C03; font-size:16px; text-decoration:blink; padding: 0 3px;}
.rom li{ width:390px; height:350px;  float:left; margin-left:10px;}
.rom li a{ width:185px; height:165px; float:left; display:block; margin-right:10px; margin-bottom:10px; position:relative; overflow:hidden;}.rom li a img{width:185px; height:165px;}
.rom li a span{ width:100%; height:100%; line-height:165px; color:#fff; display:block; position:absolute; bottom:0; left:0; font-size:16px; text-align:center; color:#fff;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); display:none;}
.rom li a:hover span{ display:block;}
#xitong .phone{ width:1179px; height:339px; margin:10px; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.phone li{ width:234.5px; height:168px; border-top:1px solid #f2f2f2; border-right:1px solid #f2f2f2; float:left; position:relative;}
.phone li img{ position:absolute; left:15px; top:25px; max-height:120px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.phone li:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);	-moz-transform: rotateY(180deg);}
.phone li span{ position:absolute; top:10px; left:105px; display:block; width:120px; height:35px; line-height:45px; font-size:18px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.phone li p{ width:120px; height:96px; position:absolute; left:105px; top:55px;}
.phone li p a{ width:100px; height:25px; margin-bottom:5px; border:1px solid #ebebeb; border-radius:5px; display:block; float:left; color:#999; text-indent:25px; line-height:25px; font-size:14px;}

#xitong .course{ width:1200px; height:340px; margin:10px auto;}
.course p{ width:800px; height:340px; float:left;}
.course p i{ width:390px; height:340px; float:left; display:block; margin-left:10px;}
.course p span{ width:390px; height:165px; margin-left:10px; margin-bottom:10px; display:block; float:left;}
.course p em{ width:190px; height:165px; margin-left:10px; float:left;}

.course li{ width:380px; height:340px; float:left; margin-left:10px; }
.course li span{ width:380px; height:99px; display:block; border-bottom:1px dotted #ebebeb;}
.course li span a{ width:380px; height:35px; line-height:30px; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#039C03; font-size:18px; text-indent:25px;}
.course li span i{ width:380px; height:50px; line-height:25px; display:block; overflow: hidden; text-indent:25px; font-size:14px; color:#ccc;}
.course li a{ width:380px; height:31px; line-height:31px; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#999; text-indent:30px;}

.tit{ width:1175px; height:30px; border-left:5px solid #039C03; text-indent:15px; font-size:18px; color:#039C03; line-height:30px; position:relative; margin-left:10px;}
.tit a{ color:#039C03} .tit span a{ color:#a9b7b7;}
.tit span{ width:65px; height:30px; display:block; position:absolute; right:0; top:0; font-size:14px; }

#game,#soft{ width:1200px; height:450px; padding:10px 0; margin:10px auto 0 auto; background:#fff;}
#game ol,#soft ol{ width:400px; height:420px; float:left;}
#game ol b,#soft ol b{ width:90px; height:30px; line-height:30px; display:block; margin-left:10px; margin-top:10px; font-weight:normal; background:#e8e7e7; color:#888; text-align:center; float:left; cursor:pointer;}
#game ol .on,#game ol b:hover,#soft ol .on,#soft ol b:hover,#soft ol li a:hover,#game ol li a:hover{ background:#039C03; color:#fff;}

#game ol li,#soft ol li{ height:285px; width:390px; float:left; margin-top:15px; overflow:hidden;}
#game ol li em,#soft ol li em{ width:390px; height:50px; line-height:50px; font-size:16px; color:#a9b7b7; text-indent:15px; display:block;}
#game ol li a,#soft ol li a{height:30px; line-height:30px; background:#f2f2f2; color:#999; padding:0 15px; float:left; margin:5px 0 5px 10px;}
#game ul,#soft ul{ width:800px; height:410px; float:left; margin-top:10px; display:none;}
#game ul a,#soft ul a{ width: 90px; height: 132px; margin: 1px 0 10px 22px;float:left; display:block; line-height:43px; text-align:center; overflow: hidden; color:#999;}
#game ul a img,#soft ul a img{ width:85px; height:85px; border-radius: 8px; display:block; float:left; }
#game ul a em,#soft ul a em{ width:90px; height:43px; line-height:43px; display:block; float:left;}
#game ul a:hover,#soft ul a:hover{ color:#039C03;}

.zt{ width:1200px; height:144px; margin:2px auto 0 auto; background:#fff; padding:10px 0;}
.zt a{ width:288px; height:144px; float:left; display:block; margin-left:10px; position:relative;} .zt a img{ width:288px; height:144px;}
.zt a span{ position:absolute; left:0; bottom:0; height:25px; line-height:25px; width:100%; font-size:16px; text-align:center; color:#fff;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); display:block; transition: all 0.2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

.rank{ width:1200px; overflow:auto; margin:10px auto 0 auto; background:#fff; padding:20px 0 0 0; border-top:2px solid #11cd6e;}
.rank ul{width:287px; float:left; margin-left:10px;}
.rank ul b{ width:100%; height:40px; display:block; font-weight:normal; float:left; background:url(../img/zj.png) no-repeat 0 0; text-indent:13px; font-size:18px; line-height:39px; color: #11cd6e; margin-bottom:-10px;}
.rank ul li{ float: left; width: 100%; margin-top:25px; height:55px; overflow:hidden; position:relative;}
.rank ul li span{ width:55px; height:55px; overflow:hidden; display:block;  position:absolute; left:5px; top:0;}
.rank ul li span img{ width:55px; height:55px; float:left; display:block; z-index:10; border-radius:5px;}
.rank ul li:hover span i{ height:0; line-height:150px;}
.rank ul li span i { width:55px; height:55px; display:block; text-align:center; color:#888; font-size:20px; line-height:55px; transition: all .3s linear; -webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear; font: normal 24px/55px Arial, Helvetica, sans-serif; z-index:1; background:#e8e7e7;}
.rank ul li span .c1{background:#ff5d5d; color:#fff;}
.rank ul li span .c2{background:#fea342; color:#fff;}
.rank ul li span .c3{background:#4197e2; color:#fff;}
.rank ul li span .c4{background:#41d39d; color:#fff;}
.rank ul li a{ width:210px; height:32px; line-height:25px; display:block; padding-left:75px; padding-bottom:25px; position:absolute; left:0; top:0; z-index:1; color:#666; font-size:16px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.rank ul li a:hover,.rank ul li:hover u{ color:#11cd6e;}
.rank ul li u{ width:210px;display:block; height:20px; line-height:23px; position:absolute; left:75px; bottom:0; font-size:14px; color:#999; font-size:12px; text-decoration: none}
.rank ul li u i{ margin-right:10px;}

#mfoot{line-height:28px;color:#333;padding:25px 0;margin-top:35px;border-top:1px solid #ddd;font-size:14px}#mfoot a{display:inline-block}.yl span{display:block;font-size:15px;font-weight:700;float:left}.yl i{display:block;float:right;width:1110px}.yl a{padding:0 15px 0 0}#mfoot .footer{text-align:center;margin-top:10px}#rjph dt{border-color:#FFA633}


#appshow{ width:100%; height:405px; margin:0 auto; padding:10px 0; margin-top:10px; }
#tagbox{width:100%; height:auto; overflow:auto; float:left; padding-bottom:10px; }
#appshow ul,#tagbox ul{ width:1200px; height:405px; margin:0 auto; display:block; position:relative;} #tagbox ul{ margin-top:10px;}
#appshow ul li,#tagbox ul li{ position:absolute;}
#appshow .a1,#tagbox .a1{ width:390px; height:195px; left:0; top:0;}
#appshow .a2,#tagbox .a2{ width:190px; height:95px; left:0; top:205px;}
#appshow .a3,#tagbox .a3{ width:190px; height:95px; left:200px; top:205px;}
#appshow .a4,#tagbox .a4{ width:190px; height:95px; left:0; top:310px;}
#appshow .a5,#tagbox .a5{ width:190px; height:95px; left:200px; top:310px;}
#appshow .a6,#tagbox .a6{ width:195px; height:95px; left:400px; top:0;}
#appshow .a7,#tagbox .a7{ width:195px; height:95px; left:605px; top:0;}
#appshow .a8,#tagbox .a8{ width:400px; height:195px; left:400px; top:105px;}
#appshow .a9,#tagbox .a9{ width:195px; height:95px; left:400px; top:310px;}
#appshow .a10,#tagbox .a10{ width:195px; height:95px; left:605px; top:310px;}
#appshow .a11,#tagbox .a11{ width:190px; height:95px; left:810px; top:0;}
#appshow .a12,#tagbox .a12{ width:190px; height:95px; left:1010px; top:0;}
#appshow .a13,#tagbox .a13{ width:190px; height:95px; left:810px; top:105px;}
#appshow .a14,#tagbox .a14{ width:190px; height:95px; left:1010px; top:105px;}
#appshow .a15,#tagbox .a15{ width:390px; height:195px; left:810px; top:210px;}
#appshow .a1 img,#appshow .a8 img,#appshow .a15 img,#tagbox .a1 img,#tagbox .a8 img,#tagbox .a15 img{ width:100%; height:195px; }
#appshow .a1 span,#appshow .a8 span,#appshow .a15 span,#tagbox .a1 span,#tagbox .a8 span,#tagbox .a15 span{ line-height:195px; font-size:18px;}
#appshow img,#tagbox img{ width:100%; height:95px; }
#appshow span,#tagbox span { line-height:95px; font-size:16px;}
#appshow a,#tagbox a{ overflow:hidden; background:#fff; display:block; position:relative; width:100%; height:100%;}
#appshow a span,#tagbox a span{ width:100%; height:0; position: absolute; left:0; bottom:0; background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); text-align:center;  color:#fff;  transition: all 0.2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}
#appshow a:hover span,#tagbox a:hover span{ height:100%;}

#goodapp{ width:1200px; margin:0 auto; overflow: hidden; height: 890px;}
#goodapp h2{ width:1190px; height:35px; line-height:35px; display:block; float:left; font-weight:normal; margin-top:10px; background:url(../img/fl.png) no-repeat 0 7px; color:#039C03; text-indent:40px; font-size:18px;}
#goodapp ul{ width: 389px; float:left;}
#goodapp ol{ width:400px; float:left; margin:0 10px;}
#goodapp li{ width:100%; height:200px; margin-top:10px; background:#fff; box-shadow: 0 1px 2px #d6d6d6; border-bottom: 1px solid #d4d4d4;}
#goodapp li b{ width:360px; border-left:5px solid #039C03; height:20px; line-height:20px; font-size:16px; margin-top:10px; margin-left:10px; font-weight:normal; display:block; text-indent:15px; color:#039C03; float:left;}

#goodapp .appclass{ width: 389px; height:401px;padding: 0 0 10px 0;;}
.appclass a{width: 47%; height: 55px; margin: 10px 5px 0 5px; display: block; float: left; border: 1px #ebebeb solid; text-indent: 60px; line-height: 55px;  position: relative; color:#333; font-size:16px;box-sizing: border-box;}
.appclass a img{ width:32px; height:32px; position:absolute; left:18px; top:12px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.appclass a:hover img{transform: rotateX(360deg);-webkit-transform: rotateX(360deg);-ms-transform: rotateX(360deg);-moz-transform: rotateX(360deg);}

#goodapp li p{ width:390px; height:124px; float:left;}
#goodapp li span{ width:96%; margin:0 2%; height:40px; display:block; float:left; line-height:40px; border-top:1px dotted #ebebeb; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; color:#999;}
#goodapp li span a{ padding-left:10px; color:#999; /*color:#11cd6e;*/}
#goodapp ol li p a{ margin-left:16px;}
#goodapp li span em{ width:60px; height:40px; color:#11cd6e; display:block; float:left; text-align:center; margin-left:10px;}
#goodapp li p a{ width:80px; height:110px; margin-left:14px; margin-top:14px;  margin-bottom:4px; float:left; color:#999; display:block; float:left;}
#goodapp li p a img{ width:70px; height:70px; padding:5px;border-radius: 10px;}
#goodapp li p a em{ width:80px; height:30px; line-height:30px; text-align:center; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.newapp ul a:hover,#goodapp li a:hover{color:#039C03;}

.newapp{ width:1200px; overflow:auto; margin:0 auto; margin-bottom:-10px; }
.newapp h3{ width:1190px; height:35px; line-height:35px; display:block; float:left; font-weight:normal; margin-top:10px; background:url(../img/time.png) no-repeat 0 7px; color:#039C03; text-indent:40px; margin-bottom:10px; font-size:18px;}
.newapp ul{ width:1200px; height:510px; background:#fff; float:left;}
.newapp ul a{ width:85px; height:110px; margin-left:14px; margin-top:14px;  float:left; color:#999; display:block; float:left;}
.newapp ul a img{ width:70px; height:70px; padding:5px 7.5px; border-radius: 10px;}
.newapp ul a em{ width:80px; height:30px; line-height:30px; text-align:center; display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.bread{ width:1200px; height:25px; margin:10px auto 0 auto; line-height:25px; color:#c5c5c5; text-indent:30px;}
.bread a{ color:#c5c5c5; padding:0 10px;}


.main{ width:1200px; margin: 0 auto; overflow:auto; margin-top:10px;}
#appdata{ width:300px;  border:1px solid #ebebeb; background:#fff; float:left; border-right:0; padding-bottom:5px; z-index:1;}
.appname{ display:block; float:left; font-size:24px; font-weight:500; width:258px; line-height:30px; float:left; color:#666; padding:20px 0 5px 20px; text-align:center;}
.appicon{ width:120px; height:120px; padding:10px 0 15px 89px; float:left;}
.appicon img{ width:120px; height:120px;border-radius: 13px;}
.appdown,.iosdown{ width:299px; float:left; margin-top:10px;}
.appdown li,.iosdown li{ width:220px; height:50px; padding-bottom: 20px; margin-left:39px; color:#FFF; line-height:50px; text-indent:72px;}
.appdown a,.iosdown a{ color:#fff;}
.erweima{ width:60px; height:50px; float:right; cursor: pointer; position:relative; z-index:99999;} 
.erweima_pic{position: absolute; left:55px; top:-35px; width:180px; height:190px; display:none; background:url(../img/ewm.png) no-repeat; z-index:99999;}
.erweima_pic img{ width:130px; height:130px; margin:30px -45px;}
.erweima:hover .erweima_pic{ display:block;}
.appdown .downlink{}
.appdown .movedown{}
.appabout{width:268px; padding:5px 20px; float:left; margin:10px 0; line-height:35px; font-size:14px; color:#555;border-top:1px solid #ebebeb;}
.appabout em{ color:#888;}
.appabout a{ color:#f60; padding-right:5px;} .appabout a:hover{ color:#555; }


.appinfo{ width:837px;  border:1px solid #ebebeb; background:#fff;  float:right; padding: 30px 30px 20px 30px;}
.appinfo h3{ width:832px; height:20px; line-height:20px; margin:20px 0 15px 0; display:block; border-left:6px solid #039C03; float:left; text-indent:15px; font-size:18px}
.appinfo p{ line-height:25px; font-size:15px; color: #666;}
.appremark{margin-bottom: 5px; float: left; width: 100%; background-position: -2px 2px;}
.appremark b{margin-bottom: 5px;line-height: 24px;font-size: 18px;color: #333; display:block; font-weight:normal; text-indent:70px;}
.appremark p{min-height:30px;padding: 15px 5px 15px 16px;background: #f9f9f9;line-height: 26px;font-size: 16px;color: #666;overflow: hidden;-moz-border-radius: 0.2rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem; width:747px; margin-left:70px;}
.appremark p a{ color:#f60;}

#more{width:100%;height:24px; color: #fff;cursor: pointer;line-height: 25px;overflow: hidden;font-size:14px;  text-indent:-9999px; margin-top:10px; float:right;}
#more.in{ margin-top:10px;}
#desc{overflow: hidden; zoom: 1;color:#666; font-size:14px; line-height:28px; float:left; min-height:120px;word-break:break-all;}
#desc p{ margin-top:5px;}
#desc a{ color:#f60;}
#desc h4{ text-indent: 16px; color: #039C03; line-height: 56px; font-size: 15px;}

.picbox{width: 837px; margin: 15px auto 10px 0; background: #fcfcfc; overflow: hidden; float:left; }
#showcase{padding-top:20px;padding-bottom:20px; margin:0 20px; z-index:0;}
#showcase .s-content{width:10000px}
#showcase .scrollbar{overflow:hidden}
#showcase .scrollbar .s-box{height:250px;margin-bottom:20px;_width:838px;*position:relative;*overflow:hidden}
#showcase .scrollbar li{float:left;position:relative;height:250px;margin-right:18px;overflow:hidden; cursor:pointer; position:relative;}
#showcase .scrollbar li u{ width:100%; height:100%; display:none;  position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); background-repeat:no-repeat; background-position: center;  }
#showcase .scrollbar li:hover u{ display:block;}
#showcase .scrollbar li img{max-height:250px;_height:250px;}
#showcase .scrollbar .track{display:none;position:relative;margin:0 4px;height:6px;background-color:#d4d4d4;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; cursor:pointer;}
#showcase .scrollbar .track span{width:110px;height:6px;background-color:#039C03;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#showcase .slider{position:relative;display:none}
#showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden}
#showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center}
#showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;text-indent:-333em}
#showcase .slider .prev,#showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;text-indent:-333em}
#showcase .slider .prev{left:0px}
#showcase .slider .prev:hover{background-position:-83px center}
#showcase .slider .next{right:0px;background-position:-33px center}
#showcase .slider .next:hover{background-position:-128px center}
#showcase .slider .s-nav{text-align:center;height:30px}
#showcase .slider .s-nav .picture{margin:0 7px}
#showcase .slider .s-nav .picture span{display:inline-block;width:30px;height:30px;background-repeat:no-repeat; cursor:pointer;}
#showcase .slider .s-nav .picture .active{}

.version{ width:805px; float:left; border:1px solid #ebebeb; padding:15px;}
.version ol{ width:805px; height:30px; margin-bottom:10px; float:left; line-height:30px; color:#333; }
.version ol i{display:block; width:395px; float:left; text-indent:40px;}
.version ol em{float:left; width:150px; display:block; font-style:normal;}
.version ol span{width:80px; height:30px; float:right; display:block; }
.version li{ width:765px; height:30px; margin-bottom:5px; float:left; line-height:30px; color:#666; padding-left:40px; border-top:1px dotted #ebebeb; padding-top:3px; padding-bottom:3px; position:relative; overflow: hidden;}
.version li a{color:#666; display:block; width:355px; position:absolute; left:40px; top:5px; padding-right:470px; z-index:9;}.version li a:hover{ color:#f60;}
.version li em{  width:150px; display:block; font-style:normal; color:#777;  margin-left:0; font-size:13px; position:absolute; left:395px; top:5px;}
.version li span{ width:80px; height:26px; line-height:25px; margin-top:4px; background:#039C03; float:right; display:block; color:#fff; font-size:13px; text-align:center; border-radius: 4px; cursor:pointer; position:absolute; right:8px; top:5px; z-index:0;}
.version li:hover span{ background:#f60;}
.related{width: 100%;float: left; margin-top:10px;  overflow:hidden;}
.related ul{width: 850px; overflow: hidden; padding-left:10px;}
.related ul li{float: left;width: 80px;margin-right: 25px;text-align: center; margin-bottom:15px;}
.related ul li img{ width:80px; height:80px;border-radius: 5px;}
.related ul li a span{display: block;width: 80px;height: 36px;line-height: 36px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer; }

#ulike{ width:835px; float:left; border:1px solid #ebebeb;}
#ulike ol{ width:100%; border-bottom:1px solid #ebebeb; height:40px;}
#ulike ol b{ width:157px; height:40px; border-right:1px solid #ebebeb; display:block; float:left; margin-right:-1px; line-height:40px; text-align:center; font-weight:normal; cursor:pointer; padding:0 5px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#ulike ol .on{background:#039C03; color:#fff;}
#ulike ul{ width:815px; display:none;  padding:18px 15px; overflow:hidden;}
#ulike ul p{ width:805px; height:100px; display:block; float:left; position:relative;}
#ulike ul p img{ height:100px; max-width: 195px; border-radius: 4px; float:left;	}
#ulike ul p span{ height:100px; width:600px; margin-left:10px; display:block; float:left; overflow:hidden;}
#ulike ul p span a{ line-height:30px; float:left; height:30px; width:100%; float:left; font-size:18px;}
#ulike ul p span em{ height:60px; width:100%; line-height:30px; margin-top:10px; overflow:hidden; display:block; float:left; color:#999;}
#ulike ul li{ width:240px; height:100px; padding:10px; float:left; margin-right:8px; margin-top:10px; border:1px solid #ebebeb;}
#ulike ul li img{ width:80px; height:80px; padding:10px; float:left;border-radius: 5px;}
#ulike ul li p{ width:130px; float:left; height:30px; margin-top:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent:0; font-size:16px; line-height:30px;}
#ulike ul li span{width:130px; float:left;height:20px; margin-top:5px; font-size:12px; line-height:20px; color:#888;}

.appnews{width:835px; float:left; border:1px solid #ebebeb;}
.appnews ul{ width:815px;  padding:18px 15px; overflow:hidden;}
.appnews p{width:805px; height:100px; display:block; float:left; position:relative;}
.appnews p img{ height:100px; max-width: 195px; border-radius: 2px; float:left;	}
.appnews ul p span{ height:100px; width:600px; margin-left:10px; display:block; float:left; overflow:hidden;}
.appnews ul p span a{ line-height:30px; float:left; height:30px; width:100%; float:left; font-size:18px;}
.appnews ul p span em{ height:60px; width:100%; line-height:30px; margin-top:10px; overflow:hidden; display:block; float:left; color:#999;}
.appnews ul li{ width:100%; float:left; margin-top:18px; }
.appnews ul li a{ width:48%; margin-right:2%; float:left; display:block; height:40px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; line-height:40px; text-indent:25px; font-size:16px;}

.special{ width:1178px; height:200px; border:1px solid #ebebeb; background:#fff; margin:0 auto; margin-top:10px; padding:10px; position:relative;}
.special img{ width:400px; height:200px; position:absolute; left:10px; top:10px; z-index:0;}
.special span{ width:400px; height:45px; position:absolute; left:10px; bottom:10px; background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); line-height:45px; text-align:center; color:#fff;}
.special h2{ width:753px; height:40px; display:block; position:absolute; left:430px; top:12px; line-height:40px; font-size:24px;border-left:5px solid #039C03; text-indent:20px; background:#f2f2f2;}
.special p{ width:753px; height:50px; display:block; position:absolute; left:430px; top:85px; line-height:25px; color:#666; font-size:14px; overflow:hidden; line-height:25px; text-indent:2em;}
.special ul{ width:753px; height:60px; position:absolute; bottom:12px; left:430px; overflow:hidden;}
.special ul b{ float:left;width:751px; display:block; float:left; font-weight:normal; text-indent:15px; height:25px; line-height:25px; color:#666;}
.special ul em{ padding:5px; height:25px; line-height:25px; margin-top:5px; float:left; color:#f60; text-indent:12px;}
.special ol{ height:20px; width:753px; position:absolute; position:absolute; top:60px; left:430px; font-size:12px; line-height:20px; color:#888;}
.special ol i{ float:left; margin-right:20px;}
.correlation{ width:1198px; height:40px; border:1px solid #ebebeb; border-top:0px; background:#fff; margin:0 auto;  position:relative;}
.correlation span{ width:120px; height:40px; line-height:40px; background:#90baf8; border-right:1px solid #ebebeb; display:block; float:left; text-align:center; color:#fff;}
.correlation a{ margin-left:30px; line-height:40px; color:#666; font-size:14px;}
.correlation a:hover{ color:#f60;}

.listclass{ width:1198px; height:auto;padding: 10px 0x; border:1px solid #ebebeb; background:#fff; margin:10px auto 0 auto;}
.listclass p{ width:1100px; height:59px; line-height:59px; font-size:15px; color:#666; border-bottom:1px solid #ebebeb; padding:0 20px 0 86px; display:block; position:relative;}
.listclass p a{ padding-left:12px; color:#83a81b;}
.listclass p em{ width:40px; height:40px; display:block; position:absolute; left:56px; top:0; color:#11cd6e;}
.listclass li{ width:1100px; min-height:60px; font-size:15px; color:#666; line-height:40px; padding:10px 20px 0 86px;position:relative;}
.listclass li em{ width:40px; height:40px; display:block; position:absolute; left:56px; top:10px; color:#11cd6e;}
.listclass li a{ padding-left:12px; color:#999;} .listclass a:hover{ color:#11cd6e;}
.listclass .on{ color:#11cd6e;}


.list{ width:1200px;margin:10px auto 0 auto; overflow:hidden;}
.list ul{ width:1215px;}
.list ul li{width: 348px; height: 136px; margin: 0 15px 20px 0; padding: 20px 20px 14px; border: 1px #eee solid; background: #fff; cursor: pointer; float:left; color:#000; position:relative;}
.list ul li:hover{-webkit-box-shadow: 0 2px 4px #ccc;-moz-box-shadow: 0 2px 4px #ccc;box-shadow: 0 2px 4px #ccc;}
.list ul li span{ width:100px; height:100px; position:absolute;left:20px; top:20px; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}.list ul li span img{ width:100px; height:100px; border-radius: 10px;}
.list ul li a{ width:230px; height:26px; line-height:26px; display:block; position:absolute; padding:15px 20px 110px 140px; left:0; top:0; color:#333; font-size:18px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; z-index: 1;}.list ul li a:hover{ color:#039C03;}
.list ul li i{ width:230px; height: 16px;line-height: 16px;color: #aaa; display: block; position:absolute; left:140px; top:51px;}
.list ul li i em{ padding-left:15px;}
.list ul li p{ width:230px; height:78px; position:absolute; left:140px; top:76px; line-height:26px; color:#bbb; overflow:hidden;}

.page{ width:1200px; height:40px; margin:10px auto 0 auto; padding:10px 0; text-align:center;}
.page a,.page span{display: inline-block; height: 24px; line-height:24px; padding: 8px 18px; font-size:18px;  margin: 0 4px 10px; border: solid 2px #f3f3f3; background: #fff; text-align: center; color: #666; letter-spacing: normal; word-spacing: normal;}
.page a:hover,.page span{ background:#83a81b; color:#fff;}

.tagdata{ width:1158px; height:200px; margin:10px auto 0 auto; padding:20px; background:#fff; border:1px solid #ebebeb;}
.tagdata ol{ width:400px; height:200px; position:relative; float:left;}
.tagdata ol img{ width:400px; height:200px;}	
.tagdata ol b{ font-weight:normal;width:400px; height:30px; line-height:50px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); line-height:30px; text-align:center; color:#fff; display:block; font-size:18px;}
.tagdata ul{ width:738px; height:200px; float:left; position:relative; margin-left:20px;}
.tagdata ul h2{ width:700px; display:block; height:30px; position:absolute; left:0; top:0; line-height:30px; border-left:5px solid #83a81b; text-indent:20px;}
.tagdata ul li{ width:100%; height:25px; line-height:25px; position:absolute; left:0; top:40px; color:#bbb;}
.tagdata ul li i{ padding-left:40px;} .tagdata ul li em{ padding:0 5px; color:#83a81b;}
.tagdata ul p{ width:100%; height:78px; line-height:26px; position:absolute; left:0; top:74px; color:#888; overflow:hidden;} .tagdata ul p a{ color:#83a81b;}
.tagdata ul span{ width:100%; height:35px; background:#efefef; display:block; position:absolute; left:0; bottom:0; line-height:35px;}
.tagdata ul span b{ background:#83a81b; color:#fff; font-weight:normal; padding:0 25px; display:block; float:left; height:35px;}
.tagdata ul span a{ padding-right:30px;  color:#888; display:block; float:left; height:40px;}

#hottag{ width:1200px;  margin:10px auto 0 auto; overflow:hidden;}
#hottag h3 em{ position:absolute; top:0; right:0; font-size:14px;}
#hottag h3 em a{ color:#bbb;}
#hottag h3{ width:1195px; height:30px; margin-bottom:15px; border-left:5px solid #83a91b; line-height:30px; color:#83a91b; text-indent:15px; position:relative; font-size:18px;}
#hottag ul{ width:1215px; }
#hottag ul a{width: 390px; height: 195px; margin: 0 15px 15px 0;  cursor: pointer; float:left; position:relative;}
#hottag ul img{ width:392px; height:196px;}
#hottag ul a span{ position:absolute; left:0; bottom:0; height:35px; line-height:35px; width:100%; font-size:16px; text-align:center; color:#fff;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000); display:block; transition: all 0.2s linear; -webkit-transition: all .2s linear; transition: all .2s linear;}

.list ul li dd{width: 60px; height: 60px; display: block; position: absolute; left: 0; top: 0; z-index:9;}

#nup_body{ width:1200px; margin:0 auto;}
#nup_soft,#nup_arc,#nup_rom{ margin-top:10px; clear:both;}
#nup_soft p,#nup_arc p,#nup_rom p{ font-size:18px; font-weight:bold; border-bottom:2px #6c9e0b solid; padding-bottom:10px; color:#039C03;}
#nup_arc p,#nup_rom p{ padding-top:20px;}
#nup_soft li{ float:left; width:240px; height:30px; line-height:30px; overflow:hidden;}
#nup_soft a,#nup_arc a,#nup_rom a{ font-size:14px; color:#333;}
#nup_soft span,#nup_arc span,#nup_rom span{ font-size:12px; color:#CCC;}
#nup_arc li,#nup_rom li{ float:left; width:600px; height:30px; line-height:30px; overflow:hidden;}


.navFix{width:100%;position:fixed;top:0;_position:absolute;z-index:9999}.navFix{top:expression((offsetParent.scrollTop)+0)}