.view {background:#fff url(/Qimg/viewcon.gif) repeat-y 855px 100%;height:100%;overflow:hidden;margin-top:0px}
.view .col {float:left;widtH:832px;padding:12px;overflow:hidden}
.view .side {float:right;widtH:300px;padding:12px;}
.view .sides {float:right;widtH:300px;padding:0 12px;}
/*.view .side .btitle {border-bottom:1px solid #fff;clear:both;padding-bottom:0;height:36px;overflow:hidden}
.view .side .btitle h4 {font-size:18px;font-weight:400;border:none}*/
.view .side .hot-fahao li,.view .side .hot-v li {widtH:290px;}
.view .side .hot-v li p {width:260px;}
.view .col .btitle h2 {font-size:18px;font-weight:400;color:#02a0e7;text-indent:1em;}
.news-hot {margin-bottom:10px}
.news-hot .hothd {margin-top:5px;float:right}
.news-hot .hothd li {width:26px;line-height:26px;height:26px;background:#02a0e7;margin:0 0 0 10px}
.news-hot .hothd li.on {background:#FB746E}

.btitle {height:50px;border-bottom:1px solid #E5E5E5;line-height:36px;}
.btitle h3,.btitle h4 {float:left;padding:0 10px 0 50px;background:url(/Qimg/bico.gif) no-repeat;font-size:24px;height:50px;line-height:36px;font-weight:bold;color:#3db73d;border-bottom:1px solid #3db73d;}
.btitle h3 a,.btitle h4 a {color:#02a0e7}
.btitle h3.ios { background-position:0 -51px}
.btitle h3.v { background-position:0 -153px}
.btitle h3.soft { background-position:0 -204px}
.btitle h4 {padding:0 10px 0 0;background:none}
.btitle p {float:left;line-height:36px}
.btitle p a,.btitle p a:visited{margin-left:20px;}

.hot-fahao ul {padding-top:3px;height:100%;overflow:hidden}
.hot-fahao li {float:left;width:260px;height:26px;line-height:26px;padding:8px 0 8px 0px;border-bottom:1px dotted #eee;overflow:hidden;white-space: nowrap;}

.hot-fahao li a.img,.hot-fahao li span {display:none}
.hot-fahao li p  {float:left;font-size:14px;overflow:hidden;width:180px;line-height:27px;}
.hot-fahao li p a {color:#555}

.hot-fahao li em {float:right;width:64px;display:block;0}
.hot-fahao li em a {line-height:24px;display:block;height:24px;border:1px solid #02a0e7;text-align:center;color:#02a0e7;font-size:12px;text-align:center; font-style:normal;border-radius:3px;}
.hot-fahao li em a:hover,.hot-fahao li.on em a {background:#02a0e7;color:#fff}
.hot-fahao li.on {height:68px; position:relative}
.hot-fahao li.on a.img {float:left;width:68px;hegiht:68px;display:block}
.hot-fahao li.on img {width:68px;height:68px;border-radius: 5px;}
.hot-fahao li.on p,.hot-fahao li.on span { position:absolute;left:88px;top:14px;font-size:16px;}
.hot-fahao li.on p {widtH:106px;line-height:20px;height:40px;top:10px;}
.hot-fahao li.on span {top:50px;display:block;font-size:12px;color:#A1A1A1}
.hot-fahao li.on span i {color:#02a0e7; font-style:normal}
.hot-fahao li.on em {margin-top:21px}


.htmllist li {padding:20px 0;border-bottom:1px solid #EDEDED;height:130px}
.htmllist li img {float:left;width:190px;height:130px;}
.htmllist li p {float:right;widtH:624px;color:#777;}
.htmllist li b {font-size:18px;font-weight:800;padding:1px 0 6px;display:block;overflow:hidden;width:624px;white-space:nowrap;}
.htmllist li b a{color:#3db73d;}
.htmllist li b,.htmllist li span,.htmllist li i {display:inline-block;line-heighT:30px;height:30px;}
.htmllist li b img {float:left;width:32px;height:32px;margin-right:6px;border-radius: 6px;}
.htmllist li i {float:left;font-size:13px;font-style:normal;padding-right:20px;color:#000;}
.htmllist li em {position: relative;width:100px;float:right;background: url(/images/star.gif) repeat-x bottom;height: 16px;overflow: hidden;margin-right:8px;margin-top:5px;}
.htmllist li em span{background: url(/images/star.gif) repeat-x bottom;background-position:0 top;text-indent:-999px;height: 16px;position: absolute;}
.htmllist li em .lv1 {width:20px;}
.htmllist li em .lv2 {width:40px;}
.htmllist li em .lv3 {width:60px;}
.htmllist li em .lv4 {width:80px;}
.htmllist li em .lv5 {width:100px;}
.htmllist li span {height:60px;overflow:hidden;width:100%;}



.newslist li {position: relative;padding:20px 0;border-bottom:1px solid #EDEDED;height:90px}
.newslist li img {float:left;width:90px;height:90px;margin-right:20px;}
.newslist li p {float:left;widtH:710px;color:#777;}
.newslist li b {font-size:18px;font-weight:800;padding:1px 0 3px;display:block;overflow:hidden;width:570px;white-space:nowrap;}
.newslist li b a{color:#38aa41;}
.newslist li b,.newslist li span,.newslist li i {display:inline-block;line-heighT:30px;height:30px;}
.newslist li b img {float:left;width:32px;height:32px;margin-right:6px;border-radius: 6px;}
.newslist li i {float:left;font-size:13px;font-style:normal;padding-right:20px;color:#000;}
.newslist li em {position: relative;width:100px;float:right;background: url(/images/stars.gif) repeat-x bottom;height: 16px;overflow: hidden;margin-right:8px;margin-top:5px;}
.newslist li em span{background: url(/images/stars.gif) repeat-x bottom;background-position:0 top;text-indent:-999px;height: 16px;position: absolute;}
.newslist li em .lv1 {width:20px;}
.newslist li em .lv2 {width:40px;}
.newslist li em .lv3 {width:60px;}
.newslist li em .lv4 {width:80px;}
.newslist li em .lv5 {width:100px;}
.newslist li span {height:28px;overflow:hidden;width:100%;}
.newslist .bg_90{background:url(https://imgo.hackhome.com/image/bg_90.png);width:90px;height:90px;position:absolute;top:20px;left:0;}
.newslist a.durl {position: absolute;widtH:112px;height:38px;line-height:38px;text-align:center;font-size:18px;border:1px solid #3db73d;color:#3db73d;display:block;float:right;top:10px;right:1px;}
.newslist a.durl:hover {background:#3db73d;color:#fff}
.newslist .scores{color:#f08620;font-weight:bold;font-size:15px;}
.newslist .sign {width: 45px;height: 50px;padding:0;top: 20px;left: 0;display:none;}

#pages {height:40px;padding:22px 0px;clear:both;text-align:center}
#pages a,
#pages a:visited,#pages a:hover {padding:0px 20px;font-size:16px; border:1px solid #E4E4E4;display:inline-block;height:38px;line-heighT:38px;text-decoration:none;color:#777;margin:0 3px;background:#fff;}
#pages a:hover ,#pages .cur a{border:1px solid #058E02; color:#fff;background:#058E02;}
#pages a b,#pages a:visited b,#pages a:hover b, {background:none;padding:0;margin:0;display:inline;border:none;color:#666;}

.mt20 {margin-top:20px;}