* { padding:0; margin:0;}
body { width:100%; min-width:1260px; padding:0; margin:0; background:#f8f8f8; color:#444; font-size:14px; line-height:180%; font-family:'open sans','PingFang SC','Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',"sans-serif";}
div,form,ul,li,h1,h2 { word-break:break-all;}
ul,li { list-style:none;}
em {font-style: normal;}
div,nav,footer { display:block;}
img { border:0;}
h1 { font-size:26px; font-weight:normal; line-height:150%;}
h2 { font-size:26px; font-weight:normal; line-height:150%;}
input { color:#333;}
input[type="text"]{ -webkit-appearance:none; outline:none; border:0;}
input::-ms-clear { display:none;}
button { outline:none; border:0;}
strong { font-weight: normal; color: #cc0000;}
.clear { clear: both;}
.b { font-weight: bold;}

/* placeholder */
::-webkit-input-placeholder { /* WebKit browsers */
color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ccc;
}   

.wrap { width:1200px; margin: 0 auto; clear: both; display: block;}
.wrap-white { float: left; background: #fff; border-bottom: 1px #eee solid; border-radius: 10px;}
.col-main { float: left; width: 840px;}
.col-right { float: right; width: 330px;}
.t { float: left; width: 100%; font-size: 24px; border-left: 5px #0598fa solid; padding: 0 0 0 10px; margin: 15px 0;}
.col-right .t { float: left; width: 100% !important; margin-top: 0 !important; display: block;}



/* link */
/* a { word-break: keep-all; word-wrap: break-word;} */

a:link,a:visited { color:#444; text-decoration:none;}
a:hover,a:active { color:#0598fa; text-decoration:none;}

.a_black a:link,.a_black a:visited { color:#444;}
.a_black a:hover,.a_black a:active { color:#0598fa;}

.a_blue a:link,.a_blue a:visited { color:#0598fa;}
.a_blue a:hover,.a_blue a:active { color:#ff6600;}

.a_gray a:link,.a_gray a:visited { color:#999;}
.a_gray a:hover,.a_gray a:active { color:#666;}

.a_gray:link,.a_gray:visited { color:#999;}
.a_gray:hover,.a_gray:active { color:#999;}

.a_red:link,.a_red:visited { color:#df2121;}
.a_red:hover,.a_red:active { color:#df2121;}


/* list-page */
.list-page { text-align: center; float:left; width:100%; padding:30px 0px 60px 0px; clear:both;}
.list-page span,
.list-page a { width:auto; padding:4px 16px; margin:0 0 0 10px; font-size:14px; background:#333; color:#eee; border-radius: 2px; display:inline-block;}
.list-page span { background:#df2121; color:#fff;}
.list-page a:link,.list-page a:visited { background:#333; color:#eee; text-decoration:none !important;}
.list-page a:hover,.list-page a:active { background:#df2121; color:#fff; text-decoration:none !important;}


/* nav */
nav { float: left; width: 100%; background: #fff; display: block;}
nav .logo { float: left; width: 200px; margin:16px 0;}
nav .logo img { float: left; height: 60px; display: block;}

nav .search { float: right; margin: 27px 0 0 0; background: #32cbfe; border: 2px #32cbfe solid; border-radius: 5px; overflow: hidden; display: block;}
nav .search .search-input { float: left; width: 860px; padding: 11px 12px; font-size: 16px; display: block;}
nav .search .search-btn { text-align: center; float: left; width: 100px; padding: 7px 0; font-size: 18px; background: #32cbfe; color: #fff; display: block;}


/* menu */
.menu { float: left; width: 100%; font-size: 16px; color: #fff; background: #32cbfe; display: block;}
.menu ul { float: left; width: 100%; display: block;}
.menu li { float: left; display: block;}
.menu a { float: left; padding: 14px 16px; color: #fff; line-height: 100%; display: block;}

.menu a:link,.menu a:visited { background: #32cbfe;}
.menu a:hover,.menu a:active { background: #1696c1;}


/* bread */
.bread { float: left; width: 98%; margin: 15px 1%; font-size: 14px; display: block;}


/* soft */
.soft { float: left; width: 100%;}
.soft h1 { float: left; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; line-height: 48px; border-bottom: 1px #eee solid;}
.soft h1 img { float: left; width: 46px; height: 46px; padding: 2px; margin: 0 10px 0 0; border: 1px #eee solid; border-bottom: 2px #eee solid; border-radius: 10px; display: block;}
.soft .info-area { float: left; width: 96%; padding: 20px 2%; margin: 0 0 20px 0;}
.soft .info-area-l { float: left; width: 820px; position: relative;}
.soft .info-area-r { float: right; width: 300px;}
.soft .info { float: left; width: 480px; display: block;}
.soft .info li { float: left; width: 50%; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.soft .info span { color: #999;}
.soft .info .soft-score { width: 104px; height: 20px; margin: 1px 0 -4px 0; background: url(/images/icons.png) no-repeat; background-position: -42px -31px; overflow: hidden; display: inline-block;}
.soft .info .soft-score span { float: left; height: 100%; background: url(/images/icons.png) no-repeat; background-position: -42px -2px; overflow: hidden; display: block;}
.soft .soft-tag { float: left; width: 420px; padding: 10px; margin: 10px 0 0 0; background: #e7f5ff; border-radius: 2px; display: block; overflow: hidden;}
.soft .soft-tag li { float: left; margin: 0 10px 0 0; display: block;}
.soft .btn_download { float: left; width: 200px; padding: 13px 0 10px 0; margin: 20px 0 0 0; color: #fff; background: #32cbfe; border-radius: 3px; display: block; clear: both;}
.soft .btn_download i { float: left; width: 30px; height: 30px; margin: 6px 10px 0 30px; background: url(/images/icons.png) no-repeat; background-position: 0 0; display: block;}
.soft .btn_download .btn_download_1 { float: left; width: 65%; font-size: 22px; display: block;}
.soft .btn_download .btn_download_2 { float: left; width: 65%; font-size: 12px; display: block;}

.soft-list-xg-1 { top: 75px; right: 0; width: 280px; padding: 0 20px 10px 20px; background: #f8f8f8; border-radius: 10px; position: absolute;}
.soft-list-xg-1 ul { float: left; width: 100%; display: block;}
.soft-list-xg-1 ul li { float: left; width: 100%; padding: 3px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.soft-list-xg-1 ul img { float: left; width: 20px; height: 20px; margin: 0 10px 0 0; background: #fff; border-radius: 3px; display: block;}

.soft .content { float: left; width: 94%; padding: 5px 3% 20px 3%; margin: 0 0 20px 0;}
.soft .content img { max-width: 100%;}
.soft .content .soft-content-pic { float: left; max-width: 100px; max-height: 100px; margin: 0 15px 15px 0; display: block;}

.soft .download-btns-area { float: left; width: 94%; padding: 5px 3% 20px 3%; margin: 0 0 20px 0;}
.soft .download-btns { float: left; width: 50%; display: block;}
.soft .download-btns li { text-align: center; float: left; width: 43%; margin: 5px 2%; display: block;}
.soft .download-btns li a { float: left; width: 100%; padding: 5px 0; color: #fff; background: #32cbfe; border-radius: 3px;}
.soft .download-btns li .download-btn-gray { color: #666; background: #ddd;}

.soft .download-btns .download-error-report { float: left; width: 90%; padding: 8px 0; color: #ff6600; background: #fff0d4; border-radius: 3px;}
.soft .download-btns .download-error-report a { float: none; width: auto; padding: 0; color: #0598fa; background: none; text-decoration: underline;}

.soft-list-xg { float: left; width: 94%; padding: 5px 3% 20px 3%; margin: 0 0 20px 0;}
.soft-list-xg ul { float: left; width: 100%; display: block;}
.soft-list-xg ul li { float: left; width: 213px; height: 56px; padding: 20px; margin: 5px; background: #f8f8f8; border-radius: 10px; display: block;}
.soft-list-xg ul li a:nth-child(1) { float: left; width: 60px; height: 60px; margin: 0 10px 0 0; background: #fff; border-radius: 5px; overflow: hidden; display: block;}
.soft-list-xg ul li a:nth-child(2) { float: left; width: 143px; max-height: 44px; line-height: 150%; display: block; overflow: hidden;}
.soft-list-xg ul li img { float: left; width: 100%; height: 100%; display: block;}
.soft-list-xg ul li span { float: left; width: 143px; color: #999; display: block;}

.soft-list-hot { float: right; width: 90%; padding: 20px 5%; margin: 0 0 20px 0; display: block;}
.soft-list-hot ul { float: left; width: 100%; display: block;}
.soft-list-hot ul li { float: left; width: 100%; padding: 8px 0 6px 0; border-top: 1px #eee solid;  display: block;}
.soft-list-hot ul li a:nth-child(1) { float: left; width: 36px; height: 36px; padding: 1px 1px 2px 1px; margin: 0 8px 0 0; background: #eee; border-radius: 8px; overflow: hidden; display: block;}
.soft-list-hot ul li a:nth-child(2) { float: left; width: 251px; line-height: 130%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.soft-list-hot ul img { float: left; width: 100%; height: 100%; display: block;}
.soft-list-hot ul span { float: right; width: 251px; color: #999; font-size: 12px; display: block;}

.sort-list { float: left; width: 90%; padding: 20px 5%; margin: 0 0 20px 0; display: block;}
.sort-list li { float: left; width: 93px; margin: 1px 3px; display: block;}
.sort-list .t { margin: 0 0 20px 0;}


/* sort */
.sort .list-soft { width: 94%; padding: 20px 3%;}
.sort .list-soft li { float: left; width: 100%; padding: 20px 0; border-bottom: 1px #eee solid; display: block;}
.sort .list-soft li:last-child { border-bottom: 0;}
.sort .list-soft .img { float: left; width: 80px; height: 80px; margin: 0 20px 0 0; background: #eee; border: 1px #eee solid; border-bottom: 2px #eee solid; border-radius: 15px; overflow: hidden; display: block;}
.sort .list-soft .img img { float: left; width: 100%; height: 100%; display: block;}
.sort .list-soft .info { float: right; width: 86%; display: block;}
.sort .list-soft h2 { font-size: 22px;}
.sort .list-soft .info div { float: left; width: 100%; display: block;}
.sort .list-soft .info .intro { color: #666;}
.sort .list-soft .info .base-info { color: #999;}


/* soft-error-report */
.soft-error-report { text-align: center; float: left; width: 98%; margin: 20px 0; padding: 20px 1%; display: block;}
.soft-error-report .t { padding: 30px 0 0 0; margin: 10px 0; font-size: 48px; border: 0;}
.soft-error-report .s-e-r-content { float: left; width: 100%; padding: 30px 0; font-size: 16px;}
.soft-error-report .s-e-r-btn { padding: 10px 30px; margin: 0 0 30px 0; font-size: 16px; color: #fff; background: #0598fa; display: inline-block;}


/* index */
.index { float: left; width: 100%; display: block;}
.index .list-tuijian-top { float: left; width: 98%; margin: 20px 0; padding: 20px 1%; display: block;}
.index .list-tuijian-top li { float: left; width: 80px; height: 100px; margin: 0 18px; display: block;}
.index .list-tuijian-top a { text-align: center; float: left; width: 100%; height: 100%; display: block;}
.index .list-tuijian-top img { float: left; width: 75px; height: 75px; padding: 5px; border-radius: 20px; border: 1px #eee solid; border-bottom: 3px #eee solid; display: block;}
.index .list-tuijian-top span { float: left; width: 96%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}


.index .list-tuijian-pc { float: left; width: 96%; margin: 0 0 20px 0; padding: 20px 2% 0 2%; display: block;}
.index .list-tuijian-pc .col-l { float: left; width: 810px; display: block;}
.index .list-tuijian-pc .col-r { float: right; width: 300px; display: block;}

.index .list-tuijian-pc .col-l ul { float: left; width: 20%; height: 230px; margin: 10px 0; display: block;}
.index .list-tuijian-pc .col-l li { float: left; width: 100%; margin: 6px 0; display: block;}
.index .list-tuijian-pc .col-l li:first-child { padding: 0 0 0 8px; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; line-height: 120%; border-left: 5px #79c471 solid;}
.index .list-tuijian-pc .col-l img { float: left; width: 20px; height: 20px; padding: 1px; border: 1px #eee solid; border-radius: 5px; display: block;}
.index .list-tuijian-pc .col-l span { float: left; width: 70%; line-height: 20px; margin: 0 0 0 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}

.index .list-tuijian-pc .col-r ul { float: left; width: 100%; margin: 10px 0; display: block;}
.index .list-tuijian-pc .col-r li { float: left; width: 100%; margin: 6px 0; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.index .list-tuijian-pc .col-r li:first-child { padding: 0 0 0 8px; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; line-height: 120%; border-left: 5px #79c471 solid;}
.index .list-tuijian-pc .col-r .list-soft-hot i { text-align: center; width: 22px; height: 22px; margin: 0 5px 0 0; font-weight: bold; font-style: italic; color: #fff; background: #32cbfe; border-radius: 2px; display: inline-block;}
.index .list-tuijian-pc .col-r .list-soft-hot .num-1 i { background: #fa4e57;}
.index .list-tuijian-pc .col-r .list-soft-hot .num-2 i { background: #fa7a53;}
.index .list-tuijian-pc .col-r .list-soft-hot .num-3 i { background: #fbc258;}

.index .list-new { float: left; padding: 20px 0; margin: 0; display: block;}
.index .list-new .t { float: left; width: 96%; padding: 0 0 20px 0; margin: 0 2%; font-size: 24px; border-bottom: 3px #32cbfe solid; border-left: 0; display: block;}
.index .list-new ul { float: left; width: 96%; padding: 0 2%; margin: 20px 0 0 0; display: block;}
.index .list-new li { float: left; width: 31%; margin: 6px 2% 6px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.index .list-new span { float: left; width: 89%; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.index .list-new li a:nth-child(1) { color: #999;}
.index .list-new i { float: right; width: 10%; color: #999; display: block;}


/* paihang */
.paihang .list-tuijian-pc { margin: 0 0 30px 0;}
.paihang .list-tuijian-pc .col-l { float: left; width: 100%; display: block;}
.paihang .list-tuijian-pc .col-l ul { margin: 10px 0 30px 0; height: auto;}
.paihang .list-tuijian-pc .col-l li { float: left; width: 100%; margin: 3px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;}
.paihang .list-tuijian-pc .col-l i { text-align: center; width: 22px; height: 22px; margin: 0 5px 0 0; font-weight: bold; font-style: italic; color: #fff; background: #32cbfe; border-radius: 2px; display: inline-block;}
.paihang .list-tuijian-pc .col-l .num-1 i { background: #fa4e57;}
.paihang .list-tuijian-pc .col-l .num-2 i { background: #fa7a53;}
.paihang .list-tuijian-pc .col-l .num-3 i { background: #fbc258;}


/* fix_area */
.fix_area { right:50px; bottom:200px; width:48px; height:48px; position:fixed;}
.fix_area span { width:48px; height:48px; display:block;}
.fix_area .backtotop { background-image:url("/images/icons.png"); background-color: #555; background-repeat: no-repeat; background-position: 9px -30px; opacity: 0.4; border-radius: 100%; cursor: pointer; visibility: hidden; overflow: hidden;}
.fix_area .backtotop:hover,
.fix_area .backtotop:active { background-color: #ff6600; opacity: 1;}


/* footer */
footer { float:left; margin:30px 0 0 0; font-size:12px; width:100%; color:#999; clear: both;}
footer a:link,footer a:visited { color:#999;}
footer a:hover,footer a:active { color:#666;}

footer .links { padding: 10px 0; margin: 10px 0; clear: both;}
footer .links span,
footer .links a { margin:0 15px 0 0;}

footer .copyright { text-align: center; float: left; width:100%; padding: 10px 0; border-top:1px #eee solid; display: block;}