@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; }
body{ font-weight:normal; font-size:12px; color:#000; font-family: "Microsoft YaHei","arial" ; background:#fff; }
ul,li{ list-style: none; } input:focus,textarea:focus,select:focus{ outline:0; }:focus{ outline:0; }
a,a:hover{ text-decoration:none; cursor:pointer; outline:0; }
table,td{ border-collapse: collapse; border-spacing: 0px; }a { color:#000; } a:hover{ color:#f00; } img{ border:none; vertical-align:middle; }
.floatleft,.left{ float:left; } .floatright,.right{ float:right; } .clear{ clear:both; } .clearleft{ clear:left; } .clearright{ clear:right; }
.hand{ cursor: pointer; } .hide,.nada{ display:none; } .block{ display:block; }
.textcenter,.tcenter{ text-align:center; } .textleft,.tleft{ text-align:left; } .textright,.tright{ text-align:right; } .textjustify{ text-align:justify; }
.f13 { font-size:13px;} .f14 { font-size:14px;} .f16 { font-size:16px;} .f18 { font-size:18px;} .f24 { font-size:24px;} .f36{ font-size:36px;}
.bold,.strong{ font-weight:bold; } .fNormal { font-weight:normal;}  .fItalic { font-style:italic; }
.marginT5{ margin-top:5px;} .marginT10{ margin-top:10px;} .marginT15{ margin-top:15px;} .marginT20 { margin-top:20px; }
.marginB5{ margin-bottom:5px;} .marginB10{ margin-bottom:10px;} .marginB15{ margin-bottom:15px; } .marginB20{ margin-bottom:20px;}
.marginL5 { margin-left:5px;}  .marginL10 { margin-left:10px;} .marginL15 { margin-left:15px;} .marginL25 { margin-left:25px;}
.marginL35 { margin-left:35px;}  .marginL40	 { margin-left:40px;}  .marginL80{ margin-left:80px;}
.marginR5 { margin-right:5px;} .marginR10 { margin-right:10px;} .marginR15 { margin-right:15px;} .marginR20 { margin-right:20px;}
.black{ color:#000; }  .white{ color:#FFF; } .red,.error{ color:#F00; } .blue{ color:#00F; }  .green{ color:#0F0; } .purple{ color:#F0F; }  .yellow{ color:#FF0; }
.grey,.gray{ color:#ccc; }  .grey3{ color:#333; }  .grey6{ color:#666; } .grey9{ color:#999; }
.px5{ padding: 5px 0 0 0;}.px10{ padding: 10px 0 0 0;}.px20 { padding: 20px 0 0 0; } .font14px { font-size: 14px; }.font14px { font-size: 13px; }
.line15 { line-height: 1.5; }
.button_blue { display: inline-block; padding: 0 48px; font-size: 14px; color: #fff; height: 32px; line-height: 32px; text-align: center; background: #00A7FF; border: none; cursor: pointer; }
.button_blue:hover { color: #fff; background: #f5434c; }
.button_invalid { display: inline-block; padding: 0 24px; font-size: 14px; color: #333; border: 1px solid #ccc; border-radius: 3px; height: 30px; line-height: 28px; text-align: center; background: #c8c8c8; }

/* rating 评分 */
.rates { line-height: 20px; padding: 6px 0 0 0; }
.rating { width:80px; height:16px; margin:0 0 8px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star.gif) no-repeat 0 0; }
.rating2 { height:16px; margin: 4px 0 8px 0; padding: 0 0 0 88px; background: url(../images/star.gif) no-repeat 0 0; }
.nostar,.star0 { background-position:0 0 }
.onestar,.star1 { background-position:0 -16px }
.twostar,.star2 { background-position:0 -32px }
.threestar,.star3 { background-position:0 -48px }
.fourstar,.star4 { background-position:0 -64px }
.fivestar,.star5 { background-position:0 -80px }
ul.rating li { cursor: pointer; float:left; text-indent:-999em; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a { left:0 }
ul.rating li.two a { left:16px; }
ul.rating li.three a { left:32px; }
ul.rating li.four a { left:48px; }
ul.rating li.five a { left:64px; }
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../images/star.gif) no-repeat 0 0 }
ul.rating li.one a:hover { background-position:0 -96px; }
ul.rating li.two a:hover { background-position:0 -112px; }
ul.rating li.three a:hover { background-position:0 -128px }
ul.rating li.four a:hover { background-position:0 -144px }
ul.rating li.five a:hover { background-position:0 -160px }


.notice { display: none; position:fixed; width: 320px; min-height: 60px; border: 1px solid #1F7981; box-shadow: 3px 6px 8px #999; z-index: 1314; _position:absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.notice div { padding: 22px 24px 24px 24px; background: #009AAD; color: #fff; text-align: center; font-size: 13px; font-family: 'Microsoft Yahei'; line-height: 1.2; }
.mask_overlay {position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; background:url(../images/mask.png) left top repeat; display: none; }
.mask_box { position: fixed; width: 320px; min-height: 60px; border: 1px solid #1F7981; box-shadow: 3px 6px 8px #666; z-index: 1314; }
.mask_boxer { padding: 22px 24px 18px 24px; background: #009AAD; color: #fff; text-align: center; font-size: 13px; font-family: 'Microsoft Yahei'; line-height: 1.2; }
.mask_boxer .mask_close { padding: 12px 0 0 0; font-size: 12px; font-family: Arial; } .mask_close a{ color: #ddd; }
.center_box { position: absolute; width: 320px; min-height: 60px; z-index: 1314;}
.center_wrap { padding: 6px; background:url(../images/mask.png) left top repeat;  }
.center_boxer { padding: 24px 18px 36px 18px; background: #fff;  }
.center_box .close { width: 20px; height: 20px; background: url(../images/icon3.png) 0 -136px no-repeat; }
.center_box .icon { height: 32px; text-align: left; float: left; width: 180px; font-size: 14px; font-family: 'Microsoft Yahei'; line-height: 24px; padding: 0 0 0 40px; background: url(../images/icon3.png) 0 -64px no-repeat;  }
.icon2 { display: inline-block; height: 30px; width: 114px; font-size: 13px; color: #fff; font-family: 'Microsoft Yahei'; line-height: 30px; background: url(../images/icon3.png) 0 0 no-repeat;  } .icon2:hover{ color: #fff; };