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

/* RIGHT */
.sub_r .area { float: left; margin-bottom: 10px; width: 222px; background-color: #FFF;}
.sub_r .area .p_title { border: 1px solid #BCBCBC; border-top: 2px solid #3B75C6; }
.sub_r .area .list { width: 220px; height: 314px; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC; overflow: hidden; }
.sub_r .area .move { margin-top: 0; }
.sub_r .area .move dt { padding: 5px 0; border-bottom: 1px solid #BCBCBC; color: #000; font-size: 14px; text-align: center; cursor: pointer; }
.sub_r .area .move dt:hover { background-color: #EAEAEA; color: #3B75C6; }
.sub_r .area .move dt a { color: #000; font-size: 14px; }
.sub_r .area .move dt a:hover { color: #3B75C6; }
.sub_r .area .move dd { display: none; padding: 0 10px 10px; height: 180px; border-bottom: 1px solid #BCBCBC; overflow: hidden; }
.sub_r .area .move li { list-style-type: none; display: block; margin: 10px 0 0; padding-left: 10px; height: 20px; background: url(../images/icon.gif) -143px -114px no-repeat; overflow: hidden; }
.sub_r .area .move li a.tag { margin-right: 5px; color: #3B75C6; }
.sub_r .area .move .current dt { background-color: #EAEAEA; }
.sub_r .area .move .current dd { display: block; }
.sub_r .area .point { margin-bottom: 0; height: 30px; background-color: #EAEAEA; border: 1px solid #BCBCBC; text-align: center; }
.sub_r .area .point .prev, .sub_r .area .point .next { display: inline-block; }
.sub_r .area .point i { display: block; margin: 11px 3px; width: 13px; height: 7px; background: url(../images/icon.gif) no-repeat; text-indent: -1000px; overflow: hidden; }
.sub_r .area .point .prev i { background-position: 0 -180px; }
.sub_r .area .point .next i { background-position: -20px -180px; }
.sub_r .area .point .prev i.have { background-position: 0 -190px; cursor: pointer; }
.sub_r .area .point .next i.have { background-position: -20px -190px; cursor: pointer; }

.sub_r .area_2 { float: left; margin-bottom: 10px; width: 222px; line-height: 32px; }
.sub_r .area_2 .p_title { background-color: #FFF; border: 1px solid #BCBCBC; border-top: 2px solid #3B75C6; }
.sub_r .area_2 .li { margin-bottom: 0; }
.sub_r .area_2 .li a { float: left; display: inline-block; padding: 0 7px; width: 95px; height: 32px; background-color: #FFF; border: 1px solid #BCBCBC; border-top: none; text-align: center; overflow: hidden; }
.sub_r .area_2 .li a:hover { background-color: #EAEAEA; text-decoration: none; }
.sub_r .area_2 .li a.r { width: 96px; border-left: none; }

.sub_r .brands_3 { float: left; display: block; margin-bottom: 10px; padding-bottom: 10px; width: 220px; background-color: #FFF; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
.sub_r .brands_3 li { float: left; display: inline; margin: 10px 9px 0; padding-right: 10px; width: 190px; height: 30px; line-height: 30px; border: 1px solid #D9D9D9; overflow: hidden; }
.sub_r .brands_3 li a.img { display: block; margin-right: 10px; width: 45px; height: 30px; border-right: 1px solid #D9D9D9; text-align: center; overflow: hidden; }
.sub_r .brands_3 li a.img img { height: 30px; } /* ¹Ì¶¨Í¼Æ¬¸ß¶È */


.sub_r #brand_r { float: left; display: block; margin-bottom: 10px; width: 220px; background-color: #FFF; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
.sub_r #brand_r .brand { float: left; padding: 10px; width: 200px; border-top: 1px solid #BCBCBC; }
.sub_r #brand_r .brand a.logo { float: left; display: block; margin-right: 10px; width: 80px; height: 53px; background-color: #FFF; border: 1px solid #D9D9D9; overflow: hidden; }
.sub_r #brand_r .brand a.logo img { height: 53px; }
.sub_r #brand_r .brand a.logo:hover { border: 1px solid #3B75C6; }
.sub_r #brand_r .brand span { float: left; display: block; margin-bottom: 3px; width: 108px; height: 24px; line-height: 24px; overflow: hidden; }
.sub_r #brand_r .brand span a.name { color: #3B75C6; font-size: 14px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.sub_r #brand_r .brand span .btn, .sub_r #brand_r .brand span .btn_d { display: inline-block; padding-left: 24px; width: 42px; height: 23px; color: #FFF; font-size: 14px; }
.sub_r #brand_r .brand span .btn { background: url(../images/btn.gif) right -30px no-repeat; cursor: pointer; }
.sub_r #brand_r .brand span .btn_d { background: url(../images/btn.gif) right -100px no-repeat; }
.sub_r #brand_r .brand span .btn:hover { background: url(../images/btn.gif) left -30px no-repeat; text-decoration: none; }

.sub_r #brand_r .brand .t, .sub_r #brand_r .brand ul { float: left; padding: 0 10px; width: 180px; line-height: 30px; background-color: #EAEAEA; }
.sub_r #brand_r .brand .t { margin: 10px 0 0; padding-top: 5px; color: #3B75C6; font-size: 12px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.sub_r #brand_r .brand .t a { color: #3B75C6; }
.sub_r #brand_r .brand .t a:hover { text-decoration: none; }
.sub_r #brand_r .brand li { float: left; display: block; padding-left: 10px; width: 170px; height: 30px; background: url(../images/icon.gif) -143px -139px no-repeat; overflow: hidden; }
.sub_r #brand_r .brand li.last { background: none; text-align: right; }
.sub_r #brand_r .brand li.last a { color: #3B75C6; }
.sub_r #brand_r .brand li a i { margin-right: 5px; color: #3B75C6; }
.sub_r #brand_r .brand li a i:before { content: "["; }
.sub_r #brand_r .brand li a i:after { content: "]"; }
.sub_r #brand_r .brand li a:hover i { color: #2580FF; }

/* DETAIL */
.d_l_text { float: left; padding: 0 15px; width: 696px; background-color: #FFF; border: 1px solid #BCBCBC; border-bottom: 1px dashed #BCBCBC; overflow: hidden; }
h1 { display: block; margin: 0; padding: 30px 0 15px; width: 100%; color: #000; font-size: 18px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; text-align: center; }
.d_l_about { padding: 0; width: 100%; line-height: 22px; color: #999; font-size: 14px; overflow: hidden; }
.a_more { margin-bottom: 0; width: 100%; }
.a_more .open, .a_more .close { float: right; position: relative; padding-left: 32px; padding-right: 5px; background: url(../images/icon.gif) no-repeat #FFF; color: #3B75C6; cursor: pointer; }
.a_more .open { margin-top: -20px; background-position: 15px -407px; }
.a_more .close { background-position: -51px -407px; }
.a_more .open:hover, .l_a_more .close:hover { color: #3B75C6; }

#d_l_tags { margin-bottom: 10px; padding-top: 20px; width: 100%; overflow: hidden; }
#d_l_tags span { display: inline-block; padding-left: 23px; width: 598px; background: url(../images/icon_tags.gif) left 2px no-repeat; }
#d_l_tags span a { margin-right: 10px; color: #666; }
#d_l_tags span a:hover { color: #3B75C6; }
#d_l_tags .total { float: right; display: inline-block; padding: 0 8px 0 33px; height: 23px; line-height: 23px; background: url(../images/icon.gif) left -277px no-repeat #E5F1FF; color: #3B75C6; cursor: pointer; }
#d_l_tags .hot { background: url(../images/icon.gif) left -307px no-repeat #E5F1FF; cursor: auto; }

#d_l_link { display: inline-block; margin-bottom: 10px; width: 726px; background-color: #FFF; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
#d_l_link .link { display: inline-block; padding: 15px; width: 660px; }
#d_l_link .link i { color: #3B75C6; cursor: pointer; }
#d_l_link .link li { float: left; display: block; width: 330px; line-height: 35px; color: #000; }
#d_l_link .link li.row2 { width: 100%; }
#d_l_link .link li a, #d_l_link .link li a:hover { color: #000; }
#d_l_link .link span { float: left; margin: 0 5px; color: #999; }
#d_l_link .link li img { margin: 8px 0; }

#d_l_link .alert { margin: 0 15px 15px; padding: 10px; background-color: #F1F1F1; border: 1px solid #EAEAEA; color: #3B75C6; }
#d_l_link .alert a { margin: 0 3px; color: #3B75C6; text-decoration: underline; }

#d_l_link form { margin: 0 15px 15px; padding: 15px; background-color: #F1F1F1; border: 1px solid #EAEAEA; }
#d_l_link form p { display: inline-block; margin-bottom: 10px; width: 100%; }
#d_l_link form .first { color: #3B75C6; }
#d_l_link form .first a { margin: 0 3px; color: #3B75C6; text-decoration: underline; }
#d_l_link form .last { margin-bottom: 0; padding-left: 45px; }
#d_l_link form .last a { display: inline-block; margin: 0 3px; padding-left: 20px; line-height: 25px; color: #3B75C6; }
#d_l_link form .last a.sina { background: url(http://user.chinasspp.com/images/medal/sina.gif) left top no-repeat; }
#d_l_link form .last a.qq { background: url(http://user.chinasspp.com/images/medal/qq.gif) left top no-repeat; }
#d_l_link form label { float: left; display: inline-block; width: 45px; }
#d_l_link form input { float: left; padding: 3px 5px; width: 190px; border: 1px solid #BCBCBC; }
#d_l_link form input.short { width: 130px; }
#d_l_link form .btn { display: inline-block; margin-right: 5px; padding: 0; width: 61px; height: 23px; line-height: 23px; background: url(../images/btn.gif) right top no-repeat; border: none; color: #FFF; text-align: center; cursor: pointer; }
#d_l_link form .btn:hover { background: url(../images/btn.gif) left top no-repeat; }
#d_l_link form img { margin: 2px 0 2px 5px; cursor: pointer; }

.d_l_msg { display: inline-block; margin-bottom: 10px; width: 726px; background-color: #FFF; border: 1px solid #BCBCBC; border-top: none; overflow: hidden; }
.d_l_msg .title { display: block; margin-bottom: 0; line-height: 32px; background: url(../images/bg.gif) left top repeat-x #F6F6F6; border-top: 2px solid #3B75C6; border-bottom: 1px solid #D9D9D9; }
.d_l_msg .title i { padding: 0 0 0 10px; font-size: 14px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; }
.d_l_msg .title .alert { margin-left: 3px; color: #3B75C6; }

#f_msg { padding-top: 15px; }
#f_msg, #msg { padding-left: 15px; padding-right: 15px; }