﻿@charset "utf-8";
/*初始化*/
@import url(wbox.css);
body{font-size:14px;font-family:Arial, Helvetica, sans-serif,"宋体"; color:#666; background:url(../images/body_bg.png); height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0;} 
a{outline:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea{ outline:none; color:#333; font-size:14px}
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align: bottom;}
button{overflow:visible}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0 none;}
table.w{ table-layout:fixed; word-break:break-all; word-wrap:break-word;border-collapse:collapse}

/*通用*/
.mod{ padding:10px;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.ceat *{ vertical-align:middle; margin-right:4px;}
.p_re{ position:relative; zoom:1}
.p_re3{ position:relative; zoom:1; z-index:60}
.p_re2{ position:relative; zoom:1; z-index:110}
.left{ float:left; display:inline}
.left34{ margin-left:34px;}
.left30{ margin-left:30px;}
.right{ float:right; display:inline}
.top8{ margin-top:8px;}
.top10{ margin-top:10px;}
.top20{ margin-top:20px;}
.top16{ margin-top:16px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.bottom10{ margin-bottom:10px;}
.bottom20{ margin-bottom:20px;}
.bottom40{ margin-bottom:40px;}
.left10{ margin-left:10px;}
.left12{ margin-left:12px;}
.left6{ margin-left:6px;}
.left16{ margin-left:16px;}
.left20{ margin-left:20px;}
.right10{ margin-right:10px}
.right20{ margin-right:20px}
.right40{ margin-right:40px}
.bold{ font-weight:bold}
.border{ border:1px #CCC solid}
.lh_16{ line-height:16px;}
.lh_20{ line-height:20px;}
.lh_22{ line-height:22px;}
.lh_24{ line-height:24px;}
.lh_26{ line-height:26px;}
.lh_28{ line-height:28px;}
.lh_34{ line-height:34px;}
.size_12{ font-size:12px}
.size_14{ font-size:14px}
.size_16{ font-size:16px;}
.size_18{ font-size:18px;}
.size_20{ font-size:20px;}
.size_22{ font-size:22px;}
.size_24{ font-size:24px;}
.size_26{ font-size:26px;}
.size_30{ font-size:30px;}
.yahe{ font-family:"微软雅黑"}
.simsun{ font-family:"宋体"}
.img_border{ border:1px #CCC solid; }
.line-through{text-decoration:line-through}
.main{ width:990px; margin:0 auto; overflow:hidden; font-size:14px }
.main2{ width:990px; margin:0 auto; position:relative;font-size:14px}
section,.main3{ width:990px; margin:0 auto;font-size:14px}
.main4{ width:990px; margin:0 auto; overflow:hidden}
.indent{text-indent: 2em}

a{text-decoration:none ; color:#666666;}
a:hover{ color:#009899; text-decoration:underline;}

.white{ color: #FFF}
.white a{ color:#FFF}
.white a:hover,a.white:hover{ color:#FFF;}

.red{ color:#FF6666}
.red a{ color:#FF6666}
.red a:hover{ color:#FF6666}
.red2{ color:#FF6666}
.red2 a{ color:#FF6666}
.red2 a:hover{ color:#FF6666}
.red3{ color:#ff6666}
.red3 a{ color:#ff6666}
.red3 a:hover{ color:#ff6666}

.gray{ color:#333}
.gray a{ color:#333}
.gray a:hover{ color:#333}
.gray2{ color:#666}
.gray2 a{ color:#666}
.gray2 a:hover{ color:#666}
.gray3{ color:#999}
.gray3 a{ color:#999}
.gray3 a:hover{ color:#999}
.gray4{ color:#ccc}
.gray4 a{ color:#ccc}
.gray4 a:hover{ color:#ccc}

.white{ color:#fff}
.white a{ color:#fff}
.white a:hover{ color:#fff}
.blue { color:#0068CB}
.blue a { color:#0068CB}
.blue a:hover {color:#0068CB}
.blue2 { color:#3366FF}
.blue2 a { color:#3366FF}
.blue2 a:hover {color:#3366FF}
.blue3 { color:#006699}
.blue3 a { color:#006699}
.blue3 a:hover { color:#006699}

.green{ color:#009899}
.green a{ color:#009899}
.green a:hover{ color:#009899}
.green1{ color:#009899}
.green1 a{ color:#009899}
.green1 a:hover{color:#009899}
.green2{ color:#009899}
.green2 a{ color:#009899}
.green2 a:hover{color:#009899}
.green3{ color:#009899}
.green3 a{ color:#009899}
.green3 a:hover{color:#009899}
.green4{ color:#99CFCF}
.green4 a{ color:#99CFCF}
.green4 a:hover{color:#99CFCF}
.green5{ color:#b3cc80}
.green5 a{ color:#b3cc80}
.green5 a:hover{color:#b3cc80}


.back { color: #000}
.back a { color:#000}
.back a:hover {color:#000}

.org{ color:#ff5200}
.org a{ color:#ff5200}
.org a:hover{ color:#ff5200;}
.org2{ color:#CF9A00}
.org2 a{ color:#CF9A00}
.org2 a:hover{ color:#C00}
.org3{ color:#FF9933}
.org3 a{ color:#FF9933}
.org3 a:hover{ color:#FF9933;}

.yellow{ color:#ffad3a}


/*******卡等级*******/
/*等级1*/
.m_card_1{ background:url(../images/card/card_bg001.png) no-repeat}
.m_card_1_01{ background:url(../images/card/card_bg001.png) no-repeat}
.m_card_1_02{ background:url(../images/card/card_bg002.png) no-repeat}
.m_card_1_03{ background:url(../images/card/card_bg003.png) no-repeat}
.m_card_1_04{ background:url(../images/card/card_bg004.png) no-repeat}
.m_card_1_05{ background:url(../images/card/card_bg005.png) no-repeat}
.m_card_1_06{ background:url(../images/card/card_bg006.png) no-repeat}
.m_card_1_07{ background:url(../images/card/card_bg007.png) no-repeat}
.m_card_1_08{ background:url(../images/card/card_bg008.png) no-repeat}
.m_card_1_01 .card_txt,.m_card_1_01 .tit{ color:#15627a}
.m_card_1_02 .card_txt,.m_card_1_02 .tit{ color:#798514}
.m_card_1_03 .card_txt,.m_card_1_03 .tit{ color:#a6633e}
.m_card_1_04 .card_txt,.m_card_1_04 .tit{ color:#338c51}
.m_card_1_05 .card_txt,.m_card_1_05 .tit{ color:#9f394f}
.m_card_1_06 .card_txt,.m_card_1_06 .tit{ color:#6b518b}
.m_card_1_07 .card_txt,.m_card_1_07 .tit{ color:#198984}
.m_card_1_08 .card_txt,.m_card_1_08 .tit{ color:#a67d2b}

/*等级2*/
.m_card_2{ background:url(../images/card/vipcard_bg1.png) no-repeat}
.m_card_2_02{ background:url(../images/card/vipcard_bg2.png) no-repeat}
.m_card_2_03{ background:url(../images/card/vipcard_bg3.png) no-repeat}
.m_card_2 .card_txt,.m_card_2 .tit{ color:#7a5408}
.m_card_2_02 .card_txt,.m_card_2_02 .tit{ color:#7a5408}
.m_card_2_03 .card_txt,.m_card_2_03 .tit{ color:#75660b}

/*等级3*/
.m_card_3{ background:url(../images/card/vipcard_bg4.png) no-repeat}
.m_card_3 .card_txt,.m_card_3 .tit{ color:#333333}

/*等级4*/
.m_card_4{ background:url(../images/card/vipcard_bg5.png) no-repeat}
.m_card_4 .card_txt,.m_card_4 .tit{ color:#a4774b}

/*等级5*/
.m_card_5{ background:url(../images/card/vipcard_bg6.png) no-repeat}
.m_card_5 .card_txt,.m_card_5 .tit{ color:#999999}

/*等级6*/
.m_card_6{ background:url(../images/card/vipcard_bg2.png) no-repeat}
.m_card_6 .card_txt,.m_card_6 .tit{ color:#7a5408}

/*等级7*/
.m_card_7{ background:url(../images/card/vipcard_bg3.png) no-repeat}
.m_card_7 .card_txt,.m_card_7 .tit{ color:#75660b}

/*按钮样式*/
.bnt{ cursor:pointer; text-align:center; height:40px; line-height:40px; font-size:14px; font-weight:bold; border:none;}
.bnt01{ height:35px; line-height:35px; width:156px; text-indent:30px; font-size:14px; color:#FFF; background:url(../images/img_s.png) -119px -676px no-repeat}
.bnt01:hover{ background-position:-119px -716px;}
a.bnt01{ text-shadow:1px 1px rgba(51, 51, 51, 0.10);}
a.bnt01:hover{ text-decoration:none; color: #FFF}

/*分页*/
.page{margin:30px 0px 20px 0px;}
.page a{border:1px #e7e7e7 solid;  padding:0px 14px; height:32px; line-height:32px;color:#009899; display:inline-block; vertical-align:middle; background:#FFF;}
.page a.last{border-right:1px #e7e7e7 solid; }
.page a.cur{ font-weight:bold; background:#f7f8f9; color:#666; cursor:default}
.page a.no{ cursor:default; color:#CCC}
.page a.no:hover{ cursor:default; color:#CCC; background:#FFF}
.page a:hover{ text-decoration:none; background:#f7f8f9; color:#555}

/*输入框样式*/
.input_style{ height:33px; line-height:33px; border:1px #dbdbdb solid; padding:0px 3px;}
.input_style2{ width:406px; height:36px; line-height:36px; border:2px #66cccc solid;padding:0px 3px;}
.textFocus { border:1px #66cccc solid; color:#666}
.textFocus2 { border:2px #ff8787 solid}

/*头部登录条*/
.login{ width:100%; height:27px; background: url(../images/bg_s.png) 0px 0px  repeat-x; line-height:27px; font-size:12px;}
.login .l li{ float:left; line-height:28px; font-size:12px}
.login i{ margin:0px 4px;}
.login a{ margin:0px 3px;}
.hz_login i a{ margin:0px;}
.mobile_a{ padding-left:20px; background:url(../images/bg_s.png) 0px -365px no-repeat; font-size:12px}
.login .l .show_a{ width:96px;}
.hz_login{ height:27px; display:block; width:65px}
.hz_login i{ padding:0px 2px 0px 2px; height:27px; cursor:pointer; margin:0px; display:block}
.hz_login i *{ _vertical-align:middle; _padding-top:12px}
.hz_login i b {background: url(../images/bg_s.png) -19px -300px no-repeat;_background: url(../images/bg_s.png) -19px -292px no-repeat; width:11px; height:6px; display:inline-block;  margin-left:3px;transition:transform 0.2s ease-in 0s;*height:9px}
.hz_login i.hover{background:#FFF; border:1px #dbdbdb solid; border-bottom:none; color:#009899;  height:28px; line-height:28px;_line-height:24px; _height:25px; margin:0px;}
.hz_login i.hover b{background:url(../images/bg_s.png) -18px -640px no-repeat;_background:url(../images/bg_s.png) -18px -632px no-repeat;transform:rotate(180deg);transform-origin:50% 30%;}
.hz_login_list{ position:absolute; z-index:120; top:28px;+top:27px; left:0px; border:1px #dbdbdb solid; border-top:none; width:94px; background:#FFF; text-align: center; display:none}
#u_list,#u_list a{ width:146px; text-align:left; text-indent:10px;}
.hz_login_list a{ height:30px; line-height:30px; display:block; padding:0px; margin:0px; width:94px; text-indent:14px;}
.hz_login_list a:hover{ color: #666; text-decoration:none}
.hz_login_list .sina a{ background:url(../images/bg_s.png) 8px -750px no-repeat;}
.hz_login_list .qq a{ background:url(../images/bg_s.png) 8px -824px no-repeat;}
.hz_login_list a:hover{ background-color:#F0F0F0}
.hz_login_list .last{ border-top:1px #f0f0f0 solid}

/*nav*/
.nav{ width:100%; height:73px; background:url(../images/bg_s.png) 0px -35px repeat-x;_background:url(../images/bg_s.gif) 0px -35px repeat-x; margin:0 auto; clear:both}
h1{ float:left; margin:10px 10px 0px 0px; display:inline}
.city{ float:left; position:relative ;zoom:1; z-index:100;}
.city p{ font-size:18px; font-family:"微软雅黑", "黑体";  color:#FFF; line-height:30px; margin-top:12px; display:inline-block; padding:0px 6px; cursor:default}
.city i{ display:block; margin-top:4px; color:#FFF; font-size:12px; padding:0px 6px;}
.city i a{ color:#FFF;}

.show_city{ border:1px #ebebeb solid; border-top:none; background:#FFF;  font-size:14px; color:#666; line-height:24px; position:absolute; left:0; top:71px; width:200px; display:none;  z-index:110}
.hot_city{box-shadow:0px 2px 2px rgba(0,0,0,0.1); padding:16px;}
.show_city a{ margin:0px 4px;}
.navs{ height:73px; line-height:73px; float:right; margin-right:10px; display:inline}
.navs a{ color:#FFF; font-size:16px; font-family:"微软雅黑", "黑体"; height:73px; width:80px; text-align:center; display:block; float:left}
.navs a:hover{ background:url(../images/bg_s.png) 0px -2695px repeat-x; text-decoration:none; color: #FFF; _background:url(../images/ie6_nav_hover.gif) repeat-x}
.navs a.hover{ background:url(../images/bg_s.png) 0px -114px repeat-x;_background:url(../images/ie6_nav.gif) repeat-x}
.search{ float:right; width:170px; height:30px; background:url(../images/img_s.png) 0px 0px no-repeat; margin-top:23px; }
.search input{ border:0; height:30px; line-height:30px; width:132px; margin:0px 0px 0px 5px; font-size:14px; float:left}
.search .go{margin:0px 0px 0px 0px; cursor:pointer; width:30px; height:30px; background:none; border:0}

/*二级菜单*/
.p_a{ position:absolute; z-index:100;}
.member_bg{background: #FFF url(../images/member_bg.jpg) left 16px repeat-y;  zoom:1; float:left}
.member_menu{ width:209px; float:left;}
.member_menu .hd{ height:42px; line-height:42px; background:#006e6f; text-indent:8px; font-size:16px; font-family:"微软雅黑", "黑体"; color:#FFF;}
.member_menu .hd a{ width:22px; height:22px; text-align:center; float:right; margin-right:8px; margin-top:10px;}
.member_menu .hd a.lock_on{ background: url(../images/bg_s.png) 6px -1540px no-repeat;}
.member_menu .hd a.lock_off{ background: url(../images/bg_s.png) 6px -1502px no-repeat;}
.member_menu .hd a:hover{ background-color:#4cb7b7;}
.member_menu h3{ height:28px; line-height:28px; background:#4cb7b7; color:#006e6f; text-indent:8px; border-top:1px #5ebebe solid; border-bottom:1px #5ebebe solid; font-size:14px}
.member_menu h3 em{background:url(../images/bg_s.png) right -1581px no-repeat; padding-right:20px;_background:url(../images/bg_s.png) right -1578px no-repeat;  }
.member_menu .fenlei{ height:30px; line-height:30px; border-bottom:1px #149697 solid; background:#18a2a3; color:#FFF; position:relative; zoom:1; z-index:40;}
.member_menu .hover{ background:#006e6f}
.member_menu .fenlei span{ width:94px; display:inline-block; margin-left:8px;}
.member_menu .fenlei span i{ color:#99cfcf; font-size:12px}
.member_menu .fenlei a{ color:#FFF}
.member_menu .fenlei a:hover{ text-decoration:underline}
#show_menu{ width:310px; background:#006e6f; padding:6px 14px; position:absolute; left:209px; top:0; z-index:200; display:none}
#show_menu dl{ border-bottom:1px #104d51 dotted; padding:3px 0px; overflow:hidden; zoom:1; line-height:28px;}
#show_menu dl dt{ font-weight:bold; color:#ffd787; width:74px; float:left}
#show_menu dl dd{ float:left; width:220px; color:#104d51}
#show_menu dl dd a{ margin-right:3px; color:#99c5c5; display:inline-block}
#show_menu dl dd a:hover{ color:#FFF}

/*客服中心*/
.services{ border:1px #dbdbdb solid; margin-top:16px; background:#FFF; overflow:hidden;zoom:1}
.services .mod{ margin:14px 0px 14px 20px; overflow:hidden; padding:0px;zoom:1}
.services dl{ width:186px; padding:0px 30px; border-right:1px #dbdbdb solid;float:left; display:inline}
.services dl.m1{ padding:0px; width:230px}
.services dl.m4{ border-right:none; padding-right:0px;}
.services dl.m4 p img{ margin:0px 10px 0px 4px}
.services dl.m4 p.sina{ background:url(../images/bg_s.png) 0px -748px no-repeat; _background:url(../images/bg_s.png) 0px -754px no-repeat; padding-left:24px; }
.services dl.m4 p.sina *,.services dl.m4 p.qq *{ vertical-align:middle}
.services dl.m4 p.qq{ background:url(../images/bg_s.png) 0px -821px no-repeat; _background:url(../images/bg_s.png) 0px -827px no-repeat; padding-left:24px; }
.services dl.m4 p span{ float:right;width:70px;height:27px; overflow:hidden}
.services dt{ font-size:18px; font-family:"微软雅黑", "黑体"; line-height:30px; margin-bottom:4px; display:block; color: #333;}
.services dd p{ line-height:30px; color: #999; height:30px;}
.services dd p.tel{ color:#999; padding-left:25px;}
.services dl.m1 dd{ background:url(../images/bg2_s.png) left -1570px no-repeat; padding-left:56px;}
.services dl.m2 dd{ background:url(../images/bg2_s.png) left -1640px no-repeat; padding-left:55px;}
.services dl.m3 dd{ background:url(../images/bg2_s.png) left -1708px no-repeat; padding-left:55px;}


/*页脚*/
.footer{ width:100%; margin-top:40px; padding:36px 0px 40px 0px; text-align:center; line-height:22px; font-size:12px; background:url(../images/footer_bg.jpg) repeat-x; }
.footer .footer_link{color:#666}
.footer .footer_link a{ margin:0px 12px; color:#666;}
.footer .copy{ background:url(../images/footer_img.png) left no-repeat; padding-left:54px;  width:274px; margin:14px auto 0px auto}
.footer .copy p{ text-align: left}
.footer_img{ padding-top:14px;}



/*返回顶部*/
.right_sroll{position:fixed;bottom:10px; right:10px ; width:60px;z-index:100}
*html div.right_sroll{position:absolute;cursor:pointer;right:10px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-122+"px"); z-index:600;}
#sug a{display:block;height:56px;width:56px; background:url(../images/img_s.png) -57px -49px no-repeat}
#sug a:hover{ background-position:-116px -49px;}
#back-to-top a{display:block;height:56px;width:56px; background:url(../images/img_s.png) -184px -49px no-repeat; margin-top:8px;}
#back-to-top a:hover{ background-position:-243px -49px;}


.no_data{ text-align:center; padding:20px 0px}
.search_hd{ height:35px; line-height:35px; width:740px; margin:20px 0px 0px 20px; }
.search_hd span,.search_hd *{ vertical-align:middle;}
.search_hd span{ font-size:14px;  margin-right:10px; float:left; height:26px; line-height:26px; margin-top:4px; padding:0px 5px; border:1px #dbdbdb solid; display:inline}
.search_hd span:hover{ color:#FFF; background:#4cb7b7; border:1px #4cb7b7 solid}
.search_hd span:hover a{ width:15px; height:15px; _width:18px; display:inline-block;  background:url(../images/img_s.png) -322px -430px no-repeat;_background:url(../images/img_s.png) -318px -430px no-repeat; margin-left:5px; _margin-top:8px}
.search_hd span a{ width:15px; height:15px; _width:18px; display:inline-block;  background:url(../images/img_s.png) -178px -5px no-repeat;_background:url(../images/img_s.png) -173px -5px no-repeat; margin-left:5px; _margin-top:8px}
.search_hd span a:hover{ background-position:-220px -5px;_background-position:-215px -5px;}
.search_hd a.rest{ width:90px; height:23px; border:1px #cccccc solid; text-align:center; line-height:23px; cursor:pointer; color:#999; background:url(../images/bg3_s.png) 0px -399px repeat-x; margin-top:6px;}
.search_hd a.rest:hover{ border:1px #999 solid; text-decoration:none; color:#333}

.search_hd i{ width:10px; background:#d6d6d6; display:block; height:35px; float:left}
.search_hd b{ margin-left:20px; font-weight:normal}

/* 下拉框 */
#uboxstyle{ display:inline; margin-right:10px; float:left}
#uboxstyle .select_box{width: auto;height:33px; position:relative; }
#uboxstyle div.tag_select,#uboxstyle div.tag_select_hover,#uboxstyle div.tag_select_open{display: inline-block;background: #fbfbfb url(../images/bg2_s.png) right -836px no-repeat; border:1px #d9d9d9 solid; height:33px; line-height:33px;overflow:hidden; padding-left:8px;padding-right:53px; width:60px; overflow:hidden; color:#666}
#uboxstyle ul.tag_options{position:absolute; left:0px; top:33px; border:1px #d9d9d9 solid; border-top:1px #009899 solid; line-height:30px; background:#FFF; text-indent:8px; cursor:default; display:inline-block; color:#666; height:186px; overflow-y:scroll; overflow-x:hidden; width:121px;}
#uboxstyle ul.tag_options li{ height:30px; line-height:30px; width:104px; overflow:hidden}
#uboxstyle ul.tag_options li.open_hover{background:#f3f3f3}
#uboxstyle ul.tag_options li.open_selected{background:#f3f3f3}

/*遮罩层*/
.loading{  width:100%; height:100%; background:#ccc ;filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3; position:absolute; z-index:9990;}
.loading img{ position:absolute; z-index:9999; left:50%; top:50%; margin:-16px 0px 0px -16px;}