﻿@charset "utf-8";
/* CSS Document */

* { font-size:12px}
html,body { margin:0 auto; color:#000; font-family: Tahoma,"宋体"}
body,ul,ol,li,dl,dd,dt,h1,h2,h3,p,form,fieldset,legend,input,textarea,select,button,th,td { margin:0; padding:0}
ul,li {list-style:none}
a { color:#0045DF; text-decoration:none}
a:hover { color:#f11010; text-decoration:underline}
img,fieldset,button { border:0}
h1,h2,h3 { font-size:14px; font-weight:700}
select { vertical-align:middle}

/* common frame */
#header,#content,#footer,#login_header,.grid_c24 { width:950px; margin:0 auto; }
#content:after,.item_main:after,#login_header:after{content: ""; display:block; clear:both; height:0}

#header { height:168px; background:url(../images/bg_search.gif) repeat-x bottom left; position:relative}
.logo { width:165px; text-align:center; position:absolute; left:0; top:16px}
.header_top { width:785px; height:64px; position:absolute; right:0; top:0}
.city { position:absolute; top:10px; left:0; line-height:22px}
.city img { vertical-align:middle; margin-left:5px}
#changecity { z-index:1111;visibility:hidden; width:150px; height:136px; position:absolute; left:170px; top:10px; background:url(../images/bg_changecity.png) no-repeat;}
.changecity_t { text-indent:80px; height:25px; line-height:25px}
.citylist { width:110px; margin-left:auto; margin-right:auto; padding-top:5px}
.citylist li { height:27px; line-height:27px; border-bottom:1px solid #eff0f1}
.citylist li a { color:#333; text-decoration:none}
.citylist li a:hover { color:#333; text-decoration:underline}
.citylist li a.current { background:#fc910a; color:#fff; padding:1px}
.login_box { width:580px; position:absolute; top:0; right:0; text-align:right}
.login_box p { float:right; padding-top:12px}
.header_line { height:32px; border-bottom:1px solid #eeecec; margin-bottom:5px}
.tel_box { position:absolute; top:38px; right:0}
.topnav { float:right; padding-top:12px}
.topnav li { padding:0 10px; border-right:1px solid #999; height:13px; overflow:hidden; text-align:center; float:left}
.topnav .last { padding:0 0 0 10px; border:none}
.mainnav { width:781px; height:35px; position:absolute; top:65px; right:5px; background:url(../images/bg_nav.gif) repeat-x top left}
.mainnav_r { height:35px; background:url(../images/bg_navr.gif) no-repeat right 3px}
.mainmenu { width:770px; height:35px; background:url(../images/bg_navl.gif) no-repeat left 3px; padding-left:15px}
.mainmenu li { float:left; font-family:"宋体"}
.mainmenu li a { display:block; width:92px; height:36px; text-align:center; line-height:36px; color:#333; font-size:13px; font-weight:700; text-decoration:none}
.mainmenu_line { float:left; background:url(../images/bg_navline.gif) no-repeat center 3px; width:2px; height:31px; font-size:0}
.current_home {  text-align:center; line-height:36px; font-size:14px; font-weight:700; background:url(../images/menu_current.gif) no-repeat top center; color:#fff}
.curret_menu{ width:92px;height:36px; text-align:center; line-height:36px; font-size:14px; font-weight:700; background:url(../images/menu_current1.gif) no-repeat top center}
.mainmenu li a.curret_a { color:#fff}
.current_home a.curret_a { display:block; width:66px; height:36px; color:#fff}
.searchitem { width:950px; height:69px; position:absolute; left:0; bottom:0; background:url(../images/bg_searchl.gif) no-repeat left}
.searchitem_r { width:904px; height:69px; padding-left:46px; background:url(../images/bg_searchr.gif) no-repeat right}
.searchline { height:30px; padding-top:6px; color:#fff}
.searchkeyline { height:31px; background:url(../images/bg_searchkey.gif) repeat-x}
.searchkeyline_r { height:31px; background:url(../images/bg_searchkey_r.gif) no-repeat right bottom}
.searchkeyline ul { width:894px; height:31px; padding-left:10px; background:url(../images/bg_searchkey_l.gif) no-repeat left top}
.searchkeyline ul li { height:31px; line-height:31px; text-align:center; float:left; padding:0 5px; color:#847f7a}
.input_sort { height:22px; background:url(../images/bg_inputl.gif) no-repeat left top; padding:5px 10px 0 7px; border:none; width:30px}
#circle { z-index:1111;visibility:hidden; width:236px; height:164px; position:absolute; left:118px; top:30px; background:url(../images/bg_circle.png) no-repeat !important;background:url(../images/bg_circle.gif) no-repeat; padding:14px 20px 0 13px}
.circle_title { height:30px; width:100%; white-space:normal; word-break:break-all}
.circellist li{ float:left; height:26px; width:61px; line-height:26px; border-bottom:1px solid #eff0f1}
#circle1 { z-index:1111;visibility:hidden; width:105px; height:145px; position:absolute; left:55px; top:30px; background:url(../images/bg_circle1.gif) no-repeat; padding:14px 20px 0 20px}
.circellist1 li {height:26px; width:75px; line-height:26px; border-bottom:1px solid #eff0f1}
.circle_title1 {height:20px; width:100%;}

.path { margin:4px 0 10px 0}
.path img { margin:0 6px}
.home_ad { width:670px; height:245px;}

.footernav { background:url(../images/bg_bottom.gif) repeat-x}
.ftnavlist { width:338px; height:32px; padding-top:13px; margin-left:auto; margin-right:auto}
.ftnavlist li { float:left; padding:0 10px; border-right:1px solid #999; height:13px; overflow:hidden}
.ftnavlist .last { border-right:none}
.copyright { text-align:center; line-height:18px; padding:5px 0}

/* 集团头部 */
#unsap_top { width:100%; height:30px; background:url(../images/bg_unsap.gif) repeat-x}
#unsap_main { height:30px; text-align:right; margin:0 auto; position:relative}
#unsap_main ul { position:absolute; top:0; right:140px}
#unsap_main li { width:52px; height:30px; line-height:30px; text-align:center; margin:0 5px; float:left; display:inline; letter-spacing:1px}
#unsap_main li a { color:#333; text-decoration:none}
#unsap_main li a:hover { color:#FF0000; text-decoration:underline}
.unsap_r { width:135px; position:absolute; top:0; right:0; background:url(../images/unsap_line.gif) no-repeat left 3px}

.w_unscard{ width:950px}
#unsap_main li a.unscard_current { width:52px; height:30px; display:block; background:url(../images/unscard_current.gif) no-repeat center 4px; color:#db0011; font-size:13px; text-decoration:none}

/* grid style */
.grid_c17,.grid_c7,.grid_c18,.grid_c6 { float:left; margin-right:10px; display:inline}
.grid_c17 { width:670px}
.grid_c18 { width:710px}
.grid_c7 { width:270px}
.grid_c6 { width:230px}
#content { margin-top:10px; margin-bottom:10px}
#content .last { margin:0}
.item_title { height:27px; border-bottom:4px solid #c9c9c9; position:relative; overflow:auto}
.item_title span { position:absolute; top:8px; right:10px}
.item_title1 span,.item_subtitle span { position:absolute; top:5px; right:10px}
.item_title1 {}
.item_title1,.loginbox_title,.item_subtitle { background:url(../images/bg_itemtitle1.gif) repeat-x bottom; position:relative}
.item_title h2,.item_title1 h2,.item_subtitle h2 { width:123px; height:27px; line-height:27px; text-indent:16px; background:url(../images/bg_maintitle.gif) no-repeat; color:#fff}
.item_title1 h2 { margin-left:13px}
.item_box { background:url(../images/bg_item.gif) no-repeat center bottom}
.h_join { height:328px}
.h_question { height:166px}
.h_pay { height:257px}
.logolist,.logolist1 { padding:9px 0 0 12px;}
.logolist li,.logolist1 li { float:left; padding:1px 0 6px 4px; background:url(../images/pic_logo_bg.gif) no-repeat}
.logolist li {width:120px;height:54px;}
.logolist1 li { width:125px;height:60px;}
.w_newsjoin { width:250px}
.w_seller { width:655px}
.item_main { width:668px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; padding-top:6px}
.item_main_f { width:670px; height:14px; font-size:0; background: url(../images/bg_item_f.gif) no-repeat}
.item_main1_f { width:669px; height:14px; font-size:0; background: url(../images/bg_item1_f.gif) no-repeat}
.subtitle { height:31px; line-height:31px; border:1px solid #c5c5c5; background:url(../images/circle/bg_subitem.gif) repeat-x; padding-left:10px; position:relative}
.subtitle h3 { font-size:14px; font-weight:700; background:url(../images/circle/bg_subred.gif) no-repeat left 8px; text-indent:13px}
.subitem { border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background:url(../images/circle/bg_subitemt.gif) repeat-x left top; padding:4px 0 8px 0}
.bgitemf { background:url(../images/circle/bgitem_f.gif) no-repeat; height:9px; font-size:0}
.bgitemf_all { background:url(../images/circle/bgitem_f02.gif) no-repeat; height:9px; font-size:0}
/* 点评 */
.b_intro_title { height:29px; border-bottom:1px solid #cdcdcd; padding-left:3px}
.b_intro_title h1{ width:116px; height:29px; line-height:29px; text-indent:18px; font-weight:700; font-size:14px; background:url(../images/circle/bg_home_t.gif) no-repeat}
.b_intro_title span { padding-top:8px}
.newviewitem { margin:14px 0 12px 0; border-bottom:1px dashed #ccc; padding-bottom:10px !important; padding-bottom:0; overflow:hidden}
.pic_head { width:58px; padding:0 13px 0 0}
.pic_head .nameline{ width:58px; word-break:break-all; overflow:auto}
.head_portrait { width:50px; height:50px; padding:4px; border:1px solid #d0d0d0; margin-bottom:4px}
.b_name,.b_nameline { height:26px; line-height:26px; border-bottom:1px solid #d0d0d0; background:#f7f9f8}
.b_name span { margin-left:12px}
.comment_r,.appraise { width:611px; line-height:20px}
.subcomment_r { width:590px; line-height:20px; position:relative}
.subcomment_r .report { position:absolute; bottom:0; right:0}
.comment_r li { margin:6px 0}
.home_tab,.home_tab1 { width:100%; margin:5px 0; overflow:hidden}
.home_tab li,.home_tab1 li { float:left; margin-right:11px}
.home_tab li .mr { margin-right:0}
.appraise_view { width:100%; line-height:30px; text-align:right; overflow:hidden}
.appraise_view ul { width:383px; text-align:right; float:right}
.appraise_view li {float:left; margin-left:24px; display:inline}
.appraise_item { background:#fef9f5; border:1px solid #cdcdcd; padding:0 25px 21px 16px}
.appraise_item legend { font-size:14px; color:#343434; padding:12px 0}
.appraise_item select { margin-right:16px}
.appraise_item li { padding:7px 0; clear:both}
.appraise_item li label { float:left; width:74px; text-align:right; line-height:20px}
.appraise_item input,.appraise_item textarea { border:1px solid #a7a6aa; padding-top:3px}
.appraise_item input { height:17px}
.appraise_item span .fgray { color:#999}
.add_view { padding:0 0 5px 18px}
.border_t { border-top:1px solid #c5c5c5}
.btnwrongline { padding-left:75px; padding-top:10px}
.promo_ad p { margin:10px 0} /* 右侧小广告 */
/* exchange */
.smart_img { background:url(../images/pic_pro_bg.gif) no-repeat; width:86px; height:87px; display:block; padding:1px 0 0 3px; margin-top:6px}
.boxon1{ background:url(../images/bg_smart.gif) repeat-x top left}
.boxon2{ background:url(../images/bg_smart2.gif) repeat-x top left}
.boxou1,.exchange_title{background:url(../images/bg_smart1.gif) repeat-x top left}
.exchange_table td { padding-left:16px}
.exchange_table p { line-height:20px}
/* 订阅 */
.rsslist { width:230px; height:112px; background:url(../images/promotion/bg_rss.gif) no-repeat}
.email_rss { padding-left:76px; height:41px; padding-top:12px; line-height:16px}
/* promotion info & exchange info */
.p_infobox { background:#fef9f5; border:1px solid #cdcdcd; padding:18px}
.p_infobox h1 { text-align:center}
.p_infobox p { font-size:14px; color:#343434; line-height:22px; text-indent:35px; margin-top:10px}
.p_infobox ul { margin:20px 0 20px 0}
.p_infobox ul li { margin:2px 0; line-height:20px}
.p_infobox ul li label { color:#999}

.newstitle { height:35px; line-height:35px; padding-left:14px}
.newstitle span { padding-right:10px}
.newslist,.b_sublist,.promo_sublist { padding:5px 0 0 10px}
.newslist li { height:24px; line-height:24px; text-indent:8px; background:url(../images/icon_li.gif) no-repeat left 9px }
.b_sublist li {height:24px; line-height:24px; text-indent:8px}
.promo_sublist li {line-height:24px; padding-left:8px}
.newslist li span,.b_sublist li span,.promo_sublist li span { margin-right:5px; color:#666}

.bgitemf_c24 { background:url(../images/circle/bgitem_fc24.gif) no-repeat; height:9px; font-size:0}

/* button style */
.btn_search { width:65px; height:24px; line-height:24px; letter-spacing:3px; vertical-align:middle; padding-left:14px; background:url(../images/btn_search.gif) no-repeat; cursor:pointer}
.btn_telpay { width:113px; height:39px; line-height:39px; color:#fff; font-size:14px; text-indent:19px; text-align:left; background:url(../images/btn_cz.gif) no-repeat; cursor:pointer}
.btn_other { width:99px; height:30px; text-indent:18px; line-height:30px; background:url(../images/circle/bg_other.gif) no-repeat; border:none; cursor:pointer}
.btn_appraise { width:104px; height:29px; line-height:29px; text-align:center; background:url(../images/circle/btn_app.gif) no-repeat; border:none; color:#fff; font-size:14px; font-weight:700; cursor:pointer}
.btn_wrong { width:117px; height:35px; line-height:35px; border:none; cursor:pointer; background:url(../images/circle/bg_btnwrong.gif) no-repeat; text-indent:42px; text-align:left; color:#0245dc; font-size:14px}
.btn_shopping { width:104px; height:29px; line-height:29px; text-align:center; background:url(../images/mall/btn_app.gif) no-repeat; border:none; color:#fff; font-size:14px; font-weight:700; cursor:pointer}

.btn_login { width:116px; height:34px; line-height:34px; border:none; cursor:pointer; background:url(../images/mall/btn_login.gif) no-repeat; text-indent:0px; text-align:center; color:#333; font-size:14px}

.search_input { width:341px; height:18px; padding-top:5px; margin-left:40px; display:inline; background:url(../images/bg_input.gif) no-repeat; border:none; vertical-align:middle; text-indent:45px; color:#a3a3a3;font-family:Arial}
* html .search_input { margin-left:0}
* +html .search_input { margin-left:0}
.search_input_on { width:341px; height:18px; padding-top:5px; margin-left:40px; background:url(../images/bg_input_on.gif) no-repeat; border:none;  vertical-align:middle; text-indent:45px; color:#333;font-family:Arial}
* html .search_input_on { margin-left:0}
* +html .search_input_on { margin-left:0}
.left { float:left}
.right { float:right}
.clear { clear:both}

.place_r { text-align:right}
.place_mt39 { margin-top:15px}
.place_mr3 { margin-right:3px}
.place_ml6 { margin-left:6px}
.place_ml60 { margin-left:60px}
.place_mr6 { margin-right:6px}
.place_mr10 { margin-right:10px}
.place_mt10 { margin-top:10px}
.place_mb10 { margin-bottom:10px}
.place_ml14 { margin-left:14px}
.place_pt5 { padding-top:5px}
.place_pt14 { padding-top:14px}
.place_pl14 { padding-left:14px}
.place_mt14 { margin-top:14px}
.landr_line{border-left:1px solid #CDCDCD;border-right:1px solid #CDCDCD;}

/*CSS more page style*/
.manu {	 PADDING-TOP: 11px;PADDING-bottom: 5px;PADDING-right: 7px; TEXT-ALIGN: right}
.manu A {BORDER-RIGHT:1px solid #eee; PADDING-RIGHT: 5px; BORDER-TOP:1px solid #eee; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:1px solid #eee; COLOR: #0641D9; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none}
.manu A:hover {BORDER-RIGHT:1px solid #FFA900; BORDER-TOP:1px solid #FFA900; BORDER-LEFT:1px solid #FFA900; COLOR: #FFA900; BORDER-BOTTOM: 1px solid #FFA900}
.manu A:active {BORDER-RIGHT:1px solid #FFA900; BORDER-TOP:1px solid #FFA900; BORDER-LEFT:1px solid #FFA900; COLOR: #FFA900; BORDER-BOTTOM:1px solid #FFA900}
.manu .current {BORDER-RIGHT: #FFA900 1px solid; PADDING-RIGHT: 5px; BORDER-TOP:1px solid #FFA900; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #FFA900 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #FFA900 1px solid; BACKGROUND-COLOR: #FFA900}
.manu .disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}

/*common input style*/
.c_it_s { display:table; border:1px solid #c3c3c3; height:23px}
.c_it1,.c_it2 { vertical-align:middle; border:1px solid #fff; background:#fff none repeat scroll 0 0;  height:23px; line-height:23px;}
.c_it2 { border-left:1px solid #8B8B8B; border-top:1px solid #8B8B8B; background:#fdf2ec; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:5px}
.c_it1 { border-left:1px solid #8B8B8B; border-top:1px solid #8B8B8B; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:5px}

/* 在线客服公共模块 */
.service_tel{width:167px;height:68px;padding:27px 18px 0px 85px;background:url(../images/online_01.gif);}
.service_online{width:167px;height:74px;padding:27px 18px 0px 85px;background:url(../images/online_02.gif);}
.service_tel p,.service_online p{line-height:18px}

/* img size */
.proitem_l dd img,.exchange_table img,.newpromo_item dd img,.commend_exchange dd img,.smart_img img { width:80px; height:80px}
.logolist img,.logolist1 img,.b_logo img { width:114px; height:48px}
.pic_head img { width:50px; height:50px}


/* 城市 */
#nav{width:100px;height:30px;border-bottom:0px;padding:0px 5px;	position:absolute;z-index:100;left: 170px;top: 0px;}
.list{line-height:20px;text-align:left;padding:4px;font-weight:normal;}
.menu1{width:150px; height:136px;margin:6px 4px 0px 0px;color:#333;padding:6px 0px 0px 0px;cursor:pointer;overflow-y:hidden;left:170px; top:10px;background:url(../images/bg_changecity.png) no-repeat !important;background:url(../images/bg_changecity.gif) no-repeat;}
.menu2{width:150px;height:18px;margin:6px 4px 0px 0px;color:#333;padding:6px 0px 0px 0px;overflow-y:hidden;cursor:pointer;}

.unsgroup{float:left;height:25px;line-height:25px;margin-left:8px;}

/* JS AD */
.fpic {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX:0; BACKGROUND: #000;  BORDER-BOTTOM-WIDTH: 0px; WIDTH: 668px; POSITION: relative; HEIGHT: 243px; BORDER-RIGHT-WIDTH: 0px;BORDER: #dddddd 1px solid;text-align:center;background:url(../images/ad_bg.gif);}
.bpic {
	FLOAT: left; MARGIN: 0px; WIDTH: 244px; POSITION: relative; HEIGHT: 243px
}
#focpic {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	LEFT: 1px;
	BORDER-BOTTOM-WIDTH: 0px;
	POSITION: absolute;
	TOP: 1px;
	BORDER-RIGHT-WIDTH: 0px;
	width: 586px;
	height: 203px;
}
.thubpic {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
	Z-INDEX: 30; BACKGROUND: url(../images/arrow3.gif) no-repeat left 50%
}
.thubpic IMG {
	BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
	BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
	BORDER-LEFT-COLOR: #0045DF; BORDER-BOTTOM-COLOR: #0045DF; BORDER-TOP-COLOR: #0045DF; BORDER-RIGHT-COLOR: #0045DF
	
	
	 
}

