html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, video, video{ margin: 0; padding: 0; border: 0;font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
strong { font-weight: bold;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
select, input, button, textarea { font-family: "Microsoft Yahei",STHeiti,sans-serif; font-size: 100%; font-style: normal; font-weight: normal; line-height: normal; vertical-align: middle; outline: none;padding:0;margin:0;}
input, button { outline: none; }
::-webkit-input-placeholder { color:#ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color:#ccc; }
:focus::-webkit-input-placeholder { color: #b7cee4; }
:focus::-moz-placeholder { color: #b7cee4; }
:focus:-ms-input-placeholder { color:#b7cee4; }
img { vertical-align: top;font-size:0.12rem;color:transparent;}
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
/*main*/
html {font-size:100px;}
body { background: #f9f9f9; width: 100%; position: relative;color:#333;font:14px/1.5 "Microsoft Yahei",STHeiti,sans-serif;}
a { text-decoration: none; color: #333; outline: none; cursor:pointer;}
a:hover { color:#0077EE;}
.fc-gray{color:#aaa;}
.fc-red{color:#F63;}
.fc-blue{color:#0077EE;}
.fl { float: left; }
.fr { float: right; }
.sp { opacity: 0.4; font-size:10px; padding:0 1em; font-family:Tahoma; }
.hidden { display: none!important; }
.mr5{margin-right:5px;}
a:hover img{ opacity:0.8;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}
.mt-10{margin-top:-10px;}


.input-text{padding:9px;border:1px solid #ddd;height:20px;line-height:20px;font-size:14px;}
.input-text:focus{background-color:#f7fbff;border-color:#b7cee4}
.submit-button{height:40px;line-height:40px; text-align:center;border:0; background-color:#0077ee;color:#fff; cursor:pointer;}
.submit-button:hover{ background-color:#106CD3;color:#fff;}
.cancel-button{height:38px;line-height:38px; text-align:center;border:1px solid #ddd; background-color:#fff;color:#333; cursor:pointer;}
.cancel-button:hover{ background-color:#f9f9f9;}
.radio-label{display:inline-block;}
.text-overflow{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.all-top-box,.head-box,.nowbar,.count,.foot-box{width:1200px;margin:0 auto; position:relative;}

.box{margin-bottom:10px; position:relative;}
.box-nb{ position:relative;}
.h{height:30px;line-height:30px; position:relative;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:10px;}
.h-title{font-size:24px;border-left:5px solid #0077ee;padding-left:10px;}
.h-bl{height:40px;line-height:40px; position:relative;margin-bottom:10px;border-bottom:1px solid #ddd;}
.h-bl-title{font-size:16px; background-color:#f9f9f9;padding-left:10px;}
.h-tags{ position:absolute;left:140px;top:0;}
.h-tags a{display:inline-block;margin-right:10px;}
.h-link{float:left;margin-left:30px;font-size:16px;line-height:40px;height:30px;overflow:hidden;}
.h-more{ position:absolute;right:0;bottom:10px;line-height:14px;}
.h-bl .h-more{right:10px;}
.h-htc{margin-bottom:10px;}
.h-tab-list{height:40px;line-height:38px;overflow:hidden;}
.h-tab-s{float:left;border-bottom:2px solid #ddd; text-align:center;font-size:16px;}
.h-tab-s a{ display:block;}
.h-tab-s.active{border-bottom-color:#0077ee;}
.h-tab-s.active a{color:#0077ee;}
.htc-3 .h-tab-s{width:33.33%;}
.htc-4 .h-tab-s{width:25%;}
.h-s{height:30px;line-height:20px; voice-family:inherit;margin-bottom:10px;border-bottom:1px dotted #ddd; position:relative;}
.h-s-title{font-size:16px;font-weight:bold;border-left:5px solid #0077ee;padding-left:10px;}

@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1474880471_8810644.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1474880471_8810644.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1474880471_8810644.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1474880471_8810644.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1474880471_8810644.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                                                
.iconfont{font-family:"iconfont";font-size:14px;font-style:normal;}

/*all-top*/
/* .all-top{width:100%;height:40px; background-color:#222;color:#eee; position:fixed;left:0;top:0; z-index:999;} */
.all-top{width:100%;height:40px; background-color:#222;color:#eee;}

.welcome{line-height:40px;}

/*head*/
/* .head{width:100%;height:80px; background-color:#f5f6f7;border-bottom:1px solid #ddd;position:fixed;left:0;top:40px;z-index:998; transition:height 0.2s;} */
.head{width:100%;height:80px; background-color:#f5f6f7;border-bottom:1px solid #ddd;}
.head-logo{height:80px;width:160px;overflow:hidden;transition:height 0.2s,width 0.2s;}
.head-logo a{display:block;width:100%;height:100%; background:url(../images/logo.png?) 0 0 no-repeat; text-indent:-99999px;overflow:hidden;transition:background 0.2s;}
.head-nav{margin:20px 30px;height:40px;line-height:40px;transition:height 0.2s,margin 0.2s,line-height 0.2s;}
.head-nav a{display:block;float:left;width:100px; text-align:center;font-size:16px;height:100%;transition:font-size 0.2s,width 0.2s;}
.head-nav a:hover{ background:url(../images/navbg.png) center 0 no-repeat;color:#333;}
.head-nav a.active{ background:url(../images/navactive.png) center 0 no-repeat;color:#0077ee;}
.head-search{width:270px;height:40px;margin:20px 0;position:relative;transition:width 0.2s,height 0.2s,margin 0.2s;}
.head-search-input{width:209px;padding-right:50px;transition:width 0.2s,padding 0.2s,height 0.2s,line-height 0.2s;}
.head-search-button{width:40px; position:absolute;right:0;top:0; background:none;color:#aaa;transition:width 0.2s,height 0.2s,line-height 0.2s,font-size 0.2s;font-size:20px;}
.head-search-button:hover{ background:none;color:#0077ee;}
.head.active{  height:50px;}
.head.active .head-logo{height:50px;width:100px;}
.head.active .head-logo a{ background-image:url(../images/headlogos.png)}
.head.active .head-nav{margin:0 20px;height:50px;line-height:50px;}
.head.active .head-nav a{display:block;float:left;width:80px; text-align:center;font-size:14px;height:100%;}
.head.active .head-nav a:hover{ background:none;color:#333;}
.head.active .head-nav a.active{ background:none;color:#0077ee;}
.head.active .head-search{width:200px;height:30px;margin:10px 0;position:relative;}
.head.active .head-search .head-search-input{width:149px;padding:0 40px 0 10px;height:28px;line-height:28px;}
.head.active .head-search .head-search-button{width:30px;height:30px;line-height:30px;font-size:16px;}

/*pager*/
/*.page{width:100%;padding:151px 0 20px; background-color:#fff;}*/
.nowbar{margin-bottom:10px;}
.count{}
.count-box{margin-bottom:30px;}
.main{width:840px;}
.sub{width:300px;}
.main-s{width:600px;}
.main-l{width:960px;position:relative;}
.main-all{width:100%;position:relative;}
.menu{width:180px; position:relative;min-height:1px;}
.pbr{padding-right:30px;border-right:1px solid #ddd;}
.pbl{padding-left:30px;border-left:1px solid #ddd;}
.pblr{padding:0 30px;margin-left:30px;border-right:1px solid #ddd; border-left:1px solid #ddd;}

.page-title{font-size:24px;border-left:5px solid #0077ee;line-height:30px;padding-left:10px;margin-bottom:20px;}
.page-info{line-height:30px;}
.oder .page-title{margin:5px 20px 5px 0;}
.oder .page-info{margin:15px 0 5px;line-height:20px;}
.oder-list{height:40px; background-color:#f9f9f9;}
.oder-list li{display:inline-block;line-height:40px;vertical-align:bottom;}
.oder-list li a{display:block;padding:0 20px;}
.oder-list li.active{margin-top:-5px;height:46px;font-size:16px; }
.oder-list li.active a{border:1px solid #ddd;border-top:3px solid #0077ee;border-bottom:none;background-color:#fff;line-height:43px;}
.oder-info{height:30px;line-height:30px;}
.oder + .oder-info{border-top:1px solid #ddd;padding:15px 0 0;}
.oder-class + .oder-info{margin-top:15px;}
.class{font-size:12px;}
.class a{ display:inline-block; vertical-align:top;padding:0 10px; background-color:#fff;border:1px solid #ddd;line-height:28px;margin-right:5px;}
.class a.active{ background-color:#0077ee;color:#fff;border-color:#0077ee;}

.oder-class{ background-color:#f9f9f9;border-top:1px solid #ddd; padding:0 15px;}
.class-list { overflow: hidden; position: relative; border-top: 1px dotted #ddd;padding:15px 50px 0 60px;font-size: 12px;}
.class-list:first-child {border-top: none; }
.class-list dt { color: #999;height: 22px; line-height: 22px; position:absolute;left:0;top:15px;}
.class-list dd { float: left; height: 22px; line-height: 22px; display: block; text-align: center;padding: 0 5px 10px 0; }
.class-list dd a { padding:0 10px;overflow: hidden; display: block; white-space: nowrap;height: 22px;line-height:22px;}
.class-list dd a.act{height: 20px;line-height:20px;background-color: #fff;color:#0077ee;border:1px solid #0077ee;}
.class-list dd.class-more{ position:absolute;right:0;top:15px;width:40px;border:1px solid #ddd; background-color:#fff;padding:0 5px;line-height:20px;color:#999; cursor:pointer;}
.class-list dd.class-more:hover{ color:#0077ee;border-color:#0077ee;}
.cl-more{border-top:1px solid #ddd;line-height:20px;padding-bottom:10px; text-align:center;}
.cl-more span{ display:block;margin:0 auto;border:1px solid #ddd;border-top:0;border-radius:0 0 10px 10px;width:80px;font-size:12px; cursor:pointer; background-color:#fff;}
.cl-more span:hover{color:#0077ee;}

.list-style{}
.list-style a{ display:inline-block;margin-left:10px;height:30px;width:30px; text-align:center;color:#ccc;overflow:hidden;font-size:24px;}
.list-style a.active{color:#0077ee;}

.text-list{}
.text-list li{border-bottom:1px dotted #ddd;padding:15px 0;height:1%;overflow:hidden; position:relative;font-size:16px; list-style:inside disc;}
.text-list li.text-overflow{height:20px;line-height:20px;}

.text-list-s{}
.text-list-s li{position:relative;list-style:inside disc;line-height:30px;}
.text-list-li2 li{float:left;width:45%;padding-right:5%;}

.text-img-list{}
.text-img-list li{border-bottom:1px dotted #ddd;padding:15px 0;height:1%;overflow:hidden; position:relative;}
.text-img-list li img{float:left;margin-right:15px;}
.text-img-list li .title{height:20px;line-height:20px;font-size:16px;margin-top:5px;}
.text-more{ position:absolute;right:0;top:0;font-size:12px;}
.text-img-list li .text-more{top:15px;}
.text-img-list li .text-abstract{margin-top:14px;line-height:18px;height:36px;font-size:12px;overflow:hidden;}
.til-b li{line-height:20px;float:left;width:48%;}
.til-b li .title{height:40px;overflow:hidden;}
.til-b li:nth-child(even){margin-left:4%;}
.til-b li .text-more{ position:static;margin-top:10px;}

.text-num-list{}
.text-num-list li{line-height:20px;font-size:14px;padding:5px 0;}
.text-num-list li span{ display:inline-block; vertical-align:top;width:18px;height:18px;line-height:18px;margin-top:1px;text-align:center;margin-right:10px; background-color:#b7cee4;color:#fff;font-size:12px;}
.text-num-list li:first-child span{ background-color:#f60}
.text-num-list li:nth-child(2) span{ background-color:#F90}
.text-num-list li:nth-child(3) span{ background-color:#9C0}
.text-num-list li:nth-child(4) span{ background-color:#09C}
.text-num-list li:nth-child(5) span{ background-color:#3CC}

.apps-list{}
.apps-list li{float:left;padding:10px;width:80px; position:relative}
.apps-list .sup{ position:absolute;}
.apps-list li img{width:80px;height:80px;}
.apps-list-title{ text-align:center;line-height:20px;margin-top:5px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-size:12px;}

.device-list{}
.device-list li{padding:11px;float:left;width:106px;border:1px solid #ddd;margin:5px;}
.device-list li:hover{border-color:#0077ee}
.device-list li img{width:106px;height:106px;}
.device-list-title{ text-align:center;line-height:20px;margin-top:5px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.device-list-b{}
.device-list-b li{width:168px;padding:10px; position:relative;float:left;border:1px solid #ddd;margin:5px;}
.device-list-b li:hover{border-color:#0077ee;}
.device-list-b li img{width:168px;height:168px; display:block;}
.device-list-b .device-list-title{ position:absolute;width:168px;height:30px;line-height:30px;background-color:rgba(0,0,0,0.2);left:10px;top:148px;color:#fff;margin-top:0;}
.device-list-b .device-list-title a{color:#fff;}
.device-list-info{overflow:hidden;text-align:right;font-size:12px;line-height:20px;margin-top:5px;}
.device-list-info a{display:inline-block; vertical-align:top}

.page-device-list{width:1220px;margin-left:-20px;}
.page-device-list-item{padding:15px 0; position:relative;padding-top:207px;padding-bottom:0;float:left;width:222px;margin:0 0 20px 20px;border:1px solid #ddd;}
.page-device-list-img{ position:absolute;width:192px;height:192px;top:15px;left:50%;margin-left:-96px;}
.page-device-list-img img{width:100%;height:100%;}
.page-device-list-title{ text-align:center;padding:0 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;line-height:50px;}
.page-device-list-info {padding:15px;height:20px;overflow:hidden;font-size:12px;background-color:#f9f9f9;}
.page-device-list-info-star{float:left;}
.page-device-list-info-class{float:right;}
.page-device-list-price{line-height:24px;padding-top:15px;border-top:1px dotted #ddd; background-color:#f9f9f9; text-align:center;}
.page-device-list-price strong{font-size:20px;}

.page-apps-list .page-apps-list-item{padding:15px 0; position:relative;}
.page-apps-list-img{ position:absolute;width:144px;height:144px;left:0;top:15px;}
.page-apps-list-img img{width:100%;height:100%;}
.page-apps-list-title{}
.page-apps-list-info{line-height:20px;}
.style-block.page-apps-list{width:1220px;margin-left:-20px;}
.style-block .page-apps-list-item{padding-top:164px;padding-bottom:0;float:left;width:222px; background-color:#f9f9f9;margin:0 0 20px 20px;border:1px solid #ddd;}
.style-block .page-apps-list-img{left:50%;margin-left:-72px;}
.style-block .page-apps-list-title{ text-align:center;padding:0 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;line-height:50px;}
.style-block .page-apps-list-info {padding:15px;border-top:1px dotted #ddd; background-color:#fff;height:20px;overflow:hidden;font-size:12px;}
.style-block .page-apps-list-info-star{float:left;}
.style-block .page-apps-list-info-class{float:right;}

.page-video-list{width:1220px;margin-left:-20px;}
.page-video-list .page-video-list-item{padding:212px 0 0; position:relative;float:left;width:283px; background-color:#f9f9f9;margin:0 0 20px 20px;border:1px solid #ddd;}
.page-video-list-img{left:0;position:absolute;width:283px;height:212px;top:0;overflow:hidden;}
.page-video-list-img img{width:100%;height:100%;}
.page-video-list-img .iconfont{ position:absolute;width:60px;height:60px; text-align:center;line-height:60px;color:#fff;font-size:50px;left:50%;top:50%;margin:-30px 0 0 -30px;border-radius:100px; background-color:#0077ee; transition:all 0.2s;opacity:1;}
.page-video-list-img p{ position:absolute;width:263px;height:100px;padding:10px;left:0;top:212px; background-color:rgba(0,0,0,0.5);color:#fff;line-height:20px;overflow:hidden;transition:all 0.2s; opacity:0;}
.page-video-list-img a:hover .iconfont{top:-60px;opacity:0;}
.page-video-list-img a:hover p{top:92px; opacity:1;}
.page-video-list-title{ text-align:center;padding:0 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;line-height:50px;}
.page-video-list-info {padding:15px;border-top:1px dotted #ddd; background-color:#fff;height:20px;line-height:20px;overflow:hidden;font-size:12px;}
.page-video-list-info-star{float:left;}
.page-video-list-info-class{float:right;}

.page-firms-list{width:1220px;margin-left:-20px;}
.page-firms-list-item{padding:179px 0 15px;padding-bottom:0;float:left;width:222px; background-color:#f9f9f9;margin:0 0 20px 20px;border:1px solid #ddd; position:relative;}
.page-firms-list-img{left:50%;margin-left:-72px; position:absolute;width:144px;height:144px;top:15px;}
.page-firms-list-img img{width:100%;height:100%;}
.page-firms-list-title{ text-align:center;padding:0 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;line-height:50px; background-color:#fff;border-top:1px dotted #ddd;}

.firms-box{ position:relative;padding:20px 20px 20px 270px;height:200px;border:1px solid #ddd;}
.firms-box .title{font-size:32px;font-weight:bold;line-height:40px;border-bottom:1px dotted #ddd;padding-bottom:15px;margin-bottom:15px;}
.firms-box .txt{font-size:14px;line-height:20px;color:#999;height:120px;overflow:hidden;}
.firms-box .link{ position:absolute;right:20px;top:40px;}
.firms-box .img{ position:absolute;left:0;top:0; background-color:#f9f9f9;padding:20px;width:200px;height:200px;}
.firms-box .img img{width:100%;height:100%;}

.page-tags-title{height:60px;line-height:60px;font-size:32px;border-bottom:3px solid #333; background-color:#f9f9f9;}
.page-tags-title h1{display:inline-block;padding:0 30px; background-color:#333;color:#ddd;}
.page-tags-title strong{color:#fff;padding:0 10px;}
.page-tags-top{}
.page-tags-top .headlines{width:400px;padding-right:30px;border-right:1px solid #ddd;}
.page-tags-top .headlines img{display:block;width:400px;height:300px;}
.page-tags-top .headlines .title{font-size:22px;line-height:30px;margin:10px 0;}
.page-tags-top .headlines .abstract{line-height:20px;height:60px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.page-tags-top .headlines-list{width:740px;margin-top:-30px;}
.page-tags-top .headlines-list li{margin-top:30px;width:738px;overflow:hidden;border:1px solid #ddd; position:relative;}
.page-tags-top .headlines-list li .img{height:188px;width:250px;margin-right:15px;float:left;}
.page-tags-top .headlines-list li .img img{width:100%;height:100%;}
.page-tags-top .headlines-list li .title{font-size:22px;line-height:30px;max-height:60px;overflow:hidden;margin-bottom:10px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;margin:15px;}
.page-tags-top .headlines-list li .abstract{line-height:20px;height:40px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:10px 15px;}
.page-tags-top .headlines-list li .tags{line-height:20px; position:absolute;bottom:15px;left:265px;}

.page-tags-line{padding:5px;background-color:#f9f9f9;}
.page-tags-line a{ display:inline-block;padding:10px;line-height:20px;font-size:16px;background-color:#fff;margin:5px;border:1px solid #ddd;}
.page-tags-line a:hover{ background-color:#0077ee;color:#fff;border-color:#0077ee;}
.maxline-1{height:52px;overflow:hidden;}
.maxline-3{height:156px;overflow:hidden;}

.page-tags-list{}
.page-tags-list a{ display:inline-block;font-size:16px;line-height:20px;margin:10px 15px 0 0;}

.apps-name-list{padding:20px; background-color:#f9f9f9;}
.apps-name-list a{ display:inline-block;margin-right:15px; white-space:nowrap;}

.text-sqimg-list{}
.text-sqimg-list li{border-bottom:1px dotted #ddd;padding:15px 0;height:1%;overflow:hidden; position:relative;}
.text-sqimg-list li img{float:left;margin-right:15px;width:100px;height:100px;}
.text-sqimg-list .title{font-size:20px;line-height:30px;height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.text-sqimg-list .info{margin-top:10px;line-height:20px;height:20px;}
.text-sqimg-list .info strong{max-width:60px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.text-sqimg-list .link{font-size:12px;line-height:20px;margin-top:10px;}
.text-sqimg-list .link a{display:inline-block;margin-right:10px;}
.text-sqimg-num-list{}
.text-sqimg-num-list li{border-bottom:1px dotted #ddd;padding:10px 0 10px 28px;height:1%;overflow:hidden; position:relative;}
.text-sqimg-num-list li img{float:left;margin-right:10px;width:60px;height:60px;}
.text-sqimg-num-list li .title{font-size:20px;line-height:30px;height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.text-sqimg-num-list li .link{font-size:12px;line-height:30px;height:30px;overflow:hidden;}
.text-sqimg-num-list li .link a{display:inline-block;margin-right:10px;}
.text-sqimg-num-list li .link strong{font-size:14px;}
.text-sqimg-num-list li .num{ position:absolute;left:0;top:30px;width:18px;height:18px;line-height:18px;text-align:center;background-color:#b7cee4;color:#fff;font-size:12px;}
.text-sqimg-num-list li:first-child .num{ background-color:#f60}
.text-sqimg-num-list li:nth-child(2) .num{ background-color:#F90}
.text-sqimg-num-list li:nth-child(3) .num{ background-color:#9C0}
.text-sqimg-num-list li:nth-child(4) .num{ background-color:#09C}
.text-sqimg-num-list li:nth-child(5) .num{ background-color:#3CC}

.text-video-list{}
.text-video-list li{}
.text-video-list .title{ line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:0 5px;}
.sub .text-video-list{width:320px;}
.sub .text-video-list li{float:left;width:138px;margin:10px 20px 10px 0;border:1px solid #ddd;}
.sub .text-video-list img{width:138px;height:103px;}

.article-list{}
.article-list .article-list-item{padding:15px 0;border-top:1px dotted #ddd;height:120px;}
.article-list-img{    float: left;width:160px;height:120px;overflow:hidden;left:0;top:15px;}
.article-list-img img{width:100%;height:100%;}
.article-list-title{margin-bottom:9px;}
.article-list-txt{    margin-left: 15px;line-height:20px;display: -webkit-box;-webkit-line-clamp: 2;    width: 660px;float: left;-webkit-box-orient: vertical;height:40px;overflow:hidden;margin-bottom:30px;font-size:12px;}
.article-list-tags{line-height:20px;font-size:12px;margin-bottom:3px;overflow:hidden;}
.article-list-tags a{ display:inline-block;margin:0 5px; vertical-align:top;}
.article-list-info{line-height:20px;font-size:12px;}
.article-list-point{ position:absolute;left:40px;top:20px; z-index:3;transition:opacity 0.2s,top 0.2s;}
.article-list-img:hover .article-list-point{top:-80px; opacity:0;}
.style-line .article-list-title{font-size:20px;    margin-left: 15px;line-height:24px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    width: 660px; float: left;}
.style-line .article-list-info{    margin-left: 15px;height:20px;overflow:hidden;    width: 660px; float: left;}
.style-line .article-list-info-time,.style-list .article-list-info-class{float:left;margin-right:15px;}
.style-line .article-list-info-comment,.style-line .article-list-info-read{float:right;}
.style-block .article-list-item{float:left;width:225px;}
.style-block .article-list-item:nth-child(even){margin-left:30px;}
.style-block .article-list-title{font-size:16px;line-height:23px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:46px;overflow:hidden;}
.style-block .article-list-txt{ display:none;}
.style-block .article-list-info-time{display:block;clear:right;}
.style-block .article-list-info-class{float:left;}
.style-block .article-list-info-comment,.style-block .article-list-info-read{float:right;}


.user-head{border:1px solid #ddd;border-radius:999px; display:block;overflow:hidden;}
.user-head img{display:block;width:100%;height:100%;}
.star{height:20px; background:url(../images/star.png) 0 bottom repeat-x;width:100px;overflow:hidden; position:relative; display:inline-block; vertical-align:top;}
.star i{ position:absolute;left:0;top:0;height:20px;display:block; background:url(../images/star.png) 0 0 repeat-x; text-indent:-9999px;overflow:hidden;}
.star i.star-1{width:20px;}
.star i.star-2{width:40px;}
.star i.star-3{width:60px;}
.star i.star-4{width:80px;}
.star i.star-5{width:100px;}
.star-g{ background-image:url(../images/starg.png);}
.star-g i{ background-image:url(../images/starg.png)}

#Validform_msg{width:200px; position:absolute;}
.Validform_checktip{ position:absolute; z-index:3;display:none;bottom:0;right:0;}
.Validform_error{}
.Validform_wrong{ background-color:#f63;color:#fff;padding:0 5px;font-size:12px; display:block;line-height:20px;animation: Validform_checktip 0.2s ease-in-out;-webkit-animation: Validform_checktip 0.2s ease-in-out;-moz-animation: Validform_checktip 0.2s ease-in-out; opacity:1;}
@keyframes Validform_checktip {
0% {
opacity: 0;
}
 100% {
opacity:1;
}
}
.little-tips{position:absolute;right:0;bottom:0; display:block;padding:0.04rem;line-height:0.12rem;border-radius:0.04rem; background-color:#333;color:#fff;animation: little-tips 1s ease-out;-webkit-animation: little-tips 1s ease-out;-moz-animation: little-tips 1s ease-out; opacity:0; white-space:nowrap;}
.lt-b{ background-color:#888;}
.lt-r{ background-color:#f60;}
@keyframes little-tips {
0% {
opacity: 0;
}
50% {
opacity:1;
}
100% {
opacity: 0;
bottom:0.2rem;
}
}

.comment-send{width:100%; position:relative;border:1px solid #b7cee4;padding-bottom:50px;margin-top:20px; box-sizing:border-box;}
.comment-input{height:auto;border:0;border-bottom:1px solid #ddd;width:820px;max-width:820px; }
.comment-button{ position:absolute;right:5px;bottom:5px;width:100px;}
.comment-post{}

.cont-comment{}
.comment-list{margin-top:15px;}
.comment-none{padding:30px 0;}
.comment-item{margin-left:87px; position:relative;border-bottom:1px dotted #ddd;padding:15px 0;}
.comment-item:last-child{border-bottom:none;}
.comment-head{ position:absolute;left:-87px;top:15px;width:72px;height:72px;}
.comment-author{margin-bottom:10px;line-height:20px;font-weight:bold;}
.comment-content{word-wrap: break-word;line-height:20px;font-size:16px;}
.comment-content img,.comment-reply-content img{ vertical-align:bottom}
.comment-info{line-height:20px;font-size:12px;margin-top:10px;}
.comment-info span,.comment-reply-info span{margin-right:0.12rem;display:block;float:left;}
.comment-tools{float:left;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle;}
.comment-tools a{ display:block;float:left;margin-left:10px;padding:0 5px;border-radius:4px;position:relative;}
.comment-tools a:hover{ background-color:#f5f6f7}
.comment-tools .report{ display:none;}
.comment-info:hover .report,.comment-reply-info:hover .report{ display:inline;}
.comment-reply{}
.comment-reply-list{margin-top:10px;}
.comment-reply-item{padding:10px 0;margin-left:42px;position:relative;}
.comment-reply-item .comment-head{left:-42px;top:10px;height:32px;width:32px;}
.comment-reply-author{ display:inline-block;margin-right:10px;font-weight:bold;}
.comment-reply-who{ display:inline-block;margin-left:10px;font-weight:bold;}
.comment-reply-content{word-wrap: break-word;word-break:break-all;line-height:20px;}
.comment-reply-txt{line-height:20px;margin-top:5px;}
.comment-reply-info{font-size:12px;margin-top:5px;}
.comment-rely-page{font-size:12px;margin-top:10px;}
.comment-rely-page a{}
.comment-reply-send{ display:none;border:1px solid #b7cee4;position:relative;padding-bottom:50px;margin-top:10px;}
.comment-reply-send .comment-input{width:733px;max-width:733px; }
.comment-stat{ background-color:#f9f9f9;line-height:40px;padding:0 10px;margin-top:15px; display:none;}
.comment-send .Validform_checktip,.comment-reply-send .Validform_checktip{right:5px;bottom:55px;}
.comment-report .radio-label{padding:2px 0;width:30%;}

.point{width:80px;height:80px;overflow:hidden;border-radius:1000px; background-color:#ddd;color:#fff; text-align:center; position:relative; cursor:default;}
.point em{line-height:30px;height:30px;display:block;font-size:12px; background-color:rgba(0,0,0,0.2);}
.point strong{height:50px;line-height:60px;display:block;font-size:30px;}
.point.good{ background-color:#f60;}
.point.normal{ background-color:#9C0}
.point.bad{ background-color:#69C}

.table-box{}
.table-box table{border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table-box table th,.table-box table td{line-height:20px;padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table-box table th{ background-color:#f9f9f9; text-align:center; vertical-align:middle;font-size:12px;}
.table-box table th.t-title{ background-color:#f7fbff;}
.table-box table td p{margin-bottom:5px;}
.table-box table td p:last-child{margin-bottom:0;}
.table-box table td p i{padding:0 10px;font-size:12px;}

.pager{padding:30px 0 0;text-align:left;border-top:1px solid #ddd;}
.pager span,.pager a{display:inline-block;margin:0 5px;padding:4px 10px;border:1px solid #ddd;line-height:20px; text-align:center;}
.pager a:hover{ color:#0077ee;border-color:#0077ee;}
.pager span{ background-color:#f9f9f9; cursor:default;color:#bbb;}
.pager span.act{ background-color:#0077ee;border-color:#0077ee;color:#fff;}
.pager span.ect{ background-color:#fff;border-color:#fff;}
.pager-select{margin-left:3px;padding:4px 10px;border:1px solid #ddd;position:relative;*zoom:1; z-index:22; cursor:pointer;font-size:12px;line-height:20px; text-align:center;}
.pager-select ol{ position:absolute;left:-1px;top:28px;width:103px;overflow:hidden;border:1px solid #ddd;background:#f9f9f9; display:none;}
.pager-select ol a{display:block;text-align:left;border:0;margin:0;}
.pager-select ol a:hover{ background-color:#fff;}
.pager-select ol.act{ display:block;height:121px;overflow-y:scroll;}
.pager-more{float:left;}


.pager-s{font-size:12px;}
.pager-s span,.pager-s i,.pager-s a{ display:inline-block;margin-right:10px; vertical-align:top}
.pager-s a{border:1px solid #ddd;width:20px; text-align:center;overflow:hidden;height:18px;margin-top:5px;margin-right:0;line-height:18px;}
.pager-s a:hover{border-color:#0077ee;color:#0077ee;}
.pager-s a.display,.pager-s a.display:hover{color:#ccc; background-color:#f9f9f9;border-color:#ddd;}

.foot{width:100%; background-color:#f9f9f9;border-top:1px solid #ddd;padding:30px 0;}
.foot-links{width:100%;overflow:hidden; text-align:center;}
.foot-links dl{ display:inline-block;padding:0 30px;width:200px;overflow:hidden;border-left:1px solid #ddd; text-align:left;}
.foot-links dl:first-child{border-left:none;}
.foot-links dl dt{font-size:16px;line-height:20px;margin-bottom:10px;}
.foot-links dl dd{float:left;width:50%;}
.foot-logo{margin:20px 0;}
.foot-logo a{display:block;width:160px;height:80px; background:url(../images/footlogo.png) 0 0 no-repeat;margin:0 auto; text-indent:-9999px;overflow:hidden;}
.foot-about{margin:20px 0; text-align:center;}
.foot-copyright{line-height:20px; text-align:center;font-size:12px;}

/*backtotop*/
.backtotop { display: none; width:50px; height:50px; background:#fff;border:1px solid #ddd;position: fixed; left:50%;bottom:30px;margin-left:630px;cursor: pointer; z-index: 999;text-align:center;line-height:50px;font-size:30px;}
.backtotop:hover {border-color:#0077ee; background:#0077ee;color:#fff;}

.gd{width:100%;}
.gd img{display:block;max-width:100%;height:auto;}

.outwin{ position:absolute;width:280px;background-color:#fff;border:1px solid #ddd; display:none;z-index:4;transition:top 0.2s,left 0.2s;box-shadow:0 0 4px rgba(0,0,0,0.1);}
.outwin-title{height:30px;line-height:30px;padding:0 10px; position:relative;border-bottom:1px solid #ddd; background-color:#F0F1F2;}
.outwin-title .close{display:block; position:absolute;right:0;top:0;height:30px;width:30px;font-size:20px; text-align:center; cursor:pointer;transition:transform 0.5S;-webkit-transition:-webkit-transform 0.5S;-moz-transition: -moz-transform 0.5S;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.outwin-title .close:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.outwin-body{padding:10px;font-size:12px;}
.outwin .form-line{margin:5px 0;}
.outwin .form-bline{margin-top:10px;}

.outwin .input-text{width:100%!important;box-sizing:border-box;padding:5px;height:auto;}
.outwin .submit-button,.outwin .cancel-button{height:30px;line-height:30px;width:49%;}
.outwin .cancel-button{line-height:28px;}
.outwin .Validform_wrong{top:5px;right:30px; bottom:auto;}

.slidesjs-navigation{ position:absolute;height:20px;width:20px; text-align:center;z-index:9;line-height:22px;background-color:#fff;border:1px solid #ddd;overflow:hidden;border-radius:20px;font-size:12px; display:none;}
.slidesjs-navigation:hover{border-color:#0077ee; background-color:#0077ee;color:#fff;}

.error404{width:400px;margin:0 auto;text-align:center;}
.error404 h2{font-size:30px;line-height:70px;}
.error404 h2 strong{font-size:60px;padding-right:15px;}
.error404 p{ }
.error404 img{display:block;margin:20px auto;border-radius:10px;}
.error404 div{}
.error404 div a{display:inline-block;padding:0 20px;margin:0 10px;}

.stars-vote{height:20px;line-height:20px;margin-top:10px;padding:10px 0 10px 20px;border:1px solid #b7cee4;border-bottom:none;}
.stars-vote-box{display:inline-block;width:100px;height:20px;overflow:hidden; vertical-align:top;background: url(../images/star.png) 0 -20px repeat-x; position: relative; }
.stars-vote-box em{display:block; position:absolute; z-index:1; text-indent:-9999rem;overflow:hidden;height:20px;background: url(../images/star.png) 0 0 repeat-x;}
.stars-vote-box span{display:block;float:left;width:20px;height:20px;overflow:hidden; text-indent:-9999em; cursor:pointer; position:relative; z-index:2;}
.stars-vote-msg{display:inline-block;font-size:12px;color:#0077ee;}
.stars-vote-info{ display:inline-block;font-size:12px;width:100px; text-align:center;}
.stars-vote-info.active{font-weight:bold;}
.stars-vote-box:hover{-webkit-animation: vote-stars 0.5s infinite alternate;animation: vote-stars 0.5s infinite alternate; opacity:1;}
@-webkit-keyframes vote-stars {
from {
opacity:0.2;
}
to {
opacity:1;
}
}
.stars-vote-g{height:20px;line-height:20px;margin-top:10px;padding:10px 0 10px 20px;border:1px solid #b7cee4;border-bottom:none;}
.stars-vote-g .stars-vote-box,.stars-vote-g .stars-vote-box em{ background-image:url(../images/starg.png)}

/*mobile*/
@media (max-width:800px){
	.all-top-box, .head-box, .nowbar, .count, .foot-box{width:100%;}
	.all-top{display:none;}
	.head{height:50px;top:0;border-top:3px solid #333;}
	.head-box{ position:relative;}
	.head-logo{height:50px;width:100px;margin-left:10px;float:none;}
	.head-logo a{ background-size:auto 50px;}
	.head-nav{margin:0;float:none; display:none;width:120px; background-color:#F5F6F7;border:1px solid #ddd;border-top-color:#F5F6F7; position:absolute;right:0;top:49px;border-right:none;height:auto;padding:10px 0;}
	.head-nav a{float:none;width:100%;height:40px;line-height:40px;}
	.nav-check{ position:absolute;right:0;top:0;height:50px;width:50px;overflow:hidden; text-indent:-9999em; background:url(../images/nav-check.png) center center no-repeat; background-size:30px auto;}
	.head-search{float:none; position:absolute;right:50px;top:0;margin:5px 0;width:130px;}
	.head-search-input{width:79px;padding-right:40px;}
	.page{padding:64px 10px 20px; box-sizing:border-box;}
	.box{margin-bottom:15px;}
	.h-title{font-size:16px;}
	body .index-slider{width:100%;height:auto;margin-bottom:5px;float:none;}
	body .index-slider img{width:100%;height:auto;}
	body .index-slider .slidesjs-slide span{width:100%; box-sizing:border-box;font-size:14px;height:30px;line-height:30px;}
	body .index-slider .slidesjs-pagination{right:5px;bottom:5px;}
	body .index-news{float:none;width:100%; box-sizing:border-box;}
	body .index-text-list li{ display:-webkit-box;width:100%;}
	body .index-text-list li.text-overflow{ display:block;}
	body .index-text-list li .class{-webkit-box-flex:1;} 
	body .index-news .index-text-list .text-overflow{width:auto;-webkit-box-flex:1; display:block;}
	body .index-news .index-text-list .more{ display:none;}
	body .index-count-box{margin-bottom:10px;}
	body .index-bl{float:none;width:100%;}
	body .count-box{margin-bottom:15px;}
	body .index-news-img{width:100%;margin-top:15px;border-top:1px solid #ddd;}
	body .index-news-img li{margin-right:0;float:none;width:100%;border:none;border-bottom:1px solid #ddd;}
	body .index-news-img li img{width:auto;}
	body .h{padding-bottom:5px;margin-bottom:5px;line-height:20px;height:20px;}
	body .h-link{float:none;margin-left:0;font-size:14px; position:absolute;left:0;bottom:0;height:40px; background-color:#f9f9f9;width:100%;overflow:hidden;border-top:1px solid #ddd;padding:0 10px; box-sizing:border-box;}
	body .pblink{padding-bottom:50px;}
	body .h-more{bottom:auto;top:0;line-height:20px;right:10px;overflow:hidden; text-align:right;width:80px;height:20px;}
	body .index-box-left{float:none;width:100%;padding:10px 0; box-sizing:border-box;}
	body .index-left-gd-1{width:100%;height:auto;}
	body .index-box-center{margin:0;padding:10px 0;border:0;width:100%; box-sizing:border-box;}
	body .index-box-center .device-list-b{}
	body .index-box-center .device-list-b li{margin:0; box-sizing:border-box;width:33.3%;padding-top:40px;}
	body .device-list-b li img{width:54px;height:54px;margin:0 auto;}
	body .device-list-b .device-list-title{right:0;top:0;left:auto;width:100%;}
	body .device-list-b .device-list-info{ display:none;}
	body .index-box-right{float:none;width:100%;padding:10px 0;box-sizing:border-box;}
	body .index-devicetop{width:100%;display:-webkit-box;padding-bottom:10px;margin-bottom:10px;}
	body .index-devicetop a{height:auto;-webkit-box-flex:1;margin:0;float:none;}
	body .index-devicetop a:last-child{margin-bottom:0;margin-left:5px;}
	body .index-devicetop img{width:100%;height:auto;}
	body .index-num-list{width:100%;overflow:hidden;}
	body .index-num-list li{float:left;width:50%;padding-right:10px; box-sizing:border-box;}
	body .index-num-list li.active{padding-left:0;height:auto;}
	body .index-num-list li.active .title{height:20px;}
	body .index-num-list li.active .img,body .index-num-list li.active .info{display:none;}
	body .index-num-list li:last-child{width:100%;}
	body .index-box-center .apps-list li{width:33.33%; box-sizing:border-box; text-align:center;}
	body .index-box-main{width:100%;padding:0;border:none;float:none;margin-bottom:15px;}
	body .index-bnews-left{width:100%;float:none;padding:10px 0;box-sizing:border-box;}
	body .index-bnews-right{width:100%;float:none;padding:0;box-sizing:border-box;}
	body .index-bnews-img-list{width:100%;display:-webkit-box;}
	body .index-bnews-img-list li{float:none;margin:0 0 10px;height:auto;-webkit-box-flex:1;}
	body .index-bnews-img-list li:last-child{margin-left:5px;}
	body .index-bnews-img-list li .title a{font-size:12px;}
	body .index-bnews-img-list li img{width:100%;height:auto;}
	body .index-bnews-img-list li .title{width:100%; box-sizing:border-box;}
	body .index-Developer{width:100%;box-sizing: border-box;overflow:hidden;}
	body .index-Developer li{width:33.3%; box-sizing:border-box;margin:0;height:auto;float:left;}
	body .index-Developer li:first-child,body .index-Developer li:nth-child(2){width:50%;}
	body .index-Developer li img{width:100%;height:auto;}
	body .index-box-sub{float:none;width:100%;}
	body .index-box-sub .text-sqimg-list{padding:0;margin-top:0;box-sizing:border-box;width:100%;}
	body .index-friends{padding:10px 0;width:100%; box-sizing:border-box;}
	.foot{padding:15px 10px; box-sizing:border-box;}
	.foot-links{ display:none;}
	.foot-logo{margin:0;}
	.foot-logo a{width:80px;height:40px; background-size:80px auto;}
	.foot-about{padding:0 10px; display:none;}
	.foot-copyright .sp{ display:block;height:0;overflow:hidden;}
	.error404{width:100%;padding:10px; box-sizing:border-box;}
	.error404 h2 strong{ display:block; text-align:center;}
	.error404 img{width:100%;height:auto;}
	.nowbar{margin:0 0 10px;font-size:12px; box-sizing:border-box;}
	.nowbar .sp{padding:0 5px;}
	body .page-tags-title{height:30px;line-height:30px;font-size:16px;}
	body .page-tags-title h1{padding:0 10px; display:block;}
	body .page-tags-top .headlines{width:100%;padding:0;box-sizing:border-box;border:0;float:none;}
	body .page-tags-top .headlines img{width:100%;height:auto;}
	body .page-tags-top .headlines .title{font-size:16px;line-height:20px;}
	body .page-tags-top .headlines-list{width:100%;margin:0;padding:0; box-sizing:border-box;}
	body .page-tags-top .headlines-list li{margin-top:10px;width:100%;border:0;}
	body .page-tags-top .headlines-list li .img{ display:none;}
	body .page-tags-top .headlines-list li .title{margin:0 ;font-size:14px;line-height:20px;}
	body .page-tags-top .headlines-list li .tags{ display:none;}
	body .page-tags-top .headlines-list li .abstract{padding:0;margin:5px 0 0;}
	body .maxline-1{height:auto;}
	.page-tags-line a{font-size:14px;line-height:20px;padding:5px;margin:4px;}
	.main{float:none;width:100%;padding:0;border:0;margin:0; box-sizing:border-box;}
	.article-list .article-list-item{padding-left:110px;height:75px;}
	.article-list-img{width:100px;height:75px;}
	.style-line .article-list-title{font-size:16px;line-height:20px;}
	.article-list-tags{ display:none;}
	.article-list-txt{height:20px;-webkit-line-clamp:1;}
	.pager{padding:15px 0 0;}
	.pager span, .pager a{margin-bottom:10px;}
	.pager-select{ display:none;}
	.text-sqimg-list li{padding:5px 0;}
	.text-sqimg-list li img{width:54px;height:54px;}
	.text-sqimg-list .title{height:20px;line-height:20px;font-size:16px;margin-top:15px;}
	.main + .sub{margin-top:15px;}
	.sub{float:none;width:100%;padding:0; box-sizing:border-box;}
	.text-sqimg-list .link{ display:none;}
	.text-sqimg-list .info{ display:none;}
	.oder .page-info{ display:none;}
	.class-list{height:auto;padding:0;margin:0;}
	.oder-class{padding:10px; display:none;}
	.class-list dt{ position:relative;line-height:30px;height:30px;}
	.oder-tcheck{ position:absolute;right:0;top:0;width:35px;height:30px;line-height:30px;font-size:12px;text-align:center;border:1px solid #ddd; box-sizing:border-box; background-color:#f9f9f9;}
	.main-all{padding:0; box-sizing:border-box;}
	.oder-class + .oder-info{margin-top:10px;}
	.pager-s i,.pager-s a{ display:none;}
	.pager-s span{margin:0;}
	.page-firms-list,.page-device-list,.style-block.page-apps-list{width:100%;margin:10px 0 0;}
	.page-firms-list-item,.page-device-list-item,.style-block .page-apps-list-item{padding:100px 0 0;width:50%;margin:0; box-sizing:border-box;}
	.page-firms-list-img,.page-device-list-img,.style-block .page-apps-list-img{width:72px;height:72px;margin-left:-36px;}
	.page-firms-list-title,.page-device-list-title,.style-block .page-apps-list-title{padding:0 10px;line-height:30px;height:30px;font-size:14px;}
	.firms-box{padding:90px 0 0;height:auto;border:0;}
	.firms-box .title{height:auto;line-height:20px;font-size:16px; position:absolute;left:90px;top:20px;border:0;}
	.firms-box .txt{height:auto;font-size:12px;}
	.firms-box .link{ display:none;}
	.firms-box .img{width:80px;height:80px;padding:0;}
	.firms-box .img img{}
	.page-device-list{}
	.page-device-list-price{padding-top:5px;font-size:12px;}
	.page-device-list-info,.style-block .page-apps-list-info{padding:5px 10px 10px;height:auto;}
	.page-device-list-info-star,.style-block .page-apps-list-info-star{float:none; text-align:center;}
	.page-device-list-price strong{font-size:14px;}
	.page-device-list-info-class,.style-block .page-apps-list-info-class{float:none; text-align:center; display:block;margin-top:5px;}
	.page-title{float:none;margin:0;}
	.oder-list{height:auto;float:none; display:none;}
	.oder-list li{ display:block;line-height:30px;font-size:14px;border-top:1px dotted #ddd;}
	.oder-list li a{padding:5px 10px;font-size:12px;}
	.oder-list li.active{margin:0;height:auto;}
	.oder-list li.active a{line-height:30px;border:0;color:#0077EE;font-weight:bold;}
	.oder + .oder-info{padding-top:10px;border:0;}
	.list-style{ display:none;}
	.class a{padding:0 5px;}
	.article-list-point{left:20px;top:8px;}
	.point{width:60px;height:60px;}
	.point strong{height:60px;}
	.point em{ display:none;}
	body .assessment-article .article-title,body .assessment-article .article-info{padding:0;}
	body .article-title{font-size:20px;line-height:24px;}
	body .article-point{ display:none;}
	body .article-info{margin:10px 0;padding-bottom:10px;}
	body .assessment-article  .article-info{padding-bottom:10px;}
	body .article-abstract{padding:10px;width:100%; box-sizing:border-box;}
	body .article-box h2{font-size:16px;margin-top:15px;}
	body .article-box{width:100%;margin:15px 0;font-size:14px;}
	body .article-box p,body .article-box ol,body .article-box ul{margin-top:15px;}
	body .article-box h3{font-size:14px;margin-top:15px;}
	body .article-box h4{font-weight:normal;margin-top:15px;}
	body .article-box-pager{margin:15px 0;width:100%;height:auto;}
	body .article-box-pager span,body .article-box-pager a{margin-bottom:10px;}
	body .article-correlation{padding:10px;}
	body .article-correlation a{font-size:12px;}
	body .article-other{margin-top:10px;}
	body .article-pager{font-size:12px;height:auto;margin-bottom:10px;}
	body .article-pager p{width:100%;float:none; text-align:left;line-height:30px;}
	body .article-pager p.fr{text-align:left;}
	body .article-sider{ position:static;margin-bottom:10px;width:100%;padding:0;border:0;}
	body .bdshare-button-style0-32 a{float:none; display:inline-block;}
	body .article-share .bdsharebuttonbox{ text-align:center;height:auto;margin:0;}
	body .article-sider .gd{ display:none;}
	body .article-back-index{ text-align:center;}
	.h-tags{left:90px;max-width:160px;overflow:hidden;}
	.til-b li{float:none;width:100%;}
	.til-b li:nth-child(even){margin-left:0;}
	.comment-send{ box-sizing:border-box;}
	.comment-input,.comment-reply-send .comment-input{width:100%; box-sizing:border-box;}
	.comment-head{width:42px;height:42px;left:-52px;}
	.comment-item{margin-left:52px;}
	.comment-author{font-size:12px;}
	.comment-content{font-size:14px;}
	.comment-tools .report{ display:none!important;}
	.comment-info span, .comment-reply-info span{margin-right:5px;}
	.comment-tools{float:none;clear:both;}
	.comment-tools a{margin:0 10px 0 0;}
	.comment-reply-item{margin-left:0;}
	.comment-reply-item .comment-head{ display:none;}
	.comment-reply-author,.comment-reply-who,.comment-reply-txt{font-size:12px;}
	.main-l{float:none;width:100%;padding:0;margin:0;border:none;}
	body .site-box{padding:0;}
	body .site-box h2{margin:15px 0;}
	body .site-box p,body .site-box ul,body .site-box ol{margin-bottom:15px;}
	.menu{width:100%;float:none;}
	body .site-nav{border:1px solid #ddd; box-sizing:border-box;}
	body .site-nav li.active a span{ display:none;}
	body .search-head{top:0;height:auto; position:relative;}
	body .search-nav{ display:none;}
	body .search-head-logo{float:none;margin-left:10px;}
	body .search-head-box .search{float:none;margin:0;width:100%; box-sizing:border-box;}
	body .search form{width:100%; box-sizing:border-box;display:-webkit-box;}
	body .search fieldset{width:100%; box-sizing:border-box;height:100%;position:relative;overflow:hidden;}
	body .search form .icon-search,body .search form .btn-search{ position:relative; z-index:3;}
	body .input-search{float:none;  position:absolute;left:0;top:0;width:100%;padding:0 100px 0 45px;box-sizing:border-box;margin:5px 0;}
	body .search-page{padding:0 10px 15px;}
	body .nav-class{box-sizing:border-box;display:-webkit-box;padding:0;}
	body .nav-class a{-webkit-box-flex:1;float:none;width:auto;}
	body .search-screen{ display:none;}
	body .r-apps-list{width:100%;margin:0;}
	body .r-apps-list li{float:none;width:100%;margin:10px 0;}
	body .apps-box{width:100%; box-sizing:border-box;overflow:hidden;padding:10px;}
	body .apps-icon{width:54px;height:54px;margin:0 10px 0 0;float:left;}
	body .apps-name{ text-align:left;padding:0;line-height:30px;height:30px;}
	body .apps-info{padding:0; text-align:left; background-color:transparent;margin-top:5px;}
	body .result-out{margin-bottom:15px;}
	body .result-img{height:75px;}
	body .result-img img{margin-right:10px;}
	body .r-article .result-int{font-size:12px;}
	body .search-sub,body .search-result{float:none;width:100%;margin:0;border:0; box-sizing:border-box;}
	body .search-box .device-list li{float:none;width:auto;margin:0;overflow:hidden;}
	body .search-box .device-list li img,body .search-box .apps-list li img{width:54px;height:54px;float:left;margin-right:10px;}
	body .device-list-title,body .apps-list-title{ text-align:left;line-height:54px;margin:0;}
	body .search-foot{padding:10px; box-sizing:border-box;}
	body .search-box .apps-list li{width:auto;float:none;padding:0;overflow:hidden;margin-bottom:10px;}
	body .search-nowbar{float:none; position:absolute;right:10px;top:0;}
	body .search-index{width:100%;padding:0 20px; box-sizing:border-box;margin:20px auto;}
	body .search{float:none;}
	.main-s{width:100%;margin:0;padding:0;border:none;float:none;}
	body .apps-sider{width:100%; position:static; box-sizing:border-box;padding-left:82px;}
	body .apps-sider .apps-icon{float:none; position:absolute;left:0;top:0;}
	body .apps-download a{width:100%;}
	body .apps-sider .apps-icon,body .apps-sider .apps-icon img{width:72px;height:72px;}
	body .apps-sider .apps-name,body .apps-sider .apps-ename,body .apps-code{ display:none;}
	body .apps-assessment{margin:0; box-sizing:border-box;}
	body .apps-assessment-box{padding:10px;}
	body .apps-assessment span,body .apps-assessment em{ display:none;}
	body .apps-show{margin:15px 0;}
	body .apps-name{font-size:20px;}
	body .apps-ename{font-size:14px;}
	body .apps-star{top:5px;}
	body .apps-download-num{ position:static; text-align:center;}
	body .apps-info li{width:50%;padding:5px; box-sizing:border-box;margin:0;}
	body .apps-info li.long{width:100%;}
	body .apps-img,body .slidesjs-container{height:100px!important;}
	body .apps-img div a{width:33.33%;margin:0;height:100px;box-sizing:border-box;line-height:60px;}
	body div.pp_default .pp_description{ display:none!important;}
	body .apps-list li{width:33.33%; box-sizing:border-box;}
	body .apps-list li img{width:72px;height:72px;}
	body .apps-list-title{line-height:20px;}
	body .apps-main .comment-input{width:100%; box-sizing:border-box;}
	body .apps-main .text-list-s li{float:none;padding-right:0;width:100%;}
	body .device-top{height:auto;margin-bottom:15px;}
	body .device-title{font-size:20px;line-height:24px;}
	body .device-title span{font-size:16px;}
	body .device-tag{float:none;margin:0;}
	body .device-tag i{margin:10px 10px 0 0;}
	body .device-nav{height:auto;padding:0;}
	body .device-nav-item{width:25%;line-height:40px; box-sizing:border-box;font-size:12px;padding:0; text-align:center;}
	body .device-nav-item.active{border-top:0;line-height:40px;height:40px; background-color:#9C0;color:#fff;}
	body .device-nav a.device-feedback{ display:none;}
	body .device-index{padding:0;}
	body .device-index-img{position: static;width:100%;margin-bottom:10px;}
	body .device-index-img-show{width:100%;height:auto;}
	body .device-index-img-show a{display: block;}
	body .device-index-img-view{width:100%;height:auto;margin:5px 0 0;}
	body .device-index-img-view li{display: none;}
	body .device-index-img-view li.device-index-img-more{width:100%; display: block;margin:0;height:auto;}
	body .device-index-img-more a{width:100%;height:100%;box-sizing: border-box;line-height:30px;padding:0;}
	body .device-index-news{padding-bottom:10px;}
	body .device-price{font-size:12px;height:30px;line-height:30px;}
	body .device-star{ position:static;}
	body .device-buy{margin:10px 0;height:auto;padding-bottom:10px;}
	body .device-buy a{width:100%;float:none;margin:5px 0;}
	body .device-index-spec{padding:10px;}
	body .device-index-spec li{width:50%;margin:0; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
	body .device-list li{width:50%;margin:0; box-sizing:border-box;padding:5px;overflow:hidden;}
	body .device-list li img{width:54px;height:54px;float:left;margin-right:10px;}
	body .device-index-list-more{ display:none;}
	body .text-img-list li .text-more{ display:none;}
	body .device-index-assessment{height:auto;}
	body .device-index-assessment img{height:auto;width:100%;}
	body .device-index-assessment-txt{width:100%; box-sizing:border-box;height:60px;}
	.h-bl{height:30px;line-height:30px;}
	body .h-bl .h-more{height:30px;line-height:30px;}
	.oder .page-title{margin-right:40px;}
	body .device-assessment-list li{padding:10px;}
	body .device-assessment-list li .title{font-size:16px;margin-bottom:10px;padding-bottom:10px;}
	body .device-assessment-list li .body{width:100%;height:auto;padding:0;}
	body .device-assessment-list li .img{width:100%;height:auto; position:static;}
	body .device-assessment-list li .txt{font-size:12px;line-height:20px;height:auto;margin:10px 0;}
	body .device-assessment-list li .tags{font-size:12px;line-height:20px;}
	body .device-assessment-list li .info{font-size:12px;}
	body .device-img-list{width:100%;margin:0;}
	body .device-img-list li{width:50%;margin:0; box-sizing:border-box;}
	body .deviceimg-head{padding-top:0;}
	body .deviceimg-head-logo{ display:none;}
	body .deviceimg-nowbar{margin-left:10px;}
	body .deviceimg-nav{ display:none;}
	body .deviceimg-main,body .deviceimg-count,body .deviceimg-head-box{width:100%;padding:0;border:0;float:none; box-sizing:border-box;}
	body .deviceimg-count{padding:10px;}
	body .deviceimg-imgshow{width:100%;}
	body .deviceimg-imglist{ display:none!important;}
	body .deviceimg-sub{float:none;width:100%;}
	body .deviceimg-title{font-size:16px;}
	body .deviceimg-foot{padding:10px; box-sizing:border-box;}
	body .article-contact{width:auto; text-align:center;padding:10px;}
	body .article-contact a{display:block;margin-top:5px;}
	body .index-video-list{width:auto;margin-top:0;}
	body .index-video-list li{width:50%;margin:0;padding:5px;border:none;box-sizing: border-box;font-size:12px;}
	body .index-video-list .title{padding:0;}
	body .index-video-list li img{width:100%;height:auto;}
	body .page-video-list{width:100%;margin:0;box-sizing: border-box;}
	body .page-video-list .page-video-list-item{width:48%;margin:1%;box-sizing: border-box;padding:0;}
	body .page-video-list-img{width:100%;height:auto; position:relative;}
	body .page-video-list-title{padding:0 10px;line-height:30px;font-size:14px;}
	body .page-video-list-info{display: none;}
	body .page-video-list-img a:hover p{opacity:0;}
	body .page-video-list-img .iconfont{width:40px;height:40px;margin:-20px 0 0 -20px;line-height:40px;font-size:32px;}
	body .article-download{padding:10px;width:auto;}
	body .article-download .btn{position:relative;left:0;top:0;display: block;margin-top:10px;}
	body .sub .text-video-list{width:auto;}
	body .sub .text-video-list li{width:48%;margin:1%;box-sizing: border-box;}
	body .sub .text-video-list img{width:100%;height:auto;}
	body .stars-vote,body .stars-vote-g{height:auto;}
	body .index-gd-sub{width:100%;height:auto;}
}