@charset "utf-8";
/* CSS Document */
* { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif,"SimSun"}
body { margin:0 auto; color:#4b4b4b}
ul li { list-style:none}
form { margin:0; padding:0}
a { color:#666; text-decoration:none}
h1,h2 { margin:0; padding:0}

#header,#banner,#main,#footer { width:942px; margin:0 auto}
#header { height:114px; margin-top:30px}
#topnavi { width:320px; height:35px; line-height:35px; color:#ccc; float:right; text-align:right; clear:both}
#navi { clear:both; width:100%; height:39px; background:url(../images/template/bg_navi.gif) repeat-x}
.navi_l { width:5px; height:39px; background:url(../images/template/navi_bgl.gif); float:left}
.navi_r { width:5px; height:39px; background:url(../images/template/navi_bgr.gif); float:right}
.navi_m { width:932px; height:34px; margin-top:5px; float:left; display:inline}
.navlist { width:902px; height:34px; margin:0 0 0 15px; padding:0}
.navlist li { width:94px; height:24px; text-align:center; float:left; margin:0; padding:10px 0 0 0}
.but_up { width:71px; height:21px; text-align:center; margin:0; padding:13px 0 0 0; float:left; background:url(../images/template/bg_up.gif) no-repeat center}
#search { width:100%; height:40px; background:url(../images/template/bg_search.gif) repeat-x}
.searcharea { height:30px; padding-top:10px; margin-left:50px}
.searcharea img { vertical-align:middle; margin:0 10px 0 0; padding:0}

#banner { height:108px; background:url(../images/template/banner.gif); margin-top:10px; margin-bottom:10px}
.seller_tittle { padding:26px 0 0 100px}

#main_l,#submain_l { width:664px; float:left}
#main_r,#submain_r { width:269px; float:right}

.intronav { width:100%; height:30px}
.intro_title { width:92px; height:23px; padding-top:6px;background:url(../images/template/bg_navup.gif) repeat-x; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-top:1px solid #cfcfcf; float:left; text-align:center}
.introbar { width:569px; height:28px; text-align:right; background:url(../images/template/bg_navbar.gif) repeat-x; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:right}
.introbar p { margin:5px 8px 0 0; padding:0}
.intro_border { width:662px; height:246px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.intro_area { width:628px; padding-top:22px; line-height:21px; margin:0 auto}
.intro_area img { float:left; margin:0 12px 2px 0;width:131px;height:131px;}
.intro_area1 { width:628px; line-height:21px; margin:0 auto}
.intro_area1 h1 { height:20px; margin:0; padding:10px 0 0 0; text-align:center; font:700 16px "SimSun"}
.intro_area1 p { margin:0; padding:0; text-align:center; height:30px; line-height:30px; color:#B0B0B0}
.promo_border { width:662px; height:205px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.news_border { width:662px; height:180px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.newinfo_border { width:662px; height:173px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.brandinfo_border { width:662px; height:101px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.subcontent { width:624px; padding-top:4px; margin:0 auto}
.subcontent1 { width:628px; padding-top:25px; margin:0 auto}
.subcontent2 { width:628px; padding-top:15px; margin:0 auto}
.newslist { margin:0; padding:0}
.newslist li { height:25px; margin:0; padding:0}
.newslist li span { float:right}
.viewmore { height:30px; line-height:30px; float:right; margin-right:20px}
.prolist { width:112px; float:left; line-height:20px; margin-right:10px; text-align:center}
.prolist img { text-align:center; margin-bottom:5px}
.brandlist { margin:0; padding:0}
.brandlist li { margin:0 14px 0 0; padding:0; float:left}

.navgreen_bg { width:100%; height:27px; background:url(../images/template/mb_bg.gif) repeat-x; clear:both}
.navgreen_bg_l { background:url(../images/template/mb_left.gif); width:5px; height:27px; float:left}
.navgreen_bg_r { background:url(../images/template/mb_right.gif); width:5px; height:27px; float:right}
.navgreen_up_s { width:113px; height:20px; padding:7px 0 0 10px; float:left; display:inline}
.integral_border { width:267px; height:245px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; clear:both}
.integral_area { width:243px; line-height:22px; padding-top:17px; margin-left:auto; margin-right:auto}
.integral_more { width:243px; height:30px; line-height:30px; text-align:right; margin:0 auto}
.integral_bottom { clear:both; width:269px; height:5px; background:url(../images/template/bg_r.gif); overflow:hidden}
.message_border { width:267px; height:417px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; clear:both}
.app_message { width:120px; text-align:right; height:20px; margin-top:7px; float:left}
.messagelist { width:251px; margin-left:auto; margin-right:auto; padding-top:8px}
.messagelist_l { width:66px; text-align:center; float:left}
.messagelist_l img { margin-bottom:5px;width:48px;height:48px;}
.messagelist_r { width:183px; line-height:18px; float:right}
.message_time { width:98%; text-align:right}
.messagelist1 { width:620px; margin-left:auto; margin-right:auto; padding-top:8px}
.messagelist1_l { width:66px; text-align:center; float:left}
.messagelist1_l img { margin-bottom:5px; width:48px;height:48px}
.messagelist1_r { width:554px; line-height:18px; float:right}
.contant_border { width:267px; height:100px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; clear:both}
.dotted_border { width:100%; height:10px; overflow:hidden; background:url(../images/bg_xian.gif) repeat-x center center; position:relative}
.tellist { width:255px; padding:10px 0 0 10px; margin:0}
.tellist li { height:25px; line-height:25px}
.tellist li img { margin-right:5px}

#footer { height:50px; padding-top:10px; border-top:2px solid #cfcfcf; line-height:18px; margin-top:10px; text-align:center}

/*font style*/
.font14 { font-size:14px}
.font_green12 { color:#8cc63f}
.font_green12_b { color:#8cc63f; font-weight:700}
.font_white14_b { color:#fff; font:700 14px "SimSun" }
.font_black14 { color:#000; font:100 14px "SimSun"}
.font_black14_b { color:#000; font:700 14px "SimSun"}
a.font_white14_b { color:#fff; font: 700 14px "SimSun"; text-decoration:none}
a.font_white14_b:hover { color:#000; font: 700 14px "SimSun"; text-decoration:none}
.font_red12_b { color:#e50014; font-weight:700}
.font_blue12 { color:#00AEEF}
a.font_blue12 { color:#00AEEF; text-decoration:none}
a.font_blue12:hover { color:#8CC63F; text-decoration:none}
a.font_bule12_b { color:#008ad0; font:700 12px "SimSun"}
a.font_bule12_b:hover { color:#58CCCF; font:700 12px "SimSun"}
.font_blue14_b { color:#00AEEF; font:700 14px "SimSun"}
.font_title_c { font:700 30px "SimSun"; color:#fff; display:block}
.font_title_e { font:500 14px Verdana, Arial, Helvetica, sans-serif; color:#fff}
a.font_more { color:#008ad0; text-decoration:underline}
a.font_more:hover { color:#8CC63F; text-decoration:none}
a.font_return { font-size:14px; text-decoration:underline}
a.font_return:hover { font-size:14px; text-decoration:underline; background:#D2D7D3; display:block}

.but_search { width:73px; height:20px; color:#fff; text-align:center; border:0; background:url(../images/template/bg_but.gif) no-repeat; margin-left:8px}

.left{ float:left}
.over { overflow:hidden}
.clear { clear:both}
.height9px { height:9px; overflow:hidden}
.img_border { border:1px solid #ccc;}
h1 { margin-top:8px}
h2 { font:100 14px "SimSun"; margin-bottom:4px}
.input_search { color:#828282; border:1px solid #ccc; height:18px; line-height:18px; overflow:hidden; background:url(../images/bg_input.gif); padding-left:8px}

.big_pic {width:300px;height:300px;}


/*内页*/
.submainborder { width:662px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center; padding:15px 0; overflow:hidden}
.changeborder { width:647px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center; padding:15px 0 15px 15px; overflow:hidden}
.subright_border { width:267px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; overflow:hidden}
.submainborder1 { width:662px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:15px 0; overflow:hidden}

.pagesytle { height:30px; line-height:30px; text-align:center; clear:both}
.pagesytle1 { height:20px; padding-top:10px; text-align:center; clear:both}
.warptr { width:600px; height:30px; line-height:30px; text-align:left; margin-left:auto; margin-right:auto; clear:both}
.warptr1 { width:600px; line-height:20px; text-align:left; margin-left:auto; margin-right:auto; clear:both}
.warptr_l { width:100px; float:left}
.warptr_r { width:500px; height:30px; line-height:30px; float:right}
.warptr_r1 { width:500px; float:right}
.titletr { width:620px; height:30px; text-align:center; line-height:30px; margin-bottom:9px; margin-left:auto; margin-right:auto; background:#f3f9ff; clear:both}

.promotion_news { width:620px; height:79px; margin-left:auto; margin-right:auto; text-align:left; padding:9px 0;}
.promotion_news_l { width:90px; float:left}
.promotion_news_l img { width:80px; height:80px;}
.promotion_news_r { width:530px; float:right; line-height:18px}
.dotted_border1 { width:620px; height:10px; background:url(../images/bg_xian.gif) repeat-x; margin-left:auto; margin-right:auto; margin-top:14px !important; margin-top:-12px}
.promotion_view { height:25px; line-height:25px; text-align:right; margin-right:8px}

.type_list { width:30%; text-align:left; margin:15px 8px; float:left; display:inline}
.type_list_r { width:114px; float:right; margin-top:5px; line-height:20px; display:inline}
.type_list_r input { border:0; margin-top:10px}
.type_list img { margin-right:5px}
.type_list h1 { height:20px; margin:0; padding:0}
.width_one { width:100%; clear:both}

.discount_list { width:115px; height:100px;float:left; margin:10px 5px; text-align:center;overflow:hidden;display:inline}
.discount_list img { margin-bottom:5px; padding:0;width:80px;height:80px;}

.discount_list02 { width:115px; height:45px;float:left; margin:10px 5px; text-align:center;overflow:hidden;display:inline}
.discount_list02 img { margin-bottom:5px; padding:0;width:88px;height:37px;}


.discount_list03 { width:145px; height:60px;float:left; margin:10px 5px; text-align:center;overflow:hidden;display:inline}
.discount_list03 img { margin-bottom:5px; padding:0;width:121px;height:50px;}

.viewpromotion { height:25px; line-height:25px; text-align:right; padding-right:20px; clear:both}
.dotted_border2 { width:620px; height:10px; background:url(../images/bg_xian.gif) repeat-x; margin-left:auto; margin-right:auto;}
.dotted_border3 { width:620px; height:15px; background:url(../images/bg_xian.gif) repeat-x center center; margin-left:auto; margin-right:auto;}

.mess_note { width:620px; margin-top:10px; line-height:20px; margin-left:auto; margin-right:auto; background:#faf6f6; padding:8px}
.mess_note p { margin:0 0 0 25px; padding:0}

.returnpage { width:80px; height:30px; line-height:30px; float:right; text-align:center; padding-right:20px}
.green_button1 {width:62px;height:18px;cursor:pointer;padding-top:1px;color:#fff;border:0px;background-image:url(../images/test/green_button.gif)}
.exchangetr { padding:4px 0; text-align:center}
.img_size { width:80px; height:80px}

.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.white_content { display: none; position: absolute; top: 15%; left: 10%; border: 16px solid #FFF; border-bottom:none; background-color: white; z-index:1002;}

.rulenav { width:662px; height:29px; border:1px solid #cfcfcf; background:url(../images/integralbg01.gif) repeat-x}
.rulenav h1 { margin:0 0 0 1px; padding:0; height:29px; width:85px; text-align:center; line-height:29px; color:#fff; background:url(../images/integralbg02.gif) repeat-x}

/* 缴费凭证 */
/* Table Style */
.tablestyle {margin:0px auto; border-collapse:collapse; font-family:arial; border:1px solid #7a9ab3; padding:5px}
.tablestyle th{border-collapse:collapse; border:1px solid #7a9ab3; height:29px; background:#bfdbf3;color:#003365;}
.tablestyle td{border-collapse:collapse;border:1px solid #bfdbf3; height:28px; color:#003466; text-align:left; background:#f0f9fe; padding:0 5px}

#reckoningList{margin:0 auto;width:942px;margin-top:12px;clear:both;}
.reckoningList_title{width:940px;height:38px;font-family:"黑体";text-align:center;border-top:1px solid #99C2E5;border-left:1px solid #99C2E5;border-right:1px solid #99C2E5;font-size:22px;font-weight:bold;color:#fff;padding-top:15px;background:url(../images/reckoning_pic01.gif)}
.reckoningList_title2{width:940px;height:38px;font-family:"黑体";text-align:center;border-top:1px solid #99C2E5;border-left:1px solid #99C2E5;border-right:1px solid #99C2E5;font-size:22px;font-weight:bold;color:#fff;padding-top:15px;background:url(../images/reckoning_pic03.gif)}
.reckoningList_content{width:884px;height:425px;background:#F8FBFF;border:1px solid #99C2E5;border-top:none;padding:28px;}
.reckoningList_code{height:40px;line-height:40px;text-align:left;color:#003365;font-size:14px;font-weight:bold;}
.reckoningTitle_14{color:#003365;font-size:14px;font-weight:bold;padding-left:5px;}
.reckoningTitle_12{color:#003365;font-size:12px;font-weight:bold;padding-left:5px;}
.reckoningList_code02{height:40px;line-height:40px;text-align:left;color:#003365;font-size:12px;}
.reckoningList_code03{height:120px;border:1px solid #7A9AB3;text-align:left;color:#003365;font-size:12px;background:#F0F9FE;}
.reckoningList_topline{height:4px;background:#BFDBF3;}
.reckoningList_name{height:76px;padding:20px;line-height:21px;text-align:left;color:#003365;font-size:12px;background:#fff;background-repeat:no-repeat; background-position:400px 20px;}
.reckoningList_code04{height:25px;line-height:40px;padding-top:8px;text-align:center;color:#003365;font-size:12px;}
#reckoningList_print{margin:0 auto;width:640px;margin-top:12px;clear:both;}
.reckoningList_content_print{width:584px;height:455px;background:#F8FBFF;border:1px solid #99C2E5;padding:28px;}
.reckoningList_title_print{width:584px;height:38px;font-family:"黑体";text-align:center;border-top:1px solid #99C2E5;border-left:1px solid #99C2E5;border-right:1px solid #99C2E5;font-size:22px;font-weight:bold;color:#fff;padding-top:15px;background:url(../images/reckoning_pic01.gif)}
.reckoningList_title_print2{width:584px;height:38px;font-family:"黑体";text-align:center;border-top:1px solid #99C2E5;border-left:1px solid #99C2E5;border-right:1px solid #99C2E5;font-size:22px;font-weight:bold;color:#fff;padding-top:15px;background:url(../images/reckoning_pic03.gif)}
.but_morelong { font-size:12px;width:100px; height:21px; border:0; color:#004e7b; cursor:pointer; background:url(../images/but_03.gif)}
.fontred{font-size:12px; font-weight:bold; font-family:"宋体";color:#FF0000; }

