@charset "utf-8";
/* CSS Document */
.blue{ color:#4D97C5;}
/*tip bgcolor*/
.tag{ border-radius:3px; padding:4px 5px; line-height:12px; color:#fff; display:inline-block;}
.tag.fr{ padding:4px 5px; margin-top:2px;}
.b-4d{ background:#4D97C5;}.b-d9{ background:#d9d9d9;}.b-93{ background:#93C155;}.b-f9{ background:#F9D383;}.b-63{ background:#63B7E9;}.b-1d{ background:#1D8BB7;}.b-e3{ background:#E3333B;}.b-64{ background:#64B7EA;}.b-ff{ background:#fff;}
.b-93:hover{ background:url(../images/tag_hover.gif) repeat-x 0 0;}
.b-63:hover{ background:url(../images/tag_hover.gif) repeat-x 0 -21px;}
.fb { font-weight: 700;}
/*public layout*/
.tm-2{ margin-top:-2px;}.tm5{margin-top:5px;}.tm10{margin-top:10px;}.tm15{margin-top:15px;}.tm20{margin-top:20px;}.tm25{margin-top:25px;}.lm5{margin-left:5px;}.lm10{margin-left:10px;}.lm15{margin-left:15px;}.lm20{margin-left:20px;}.lm25{margin-left:25px;}.lm80{margin-left:80px;}.rm5{margin-right:5px;}.rm10{margin-right:10px;}.rm15{margin-right:15px;}.rm20{margin-right:20px;}.rm25{margin-right:25px;}.bm5{margin-bottom:5px;}.bm10{margin-bottom:10px;}.bm15{margin-bottom:15px;}.bm20{margin-bottom:20px;}.bm25{margin-bottom:25px;}.tp5{padding-top:5px;}.tp10{padding-top:10px;}.tp15{padding-top:15px;}.tp20{padding-top:20px;}.tp25{padding-top:25px;}.tp55{padding-top:55px;}.tp60{padding-top:60px;}.lp5{padding-left:5px;}.lp10{padding-left:10px;}.lp15{padding-left:15px;}.lp20{padding-left:20px;}.lp25{padding-left:25px;}.lp40{padding-left:40px;}.rp5{padding-right:5px;}.rp10{padding-right:10px;}.rp15{padding-right:15px;}.rp20{padding-right:20px;}.rp25{padding-right:25px;}.bp5{padding-bottom:5px;}.bp10{padding-bottom:10px;}.bp15{padding-bottom:15px;}.bp20{padding-bottom:20px;}.bp25{padding-bottom:25px;}.bp55{padding-bottom:55px;}.bp60{padding-bottom:60px;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.fl{ float:left; _display:inline}.fr{ float:right;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix{ zoom:1;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.hr_5{ clear:both; height:10px; overflow:hidden; font-size:1px; line-height:1px;}
.hr_10{ clear:both; height:10px; overflow:hidden; font-size:1px; line-height:1px;}
.vm{ vertical-align:middle;}.vt{ vertical-align:top;}
.db{ display:block;}.dn{ display:none;}.vh{ visibility:hidden;}
.utra{ transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;}
.pa{ position:absolute;}.pr{ position:relative;}
.bls{ border-left:1px solid #ddd;}.brs{ border-right:1px solid #ddd;}.bts{ border-top:1px solid #ddd;}.bbs{ border-bottom:1px solid #ddd;}
.br3{ border-radius:3px;}
.cp{ cursor:pointer;}
.w80{ width:80px;}.w190{ width:190px;}.w560{ width:560px;}
select{ height:22px; line-height:18px; padding:2px; border:1px solid #d9d9d9; border-radius:2px;}

/*sprite-icon*/
.icon{ background:url(../images/sprite_icon.png) no-repeat;}
/*topbar*/
.topbar,.topbarFrame{ width:100%; height:37px; background:url(../images/topbar_bg.gif) repeat-x; position:fixed; top:0; box-shadow:0 1px 3px #999; z-index:9999; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));}
.topbar a:hover{ color:#000000; text-decoration:none;}
.tb-menu li{ float:left; line-height:36px; color:#666;}
.tb-menu .menu-item{ position:relative;}
.tb-menu .menu-item-user a.tb-menu-hover{/* width:60px;*/ height:37px; overflow:hidden;}
.tb-menu .tb-menu-hover{ position:relative; z-index:2; display:block; cursor:pointer;}
.tb-menu .tb-menu-hover s{ border-width:3px; border-style:solid; border-color:#333 transparent transparent; _border-color:#333 #E9E9E9 #E9E9E9; width:0; height:0; line-height:0; font-size:0; position:absolute; right:10px; top:17px;}
.tb-menu-info{ border:1px solid #d9d9d9; position:absolute; top:36px; z-index:1; background:#fff; border-radius:0 2px 2px 2px; padding:5px 0; line-height:12px; box-shadow:0px 0px 2px #ddd;}
.tb-menu-info a{ display:inline-block; transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; padding:3px 5px; line-height:12px; margin:2px 3px 4px;}
.tb-menu-info a:hover{ border-radius:3px; color:#fff; background:#63B7E9;}
.tb-menu li.menu-item-on .tb-menu-hover{ border:1px solid #d9d9d9; border-bottom:none; border-radius:2px 2px 0 0; background:#fff; box-shadow:0px -2px 2px #ddd; color:#4D97C5; padding:0 19px 0 9px; line-height:34px; height:36px;}
.tb-menu li.menu-item-on .tb-menu-hover s{ border-color:#4D97C5 transparent transparent; _border-color:#4D97C5 #fff #fff; top:16px; right:9px; -moz-transform:rotate(180deg);-moz-transform-origin:50% 30%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 30%;-o-transform:rotate(180deg);-o-transform-origin:50% 30%;transform:rotate(180deg);transform-origin:50% 30%;}
.tb-menu-info dl { margin: 6px 0; }

/*header frame shadon*/
.tb-menu .framefloat{ position:absolute; top:36px; left:0px;}
.tb-menu .framefloat_user{ position:absolute; top:36px; left:0px;}
.tb-menu .framefloat_msg{ position:absolute; top:36px; left:0px;}
.tb-menu .framefloat_set{ position:absolute; top:36px; left:0px;}

.tb-menu li.menu-item-on .tb-menu-info{ display:block;}
.tb-menu li.menu-item-on .framefloat,.tb-menu li.menu-item-on .framefloat_user,.tb-menu li.menu-item-on .framefloat_msg,.tb-menu li.menu-item-on .framefloat_set{ display:block;}
.tb-menu li.menu-item-on .tb-icon-mes{ background-position:0 -14px;}
.tb-menu li.menu-item-on .tb-icon-set{ background-position:0 -42px;}
.menu-item-col .tb-menu-hover{ float:left; padding:0 20px 0 10px; *+width:24px;}
.menu-item-col .tb-menu-info{ width:200px; text-align:center;}
.menu-item-user .tb-menu-hover{ float:left; padding:0 20px 0 10px; *+width:94px;text-align:center;}
.menu-item-user img{ width:16px; height:16px; vertical-align:middle; padding:1px; border:1px solid #d9d9d9; border-radius:15px; margin:-2px 4px 0 0; _float:left; _margin:8px 0 0 0;}
.menu-item-user .tb-menu-info{ width:277px; padding:0;}
.menu-item-user .tb-menu-info dt img{ width:46px; height:46px; display:block; padding:1px; border:1px solid #d9d9d9; border-radius:25px;}
.menu-item-user .enter{  font-size:12px; font-weight:normal;}
.menu-item-user .enter:hover i{ background-position:0 -84px;}
.menu-item-user .ctp{ height:16px; width:196px; clear:both; _padding-top:3px; }
.menu-item-user .ctpw{*padding-top:6px;_padding-top:0px;}
.menu-item-user .ftpeo{ float:right;}
.menu-item-user .ftpto{ float:left; }
.menu-item-user .ap{ padding-bottom:10px; border-top: 1px solid #E9F3F9;}
.menu-item-user .ap .ti{ display:block; font-size:14px; padding:10px 0 0 15px;}
.menu-item-user .ap .tia{ padding:5px 0 0 10px;display:block;}
.menu-item-user .ftpto cite{ float:left; height:15px;}
.menu-item-user .icon_tips{ float:left; width:18px; height:12px; margin:0px 0 0 5px; position:static;  display:inline-block}

.menu-item-user .mybook{ background:#F7FBFE; border-top:1px solid #E9F3F9;}
.menu-item-user .mybook p:last-child{ border-top:1px solid #E9F3F9;}
.menu-item-meset .tb-menu-hover{ float:left; padding:0 20px 0 10px; *+width:41px;}
.menu-item-mes .tb-menu-hover{ float:left; padding:0 20px 0 10px; *+width:71px;}
.menu-item-login .tb-menu-hover{ float:left; padding:0 20px 0 10px; *+width:24px;}
.menu-item-meset .tb-menu-info{ width:69px; text-align:center; padding:0;}
.menu-item-mes .tb-menu-info{ width:99px; text-align:center; padding:0;}
.menu-item-mes .tb-menu-info a{ display:block;}
.menu-item-login .tb-menu-info{ right:0; width:198px; padding:15px 25px; zoom:1;}
.menu-item-login .tb-menu-info .btn-tg{ line-height:38px; display:block; margin:0; padding:0; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
.menu-item-login .tb-menu-info .btn-tg:hover{ background:url(../images/tag_hover.gif) repeat-x 0 -42px;}
.menu-item-login .tb-menu-info .input{ border:1px solid #d9d9d9; border-radius:3px; padding:2px; width:192px; height:28px; line-height:28px;}
.menu-item-login .tb-menu-info .input:hover{ box-shadow:inset 1px 1px 2px #f5f5f5;}
.menu-item-login .tb-menu-info .input:focus{ box-shadow:inset 1px 1px 2px #ddd;}
.menu-item-login .tb-menu-info .checkbox{ padding-top:7px;}
.menu-item-login .tb-menu-info .checkbox .vt{ *+margin-top:-4px;}
.tb-srh .input{ border:1px solid #4D97C5; height:20px; line-height:20px; border-radius:3px 0 0 3px; background:#fff; width:170px;}
.tb-srh .input:hover{ box-shadow:inset 1px 1px 2px #f5f5f5;}
.tb-srh .input:focus{ box-shadow:inset 1px 1px 2px #ddd;}
.tb-srh .btn{ background:#4D97C5 url(../images/sprite_icon.png) no-repeat left -33px; width:30px; height:22px; border:none; border-radius:0 3px 3px 0; cursor:pointer;}
.tb-icon{ background:url(../images/topbar_icon.png) no-repeat; width:14px; height:14px; display:inline-block; vertical-align:middle; margin:-2px 3px 0 0; _float:left; _margin:10px 0 0 0;}
.tb-icon-mes{ background-position:0 0;}
.tb-icon-set{ background-position:0 -28px;}
.tb-icon-tg{ background-position:0 -56px; _margin-top:10px;}
.tb-icon-per{ background-position:0 -70px; _margin:-2px 3px 0 0;}
.login-qq{ background-position:0 -65px; width:12px; height:12px; display:inline-block; vertical-align:middle; margin:-2px 3px 0 0;}
.login-weibo{ background-position:right -65px; width:15px; height:12px; display:inline-block; vertical-align:middle; margin:-2px 3px 0 0;}

/*btn*/
.btn-tg{ font-size:14px; background:#63B7E9; border:1px solid #4D97C5; line-height:38px; text-align:center; display:block; border-radius:4px; color:#fff; font-weight:700; _height:28px; _padding-top:10px;}
.btn-tg s{ background-position:0 0; width:18px; height:20px; display:inline-block; vertical-align:middle; margin:-2px 10px 0 0;}
.btn-tg:hover,.btn-send:hover{ background:url(../images/tag_hover.gif) repeat-x 0 -42px;}
.btn-reply{ border:1px solid #BCE1FB; background:#DFF0FA; padding:3px 15px; border-radius:3px; cursor:pointer; color:#4D97C5; font-weight:700;}
.btn-send{ font-size:14px; background:#63B7E9; border:1px solid #4D97C5; line-height:28px; padding:0 20px; display:inline-block; border-radius:4px; color:#fff; font-weight:700; cursor:pointer;}
.btn-esc{ font-size:14px; background:#DFF0FA; border:1px solid #AEDCF9; line-height:28px; padding:0 20px; display:inline-block; border-radius:4px; color:#4D97C5; font-weight:700; cursor:pointer;}
.submit-send{ font-size:14px; background:#63B7E9; border:1px solid #4D97C5; line-height:28px; padding:6px 20px; display:inline-block; border-radius:4px; color:#fff; font-weight:700; cursor:pointer;}
.submit-esc{ font-size:14px; background:#DFF0FA; border:1px solid #AEDCF9; line-height:28px; padding:6px 20px; display:inline-block; border-radius:4px; color:#4D97C5; font-weight:700; cursor:pointer;}
.btn-reg{ background:#70B7E2; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#63B7EA), to(#4BA4DA));background:-webkit-linear-gradient(#63B7EA, #4BA4DA);background:-moz-linear-gradient(#63B7EA, #4BA4DA);background:-ms-linear-gradient(#63B7EA, #4BA4DA);background:-o-linear-gradient(#63B7EA, #4BA4DA);background:linear-gradient(#63B7EA, #4BA4DA); border:1px solid #519DCD; border-radius:3px; font:20px/50px 微软雅黑; width:190px; text-align:center; color:#fff; cursor:pointer; *+line-height:40px;}
.btn-super{ border:1px solid #BCE1FB; background:#DFF0FA; font:20px/46px 微软雅黑; display:inline-block; padding:0 50px; border-radius:3px; cursor:pointer; color:#4D97C5;}
/*public header-ad*/
.loginInAd01{ width:218px; height:69px; float:right;}
/*顶导new*/
.icon_tips{ position:absolute; top:7px; background:url(../images/icon_tips.png) no-repeat; width:19px; height:14px;}

.ftpto .art-img{ width:25px; height:8px; display:inline-block; margin-left:5px;}