﻿@charset "utf-8";
body { font-family: "宋体"; font-size: 12px; margin: 0px 0px; padding: 0px 0px; background: #ffffff; color: #404040; }
div { border: 0px; padding: 0px 0px; margin: 0px 0px; display: block; }
h1,h2,h3,h4 { border: 0px; padding: 0px 0px; margin: 0px 0px; }
img { border: 0px; padding: 0px 0px; margin: 0px 0px; }
span { border: 0px; padding: 0px 0px; margin: 0px 0px; }
p { border: 0px; padding: 0px 0px; margin: 0px 0px; }
ul { border: 0px; padding: 0px 0px; margin: 0px 0px; float: left; }
li { border: 0px; padding: 0px 0px; margin: 0px 0px; list-style: none; }
*:focus { outline: none; } 
lable { padding: 0px 0px; margin: 0px 0px; }
input { padding: 0px 0px; margin: 0px 0px; font-size: 12px; font-family: "宋体"; }
select { font-size: 12px; font-family: "宋体"; }
.clear { clear: both; }
a:link { color: #404040; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; }
a:visited { color: #404040; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; } 
a:hover { color: #000000; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; }
a:active { color: #000000; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; }

.c_gallery { width: 100%; min-width: 1000px; margin: 0px auto; }
.c_gallery_head { width: 100%; height: 89px; margin: 0px auto; }
.c_gallery_body { width: 960px; margin: 0px auto; }
.c_trends { width: 960px; border-bottom: 2px solid #d9c9d2; padding: 8px 0px; float: left; }
.c_gallery_foot { width: 960px; float: left; }
.c_trends_left { width: 239px; float: left; }
.c_trends_right { width: 719px; height: 960px; border: 1px solid #d9c9d2; float: left; overflow: hidden; }

/* clothing street beat */
.c_street { width: 231px; height: 376px; background: #d9c9d2; float: left; overflow: hidden; }
.c_street_tit { width: 231px; height: 30px; background: url(/Content/images/clothing_trends/titbg_left.jpg); float: left; overflow: hidden; }
.c_street_tit h1 { font-size: 14px; color: #851054; padding-left: 20px; line-height: 33px; *line-height: 32px; _line-height: 33px; overflow: hidden; }
.c_street_tit h1 a:link, .c_street_tit h1 a:visited { color: #851054; }
.c_street_tit h1 a:hover, .c_street_tit h1 a:active { color: #851054; }
.c_street_infobg { width: 221px; padding-left: 5px; float: left; }

.c_street_info { width: 221px; height: 340px; background: #ffffff; padding-top: 1px; float: left; overflow: hidden; }
.c_street_info2 { width: 204px; height: 109px; padding: 16px 0 0 16px; border-top: 1px dashed #d9c9d2; border-bottom: 1px dashed #d9c9d2; float: left; overflow: hidden; }
.c_street_info2 li { width: 63px; float: left; }
.c_street_info3 { width: 204px; height: 94px; padding: 12px 0px 0px 15px; *padding-top: 10px; _padding-top: 11px; float: left; overflow: hidden; }
.c_street_info3 li { width: 181px; padding-left: 10px; background: url(/Content/images/bg_li1.gif) no-repeat 0px 8px; height: 21px; line-height: 21px; float: left; overflow: hidden; }


/* clothing trend analysis point of view */
.c_view  { width: 231px; height: 578px; background: #d9c9d2; margin-top: 8px; float: left; overflow: hidden; }
.c_view_tit { width: 231px; height: 30px; background: url(/Content/images/clothing_trends/titbg_left.jpg); float: left; overflow: hidden; }
.c_view_tit h1 { font-size: 14px; color: #851054; padding-left: 20px; line-height: 33px; *line-height: 32px; _line-height: 33px; overflow: hidden; }
.c_view_info { width: 221px; padding-left: 5px; float: left; }
.c_view_pic { width: 221px; height: 313px; background: #ffffff; float: left; overflow: hidden; }
.c_view_pic ul { padding: 15px 0px 0px 15px; }
.c_view_pic li { width: 191px; height: 149px; float: left; overflow: hidden; }
.c_view_pic img { width: 185px; height: 109px; padding: 2px 2px; border: 1px solid #dedede; display: block; }
.c_view_pic h2 { width: 191px; height: 28px; line-height: 29px; line-height: 28px\9; line-height: 30px; font-size: 12px; font-weight: normal; text-align: center; overflow: hiddeen; }
.c_view_tex { width: 221px; height: 230px; background: #f0e9ed; float: left; overflow: hidden; }
.c_view_tex ul { padding: 11px 0px 0px 15px; *padding-top: 10px; _padding-top: 11px; }
.c_view_tex li { width: 181px; padding-left: 10px; color: #6c013d; background: url(/Content/images/clothing_trends/bg_li.gif) no-repeat 0px 7px; height: 21px; line-height: 21px; float: left; overflow: hidden; }
.c_view_tex a:link, .c_view_tex a:visited { color: #6c013d; }
.c_view_tex a:hover, .c_view_tex a:active { color: #af2b75; }

/* clothing trend classification */
.c_trend_class { width: 719px; height: 167px; background: url(/Content/images/clothing_trends/titbg_right.jpg); float: left; overflow: hidden; }
.c_trend_class ul { padding: 52px 0px 0px 15px; }
.c_trend_class li { width: 87px; height: 115px; background: url(/Content/images/clothing_trends/bg_normal.gif); background-repeat: no-repeat; float: left; overflow: hidden; }
.c_trend_class_bg { width: 72px; height: 92px; padding: 4px 0px 0px 4px; float: left; overflow: hidden; }
.c_trend_class_bg img { width: 72px; height: 92px; display: block; }
.c_trend_class div { position: relative; float: left; }
.c_trend_class p { width: 72px; height: 19px; line-height: 21px; *line-height: 20px; _line-height: 22px; text-align: center; color: #ffffff; position: absolute; bottom: 0px; z-index: 2; overflow: hidden; }
.c_trend_class span { width: 72px; height: 19px; position: absolute; bottom: 0px; background: #644a21; z-index: 1; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; display: block; }
.c_trend_class p a:link, .c_trend_class p a:visited, .c_trend_class p a:hover, .c_trend_class p a:active { color: #ffffff; }
.c_trend_class .trend_normal { width: 87px; height: 115px; background: url(/Content/images/clothing_trends/bg_normal.gif); background-repeat: no-repeat; float: left; overflow: hidden; }
.c_trend_class .trend_normal1 { width: 87px; height: 115px; background: url(/Content/images/clothing_trends/bg_normal1.gif); background-repeat: no-repeat; float: left; overflow: hidden; }
.c_trend_class .trend_current { width: 87px; height: 115px; background: url(/Content/images/clothing_trends/bg_current.gif); background-repeat: no-repeat; float: left; overflow: hidden;}

/* clothing trends list */
.c_trends_list { width: 719px; float: left; }
.c_trends_list .c_trends_tabtit { width: 719px; clear: both; height: 27px; padding-top: 15px; background: #f2ebee; float: left; overflow: hidden; }
.c_trends_list .c_trends_tabtit .trends_blank1 { width: 15px; height: 26px; border-bottom: 1px solid #d9c9d2; float: left; }
.c_trends_list .c_trends_tabtit .trends_blank2 { width: 269px; height: 26px; border-bottom: 1px solid #d9c9d2; float: left; }
.c_trends_list .c_trends_tabtit li { width: 87px; cursor: pointer; height: 27px; float: left; overflow: hidden; }
.c_trends_list .c_trends_tabtit span { width: 80px; height: 27px; line-height: 29px; *line-height: 28px; _line-height: 29px; text-align: center; display: block; }
.c_trends_list .c_trends_tabtit .active { width: 87px; height: 27px; background: url(/Content/images/right_tab_bg4.gif); font-weight: bold; color: #a4156c; }
.c_trends_list .c_trends_tabtit .normal { width: 87px; height: 27px; background: url(/Content/images/right_tab_bg3.gif); color: #730247; }
.c_trends_list .none { display: none; }
.c_trends_list .c_trends_tabinfo { width: 719px; height: 751px; position: relative;  float: left; overflow: hidden; }
.c_trends_list .c_trends_info { width: 719px; padding-top: 15px; float: left; }
.c_trends_list .c_trends_listinfo { width: 719px;  }
.c_trends_list .c_trends_infobg { width: 689px; height: 165px; padding-left: 15px; float: left; overflow: hidden; }
.c_trends_infobg .c_trends_info_left { width: 489px; float: left; }
.c_trends_info_left .c_trends_tit { width: 458px; height: 37px; padding: 0px 8px; background: url(/Content/images/clothing_trends/bg_trends_tit.gif); float: left; overflow: hidden; }
.c_trends_info_left .c_trends_tit h1 { width: 450px; font-size: 14px; color: #730247; padding-left: 7px; height: 37px; line-height: 45px; *line-height: 44px; _line-height: 45px; overflow: hidden; }
.c_trends_tit a:link, .c_trends_tit a:visited { color: #730247; }
.c_trends_tit a:hover, .c_trends_tit a:active { color: #8e0057; }
.c_trends_info_left .c_trends_info_otherinfo { width: 458px; padding: 0px 8px; float: left; }
.c_trends_info_otherinfo .c_trends_key { width: 458px; height: 51px; padding-top: 5px; padding-top: 6px\9; float: left; overflow: hidden; }
.c_trends_key span { width: 60px; padding-left: 7px; float: left; }
.c_trends_key li { margin-right: 13px; float: left; }
.c_trends_key a { display: inline-block; height: 14px; height: 13px\9; overflow: hidden; }
.c_trends_key a:link, .c_trends_key a:visited { color: #404040; border-bottom: 1px solid #404040; }
.c_trends_key a:hover, .c_trends_key a:active { color: #000000; border-bottom: 1px solid #000000; }
.c_trends_info_otherinfo .c_trends_other { width: 458px; height: 22px; height: 21px\9; border-bottom: 1px dashed #d9c9d2; float: left; overflow: hidden; }
.c_trends_other .c_trends_other1 { width: 167px; padding: 0px 20px 0px 7px; float: left; }
.c_trends_other .c_trends_other1 span { color: #8c4c01; }
.c_trends_other .c_trends_other2 { width: 110px; padding: 0px 20px 0px 7px; float: left; }
.c_trends_other .c_trends_other2 strong  { color: #8c4c01; }
.c_trends_other .c_trends_other3 { width: 101px; padding-right: 20px; float: left; }
.c_trends_other .c_trends_other3 span { width: 36px; float: left; }
.c_trends_other .c_trends_other3 li { width: 12px; float: left; }
.c_trends_info_left .c_trends_description { width: 447px; height: 75px; line-height: 21px; color: #5d5d5d; padding: 6px 4px 0px 15px; *padding-top: 5px; _padding-top: 6px; position: relative; float: left; }
.c_trends_description span { position: absolute; top: 48px; right: 6px; color: #7b2a5b; }
.c_trends_description span a:link, .c_trends_description span  a:visited { color: #7b2a5b; }
.c_trends_description span a:hover, .c_trends_description span  a:active { color: #540a37; }
.c_trends_description a:link, .c_trends_description a:visited { color: #5d5d5d; }
.c_trends_description a:hover, .c_trends_description a:active { color: #000000; }
.c_trends_infobg .c_trends_info_right { width: 200px; float: left; }
.c_trends_info_right a { width: 198px; height: 148px; }
.c_trends_info_right a img { width: 194px; height: 144px; padding: 2px 2px; border: 1px solid #dedede; }
.c_trends_info_right a:hover img { border: 1px solid #cabdc5; }

/* clothing trends page */

.list_page { width: 703px; height: 32px; padding: 13px 0 0 30px; background: #F6F1F3; position: absolute; bottom: 0px; _bottom: -1px; overflow: hidden; }
.list_page_left { width: 361px; text-align: right; padding-left: 50px; float: left; }
.list_page_left1 { width: 232px; padding-top: 3px; padding-top: 4px\9; float: left; }
.list_page_left1 a { padding-right: 13px; }
.list_page_left2 { width: 51px; float: left }
.list_page_left2 input { width: 38px; height: 17px; line-height: 17px; color: #404040; margin: 0px 6px 0px 5px; *margin-top: -1px; _margin-right: 0px; border: 1px solid #d9c9d2; padding: 0 3px; }
.list_page_left3 { width: 18px;  padding-top: 3px; padding-top: 4px\9; float: left; }
.list_page_left4 { padding-left: 5px;  float: left; }
.list_page_right { width: 287px; padding-top: 3px; padding-top: 4px\9; float: left; }
.list_page_right strong { font-weight: normal; color: #8e0056; }
.list_page_right span { padding-right: 7px; }

/* clothing trends other time */
.c_other_time { width: 689px; border-bottom: 1px solid #dedede; margin: 0px 15px 8px 15px; height: 23px; overflow: hidden; }
.c_other_time span { padding-right: 40px; height: 23px; float: left; overflow: hidden; }
.c_other_time h1 { width: 86px; font-size: 12px; font-weight: normal; padding: 3px 0px 0px 15px; padding-top: 4px\9; float: left; }
.c_other_time select { width: 109px; height: 17px; height: 19px\9; padding: 1px 1px 1px 0px\9; color: #404040; float: left; }
.c_other_time strong { color: #0155d2; }
.c_other_time .span_texbg { padding-top: 3px; padding-top: 4px\9; }