/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

/* GENERAL DEFINITIONS */
* html body { behavior: url("/htc/csshover.htc"); } /* FOR IE6 */
* +html body { behavior: url("/htc/csshover.htc"); } /* FOR IE7 */
body { padding: 0; margin: 0; font: 12px "宋体" , Arial; line-height: 20px; color: #666; background-color: #F3F3F3; }
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 12px; background-color: #FFF; color: #666; }
p { margin: 0 0 15px; }
img { border: 0; }
a { color: #666; text-decoration: none; }
a:hover { color: #3B75C6; text-decoration: underline; }
dl, dt, dd, ul { margin: 0; padding: 0; }
em, i { font-style: normal; }

/* HEADER */
#login { width: 100%; height: 27px; background: url(http://user.chinasspp.com/images/bg.gif) left top repeat-x; border-bottom: 1px solid #DCDCDC; }
#login .inner { margin: 0 auto; width: 960px; }
#login a { float: left; display: inline; margin-right: 10px; padding-top: 5px; height: 22px; color: #333; }
#login a:hover { color: #333; text-decoration: underline; }
#login a.r { float: right; margin-right: 0; padding: 5px 10px 0; border-right: 1px solid #DCDCDC; }
#login a.red, #login a.red:hover { color: #FF3560; }
#login a.sina { padding-left: 30px; background: url(http://user.chinasspp.com/images/medal/sina.gif) 9px 2px no-repeat; border-left: 1px solid #DCDCDC; }
#login a.qq { padding-left: 30px; background: url(http://user.chinasspp.com/images/medal/qq.gif) 9px 3px no-repeat; }

#login ul { float: right; display: inline-block; width: auto; }
#login li { float: left; display: inline-block; }
#login li a.top, #login li a.vip { display: inline-block; margin-right: 0; padding: 5px 10px 0; border-right: 1px solid #DCDCDC; }
#login li a.top em { color: #FF3560; }
#login li a.vip { width: 20px; background: url(http://user.chinasspp.com/images/medal/vip.gif) center center no-repeat; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; text-indent: -1000px; overflow: hidden; }
#login li a.vip:hover { filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; }
#login li a.user { position: relative; top: 1px; padding-right: 20px; padding-top: 4px; height: 23px; background: url(http://user.chinasspp.com/images/icon.gif) right 11px no-repeat; border-left: 1px solid #DCDCDC; }
#login li a.user img { float: left; margin: 0 5px 0 0; height: 18px; } /* 固定图片高度 */

#login ul ul { clear: both; display: none; position: absolute; z-index: 800; top: 28px; width: 170px; background-color: #FFF; border: 1px solid #DCDCDC; border-top: none; }
#login ul ul li { float: left; display: block; width: 100%; }
#login ul ul li a { display: inline-block; margin: 0 10px; font-size: 12px; }
#login ul ul li.last { background-color: #F7F7F7; }
#login ul ul li.last a { display: block; margin: 0; padding: 3px 10px; width: 150px; height: 100%; color: #666; }
#login ul ul li.last a:hover { color: #000; }

#login li:hover ul { display: block; }
#login li:hover a.user { background: url(http://user.chinasspp.com/images/icon.gif) right -7px no-repeat #FFF; }

#login form { float: right; margin: 1px 0 1px 1px; width: 45px; height: 25px; overflow: hidden; } /* 实际宽度285 */
#login form a:hover { text-decoration: none; }
#login form ul { float: right; }
#login form li a.top { display: inline-block; margin-right: 0; padding: 3px 17px 0 5px; width: 25px; height: 20px; background: url(http://user.chinasspp.com/images/icon.gif) -100px 11px no-repeat #FFF; border: 1px solid #3D3D3D; border-right: none; }
#login form ul ul { top: 25px; width: 47px; background-color: #FFF; border: 1px solid #3D3D3D; border-top: none; }
#login form ul ul li { border-top: 1px solid #DEDEDE; }
#login form ul ul li a { margin: 0; padding: 3px 0 0 5px; width: 42px; height: 20px; font-size: 12px; }
#login form ul ul li a:hover { background-color: #3D3D3D; color: #FFF; }
#login #ts_key { float: right; padding: 5px; width: 180px; height: 13px; border: 1px solid #3D3D3D; outline: none; }
#login #ts_ok { float: right; display: block; padding: 0 0 0 5px; width: 45px; height: 25px; background: url(http://user.chinasspp.com/images/btn.gif) right -222px no-repeat #3D3D3D; border: none; color: #FFF; text-align: left; cursor: pointer; overflow: hidden; }

#link2m i { display: none; margin-left: 3px; color: #CCC; font-style: normal; }
#link2m img { display: none; width: 140px; }
#link2m:hover { position: absolute; z-index: 800; margin-left: -6px; padding: 5px; width: 140px; height: auto; background-color: #FFF; border: 1px solid #DCDCDC; border-top: none; text-decoration: none; }
#link2m:hover i, #link2m:hover img { display: inline-block; }

#header { width: 100%; background-color: #FFF; color: #B3B3B3; overflow: hidden; }
#header p { display: block; margin: 5px auto; width: 960px; height: 65px; overflow: hidden; }
#header a.logo { float: left; display: inline; margin: 10px 10px 0 0; width: 168px; height: 46px; background: url(../images/logo.jpg) no-repeat; border: none; text-indent: -2000px; }
#header strong { float: left; margin: 18px 0 18px 10px; padding: 5px 5px 5px 10px; font-size: 24px; font-weight: normal; font-family: "微软雅黑" , "宋体"; border-left: 1px solid #999; }
#header a { float: right; margin: 0 0 0 3px; border: 1px solid #EEE; }
#header a img { height: 63px; } /* 固定图片高度 */

/* NAVIGATION BAR */
#nav { width: 100%; height: 34px; line-height: 34px; background: url(../images/bg.gif) left -35px repeat-x; }
#nav ul { display: block; margin: 0 auto; width: 960px; }
#nav li { float: left; display: inline; }
#nav li a { float: left; display: inline; padding: 0 20px; color: #FFF; font-size: 14px; }
#nav li a.h { color: #C6C6C6; }
#nav li a:hover, #nav li a.h:hover { background-color: #333; color: #FFF; text-decoration: none; }
#nav li a.current, #nav li a.current:hover { background-color: #3B75C6; color: #FFF; text-decoration: none; }
#nav li a i.v { color: #FFEA00; font: 16px Arial normal; }

#nav li.line { float: right; margin-right: 10px; background: url(../images/icon.gif) right -74px no-repeat; }
#nav li.fly { float: right; }
#nav li.fly i { float: left; color: #C6C6C6; cursor: pointer; }
#nav li.fly i.top { display: inline; background: url(../images/icon.gif) -124px -41px no-repeat; padding: 0 10px 0 30px; }

#nav ul ul { clear: both; display: block; position: absolute; z-index: 800; margin: -1000px 0 0; padding: 5px 0; width: 88px; background-color: #333; }
#nav ul ul li { display: block; border-left: none; }
#nav ul ul li i { display: block; padding: 0 20px; width: 48px; }
#nav ul ul li i:hover { background-color: #111; }

#nav li.fly:hover ul { margin-top: 34px; }
#nav li.fly:hover i.top { background-color: #333; }

/** for IE6 **/
* html #nav li.fly:hover ul { margin-top: 0; }
/** for IE7 **/
* + html #nav li.fly:hover ul { margin-top: 0; }

/* CONTAINER */
#container { margin: 0 auto; padding: 0; width: 960px; overflow: hidden; }
.nothing { clear: both; margin: 30px 0; width: 100%; color: #999; text-align: center; font-size: 14px; font-weight: bold; }

/* PAGINATION */
.pagination { clear: both; padding: 30px 0; font-size: 14px; text-align: center; }
.pagination a { margin: 0 2px; padding: 4px 8px; background-color: #FFF; border: 1px solid #CCC; color: #666; }
.pagination a:hover { color: #FFF; text-decoration: none; background-color: #3B75C6; border: 1px solid #3B75C6; }
.pagination span { margin: 0 2px; font-style: normal; }
.pagination span.current { padding: 5px 9px 8px; background: url(../images/icon.gif) right bottom no-repeat; color: #FFF; }
.pagination span.disabled { padding: 4px 8px; background-color: #FFF; border: 1px solid #DDD; color: #DDD; }

/* FOOTER */
#footer { clear: both; width: 100%; padding: 5px 0; background-color: #454545; color: #A5A5A5; text-align: center; }
#footer a { display: inline-block; margin: 0 30px; color: #A5A5A5; }
#footer a:hover { text-decoration: underline; }

/* COPYRIGHT */
#copyright { padding: 10px 0; color: #808080; background-color: #FFF; }
#copyright a.logo { float: left; display: block; margin: 10px; width: 168px; height: 46px; background: url(../images/logo.jpg) no-repeat; text-indent: -2000px; }
#copyright a.code { width: 80px; }
#copyright a.code img { width: 80px; }
#copyright p { float: left; display: block; margin: 10px 0; padding: 0 10px; width: 651px; height: 56px; border-left: 1px solid #EEE; line-height: 18px; }
#copyright p a { color: #808080; }
#copyright p a:hover { color: #808080; text-decoration: underline; }
#copyright p span { font: 12px Arial; }

/* LOGIN, FLY */
#login_fly { display: none; position: fixed; bottom: 0; z-index: 900; width: 100%; }
#login_fly .bg { display: block; width: 100%; height: 190px; background-color: #000; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }

#login_fly .inner { display: block; position: relative; top: -190px; margin: 0 auto -190px; padding: 20px 0 0 20px; width: 940px; height: 170px; line-height: 50px; color: #FFF; font-size: 14px; text-align: center; overflow: hidden; }
#login_fly .inner a:hover { text-decoration: none; }
#login_fly .inner a.sina, #login_fly .inner a.qq { display: inline-block; margin: 40px 20px 0 0; width: 172px; height: 43px; line-height: 43px; background: url(../images/btn.gif) no-repeat; color: #FFF; font-size: 14px; }
#login_fly .inner a.sina { text-indent: 30px; background-position: 0px -344px; }
#login_fly .inner a.sina:hover { background-position: 0px -292px; }
#login_fly .inner a.qq { text-indent: 20px; background-position: 0px -448px; }
#login_fly .inner a.qq:hover { background-position: 0px -396px; }
#login_fly .inner .close { float: right; display: block; width: 60px; height: 50px; line-height: 50px; color: #FFF; font-size: 65px; cursor: pointer; }
#login_fly .inner .close:hover { color: #729BFF; }

#login_fly .inner form { float: left; display: block; padding-top: 20px; width: 250px; line-height: 30px; }
#login_fly .inner form p { display: inline-block; margin-bottom: 5px; width: 100%; text-align: left; }
#login_fly .inner form label { float: left; margin-right: 5px; color: #FFF; }
#login_fly .inner form input { float: left; padding: 2px; width: 180px; background: none; border: 1px solid #FFF; color: #FFF; }
#login_fly .inner form input.short { width: 115px; }
#login_fly .inner form input.btn { float: right; display: block; margin-left: 10px; padding: 0; width: 61px; height: 23px; line-height: 23px; background: url(../images/btn.gif) right top no-repeat; border: none; color: #FFF; font-size: 14px; text-align: center; cursor: pointer; }
#login_fly .inner form input.btn:hover { background: url(../images/btn.gif) left top no-repeat; }
#login_fly .inner form .img { float: left; display: inline-block; margin: 2px 0 2px 5px; height: 22px; cursor: pointer; overflow: hidden; }
#login_fly .inner form .img img { margin-top: -10px; cursor: pointer; }
#login_fly .inner form a { float: right; color: #FFF; text-decoration: underline; }
#login_fly .inner form a:hover { color: #729BFF; text-decoration: underline; }

* html #login_fly { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
* html { background-image: url(about:blank); background-attachment: fixed; }

/* CARD */
#card_o { float: left; display: none; position: absolute; z-index: 800; padding: 1px; width: 300px; height: 123px; border: 1px solid #D9D9D9; background: url(../images/loading.gif) center center no-repeat #FFF; }
#card_o a { display: block; width: 300px; height: 123px; overflow: hidden; }
#card_o a:hover { text-decoration: none; }
#card_o a img { width: 300px; }
#card_o a.text { display: block; position: relative; top: -60px; padding: 5px 0; margin-bottom: -60px; height: 50px; line-height: 25px; background-color: #000; color: #FFF; text-align: center; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#card_o a.text b { display: inline-block; height: 25px; font-size: 14px; font-weight: normal; overflow: hidden; }

/* ADV */
.adv_1 { clear: both; display: block; padding: 0 0 6px; width: 960px; overflow: hidden; }
.adv_1 a { float: left; margin: 0 1px 4px; border: 1px solid #D9D9D9; }

.adv_2 { clear: both; display: block; width: 222px; overflow: hidden; }
.adv_2 a { float: left; margin-bottom: 5px; }
.adv_2 a img { width: 222px; }

.adv_4, .adv_5 { position: fixed; z-index: 800; top: 0px; margin-top: 147px; width: 100px; overflow: hidden; }
.adv_5 { right: 0; }
.adv_4 a, .adv_5 a { display: block; margin-bottom: 5px; }
.adv_4 a img, .adv_5 a img { width: 100px; }
* html .adv_4 { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }
* html .adv_5 { position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)); }
/*
* html { background-image: url(about:blank); background-attachment: fixed; }
*/

/* TITLE */
.p_title { margin-bottom: 0; line-height: 32px; border-top: 2px solid #3B75C6; border-bottom: 1px solid #D9D9D9; }
.p_title label, .p_title a { padding: 0 10px; color: #3B75C6; font-size: 16px; font-family: "微软雅黑" , "宋体"; }
.p_title a:hover { color: #3B75C6; text-decoration: none; }
.p_title a.r { float: right; padding: 0 10px; color: #3B75C6; font-size: 12px; font-family: "宋体" , Arial; }
.p_title a.r:hover { text-decoration: underline; }

.p_title_2 { clear: both; height: 25px; margin-bottom: 0; padding: 10px 0 10px 10px; border-bottom: 2px solid #3B75C6; }
.p_title_2 strong, .p_title_2 h1 { display: inline; margin: 0; padding: 0; color: #3B75C6; font-size: 16px; font-family: "微软雅黑" , "宋体"; font-weight: normal; }
.p_title_2 span { float: right; }
.p_title_2 span a { margin: 0 5px; }
.p_title_2 span a:hover { text-decoration: none; }
.p_title_2 span a.current { color: #3B75C6; }

.p_title_3 { clear: both; height: 25px; margin-top: 10px; padding: 10px 0 10px 10px; color: #3B75C6; font-size: 14px; font-weight: bold; border-bottom: 1px solid #3B75C6; }

/* LOCATION */
#loca { margin: 0 auto; padding: 0; width: 960px; height: 40px; line-height: 40px; overflow: hidden; }
#loca strong { color: #3B75C6; font-weight: normal; }
#loca i { margin: 0 10px; }

/* SEARCH & SIFT */
#search_s { float: right; display: block; padding: 8px 0; width: auto; overflow: hidden; }
#search_s input { float: left; display: block; margin: 0; border: 1px solid #BCBCBC; }
#search_s .key { padding: 5px; width: 187px; height: 13px; border-right: none; }
#search_s .btn { width: 25px; height: 25px; line-height: 100px; background: url(../images/icon.gif) 3px -114px no-repeat #FFF; cursor: pointer; overflow: hidden; }

#check { float: left; display: block; padding-right: 8px; width: 718px; line-height: 40px; border: 1px solid #BCBCBC; border-bottom: 1px solid #D9D9D9; background-color: #FFF; }
#check label { float: left; display: block; padding: 0 20px; width: 80px; color: #999; }
#check b { padding: 3px 5px; background-color: #3B75C6; color: #FFF; font-weight: normal; }
#check a:hover { text-decoration: none; }
#check a.del { margin-right: 10px; padding: 3px 3px 3px 0; background-color: #3B75C6; color: #FFF; }
#check a.uline { text-decoration: underline; }

#sift { float: left; display: block; margin-bottom: 10px; padding: 0 0 15px; width: 726px; line-height: 35px; border: 1px solid #BCBCBC; border-top: none; background-color: #FFF; }
#sift p { clear: both; margin: 0; }
#sift label { float: left; display: block; padding: 0 20px; width: 80px; }
#sift span { display: inline-block; width: 600px; }
#sift a { margin-right: 20px; }
#sift a.current { padding: 3px 5px; background-color: #3B75C6; color: #FFF; }
#sift a:hover { text-decoration: none; }
#sift i { margin-right: 20px; cursor: pointer; }
#sift i:hover { color: #3B75C6; }

#sift .drop { display: block; padding: 10px 0; border-bottom: 1px solid #D9D9D9; }
#sift .drop_more { display: none; }
#sift .drop_more .open, #sift .drop_more .close { display: block; position: relative; top: -6px; margin: 0 auto -6px; width: 33px; height: 18px; cursor: pointer; overflow: hidden; text-indent: -1000px; }
#sift .drop_more .open { background: url(../images/icon.gif) -58px -452px no-repeat; }
#sift .drop_more .close { background: url(../images/icon.gif) -58px -502px no-repeat; }

#sift #s_area { height: 45px; overflow: hidden; }
#sift #s_area select { float: left; margin: 13px 5px 0 0; width: 115px; border: 1px solid #BCBCBC; }

.select { float: left; display: inline-block; margin-right: 5px; }
.select label, .select b { display: block; padding: 0 15px 0 5px; width: 70px; height: 23px; line-height: 23px; background: url(../images/icon.gif) right -215px no-repeat #FFF; border: 1px solid #BCBCBC; cursor: pointer; overflow: hidden; font-weight: normal; }
.select label:hover, .select b:hover { background: url(../images/icon.gif) right -245px no-repeat #FFF; }
.select ul { clear: both; display: none; position: absolute; z-index: 100; margin-top: -1px; width: 90px; height: 210px; border: 1px solid #BCBCBC; background-color: #FFF; overflow-y: scroll; }
.select li { display: block; margin-bottom: 1px; padding: 0 0 0 5px; height: 20px; line-height: 20px; cursor: pointer; overflow: hidden; }
.select li:hover, .select li.current { background-color: #3B75C6; color: #FFF; }
.select li.optgroup { color: #666; font-weight: bold; cursor: auto; }
.select li.optgroup:hover { background-color: #FFF; color: #666; }
.select li a { display: block; width: 100%; height: 100%; color: #666; }
.select li a:hover, .select li.current a { color: #FFF; }

/* RESULT, ALERT */
#rAlert { display: block; padding-left: 50px; width: 230px; height: 52px; line-height: 52px; background: url(../images/bg.gif) left bottom no-repeat; color: #666; font-size: 16px; font-weight: bold; overflow: hidden; }

/* SUB, List, LEFT */
.sub_l_list { float: left; display: block; margin-bottom: 10px; width: 728px; background-color: #FFF; overflow: hidden; }
.sub_l_list li { float: left; display: block; padding: 20px 15px 30px 15px; width: 698px; border-bottom: 1px dashed #BCBCBC; color: #999; }
.sub_l_list li.last { border-bottom: none; }
.sub_l_list li a.more { margin-left: 5px; color: #3B75C6; }
.sub_l_list li p { padding: 0 5px; }
.sub_l_list li .name { margin-bottom: 10px; }
.sub_l_list li .name a { font-size: 14px; font-weight: bold; }
.sub_l_list li .name .vip { display: inline-block; margin: 5px; width: 18px; height: 15px; background: url(../images/icon.gif) left -148px no-repeat; text-indent: -2000px; }
.sub_l_list li .name .id2 { display: inline-block; margin: 5px; width: 13px; height: 15px; background: url(http://user.chinasspp.com/images/medal/id_2.gif) center center no-repeat; text-indent: -2000px; }
.sub_l_list li .li { margin-bottom: 10px; padding: 10px 15px; line-height: 25px; background-color: #ECF2F5; }
.sub_l_list li .li span { display: inline-block; width: 32%; color: #666; }
.sub_l_list li .li label { color: #999; }
.sub_l_list li .li a, .sub_l_list li .li a:hover { color: #666; text-decoration: none; }
.sub_l_list li .last { margin-bottom: 0; }
.sub_l_list li .last a { margin-left: 10px; text-decoration: underline; }
.sub_l_list li .last i { float: right; color: #999; }

/* SUB, RIGHT */
.sub_r { float: right; display: block; margin-bottom: 10px; width: 222px; }
.sub_r .p_title label, .p_title a { font-size: 14px; }

.sub_r .img { float: left; display: block; position: relative; margin-bottom: 10px; width: 222px; height: 425px; overflow: hidden; }
.sub_r .img ul { float: left; display: block; margin-left: 0; height: 425px; overflow: hidden; } /* 宽度222的倍数 js控制 */
.sub_r .img li { float: left; display: inline; width: 222px; }
.sub_r .img li a { display: block; width: 222px; height: 425px; overflow: hidden; }
.sub_r .img li a:hover { color: #FFF; text-decoration: none; }
.sub_r .img li a img { height: 425px; } /* 固定图片高度 */
.sub_r .img .dot { clear: both; position: relative; top: -35px; margin: 0 auto -35px; width: 85px; }
.sub_r .img .dot i { float: left; display: inline-block; margin: 10px 3px 0; width: 11px; height: 11px; background: url(../images/png.png) -270px top no-repeat; text-indent: -2000px; overflow: hidden; cursor: pointer; }
.sub_r .img .dot i:hover, .sub_r .img .dot i.current { background: url(../images/png.png) -253px top no-repeat; }
* html .sub_r .img .dot i { behavior: url("/htc/iepngfix.htc"); } /* FOR IE6 */

.tj_hidden { display: none; }