.head{ width: 100%; /* height: 234px; */ /* background: #d85959; */ float: left; } .head1{ width: 1200px; height: 100%; margin: auto; } .head_qwihuan { width: 100%; height: 16px; margin-top: 10px; float: left; } img.logo1 { height: 23px; width: 100%; /* padding-top: 10px; */ /* padding-bottom: 10px; */ } .head_qwihuan div { float: right; } .head_qwihuan div a{ padding-left: 15px; } img.log { width: 230px; height: 70px; float: left; margin-top: 16px; margin-left: 71px; float: left; } input.layui-input.sosuo { width: 300px; height: 34px; background: #ffffff; float: right; margin-top: 5px; box-shadow: 0px 0px 10px #dadada inset; border: 2px solid #d85959; border-radius: 5px 0 0 5px; } img.logo { width: 185px; float: left; margin-bottom: 15px; } button.layui-btn.layui-btn-danger.annv { height: 34px; float: right; margin-top: 5px; width: 70px; background-color: #d85959; color: #ffffff; font-size: 16px; text-align: center; line-height: 30px; border-radius: 0 5px 5px 0; } .daohang { width: 100%; height: 46px; background: #d85959; float: left; /* margin-top: 40px; */ } .xxk { width: 1200px; height: 100%; margin: auto; display: flex; justify-content: space-around; } .xxk a { height: 100%; font-size: 22px; font-family: source han sans cn, source han sans cn-regular; font-weight: bold; text-align: left; color: #ffffff; line-height: 52px; margin-left: 2px; float: left; padding-left: 10px; padding-right: 10px; text-align: center; } /* .shoyei{ border-bottom: 2px solid #cd7761; } */ .dier { width: 1200px; margin: auto; /* height: 200px; */ display: flex; /* padding-top: 20px; */ flex-direction: column; } .gonggong { width: 100%; float: left; margin-top: 10px; } .diyi_zuo { width: 494px; float: left; } .biaoti_wannianli { width: 494px; height: 54px; background: #d85959; font-size: 30px; font-family: slidexiaxing, slidexiaxing-regular; font-weight: 400; text-align: center; color: #ffffff; line-height: 52px; letter-spacing: 0.43px; } .xinxikuang { width: 494px; height: 424px; background: #d85959; float: left; margin-top: 8px; } .xinxikuang_zuo { width: 225px; height: 413px; background: #ffefdc; float: left; margin-top: 4.7px; margin-left: 6px; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; } .ershisi { width: 219px; height: 18px; font-size: 17px; font-family: source han sans cn, source han sans cn-regular; font-weight: bold; text-align: left; color: #f9a13a; line-height: 14px; letter-spacing: 0.17px; margin-left: 16px; margin-top: 10px; float: left; } .time { width: 100%; height: 84px; font-size: 84px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: center; color: #000000; line-height: 84px; letter-spacing: 1.12px; float: left; margin-top: 28px; } .xingqi { width: 100%; height: 20px; font-size: 20px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; color: #000000; line-height: 20px; letter-spacing: 0.2px; text-align: center; float: left; margin-top: 16px; } .jintian { width: 100%; height: 16px; font-size: 16px; font-family: source han sans cn, source han sans cn-regular; font-weight: bold; text-align: center; color: #000000; line-height: 16px; letter-spacing: 0.16px; float: left; margin-top: 9px; } .longli { width: 100%; height: 17px; font-size: 17px; font-family: source han sans cn, source han sans cn-regular; font-weight: 400; text-align: center; color: #000000; line-height: 17px; letter-spacing: 0.17px; margin-top: 10px; float: left; } .longli1 { width: 100%; height: 16px; font-size: 16px; font-family: source han sans cn, source han sans cn-regular; font-weight: 400; text-align: center; color: #000000; line-height: 16px; letter-spacing: 0.16px; float: left; margin-top: 14px; } .tianshu { width: 185px; height: 84px; font-size: 16px; font-family: source han sans cn, source han sans cn-regular; font-weight: bold; text-align: center; color: #000000; line-height: 22px; letter-spacing: 0.16px; margin-top: 41px; } .tianshu span { display: inline-table; font-weight: 400; } .xinxikuang_you { width: 248px; height: 270px; background: #ffefdc; float: left; margin-left: 10px; margin-top: 4.7px; } .yiji_kuang { width: 100%; height: auto; float: left; margin-top: 12px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .yi { width: 101px; height: 25px; background-image: url(/uploads/image/snimg/1.png); background-size: 100% 100%; font-size: 16px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: center; color: #ffffff; line-height: 25px; letter-spacing: 0.16px; } .jisi { width: 33.3%; height: 16px; font-size: 16px; font-family: source han sans cn, source han sans cn-bold; color: #000000; line-height: 16px; float: left; margin-top: 5px; text-align: center; } .jisikuang { width: 100%; float: left; } .shuxing { width: 248px; height: 133px; background: #ffefdc; float: left; margin-left: 10px; margin-top: 10px; } .shuxing_kuang { width: 100%; height: 17px; float: left; margin-left: 8px; margin-top: 8px; } img.shuxing_log { width: 18px; height: 17px; float: left; } .shuxing_name { font-size: 14px; font-family: source han sans cn, source han sans cn-bold; text-align: left; color: #000000; line-height: 17px; letter-spacing: 3.14px; float: left; margin-left: 10px; } .shuxing.shuxing1 { margin-left: 6px; } .time1 { width: 60px; height: 109px; font-size: 20px; font-family: source han sans cn, source han sans cn-regular; font-weight: 400; text-align: center; color: #000000; line-height: 35px; margin-top: 10px; margin-left: 25px; } .diyi_you { width: 693px; float: right; /* height: 200px; */ /* border: 1px solid #bfbfbf; */ } .huangli1 { width: 100%; height: 136px; float: left; /* border: 1px solid #bfbfbf; */ } .huangli1{overflow: hidden; font-size: 16px;} .huangli1 table{background: #f1e5cf; width: 100%; overflow: hidden; border-collapse: collapse; border-spacing: 0; table-layout: fixed;} .huangli1 table th{background-color: #d85959; color: #ffffff; font-weight: normal; border: 1px solid #ffffff; word-break: normal; text-align: center;padding: 8px;font-size: 18px;} .huangli1 table td{width: 14%; box-sizing: border-box; background-color: #fff; border: 1px solid #d85959; word-break: break-all; text-align: center;font-size: 16px;} .huangli2{ width: 100%; height: 136px; float: left; margin-top: 15px; /* border: 1px solid #bfbfbf; */ } .huangli2{overflow: hidden; font-size: 16px;} .huangli2 table{background: #f1e5cf; width: 100%; overflow: hidden; border-collapse: collapse; border-spacing: 0; table-layout: fixed;} .huangli2 table th{background-color: #d85959; color: #ffffff; font-weight: normal; border: 1px solid #ffffff; word-break: normal; text-align: center;padding: 9px;font-size: 18px;} .huangli2 table td { width: 28.5%; box-sizing: border-box; background-color: #fff; border: 1px solid #d85959; word-break: break-all; text-align: center; font-size: 16px; } .huangli3{ width: 100%; height: 183px; border-right: 2px solid #d85959; border-top: 2px solid #d85959; border-bottom: 2px solid #d85959; float: left; margin-top: 11px; } .diyikuai { width: 23%; height: 100%; float: left; } .diyikuai_zuo { width: 39px; height: 99%; background: #d85959; border: 2px solid #d85959; float: left; } .diyikuai_neirong { width: 75px; font-size: 16px; font-family: source han sans cn, source han sans cn-regular; font-weight: 400; text-align: center; color: #000000; line-height: 28px; letter-spacing: 0.16px; float: left; /* margin-top: 42px; */ margin-left: 18px; display: flex; align-items: center; justify-content: center; height: 100%; } .diyikuai_neirong1 { width: 33%; float: left; font-size: 16px; } .biaot { width: 18px; font-size: 16px; font-family: source han sans cn, source han sans cn-regular; font-weight: bold; text-align: center; color: #ffffff; letter-spacing: 0.16px; margin-top: 40px; margin-left: 9px; } .guakuang { width: 490px; height: 196px; border: 2px solid #d85959; float: left; } .jinri_guaxiangkuang { width: 59px; height: 197px; background: #d85959; float: left; } .jinri_guaxiangname { width: 28px; height: 100%; font-size: 25px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #ffffff; line-height: 29px; letter-spacing: 0.28px; display: flex; align-items: center; justify-content: center; margin: auto; } .guangxiang_kuang { float: left; width: 155px; height: 100%; border-right: 2px solid #d85959; } .jinriguaxiang { width: 100%; height: 16px; font-size: 18px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: center; color: #000000; line-height: 16px; letter-spacing: 0.16px; margin-top: 17px; } .gua { width: 100%; float: left; text-align: center; margin-top: 20px; font-size: 16px; } img.gua_logo { width: 75px; height: 70px; float: left; margin-left: 40px; margin-top: 15px; } .guangxiang_jianjei { width: 224px; height: 82px; font-size: 18px; font-family: source han sans cn, source han sans cn-regular; font-weight: bold; text-align: center; color: #000000; line-height: 29px; letter-spacing: 0.17px; float: left; margin-left: 28px; margin-top: 11px; } .guangxiang_jianjei span { display: inline-table; font-weight: normal; font-size: 16px; } .tuijian { width: 274px; height: 15px; font-size: 14px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: center; color: #b4b4b4; letter-spacing: 0.14px; float: left; margin-top: 75px; } .yiji-kuang { width: 221px; float: left; margin-top: 25px; margin-left: 52px; } .xsyj { width: 221px; height: 64px; background: #d85959; font-size: 24px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: center; color: #ffffff; line-height: 64px; letter-spacing: 0.31px; } a.xsyj_leixing { font-size: 14px; font-family: source han sans cn, source han sans cn-regular; text-align: center; color: #000000; line-height: 22px; letter-spacing: 0.22px; float: left; margin-left: 30px; margin-top: 5px; width: 63px; } .xsyj_kuang .yiji-kuang:nth-child(2n 1) { margin-left: 0px; } .xsyj_kuang { float: left; width: 100%; } .diyi_you .gua_yuo_kuang:nth-child(1) { margin-top: 0px; } .xiang { float: left; color: #c99988; } .xiang_neirong { width: 100%; font-size: 16px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #000000; line-height: 24px; letter-spacing: 3px; float: left; } .gua_yuo_kuang { width: 100%; font-size: 20px; font-family: source han sans cn, source han sans cn-regular; font-weight: 400; text-align: left; color: #000000; /* line-height: 30px; */ letter-spacing: 0.25px; margin-top: 12px; float: left; } .leixing{overflow: hidden; font-size: 16px;float: left;} .leixing table{background: #f1e5cf; width: 100%; overflow: hidden; border-collapse: collapse; border-spacing: 0; table-layout: fixed;} .leixing table th{background-color: #d85959; color: #ffffff; font-weight: normal; border: 1px solid #ffffff; word-break: normal; text-align: center;padding: 10px;font-size: 16px;} .leixing table td{font-size: 14px;width: 14%; box-sizing: border-box; padding: 7px; background-color: #fff; border: 1px solid #d85959; word-break: break-all; text-align: center;} .huanglishenghuo { width: 100%; float: left; } .huangli_shenghuo { /* width: 234px; */ height: 40px; font-size: 39px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #d85959; line-height: 39px; float: left; } .huangli_gengduo { width: 80px; height: 20px; font-size: 20px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #b96161; line-height: 20px; float: right; margin-top: 18px; } .xsyj_kuang1 { float: left; position: relative; display: flex; flex-direction: column; } img.huanglishenghuo_log { width: 348px; height: 30px; position: absolute; top: 15px; left: 0px; } .huanglishenghuo1{ width: 100%; float: left; margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .huangli_shenghuo_a{ width: 400px; float: left; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; position: sticky; } img.huanglishenghuo_log1 { width: 100%; height: 200px; } .huanglishenghuo1 .huangli_shenghuo_a:nth-child(4n 1) { margin-left: 0px; } .huanglishenghuo1 .huangli_shenghuo_a:nth-child(4n 1) { margin-left: 0px; } .huanglishenghuo1_biaoti { background-color: #0000007d; width: 100%; font-size: 16px; font-family: source han serif sc, source han serif sc-bold; text-align: center; color: #fafafa; letter-spacing: 0.75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0px; } .gao{ margin-top: 40px; } .wid2{ width: 250px; } a.huangli_shenghuo_a.top { margin-top: 15px; } .iceo_yuan { width: 10px; height: 10px; background: #6e6e6e; float: left; border-radius: 50%; } .huanglishenghuo1_biaoti1 { width: 94%; font-size: 16px; font-family: source han serif sc, source han serif sc-bold; text-align: left; color: #000000; letter-spacing: 0.79px; margin-left: 15px; display: block; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; } img.zuixing_log { width: 570px; height: 411px; float: left; } .huanglishenghuo1 .zuixing_a:nth-child(2n 1) { margin-left: 0px; } .zuixing_a{ float: left; width: 570px; height: 411px; float: left; margin-left: 55px; } img.xingxu_logo { height: 37px; width: 404px; float: left; /* margin-left: 50px; */ } .xingxu_name { height: 29px; font-size: 22px; font-family: source han sans cn, source han sans cn-bold; font-weight: bold; text-align: left; color: #d24444; line-height: 29px; letter-spacing: 0.29px; float: left; margin-top: 8px; text-align: left; } .xsyj_kuang1 .xingxu_logo:nth-child(1) { margin-left: 0px; } .jeishao { width: 100%; font-size: 16px; text-align: left; color: #000000; line-height: 33px; letter-spacing: 0.23px; float: left; padding: 10px 0 0 10px; text-indent: 1em; } .name1 { width: 100%; font-size: 24px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; color: #d34a4a; letter-spacing: 0.31px; margin-top: 16px; float: left; text-align: left; } .jianjiekuang { float: left; width: 100%; background: #ffe7bd5c; text-indent: 1em; } .name2 { width: 100%; font-size: 26px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; color: #d34a4a; letter-spacing: 0.31px; margin-top: 16px; text-align: center; } .tuijian1 { width: 100%; float: left; margin-top: 9.5px; } .tuijian1 .tuijian_lei { width: 88px; height: 34px; display: inline-block; font-size: 12px; font-family: source han sans cn, source han sans cn-bold; text-align: center; line-height: 34px; letter-spacing: 0.17px; margin-left:-14.5px; margin-top: 9px; } .gonggong1{ margin-top: 20px; height: 100%; } .biaoti_remeng { width: 100%; font-size: 20px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #000000; line-height: 20px; letter-spacing: 1.78px; float: left; margin-top: 5px; } .gonggong2{ margin-top: 20px; background: #fefbef; } /* 列表 */ .lujing { font-size: 16px; text-align: left; color: #6e6e6e; line-height: 16px; letter-spacing: 0.48px; width: 100%; } .biaoti_kuang { width: 100%; float: left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; align-content: center; } .liebiao_biaoti { width: 100%; height: 20px; font-size: 24px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #d85959; line-height: 20px; letter-spacing: 0.6px; margin-bottom: 5px; } img.log_8 { height: 20px; float: left; margin-top: 5px; } .liebiao_kuang { width: 579px; height: 144px; border: 1px solid #949494; border-radius: 16px; float: left; margin-top: 25px; margin-left: 38px; } .biaoti_kuang .liebiao_kuang:nth-child(2n 1) { margin-left: 0px; } .liebiao_biaoti1 { width: 90%; height: 30px; font-size: 20px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #d85959; line-height: 25px; letter-spacing: 0.6px; margin-left: 5%; margin-top: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .liebiao_neirong { font-size: 16px; text-align: left; color: #707070; line-height: 22px; letter-spacing: 1.48px; width: 90%; float: left; margin-left: 5%; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .yeishu { width: 40%; margin: auto; display: flex; padding-top: 20px; } a.shang { width: 20%; height: 22px; border: 1px solid #d78d82; font-size: 12px; font-family: simhei, simhei-regular; font-weight: 400; text-align: center; color: #000000; line-height: 22px; letter-spacing: 0.1px; border-radius: 7px; } a.yeishu_1 { width: 8%; height: 22px; border: 1px solid #d78d82; border-radius: 5px; text-align: center; margin-left: 2%; font-weight: 400; color: #000000; line-height: 22px; letter-spacing: 0.14px; } a.shang.xia { margin-left: 2%; } a.chakangengduo { font-size: 18px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #b96161; line-height: 16px; letter-spacing: 0.18px; float: right; } .lanmu { width: 100%; float: left; margin-top: 9.5px; } .lanmu .lanmu_lei { width: 92px; height: 34px; border: 1px solid #b0b0b0; border-radius: 5px; display: inline-block; font-size: 17px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: center; color: #d34a4a; line-height: 34px; letter-spacing: 0.17px; margin-left: 22.5px; margin-top: 9px; } /* 详情 */ .xiangqung_biaoti { width: 100%; height: 72px; font-size: 30px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: center; color: #d85959; line-height: 40px; letter-spacing: 0.6px; } .xiangqing_time { font-size: 14px; font-family: source han sans cn, source han sans cn-bold; text-align: center; color: #000000; line-height: 27px; letter-spacing: 0.42px; width: 100%; margin-top: 18px; float: left; } .xiangqing_neirong { font-size: 17px; text-align: left; color: #141414; line-height: 42px; letter-spacing: 0.48px; margin-top: 28px; } .xiangqing_neirong>p>img{ display: block; max-width: 100%; margin: 0 auto; } .shangxiayei { width: 100%; float: left; margin-top: 15px; } a.shangyipian { width: 50%; height: 30px; font-size: 16px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #000000; line-height: 23px; letter-spacing: 0.16px; float: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .shangyipian span{ color: #dd705f; } .gao1 { margin-top: 25px; padding-bottom: 20px; } .gonggong.xia_1 { padding-bottom: 10px; border-bottom: 1px solid #d85959; } .footer-box{ width: 100%; padding: 30px 0; text-align: center; background: #d85959; margin-top: 20px; color: #ffffff!important; } .weibu { width: 100%; height: 216px; background: #d85959; float: left; margin-top: 20px; } .guaxiangdis{ display: flex; flex-direction: row; float: left; flex-wrap: wrap; width: 100%; justify-content: space-between; } .linebiao1{ margin-top:5px; } .menulist{ text-align:center; line-height:24px; font-size:14px; padding-top:8px; overflow:hidden; padding-left:10px; padding-bottom:8px; box-sizing:border-box;} .menulist a{ display:block; float:left; margin-right:12px; max-width:95px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .menutitle{ background-image: ; background-repeat: no-repeat; background-position: right; height:26px; line-height:26px; } .menutitle h3{ display:block; float:left; font-size:14px; padding-left:12px;} .mingsu { width: 100%; /* height: 200px; */ float: left; margin-top: 30px; } .biaotikuang { width: 100%; float: left; } .mswh { font-size: 20px; font-family: source han sans cn, source han sans cn-bold; font-weight: 700; text-align: left; color: #d34a4a; line-height: 25px; letter-spacing: 0.25px; float: left; margin-left: 7px; margin-top: -5px; height: 25px; } .leibiao_neirongkuang1 { width: 100%; float: left; margin-top: 14px; } a.chengyu { width: 98px; height: 31px; border: 1px solid #d34a4a; border-radius: 6px; display: inline-block; float: left; margin-top: 8px; font-size: 16px; font-family: source han sans cn, source han sans cn-bold; text-align: center; color: #000000; line-height: 31px; letter-spacing: 0.16px; margin-left: 6px; } .biaotikuang { width: 100%; float: left; } .ccyincang{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .detail_right{ width: 350px; float: right; margin-top: 50px; } .detail_left{ width: 800px; float: left; } /*地图开始*/ .w-118 { max-width: 1200px; margin: 0 auto; } .bg-white { background-color: #fff; } .p-relative { position: relative; } .mt-20 { margin-top: 20px; } .b-radio { border-radius: 5px; } .border-bottom-red { border-bottom: 2px solid #e24e4c; } .mt-10 { margin-top: 10px; } .d-flex { display: flex; display: -ms-flex; } .a-center { align-items: center; -ms-align-items: center; } .mx-10 { margin-left: 10px; margin-right: 10px; } .title-h2 { font-size: 22px; position: relative; } .title-h2>img { width: 16px; height: 16px; margin-right: 8px; } .mx-10 { margin-left: 10px; margin-right: 10px; } .jieqi-item-24 { padding: 10px; } .jieqi-item-24 li { margin-bottom: 20px; transition: all .5s ease; } .jieqi-item-24 li a:hover { box-shadow: 0 0 10px 0 #ddd; /* transform: scale(0.95); */ } .title-h3 { font-size: 16px; position: relative; } .title-h3>img { width: 16px; height: 16px; margin-right: 8px; } .uls { display: flex; align-items: center; flex-wrap: wrap; } .uls li { width: 9.09%; text-align: center; margin-bottom: 10px; font-size: 16px; } .uls li a { width: 90%; height: 26px; display: inline-block; line-height: 26px; border: 1px solid #ffcc66; background-color:#fff2e9 ; border-radius: 5px; overflow: hidden; } /*地图结束*/ .zuixinlist{display: inline-block;width: 95%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 40px;font-size: 18px;} .conh2{padding-bottom: 0!important;text-indent: 0!important;} .conh2:before {content: '';vertical-align: middle;border-left: 15px solid #ff1515;padding-left: 10px;} /*新版黄道吉日开始*/ .dier1 { width: 1127px; margin: auto; display: flex; flex-direction: row; justify-content: space-between; } .zuo1 { width: 748px; float: left; margin-top: 20px; } .you1 { width: 365px; float: right; } .you1_kuang { width: 100%; float: left; margin-top: 20px; } .you1_title { font-size: 18px; font-family: adobe heiti std, adobe heiti std-r; font-weight: bold; text-align: left; color: #000000; line-height: 18px; text-indent: 0.5em; float: left; margin-bottom: 16px; } .you1_title::before{ content: ""; width: 18px; height: 18px; float: left; background-image: url(/uploads/image/inewhome/tuceng37.png); } .you1_kuang1 { width: 100%; float: left; } .hdjrkuang { width: 100%; float: left; } .hdjrkuang { width: 100%; float: left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .hdjrkuang span { padding-left: 10px; padding-right: 10px; font-size: 20px; font-weight: bold; text-align: left; color: #000000; } .hdjr_log{ width: 20px; height: 20px; } .gxtime { font-size: 14px; text-align: center; margin-top: 10px; float: left; width: 100%; color: #00000061; } .leibiaokuang_title { font-size: 18px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #000000; line-height: 18px; overflow: hidden; width: 100%; } .leibiaokuang_neirong { font-size: 16px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #929292; line-height: 24px; margin-top: 12px; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } a.leibiaokuang { width: 349px; float: left; padding-bottom: 11px; border-bottom: 1px solid #8c8c8c; margin-left: 24px; margin-top: 15px; } a.xzjr1 { display: inline-block; padding: 5px 10px; border: 1px solid #eaeaea; border-radius: 20px; margin-bottom: 20px; font-size: 16px; margin-right: 5px; } a.xzjr1:hover { color: #e24e4c; } /*.zuo1_kuang .xzjr1:nth-child(5n 1) {*/ /* margin-left: 24px;*/ /*}*/ .zuo1 .zuo1_kuang2:nth-child(1) { margin-top: 0px; } .zuo1_kuang2{ width: 100%; float: left; margin-top: 20px; } .zuo1_kuang { width: 100%; float: left; } .fangfa { width: 702px; line-height: 22px; float: left; margin-left: 24px; } a.jeishao { font-size: 16px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #5c5c5c; line-height: 22px; width: 100%; float: left; margin-top: 20px; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } a.jeishao1 { width: 100%; border-radius: 7px; float: left; margin-top: 20px; padding-bottom: 5px; } .jeishao1_title { font-size: 18px; font-family: adobe heiti std, adobe heiti std-r; font-weight: bold; text-align: left; color: #000000; line-height: 18px; float: left; width: 100%; margin-top: 9px; } .jeishao1_neirong { font-size: 16px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #5c5c5c; line-height: 2em; float: left; width: 100%; margin-top: 4px; text-indent: 2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .bpnian-box{ display: flex; float: left; width: 100%; justify-content: space-between; flex-direction: row; padding: 20px 0; } .bpnian-btn a{ border-radius: 10px; background-color: #e24e4c; padding: 10px 20px; color: #fff; font-size: 24px; } .you1_time { font-size: 14px; font-family: adobe heiti std, adobe heiti std-r; font-weight: bold; text-align: left; color: #878787; line-height: 18px; /* letter-spacing: -0.98px; */ float: right; margin-right: 20px; } .zuo1_kuang1 { width: 741px; border: 1px solid #929292; border-radius: 12px; float: left; margin-top: 15px; padding-bottom: 15px; } .zuo1_kuang1 .yiji_kuang { width: 100%; height: 31px; margin-top: 13px; display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap; } .log_yiji{ width: 31px; height: 31px; } span.yiji_time { font-size: 18px; font-family: adobe heiti std, adobe heiti std-r; font-weight: bold; text-align: center; color: #000000; line-height: 30px; /* letter-spacing: -1.26px; */ padding-left: 10px; padding-right: 10px; } .yiji_neirong_kuang { width: 100%; float: left; margin-top: 8px; } a.yiji_neirong { width: 156px; height: 16px; font-size: 16px; font-family: adobe heiti std, adobe heiti std-r; font-weight: normal; text-align: left; color: #373737; line-height: 17px; /* letter-spacing: -1.12px; */ float: left; margin-top: 10px; margin-left: 22px; } .yiji_neirong_kuang .yiji_neirong:nth-child(4n 1) { margin-left: 30px; } .con_box1.one { margin-top: 20px; } .date_table_box { width: 100%; position: relative; } .date_table_box .i_tl { top: 0; left: 0; background-position: -265px 0; } .date_table_box>i { display: block; width: 18px; height: 18px; background: url(/uploads/image/inewhome/bg2.png) no-repeat; background-size: 300px 300px; position: absolute; } .date_table_box .i_tr { top: 0; right: 0; background-position: -265px -20px; } .date_table_box .i_bl { bottom: 0; left: 0; background-position: -265px -60px; } .date_table_box .i_br { bottom: 0; right: 0; background-position: -265px -40px; } .date_matter_table.date_tab { background: #ffffff; } .date_matter_table .biaohong{ color:red;font-weight:bold; } .date_matter_table .biaohei{ color:#000;font-weight:bold; } .date_matter_table, .date_info_table, .date_suit_table, .date_taboo_table, .fortune_res_table { border-collapse: collapse; overflow: hidden; width: calc(100% 1px); font-size: 16px; border: 2px solid #e24e4c; } .date_matter_table tr{ width: 100%; } .date_matter_table th{ width: 10%; } .date_matter_table th, .date_matter_table td, .date_suit_table td, .date_taboo_table td, .date_taboo_table th, .fortune_res_table td { border: 1px solid #e24e4c; height: 70px; line-height: 24px; padding: 10px; box-sizing: border-box; } .date_matter_table.date_tab ._tit { color: #333; } .date_matter_table ._tit { width: 56px; font-size: 18px; line-height: 24px; margin: 0 auto; color: #e24e4c; font-weight: bold; } img.yi-ji { width: 36px; height: 36px; margin: 0 auto; } .sign-list-box a { display: inline-block; padding: 5px 10px; border: 1px solid #eaeaea; border-radius: 20px; margin-bottom: 20px; font-size: 16px; margin-right: 5px; } .router-box dd a { color: #999; margin: 0 5px; font-size: 16px; } .content { background-color: #be4140; } .currency { width: 1200px; background-color: #fff; padding: 15px; margin: 0 auto; margin-top: 15px; clear: both; } .currency .rili { display: flex; } .currency .rili .zuo { width: 790px; } .currency .rili .you { width: 372px; margin-left: 15px; } .currency .rili .zuo .shang .lin{ border-top: 2px solid #ebd8a5; border-right: 2px solid #ebd8a5; } .currency .rili .zuo .shang .lin .hang{ display: flex; } .currency .rili .zuo .shang .lin .hang li { width: 50%; height: 40px; border-bottom: 2px solid #ebd8a5; border-left: 2px solid #ebd8a5; display: flex; align-items: center; padding: 0 12px 0 22px; } .currency .rili .zuo .shang .lin .hang li .one { display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #e24e4c; width: 128px; } .currency .rili .zuo .shang .lin .hang li img { width: 20px; height: 20px; margin-right: 12px; } .currency .rili .zuo .shang .lin .hang li .two { margin-right: 16px; font-size: 18px; width: 64px; } .currency .rili .zuo .shang .lin .hang li .three { margin-right: 16px; font-size: 18px; width: 100px; } .currency .rili .zuo .shang .lin .se{ display: flex; background-color: #fcf8ef; } .currency .rili .zuo .shang .lin .se li { width: 50%; height: 40px; border-bottom: 2px solid #ebd8a5; border-left: 2px solid #ebd8a5; display: flex; align-items: center; padding: 0 12px 0 22px; } .currency .rili .zuo .shang .lin .se li .one { display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #e24e4c; width: 128px; } .currency .rili .zuo .shang .lin .se li img { width: 20px; height: 20px; margin-right: 12px; } .currency .rili .zuo .shang .lin .se li .two { margin-right: 16px; font-size: 18px; width: 64px; } .zhong { width: 100%; text-align: center; font-size: 18px; } .currency .rili .zuo .xia { margin-top: 15px; } .currency .rili .zuo .xia .lin{ border-top: 2px solid #ebd8a5; border-right: 2px solid #ebd8a5; } .currency .rili .zuo .xia .lin .hang{ display: flex; } .currency .rili .zuo .xia .lin .hang li { width: 50%; border-bottom: 2px solid #ebd8a5; border-left: 2px solid #ebd8a5; padding: 0 12px 15px 22px; } .currency .rili .zuo .xia .lin .se{ display: flex; background-color: #fcf8ef; } .currency .rili .zuo .xia .lin .se li { width: 50%; border-bottom: 2px solid #ebd8a5; border-left: 2px solid #ebd8a5; padding: 10px 12px 0 22px; } .currency .rili .zuo .xia .lin .se li .left { display: flex; align-items: center; margin-bottom: 10px; } .currency .rili .zuo .xia .lin .se li .left .one { display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #e24e4c; width: 128px; } .currency .rili .zuo .xia .lin .se li .left img { width: 20px; height: 20px; margin-right: 12px; } .currency .rili .zuo .xia .lin .se li .left .two { margin-right: 16px; font-size: 18px; } .yi_ji { display: flex; padding: 10px 0 10px 77px; align-items: center; } .jishenhd { display: flex; align-items: center; flex-direction: row; justify-content: space-around; } .xiong { background: url(/uploads/image/inewhome/kuang.png) no-repeat; width: 165px; height: 56px; text-align: center; line-height:56px; font-size: 18px; color: #fff; } .yi_ji .jis { width: 48px; height: 48px; background:url(/uploads/image/inewhome/di.png) no-repeat ; text-align: center; line-height: 48px; font-size: 20px; font-weight: bold; color: #fff; margin-right: 15px; } .yi_ji .jiss { width: 48px; height: 48px; background:url(/uploads/image/inewhome/di2.png) no-repeat ; text-align: center; line-height: 48px; font-size: 20px; font-weight: bold; color: #fff; margin-right: 15px; } .zi { display: flex; justify-content: space-evenly; font-size:18px; color:#626262; padding: 0 5%; flex-direction: row; flex-wrap: wrap; } .you { border-left: 2px solid #ebd8a5; border-top: 2px solid #ebd8a5; border-right: 2px solid #ebd8a5; } .you .yellow { height: 57%; background-color: #fcf8ef; border-bottom: 2px solid #ebd8a5; } .you .yellow .timed { font-size: 16px; color: #626262; text-align: center; padding-top: 30px; } .you .calendar { margin-top: 50px; margin-bottom: 20px; padding: 0 35px; display: flex; justify-content: space-between; align-items: center; } .you a img { width: 14px; height: 24px; } .you .date { font-size: 48px; color: #e4393c; font-weight: bold; } .you .date a{ font-size: 48px; color: #e4393c; font-weight: bold; } .you .xin { font-size: 16px; color: #626262; text-align: center; line-height: 25px; } .days { height: 15%; border-bottom: 2px solid #ebd8a5; font-size: 16px; text-align: center; padding: 10px 0; line-height: 24px; } .days .spring .text { display:inline-block; width: auto; height: 23px; background-color: #e24e4c; color: #fff; padding: 0 10px; } .you .yellows { height: 20%; background-color: #fcf8ef; border-bottom: 2px solid #ebd8a5; padding-top: 17px; } .you .yellows ul { display: flex; align-items: center; justify-content: space-between; padding-left: 40px; padding-right: 20px; margin-bottom: 17px; } .you .yellows ul li { display: flex; font-size: 16px; } .you .yellows ul li img { width: 20px; height: 20px; margin-right: 5px; } .you .yellows ul li strong { font-weight: bold; width: 60px; } .xian { width: 1200px; height: 20px; margin: 10px auto; } .xian img { width: 100%; height: 100%; } .wealth { width: 1200px; margin: 0 auto; border-top: 2px solid #ebd8a5; border-right: 2px solid #ebd8a5; display: flex; background-color: #fcf8ef; } .wealth ul { width: 25%; border-bottom: 2px solid #ebd8a5; border-left: 2px solid #ebd8a5; } .wealth ul .weight { background: url(/uploads/image/inewhome/kuang.png) no-repeat; width: 165px; height: 56px; margin: 15px auto; text-align: center; line-height: 56px; font-size: 18px; color: #fff; } .wealth ul .hefgt { font-size: 18px; text-align: center; margin-bottom: 10px; } .wealth ul .hefgt strong { font-weight: bold; } .uls { display: flex; align-items: center; flex-wrap: wrap; width: 100%; } .uls li { width: 9.09%; text-align: center; margin-bottom: 10px; font-size: 16px; } .uls li a { width: 90%; height: 26px; display: inline-block; line-height: 26px; border: 1px solid #ffcc66; background-color:#fff2e9 ; border-radius: 5px; overflow: hidden; } .guang { width: 100%; padding-top: 10px; } .dao { width: 100%; height: 35px; padding: 0 10px; display: flex; justify-content: space-between; background-color: #fff1e8; line-height: 35px; margin: 15px 0; } .dao div { font-size: 18px; font-weight: 700; } .dao a { font-size: 16px; } .tu { display: flex; padding: 0 15px; } .tu .ul-tu { display: flex; min-width: 380px; flex-wrap: wrap; justify-content: space-between; } .tu .ul-tu li { margin-bottom: 10px; } .tu .ul-tu li a { font-size: 16px; text-align: center; } .tu .ul-tu li a img { width: 180px; height: 136px; } .tu .ul-lie { display: flex; flex-wrap: wrap; } .tu .ul-lie li { width: 50%; overflow: hidden; } .tu .ul-lie li a { display: block; width: 100%; font-size: 16px; text-align: left; position: relative; padding-left: 50px; } .tu .ul-lie li a::after { position: absolute; content: ''; width: 9px; height: 9px; border-radius: 50%; background-color: #aaaaaa; top: 5px; left: 30px; } .times { clear: both; width: 1200px; margin: 0 auto; margin-top: 15px; } .h5 { width: 100%; height: 50px; line-height: 50px; background-color: #e14e4b; text-align: center; font-size: 18px; color: #fff; } .currencys { width: 100%; background-color: #fff; /*padding: 20px 10px;*/ box-sizing: border-box; border-collapse: collapse; } .currencys table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin: 0; padding: 0; box-sizing: border-box; } .currencys tr td { border: 2px solid #ebd8a5; border-collapse: collapse; font-size: 16px; line-height: 30px; text-align: center; } .currencys tr:nth-child(2n) { background-color: #fbf7ee; } .guas { border: 1px solid #ebd8a5; display: flex; } .guas .g-left { background: url(/uploads/image/inewhome/beijing.png) no-repeat; width: 160px; height: 585px; } .guas .g-left .imgd { background: url(/uploads/image/inewhome/juxing12.png) no-repeat; width: 105px; height: 105px; margin: 0 auto; margin-top: 70px; padding-top: 6px; margin-bottom: 30px; } .guas .g-left .imgd img { display: block; margin: 0 auto; width: 94px; height: 94px; } .guas .g-left ul { display: flex; margin: 0 30px; font-size: 18px; color: #fff; } .guas .g-left ul li { writing-mode:vertical-lr; margin-right: 8px; } .guas .g-rtght { position: relative; margin-top: 40px; margin-left: 40px; } .guas .g-rtght ul { font-size: 18px; color: #f6a760; line-height: 40px; } .span { /*writing-mode:vertical-lr;*/ font-size: 18px; font-weight: 700; line-height:36px; color: #f6a760; position: absolute; right: 20px; bottom: 20px; } .he ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .he ul li { width: 45%; margin-top: 35px; } .he ul li .top { display: flex; align-items: center; padding-bottom: 7px; padding-left: 5px; border-bottom: 3px solid #e14e4b; } .he ul li .top img { width: 18px; height: 18px; margin-right: 10px; } .he ul li .top span { font-size: 18px; font-weight: 700; } .he ul li .bottom { margin-top: 10px; font-size: 16px; line-height: 24px; text-align:justify; text-justify:inter-ideograph; } .he ul .suan { display: flex; justify-content: space-between; } .he ul .suan a { text-align: center; font-size: 14px; } .trd td { font-size: 14px !important; padding: 0 7px; } .trd td { width: 64px; } .riqibox{ height: 60px; align-items: center; justify-content: space-between; display: flex; position: relative; padding-top: 15px; } .riqibox span{ font-size: 16px; padding: 2px 6px; border: 1px solid #e24e4c; background-color: #fef4f3; border-radius: 5px; color: #e24e4c; } .riqilist{ padding-left: 10px; padding-right: 10px; align-items: center; justify-content: space-between; flex: 1; display: flex; } .riqilist a{ font-size: 14px; padding: 2px 4px; border: 1px solid #f0f0f0; border-radius: 5px; color: #666; } /*新版黄道吉日结束*/ /*工具开始*/ .d-flex { display: flex; display: -ms-flex; } .border-bottom-red { border-bottom: 2px solid #e24e4c; } .router-box dt { color: #999; font-size: 16px; } .router-box dt img { width: 13px; height: 16px; position: relative; top: 2px; margin-right: 5px; display: unset; } .router-box dd a { color: #999; margin: 0 5px; font-size: 16px; } .router-box dd a:hover { opacity: 0.8; } .router-box dd:not(:last-child):after { content: ""; display: inline-block; width: 6px; height: 6px; border-left: 2px solid #999; border-bottom: 2px solid #999; position: relative; top: 4px; -webkit-transform: translate(0, -50%) rotate(225deg); transform: translate(0, -50%) rotate(225deg); } .router-box dd:last-child a { color: #333; } .title-h2 { font-size: 22px; position: relative; line-height: 50px; } .title-h2>img { width: 16px; height: 16px; margin-right: 8px; } .article-conotent .title-h2>img { width: 9px; height: 18px; } .title-h2 a { position: absolute; font-size: 22px; font-weight: 400; left: 20px; } .title-h2 a:hover { color: #666; } .jieqi-item-24 { padding-right: 10px; padding: 15px; } .jieqi-item-24 li { margin-bottom: 20px; transition: all .5s ease; } .jieqi-item-24 li a:hover { box-shadow: 0 0 10px 0 #ddd; /* transform: scale(0.95); */ } .jiemeng_sou { width: 292px; height: 30px; margin: auto 0% auto auto; border: 2px #bd403e solid; border-radius: 5px; display: flex; } .jiemeng_sou .text { background-color: #fff; display: block; width: 248px; height: 26px; padding-left: 10px; } .jiemeng_sou .btn { cursor:pointer; border: none; width: 30px; height: 30px; background-color: #bd403e; } .jiemeng_sou .btn img { width: 30px; height: 30px; margin: auto; } .jiemeng-list-box { display: flex; padding: 5px 0; width: 100%; overflow: hidden; justify-content: space-between; flex-wrap: wrap; flex-direction: row; } .jiemeng-list-box a { margin-right: 10px; background-color: #f3f3f3; padding: 3px 15px; border-radius: 20px; font-size: 16px; color: #666; max-width: 160px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .5s linear; margin-top: 5px; width: 13%; text-align: center; } .jiemeng-list-box a:hover { border-radius: 20px; color: #e24e4c; } .bottom_list { display: flex; align-items: center; justify-content: center; color: #999999; padding-bottom: 20px; font-size: 12px; background-color: #ffffff; } .bottom_list .list { display: flex; align-items: center; } .bottom_list .list .name { width: 34px; height: 28px; border: 1px solid #cccccc; margin-left: 5px; text-align: center; line-height: 28px; } .bottom_list .list .name a { display: block; } .bottom_list .list .active { background-color: #cf0f19; } .bottom_list .list .active a { color: #ffffff; } .bottom_list .previous_page, .bottom_list .next_page { height: 28px; width: 60px; text-align: center; line-height: 28px; border: 1px solid #cccccc; } .bottom_list .next_page { margin-left: 5px; } .sign-list-box a { display: inline-block; padding: 5px 10px; border: 1px solid #eaeaea; border-radius: 20px; margin-bottom: 20px; font-size: 16px; margin-right: 5px; } .sign-list-box a:hover { color: #e24e4c; } .sign-list-box a.active { color: #e24e4c; } .pagenation button { padding: 10px 20px; margin-right: 10px; transition: all .5s linear; font-size: 14px; border-radius: 5px; color: #888; } .uls { display: flex; align-items: center; flex-wrap: wrap; } .uls li { width: 9.09%; text-align: center; margin-bottom: 10px; font-size: 16px; } .uls li a { width: 90%; height: 26px; display: inline-block; line-height: 26px; border: 1px solid #ffcc66; background-color:#fff2e9 ; border-radius: 5px; overflow: hidden; } .list .name{ font-size: 13px!important; margin-top: unset!important; } .right-article .jieqi-article-box li { border: none; border-bottom: 1px solid #eaeaea; width: 100%; border-radius: 0; padding: 17px 0; } .right-article .jieqi-article-box li { padding: 15px 0; } .right-article ul li a, .left-article ul li a { border: none; padding: 0; margin-top: 0; } .right-article { width: 350px; } .right-article h2 { width: 100%; } .right-article>dl dd { border-radius: 5px; margin-bottom: 10px; } .right-article>dl dd a:hover { transform: translatex(-5px) scale(1.05); box-shadow: 0 0 5px 0 #ddd; opacity: .8; } .right-article>dl dd a { display: inline-block; width: 340px; transition: all .5s linear; } .right-article>dl dd a area { width: 100%; height: 90px; display: block; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .right-article .jieqi-article-box>ul>li { margin: 0; } .right-article .jieqi-article-box>ul>li a>div:first-child{ width: 100%; } .right-article .jieqi-article-box>ul>li area { width: 120px; height: 86px; display: inline-block; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .right-article .jieqi-article-box>ul>li h4 { padding-right: 10px; color: #666; font-size: 16px; display: inline-block; width: 100%; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .right-article .jieqi-article-box>ul>li a>div { position: relative; width: 200px; } .ncontent{ font-size: 16px; line-height: 2em; /*text-indent: 2em;*/ } .j-center{ justify-content: center; } .py-30 { padding-top: 30px;padding-bottom: 30px;} .pb-20 { padding-bottom: 20px;} .j-sb{ justify-content: space-between; -ms-justify-content: space-between;} .flex-1{ flex: 1; -ms-flex: 1;} .px-10 { padding-left: 10px;padding-right: 10px;} .mr-20 { margin-right: 20px;} .border-bottom{border-bottom: 1px solid #f2f2f2;} .pb-10 { padding-bottom: 10px;} .t-center{ text-align: center; } .font-bold{ font-weight: bold; } .font28{ font-size: 28px; } .my-20 { margin-top: 20px;margin-bottom: 20px;} .left-article .jieqi-article-box li, .right-article .jieqi-article-box li { border: none; border-bottom: 1px solid #eaeaea; width: 100%; border-radius: 0; padding: 17px 0; } .right-article .jieqi-article-box li { padding: 15px 0; } .right-article ul li a, .left-article ul li a { border: none; padding: 0; margin-top: 0; } .right-article { width: 350px; } .right-article h2 { width: 100%; } .right-article>dl dd { border-radius: 5px; margin-bottom: 10px; } .right-article>dl dd a:hover { transform: translatex(-5px) scale(1.05); box-shadow: 0 0 5px 0 #ddd; opacity: .8; } .right-article>dl dd a { display: inline-block; width: 340px; transition: all .5s linear; } .right-article>dl dd a area { width: 100%; height: 90px; display: block; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .right-article .jieqi-article-box>ul>li { margin: 0; } .right-article .jieqi-article-box>ul>li a>div:first-child{ width: 100%; } .right-article .jieqi-article-box>ul>li area { width: 120px; height: 86px; display: inline-block; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .right-article .jieqi-article-box>ul>li h4 { padding-right: 10px; color: #666; font-size: 16px; display: inline-block; width: 100%; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .right-article .jieqi-article-box>ul>li a>div { position: relative; width: 200px; } .jieqi-article-box>ul li h3 { font-size: 18px; margin-bottom: 10px; height: 25px; overflow: hidden; } .jieqi-article-box>ul li p { color: #666; font-size: 16px; line-height: 24px; padding-right: 10px; height: 48px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; } .cesuan_sou { width: 100%; height: auto; margin: 5px auto; font-size: 18px; } .cesuan_sou form{ display: flex; align-items: flex-start; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: space-around; } .cesuan_sou form span{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; } .cesuan_sou .text { border: 2px #bd403e solid; border-radius: 5px; background-color: #fff; /*display: block;*/ width: 248px; height: 32px; padding-left: 10px; margin: 5px 0; } .cesuan_sou .select{ margin: 5px 0 5px 0; width: 25%; border: 2px #bd403e solid; border-radius: 5px; height: 32px; } .cesuan_sou .submit{ border: 2px #bd403e solid; border-radius: 5px; height: 32px; background: #bd403e; color: #ffffff; /*margin: 0 50%;*/ } .article-info li { line-height: 32px; font-size: 16px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .5s linear; } .article-info li:before, .link-url li:before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #ddd; } .article-info li:hover { transform: translatex(10px); } .article-info li:hover a, .article-info li:hover span { color: #e24e4c; } .article-info li:hover:before { background-color: #e24e4c; } .article-info li>a { margin-left: 10px; color: #666; } .flex-wrap{ flex-wrap: wrap;-ms-flex-wrap: wrap; } .article-detail-info>li { width: 50%; box-sizing: border-box; padding: 6px 10px 6px 0; }