.position h1{ display:inline-block; font-size:14px; font-weight:normal;}
.position h2{ display:inline-block; font-size:14px; font-weight:normal;}

#wrap-left{float: left; width: 200px;}
#wrap-left .class-list li{width: 200px; height: 32px; margin-bottom: 5px; position: relative;}
#wrap-left .class-list li a{width: 200px; height: 32px; line-height: 32px;background: #eee; font-size: 14px; display: block; text-align: center;}
#wrap-left .class-list li a:hover{background: #17A2E7; color: #333;-webkit-transition: background-color .3s linear;-moz-transition:background-color .3s linear}
#wrap-left .class-list .current {background: #17A2E7 !important; color: #fff !important;}
#wrap-left .class-list .current s{display: block;}
s{display: none; position: absolute; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #40BBEC; border-width: 5px; left: 200px; top: 16px; margin-top: -5px; font-size: 0; line-height: 0;}

#wrap-right{float: right; width: 750px; border-left: 1px #fff solid;}
#wrap-right .soft-list li{float: left; display:inline; width: 835px; height: 156px; margin: 10px 0 0 0px; border-bottom: 2px solid #17a2e7 ;}

.l_stars{background: url(../image/stars.png) no-repeat; width: 79px; height: 17px; float:right; }
.l_star5{background-position: 0 0;}
.l_star4{background-position: -16px 0;}
.l_star3{background-position: -32px 0;}
.l_star2{background-position: -48px 0;}
.l_star1{background-position: -64px 0;}


#wrap-right .soft-list img{ width:164px; height:119px; display:block;}
#wrap-right .soft-list a:hover img{opacity: 0.8; filter:alpha(opacity=80);}
#wrap-right .soft-list .soft-ico{float: left; height:126px; width: 170px; margin:12px; display:inline;}
#wrap-right .soft-list .soft-ico img{border:1px solid #c3cedd; background:#e9edf5; padding:2px;}
#wrap-right .soft-list .soft-info{float: left; width: 635px; height: 126px; margin-top:10px; line-height:20px;}
#wrap-right .soft-list .soft-name{font-size: 14px; width:90%; font-weight: normal; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-bottom: 5px;}
#wrap-right .soft-list .soft-name a{ float: left;font-weight: 700; font-size: 15px;}
#wrap-right .soft-list .soft-time{color: #999; height: 24px; line-height: 24px;}
#wrap-right .soft-list .soft-time strong{ float:left; font-weight:normal;margin-right: 20px;}
#wrap-right .soft-list .soft-time span{ color:#CC3300;}
#wrap-right .soft-list .soft-summary{color: #888; height:60px; overflow:hidden;line-height: 25px;}

#wrap-right .pages{height: 30px; line-height: 30px; font-size: 14px; text-align: center; margin-top: 20px;}
#wrap-right .pages span{font-size: 16px; font-weight: bold; color: #17a2e7 ;}

 .right-list li{width:320px;height: 48px; padding: 10px 0; border-bottom: 1px dashed #eee;}
 .right-list li a{cursor: pointer; display: block; height: 48px; width: 320px;}
 .right-list .soft_ico{float: left; height: 48px; width: 48px; margin-right: 10px;}
 .right-list .soft_r{float: left; height: 48px;}
 .right-list .soft_name{width: 260px; height: 22px; display: block; font-weight: normal; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 .right-list .soft_desc{width: 260px; height: 26px; display: block; line-height: 28px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*page???*/
#main #title{text-align: center; line-height: 40px; margin: 0 10px 0 20px; border-bottom: 1px dashed #DDD;}
#main #content{font-size: 14px; line-height: 24px; padding:0 10px 10px 20px;}

#wrap1 #content{margin-bottom: 10px;}
#wrap1 .soft-content{font-size: 14px; line-height: 24px; padding: 10px; width: 600px; overflow:hidden;}
#wrap1 .soft-content img{max-height:600px; max-width:590px;}
#wrap1 .soft-content blockquote{padding: 10px; border: 1px solid #DEC694; background-color: #FFF6CF; color: #D20000;}
#wrap1 .soft-content a {color: #0086e3; text-decoration: none;}
#wrap1 .soft-content a:hover { text-decoration: underline;}
#wrap1 .slides_container{width:620px;}
#wrap1 .soft-images{padding: 10px; width:670px; overflow: hidden; overflow-x: scroll; background-color:#eee;}
#wrap1 .soft-imglist{padding-right: 10px;}
#wrap1 .keywords{margin-top: 20px; padding: 4px 8px; font-size: 12px; color: #AAA; border: 1px solid #E6E6E6; background-color: #F9F9F9;}
#wrap1 .keywords a{color: #AAA;}
#wrap1 .keywords a:hover{color: #17a2e7;}

.rand-list{width: 620px; height: 110px;}
.rand-list a:hover img{opacity: 0.8; filter:alpha(opacity=80);}
.rand-list li{float: left; text-align: center; width: 86px; height: 90px; padding-top: 20px;}
.rand-list img{width: 48px; height: 48px; margin-bottom:4px;}
.rand-list .soft-name{line-height: 18px; width: 80px; margin: 0 auto; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
.class-list h2{display: inline-block;font-size: 12px;font-weight: normal;}
.class-list a{float: left; width: 155px; height: 28px; line-height: 28px; background: #eee; text-align: center; color: #777; margin: 5px 5px 0 0; cursor: pointer;}
.class-list a:hover{background: #17a2e7 ; color: #fff; -webkit-transition: background-color .3s linear;-moz-transition: background-color .3s linear}
.class-list .current{background: #17a2e7 ; color: #fff; }

.green{border-bottom: 3px solid #17a2e7 !important;}
.green .current{background: #17a2e7  !important;}


#wrap1 .soft-name h1{font-size: 20px;}
#wrap1 .soft-name-wzbiaoti{width: 570px; margin-left:20px; border-bottom: #999999 1px dashed; float:left; overflow: hidden;}
#wrap1 .soft-name-wzbiaoti h1{font-size: 18px; padding:8px 0; text-align:center; color:#333333;}
#wrap1 .soft-name-wenzhang{width: 570px; height: 30px; text-align:center; margin-top:10px;margin-left:20px;  float:left;}
#wrap1 .soft-name-wenzhang span{font-size:14px;}

#wrap1 .right-list li{width:320px;height: 48px; padding: 10px 0; border-bottom: 1px dashed #eee;}
#wrap1 .right-list li a{cursor: pointer; display: block; height: 48px; width: 320px;}
#wrap1 .right-list .soft_ico{float: left; height: 48px; width: 48px; margin-right: 10px;}
#wrap1 .right-list .soft_r{float: left; height: 48px;}
#wrap1 .right-list .soft_name{width: 260px; height: 22px; display: block; font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#wrap1 .right-list .soft_desc{width: 260px; height: 26px; display: block; line-height: 28px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.ChannelBox1 {width:585px; overflow:hidden;}
.ChannelTit {height:26px; line-height:26px; overflow:hidden; width:100%;border-bottom: 3px solid #17a2e7;}
.ChannelTit h2 {display:inline-block; color:#FFF;height:26px; padding:0 10px; font-size:16px; background:#17a2e7; float:left; font-weight:normal;}
.ChannelTit h2 a{color:#FFF;}
.ChannelTit strong a:link,.ChannelTit strong a:visited {color:#FFF;}
.ChannelPic {float:left; padding-right:10px;}
.ChannelInfo {width:400px; float:right; height:120px; overflow:hidden;}
.ChannelInfo strong {line-height:30px; height:30px; display:block; width:100%;white-space: nowrap;text-overflow: ellipsis; overflow:hidden; font-size:16px;font-weight:normal;}
.ChannelInfo p {color:#999; font-size:14px; line-height:30px; line-height:22px;}
.ChannelInfo p a:link,.ChannelInfo p a:visited {color:#17a2e7;}
.ChannelList {width:100%; overflow:hidden;}
.ChannelList ul {float:left;}
.ChannelList li {width:100%; height:30px; float:left; overflow:hidden;}
.ChannelList li img {width:20px; height:20px; margin:5px 10px 0 0; float:left;}
.ChannelList span {display:block; height:30px; width:500px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;font-size:14px; line-height:30px; font-weight:normal; float:left;}
.ChannelList em {display:block; color:#999; float:right; height:30px; line-height:30px; overflow:hidden; font-style:normal;font-size:14px;}