html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
padding: 0;
margin: 0;
font-family:"微软雅黑";
}
body{font-family:"微软雅黑";}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td {
font-size: 1em;
font-style: normal;
font-weight: normal;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #b1b1b1;
}
strong {
font-weight: bold;
}
ul, ol {
list-style: none outside none;
}
fieldset, img {
border: medium none;
vertical-align: middle;
}
caption, th {
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
color: #666;
background: #FFF none repeat scroll 0 0;
min-width: 1200px;
font-family: "微软雅黑" !important;
font-size: 12px;
line-height: 20px;
}
input, select, textarea {
font-family: "微软雅黑" !important;
font-size: 12px;
line-height: 20px;
}
i, cite, em {
font-style: normal;
}
input, button, select, textarea {
outline:none
}
html {
min-height:101%;
}
/* Á´½Ó */
a {
color: #333;
text-decoration: none;
outline: medium none;
-webkit-transition-property:color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
}
a:link, a:visited, a:active {
text-decoration: none;
}
a:hover {
color: #D93600;
text-decoration: underline;
}
/* ³¬³öÒþ²Ø£¨ÐèÒªÔÙÉèÖÿí¸ß£© */
.over_hidden {
display: block;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* input·Å´óby input_max.js */
.parentCls {
display: inline-block;
*display: inline/*IE7*/;
*zoom: 1;
}
.js-max-input {
font-size: 20px;
color: #F40;
background: #FFFAE5;
white-space: nowrap;
padding: 7px;
border: solid 1px #FFD2B2;
}
/* Clearfix,±ÜÃâÒò×ÓÔªËظ¡¶¯¶øµ¼Öµĸ¸ÔªËظ߶ÈȱʧÄÜÎÊÌâ */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
*html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
time {
color: #777;
}
/* ==========================
* Ϊ¾É°æ±¾ä¯ÀÀÆ÷¸ñʽ»¯Html5ÔªËØ
* ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
display:block;
}
/*ÎÄ×ÖÅÅ°æ
******************************/
.f12 {
font-size:12px;
}
.f13 {
font-size:13px;
}
.f14 {
font-size:14px;
}
.f16 {
font-size:16px;
}
.f20 {
font-size:20px;
}
.fb {
font-weight:bold;
}
.fn {
font-weight:normal;
}
.t2 {
text-indent:2em;
}
.lh150 {
line-height:150%
}
.lh180 {
line-height:180%
}
.lh200 {
line-height:200%
}
.unl {
text-decoration:underline;
}
.no_unl {
text-decoration:none;
}
.noborder {
border-style:none!important;
border-width: 0!important;
}
/*¶¨Î»
******************************/
.tl {
text-align:left !important;
}
.tc {
text-align:center !important;
}
.tr {
text-align:right !important;
}
.bc {
margin-right:auto;
margin-left:auto;
}
.fl {
float:left;
display:inline;
}
.fr {
float:right !important;
display:inline;
}
.cb {
clear:both;
}
.ncu-table-style tfoot tr td{
text-align:center;
}
.cl {
clear:left;
}
.cr {
clear:right;
}
.vm {
vertical-align: middle;
}
.vt {
vertical-align: top;
}
.pr {
position:relative;
}
.pa {
position:absolute;
}
.abs-right {
position:absolute;
right:0;
}
.zoom {
zoom:1
}
/*.hidden { visibility:hidden;*/}
.none {
display:none;
}
.clear {
clear: both;
height: 0;
font-size: 0;
line-height:0;
}
/*³¤¶È¸ß¶È
******************************/
.w10 {
width:10px;
}
.w20 {
width:20px;
}
.w30 {
width:30px;
}
.w40 {
width:40px !important;
}
.w50 {
width:50px !important;
}
.w60 {
width:60px !important;
}
.w65 {
width:65px !important;
}
.w70 {
width:70px !important;
}
.w80 {
width:80px !important;
}
.w90 {
width:90px;
}
.w96 {
width: 96px;
}
.w100 {
width:100px !important;
}
.w110 {
width:110px !important;
}
.w120 {
width:120px !important;
}
.w130 {
width:130px !important;
}
.w150 {
width:150px !important;
}
.w160 {
width:160px;
}
.w180 {
width:180px;
}
.w200 {
width:200px !important;
}
.w210 {
width:210px !important;
}
.w230 {
width:230px;
}
.w240 {
width:242px;
}
.w250 {
width:250px !important;
}
.w270 {
width:270px;
}
.w300 {
width:300px !important;
}
.w340 {
width:340px;
}
.w380 {
width:380px;
}
.w400 {
width:400px!important;
}
.w450 {
width:450px!important;
}
.w500 {
width:500px;
}
.w530 {
width:530px;
}
.w600 {
width:600px !important;
}
.w700 {
width:700px;
}
.w780 {
width: 780px;
}
.w800 {
width:800px;
}
.w208 {
width: 208px;
}
.w {
width:100%;
}
.h20 {
height: 20px !important;
}
.h30 {
height: 30px !important;
}
.h40 {
height: 40px !important;
}
.h50 {
height: 50px !important;
}
.h80 {
height: 80px;
}
.h100 {
height:100px !important;
}
.h200 {
height:200px;
}
.h500 {
height:500px !important;
}
.h {
height:100%
}
.size30 {
width: 30px;
height: 30px;
}
.size32 {
width: 32px;
height:32px;
}
.size40 {
width: 40px;
height:40px;
}
.size60 {
width: 60px;
height:60px;
}
.size70 {
width: 70px;
height: 70px;
}
.size72 {
width: 72px;
height: 72px;
}
.size75 {
width: 75px;
height: 75px;
}
.size80 {
width: 80px;
height:80px;
}
.size90 {
width: 90px;
height:90px;
}
.size100 {
width: 100px;
height: 100px;
}
.size110 {
width: 110px;
height: 110px;
}
.size120 {
width: 120px;
height: 120px;
}
.size128 {
width: 128px;
height: 128px;
}
.size160 {
width: 160px;
height: 160px;
}
.size160-48 {
width: 160px;
height: 48px;
}
.size160 {
width: 160px;
height: 160px;
}
.size184 {
width: 184px;
height: 114px;
}
.size190 {
width: 190px;
height: 190px;
}
.size196 {
width: 196px;
height: 196px;
}
.size233 {
width: 233px;
}
/*±ß¾à
******************************/
.m0 {
margin: 0!important;
}
.m10 {
margin:10px;
}
.m15 {
margin:15px !important;
}
.m30 {
margin:30px;
}
.mt5 {
margin-top:5px;
}
.mt10 {
margin-top:10px !important;
}
.mt15 {
margin-top:15px;
}
.mt20 {
margin-top:20px !important;
}
.mt30 {
margin-top:30px !important;
}
.mt50 {
margin-top:50px !important;
}
.mt100 {
margin-top:100px;
}
.mb5 {
margin-bottom:5px !important;
}
.mb10 {
margin-bottom:10px !important;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px;
}
.mb30 {
margin-bottom:30px !important;
}
.mb50 {
margin-bottom:50px;
}
.mb100 {
margin-bottom:100px;
}
.ml5 {
margin-left:5px!important;
}
.ml10 {
margin-left:10px!important;
margin-top:8px;
}
.ml15 {
margin-left:15px;
}
.ml20 {
margin-left:20px;
}
.ml30 {
margin-left:30px;
}
.ml50 {
margin-left:50px;
}
.ml100 {
margin-left:100px !important;
}
.ml200 {
margin-left:200px !important;
}
.mr5 {
margin-right:5px !important;
}
.mr10 {
margin-right:10px !important;
}
.mr15 {
margin-right:15px !important;
}
.mr20 {
margin-right:20px;
}
.mr30 {
margin-right:30px !important;
}
.mr50 {
margin-right:50px !important;
}
.mr100 {
margin-right:100px;
}
/*±ß¾à
******************************/
.p10 {
padding:10px;
}
.p15 {
padding:15px;
}
.p30 {
padding:30px;
}
.pt5 {
padding-top:5px;
}
.pt10 {
padding-top:10px;
}
.pt15 {
padding-top:15px;
}
.pt20 {
padding-top:20px;
}
.pt30 {
padding-top:30px;
}
.pt50 {
padding-top:50px;
}
.pt100 {
padding-top:100px;
}
.pb5 {
padding-bottom:5px;
}
.pb10 {
padding-bottom:10px;
}
.pb15 {
padding-bottom:15px;
}
.pb20 {
padding-bottom:20px !important;
}
.pb30 {
padding-bottom:30px;
}
.pb50 {
padding-bottom:50px;
}
.pb100 {
padding-bottom:100px;
}
.pl5 {
padding-left:5px;
}
.pl10 {
padding-left:10px;
}
.pl15 {
padding-left:15px;
}
.pl20 {
padding-left:20px;
}
.pl30 {
padding-left:30px;
}
.pl50 {
padding-left:50px;
}
.pl100 {
padding-left:100px;
}
.pr5 {
padding-right:5px;
}
.pr10 {
padding-right:10px;
}
.pr15 {
padding-right:15px;
}
.pr20 {
padding-right:20px;
}
.pr30 {
padding-right:30px;
}
.pr50 {
padding-right:50px;
}
.pr100 {
padding-right:100px;
}
.hr {
font-size: 1px;
display: block;
height: 0;
margin: 12px 0;
border-top: 1px solid #E3E3E3;
overflow: hidden;
}
.hr-double {
height: 1px;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
}
.hr8 {
margin: 8px 0 !important;
}
.hr12 {
margin: 12px 0 !important;
}
.hr16 {
margin: 16px 0 !important;
}
.hr18 {
margin: 18px 0 !important;
}
.hr24 {
margin: 24px 0 !important;
}
.hr32 {
margin: 32px 0 !important;
}
.hr.dotted {
border-top-style: dotted;
}
.hr-double.dotted {
border-bottom-style: dotted;
}
/*div¿í¸ß¾ÖÖÐ
******************************/
.thumb, .logo {
display:table-cell;
vertical-align:middle;
text-align:center;
}
.thumb i, .logo i {
*display:inline-block;
*height:100%;
*vertical-align:middle;
}
.thumb img, .logo img {
*vertical-align:middle;
}
.thumb-cut {
overflow: hidden;
}
.thumb-cut a {
text-align: center;
float: left;
position:relative;
overflow:hidden;
}
.thumb-cut img {
vertical-align: text-top;
float: none;
position:relative;
}
#page {
background-color: #F5F5F5;
width: 100%;
height: 29px;
border-bottom: 1px solid #D8D8D8;
}
/*»áÔ±¼¶±ðͼ±ê*/
.nc-grade-mini {
font: 600 italic 12px/16px Georgia, Arial;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
color: #FFF4F4;
background-color: #F33;
vertical-align: middle;
display: inline-block;
*display: inline/*IE7*/;
height: 16px;
padding: 1px 3px;
border-radius: 2px;
*zoom: 1/*IE7*/;
}
/*»áԱδÈÏ֤ͼ±ê*/
.nc-auth-mini {
font: 600 italic 12px/16px Georgia, Arial;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
color: #FFF4F4;
background-color: #ccc;
vertical-align: middle;
display: inline-block;
*display: inline/*IE7*/;
height: 16px;
padding: 1px 3px;
border-radius: 2px;
*zoom: 1/*IE7*/;
}
/*ÓÃÓÚToolTip.jsÅäºÏͼƬÏÔʾ
******************************/
.trans_msg {
background-color: #FFF;
padding: 4px;
border: solid 1px #CCC;
box-shadow: 0 0 0 2px rgba(153, 153, 153, 0.1);
filter:alpha(opacity=100, enabled=1) revealTrans(duration=.2, transition=1) blendtrans(duration=.2);
}
.trans_msg img {
display: block;
max-width: 150px;
max-height: 150px;
}
.warp-all {
width: 1200px;
margin: 0 auto;
}
/* ¹«Óö¥²¿ÇøÓò
-------------------------------------- */
/* .public-top-layout {
font-family: "微软雅黑";
line-height: 20px;
color: #777;
background-color: #FAFAFA;
border-bottom: solid 1px #F0F0F0;
} */
.public-top-layout {
font-family: "微软雅黑";
line-height: 34px;
height: 34px;
color: #777;
/* background-color: #FAFAFA; */
background-color: #e8e8e8;
border-bottom: solid 1px #F0F0F0;
width: 100%;
}
.public-top-layout_1{
line-height: 26px !important;
}
.public-top-layout .topbar {
/* height: 30px; */
height: 34px;
margin: 0 auto;
}
.head-user-menu_1{
height: 36px;
}
.public-top-layout .user-entry {
height: 36px;
line-height: 36px;
float: left;
padding: 5px 0;
}
.public-top-layout .user-entry a {
/* color: #333333; */
color: #3091f2!important;
}
.public-top-layout .user-entry span:first-child a {
width:auto!important;
max-width: 50px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
.public-top-layout .user-entry span:first-child a:last-child{
width: 15px;
}
.public-top-layout .user-entry span:first-child a:last-child img{
margin-top:10px;
}
.public-top-layout .seller-login {
background-color: #D93600;
display: inline-block;
margin-left: 10px;
border: 1px solid #B22D00;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(204, 204, 204, 0.65);
}
.public-top-layout .seller-login a {
line-height: 14px;
color: #FFF;
display: block;
height: 14px;
padding: 1px 4px;
}
.public-top-layout .seller-login a:hover {
text-decoration: none;
background-color: #B22D00;
}
.public-top-layout .seller-login i {
font-size: 14px;
vertical-align: middle;
margin-right: 4px;
}
.public-top-layout .seller-login-r {
background-color: #06f;
display: inline-block;
margin-left: 15px;
border: 1px solid #03f;
border-radius: 3px;
box-shadow: 2px 2px 0px rgba(204, 204, 204, 0.65);
}
.public-top-layout .seller-login-r a {
line-height: 14px;
color: #FFF;
display: block;
height: 14px;
padding: 1px 4px;
}
.public-top-layout .seller-login-r a:hover {
text-decoration: none;
background-color: #03f;
}
.public-top-layout .seller-login-r i {
font-size: 14px;
vertical-align: middle;
margin-right: 4px;
}
.public-top-layout .quick-menu {
font-size: 0;
*word-spacing:-1px/*IE6¡¢7*/;
text-align: right;
height: 30px;
float: right;
}
.public-top-layout .topbar .quick-menu{
width:auto;
}
.public-top-layout .quick-menu a {
color: #777 !important;
}
.public-top-layout .quick-menu dl {
text-align: left;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
*display:inline/*IE6¡¢7*/;
width: 80px;
height: 30px;
position: relative;
z-index: 999;
*zoom:1/*IE6¡¢7*/;
}
.public-top-layout .quick-menu dl dt {
font-size: 12px;
/* line-height: 20px; */
/* height: 20px; */
line-height: 30px;
height: 30px;
padding: 0;
position: absolute;
z-index: 2;
top: 0px;
left: 7px;
}
.public-top-layout .quick-menu dl dt a:hover {
text-decoration: none;
color: #F30;
}
.public-top-layout .quick-menu dl.hover{
background-color: #fff;
font-style:normal;
}
.web-nav-wrap dl.hover{
border: solid 1px #F0F0F0;
border-bottom: 0;
box-sizing: border-box;
}
.public-top-layout .quick-menu dl dt i {
background: url(../images/top_bg.png) no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 6px;
height: 3px;
margin-left: 3px;
-webkit-transition: .2s ease-in;
-moz-transition: -webkit-transform .2s ease-in;
-o-transition: -webkit-transform .2s ease-in;
transition: .2s ease-in;
}
.head-user-menu dl dt i {
background: url(../images/top_bg.png) no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 6px;
height: 3px;
margin-left: 3px;
-webkit-transition: .2s ease-in;
-moz-transition: -webkit-transform .2s ease-in;
-o-transition: -webkit-transform .2s ease-in;
transition: .2s ease-in;
}
.public-top-layout .quick-menu dl.hover dt i {
FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-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%;
}
.public-top-layout .quick-menu dl dd {
background-color: #FFF;
display: none;
width: 78px;
border: solid 1px #F0F0F0;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.public-top-layout .quick-menu dl.hover dd {
display: block;
}
.showul>ul{
margin-top: 1px !important;
}
.public-top-layout .quick-menu dl dd ul {
width: 78px;
margin: 30px 0 0 0;
}
.public-top-layout .quick-menu dl dd ul li a {
font-size: 12px;
line-height: 24px;
display: block;
clear: both;
padding: 2px 0 2px 6px;
}
.public-top-layout .quick-menu dl dd ul li a:hover {
text-decoration: none;
background-color: #F7F7F7;
}
.warning {
color: #C00;
background-color: #FFC;
width: 98%;
clear: both;
padding: 6px;
margin: 6px auto;
border: 1px dashed #F90;
}
.warning label {
clear: both;
line-height: 20px;
}
/* Scrollbar jQuery Plugin
-------------------------------------- */
.ps-container .ps-scrollbar-x, .ps-container .ps-scrollbar-y {
background-color: #AAA;
height: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: absolute;
z-index: auto;
bottom: 3px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity.25s linear;
-moz-transition: opacity .25s linear;
transition: opacity .25s linear;
}
.ps-container .ps-scrollbar-x {
left: auto;
height: 8px;
bottom: 3px;
}
.ps-container .ps-scrollbar-y {
right: 3px;
width: 8px;
bottom: auto;
}
.ps-container:hover .ps-scrollbar-x, .ps-container:hover .ps-scrollbar-y {
opacity: .6;
filter: alpha(opacity=60);
}
.ps-container .ps-scrollbar-x:hover, .ps-container .ps-scrollbar-y:hover {
opacity: .9;
filter: alpha(opacity=90);
cursor: default;
}
.ps-container .ps-scrollbar-x.in-scrolling, .ps-container .ps-scrollbar-y.in-scrolling {
opacity: .9;
filter: alpha(opacity=90);
}
#faq {
background-color: #f5f5f5;
color:#181818;
width: 100%;
border-top: solid 1px #DFDFDF;
overflow: hidden;
}
#faq ul {
font-size: 0;
*word-spacing:-1px/*IE6¡¢7*/;
white-space: nowrap;
padding: 0 0 20px 0;
margin-left: -1%
}
#faq li {
font-size: 12px;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
*display: inline/*IE7*/;
width: 17%;
zoom:1;
}
#faq dl {
display: block;
width: 90%;
margin: 0 auto;
}
#faq dl dt{padding: 10px 5px; margin: 5px 0;}
#faq dl dt a{font: 16px/20px "microsoft yahei";color: #0F0F0F;}
#faq dl dd {
font: 12px/20px "microsoft yahei";
white-space: nowrap;
text-overflow: ellipsis;
display: block;
clear: both;
padding: 2px 5px;
overflow: hidden;
}
#faq dl dd i {
font-size: 0;
line-height: 0;
background: url(../images/top_bg.png) no-repeat -80px -10px;
vertical-align: middle;
display: inline-block;
width: 3px;
height: 3px;
margin-right: 5px;
}
#faq dl dd a {
color: #666;
}
#footer {
font-size: 12px !important;
background-color:#f5f5f5;
color:#0F0F0F;
text-align: center;
margin: 0 auto;
padding-bottom: 10px;
overflow: hidden;
}
#footer p {
color: #0F0F0F;
word-spacing: 5px;
padding: 10px 0;
}
#footer a {
color: #0F0F0F;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .vol {
font-family: "΢ÈíÑźÚ";
font-weight: 600;
font-style: oblique;
font-size: 12px;
}
#footer .vol .b {
color: #00F;
}
#footer .vol .o {
color: #F60;
}
#footer .vol em {
font-family: "΢ÈíÑźÚ";
font-weight: 600;
font-style: italic;
color: #000;
margin-left: 2px;
}
#faq .security-list {
width:1200px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
/*border-bottom:1px solid #c5c5c5;*/
}
#faq .security-list ul {
padding-bottom:10px;
}
#faq .security-list li {
width:280px;
margin-left:10px;
margin-right:10px;
}
#faq .security-list li .security-icon {
width:50px;
float:left;
}
#faq .security-list li dl {
width:220px;
float:right;
}
#faq .security-list li dl dt {
padding:0;
border-bottom:none;
}
#faq .security-list li dl dd {
padding:0;
}
/* tipÌáʾ */
.tip-yellowsimple {
color:#000;
background-color:#fff9c9;
text-align:left;
min-width:50px;
max-width:300px;
border:1px solid #c7bf93;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
z-index:1000;
padding:6px 8px;
}
.tip-yellowsimple .tip-inner {
font:12px/16px arial, helvetica, sans-serif;
}
.tip-yellowsimple .tip-arrow-top {
background:url(../images/tip-yellowsimple_arrows.gif) no-repeat;
width:9px;
height:6px;
margin-top:-6px;
margin-left:-5px;
top:0;
left:50%;
}
.tip-yellowsimple .tip-arrow-right {
background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
width:6px;
height:9px;
margin-top:-4px;
margin-left:0;
top:50%;
left:100%;
}
.tip-yellowsimple .tip-arrow-bottom {
background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -18px 0;
width:9px;
height:6px;
margin-top:0;
margin-left:-5px;
top:100%;
left:50%;
}
.tip-yellowsimple .tip-arrow-left {
background:url(../images/tip-yellowsimple_arrows.gif) no-repeat -27px 0;
width:6px;
height:9px;
margin-top:-4px;
margin-left:-6px;
top:50%;
left:0;
}
/* ²à±ß¹¤¾ßÌõ */
.nc-appbar {
position: fixed;
z-index: 1998;
width: 45px;
height: 100%;
right: 0;
top: 0;
bottom: 0;
}
.nc-appbar-tabs {
background-color: #000 !important;
width: 45px;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
}
.nc-hidebar {
display: block;
position: absolute;
z-index: 3;
bottom: 15px;
right: -79px;
cursor: pointer;
}
.nc-hidebar .nc-hidebar-bg {
background: url(../images/toolbar.png) no-repeat -100px 0;
width: 79px;
height: 56px;
position: relative;
z-index: 1;
}
.nc-hidebar .nc-hidebar-bg .user-avatar, .nc-hidebar .nc-hidebar-bg .frame, .nc-hidebar .nc-hidebar-bg .show {
background: url(../images/toolbar.png) no-repeat;
width: 36px;
height: 36px;
position: absolute;
top: 10px;
left: 15px;
}
.nc-hidebar .nc-hidebar-bg .user-avatar {
background-position: -100px 0px;
z-index: 1;
}
.nc-hidebar .nc-hidebar-bg .user-avatar img {
max-width: 36px;
max-height: 36px;
}
.nc-hidebar .nc-hidebar-bg .frame {
background-position: -100px -70px;
z-index: 2;
}
.nc-hidebar .nc-hidebar-bg .show {
display: none;
background-position: -140px -70px;
z-index: 3;
}
.nc-hidebar .nc-hidebar-bg:hover .show {
display: block;
}
.nc-hidebar:hover {
background-position: -100px -60px;
}
.nc-appbar-tabs .user {
text-align: center;
width: 45px;
position: absolute;
z-index: 1;
top: 30%;
margin-top: -100px;
cursor: pointer;
}
.nc-appbar-tabs .user p {
color:#FFF;
}
.nc-appbar-tabs .user .avatar {
/*background-color: #FFF;*/
width: 28px;
height: 28px;
padding: 1px;
margin: 0 auto 5px auto;
border-radius: 15px;
}
.nc-appbar-tabs .user .avatar img {
width: 28px;
height: 28px;
border-radius: 14px;
}
.nc-appbar-tabs .tools {
position: absolute;
z-index: 1;
top: 30%;
}
.nc-appbar-tabs .tools {
margin-top: 0px;
}
.nc-appbar-tabs .tools a {
font: 12px/20px Arial, "microsoft yahei";
color: #fff;
background: url(../images/toolbar.png) no-repeat;
text-align: center;
display: block;
width: 45px;
height: 20px;
padding-top: 32px;
margin-bottom: 24px;
position: relative;
z-index: 1;
}
.nc-appbar-tabs .tools a i {
font: 10px/12px Arial;
color: #FFF;
background-color: #D93600;
text-align: center;
min-width: 12px;
height: 12px;
padding: 2px;
border-radius: 8px;
position: absolute;
z-index: 1;
top: 0;
right: 5px;
}
.nc-appbar-tabs a.chat {
background-position: 0 0;
}
.nc-appbar-tabs a.compare {
background-position: 0 -60px;
}
.nc-appbar-tabs a.cart {
background-image: url(../images/gwc.png);
background-repeat: no-repeat;
background-position: center 20px;
}
.nc-appbar-tabs a.gotop {
background-position: 0 -180px;
opacity: 0.5;
}
.nc-appbar-tabs .tools a:hover {
background-color: #da1212;
text-decoration: none;
color: #FFF;
}
#rtoolbar_cart {
height:60px;
padding-top:60px;
margin-bottom:0px;
padding-bottom:20px;
}
#gotop {
color:#fff;
}
.nc-appbar-tabs .tools a:hover i {
color: #D93600;
background-color: #FFF;
}
.nc-appbar-tabs a:hover.chat {
background-position: -50px 0;
}
.nc-appbar-tabs a:hover.compare {
background-position: -50px -60px;
}
.nc-appbar-tabs a:hover.cart {
background-image: url(../images/gwc.png);
background-repeat: no-repeat;
background-position: center 20px;
}
#rtoolbar_cart:hover {
background-color: #da1212;
}
.nc-appbar-tabs a:hover.gotop {
background-position: -50px -180px;
opacity: 1;
}
.nc-appbar-tabs a.nc-appbar-hide {
background: transparent url(../images/appbar-hide.png) no-repeat 0 0;
width: 15px;
height: 15px;
padding: 0;
margin: 0;
position: absolute;
z-index: 2;
bottom: 35px;
right: 15px;
}
/*¹¤¾ßÌõ-»áÔ±µÇ¼*/
.nc-appbar-tabs .user-login-box {
background-color: #FFF;
width: 240px;
padding: 10px 40px 30px 40px;
border: solid 1px #CCC;
position: absolute;
z-index: 2;
top: 40%;
margin-top: -120px;
right: 50px;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.25);
}
.nc-appbar-tabs .user-login-box i.arrow {
background:url(../images/toolbar.png) no-repeat -100px -150px;
width: 7px;
height: 13px;
position: absolute;
z-index: 3;
top: 45px;
right: -7px;
}
.nc-appbar-tabs .user-login-box a.close {
font: 600 11px /16px Verdana, Geneva, sans-serif;
text-decoration: none;
color: #999;
text-align: center;
width: 16px;
height: 16px;
position: absolute;
z-index: 3;
top: 10px;
right: 10px;
}
.nc-appbar-tabs .user-login-box a {
font: 12px/20px arial, "ËÎÌå";
color: #005EA6;
text-decoration: underline;
float: right;
}
.nc-appbar-tabs .user-login-box dl {
}
.nc-appbar-tabs .user-login-box dt {
font: 13px/20px Arial, "microsoft yahei";
height: 20px;
padding: 10px 0 0;
}
.nc-appbar-tabs .user-login-box dt a {
font: 12px/20px arial, "ËÎÌå";
color: #005EA6;
text-decoration: underline;
float: right;
}
.nc-appbar-tabs .user-login-box dd {
}
.nc-appbar-tabs .user-login-box dd .text {
line-height: 20px;
width: 226px;
height: 20px;
padding: 3px 5px;
border: solid 1px #CCC;
}
.nc-appbar-tabs .user-login-box .bottom {
margin-top: 20px;
}
.nc-appbar-tabs .user-login-box .submit {
font: 600 14px/20px Arial, "microsoft yahei";
color: #FFF;
background-color: #D93600;
width: 240px;
height: 30px;
border: solid 1px #B22D00;
cursor: pointer;
}
/*¹¤¾ßÌõ-»áÔ±ÐÅÏ¢*/
.nc-appbar-tabs .user-info {
background-color: #FFF;
width: 240px;
padding: 9px 19px;
border: solid 1px #CCC;
position: absolute;
z-index: 2;
top: 40%;
margin-top: -120px;
right: 50px;
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.25);
}
.nc-appbar-tabs .user-info i.arrow {
background:url(../images/toolbar.png) no-repeat -100px -150px;
width: 7px;
height: 13px;
position: absolute;
z-index: 3;
top: 45px;
right: -7px;
}
.nc-appbar-tabs .user-info .avatar {
width: 88px;
height: 88px;
float: left;
position: relative;
z-index: 1;
}
.nc-appbar-tabs .user-info .avatar .frame {
background: url(../images/point_bg.png) no-repeat 0 0;
width: 88px;
height: 88px;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.nc-appbar-tabs .user-info .avatar img {
width: 80px;
height: 80px;
position: absolute;
z-index: 1;
top: 4px;
left: 4px;
}
.nc-appbar-tabs .user-info dl {
display: block;
width: 140px;
float: left;
margin: 10px 0 0 10px;
}
.nc-appbar-tabs .user-info dt {
font: 600 14px/20px "microsoft yahei";
margin-bottom: 6px;
}
.nc-appbar-tabs .user-info dd {
line-height: 22px;
}
#ncToolbar .content-box {
background-color: #F5F5F5;
width: 200px;
height: 100%;
border-left: solid 1px #7C8994;
position: absolute;
z-index: 0;
top: 0;
right: -210px;
bottom: 0;
box-shadow: -4px 0 2px rgba(0, 0, 0, 0.25);
}
#ncToolbar .content-box .top {
height: 24px;
padding: 9px 7px;
border-bottom: dotted 1px #CCC;
margin-bottom: 10px;
}
#ncToolbar .content-box .top h3 {
font: 16px/24px "microsoft yahei";
color: #333;
display: inline-block;
}
#ncToolbar .content-box .top a.close {
background: url(../images/toolbar.png) no-repeat -100px -120px;
width: 16px;
height: 16px;
margin-top: 4px;
float: right;
}
#ncToolbar .content-box .goods-list {
background-color: #FFF;
width: 180px;
padding: 10px 0;
margin: 0 auto;
}
#ncToolbar .content-box .goods-list li {
width: 160px;
padding: 0 0 10px 0;
margin: 0 auto;
}
#ncToolbar .content-box .goods-info {
width: auto;
margin: auto;
}
.nc-appbar .goods-pic {
width: 120px;
height: 120px;
margin: 0 auto 10px auto;
}
.nc-appbar .goods-pic a {
line-height: 0;
background: none;
text-align: center;
vertical-align: middle;
display: table-cell;
*display: block;
width: 120px;
height: 120px;
padding: 0;
margin: 0;
overflow: hidden;
}
.nc-appbar .goods-pic a img {
max-width: 120px;
max-height: 120px;
margin-top: expression( 120-this.height/2);
*margin-top:expression(60-this.height/2)/*IE6,7*/;
}
.nc-appbar .goods-name a {
font-weight: normal;
line-height: 16px;
color: #555;
background: none;
text-align: left;
display: block;
width: 100%;
height: 16px;
padding: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nc-appbar .goods-price {
font: 600 14px/20px Arial;
color: #C00;
}
.nc-appbar .goods-price .del {
font: normal 12px/20px Arial;
color: #005EA6;
display: none;
float: right;
cursor: pointer;
}
#ncToolbar .goods-list li:hover .goods-price .del {
display: block;
}
#ncToolbar .content-box .no-compare {
color: #999;
line-height: 180px;
text-align: center;
}
.nc-appbar .content-box .btn-box {
background-color: #F5F5F5;
text-align: center;
width: 160px;
padding: 10px;
position: absolute;
z-index: 2;
bottom: 0;
left: 10px;
}
.nc-appbar .content-box .btn-box a {
background-color: #E74649;
color: #FFFFFF;
cursor: pointer;
padding: 5px 10px;
}
.nc-appbar .content-box .btn-box .total-price {
color: #777;
padding-bottom: 10px;
}
.nc-appbar .cart-list {
width: 180px;
margin: 0 auto;
}
.nc-appbar .cart-list li {
font-size: 0;
*word-spacing:-1px/*IE6¡¢7*/;
background-color: #FFF;
padding: 4px;
border: solid 1px #FFF;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.nc-appbar .cart-list li:hover {
border-color: #e74649;
box-shadow: 3px 3px 0 rgba(204, 204, 204, 0.75);
}
.nc-appbar .cart-list .goods-pic, .nc-appbar .cart-list dl {
font-size: 12px;
vertical-align: top;
letter-spacing: normal;
display: inline-block;
*display: inline/*IE6¡¢7*/;
*zoom:1;
}
.nc-appbar .cart-list .goods-pic {
width: 40px;
height: 40px;
margin: 0;
}
.nc-appbar .cart-list .goods-pic a {
line-height: 0;
background: none;
text-align: center;
vertical-align: middle;
display: table-cell;
*display: block;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
overflow: hidden;
}
.nc-appbar .cart-list .goods-pic a img {
max-width: 40px;
max-height: 40px;
margin-top: expression( 40-this.height/2);
}
.nc-appbar .cart-list dl {
width: 125px;
margin-left: 5px;
}
.nc-appbar .cart-list .goods-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.nc-appbar .cart-list a.del {
font: 600 10px/14px Arial;
color: #FFF;
background-color: #CCC;
text-align: center;
width: 14px;
height: 14px;
border-radius: 7px;
position: absolute;
z-index: 1;
top: -5px;
right: -5px;
}
.nc-appbar .cart-list li:hover a.del {
background-color: #e74649;
}
/* ¶¥²¿ËÑË÷ */
#top_search_box .ui-widget-content {
background: #FFF none !important;
border-color: #CCC !important;
border: 1px solid #dddddd;
}
#top_search_box .ui-corner-all {
line-height: 24px;
display: block;
color: #555 !important;
text-indent: 8px;
}
#top_search_box .ui-state-hover {
font-weight: normal !important;
color: #333 !important;
text-decoration: none !important;
background: #EEE none !important;
border: none !important;
cursor: pointer !important;
}
/* µ÷ÊÔģʽ */
.trace {
font-family: "΢ÈíÑźÚ";
font-size:14px;
color: #000;
line-height: 18px;
background:#FFF299;
padding:8px;
margin:8px;
border:1px dashed silver;
}
.trace fieldset {
margin:8px;
}
.trace fieldset legend {
font-size: 16px;
color: #000;
font-weight:bold;
}
.trace fieldset div {
overflow:auto;
max-height: 300px;
_height: 300px;
text-align:left;
}
.member-card {
width: 280px;
margin: -5px -9px;
}
.member-card dl {
padding: 5px 9px;
position: relative;
z-index: 1;
}
.member-card dl dt.member-id {
line-height: 20px;
color: #333;
height: 20px;
margin-left: 85px;
}
.member-card dl dt.member-id i {
background: url(../images/member-card/sex.png) no-repeat;
vertical-align: middle;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
}
.member-card dl dt.member-id i.sex1 {
background-position: 0 0;
}
.member-card dl dt.member-id i.sex2 {
background-position: 100% 0;
}
.member-card dl dt.member-id i.sex3 {
display: none;
}
.member-card dl dt.member-id a {
font-size: 14px;
font-weight: 600;
}
.member-card dl dd.avatar {
width: 72px;
height: 72px;
padding: 2px;
border: solid 1px #E7E7E7;
position: absolute;
z-index: 1;
top: 5px;
left: 9px;
}
.member-card dl dd.avatar img {
width: 72px;
height: 72px;
}
.member-card dl dd.info {
height: 60px;
margin-left: 85px;
}
.member-card dl dd.info li {
line-height: 20px;
vertical-align: middle;
height: 20px;
}
.member-card dl dd.ajax-info {
line-height: 20px;
margin-top: 5px;
}
.member-card .bottom {
background-color: #F8FBFE;
padding: 5px 9px;
border-top: solid 1px #AED2FF;
overflow: hidden;
}
.member-card .follow-handle {
}
.member-card .follow-handle a {
font-size: 12px;
font-weight: 600;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
line-height: 16px;
color: #FFFFFF;
background-color: #44AA5D;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44AA5D', endColorstr='#289D55');
background-image: -webkit-gradient( linear, left top, left bottom, from(#44AA5D), to(#289D55));
background-image: -moz-linear-gradient(top, #44AA5D, #289D55);
display: inline-block;
height: 16px;
padding: 4px 12px;
border: 1px solid #289D55;
cursor: pointer;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
margin-right: 10px;
}
.member-card .send-msg {
float: right;
padding: 5px;
}
.member-card .send-msg a {
font-size: 12px;
line-height: 16px;
color: #777;
height: 16px;
}
.member-card .send-msg a i {
background: url(../images/member-card/mail-send.png) no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 4px;
}
#mob {
cursor:pointer;
width:13px;
height:22px;
background: url(../images/moba.gif) no-repeat;
float: left;
}
#mob:hover {
width:13px;
height:22px;
background: url(../images/mobb.gif) no-repeat;
}
/** ÊղؼР*/
.favorite {
float: left;
width: 80px;
padding: 5px 0px;
}
#favorite_a {
height: 20px;
}
#favorite_img {
width: 13px;
height: 13px;
padding-bottom:2px;
}
.showanimation {
animation:in 0.5s ease both;
-webkit-animation:in 0.5s ease both;
-moz-animation:in 0.5s ease both;
}
.hideanimation {
animation:out 0.5s ease both;
-webkit-animation:out 0.5s ease both;
-moz-animation:out 0.5s ease both;
}
@keyframes in {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg); /* IE 9 */
-o-transform: rotate(0deg); /* Opera */
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg); /* IE 9 */
-o-transform: rotate(360deg);
} /* Opera */
}
@-webkit-keyframes in {
0% {
-webkit-transform: rotate(0deg); /* Safari and Chrome */
}
100% {
-webkit-transform: rotate(360deg); /* Safari and Chrome */
}
}
@-moz-keyframes in {
0% {
-moz-transform: rotate(0deg); /* Firefox */
}
100% {
-moz-transform: rotate(360deg); /* Firefox */
}
}
@keyframes out {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg); /* IE 9 */
-o-transform: rotate(0deg); /* Opera */
}
100% {
transform: rotate(-360deg);
-ms-transform: rotate(-360deg); /* IE 9 */
-o-transform: rotate(-360deg); /* Opera */
}
}
@-webkit-keyframes out {
0% {
-webkit-transform: rotate(0deg); /* Safari and Chrome */
}
100% {
-webkit-transform: rotate(-360deg); /* Safari and Chrome */
}
}
@-moz-keyframes out {
0% {
-moz-transform: rotate(0deg); /* Firefox */
}
100% {
-moz-transform: rotate(-360deg); /* Firefox */
}
}
/* мӱ£ÕÏÌåϵ */
#certMatershiti {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -210px;
}
#certMaterqtian {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -70px;
}
#certMaterzhping {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -130px;
}
#certMatererxiaoshi {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -151px;
}
#certMaterhuodaofk {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -109px;
}
#certMatershiyong {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -170px;
}
#certMaterxiaoxie {
background: url(../images/legend.png) no-repeat;
width: 16px;
background-position: 0 -389px;
height: 16px;
}
#certMatertuihuo {
background: url(../images/legend.png) no-repeat;
width: 16px;
height: 16px;
background-position: 0 -90px;
}
#certMaterzizhi {
width: 90px;
border: 1px solid #00BA97;
color: #00BA97;
height: 16px;
line-height: 16px;
font-size: 12px;
margin-top: 2px;
margin-left: 5px;
}
#certMaterzizhi span {
background: url(../images/legend.png) no-repeat scroll 0 -110px;
float:left;
display:block;
height:16px;
width:16px;
margin-right:5px;
}
html {
color:black;/*background:white;*/
}
body {
overflow-x:hidden;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin:0;
padding:0;
}
body, button, input, select, textarea {
font:12px "΢ÈíÑźÚ";
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
input, select, textarea {
font-size:100%;
resize: none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
th {
text-align:inherit;
}
fieldset, img {
border:none;
}
iframe {
display:block;
}
abbr, acronym {
border:none;
font-variant:normal;
}
del {
text-decoration:line-through;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:500;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:500;
}
q:before, q:after {
content:'';
}
sub, sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup {
top:-0.5em;
}
sub {
bottom:-0.25em;
}
ins, a {
text-decoration:none;
color: #666;
}
a:hover {
text-decoration:none;
color: #CB3415;
transition: .2s linear;
-webkit-transition: .2s linear;
-moz-transition: .2s linear;
-ms-transition: .2s linear;
}
a:focus, *:focus {
outline:none;
}
.clearfix:before, .clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
overflow:hidden;
}
.clearfix {
zoom:1; /* for IE6 IE7 */
}
.clear {
clear:both;
}
.hide {
display:none !important;
visibility:hidden;
}
.block {
display:block !important;
}
.fl {
float:left;
display:inline;
}
.fr {
float:right;
display:inline;
}
.tahoma {
font-family:"΢ÈíÑźÚ";
}
.overhide {
overflow: hidden;
}
img[width="1190"] {
max-height: 200px;
}
/*ͨÓÿí¶È*/
.article {
width: 1190px;
margin: 0 auto;
overflow: hidden;
}
.mtop30 {
margin-top:30px;
}
/*.mtop25{ margin-top:25px;}*/
.mtop15 {
margin-top:15px;
}
.mtop10 {
margin-top:10px;
}
/*Ò³Ãæ±³¾°É«*/
.bgGrey_body {
background: #f3f3f3;
}
/*×ÖÌå¼Ó´Ö*/
.bold {
font-weight: bold;
}
/*line*/
.maxLine {
width: 100%;
height: 1px;
background: #ddd;
border-bottom:1px solid #fff
}
#faq .new-foot ul {
width:980px;
float:left;
}
#faq .new-foot .foot-contact {
width:200px;
float:right;
margin-top:30px;
}
#faq .new-foot .foot-contact h1 {
font-size:24px;
margin-bottom: 10px;
}
#faq .new-foot .foot-contact p {
font-size:16px;
margin-bottom:10px;
line-height:20px
}
#faq .new-foot .foot-contact h2 {
padding:5px;
border:2px solid #da1212;
color:#da1212;
font-weight:bold;
}
#faq .new-foot .foot-contact h2 i {
display:inline-block;
width:23px;
height:20px;
background: url(../images/foot-kf.png) no-repeat;
background-position:center center;
float:left;
}
.foot-contact h1 a{
font-size:20px;
}
.ncu-table-style .tl{
padding:10px 0;
}
.ncu-form-style form dl dt{
float:left;
font-size:15px;
width:100px;
}
.ncu-form-style form dl dd{
margin-bottom:17px;
}