/*
 * Copyright (c) 2012 pop-fashion.com All rights reserved.
 * Build: cmy
 */

/* reset //////////////////////////////////////////// */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, li,ol { list-style: none; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; outline: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }

/* pulic //////////////////////////////////////////// */
body { background: #fff; color: #454547; }
a { color: #454547; }
a:hover { color: #d12027; }
a.green { color: #a4c439; }
a.green:hover { color: #a4c439; }
a.red { color: #d12027; }
a.red:hover { color: #d12027; }
a.white { color: #fff; }
a.white:hover { color: #fff; }
a.blue { color: #03c; }
a.blue:hover { color: #d12027; }
a.yellow { color: #ff0; }
a.yellow:hover { color: #ff0; }
a.gray { color: #999; }
a.gray:hover { color: #d12027; }
.col-main { float: left; min-height: 1px; width: 100%; }
.col-sub, .col-extra { float: left; }
.clearfix:after, .layout:after, .main-wrap:after, .col-sub:after, .col-extra:after { clear: both; content: '\0020'; display: block; height: 0; }
.clearfix, .layout, .main-wrap, .col-sub, .col-extra { zoom: 1; }

.box { margin-bottom: 10px; }
.box .hd { height: 30px; line-height: 30px; padding: 0 5px; }
.box .hd strong { float: left; font-size: 14px; }
.box .hd span { float: left; margin-right: 8px; font: 50px/1.2 "Times New Roman", Times, serif; }
.box .hd .more { float: right; height: 30px; font-weight: 400; }
.box .bd { padding: 10px; }

#content,
#footer { background: url(../img/bg.png) no-repeat; }
#header .wrap,
#content .wrap,
#footer .wrap { position: relative; width: 980px; margin: 0 auto; }
#header .channel,
#header .search { background: url(../img/channel.png) no-repeat; }
.login-panel .input,
.nfd-search .submit,
.login-panel .submit,
.search-panel .input,
.search-panel .submit,
.search-link a,
.search-link .weibo,
.foot-arrow,
.item-search .input,
.item-search .submit,
.item-login .input,
#brands .input,
#brands .submit { background: url(../img/s-header.png) no-repeat; }
.grid-m0s190 .gp-logo a { background: url(../img/gp-logo-h.png) no-repeat; }
#footer .gp-logo a { background: url(../img/gp-logo-f.png) no-repeat; }
.new-red,
.new-green,
.hot-red,
.hot-green,
.high { position: absolute; width: 26px; height: 14px; background: url(../img/hot.png) no-repeat; overflow: hidden; }
.new-red { background-position: 0 0; }
.new-green { background-position: 0 -14px; }
.hot-red { background-position: 0 -28px; }
.hot-green { background-position: 0 -42px; }
.high { background-position: 0 -56px; }
.ld { background: url(../img/line-deep.png) repeat 0 0; }
.ld-1 { background: url(../img/line-deep-1.png) repeat 0 0; }
.ll { background: url(../img/line-light.png) repeat 0 0; }
.slider .num li { background: url(../img/s-ico.png) no-repeat; }

.hidden { display: none; }
.space { clear: both; display: block; height: 3px; margin-bottom: 10px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; font-size: 0; line-height: 0; }
.arrow { position: absolute; width: 20px; height: 20px; }
.arrow s { display: inline-block; width: 20px; height: 20px; background: url(../img/s-index.png) no-repeat; }

/* header //////////////////////////////////////////// */
#header { width: 100%; background-position: -5px 0; overflow: hidden; }

/* login */
#header .user { width: 100%; height: 32px; background: #515254; color: #d0d2d3;z-index:1;position:relative; }
.user a { color: #d0d2d3; }
.user a:hover { color: #fff; }
.login { float: right; padding-top: 6px; }
.login-panel { float: left; }
.login-panel label { float: left; padding: 0 0 0 5px; height: 20px; line-height: 20px; color: #d0d2d3; }
.login-panel input { display: inline; float: left; overflow: hidden; }
.login-panel .input { width: 80px; height: 14px; line-height: 14px; border: 1px solid #515254; background:#777; color: #fff;outline:none;padding:2px 5px; }
.login-panel .focusField { border-color: #d12027; }
.login-panel .submit { width: 55px; height: 32px; margin: 0 10px; border: none; background: #333;color:#d0d2d3; cursor: pointer;position:relative;top:-5px; }
.login-panel a { display: inline; float: left; height: 20px; margin-left: 10px; line-height: 20px; }
.login-panel a img { display: block; }
.login-panel .code { height: 20px; line-height: 20px; margin: 0 0 0 5px; }
.login-panel .remb { margin-top: 4px; *margin-top: 0;margin-left:10px; }
.login-panel .lblremb{cursor:pointer;}

.login-yes { line-height: 20px; }
.login-yes strong,
.login-yes span { padding-right: 5px; }
.login-yes label {margin-left:10px;}
.login-yes .user_out{
	margin-left:75px;
}
.login-yes .user_manager{
	position:absolute;
	width:38px;height:25px;
	padding-top:30px;
	background:rgb(159,1,0) url(../img/ico_user.png) 3px 0 no-repeat;
	right:50px;top:0;
	z-index:100;
	cursor:pointer;
}
.login-yes .user_manager .des{
	display:block;
	text-align:center;
	color:#fff;
}
.login-yes .user_manager_list{
	display:none;
	position:absolute;
	right:-62px;top:33px;
	width:100px;
	text-indent:10px;
	background:rgb(51,51,51);
}
.login-yes .user_manager_list li{
	height:25px;line-height:25px;
	border-top:1px solid rgb(61,61,61);
}
.login-yes .user_manager_list li a{
	display:block;width:100%;height:100%;
}
.login-yes .user_manager.on{
	background-color:rgb(51,51,51);
}
.login-yes .user_manager.on .user_manager_list{
	display:block;
}
.quick-menu { float:left; margin-top: 6px; }
.quick-menu a { color: #d0d2d3; }
.quick-menu span {margin-left:10px;}
.quick-menu a:hover { color: #d12027; }
.quick-menu li { float: left; height: 20px; line-height: 20px;}
.quick-menu .red { color: #f00; }
.quick-menu a.red:hover { color: #f00; }

.user_tip{
	display:none;
	position:absolute;
	left:315px;top:40px;
	width:168px;height:54px;
	background:rgb(254,253,237);
	border:1px solid rgb(232,204,161);
	z-index:1;
}
.user_tip .arrow_1{
	position:absolute;
	top:-10px;left:15px;
	color:rgb(232,204,161);
}
.user_tip .arrow_2{
	position:absolute;
	top:1px;left:0;
	color:rgb(254,253,237);
}
.user_tip .close{
	position:absolute;
	top:0;right:5px;
	font-size:16px;
	color:rgb(69,69,69);
	cursor:pointer;
}
.user_tip .title{
	color:#333;
	font-weight:bold;
	display:block;
	margin:10px 0 0 10px;
}
.user_tip .msg{
	color:#333;
	display:block;
	margin:0px 0 0 10px;
	z-index:10;
}

/* head */
#header .head { width: 100%; background: #454547; }
.pf-logo {position:relative;float: left; width: 480px; height: 110px; }
.pf-logo a { position: absolute; top: 18px; }
.pf-logo .fs_freeTrial{position:absolute;right:20px;top:35px;padding:2px 10px;border-radius:2px;-webkit-border-radius:2px;
-moz-border-radius:2px;color:#fff;background:#C00;text-decoration:none;font-family:arial;}
.pf-logo .fs_freeTrial:hover{background:#9f0100;}
.pf-logo img { display: block; }
.pf-logo .s1,
.pf-logo .s2 { position: absolute; right: 0; width: 225px; color: #9c9ea1; text-align: right; font-weight: 400; }
.pf-logo .s1 { top: 85px; font-size: 14px; color: #d12027; }
.pf-logo .s2 { top: 104px; }

#header .gp-logo { float: right;padding:10px 0;}
#header .gp-logo .neighbor-icon{
	background:url(../img/neighbor_site_icon.png) no-repeat;
}
#header .gp-logo ul{
	margin-top:20px;
}
#header .gp-logo li{
	margin-top:10px;
}
#header .gp-logo a { float: left; width:68px; height: 20px; line-height: 20px; margin:0 0 5px 15px; color: #ccc; }
#header .gp-logo a:hover{color: #eaeaea;}
#header .gp-logo a:hover .gd,
#header .gp-logo a:hover .xb,
#header .gp-logo a:hover .xz,
#header .gp-logo a:hover .ss,
#header .gp-logo a:hover .jf,
#header .gp-logo a:hover .hs,
#header .gp-logo a:hover .ms,
#header .gp-logo a:hover .tz{
	
	 
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(55deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(55deg);
	
	
}
#header .gp-logo a span{float:left;}
#header .gp-logo .gd,#header .gp-logo .xb,#header .gp-logo .xz,#header .gp-logo .ss,#header .gp-logo .jf,#header .gp-logo .hs,#header .gp-logo .ms,#header .gp-logo .tz{
	width:8px;height:10px;
	margin:5px 5px 0 0;
	font-size:8px;
}
#header .gp-logo .gd {background-position:0 -91px;}
#header .gp-logo .xb {background-position:-13px -91px;}
#header .gp-logo .xz {background-position:-27px -91px;}
#header .gp-logo .ss {background-position:-40px -91px;}
#header .gp-logo .jf {background-position:-52px -91px;}
#header .gp-logo .hs { background-position:-65px -91px;}
#header .gp-logo .ms { background-position:-80px -91px; }
#header .gp-logo .tz { background-position:-93px -91px; }

.rukou{width:200px;position:absolute;right:0;top:5px;height:30px;}

/* channel */
#header .channel { width: 100%; background-color: #d12027; background-position: center 0; font-size: 14px; }
#header .channel .wrap { width: 960px; margin: 0 auto; padding: 9px 0; }
.channel a { position: relative; float: left; width: 80px; line-height: 22px; text-align: center; color: #fff; }
.channel a:hover,
.channel .ck { color: #000; font-weight: 700; text-decoration: underline; }
.channel .hot-green,
.channel .new-green { top: -8px; right: -8px; }
.channel .high { top: -8px; right: -8px; }

/* serch */
#header .search,#header .index_search { width: 100%; background-position: center -65px; background-color: #dbdcdd; }
.search-panel { float: left; height: 42px; }
.search-panel label { display: inline; float: left; margin: 10px 5px 10px 0; line-height: 22px; font-size: 14px; font-weight: 700; }
.search-panel input { display: inline; float: left; overflow: hidden; }
.search-panel .input { width: 240px; height: 20px; line-height: 20px; margin: 10px 5px 0 0; padding: 0 2px; border: 1px solid #969696; background-color: #fff; background-position: 0 0; background-repeat: repeat-x; color: #666; }
.search-panel .focusField { border-color: #d12027; }
.search-panel .submit { width: 22px; height: 22px; margin: 10px 10px 0 0; border: none; background-color: #000; background-position: 0 -25px; text-indent: -999em; cursor: pointer; }

.search-hot { float: left; height: 42px; line-height: 42px; font-size: 12px; }
.search-hot a { margin-right: 8px; }

.search-link { float: right; }
.search-link a { display: inline; float: left; width: 38px; height: 25px; margin: 10px 0 0 8px; line-height: 20px; background-position: -35px -50px; text-align: center; color: #fff; }
.search-link a:hover { color: #fff; }
.search-link .weibo { width: 24px; height: 24px; margin-top: 8px; background-position: 0 -50px; }
.search-link .tuiguang { width: 60px; background-position: -80px -50px; }

/* content //////////////////////////////////////////// */
#content { width: 100%; background-position: center -950px; overflow: hidden; }

/* slider */
.slider .picture,
.slider .num { position: absolute; }
.slider .picture li { display: inline; }
.slider .picture img { display: block; }
.slider .num { height: 10px; right: 5px; bottom: 10px; z-index: 5; }
.slider .num li { float: left; width: 10px; height: 10px; margin-right: 8px; background-position: -55px -55px; text-indent: -999em; overflow: hidden; cursor: pointer; }
.slider .num .on { background-position: -70px -55px; }

/* footer //////////////////////////////////////////// */
#footer { position: relative; width: 100%; padding-bottom: 20px; background-color: #454547; background-position: center -20px; color: #d0d2d3; text-align: center; }

#footer .gp-logo { width: 100%; padding-top: 40px; }
#footer .gp-logo a { display: inline-block; width: 175px; height: 50px; }
#footer .gp-logo .pp { background-position: 0 0; }
#footer .gp-logo .pf { background-position: 0 -50px; }
#footer .gp-logo .pb { background-position: 0 -100px; }
#footer .gp-logo .ps { background-position: 0 -150px; }
#footer .gp-logo .ss { background-position: 0 -200px; }
#footer .gp-logo .jf { background-position: 0 -250px; }

.foot-arrow { display: block; width: 100%; height: 10px; font-size: 0; line-height: 0; background-position: 0 -75px; background-repeat: repeat-x; overflow: hidden; }
.foot-nav { padding: 15px 0 10px; }
.copyright { padding-bottom: 20px; }
.foot-nav a, .copyright a { margin: 0 10px; color: #d0d2d3; }
.foot-nav a:hover, .copyright a:hover { color: #fff; }

/* scrollService //////////////////////////////////////////// */
#scrollService,
#scrollService .cl { background: url(../img/service/bg.png) no-repeat; }
#scrollService { position: fixed; top:50%; right: 10px;width: 110px; height: 416px;
    background-position: 0 0; z-index: 9999;margin-top: -208px;
    _top:expression(eval(document.documentElement.scrollTop+80));
    _position:absolute;_overflow:hidden;_margin-top:0;}
#scrollService img { display: block; margin: 4px 0 0 10px; }
#scrollService a { position: absolute; left: 2px; width: 106px; height: 24px; }
#scrollService .cl { left: 71px; top: 5px; width: 37px; height: 16px; background-position: 0 -417px; }
#scrollService a.cl:hover { background-position: -40px -417px; }
#scrollService .ms {top:58px;}
#scrollService .bs { top: 83px; }
#scrollService .cs { top: 107px; }
#scrollService .tp { left: 0px; bottom: 0; width: 110px; height: 35px; }

/* autocomplete //////////////////////////////////////////// */
.ac_results { padding: 0; border: 1px solid black; background-color: #fff; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style: none; list-style-position: outside; }
.ac_results li { display: block; font: menu; padding: 2px 5px; font-size: 12px; line-height: 16px; color: #000; overflow: hidden; cursor: default; }
.ac_loading { /*background: #fff url(../img/indicator.gif) right center no-repeat;*/ }
.ac_odd { background-color: #e5e5e5; }
.ac_over { background-color: #d12027; color: #fff; }

/* thickbox //////////////////////////////////////////// */
/* thickbox specific link and font settings */
#TB_secondLine { color: #666; font: 10x/1.5 tahoma, arial, \5b8b\4f53; }
/* thickbox settings */
#TB_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10000; }
.TB_overlayMacFFBGHack { background: url(../img/thickbox/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); /* ie6 hack */ }
#TB_window { display: none; position: fixed; left: 50%; top: 50%; border: 4px solid #525252; text-align: left; background: #fff; z-index: 10002; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); /* ie6 hack */ }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-top: 1px solid #666; border-right: 1px solid #ccc; border-left: 1px solid #666; border-bottom: 1px solid #ccc; }
#TB_caption { float: left; height: 25px; padding: 7px 30px 10px 25px; }
#TB_closeWindow { float: right; height: 25px; padding: 11px 25px 10px 0; }
#TB_closeAjaxWindow { float: right; padding: 9px 0; text-align: right; color: #d0d2d3; }
#TB_closeAjaxWindow a { position: relative; display: inline-block; height: 18px; padding-left: 22px; color: #d0d2d3; }
#TB_closeAjaxWindow a:hover { color: #fff; text-decoration: none; }
#TB_closeAjaxWindow s { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(../img/thickbox/tbTitle.png) no-repeat 0 -36px; overflow: hidden; }
#TB_closeAjaxWindow a:hover s { -webkit-transform: rotate(360deg); -webkit-transition: all 0.8s ease-in-out 0.1s; -moz-transform: rotate(360deg); -moz-transition: all 0.8s ease-in-out 0.1s; }
#TB_ajaxWindowTitle { float: left; height: 36px; font: 700 14px/36px tahoma; color: #fff; }
#TB_title { height: 36px; padding: 0 10px; background: #d12027 url(../img/thickbox/tbTitle.png) no-repeat right top; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; line-height: 1.4em; text-align: left; overflow: auto; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0px 5px 0px; }
#TB_load { position: fixed; top: 50%; left: 50%; display: none; width: 208px; height: 13px; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ z-index: 10003; }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); /* ie6 hack */ }
#TB_HideSelect { position: fixed; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; border: none; background-color: #fff; z-index: 9999; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); /* ie6 hack */ }
#TB_iframeContent { clear: both; margin-bottom: -4px; *margin-bottom: 0; border: none; }

/* right */
#jqContextMenu li { font-size: 14px; text-align: center; }
#jqContextMenu em { color: #d12027; font-weight: 700; }

/*notice*/
.notice_{height:18px;line-height:18px;background:#d20631;color:#fff;}
.notice_ div{width:960px;margin:0 auto;}
.notice_ a{float:right;margin:0px 10px 0 0;color:#fff;}
.notice_ h1,.notice_ p{padding-left:5px;line-height:1.3;}

/**/
.tabs_ { height:32px; }
#content-main .tabs_ a { display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; margin: 2px 5px 0 0; font-style: italic; vertical-align: top; background-color: #d5d5d5; }
#content-main .tabs_ a:hover, #content-main .tabs_ a:active { color:#f60; }
#content-main .tabs_ a.check { height: 32px; margin-top: 0; line-height: 30px; background: url(../img/nfd/tabs.png) no-repeat center 0; color: #fff; }

#content-main .tabs_box table h5.check{height:32px; margin-top:0; line-height:30px; width:140px;text-align:center;padding:0 5px;color:#fff;background:url("../img/icon_bg.gif") no-repeat scroll 0 0 transparent;background-position:center -632px;}
.retuTop{position:fixed;width:980px;height:48px;bottom:0;_position:absolute;
_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.retuTop a{width:53px;height:42px;float:right;background:url(../img/top_.jpg) no-repeat;display:block;margin-right:20px;}
#content-main{position:relative;}

/*广告位*/
.ad a{width:320px;height:90px;padding:0 1px;display:inline-block;}

/*右侧固定定位二维码*/
.twocode{position:fixed;_position:absolute;z-index:999999;top:50%;
    left:50%;margin-left:495px;margin-top:-19px;width:35px;height:37px;
    background:url(../img/twocode.jpg) no-repeat;cursor:pointer;}
.twocode .tcshow {position:absolute;right:-130px;padding:5px;
    display:none;border:1px solid #ccc;width:120px;background:#FFF;font-size:12px;}
.twocode .tcshow img{margin-bottom:5px;width:120px;height:120px;display:block;}

/*
----------------------------------------
跨域弹窗
----------------------------------------
*/
.iframeClose{
	opacity:0;filter:alpha(opacity=0);cursor:pointer;width:24px;height:24px;background:blue;z-index:1001;position:fixed;left:50%;top:50%;margin-top:-250px;margin-left:280px;
	_position:absolute;
	_bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
}
#popInfo{
	position:fixed;top:0;left:0;z-index:1000;
	_position:absolute;
	_bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
}
/*头部地址更改通知*/
.addressTips{background:#F9EDBE;}
.addressTips p{margin:0 auto;width:980px;padding:5px 0;color:#8A4C1E;}
.addressTips p a{color:#f00;cursor:pointer;}
.addressTips span{float:right;cursor:pointer;color:#302D2D;}
/*头部图片提示*/
.imgTips{margin:0 auto;position:relative;width:980px;height:100px;}
.imgTips a{display:block;background:url(../img/head20140214.jpg) no-repeat;width:980px;height:100px;}
.imgTips span{position:absolute;top:0;right:0;display:block;padding:5px;font-size:12px;cursor:pointer;line-height:12px;color:#fff;}