﻿/*============主页样式==========================================*/
.h_con { background: #f5f5f5; padding: 6px 0px; }
.h_con .flash { width: 828px; margin: 0px auto 2px; }
.guide { padding: 8px 0px 0px 6px; }
.guide li { height: 202px; width: 202px; padding-top: 6px; float: left; background: #FFFFFF; margin-right: 6px; }
.guide li img { height: 150px; width: 192px; display: block; margin: 0px auto 4px; }
.guide li h4 { font-size: 11px; color: #666666; line-height: 20px; height: 20px; padding-left: 7px; display: none; }
.guide li p { margin: 0px auto; width: 186px; }
.content { padding: 6px 0px; }
.left { float: left; width: 170px; border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; padding: 6px 0px; }
.left h3 { line-height: 26px; height: 26px; font-size: 12px; padding-left: 12px; }
.left dl { padding-left: 12px; }
.left dt { line-height: 20px; height: 20px; padding-top: 6px; font-weight: bold; }
.left dd { line-height: 18px; height: 18px; }
.right { width: 660px; float: right; }
.banner { background: #f5f5f5; padding: 5px 6px; }
.banner img { height: 150px; width: 648px; }
.about-us { padding: 10px 16px; }
.about-us h3 { font-size: 12px; color: #666666; line-height: 26px; height: 26px; margin-bottom: 5px; }
.about-us p { margin-bottom: 8px; line-height: 150%; }
.shop-box { background: #F0F0F0; padding: 4px 0px 8px; }
.shop-box .tle { height: 18px; margin-bottom: 6px; }
#ser_tab { margin-bottom: 8px; }
#ser_tab td { font-size: 12px; }
#ser_tab .shop_txt { height: 18px; padding-left: 2px; border: 1px solid #CCCCCC; font: 11px/18px Arial, Helvetica, sans-serif; color: #666666; }
#ser_tab .my_btn { cursor: pointer; background: url(../images/serach_btn.gif) no-repeat left top; height: 20px; width: 65px; border-style: none; }

.fun { height: 26px; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }
.views { float: left; width: 360px; background: url(../images/views.gif) no-repeat 8px 4px; padding-left: 32px; line-height: 26px; height: 26px; }
.page1 { float: right; height: 18px; width: 170px; padding-top: 4px; }
.page1 li { float: left; }
.page1 .pn { line-height: 16px; height: 16px; padding: 0px 6px; }
.page1 li A { float: left; display: block; }
.page1 .pre A,.page1 .pre A:visited { line-height: 16px; height: 16px; background: #FFFFFF url(../images/arr_left.gif) no-repeat 4px 2px; padding: 0px 8px 0px 16px; border: 1px solid #CCCCCC; width: 40px; }
.page1 .pre A:hover { color: #ff007b; text-decoration: none; }
.page1 .next A,.page1 .next A:visited { background: #FFFFFF url(../images/arr_right.gif) no-repeat 36px 2px; border: 1px solid #CCCCCC; line-height: 16px; height: 16px; padding: 0px 16px 0px 7px; width: 24px; }
.page1 .next A:hover { color: #ff007b; text-decoration: none; }

.shop_list { padding: 8px 0px; }
.shop_list li { height: 226px; width: 208px; float: left; margin-right: 10px; }


#pro_tab { padding-left: 6px; }
#pro_tab td { padding-bottom: 10px; }
.p_box { height: 226px; width: 208px; border: 1px solid #DFDFDF; background: #FFFFFF; float: left; margin-right: 8px; margin-bottom: 10px; }
.p_box img { height: 140px; width: 208px; margin-bottom: 4px; }
.p_box span { display: block; line-height: 18px; height: 18px; padding-left: 6px; }
.buy_box { background: url(../images/buy.gif) no-repeat right 4px; height: 16px; padding: 3px 3px 0px 0px; }
.buy_box A { display: block; float: right;}
.buy_box A.buy { height: 16px; width: 42px;  margin-left: 8px;  }
.buy_box A.det { height: 16px; width: 66px; }

.page2 { line-height: 20px; height: 20px; padding-right: 10px; text-align: right; font-weight: bold; }
.page2 A { font-weight: normal; padding-right: 3px; padding-left: 3px; }

.sign-box { border: 1px solid #C8C8C8; padding-bottom: 12px; }
.sign-box .tle { background: #EAEAEA; color: #666666; line-height: 26px; }
.sign-box .tle h3 { line-height: 26px; height: 26px; font-size: 12px; padding-left: 10px; }
.sign-box h2 { line-height: 30px; height: 30px; font-size: 14px; color: #005DB1; padding-left: 10px; }
.sign-box .info { line-height: 20px; padding: 12px; }
#sign_box { margin: 0px auto; width: 760px; }
#sign_box .bgc { background: #f2f2f2; }

#sign_box .l_tle { background: #999999; height: 24px; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 10px; }

.cruu { line-height: 22px; height: 22px; padding-left: 10px; background: #EEEEEE; }
.p_detbox { padding: 10px 5px; }
.p_detbox .pic img { padding: 1px; height: 270px; width: 400px; border: 1px solid #CCCCCC; }
.p_intr td { padding: 5px; }

.full-det { padding: 6px; border-top: 1px solid #CCCCCC; }
.full-det h3 { font-size: 12px; color: #666666; line-height: 20px; height: 20px; margin-bottom: 6px; }

#cart_tab { margin: 0px auto 12px; }
#cart_tab td { text-align: center; }
#cart_tab .cr_tle { height: 24px; color: #666666; }

.qu_txt { height: 18px; width: 36px; border: 1px solid #CCCCCC; padding-left: 2px; color: #666666; font: 11px/18px Arial, Helvetica, sans-serif; }

.totle { margin: 0px auto 5px; width: 740px; background: #f0f0f0; padding-right: 10px; height: 26px; line-height: 26px; font-weight: bold; text-align: right; font-size: 12px; }

.up_btn { background: url(../images/up.gif) no-repeat left top; height: 26px; width: 121px; cursor: pointer; margin: 0px; padding: 0px; border-style: none; }
.buy_btn { background: url(../images/submit.gif) no-repeat left top; margin: 0px; padding: 0px; height: 26px; width: 90px; border-style: none; cursor: pointer; }

.mem_box { border: 1px solid #C8C8C8; padding-bottom: 12px; }
.mem_box .tle { line-height: 24px; height: 24px; background: #EAEAEA; }
.mem_box .tle h3 { line-height: 24px; color: #666666; height: 24px; padding-left: 12px; font-size: 12px; }
.mem_box .tips { width: 610px; margin: 0px auto; background: url(../images/gifh.gif) no-repeat left 6px; line-height: 18px; padding: 6px 0px 6px 24px; }

.info_txt { height: 18px; width: 186px; border: 1px solid #CCCCCC; padding-left: 2px; color: #666666; font: 11px/18px Arial, Helvetica, sans-serif; }
.info_btn { color: #666666; font: 11px/20px Arial, Helvetica, sans-serif; height: 20px; background: #f0f0f0; border: 1px solid #CCCCCC; padding: 0px; margin: 0px; cursor: pointer; }


/*==================折叠菜单==============================*/
#listmenu { width: 166px; padding: 2px; }
#listmenu .list_ul { margin: 0px 0px 5px; }
.list_ul li { padding: 2px; border-bottom: 1px dotted #c6c6c6; }
.list_con { left: 0px; position: relative; top: 0px; width: 166px; }
.list_con h4 { font-size: 11px; line-height: 18px; height: 18px; padding-left: 8px; }
.list_ul .detail { display: none ;}
.list_ul .current { background: url(../images/ico_list_cur.gif) #ffffff no-repeat 3px 7px; }
.list .current .detail { display: block; }
.list_ul .handle { background: url(../images/ico_list_hide.gif) no-repeat center center; left: 145px; width: 16px; cursor: pointer; position: absolute; TOP: 0px; height: 16px }
.list_ul .current .handle { background: url(../images/ico_list_show.gif) no-repeat center center; }
.list_ul .hide_con { width: 160px; padding: 3px 0px; }
#listmenu .clr { CLEAR: both; OVERFLOW: hidden; height: 1px; }

.hide_con ul { line-height: 18px; margin: 0px; padding: 0px; }
.hide_con li { line-height: 18px; height: 18px; border-style: none; padding-left: 8px; }


.news_box { margin: 0px auto; width: 650px; padding-top: 10px; border-top: 1px solid #CCCCCC; }
.nlist { background: url(../images/arr.gif) no-repeat left 5px; padding-left: 20px; padding-bottom: 10px; }
.nlist .tle { line-height: 20px; height: 20px; }
.nlist .tle em { color: #005DB1; padding-right: 20px; }
/*==================算命box==============================*/
.life_box {}
.mem_name { line-height: 30px; height: 30px; padding-left: 10px; background: #EBEBEB; }
.mem_name h2 { font-size: 14px; }
.life_box .mh { height: 20px; padding-left: 6px; background: url(../images/mh.gif) no-repeat right center; }
.life_box .ele { background: url(../images/mh.gif) no-repeat right 9px; padding: 5px 0px 5px 6px; }
.life_tab1 { background: #999999; }
.life_tab1 td { background: #FFFFFF; padding: 4px; text-align: center; }
.life_tab1 .shic { display: block; color: #333333; font-size: 26px; font-weight: bold; padding: 3px 0px; }
.life_tab1 .shic2 { display: block; color: #333333; font-size: 18px; font-weight: bold; padding: 3px 0px; }
.life_tab1 .fb14 { display: block; color: #333333; font-size: 14px; font-weight: bold; padding: 3px 0px; }
.life_tab1 .fb12 { display: block; color: #333333; font-size: 12px; font-weight: bold; padding: 3px 0px; }
.life_tab1 .fb123 { display: block; color: #333333; font-size: 10px; padding: 3px 0px 0px; line-height: 16px; height: 32px; }
.life_tab1 .fti { font-style: italic; text-align: left; display: block; font-size: 12px; }
.life_tab1 .shengx { display: block; font-size: 11px; font-weight: bold; color: #666666; }
.life_tab2 { background: #999999; }
.life_tab2 td { background: #FFFFFF; padding: 4px; text-align: center; }
.life_tab2 .number { background: #EAEAEA; color: #333333; font-weight: bold; }
.life_tab2 .shic { display: block; color: #333333; font-size: 26px; font-weight: bold; padding: 3px 0px; }
.life_tab2 .fb14 { display: block; color: #333333; font-size: 14px; font-weight: bold; padding: 3px 0px; }
.life_tab2 .fb12 { display: block; color: #333333; font-size: 12px; font-weight: bold; padding: 3px 0px; }
.life_tab2 .fti { font-style: italic; text-align: left; display: block; font-size: 12px; }
.life_tab2 .shengx { display: block; font-size: 11px; font-weight: bold; color: #666666; }

/*==================6-30==============================*/
.company_name { padding: 10px 16px; background: #F0F0F0; }
.company_name h3 { font-size: 11px; line-height: 18px; height: 18px; margin-bottom: 4px; font-weight: normal; color: #005DB1; }
.company_name h4 { font-size: 11px; line-height: 18px; height: 18px; margin-bottom: 4px; font-weight: normal; }
.company_name p { line-height: 150%; margin-bottom: 6px; }
.company_name .numc { color: #005DB1; }
.com_list { padding: 2px 0px 6px; }
.com_list li { line-height: 18px; height: 18px; padding-left: 8px; background: url(../images/dot.gif) no-repeat 1px center; }
.add A { background: url(../images/ico_list_hide.gif) no-repeat right center; display: block; line-height: 18px; height: 18px; }
.del A { background: url(../images/ico_list_show.gif) no-repeat right center; display: block; line-height: 18px; height: 18px; }

.about-form { padding: 4px 6px 10px 6px; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; }
.about-form h4 { font-weight: normal; font-size: 11px; color: #005DB1; line-height: 20px; height: 20px; margin-bottom: 12px; }

.mean { line-height: 20px; height: 20px; }
.name_int { padding: 8px 10px; width: 276px; border: 1px solid #EBEBEB; }
.name_int p { margin-bottom: 6px; }
.name_int span { line-height: 20px; height: 20px; }


.tlef5 { line-height: 28px; height: 28px; background: #f5f5f5; padding-left: 12px; font-size: 12px; color: #005DB1; margin-bottom: 14px; }
.tlef5b { line-height: 28px; height: 28px; background: #B7B7B7; padding-left: 12px; font-size: 12px; color: #FFFFFF; margin-bottom: 14px; }

.about0710 { padding: 2px 18px 12px; }


.life_tab716 {}
.life_tab716 span { display: block; text-align: center; padding-top: 2px; padding-bottom: 2px; }
.life_tab716 .top_en { width: 60px; border-bottom: 1px solid #CCCCCC; }
.life_tab716 .bot_shu {}


.tle717 { line-height: 28px; height: 28px; background: #f5f5f5; margin-bottom: 8px; }
.tle717 h4 { font-size: 12px; font-weight: normal; color: #005DB1; padding-left: 12px; width: 89px; display: inline; float: left; white-space: nowrap; }
.tle717 .colors { height: 12px; float: right; width: 106px; padding-top: 8px; }
.tle717 .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.tle717 .colors li.pink { background: #FE086D; }
.tle717 .colors li.green { background: #32B529; }
.tle717 .colors li.blue { background: #0760B2; }

.about0717 { padding: 2px 18px 16px; }
.about0717 p { line-height: 16px; margin-bottom: 8px; }


.tle816 { line-height: 28px; height: 28px; background: #f5f5f5; margin-bottom: 8px; }
.tle816 h4 { font-size: 12px; font-weight: normal; color: #005DB1; padding-left: 12px; display: inline; float: left; white-space: nowrap; }


.tle7199 { line-height: 28px; height: 28px; margin-bottom: 8px; }
.tle7199 h4 { font-size: 11px; font-weight: normal; padding-left: 12px; width: 89px; display: inline; float: left; white-space: nowrap; }
.tle7199 .colors { height: 12px; float: right; width: 106px; padding-top: 8px; }
.tle7199 .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.tle7199 .colors li.pink { background: #FE086D; }
.tle7199 .colors li.green { background: #32B529; }
.tle7199 .colors li.blue { background: #0760B2; }


.f5h28 { background: url(../images/f5h28.gif) repeat-x top; }


.tlec6 { line-height: 28px; height: 28px; }
.tlec6 h4 { font-size: 12px; font-weight: normal; color: #666666; padding-left: 12px; width: 180px; display: inline; float: left; }
.tlec6 .colors { height: 12px; float: right; width: 86px; padding-top: 8px; }
.tlec6 .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.tlec6 .colors li.pink { background: #FE086D; }
.tlec6 .colors li.green { background: #32B529; }
.tlec6 .colors li.blue { background: #0760B2; }


.tlec62 { line-height: 28px; height: 28px; }
.tlec62 h4 { font-size: 11px; font-weight: normal; color: #666666; padding-left: 12px; width: 70px; display: inline; float: left; }
.tlec62 .colors { height: 12px; float: right; width: 80px; padding-top: 8px; }
.tlec62 .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.tlec62 .colors li.pink { background: #FE086D; }
.tlec62 .colors li.green { background: #32B529; }
.tlec62 .colors li.blue { background: #0760B2; }

.tlec8 { line-height: 28px; height: 28px; background: #f5f5f5; margin-bottom: 8px; }
.tlec8 h4 { font-size: 12px; font-weight: normal; color: #005DB1; padding-left: 12px; width: 160px; display: inline; float: left; }
.tlec8 .colors { height: 12px; float: right; width: 106px; padding-top: 8px; }
.tlec8 .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.tlec8 .colors li.pink { background: #FE086D; }
.tlec8 .colors li.green { background: #32B529; }
.tlec8 .colors li.blue { background: #0760B2; }


.tlec82 { line-height: 28px; height: 28px; }
.tlec82 h4 { font-size: 12px; font-weight: normal; color: #666666; padding-left: 12px; width: 90px; display: inline; float: left; }
.tlec82 .colors { height: 12px; float: right; width: 106px; padding-top: 8px; }
.tlec82 .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.tlec82 .colors li.pink { background: #FE086D; }
.tlec82 .colors li.green { background: #32B529; }
.tlec82 .colors li.blue { background: #0760B2; }


.lie3dot h4 { line-height: 28px; height: 28px; background: #f5f5f5; padding-left: 12px; font-size: 12px; color: #005DB1; margin-bottom: 4px; font-weight: normal; }
.lie3dot .colors { height: 12px; width: 106px; padding-left: 16px; }
.lie3dot .colors li { height: 12px; width: 10px; float: left; background: #C6C7CB; margin-right: 2px; }
.lie3dot .colors li.pink { background: #FE086D; }
.lie3dot .colors li.green { background: #32B529; }
.lie3dot .colors li.blue { background: #0760B2; }

.gry_bro { border: 1px solid #A1A1A1; height: 403px; }
.gry_bro h4 { line-height: 28px; height: 28px; background: #B7B7B7; padding-left: 12px; font-size: 12px; color: #FFFFFF; margin-bottom: 1px; }

.gry_bro .data_list { width: 441px; overflow: hidden; background: url(../images/deta_line.gif) left top; height: 355px; border-top: 1px solid #CFCFCF; }
.gry_bro .data_list li { width: 63px; float: left; height: 71px; overflow: hidden; }
.gry_bro .data_list li.hover {}
.gry_bro .data_list span { display: block; width: 58px; padding-right: 5px; overflow: hidden; text-align: right; }
.gry_bro .data_list span.number { padding-top: 3px; font-size: 12px; font-weight: bold; height: 32px; }
.gry_bro .data_list span.green { line-height: 18px; height: 18px; }
.gry_bro .data_list span.pink { line-height: 18px; height: 18px; }

.gry_bro .rt_ul { padding: 6px 5px; }
.gry_bro .rt_ul li { line-height: 18px; height: 18px; font-size: 12px; }

.check_btn { margin: 0px; padding: 0px; height: 19px; width: 59px; cursor: pointer; background: url(../images/check_btn.gif) no-repeat 0px 0px; border-style: none; }
.ckout_btn { margin: 0px; padding: 0px; height: 19px; width: 80px; cursor: pointer; background: url(../images/ckout_btn.gif) no-repeat 0px 0px; border-style: none; }
.reset_btn { margin: 0px; padding: 0px; height: 19px; width: 59px; cursor: pointer; background: url(../images/reset_btn.gif) no-repeat 0px 0px; border-style: none; }
.modify_btn { margin: 0px; padding: 0px; height: 19px; width: 59px; cursor: pointer; background: url(../images/modify_btn.gif) no-repeat 0px 0px; border-style: none; }
.pay_btn { margin: 0px; padding: 0px; height: 19px; width: 59px; cursor: pointer; background: url(../images/pay_btn.gif) no-repeat 0px 0px; border-style: none; }
.sign_btn { margin: 0px; padding: 0px; height: 19px; width: 65px; cursor: pointer; background: url(../images/sign_btn.gif) no-repeat 0px 0px; border-style: none; }
.reg_btn { margin: 0px; padding: 0px; height: 19px; width: 80px; cursor: pointer; background: url(../images/reg_btn.gif) no-repeat 0px 0px; border-style: none; }
.continue_btn { margin: 0px; padding: 0px; height: 19px; width: 135px; cursor: pointer; background: url(../images/continue.gif) no-repeat 0px 0px; border-style: none; }
.car_btn { margin: 0px; padding: 0px; height: 19px; width: 138px; cursor: pointer; background: url(../images/car_btn.gif) no-repeat 0px 0px; border-style: none; }

.move_btn { margin: 0px; padding: 0px; height: 19px; width: 141px; cursor: pointer; background: url(../images/move_btn.gif) no-repeat 0px 0px; border-style: none; }
.view_btn { margin: 0px; padding: 0px; height: 19px; width: 97px; cursor: pointer; background: url(../images/view_btn.gif) no-repeat 0px 0px; border-style: none; }

.edit_btn { margin: 0px; padding: 0px; height: 19px; width: 44px; cursor: pointer; background: url(../images/edit_btn.gif) no-repeat 0px 0px; border-style: none; }
.save_btn { margin: 0px; padding: 0px; height: 19px; width: 44px; cursor: pointer; background: url(../images/save_btn.gif) no-repeat 0px 0px; border-style: none; }

.sub_stn { margin: 0px; padding: 0px; height: 19px; width: 59px; cursor: pointer; background: url(../images/sub_stn.gif) no-repeat 0px 0px; border-style: none; }
.msi_btn { margin: 0px; padding: 0px; height: 19px; width: 246px; cursor: pointer; background: url(../images/msi_btn.gif) no-repeat 0px 0px; border-style: none; }
.rem_btn { margin: 0px; padding: 0px; height: 19px; width: 155px; cursor: pointer; background: url(../images/rem_btn.gif) no-repeat 0px 0px; border-style: none; }


.stup { height: 20px; width: 748px; background: url(../images/stup.gif) no-repeat 0px 0px; margin: 0px auto 10px; }
.stup .stbg1 { height: 20px; width: 748px; background: url(../images/stup.gif) no-repeat 0px 0px; }
.stup .stbg2 { height: 20px; width: 748px; background: url(../images/stup.gif) no-repeat 0px -20px; }
.stup .stbg3 { height: 20px; width: 748px; background: url(../images/stup.gif) no-repeat 0px -40px; }
.stup .stbg4 { height: 20px; width: 748px; background: url(../images/stup.gif) no-repeat 0px -60px; }