/* ==================== 基础工具类 ==================== */ .mt5 { margin-top: 5px; } .pb10 { padding-bottom: 10px; } .tc { text-align: center; } .tr { text-align: right; } .mb10 { margin-top: 10px; } /* ==================== 颜色体系 ==================== */ :root { --color-primary: #F2AD49; --color-primary-light: #FFC570; --color-primary-dark: #CD7A0F; --color-bg-warm: #FFF6E6; --color-border: #FEDFAB; --color-text-primary: #333; --color-text-secondary: #808080; --color-red: #fd0000; --color-grey: #656565; --color-green: #058805; --color-blue: #06F; } .right_list1 .cRed { color: var(--color-red); } .right_list1 .cGrey { color: var(--color-grey); } .right_list1 .cGreen { color: var(--color-green); } .right_list1 .cBlue { color: var(--color-blue); } /* ==================== 按钮组件 ==================== */ .btn_brown, .btn_brown_1, .btn_orange, .btn_orange_1, .btn_orange2 { display: block; margin: 20px auto 0; width: 200px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #FFF; background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light)); border-radius: 4px; border: none; cursor: pointer; } .btn_brown, .btn_brown_1 { width: 68px; height: 23px; line-height: 23px; color: #813d20; background: url(../../../images/suanming/v2/common.png) no-repeat; } .btn_brown { background-position: 0 -117px; } .btn_brown:hover { background-position: 0 -145px; color: #fff; text-decoration: none; } .btn_brown_1 { width: 58px; background-position: -90px -88px; } .btn_brown_1:hover, .btn_brown_1_hover { background-position: -90px -117px; } /* ==================== 输入框组件 ==================== */ .ipt_text, .select { box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #333; height: 32px; background: #FFF; border: 1px solid var(--color-border); border-radius: 4px; } .ipt_text { margin-right: 10px; width: 170px; } .ipt_radio { width: 13px; height: 13px; margin-right: 8px; vertical-align: middle; overflow: hidden; } /* ==================== 帮助区域 ==================== */ #helpArea { display: flex; justify-content: center; align-items: center; margin: 20px 0; font-size: 14px; } #helpArea .icon { margin-right: 10px; width: 16px; height: 16px; } #helpArea .help_tit { color: #999; } #helpArea .link, .help_area a { color: var(--color-primary); } .help_area { text-align: center; color: #999; } /* ==================== 内容区域组件 ==================== */ .section_wrapper { box-sizing: border-box; padding: 6px; background-color: var(--color-bg-warm); border-radius: 4px; } .section_content { box-sizing: border-box; padding: 20px; border: 1px solid var(--color-border); background-color: var(--color-bg-warm); } .section_content .intro_text { margin-bottom: 10px; line-height: 22px; font-size: 14px; color: var(--color-text-secondary); } /* 模块卡片 */ .mod_box_t1 { margin-bottom: 10px; } .mod_box_t1 .hd { position: relative; margin: 0 14px 9px; overflow: hidden; z-index: 2; } .mod_box_t1 .bd_wrapper { padding: 6px; background: var(--color-bg-warm); border-radius: 4px; } .mod_box_t1 .bd { position: relative; z-index: 3; padding: 20px; background: var(--color-bg-warm); border: 1px solid var(--color-border); } /* 标题样式 */ .mod_box_t1 .hd, .part_content .hd h1 { margin: 0px auto 10px; text-align: center; font-size: 30px; font-weight: 500; color: var(--color-text-primary); padding-top: 10px; font-family: 'PingFang SC'; } /* 功能区域 */ .part_content { margin-bottom: 10px; background-color: #FFF; border-radius: 4px; } .fn_part { box-sizing: border-box; padding: 20px; border: 1px solid var(--color-border); background-color: #FFF; border-radius: 4px; } .fn_part h2, .part_content h2 { margin: 14px auto; text-align: center; } .fn_part h9 { margin: 14px auto 0; overflow: hidden; text-indent: -9999px; } /* 介绍区域 */ .intro_area, .part_content .intro_area, .fn_part .intro_area { margin-bottom: 15px; font-size: 14px; color: var(--color-text-secondary); line-height: 22px; } .intro_title { display: flex; margin: 0 auto 12px; justify-content: space-between; align-items: center; width: 140px; height: 40px; } .intro_title span { display: block; margin-right: 10px; width: 16px; height: 16px; border: 3px solid var(--color-primary-light); background: #FFF; border-radius: 50%; } .intro_title h4 { font-size: 18px; font-family: 'PingFang SC'; font-weight: 500; color: var(--color-primary); } .intro_area p { font-size: 14px; font-family: 'PingFang SC'; font-weight: 400; color: var(--color-text-secondary); line-height: 22px; } /* ==================== 列表组件 ==================== */ .right_list1 { display: flex; justify-content: space-between; flex-wrap: wrap; } .right_list1 li { width: 33%; text-align: center; font-size: 16px; line-height: 30px; } .right_list1 a { color: var(--color-primary); } /* 文字列表 */ .mod_txt { overflow: hidden; *zoom: 1; } .mod_txt li { float: left; display: inline; margin-left: 10px; width: 100px; padding-left: 8px; height: 27px; line-height: 27px; overflow: hidden; background: url(../../../images/suanming/v2/common.png) no-repeat -147px -2px; } .mod_txt_s1 { margin-left: 8px; } .mod_txt_s1 li { display: block; float: none; width: auto; margin-left: 0; height: 21px; line-height: 21px; background-position: -147px -5px; } /* 商品列表 */ .mod_pro { overflow: hidden; *zoom: 1; } .mod_pro li { float: left; display: inline; margin: 0 10px 0 14px; padding: 11px 0 8px; width: 154px; overflow: hidden; } .mod_pro .pro_pic { display: block; width: 152px; height: 148px; overflow: hidden; border: 1px solid #e2e2e1; } .mod_pro .pro_tit { margin: 4px 0 0; display: block; height: 36px; overflow: hidden; } .mod_pro .pro_tit a { color: #834b27; } .mod_pro .pro_tit a:hover { color: #fd5151; } .mod_pro .price { float: left; color: #f00; font-family: Arial; font-size: 20px; font-weight: normal; } .mod_pro .btn_red { float: right; margin-top: 3px; width: 61px; height: 23px; text-align: center; line-height: 23px; color: #fff !important; background: url(../../../images/suanming/v2/common.png) no-repeat -90px -32px; cursor: pointer; } .mod_pro .btn_red:hover { background-position: -90px -60px; text-decoration: none; } .mod_pro .prop { padding-top: 6px; overflow: hidden; *zoom: 1; } /* ==================== 星座组件 ==================== */ .mod_zodiac { overflow: hidden; *zoom: 1; } .mod_zodiac a { float: left; display: inline; margin: 18px 0 0 9px; width: 50px; height: 49px; overflow: hidden; text-indent: -9999px; background: url(../../../images/suanming/v2/zodiac_v2.png) no-repeat 0 0; } /* 生成12星座位置 */ .mod_zodiac .zodiac_1 { background-position: 0 0; } .mod_zodiac .zodiac_2 { background-position: -59px 0; } .mod_zodiac .zodiac_3 { background-position: -119px 0; } .mod_zodiac .zodiac_4 { background-position: -178px 0; } .mod_zodiac .zodiac_5 { background-position: -237px 0; } .mod_zodiac .zodiac_6 { background-position: -296px 0; } .mod_zodiac .zodiac_7 { background-position: -356px 0; } .mod_zodiac .zodiac_8 { background-position: -415px 0; } .mod_zodiac .zodiac_9 { background-position: -474px 0; } .mod_zodiac .zodiac_10 { background-position: -533px 0; } .mod_zodiac .zodiac_11 { background-position: -593px 0; } .mod_zodiac .zodiac_12 { background-position: -652px 0; } .mod_zodiac .zodiac_1:hover, .mod_zodiac .zodiac_1_cur { background-position: 0 -74px; } .mod_zodiac .zodiac_2:hover, .mod_zodiac .zodiac_2_cur { background-position: -59px -74px; } .mod_zodiac .zodiac_3:hover, .mod_zodiac .zodiac_3_cur { background-position: -119px -74px; } .mod_zodiac .zodiac_4:hover, .mod_zodiac .zodiac_4_cur { background-position: -178px -74px; } .mod_zodiac .zodiac_5:hover, .mod_zodiac .zodiac_5_cur { background-position: -237px -74px; } .mod_zodiac .zodiac_6:hover, .mod_zodiac .zodiac_6_cur { background-position: -296px -74px; } .mod_zodiac .zodiac_7:hover, .mod_zodiac .zodiac_7_cur { background-position: -356px -74px; } .mod_zodiac .zodiac_8:hover, .mod_zodiac .zodiac_8_cur { background-position: -415px -74px; } .mod_zodiac .zodiac_9:hover, .mod_zodiac .zodiac_9_cur { background-position: -474px -74px; } .mod_zodiac .zodiac_10:hover, .mod_zodiac .zodiac_10_cur { background-position: -533px -74px; } .mod_zodiac .zodiac_11:hover, .mod_zodiac .zodiac_11_cur { background-position: -593px -74px; } .mod_zodiac .zodiac_12:hover, .mod_zodiac .zodiac_12_cur { background-position: -652px -74px; } /* 大星座 */ .mod_zodiac_big a, .mod_zodiac_small a { background: url(../../../images/suanming/v2/zodiac.png?t=130407) no-repeat 0 0; } .mod_zodiac_big a { margin: 22px 3px 0 22px; width: 91px; height: 107px; } .mod_zodiac_big .zodiac_1 { background-position: 0 0; } .mod_zodiac_big .zodiac_2 { background-position: -96px 0; } .mod_zodiac_big .zodiac_3 { background-position: -192px 0; } .mod_zodiac_big .zodiac_4 { background-position: -288px 0; } .mod_zodiac_big .zodiac_5 { background-position: -384px 0; } .mod_zodiac_big .zodiac_6 { background-position: -480px 0; } .mod_zodiac_big .zodiac_7 { background-position: -576px 0; } .mod_zodiac_big .zodiac_8 { background-position: -672px 0; } .mod_zodiac_big .zodiac_9 { background-position: -768px 0; } .mod_zodiac_big .zodiac_10 { background-position: -864px 0; } .mod_zodiac_big .zodiac_11 { background-position: -960px 0; } .mod_zodiac_big .zodiac_12 { background-position: -1056px 0; } .mod_zodiac_big .zodiac_1:hover, .mod_zodiac_big .zodiac_1_cur { background-position: 0 -112px; } .mod_zodiac_big .zodiac_2:hover, .mod_zodiac_big .zodiac_2_cur { background-position: -96px -112px; } .mod_zodiac_big .zodiac_3:hover, .mod_zodiac_big .zodiac_3_cur { background-position: -192px -112px; } .mod_zodiac_big .zodiac_4:hover, .mod_zodiac_big .zodiac_4_cur { background-position: -288px -112px; } .mod_zodiac_big .zodiac_5:hover, .mod_zodiac_big .zodiac_5_cur { background-position: -384px -112px; } .mod_zodiac_big .zodiac_6:hover, .mod_zodiac_big .zodiac_6_cur { background-position: -480px -112px; } .mod_zodiac_big .zodiac_7:hover, .mod_zodiac_big .zodiac_7_cur { background-position: -576px -112px; } .mod_zodiac_big .zodiac_8:hover, .mod_zodiac_big .zodiac_8_cur { background-position: -672px -112px; } .mod_zodiac_big .zodiac_9:hover, .mod_zodiac_big .zodiac_9_cur { background-position: -768px -112px; } .mod_zodiac_big .zodiac_10:hover, .mod_zodiac_big .zodiac_10_cur { background-position: -864px -112px; } .mod_zodiac_big .zodiac_11:hover, .mod_zodiac_big .zodiac_11_cur { background-position: -960px -112px; } .mod_zodiac_big .zodiac_12:hover, .mod_zodiac_big .zodiac_12_cur { background-position: -1056px -112px; } /* 小星座 */ .mod_zodiac_small a { width: 47px; height: 61px; margin: 0 0 0 10px; } .mod_zodiac_small .zodiac_1 { background-position: 0 -224px; } .mod_zodiac_small .zodiac_2 { background-position: -52px -224px; } .mod_zodiac_small .zodiac_3 { background-position: -104px -224px; } .mod_zodiac_small .zodiac_4 { background-position: -156px -224px; } .mod_zodiac_small .zodiac_5 { background-position: -208px -224px; } .mod_zodiac_small .zodiac_6 { background-position: -260px -224px; } .mod_zodiac_small .zodiac_7 { background-position: -312px -224px; } .mod_zodiac_small .zodiac_8 { background-position: -364px -224px; } .mod_zodiac_small .zodiac_9 { background-position: -416px -224px; } .mod_zodiac_small .zodiac_10 { background-position: -468px -224px; } .mod_zodiac_small .zodiac_11 { background-position: -520px -224px; } .mod_zodiac_small .zodiac_12 { background-position: -572px -224px; } .mod_zodiac_small .zodiac_1:hover, .mod_zodiac_small .zodiac_1_cur { background-position: 0 -290px; } .mod_zodiac_small .zodiac_2:hover, .mod_zodiac_small .zodiac_2_cur { background-position: -52px -290px; } .mod_zodiac_small .zodiac_3:hover, .mod_zodiac_small .zodiac_3_cur { background-position: -104px -290px; } .mod_zodiac_small .zodiac_4:hover, .mod_zodiac_small .zodiac_4_cur { background-position: -156px -290px; } .mod_zodiac_small .zodiac_5:hover, .mod_zodiac_small .zodiac_5_cur { background-position: -208px -290px; } .mod_zodiac_small .zodiac_6:hover, .mod_zodiac_small .zodiac_6_cur { background-position: -260px -290px; } .mod_zodiac_small .zodiac_7:hover, .mod_zodiac_small .zodiac_7_cur { background-position: -312px -290px; } .mod_zodiac_small .zodiac_8:hover, .mod_zodiac_small .zodiac_8_cur { background-position: -364px -290px; } .mod_zodiac_small .zodiac_9:hover, .mod_zodiac_small .zodiac_9_cur { background-position: -416px -290px; } .mod_zodiac_small .zodiac_10:hover, .mod_zodiac_small .zodiac_10_cur { background-position: -468px -290px; } .mod_zodiac_small .zodiac_11:hover, .mod_zodiac_small .zodiac_11_cur { background-position: -520px -290px; } /* ==================== 表单组件 ==================== */ .mod_form .form_item { display: flex; align-items: center; margin-bottom: 28px; line-height: 22px; font-family: 'PingFang SC'; font-size: 16px; color: #4D4D4D; } .form_item .label { display: flex; margin-right: 10px; } .form_item .label span { display: flex; justify-content: space-between; width: 72px; } .form_item .label i { font-style: normal; } .mod_form .btn_item { padding-top: 1px; padding-bottom: 3px; text-align: center; } /* ==================== 导航和路径 ==================== */ .path { display: flex; margin: 0 auto; justify-content: space-between; align-items: center; width: 1140px; height: 46px; } .path .path_l { font-size: 16px; color: #999; } .path .path_l a { color: var(--color-primary-dark); } .path .path_l a:last-child { color: #999; } .path .path_r { display: flex; align-items: center; } .path_r .ipt_text { box-sizing: border-box; display: inline-block; margin: 0; padding: 0 10px; width: 198px; height: 32px; line-height: 32px; background-color: #FFF; border: 1px solid var(--color-border); border-radius: 4px 0px 0px 4px; } .input #s-wd { width: 175px; height: 25px; line-height: 25px; float: left; } .ipt_sub { width: 88px; height: 32px; line-height: 32px; font-size: 16px; color: #FFF; text-align: center; background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light)); border-radius: 0px 4px 4px 0px; border: none; } /* ==================== 分页组件 ==================== */ .page a { border-color: #D2D2D2; } .page a.current { border-color: #C58C5D; background-color: #894A16; } /* ==================== 搜索组件 ==================== */ .tps_zhgjm { background: url(../../../images/zougong.png) no-repeat; } .cont .tps_zhgjm { border: 1px solid #d0ad9a; border-bottom: 0px; background-color: #fdf5e6; padding: 48px 72px 15px 10px; position: relative; zoom: 1; } .tps_zhgjm .dream_sc_zg { position: relative; } .tps_zhgjm .btn_search { width: 55px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border: 0 none; cursor: pointer; position: absolute; top: 48px; right: 10px; background: url(../../../images/sub.png) no-repeat; } .tps_zhgjm .dream_sc_zg span { width: 40px; height: 27px; text-align: center; font: 14px/27px 'Microsoft YaHei'; color: #b07052; border-right: 1px solid #d4b9a1; background: #fff3d3; position: absolute; left: 2px; top: 2px; z-index: 99; zoom: 1; } .tps_zhgjm .dream_sc_zg .search-text { height: 27px; line-height: 27px; border: 2px solid #b27f4f; padding: 0 8px 0 49px; position: relative; background: #fff; zoom: 1; } .tps_zhgjm .dream_txt_zg { width: 100%; height: 27px; border: 0 none; line-height: 27px; color: #999; font-size: 14px; } /* ==================== 其他组件 ==================== */ #btn_begincs2 { display: block; margin: 20px auto; cursor: pointer; } .dream_result img { display: table-cell; margin: 0 auto; } .mm32050 { padding-top: 5px; line-height: 22px; text-align: center; } .spreadHotWords { margin-bottom: 10px; background-color: #fff6e4; border-color: #d0ad9a; } .spreadHotWords .sTit { background-position: -35px 0; } .spreadHotWords_list { margin-top: 4px; padding-left: 15px; } .spreadHotWords_list li { width: 80px; float: left; margin-right: 15px; display: inline; } .spreadHotWords_onerow .sTit { background-position: -35px -68px; } .header_recom_tool a { color: #813d20; } .newsinfo { color: gray; text-align: center; } .query_btn { text-align: center; padding: 10px 0; } .titleLink a, .titleLink span { font-size: 12px; font-weight: normal; margin: 0 3px; } .titleLink_more { position: absolute; top: 0; right: 20px; color: #a4672e; } /* ==================== 星座侧边栏 ==================== */ .xingzuo_hot { width: 237px; float: right; border-left: 1px solid #d0ad9a; padding-bottom: 3000px; margin-bottom: -3000px; } .xingzuo_hot_title { height: 38px; line-height: 38px; text-align: center; border-bottom: 1px solid #f2d2b5; background-color: #fffcf5; font-size: 18px; color: #834b27; } .xingzuo_hot_list { padding: 10px 0 8px 0; } .xingzuo_hot_list ul { padding-left: 42px; background: url(../../../images/xingzuo/v2/icon_num.png) no-repeat 15px 8px; } .xingzuo_hot_list ul li { height: 28px; line-height: 28px; } .xingzuo_hot_list ul li a { width: 194px; display: block; color: #515151; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .xingzuo_hot_list ul li a:hover { color: #a4672e; } /* ==================== 生肖组件 ==================== */ .sesx { margin-top: 0px; overflow: hidden; border-top: 0px; } .sesx .hd_s1 h3 { text-align: center; padding-left: 0; } .sesx .bd_s1 { padding: 15px 5px 7px 16px; overflow: hidden; } .sesx .bd_s1 a { float: left; margin: 0 8px 8px 0; width: 48px; height: 48px; text-indent: -200px; overflow: hidden; background-image: url(../../../images/suanming/v2/sx-12.png); background-repeat: no-repeat; } .sesx .bd_s1 a:hover { text-decoration: none; } /* 生肖位置和悬停 */ .sesx .bd_s1 .sx-1 { background-position: 0 0; } .sesx .bd_s1 .sx-1:hover { background-position: -224px 0; } .sesx .bd_s1 .sx-2 { background-position: -56px 0; } .sesx .bd_s1 .sx-2:hover { background-position: -280px 0; } .sesx .bd_s1 .sx-3 { background-position: -112px 0; } .sesx .bd_s1 .sx-3:hover { background-position: -336px 0; } .sesx .bd_s1 .sx-4 { background-position: -168px 0; } .sesx .bd_s1 .sx-4:hover { background-position: -392px 0; } .sesx .bd_s1 .sx-5 { background-position: 0 -56px; } .sesx .bd_s1 .sx-5:hover { background-position: -224px -56px; } .sesx .bd_s1 .sx-6 { background-position: -56px -56px; } .sesx .bd_s1 .sx-6:hover { background-position: -280px -56px; } .sesx .bd_s1 .sx-7 { background-position: -112px -56px; } .sesx .bd_s1 .sx-7:hover { background-position: -336px -56px; } .sesx .bd_s1 .sx-8 { background-position: -168px -56px; } .sesx .bd_s1 .sx-8:hover { background-position: -392px -56px; } .sesx .bd_s1 .sx-9 { background-position: 0 -112px; } .sesx .bd_s1 .sx-9:hover { background-position: -224px -112px; } .sesx .bd_s1 .sx-10 { background-position: -56px -112px; } .sesx .bd_s1 .sx-10:hover { background-position: -280px -112px; } .sesx .bd_s1 .sx-11 { background-position: -112px -112px; } .sesx .bd_s1 .sx-11:hover { background-position: -336px -112px; } .sesx .bd_s1 .sx-12 { background-position: -168px -112px; } .sesx .bd_s1 .sx-12:hover { background-position: -392px -112px; } /* ==================== 链接和广告 ==================== */ .relateLinks { padding: 20px 0; text-align: center; } .relateLinks a { display: inline-block; margin-right: 12px; width: 120px; line-height: 34px; font-size: 18px; font-weight: 400; text-align: center; color: #333; border-radius: 4px; } .relateLinks a:nth-child(1) { background-color: #FFD99A; } .relateLinks a:nth-child(2) { background-color: #ADD1EA; } .relateLinks a:nth-child(3) { background-color: #FBB9BB; } .relateLinks a:nth-child(4) { background-color: #A9E3BE; } .relateLinks a:nth-child(5) { background-color: #B294F5; } .relatedTool { border: 1px solid #ebdbd3; } .relatedTool h3 { border-bottom: 1px solid #ebdbd3; color: #8c2b00; background-color: #fff7e8; } .relatedTool th, .relatedTool td { border-top: 1px solid #ebdbd3; background: #fffcf7; } .relatedTool td { border-left: 1px solid #ebdbd3; } /* 彩云区域 */ .fn_caiyun .ret_con { padding: 20px 38px; color: #904520; } .fn_caiyun .ret_con p { line-height: 30px; } .fn_caiyun .ret_con span { display: block; line-height: 30px; height: 30px; } .fn_caiyun .ret_con .sDes { color: #333; } .fn_caiyun .ret_con .sDes em { font-weight: bold; color: #f00; } .fn_caiyun .cut_tit { margin-top: 12px; } .fn_caiyun .tips_area { margin-bottom: -20px; } /* 广告和标志 */ .adbox_con { position: relative; } .adbox_bazi { width: 672px; height: 256px; float: right; } .adbox2 { position: absolute; top: 0; right: 0; } .flag_con { position: relative; } .flag_l { position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; overflow: hidden; background: url(../../../images/suanming/v2/common.png) no-repeat; } .flag_r { position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; overflow: hidden; background: url(../../../images/suanming/v2/common.png) no-repeat -22px 0; } /* 工具区域 */ .suanming-tools .hd_s1 h3, .sesx .hd_s1 h3 { text-align: left; padding-left: 27px; } .suanming-tools .bd_s1 { padding: 0; } .suanming-tools-type { padding: 8px 20px; font-size: 14px; overflow: hidden; border-bottom: 1px solid #f2d2b5; margin-bottom: -1px; _position: relative; } .suanming-tools-type dt { float: left; width: 112px; color: #915926; font-weight: bold; line-height: 28px; } .suanming-tools-type dd { float: left; line-height: 20px; width: 576px; font-size: 0; } .suanming-tools-type dd span { display: inline-block; width: 115px; font-size: 14px; *width: 114px; _display: inline; _zoom: 1; } /* 黄道区域 */ .ecliptic_act .null_tips { float: left; margin: 8px 0 0 16px; color: #666; } .zodiac_part .bd { padding-top: 0; padding-bottom: 25px; } .ecliptic_list { margin-top: 5px; padding: 0 0 0 37px; overflow: hidden; *zoom: 1; } .ecliptic_list .e_item { margin-top: 7px; display: block; width: 150px; height: 40px; line-height: 38px; background: url(../../../images/suanming/v2/common.png) no-repeat 0 -173px; color: #813d20; text-align: center; cursor: pointer; } .ecliptic_list .e_item span { padding-left: 18px; } .ecliptic_list .e_item:hover { background-position: 0 -218px; color: #fff; text-decoration: none; } .ecliptic_list .e_2 { background-position: 0 -263px; } .ecliptic_list .e_2:hover { background-position: 0 -308px; } .ecliptic_list .e_3 { background-position: 0 -353px; } .ecliptic_list .e_3:hover { background-position: 0 -398px; } .ecliptic_part .mod_txt_s1 { padding-top: 6px; padding-bottom: 4px; } .horoscope_list { margin: -3px 0 0 0; overflow: hidden; *zoom: 1; } .horoscope_list .btn_brown { float: left; margin: 10px 2px 0 6px; } .subtitle { border-bottom: 1px dashed #e4d1bd; } .subtitle h4 { height: 20px; overflow: hidden; padding: 0 0 3px 10px; font-size: 13px; color: #834b27; font-weight: bold; } .horoscope_part .mod_txt_s1 { padding-top: 12px; padding-bottom: 12px; } .hot_tool_part .mod_txt { padding-left: 2px; padding-top: 5px; padding-bottom: 5px; } .hot_tool_part .mod_txt li { width: 58px; height: 30px; line-height: 30px; font-size: 14px; } .mod_pair { padding: 12px 0 6px 8px; } .mod_pair .cut { vertical-align: middle; color: #3e4144; font-size: 14px; } .mod_pair .select { font-size: 12px; } /* 热链接 */ .mod_hotlink { position: relative; margin: 10px 0; padding: 0 0 0 35px; height: 61px; background: #fff6e4; border: 1px solid #d0ad9a; } .mod_hotlink span { position: absolute; top: -1px; left: -1px; width: 30px; height: 63px; overflow: hidden; text-indent: -9999px; background: url(../../../images/suanming/v2/common.png) no-repeat -90px -527px; } .mod_hotlink ul { float: left; width: 716px; } .mod_hotlink li { float: left; width: 102px; font-size: 14px; line-height: 28px; } .mod_hotlink .iframeCon { padding-top: 7px; } .mod_hotlink_single { height: 35px; } .mod_hotlink_single span { height: 37px; background-position: -125px -527px; } .mod_hotlink_single .iframeCon { padding-top: 3px; } .mod_hotlink_single ul { width: 686px; } .mod_hotlink_single li { width: 98px; } .main_banner { width: 730px; overflow: hidden; text-align: center; } .fn_box_xingzuo { background-image: url(../../../images/suanming/v2/bg_xz.jpg); }