.wrap{ margin-top: 20px;}
.crumb{ height: 40px; line-height: 40px; background: #fff; padding-left: 20px; color: #999999;}
.crumb a{ color: #999;}
.crumb a:hover{ color: #297ae6;}
.crumb span{ color: #333;}

.system-list{ margin-top: 20px;}
.system-title{ background: #fff; padding:0 20px;}
.system-list .tab{ float: right;}
.system-list .tab a{ display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; padding:0 8px; color: #333; font-size: 12px;}
.system-list .tab a:hover,.system-list .tab a.active{ background: #297ae6; color: #fff;}
.system-list li{ overflow: hidden; margin-bottom: 20px; background: #fff; padding:0 20px 20px; color: #999; position: relative;}
.system-list h3{ width: 100%; height: 42px; line-height: 42px; padding:10px 0; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.system-list h3 a{color: #2a2a2b; }
.system-list h3 a:hover{color: #297ae6;}
.system-list img{ width:300px; height: 200px; float: left;}
.system-list .info{ float: right; width:507px;}
.system-list p{ overflow: hidden;}
.system-list .word{ height: 96px; padding:22px 0;}
.system-list span{ display: inline-block; vertical-align: middle;}
.system-list .span1{ width:200px;}
.system-list .span2{ width: 180px;}
.system-list .span3{ width: 124px;}
.system-list .btn{ width:90px; height: 38px; display: inline-block; vertical-align: middle; line-height: 38px; text-align: right; color: #666; background: #eee; padding-right: 50px; font-size: 16px; margin-left: 40px; position: relative;}
.system-list .btn i{ position: absolute; right:20px; top:8px; width: 21px; height: 21px; background-image: url(../image/sprite.png); background-repeat: no-repeat; background-position: -145px -102px;}
.system-list .btn:hover{ color: #fff; background: #3877c9;}
.system-list .btn:hover i{ background-position: -55px -60px;}
.share-module{ overflow: hidden; background: #fff; padding:0 20px 15px; margin-bottom: 20px;}
.share-module i.red{ background: #e71818; color: #fff;}
.share-module i.deep-orange{ background: #ff5400; color: #fff;}
.share-module i.light-orange{ background: #ff8400; color: #fff;}
.column-sorting ul{ overflow: hidden; padding:3px 0 6px; margin-left: -9px;} 
.column-sorting li{ float: left; width:128px; height: 34px; margin:11px 0 0 9px; text-align: center;}
.column-sorting a{ display: block; line-height: 34px; color: #666; font-size: 12px; background: #eee; border-radius: 50px;}
.column-sorting a:hover{background: #8fc31f; color: #fff;}
.column-sorting a.active{background: #8fc31f; color: #fff;}
 
.hot-information li,.information-rank li{ margin-top: 16px; height: 26px; line-height: 26px;}
.hot-information a,.information-rank a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2a2a2b;}
.hot-information a:hover,.information-rank a:hover{ color: #297AE6;}
.hot-information i,.information-rank i{ font-style: normal; display: inline-block; vertical-align: middle; width:26px; height: 26px; background: #e4e4e4; border-radius:2px; text-align:center; line-height: 26px; font-weight: bold; color: #8b8b8b; margin-right: 6px;}

.system-recommend{ padding-bottom: 0;}
.system-recommend ul{ padding-top: 20px;}
.system-recommend li{line-height: 26px; padding-bottom:8px;}
.system-recommend li.active{ padding-bottom: 17px;}
.system-recommend li a{ color: #2a2a2b;}
.system-recommend h3 a{ padding-left: 25px; display: block; position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.system-recommend li i{ font-style: normal; position: absolute; left:0; top:0;}
..system-recommend li .red{ color: #f00; font-weight: bold;}
.system-recommend .brand-detail{ display: none; overflow: hidden;}
.system-recommend .active .brand-detail{ display: block;}
.system-recommend .active h3{ display: none;}
.system-recommend .brand-detail img{ float: left; width:94px; height: 72px;}
.system-recommend .brand-info{ float: right; width:150px;}
.system-recommend .brand-info a{ line-height: 18px;display: block; height: 56px; overflow: hidden;}
.system-recommend .brand-info a:hover{ color: #297AE6;}
.system-recommend .brand-info .btn{width:88px;height:30px;background: #eee;border-radius: 5px;text-align: center;line-height: 30px;color: #666;margin: 5px 0 0;}
.system-recommend .brand-info .btn:hover{background:#91c300;color: #fff;}
.system-recommend .brand-info i{ position: inherit;}
.system-recommend .brand-info span{display: block; width: 109px; height: 16px; background: url(../image/stars.png) no-repeat 0 -16px;}
.system-recommend .brand-info span i{ display: inline-block; height: 16px; background: url(../image/stars.png) no-repeat 0 0; vertical-align: top;}

.articles-list img{ width: 225px; height: 150px;}
.articles-list .info{ width: 575px; line-height: 24px;}
.articles-list p{ text-align: right;}
.articles-list .word{ padding:0; margin-bottom: 27px; text-align: left;}
.articles-list .time{ padding-left: 28px; margin-right: 28px; background: url(../image/time.png) no-repeat 0 center;}
.articles-list .look{ padding-left: 28px; background: url(../image/look.png) no-repeat 0 center;}
.articles-list .text-left{ text-align: left;}
.articles-list .btn{ position: absolute; right:18px; bottom:25px; background: #f6f6f6; color: #333;}
.articles-list .btn i{ background:url(../image/sprite.png) no-repeat -25px -193px;}
.articles-list .btn:hover i{background:url(../image/sprite.png) no-repeat -81px -164px;}
.article-content{ color: #666; margin-top: 20px;}
.article-content h3,.article-content .h3{ font-size: 26px; color: #333; text-align: center; line-height: 48px; padding:28px 0 8px;}
.article-content p{ line-height: 20px;}
.article-content .time{ color: #999; line-height: 28px; text-align: center; padding-bottom: 27px; border-bottom: 2px solid #d8d8d8;}
.article-content img{ max-width: 764px;}
.article-content .cont{ padding-top: 20px;}
.article-content .page{ border-top: 2px solid #e2e2e2; color: #666; padding-top: 10px; margin-top: 18px;}
.article-content .page p{ line-height: 30px;}
.article-content .page a{ color: #333;}
.article-content .page a:hover{ color: #297AE6;}
.file-info{ background: #f2f5f9; padding:0 26px 20px; margin:20px 0;}
.file-info h2{ height: 32px; line-height: 32px; padding:18px 0 12px; border-bottom: 1px solid #c9cccf; color: #333; font-weight: bold; font-size: 20px;}
.file-info i{ vertical-align: middle; display: inline-block; width:32px; height: 32px; background: url(../image/sprite.png) no-repeat -55px -25px; margin-right: 16px; vertical-align: middle;}
.file-info em{ float: right; font-weight: normal; font-size: 12px; color: #999;}
.file-info p{ line-height: 27px; padding-top: 17px; color: #333;}

.reading ul{ overflow: hidden; padding:15px 0; margin-left: -50px;}
.reading li{ float: left; width:374px; padding-left: 15px; margin-left: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;height: 25px; line-height: 25px; background: url(../image/reading_li.png) no-repeat 2px center;}
.reading li a{ color: #2a2a2b;}
.reading li a:hover{ color: #297AE6;}
.related-systems{ padding:0 20px 10px; background: #fff;}
.related-systems ul{ overflow: hidden; padding:20px 0 15px; margin-left: -9px;}
.related-systems li{ float: left; width: 202px; margin-left: 9px; display: inline; overflow: hidden;}
.related-systems img{ width:202px; height: 150px; display: block;}
.related-systems p{ height: 40px; line-height: 20px; overflow: hidden; padding-top: 15px;}
.related-systems a{ display: block; color: #2a2a2b;}
.related-systems a:hover{ color: #297AE6;}
.software-details{ margin-top: 20px; position: relative;}
.software-details .pic{ float: left; width: 100px; height: 96px; margin: 60px 20px 0 0; display: inline;}
.software-details .pic img{ width: 100px; height: 96px;}
.software-details .info{ float: left; width:490px; margin-top: 9px; padding-bottom: 9px;}
.software-details ul{ overflow: hidden;}
.software-details li{ float: left; width:50%; color: #666; height: 22px; line-height: 22px; padding-top: 14px;}
.software-details li img{ vertical-align: text-bottom; margin-right: 2px;}
.software-details span{ color: #333;}
.software-details .detect{ margin-right: 20px;}
.software-details .detect i{ display:inline-block; vertical-align: middle; background: url(../image/sprite.png) no-repeat 0 -149px; width: 17px; height: 17px; margin-left: 5px;}
.software-details .li1{ width: 100%;}
.software-details .btn{ width: 107px; height: 49px; padding-left: 68px; line-height: 49px; background: #eee; position: absolute; right:40px; top: 190px; font-weight: bold; color: #666; font-size: 18px; border-radius: 5px;}
.software-details .btn i{ width:26px; height: 24px; background-image: url(../image/sprite.png); display: block; position: absolute; left:30px; top:12px; background-repeat: no-repeat; background-position: -54px -164px;}
.software-details .btn:hover{ color: #fff; background: #368dff;}
.software-details .btn:hover i{ background-position: -23px -146px;}
.system-details .pic{ width:220px; height: 170px; margin:20px 20px 0 0;}
.system-details .pic img{ width: 220px; height: 170px;}
.system-details li{ width: 44%;}
.system-details .btn{ padding-left: 58px; width: 97px; top:128px; right: 20px;}
.system-details .btn i{ left: 22px;}
.download-address .share-title span{ color: #666; padding-left: 25px;}
.download-address ul{ padding:20px 0 10px; overflow:hidden;}
.download-address li{ float: left; width:152px; height: 38px; text-align: center; margin-right: 32px; }
.download-address a{ display: block; line-height: 38px; color: #fff; font-size: 14px;border-radius: 5px;}
.download-address i,.download-address span{ vertical-align: middle;}
.download-address i{ display: inline-block; width: 20px; height: 20px; background-image: url(../image/sprite.png); background-repeat: no-repeat; margin-right: 4px;}
.download-address .xunlei{ background: #00a4f3; box-shadow: 0 4px 0 #0092d9;}
.download-address .xunlei i{ background-position: 0 -174px;}
.download-address .bendi{ background: #56c20c; box-shadow: 0 4px 0 #4fb00c;}
.download-address .bendi i{ background-position: -20px -174px;}
.download-address .wangpan{ background: #faa203; box-shadow: 0 4px 0 #e39404;}
.download-address .wangpan i{ background-position: 0 -194px;}

.boutique-recommend ul{ overflow: hidden; margin-left: -64px; padding-bottom: 10px;}
.boutique-recommend li{ float: left; width:235px; margin-left: 64px; display: inline; padding-top: 27px;}
.boutique-recommend img{ float: left; width:70px; height: 70px; border-radius:15px; margin-right: 12px;}
.boutique-recommend .info{ float: left; width:140px;}
.boutique-recommend a{ color: #333;}
.boutique-recommend a:hover{ color: #297AE6;}
.boutique-recommend h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px;}
.boutique-recommend p{ color: #999;}
.boutique-recommend .btn{ display: block; width:67px; height: 23px; text-align: center; line-height: 23px; color: #666; background: #eee; border-radius: 50px; margin-top: 4px;}
.boutique-recommend .btn:hover{ color: #fff; background: #00a4f3;}
.download-instruction p{ line-height: 25px; padding:15px 0 0;}

.hot-software{ overflow: hidden; height: 155px; background: #fff; margin-top: 20px;}
.hot-software .play{ margin-top: 20px;}
.hot-software a{ float: left; width:72px; overflow: hidden; margin:0 15px 0 21px; display: inline; text-align: center; color: #333;}
.hot-software a:hover{ color: #297AE6;}
.hot-software img{ display: block; width: 72px; height: 72px; margin-bottom: 10px; border-radius: 15px;}
.hot-software .iconfont{ width:27px; height:55px; background-image:url(../image/sprite.png); background-repeat:no-repeat; top:45%; opacity:1; filter:alpha(opacity=100);}
.hot-software .next{ background-position:-27px -91px;}
.hot-software .prev{ background-position:0 -91px;}

.download-list{ margin-top: 20px;}
.download-list li{ overflow: hidden; margin-bottom: 20px; background: #fff; padding:11px 20px; color: #999; position: relative;}
.download-list .pic{ float: left; width:102px; padding-right: 30px;}
.download-list .pic img{ width: 102px; height: 102px;}
.download-list .info{ float: right; width:700px;}
.download-list h3{ width: 100%; height: 42px; line-height: 42px; padding:0 0 10px; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download-list h3 a{color: #2a2a2b;}
.download-list h3 a:hover{ color: #297AE6;}
.download-list p{ overflow: hidden; width: 100%;}
.download-list .info p{ height: 40px;}
.download-list .info p a{ color: #297ae6;}
.download-list .size{ padding-top: 15px;}
.download-list .detect{ margin-right: 20px;}
.download-list .detect img{ margin-right: 2px;}
.download-list .detect i{ display:inline-block; vertical-align: middle; background: url(../image/sprite.png) no-repeat 0 -149px; width: 17px; height: 17px; margin-left: 5px;}
.download-list .span1{ width: 130px; display: inline-block;}
.download-list .btn{ position: absolute; right:20px; bottom:16px; display: block; width:88px; height: 32px;  background: #eee; border-radius:100px; text-align: center; line-height: 32px; color: #666; font-size: 16px;}
.download-list .btn i{ display:inline-block; width:21px; height: 21px; vertical-align: middle; background-image: url(../image/sprite.png); background-position:-145px -102px; background-repeat: no-repeat; margin-left: 5px;}
.download-list .btn:hover{ color: #fff; background: #3877c9;}
.download-list .btn:hover i{ background-position: -55px -60px;}
.recent-tutorial{ margin-top: 20px; overflow: hidden;}
.new-tutorial{ float: left; width:842px; background: #fff; padding:0 20px 20px;}
.new-tutorial .pic{ float: left; width:325px;}
.new-tutorial .pic a{ display: block; margin-top:20px ;}
.new-tutorial .pic img{ width:325px; height: 180px;}
.tutorial-list{ float: right; width:498px; margin-top: 20px;}
.tutorial-list h3{line-height:30px; font-size: 22px; overflow: hidden; height: 60px; margin-bottom: 10px; text-align: center;}
.tutorial-list h3 a{ color: #ec1c1c;}
.tutorial-list p{ line-height: 20px; color: #999; font-size: 12px; height: 40px; overflow: hidden; border-bottom: 2px solid #eee; padding-bottom: 18px;}
.tutorial-list p a{ color: #297ae6;}
.tutorial-list ul{ padding-top: 12px;}
.tutorial-list li{ height: 28px; line-height: 28px; overflow: hidden; padding:0 0 6px 22px; background: url(../image/li_bg.png) no-repeat 8px 14px;*padding-bottom: 2px;}
.tutorial-list li a{ float: left; width:410px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333;}
.tutorial-list li a:hover{ color:#297ae6;}
.tutorial-list li span{ float: right; color: #ea1919;}

.hot-tutorial{ float: right; width:260px; padding:0 20px 5px; background: #fff; overflow: hidden;}
.hot-tutorial p{ overflow: hidden; padding-top: 9px; height: 125px; margin-left: -10px; border-bottom: 2px solid #ededed;}
.hot-tutorial p a{ float: left; margin-left: 10px; width:124px; text-align: center; overflow: hidden; color: #2a2a2b;}
.hot-tutorial p a:hover{ color: #297AE6;}
.hot-tutorial p img{ display: block; width: 124px; height: 68px; margin-bottom: 8px;}
.hot-tutorial p span{ display: block; overflow: hidden; height: 40px;}
.hot-tutorial ul{*padding-top: 15px;}
.hot-tutorial li{ height: 28px; line-height: 28px; overflow: hidden; padding:0 0 3px 22px; background: url(../image/li_bg.png) no-repeat 8px 14px;*padding-bottom: 0;*height:26px;*line-height: 26px;}
.hot-tutorial li a{ float: left; width:410px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333;}
.hot-tutorial li a:hover{ color:#297ae6;}

.tutorial-nav{ overflow: hidden; margin-top: 20px;}
.tutorial-nav ul{ overflow: hidden; margin-left: -20px;}
.tutorial-nav li{ float: left; font-size: 22px; margin-left: 20px;}
.tutorial-nav li a{ display: block; text-align: center;width: 224px; height: 64px; border-bottom: 8px solid #e7e7e7; background: #fff;color: #999; line-height: 64px;}
.tutorial-nav li a:hover{ background: #297ae6; color: #fff; border-bottom-color: #2368c5;}
.tutorial-nav li i,.tutorial-nav li span{ display: inline-block; vertical-align: middle;}
.tutorial-nav i{ background-image: url(../image/sprite.png); background-repeat: no-repeat; margin-right: 10px; display: block; width:40px; height: 35px;}
.tutorial-nav .win7{ background-position: -98px -25px;}
.tutorial-nav .win8{ background-position: -138px -25px;}
.tutorial-nav .win10{ background-position: -138px -25px;}
.tutorial-nav .help{ background-position: -55px -95px;}
.tutorial-nav .install{ background-position: -95px -95px;}
.tutorial-nav li a:hover .win7{background-position: -98px -60px;}
.tutorial-nav li a:hover .win8{background-position: -138px -60px;}
.tutorial-nav li a:hover .win10{background-position: -138px -60px;}
.tutorial-nav li a:hover .help{background-position: -55px -130px;}
.tutorial-nav li a:hover .install{background-position: -95px -130px;}

.tutorial-classify{ overflow: hidden; margin-left: -20px;}
.tutorial-block{ float: left; width:550px; background: #fff; padding:0 20px; margin:20px 0 0 20px; display: inline;}
.tutorial-block ul{ padding:14px 0;}
.tutorial-block li{height: 28px; line-height: 28px;}
.tutorial-block li a{ display: inline-block; width:390px; vertical-align: middle; color: #2a2a2b; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*float: left;}
.tutorial-block li a:hover{ color: #297AE6;}
.tutorial-block li .tit{ color: #999; width: auto; max-width: 85px;}
.tutorial-block li b{ display: inline-block; padding:0 10px; color: #999;*float: left;}
.tutorial-block li span{ float: right; color: #999;} 
.install-tutorial{ width: 1160px;}
.install-tutorial ul{ width: 550px; float: left;}
.install-tutorial .line{ float: left; width:2px; height: 258px; background: #ededed; margin:12px 29px 0;}
.install-tutorial{}
.install-tutorial{}
.install-tutorial{}

.ui-link{ background: #fff;}
.friendly-link{ overflow: hidden;}
.friendly-link ul{overflow: hidden; margin-left: -16px; padding-top: 12px;}
.friendly-link li{ display: inline-block; padding:0 15px; border-left: 1px solid #2a2a2b; margin-top: 16px;*float: left;}
.friendly-link li a{ color: #2a2a2b;}
.friendly-link li a:hover{ color: #297AE6;}