/* CSS Reset for Cross-Browser Differences */

/* Box model */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Forms */
input, select, textarea, button {
    margin: 0;
    font-size: 100%; /* Make sure inputs have the same font size as the rest of the text */
    vertical-align: middle; /* Align inputs vertically within their containers */
    *vertical-align: auto; /* IE7 fix */
    *overflow: visible; /* IE7 fix for inline-block elements */
    line-height: normal; /* Prevent text resizing in form elements in IE and Firefox */
    border: 1px solid #ccc; /* Provide a default border for form elements */
    padding: .3em; /* Provide some default padding for form elements */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Prevent text resizing in all browsers */
input, textarea, select {
    font-family: inherit; /* Inherit the font family from the parent element */
    font-size: inherit; /* Inherit the font size from the parent element */
    color: inherit; /* Inherit the text color from the parent element */
}

/* Buttons */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer; /* Change the cursor to indicate that the element is clickable */
    -webkit-appearance: button; /* Make buttons look like buttons in Safari and Chrome */
    -moz-appearance: button; /* Make buttons look like buttons in Firefox */
    appearance: button; /* Make buttons look like buttons in all modern browsers */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Remove default focus styles for mouse users in all browsers */
button:focus, input:focus, textarea:focus, select:focus {
    outline: none; /* Remove the outline when the element is focused */
}

/* Remove default styles for images and iframes */
img, iframe {
    border: 0;
    vertical-align: middle; /* Align images and iframes vertically within their containers */
}

/* Remove default styles for embedded content */
audio, canvas, video {
    display: inline-block; /* Make embedded content display inline */
    *display: inline; /* IE7 inline-block hack */
    *zoom: 1; /* IE7 inline-block hack */
}

/* Prevent text resizing in all browsers for elements that shouldn't be resized */
pre, code, kbd, samp {
    font-family: monospace, sans-serif; /* Use a monospace font for these elements */
}

/* Provide a default font-size and line-height for the html and body elements */
html {
    font-size: 16px; /* Set a base font size for the entire document */
    line-height: 1.5; /* Set a base line height for the entire document */
}

body {
    font-family: Arial, sans-serif; /* Set a default font family for the body */
    color: #07519A; /* Set a default text color for the body */
}
<!-- ---------------------------格式重置------------------------------------ -->


body,h1,h2,h3,h4,p,dl,dt,dd,ul,li,form,th,td,table,label,article,aside,dialog,footer,header,section,footer,nav,figure,hgroup{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body,button,input,select,textarea,li,dt,dd,div,p,span{font:16px/1Arial}
article,aside,dialog,footer,header,section,nav,figure,hgroup{display:block}

ul{list-style:none}
img{border:none}
img{border:none}
em,b{font-style:normal}
a{text-decoration:none;color:#07519A;cursor:pointer}
a:hover{text-decoration:underline}
.topbar a:hover{transform: scale(1.2); }

button,input,select,textarea{margin:0;padding:0;font-size:100%;outline:0;vertical-align:middle}
button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}

.clearfix{clear: both;zoom: 1}
div,li{border-color: #ace}

#wrapa:hover,#wrap.red{color:#e60012}
#wrap.gray,.recommend{color:#666}
#wrap.green{color:#178517}
#wrap.orange{color:#f60}
#wrap.blue{color:#02a1c8}
#wrap.light-green{color:#2fac06}
#wrap.light-blue{color:#0079ff}

.list {clear: both;zoom: 1}
.list:after {content: "\0020";height: 0;display: block;clear: both;visibility: hidden}
.list li {float: left;overflow: hidden}
.header,.kuzhan-nav {padding-left: 10px;height: 26px;line-height: 26px;font-weight: bold}
.kuzhan-nav {padding-top: 1px}
.input-text {padding-left: 2px;width: 80px;height: 18px;line-height: 18px;font-family: Tahoma;color: #333;border: 1px solid #abadb3;background: #fff}
.input-btn {padding: 0 5px;*padding: 0 1px;height: 22px;line-height: 1.3;_line-height: 1.5;color: #333;cursor: pointer}
.select {height: 20px}/* 下拉选择框 */
.header,.kuzhan-nav,.list li,.tabs li,#search-kw,#search-btn,.channel li a,.usage-tabs li,#suggests a {font-size: 14px}

.wrap-outer,.wrap-inner {*zoom: 1;min-width: 960px}/* 容器宽度和缩放相关 */
.wrap-inner {padding-top: 50px;}

/* 定位相关 */
.topbar,.hd,.bd,.ft,.container,.top-bd,#most-visited,.kuzhan-nav {position: relative}
.topbar {overflow: hidden}


.container,.top-bd {margin: 0 auto;width: 960px}
.main {width: 714px;overflow: hidden}
.side {position: relative;width: 228px;z-index: 3}

.hd {	padding-bottom: 5px;	height: 162px}
.bd {	margin-top: 5px;	height: 1110px;	z-index: 1}  /* 搜索下部分主体 */
.ft {	padding-top: 6px;	padding-bottom: 10px;	text-align: center}
.ft a {	margin: 0 5px}.main,.pop-border {	border-style: solid;	border-width: 2px}
.side,.recom-area,.tabs-box {	border-style: solid;	border-width: 2px}
.tabs li {	border-style: solid;	border-width: 1px 1px 0}
.kuzhan,.tipcon dl {	border-style: solid;	border-width: 0 0 1px}
.usage-tabs li {	border-style: solid;	border-width: 0 0 1px 1px}
.mynav-line {	border-style: solid;	border-width: 2px 0 2px 2px}
.mingzhan,.channel li {	border-style: dashed;	border-width: 0 0 1px}
.kuzhan .kuzhan-nav a {	border-style: solid;	border-width: 0 0 0 1px}

/* 顶部栏 */
.topbar {min-width: 960px;height: 48px;color: #666;border-bottom: 1px solid #cdcdcd;background: url(../images/top_bg.png) repeat-x;background-size: 100% 100%;position: fixed;top: 0;left: 0;width: 100%;z-index: 999; }
.top-left {float: left}
.top-right {float: right}
.top-meta {float: left;padding-right: 2px;        top: 50%;        transform: translateY(30%);}
.top-meta a:hover {text-decoration: none;background: #def0ff;}
.top-meta a {margin: 0 5px;line-height: 28px;color: #666}

/* 分割线 */
.reference-line {
    height: 2px; /* 参考线的高度 */
    background-color: red; /* 参考线的颜色 */
    visibility: hidden; /* 初始隐藏 */
    margin-top: 10px; /* 与顶部栏之间的间距 */
}
 
.content {
    margin-top: 20px; /* 内容区域与参考线（或顶部栏，如果参考线隐藏）之间的间距 */
}
/* 分隔线 */

.quick-nav {margin-left: -6px}
.quick-nav a,.quick-nav .current {float: left;padding: 0 8px;height: 48px;line-height: 48px;text-align: center;color: #07519a;display: block}
.quick-nav a:hover {text-decoration: none;background: #def0ff}
.quick-nav .current {font-weight: bold;color: #555}
.skin-select {float: left;width: 60px;height: 28px}
.def-skin {display: block}
.def-skin a {float: left;margin: 8px 0 0 5px;width: 12px;height: 12px;display: block;overflow: hidden;cursor: pointer;outline: 0}
.def-skin a.selected img {margin-left: -12px}
.def-skin a {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
.def-skin a:hover {-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5)}
.skin-trigger {float: left;padding-left: 20px;width: 24px;height: 28px;line-height: 28px;_line-height: 30px;color: #1a1a1a;background: url(../images/icon/skin_opt_110815.png) no-repeat 0 -71px;display: block;z-index: 2}
.skin-wrap {height: 210px;border-bottom: 1px solid #c7c7c7;background: #fcfcfc;display: none;*zoom: 1}
.inner-hide .skin-container {display: none}
.inner-show .skin-container {display: block}
.hd .hd-top,.hd .hd-bottom,.tabs,.tabs-box {position: relative}
.hd .hd-top {height: 66px;z-index: 3}
.logo,.calendar,#weather-wrap,.hgroup,.last-part {position: absolute;top: 10px;height: 48px;overflow: hidden}

.logo {left: 0;top: 10px;height: 57px;width: 200px;background: url('../images/logo_def.png') no-repeat;_background-image: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo_def.png", sizingMethod="image");transition: all 0.3s ease;}
.logo:hover {transform: scale(1.1);}

#weather-wrap {left: 193px;width: 336px}



.hgroup {left: 530px;padding: 0 3px 0 12px;width: 150px;border-right: 1px solid #EFEFEF;overflow: visible}
.hgroup .login-mail-wrap {position: relative;padding-left: 20px;height: 24px;background: url(../images/icon/index_icon_111116.png) no-repeat 0 -140px}
.last-part {right: 0;padding: 0 1px 0 12px;width: 148px}
.last-part a:hover {text-decoration: none;background: #def0ff}
  
.last-part a {margin-bottom: 6px;padding-left: 16px;height: 20px;line-height: 20px;background: url(../images/icon/index_icon_111116.png) no-repeat 0 -169px;display: block;overflow: hidden}

.joke {width: 250px;height: 45px;line-height: 20px;overflow: hidden}
.joke a {float: left;color: ff6200;display: block}
.joke .joketext {margin-left: 1px;width: 250px}
.joke .refresh {margin-top: 4px;_margin-top: 3px;width: 12px;height: 12px;overflow: hidden;cursor: pointer;background: url("../images/icon/index_icon_111116.png") no-repeat 0 -121px}
.joke .refresh {-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in}
.joke .refresh:hover {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.login-mail-wrap .input-text {width: 116px}
.mail-trigger {position: absolute;left: 19px;top: 3px}
.login-mail {display: none;position: absolute;top: -3px;*top: -4px;left: 15px;padding: 4px 0 0 3px;width: 124px;height: 80px;line-height: 20px;border-width: 1px;border-style: solid;z-index: 3;background: #f4faff\9;background: linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat;background: -moz-linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f9ff)) no-repeat;background: -o-linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat}
.login-mail .mail-pwd {width: 68px;width: 75px\9}
.mail {margin: 6px 0;width: 120px}
:root .mail {width: 118px \0/}

.hd .hd-bottom {height: 2px}  /* 中间右边主体 */

.tabs {padding-left: 90px;height: 26px;z-index: 2}
.tabs li {float: left;margin-right: 5px;width: 50px;height: 24px;line-height: 24px;text-align: center;cursor: pointer}
.tabs li.selected {height: 25px;font-weight: bold;cursor: default}
.tabs li.selected a {cursor: default}
.tabs li.selected a.link {cursor: pointer}
.tabs li.selected a.link:hover {text-decoration: underline}
.tabs li a:hover {text-decoration: none}
.tabs-box {top: -1px;height: 69px}
.publicity {position: absolute;top: 8px;right: 5px}
#search-logo,.search-form,.hot-kw-box {position: absolute;top: 12px}
#search-logo {width: 97px;height: 30px;text-align: center;overflow: hidden}
.search-form {left: 98px;width: 460px;height: 50px}
#search-kw {margin-right: 5px;padding-left: 6px;width: 362px;height: 28px;line-height: 28px;border: 1px solid #cdcdcd;background: #fff url(../images/search_kw_bg.png) repeat-x}
#search-btn {width: 80px;height: 30px;text-align: center;cursor: pointer}
#search-radio {height: 24px;line-height: 24px;display: block}
#search-radio label {position: relative;float: left;padding-left: 14px;width: 36px;display: block}
#search-radio label input {position: absolute;top: 6px;top: 4px\9;*top: 0;left: 0;*left: -5px}
.hot-kw-box {right: 3px;width: 260px;height: 40px;line-height: 34px;display: none;overflow: hidden}
.hot-kw-box p {height: 20px;line-height: 18px;overflow: hidden}.hot-kw-box a {margin-right: 6px}
#most-visited {height: 20px;line-height: 20px}
#most-visited .title {width: 65px;font-weight: normal}
#most-visited .content {position: absolute;top: 0;left: 65px;width: 870px;height: 20px;line-height: 20px;color: #666;overflow: hidden}
.visited-list {width: 880px;height: 20px;overflow: hidden}
.visited-list li {position: relative;float: left;margin-right: 5px;padding: 0 17px 0 20px;line-height: 20px}
.visited-list li b {position: absolute;top: 2px;left: 0}
.visited-list li b img {width: 16px;height: 16px}
.visited-list li a.close {position: absolute;top: 3px;right: 0;width: 15px;height: 16px;background: url(../images/icon/index_icon_111116.png) no-repeat 0 -14px;display: none}
.visited-list li a.close:active {background-position: 0 -36px}
.visited-list li.hover a.close {display: block}
.visited-remove {position: absolute;top: 5px;right: 5px;width: 10px;height: 10px;background: url(../images/icon/index_icon_111116.png) no-repeat 0 -60px;display: block;overflow: hidden;cursor: pointer}
.main-mingzhan {position: absolute;top: 0;right: 0;padding: 6px 10px 0;width: 694px}
.main-mingzhan .last {border-width: 0}
.mingzhan {padding-bottom: 4px}
.mingzhan li {position: relative;padding: 0 5px;width: 105px;text-align: center;height: 30px;line-height: 30px}
.mingzhan li.double-link a {padding: 0 6px}
.mingzhan li.double-link .separator {position: absolute;top: 48%;left: 49%;width: 3px;height: 3px;background: #333;display: block;overflow: hidden}
.channel li {position: relative;height: 30px;*display: inline;overflow: hidden;z-index: 4}
.channel .channel-icon {width: 35px;background: url(../images/icon/tools_icon.png) no-repeat 0 0;overflow: hidden}
.channel li.hover,.channel li.hover-before {border-style: solid}
.channel li span,.channel li a {float: left;height: 30px;line-height: 30px;display: block}
.channel li span.cut-off {padding: 0 3px}
.hot-icon,.new-icon {float: left;margin: 6px 0 0 3px;width: 18px;height: 10px;background: url(../images/icon/hot_icon_18_7.png) no-repeat;display: block}
.new-icon {background: url(../images/icon/new_icon_17_5.png) no-repeat}
.channel li .recommend {float: right;padding-right: 10px;font-size: 12px}
.channel .last {border-width: 0}
.usage {top: 8px;height: 65px}
.usage-tabs {position: absolute;top: 0}
.usage-tabs li {float: left;margin-left: -1px;width: 54px;height: 28px;line-height: 28px;text-align: center;cursor: pointer}
.usage-tabs li.selected {font-weight: bold;border-bottom: none}
.usage-tabs li.tabs-long {width: 120px}
.usage-form {position: absolute;top: 28px;padding-top: 4px;width: 228px;height: 28px;text-align: center}
.usage-form input {margin-right: 2px}
.usage-form input.city {width: 50px}
.side-kuzhan {top: 16px}
.side-kuzhan .side-kuzhan-content {height: 766;overflow: hidden}  /* 滚动栏下区域 */
.side-kuzhan .list {position: relative;padding: 4px 10px 4px 22px;z-index: 4}
.side-kuzhan .list li {width: 48px;line-height: 26px}
.side-kuzhan .list-local li {width: 96px}
.side-kuzhan .other-city {float: right;padding-right: 20px;font-size: 12px;font-weight: normal;color: #666}
.main-kuzhan {position: absolute;right: 1px;bottom: 0}
.main-kuzhan .last {border-width: 0}.kuzhan {padding: 1px 0 5px}
.kuzhan .kuzhan-nav a {position: relative;left: -11px;margin-right: 11px;padding-left: 11px}
.kuzhan .list {padding: 5px 10px 0}
.kuzhan .list li {width: 90px;padding-right: 8px;height: 24px;line-height: 24px}
.kuzhan .list li.title {padding: 0;width: 60px}
.kuzhan .list li.more {padding: 0;width: 46px}
.ad-bar {position: absolute;top: 259px;right: 0;width: 718px;height: 28px;line-height: 28px;text-align: center;overflow: hidden}
.ad-bar a {margin: 0 10px}
.recom-area {position: relative;margin-top: 10px;height: 84px}
.recom-area .recom-list {position: relative;height: 28px;overflow: hidden}
.recom-area .title,.recom-area .list,.recom-area .more {position: absolute;line-height: 28px;overflow: hidden}
.recom-area .list {left: 70px;width: 816px}
.recom-area .list li {margin: 0 8px;font-size: 12px;line-height: 30px}
.recom-area .title {left: 10px;width: 62px;font-weight: bold}
.recom-area .more {right: 16px;width: 40px}
.blue img {margin: 0 0 0 0}
.green img {margin: -12px 0 0}
.orange img {margin: -24px 0 0}
.purple img {margin: -36px 0 0}
.pink img {margin: -48px 0 0}
.darkgreen img {margin: -60px 0 0}
.baidu img {margin-top: 0}
.google img {margin-top: -218px}
.qihoo img {margin-top: -146px}
.taobao img {margin-top: -87px}
.dangdang img {margin-top: -334px}
.amazon img {margin-top: -256px}
.buy360 img {margin-top: -296px}
.sogou img {margin-top: -115px}
.gougou img {margin-top: -184px}
.tianya img {margin-top: -59px}
.youdao img {margin-top: -31px}
.vancl img {margin-top: -404px}
.souku img {margin-top: -362px}
.channel .sy {background-position: 12px 8px}
.channel .tg {background-position: 12px -23px}
.channel .gw {background-position: 12px -54px}
.channel .cp {background-position: 12px -86px}
.channel .yx {background-position: 12px -117px}
.channel .dy {background-position: 12px -147px}
.channel .gx {background-position: 12px -178px}
.channel .yy {background-position: 12px -239px}
.channel .dh {background-position: 12px -210px}
.channel .local {background-position: 12px -269px}
.announce {position: absolute;top: 0;right: 5px;height: 24px;line-height: 24px;z-index: 2}
.label-ad {top: 4px}
.poptip {position: absolute;left: 230px;width: 440px;display: none;z-index: 4}
.poptip p {position: absolute;left: -225px;width: 225px;height: 25px;border-right: none;display: block;z-index: 2}
.tipcon {position: absolute;top: 0;right: 0;padding: 0 1px;width: 434px}
.tipcon dl {padding: 8px 5px}.tipcon dl.last {border-bottom: none}
.tipcon dl dt {position: absolute;width: 40px;font-weight: bold;height: 25px;line-height: 25px}
.tipcon dl dd {padding-left: 40px;width: 380px;line-height: 25px}
.tipcon dl dd a {margin-right: 5px;padding-left: 5px;white-space: nowrap;display: inline-block;*display: inline;*zoom: 1}
.mynav-pop {position: absolute;top: -1px;left: 231px;width: 724px;height: 312px;background: #fff;z-index: 3}
.mynav-line {position: absolute;left: -234px;top: 246px;height: 28px;width: 232px;background: #fff}
.more-edition {position: absolute;right: 147px;width: 54px;border: 1px solid #ddd;display: none;z-index: 3}
.more-edition li {padding-left: 6px;height: 20px;line-height: 20px;color: #666;background: #fff;cursor: pointer}
.more-edition li.hover {background: #cbe5ff}
.more-edition li.new {background: #fff url(../images/icon/index_icon_111116.png) no-repeat 43px -70px}
#suggests {position: absolute;top: -9000px;border-style: solid;border-width: 1px;background: #fff;visibility: hidden;z-index: 999}
#suggests a {padding-left: 6px;height: 26px;line-height: 26px;text-decoration: none;color: #343434;display: block;cursor: pointer}
#suggests a.direct em {float: right;padding-right: 10px;color: #6CBB2A;font-size: 12px}
::-webkit-input-placeholder {color: #999}
input:-moz-placeholder {color: #999}
.placeholder {color: #999}
.local .side-kuzhan-content {height: 813px}
.local .mynav-line {top: 277px}
.weather-city,.weather-pic {line-height: 26px}
.weather-city {float: left;padding-top: 2px;width: 80px;text-align: center}
.weather-city .city-name {height: 22px;line-height: 22px;font-size: 14px;font-weight: bold;overflow: hidden}
.weather-info a,.weather-setting a {color: #333}
.weather-pic {width: 60px;height: 50px;float: left;white-space: nowrap;_margin-right: -3px}
.weather-desc {padding-top: 8px;width: 56px;line-height: 14px;height: 14px;overflow: hidden}
#weather-wrap .temperature {width: 56px;line-height: 24px;height: 24px;overflow: hidden}
#weather-wrap .today,#weather-wrap .toworrow,#weather-wrap .future {float: left;margin-right: 2px;width: 117px;text-align: center;display: block;overflow: hidden}
#weather-wrap .future {margin-top: 22px;width: 10px;height: 9px;background: url(../images/icon/index_icon_111116.png) no-repeat 0 -100px}
.weather-setting {position: relative;padding-left: 20px;width: 290px;height: 44px;display: none}
#weather-wrap .back,#weather-wrap .select-city {height: 22px;line-height: 22px}
#weather-wrap .back a {margin-left: 20px}
#weather-wrap .select-city select {margin-right: 5px;width: 60px}
#weather-wrap.setting .weather-info {display: none}
#weather-wrap.setting .weather-setting {display: block}a {color: #07519A;}
.wrap-outer {background: #fff url(../images/skin/blue_bg_0616.png) repeat-x 0 0\9;background: linear-gradient(#eff8ff 0%, #fff 15%) no-repeat;background: -moz-linear-gradient(#eff8ff 0%, #fff 15%) no-repeat;background: -webkit-gradient(linear, 0 0, 0 15%, from(#eff8ff), to(#fff)) no-repeat;background: -o-linear-gradient(#eff8ff 0%, #fff 15%) no-repeat;}
.tabs-box {background: url(../images/skin/blue_s_bg.png) repeat-x 0 0\9;background: -moz-linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f9ff)) no-repeat;background: -o-linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat;}
a#logo {top: 6px;background: url('../images/logo.png') no-repeat;_background-image: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='image');}
body a {_color: #07519A;}
.cust-border-color,.channel li,.tabs li,.usage-tabs li,.pop-border,.mynav-line,.tipcon dl {border-color: #ace;}
.tabs li {background-color: #eef7ff;}
.tabs li.selected {background-color: #fff;}
.side,.usage,.recom-area {background-color: #f3faff;}
.channel li.hover {background-color: #d7eeff;}
.usage-tabs li {background-color: #fff;}
.usage-tabs li.selected {background-color: #f3faff;}
.poptip p,.tipcon {background-color: #fff;}
.tipcon dl.hover {background-color: #eef7ff;}
.main {background-color: #fefefe;}
.kuzhan-nav {background-color: #eef7ff;}
.kuzhan-nav a {border-color: #ace;}
#suggests a {background-color: #f9fcff;}
#suggests a.hover {background-color: #a8d5fc}
.wrap-outer {background: #fff url(../images/skin/blue_bg_0616.png) repeat-x 0 0\9;background: linear-gradient(#eff8ff 0%, #fff 15%) no-repeat;background: -moz-linear-gradient(#eff8ff 0%, #fff 15%) no-repeat;background: -webkit-gradient(linear, 0 0, 0 15%, from(#eff8ff), to(#fff)) no-repeat;background: -o-linear-gradient(#eff8ff 0%, #fff 15%) no-repeat;}

.tabs-box {background: url(../images/skin/blue_s_bg.png) repeat-x 0 0\9;background: -moz-linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f9ff)) no-repeat;background: -o-linear-gradient(#fff 0%, #f1f9ff 100%) no-repeat;}

.tabs-box {
  display: flex;
  align-items: center;
}

.tabs-box > * {
  padding-left: 7%;
}



a#logo {top: 6px;background: url('../images/logo.png') no-repeat;_background-image: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='image');}
a {color: #07519A;}
body a {_color: #07519A;}

.cust-border-color,.channel li,.tabs li,.usage-tabs li,.pop-border,.mynav-line,.tipcon dl {border-color: #ace;}
.tabs li {background-color: #eef7ff;}
.tabs li.selected {background-color: #fff;}
.side,.usage,.recom-area {background-color: #f3faff;}
.channel li.hover {background-color: #d7eeff;}
.usage-tabs li {background-color: #fff;}
.usage-tabs li.selected {background-color: #f3faff;}
.poptip p,.tipcon {background-color: #fff;}
.tipcon dl.hover {background-color: #eef7ff;}
.main {background-color: #fefefe;}
.kuzhan-nav {background-color: #eef7ff;}
.kuzhan-nav a {border-color: #ace;}#suggests a {background-color: #f9fcff;}

/* 当鼠标悬停在具有suggests类的元素内的a标签上时，设置背景颜色为#a8d5fc */
.suggests a:hover {background-color: #a8d5fc;}

/* 定义.scroll-container类的样式 */
.scroll-container {display: flex;justify - content: center;height: 100px;} 

.side cust-border-color usage a {margin-bottom: 6px;padding-left: 16px;height: 20px;line-height: 20px;background: url(../images/icon/index_icon_111116.png) no-repeat 0 -169px;display: block;overflow: hidden}

/* fenyebuju */

#main - content{
    width: 960px; /* 设置宽度为960像素 */
    height: auto; /* 设置高度为自动，这样会根据内部元素的高度以及父元素等情况自适应高度 */
    margin-bottom: 10px; 
}

.tabs-box cust-border-color {vertical-align: middle;}


.firstscreen-left{position: absolute;top: 232px;right: 0;width: 259px;}