/* Reset: */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, code, form, input, button, textarea, p, th, td { margin: 0; padding: 0; border: none; outline: none }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
body { font: 14px/1.6 "Microsoft YaHei", Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #666 }
img, input, select { vertical-align: middle; font-family: inherit }
img { border: 0 }
li, ul, dl { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none }
button[disabled], input[disabled] { cursor: default }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0 60px #fff inset; -webkit-text-fill-color: #666 }
textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit }
h1, h2, h3, h4 { font-weight: normal }
hr { height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eaeaea }
i, em { font-style: normal }
b, strong { font-weight: bold }
a { color: #666; text-decoration: none }
a:hover, a:active { color: #0099ff; outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent }
a:focus { outline: 0 }
.red { color: #f33 }
.blue { color: #007bfe }
.green { color: #1a934a }
.show { display: block }
.hide { display: none }
.clear { clear: both; height: 0; overflow: hidden }
.clearfix { *zoom: 1 }
.clearfix:after, .clearfix:before { display: table; content: "" }
.clearfix:after { clear: both }
.fl { float: left }
.fr { float: right }
.bg { background-color: #f7f7f7; overflow: hidden }
.hd { height: 24px; line-height: 24px; text-align: left }
.hd h2, .hd h3 { font-size: 20px; color: #777 }
.hd ul { float: right; padding-right: 15px }
.hd li { float: left; margin-left: 50px }
.hd li.on { color: #09f; border-bottom: solid 2px #09f }
.hd li.on a { color: #09f }
.hd .more { float: right; color: #a3a3a3 }
.hd a.more:hover { color: #777 }
.w2 li { width: 50% }
.w3 li { width: 33.3% }
.w4 li { width: 25% }
.w5 li { width: 20% }
.main { margin: 0 auto; }
.null { padding: 160px 0; font-size: 20px }
.path { text-align: left; color: #b0b0b0 }
.path a { padding: 0 3px; color: #999 }
.path a:hover { color: #b0b0b0 }
.path span { padding: 0 3px }
.page { padding: 40px 0 80px; text-align: center }
.page ul { position: relative; left: 50%; float: left }
.page li { position: relative; right: 50%; float: left }
.page a, .page span { float: left; margin: 0 3px; padding: 5px 13px; color: #999; border-radius: 2px; border: solid 1px #e9e9e9; background: #e9e9e9 }
.page a:hover, .page a:active { text-decoration: none; color: #777; background: #fff }
.page li.on a { position: relative; z-index: 9; color: #fff; border-color: #1294ea; background-color: #0099ff }
.page li.disabled span { color: #ccc; cursor: not-allowed; border-color:#eee; background: #eee }
.page li.tips { padding: 3px 0 0 12px; color: #999 }
.item h3 { margin-top: 15px; height: 34px; text-align: left; border-bottom: solid 2px #eaeaea }
.item h3 a { display: inline-block; position: relative; height: 34px; line-height: 34px; font-size: 16px; color: #09f; border-bottom: solid 2px #09f }
.list li { padding: 40px 0; height: 173px; border-bottom: solid 1px #eaeaea }
.list li .thumb { position: relative; z-index: 2; float: left; margin-right: -230px; width: 230px; height: 173px; overflow: hidden }
.list li .thumb img { width: 100%; height: auto }
.list li .text { position: relative; float: left; width: 100%; height: 173px; text-align: left }
.list li .text p { margin: 0 54px 0 254px; height: 66px; overflow: hidden }
.list li .text h4 { margin: 0 54px 16px 254px; font-size: 24px; color: #333 }
.list li .text em { font-size: 14px; color: #999 }
.list li .text span { padding: 0 20px 0 4px; font-size: 12px; color: #999 }
.list li .text span a { color: #999 }
.list li .text .alexa { position: absolute; left: 254px; bottom: 8px; }
.list li .rank { float: left; margin-top: 32px; margin-left: -109px; padding: 0; width: 109px; height: 112px; border-radius: 4px; background: #f7f7f7 }
.list li .rank .top { height: 62px; font-size: 36px; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #d9d9d9 }
.list li .rank .bot { padding: 0 5px }
.list li .rank dl { float: left; width: 50% }
.list li .rank dt { padding-top: 8px; line-height: 18px; color: #c0bfbf }
.list li .rank dd { line-height: 18px }
.list li.first .rank .top { background: #ff421e }
.list li.second .rank .top { background: #ff731f }
.list li.third .rank .top { background: #ffb31f }

/**图标**/
.ico { display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(ico.png?v=1) no-repeat }
.ico-add { background-position: -72px 0 }
.ico-help { background-position: -96px 0 }
.ico-home { background-position: -48px 0 }
.ico-weibo { background-position: 0 -170px }
.ico-email { background-position: -60px -170px }
.ico-rss { background-position: -120px -170px }
.ico-menu { background-position: -192px -170px }
.ico-global { background-position: -140px -100px }
.ico-china { background-position: -70px -100px }
.ico-newest { background-position: 0 -100px }
.ico-alexa { background-position: -48px -48px }
.ico-br { background-position: -168px 0 }
.ico-pr { background-position: -192px 0 }
.ico-nav-arrow{background-position:-48px -72px}
.ico-nav-mobile{background-position:-192px -228px}
.ico-nav-user{background-position:-192px -252px}


/**下拉框**/
.dropdown { position: relative; float: left }
.dropdown>a { display: block; padding: 8px 12px; line-height: 20px; white-space: nowrap; border: solid 1px #fff; background-color: #fff }
.dropdown>a.on { opacity: 0.85; color: #fff; border-color: #151E28; background: #151E28 }
.dropdown .caret { display: inline-block; margin-left: 5px; width: 0; height: 0; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent }
.dropdown-menu { display: none; position: absolute; z-index: 9; left: 0; top: 100%; margin-top: 3px; padding: 5px 0; min-width: 98px; text-align: left; opacity: 0.85; border-radius: 3px; background-color: #151e28 }
.dropdown-menu li a { clear: both; display: block; padding: 3px 20px; color: #fff; white-space: nowrap }
.dropdown-menu li.on a, .dropdown-menu li:hover a { color: #02adec }

/**导航条**/
.topbar { height: 36px; color: #999; background: #21292f }
.topbar .fl { position: relative; z-index: 11; line-height: 36px; border-left: solid 1px #2a3238 }
.topbar .fl li { float: left; font-size: 12px; border-right: solid 1px #2a3238 }
.topbar .fl li a { display: block; padding: 0 20px; color: #999 }
.topbar .fl li a:hover { color: #ccc; }
.topbar .fl li.active { background: #2a3238 }
.topbar .fl li ul { display: none; position: absolute; top: 36px; left: 64px; }
.topbar .fl li li { float: none; text-align: left; font-size: 14px; background: #2a3238 }
.topbar .fl li li a { color: #ccc }
.topbar .fl li li a:hover { color: #eee; }
.topbar .fl li li.active { background: #21292f }
.topbar .fr { position: relative; z-index: 10 }
.topbar .fr li { display: block; float: left; padding-top: 6px; padding-left: 6px; padding-right: 6px; cursor: pointer }
.topbar .fr li.active { height: 29px; border-bottom: 1px solid #2aa0e9 }
.topbar .fr li .qrcode, .topbar .fr li .nav-user-infos { display: none; position: absolute; top: 36px }
.topbar .fr .qrcode { right: 0 }
.topbar .fr .qrcode img { border: 10px solid #171d22 }
.topbar .fr .nav-user-infos { background: #171d22; white-space: nowrap; right: 0 }
.topbar .fr .nav-user-infos p { padding-left: 10px; padding-right: 10px }
.topbar .fr .nav-user-infos a { padding-left: 5px; padding-right: 5px; line-height: 34px; color: #999; display: inline }
.topbar .fr .nav-user-infos a:hover { color: #bfbfbf }

/*头部尾部*/
.header { position: relative; z-index: 5; clear: both; }
.header .top { height: 97px; border-bottom: solid 1px #eaeaea }
.header .logo { float: left; margin: 24px 0 0 0 }
.header .form { float: left; margin: 28px 0 0 160px; width: 480px; height: 40px; border-radius: 20px; border: solid 1px #eaeaea }
.header .form .button { margin-left: 10px; width: 24px; height: 24px; cursor: pointer; background: url(ico.png) no-repeat -24px 0 }
.header .form .int { width: 400px; height: 40px; line-height: 40px; background-color: transparent }
.header .form .int:-ms-input-placeholder { color: #a3a3a3 }
.header .form .int:-moz-placeholder { color: #a3a3a3 }
.header .form .placeholder { color: #a3a3a3 }
.header .link { float: right; height: 24px; line-height: 24px }
.header .link a { float: left; margin: 36px 0 0 30px }
.header .nav { margin-top: -1px; height: 51px }
.header .nav li { position: relative; float: left; margin-right: 10px }
.header .nav li a { float: left; padding: 12px 28px; font-size: 16px }
.header .nav li i { position: absolute; right: 8px; top: 13px }
.header .nav li.w a { padding: 12px 33px 12px 23px }
.header .nav li.on a { padding-top: 9px; color: #09f; border-top: solid 3px #09f }
.header .subnav { position: absolute; left: 0; display: none; width: 100%; height: 210px; opacity: 0.95; background: #09f }
.header .subnav li { float: left; padding-top: 10px; height: 18px }
.header .subnav li a { color: #fff }
.header .subnav li a:hover { font-weight: bold; color: #fff }
.header .subnav dl { float: left; width: 170px; height: 310px; text-align: left; color: #fff; background: #09f }
.header .subnav dt { padding: 25px 0 10px 0; font-size: 16px }
.header .subnav dl.d0 li { width: 32% }
.header .subnav dl.d1 { width: 710px }
.header .subnav dl.d1 li { width: 11.1% }
.header .subnav dl.d1 li.w { width: 22.1% }
.header .subnav dl.d2 li { width: 23% }
.footer .top { height: 240px; background: #32383f }
.footer .top h4 { padding-bottom: 18px; text-align: left; font-size: 16px; color: #ccc }
.footer .top .logo { float: left; padding-top: 97px }
.footer .top .tool { float: left; padding: 40px 0 0 115px; width: 260px }
.footer .top .tool li { float: left; width: 50%; height: 24px; text-align: left }
.footer .top .right { float: left; padding: 50px 25px 0 150px; text-align: left }
.footer .top .link { margin-bottom: 20px }
.footer .top .link a { float: left; margin-right: 20px; width: 50px; height: 50px }
.footer .top .link a i.ico { width: 50px; height: 50px }
.footer .top .link a:hover i.ico-weibo { background-position: -0px -220px }
.footer .top .link a:hover i.ico-email { background-position: -60px -220px }
.footer .top .link a:hover i.ico-rss { background-position: -120px -220px }
.footer .top .form input { float: left; height: 38px; vertical-align: middle; border: none }
.footer .top .form .int { padding-left: 8px; width: 180px; line-height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: solid 1px #eaeaea }
.footer .top .form .int:-ms-input-placeholder { color: #a3a3a3 }
.footer .top .form .int:-moz-placeholder { color: #a3a3a3 }
.footer .top .form .placeholder { color: #a3a3a3 }
.footer .top .form .button { position: relative; width: 47px; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #0099ff url(ico.png) no-repeat 0 -48px }
.footer .top .form .button:hover { opacity: 0.85 }
.footer .top .form .dropdown-menu { left: 0; top: -125px }
.footer .bot { padding: 13px 0; height: 14px; line-height: 14px; color: #949494; background: #21292f }
.fixed-bottom { position: fixed; _position: absolute; z-index: 9; left: 0; bottom: 0; width: 100% }

/* FF 19+ */
::-webkit-input-placeholder { color: #a3a3a3 }

/**home地图分布**/
.distribu { position: relative; z-index: 4; height: 669px; background: #8fbbe0 }
.distribu .fl { width: 920px; height: 669px }
.distribu .fr { margin: 40px 20px 0 0; width: 355px; height: 472px; text-align: left; border-top: solid 8px #e5ebee; background: #fff }
.distribu .fr h3 { padding: 18px 0 20px 20px; font-size: 20px }
.distribu .fr li { height: 29px; line-height: 29px; margin-bottom: 9px }
.distribu .fr li i { font-size: 12px; opacity: 0.5 }
.distribu .fr li em { float: left; padding-left: 10px; width: 36px; vertical-align: middle; text-align: center; color: #999 }
.distribu .fr li span { display: inline-block; height: 29px; vertical-align: middle; border-radius: 2px }
.distribu .fr li span.progress { position: relative; float: left; width: 275px; background: #e3e3e3 }
.distribu .fr li span.shadow { position: absolute; height: 29px; background: #8cc1fd }
.distribu .fr li span.text { position: absolute; padding-left: 8px; height: 29px; color: #fff }
.distribu .fr li:hover i { opacity: 1 }
.distribu .fr li.first em { color: #ff421e }
.distribu .fr li.first span.shadow { background: #ff421e }
.distribu .fr li.second em { color: #ff731f }
.distribu .fr li.second span.shadow { background: #ff731f }
.distribu .fr li.third em { color: #ffb31f }
.distribu .fr li.third span.shadow { background: #ffb31f }

/**home网站总数**/
.total { padding: 23px 0 21px 0; height: 68px; border-bottom: solid 1px #eaeaea }
.total li { position: relative; float: left }
.total li:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 70px; background: #eaeaea }
.total li .item { position: relative; display: inline-block; padding-left: 84px; text-align: left }
.total li i.ico { position: absolute; left: 0; top: 0; width: 60px; height: 60px }
.total li span { display: block; margin: 4px 0 0 2px; font-size: 16px; color: #a3a3a3 }
.total li strong { line-height: 30px; font-size: 26px; font-weight: normal; color: #444 }
.total li.first:after { width: 0; background: #fff }

/**con相关站点**/
.related { padding-top: 40px }
.related .bd { width: 1200px; overflow: hidden }
.related .bd ul { width: 1220px }
.related .bd li { float: left; text-align: left }
.related .bd li img { width: 100%; height: auto }
.related .bd li h4 { padding: 4px 0; height: 22px; overflow: hidden; color: #777 }
.related .bd li p { height: 40px; overflow: hidden; font-size: 12px; color: #a3a3a3 }
.related .bd li .img { display: block; height: 160px; overflow: hidden }
.related .bd li .item { padding: 24px 0 36px 0; width: 224px }

/**home网站推荐**/
.recommend { height: 726px; overflow: hidden }
.recommend .bd li h4 { padding-bottom: 10px; font-size: 18px }
.recommend .bd li .pic { display: block; height: 214px; overflow: hidden }
.recommend .bd li .item { padding: 24px 0 36px 0; width: 285px; border-bottom: solid 1px #eaeaea }

/**home网站专题**/
.topics { padding: 54px 0 20px 0 }
.topics .hd { margin-bottom: 24px }
.topics .bd li { position: relative; float: left; height: 240px }
.topics .bd li img { width: 400px; height: 240px }
.topics .bd li h4 { position: absolute; z-index: 2; left: 0; top: 33%; width: 100%; font-size: 24px; color: #fff }
.topics .bd li p { position: absolute; z-index: 3; left: 0; top: 50%; width: 100%; color: #fff }
.topics .bd li a.click { position: absolute; z-index: 4; left: 0; top: 0; display: block; width: 100%; height: 100% }
.topics .bd li .item { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.topics .bd li .item:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0.4; background: #000 }
.topics .bd li.on .item:after { opacity: 0.1 }
.topics .bd li.on h4 { text-shadow: 1px 1px 1px rgba(0, 144, 255, 0.5) }

/**home网站排行**/
.rank { padding: 48px 0 24px 0 }
.rank .w3 { width: 1240px; text-align: left }
.rank .item { float: left; width: 33.3% }
.rank .item ul, .rank .item h3 { width: 373px }
.rank .item li { position: relative; padding-left: 35px; width: 338px; height: 38px; line-height: 37px; text-align: left }
.rank .item li em { position: absolute; left: 7px; top: 0; font-size: 20px; color: #d9d9d9 }
.rank .item li span { position: absolute; right: 0; top: 0; font-size: 12px; color: #b0b0b0 }
.rank .item li span.up { color: #e76140 }
.rank .item li span.up i { background-position: 0 -24px }
.rank .item li span.down { color: #70bd7b }
.rank .item li span.down i { background-position: -24px -24px }
.rank .item li span.same { color: #a3a3a3 }
.rank .item li span.same i { background-position: -48px -24px }
.rank .item li img, .rank .item li p { display: none }
.rank .item li:after { content: ""; position: absolute; z-index: 1; left: 35px; bottom: 0; display: block; width: 338px; height: 1px; background: #eaeaea }
.rank .item li.on { height: 124px }
.rank .item li.on p { display: block; height: 60px; line-height: 20px; overflow: hidden; color: #b0b0b0 }
.rank .item li.on p a { color: #b0b0b0 }
.rank .item li.on h4 { padding-top: 12px; width: 140px; height: 37px; overflow: hidden }
.rank .item li.on em { top: 12px }
.rank .item li.on img { display: block; float: left; margin: 19px 16px 0 0; width: 113px; height: 85px; background: #ccc; }
.rank .item li.on span { padding-top: 12px }
.rank .item li.first em { color: #ff421e }
.rank .item li.second em { color: #ff731f }
.rank .item li.third em { color: #ffb31f }

/**home最新加入**/
.newest { padding: 40px 0 }
.newest .bd { padding-top: 20px; overflow: hidden }
.newest .bd ul { width: 1240px }
.newest .bd li { float: left; height: 30px; line-height: 30px; overflow: hidden; text-align: left }
.newest .bd li em { float: right; margin-right: 40px; padding-left: 10px; color: #a3a3a3 }

/**home友情链接**/
.links { padding: 40px 0; border-top: solid 1px #eaeaea }
.links .bd { padding-top: 20px }
.links .bd li { display: inline; float: left; padding-right: 20px; line-height: 24px; white-space: nowrap }
.links .bd li a { color: #999 }
.links .bd li a:hover { color: #666 }

/**con备案信息**/
.information { padding: 40px 0 24px 0 }
.information .w3 { width: 1240px; text-align: left }
.information .item { float: left; width: 33.3% }
.information .item h3 { margin: 0 0 12px; font-size: 20px; color: #777; border: none }
.information .item li { width: 373px; height: 28px; line-height: 28px; overflow: hidden; color: #777 }
.information .item li em { float: left; padding-right: 15px; width: 72px; text-align: right; color: #b0b0b0 }
.information .item li span { float: left; width: 280px }
.information .first li em { width: 58px }

/**con评估简报**/
.briefing { padding: 40px 0 24px 0 }
.briefing .text { padding: 20px 180px 40px 0; line-height: 28px; text-align: left }
.briefing .tabs { padding-bottom: 6px; margin-bottom: 10px; border-bottom: solid 1px #eaeaea }
.briefing .tabs li { position: relative; display: inline; padding: 0 20px }
.briefing .tabs li.on a { color: #09f }
.briefing .tabs li.on:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 24px; display: block; width: 7px; height: 7px; border-radius: 50%; background: #09f }
.briefing .box { width: 100%; height: 260px }

/**con网站关键词、同类型、子域名、口碑**/
.keyword { padding: 32px 0 }
.keyword .hd { margin-bottom: 20px }
.keyword .fl { width: 786px; height: 262px }
.keyword .fl th { padding: 10px; font-weight: normal; color: #a3a3a3; background: #fafafa }
.keyword .fl td { padding: 6px 10px; border-bottom: solid 1px #eaeaea }
.keyword .fl td a { color: #3e9121 }
.keyword .fl td a:hover { color: #09f }
.keyword .fr { width: 374px; text-align: left }
.keyword .fr p { padding: 10px 0; color: #a3a3a3 }
.keyword .fr .hd li { margin-left: 30px }
.keyword .fr .sub li { padding: 6px 0 }
.keyword .fr .sub li.on a { color: #09f }
.keyword .fr .box li { float: left; margin: 0 10px 12px 0; padding: 5px 10px; font-size: 12px; border-radius: 2px; background: #f2f2f2 }
.keyword .fr .box li a { white-space: nowrap; color: #666 }
.keyword .fr .box li em { color: #a3a3a3 }

.keyword .w1200 { width: 1200px; height: auto; }
.keyword .w580 { width: 580px; height: auto; }
.keyword .w1200 th,.keyword .w580 th{ padding: 10px; font-weight: normal; color: #a3a3a3; background: #fafafa }
.keyword .w1200 td,.keyword .w580 td { padding: 6px 10px; border-bottom: solid 1px #eaeaea }
.keyword .w1200 td a,.keyword .w580 td a { color: #3e9121 }
.keyword .w1200 td a:hover,.keyword .w580 td a:hover{ color: #09f }

/**con栏目信息**/
.section { padding: 36px 0 40px; height: 184px }
.section .hd { margin-bottom: 24px }
.section .hd ul { max-width: 1000px; height: 26px; font-size: 15px; overflow: hidden }
.section .bd .fl { width: 181px; height: 136px; overflow: hidden }
.section .bd .fl img { width: 181px; height: auto }
.section .bd .fr { padding-right: 150px; width: 850px; text-align: left }
.section .bd .fr p { padding: 5px 0 }
.section .bd .fr a { display: inline-block; margin: 10px 10px 0 0; padding: 1px 12px; border-radius: 12px }
.section .bd .fr a em { letter-spacing: -4px }
.section .bd .fr a.s1 { color: #09f; border: solid 1px #09f }
.section .bd .fr a.s1:hover { color: #fff; background: #09f }
.section .bd .fr a.s2 { color: #3e9121; border: solid 1px #52ae32 }
.section .bd .fr a.s2:hover { color: #fff; background: #3e9121 }

/**con详细信息**/
.detail { background: url(bg-detail.jpg) repeat-x }
.detail .path { padding: 18px 0 }
.detail .top .fl { width: 350px; height: 265px; overflow: hidden }
.detail .top .fl img { width: 100%; height: auto }
.detail .top .fr { position: relative; width: 815px; text-align: left }
.detail .top .fr h1 { padding: 8px 0 20px; width: 425px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 36px; font-weight: normal; color: #333 }
.detail .top .fr li { line-height: 32px; color: #777 }
.detail .top .fr li em { float: left; padding-right: 15px; width: 60px; text-align: right; color: #b0b0b0 }
.detail .top .fr li span { float: left; width: 700px }

.detail .top .fr .score{position: absolute; top: 75px; right: 0px;}
.detail .top .fr dl {width: 97px; height:80px;text-align: center; color: #b0b0b0;float: left;position: relative;}
.detail .top .fr dd {position: absolute; left: 0; top: -55px; width: 97px; font-size: 26px; color: #09f}
.detail .top .fr dd a{color: #09f}

.detail .bot { padding: 30px 0 }
.detail .bot .hd { margin-bottom: 15px }
.detail .bot .bd { position: relative }
.detail .bot .bd p { padding: 5px 0;}
.detail .bot .bd h3 { padding: 5px 0; font-size: 16px; font-weight: bold }
.detail .bot .bd .button a { display: inline-block; float: right; margin: 0 10px 0 0; padding: 1px 12px; color: #09f; border-radius: 12px; border: solid 1px #09f }
.detail .bot .bd .button a:hover { color: #fff; background: #09f }
.detail .bot .bd .box { height: 192px; line-height: 26px; overflow: hidden; text-align: left }
.detail .bot .bd .box.on { height: auto; min-height: 140px }
.detail .bot .bd .box.height_auto{height:auto;}
.detail .bot .bd .shadow { display: none; position: absolute; left: 0; bottom: 26px; width: 100%; height: 30px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#00ffffff', EndColorStr='#ffffff'); }

/**wlist列表页**/
.wlist { background: url(bg-list.jpg) repeat-x }
.wlist .path { padding: 70px 0 10px }
.wlist .fr { width: 300px; overflow: hidden }
.wlist .fr .rank { padding-top: 0 }
.wlist .fr .rank .item { width: 100% }
.wlist .fr .rank .item h4 { width: 200px; height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.wlist .fr .rank .item ul { width: 300px }
.wlist .fr .rank .item li, .wlist .fr .rank .item li:after { width: 265px }
.wlist .fr .rank .item li.on h4 { width: 80px }
.wlist .fr .cate .item ul { padding-top: 12px; width: 312px }
.wlist .fr .cate .item li { float: left }
.wlist .fr .cate .item li a { display: block; margin: 0 12px 4px 0; height: 24px; line-height: 24px; overflow: hidden; color: #666; border-radius: 2px }
.wlist .fr .cate .item li a:hover { background: #eaeaea }
.wlist .fr .cate .item li.on a { color: #fff; background: #09f }
.wlist .fl { width: 860px }
.wlist .fl .hd { margin-top: 15px; height: 34px; border-bottom: solid 2px #eaeaea }
.wlist .fl .hd h1 { display: inline; line-height: 34px; font-size: 20px }
.wlist .fl .hd div { display: inline-block; position: relative; height: 34px; line-height: 34px; font-size: 20px; color: #09f; border-bottom: solid 2px #09f }
.wlist .fl .hd .dropdown { float: right }
.wlist .fl .hd .dropdown>a { padding: 6px 12px 6px 17px; border-radius: 3px }
.wlist .fl .hd .dropdown-menu { float: none; padding-right: 0 }
.wlist .fl .hd .dropdown-menu li { float: none; margin: 0 }
.wlist .fl .bd .list li .text h2 { margin: 0 150px 16px 254px; height: 38px; overflow: hidden; font-size: 24px; color: #333 }
.wlist .fl .bd .list li .text p { margin: 0 150px 0 254px; color: #888 }
.wlist .fl .bd .list li .text p a { color: #888 }

/**slist专题列表**/
.slist h2 { display: none; font-size: 0 }
.slist li { margin-top: 24px; height: 240px; background: #fff }
.slist li .fl { width: 400px }
.slist li .fl img { width: 400px; height: 240px }
.slist li .fr { position: relative; width: 800px; height: 240px; text-align: left }
.slist li .fr p { padding: 0 24px; height: 78px; line-height: 26px; overflow: hidden; color: #a3a3a3 }
.slist li .fr h4 { padding: 16px 0 16px 24px; font-size: 24px }
.slist li .fr h4 a { color: #333 }
.slist li .fr h4 a:hover { color: #09f }
.slist li .fr .button { position: absolute; left: 0; bottom: 0; padding-left: 24px; width: 776px; height: 50px; line-height: 50px; color: #999; border-top: solid 1px #eaeaea }
.slist li .fr .button a { position: absolute; right: 0; top: -1px; display: block; width: 140px; height: 51px; text-align: center; font-size: 18px; color: #fff; background: #09f }
.slist li .fr .button a:hover { background: #27a8ff }

/**searchlist搜索列表页**/
.search .form { padding: 55px 0; height: 50px; overflow: hidden; background: #0661ab url(bg-search.jpg) no-repeat 50% 0 }
.search .form .int { width: 585px; height: 50px; line-height: 50px; text-indent: 10px; font-size: 16px }
.search .form .button { width: 57px; height: 50px; background: #20a5ff url(ico.png) no-repeat -175px -30px }
.search .fl { width: 250px; text-align: left }
.search .fl h3 { padding: 24px 0 20px; font-size: 18px }
.search .fl h3 span { color: #09f }
.search .fl li { padding-left: 35px; height: 55px; line-height: 55px; font-size: 16px; color: #999; border-bottom: solid 1px #fff; background: #f9f9f9 }
.search .fl li span { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; border-radius: 10px; background: #eee }
.search .fl li.on { color: #fff; background: #20a5ff }
.search .fl li.on a { color: #fff }
.search .fl li.on span { color: #09f; background: #fff }
.search .fr { padding-top: 30px; width: 900px }
.search .fr .list li .text h4 span { padding: 0; font-size: 24px; color: #f33 }

/**star列表**/
.star h2 { display: none; font-size: 0 }
.star ul { width: 1220px }
.star li { float: left; text-align: left }
.star li img { width: 100%; height: auto }
.star li h4 { padding: 14px 14px 8px; font-size: 16px }
.star li p { padding: 0 14px; height: 44px; overflow: hidden; color: #a3a3a3 }
.star li .pic { display: block; height: 214px; overflow: hidden }
.star li .item { margin-top: 20px; width: 285px; height: 325px; background: #fff }

/**star&slist筛选框**/
.select { padding: 2px 0 2px 14px; background: #fff }
.select dl { position: relative }
.select dl.first dd ul { border: none }
.select dt { float: left; padding-top: 13px; width: 90px; margin-right: -90px; font-size: 16px; color: #999 }
.select dd { float: right; width: 100% }
.select dd ul { margin-left: 90px; padding: 14px 0 7px; border-top: solid 1px #eaeaea }
.select dd li { float: left; margin: 0 10px 10px 0 }
.select dd li.s { margin-right: 1px; padding: 0 7px }
.select dd li a { float: left; padding: 1px 9px; color: #666; border-radius: 2px }
.select dd li a:hover { background: #eee }
.select dd li.on a { color: #fff; background: #09f }

/**special专题页**/
.special .fl img { width: 400px; height: 240px }
.special .fr { position: relative; padding-bottom: 54px; width: 800px; height: 240px; text-align: left }
.special .fr p { padding: 0 36px; height: 78px; line-height: 26px; overflow: hidden; color: #777 }
.special .fr h1 { padding: 0 0 24px 36px; line-height: 36px; font-size: 32px; font-weight: normal }
.special .fr .button { position: absolute; left: 0; bottom: 54px; padding-left: 36px; width: 764px; color: #999 }
.special .fr .button span.fl { margin-top: 2px; vertical-align: middle }
.special .hd { padding-top: 28px; font-size: 20px }
.special .hd span { color: #09f }
.special .bd ul { width: 1220px }
.special .bd li { float: left; text-align: left }
.special .bd li img { width: 100%; height: auto }
.special .bd li h4 { padding: 4px 0; font-size: 18px; color: #777 }
.special .bd li p { height: 22px; overflow: hidden; color: #a3a3a3 }
.special .bd li .img { display: block; height: 214px; overflow: hidden }
.special .bd li .item { margin-top: 20px; width: 285px; height: 285px; background: #fff }

/**搜索结果**/
.result { background: #fff }
.help .hd { height: 190px; border-bottom: solid 1px #eee; background: #fff }
.help .hd .banner { height: 140px; background: #eaecef url(bg-help.jpg) no-repeat 50% 0 }
.help .hd ul { position: absolute; float: left }
.help .hd li { margin: 0 15px 0 0 }
.help .hd li a { display: block; padding: 0 16px; height: 50px; line-height: 50px; font-size: 16px; color: #a3a3a3 }
.help .hd li.on a { height: 49px; line-height: 49px; color:#09f }
.help .form .fl { padding: 80px 0; width: 698px; border-right: solid 1px #eee }
.help .form .fl li { padding: 0 0 30px 110px; text-align: left }
.help .form .fl li.last { padding-left: 190px }
.help .form .fl label { float: left; width: 80px; line-height: 44px; text-align: right; font-size: 16px }
.help .form .fl input { width: 298px; height: 44px; line-height: 44px; text-indent: 8px; border: solid 1px #eee }
.help .form .fl button { width: 300px; height: 48px; font-size: 18px; color: #fff; background: #09f }
.help .form .fr { width: 500px; text-align: left }
.help .form .fr dt { padding: 20px 0 10px 20px; font-size: 16px }
.help .form .fr dd { padding-left: 40px; color: #999 }
.help .list { border-left: solid 1px #eee; background: #f9f9f9 }
.help .list .fl { width: 230px; margin-right: -230px }
.help .list .fl ul { position: relative }
.help .list .fl li { padding: 0; height: 47px; line-height: 47px; font-size: 16px }
.help .list .fl li a { display: block; *display: inline }
.help .list .fl li.first { padding: 8px 13px; height: 24px; line-height: 24px; text-align: right }
.help .list .fl li.first a:hover i { background-position: -192px -200px }
.help .list .fl li.on { position: relative; background: #fff }
.help .list .fl li.on:before { content: ""; display: block; position: absolute; left: -1px; top: 0; width: 3px; height: 47px; background: #09f }
.help .list .fl li.on:after { content: ""; display: block; position: absolute; right: -1px; top: 0; width: 1px; height: 47px; background: #fff }
.help .list .fr { width: 100% }
.help .list .fr div { position: relative; padding-bottom: 60px; margin-left: 230px; min-height: 800px; text-align: left; border-left: solid 1px #eee; background: #fff }
.help .list .fr h3 { padding: 30px 26px 0; font-size: 20px }
.help .list .fr p { padding: 20px 0 0 26px }
.help .list .fr a i { display: none; position: absolute; left: 9px; top: 9px }
.help .list .fr a:hover i { background-position: -192px -200px }
.help .list.on { border: none }
.help .list.on .fl { display: none }
.help .list.on .fr a i { display: block }
.help .list.on .fr div { margin-left: 0; padding-left: 20px; border: none }

/**返回顶部**/
.gotop { display: none; position: fixed; z-index: 5; width: 50px; height: 50px }
.gotop a { display: block; width: 100%; height: 100%; cursor: pointer; background: url(ico.png) no-repeat -72px -30px }
.gotop a:hover { background-position: -125px -30px }

/**最新加入站点**/
.latestsite { padding-top: 40px; padding-bottom: 24px }
.latestsite .bd { width: 1200px; overflow: hidden; padding-top: 24px }
.latestsite .bd ul { width: 1220px }
.latestsite .bd li { float: left; text-align: left }
.latestsite .bd li img { width: 100%; height: auto }
.latestsite .bd li h4 { padding: 4px 0; height: 22px; overflow: hidden; color: #777 }
.latestsite .bd li p { height: 40px; overflow: hidden; font-size: 12px; color: #a3a3a3; cursor: pointer }
.latestsite .bd li .img { display: block; height: 160px; overflow: hidden }
.latestsite .bd li .item { padding: 0px 0 16px 0; width: 224px }

/**口碑**/
.koubei{text-align: left; margin-bottom: 20px;}
.koubei .w580 { width: 580px;}
.koubei .hd {padding-bottom: 20px;}
.koubei .box li { float: left; margin: 0 10px 12px 0; padding: 5px 10px; font-size: 12px; border-radius: 2px; background: #f2f2f2 }
.koubei .box li a { white-space: nowrap; color: #666 }
.koubei .box li em { color: #a3a3a3 }