.layout { overflow: hidden;background: #fff; margin: 0 auto;position: relative; } .wrap { width: 1200px; margin: 0 auto; } .header { box-shadow: 0 0 15px 2px rgba(80,80,80,0.2); } .header .logo { float: left; display: block; width: 108px; margin-top: 32px; } .header .naver { float: right; } .header .naver li { float: left; margin-left: 15px; } .header .naver li a { display: block; font-size: 16px; line-height: 100px; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .header .naver li.on a, .header .naver li a:hover { color: #3ea79a; } .fnotice { margin-top: 16px; } .fnotice .lt { float: left; padding-left: 33px; font-size: 16px; line-height: 30px; color: #363636; background: url(../images/fn1.png) no-repeat left center; } .fnotice .fnotsw { float: right; width: calc(100% - 82px); overflow: hidden; } .fnotice .fnotsw li a { display: block; font-size: 16px; line-height: 30px; color: #666666; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fnotice .fnotsw li a:hover { color: #3ea79a; } .fquerydaf { margin-top: 36px; display: flex; justify-content: space-between; } .fscore { padding: 50px 20px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-height: 340px; } .ftltls { text-align: center; margin: 0 auto; } .ftltls ul { text-align: center; font-size: 0; border-radius: 8px; overflow: hidden; border: 1px solid #3ea79a; width: 395px; display: inline-block; } .ftltls ul li { display: inline-block; width: 33%; border-right: 1px solid #3ea79a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ftltls ul li:nth-child(2) { width: 34%; } .ftltls ul li:last-child { border-right: none; } .ftltls ul li a { display: block; text-align: center; font-size: 18px; color: #3ea79a; line-height: 40px; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .ftltls ul li.on a, .ftltls ul li a:hover { background: #3ea79a; color: #ffffff; } .fquerydaf .fscore { width: calc(100% - 360px); } .fscore .list { padding: 30px 0 12px; } .fscore .list .flis { display: none; } .fscore .list .flis:first-child { display: block; } .fscore .list li { margin-bottom: 20px; text-align: center; } .fscore .list li label { display: inline-block; font-size: 16px; line-height: 42px; color: #363636; } .fscore .list li .text { display: inline-block; border: 1px solid #e5e5e5; width: 490px; padding: 0 15px; color: #363636; font-size: 16px; height: 42px; border-radius: 4px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fscore .list li .text:focus { border-color: #3ea79a; } .fsub { height: 38px; display: block; width: 170px; border: none; margin: 0 auto; text-align: center; cursor: pointer; font-size: 16px; color: #3ea79a; background: url(../images/fn2.png) no-repeat center; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fauspicious { background: #fff; padding: 20px 20px 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 328px; } .ftlt { text-align: center; } .ftlt h2 { font-size: 20px; color: #3ea79a; line-height: 1.6; color: #3ea79a; } .fauspicious .list { padding: 18px 20px 16px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 13px auto 15px; background: #f7f7f7; border-radius: 4px; } .fauspicious .list li { margin-bottom: 12px; display: flex; justify-content: space-between; } .fauspicious .list li h6, .fauspicious .list li h5 { font-size: 14px; line-height: 22px; color: #363636; } .fauspicious .list li h6 { width: calc(100% - 44px); } .fauspicious .list li:last-child { margin-bottom: 0; } .fauspicious .list li.ho h5, .fauspicious .list li.ho h6{ color: #ff0000; } .fauspicious .list li.nv h5, .fauspicious .list li.nv h6{ color: #3bad1c; } .fauspic ul { display: flex; justify-content: space-between; } .fauspic ul li { width: calc((100% - 16px)/2); } .fauspic ul li a { display: block; font-size: 14px; line-height: 34px; color: #3ea79a; text-align: center; border-radius: 18px; overflow: hidden; border: 1px solid #3ea79a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fauspic ul li a:hover { color: #ffffff; background: #3ea79a; } .fsixpairs { padding: 34px 0 20px; } .fsixpairs .list { background: #ffffff; padding: 46px 0 44px; } .fsixpairs .list ul { display: flex; } .fsixpairs .list ul li { width: calc((100%)/6); position: relative; } .fsixpairs .list ul li a { display: block; } .fsixpairs .list ul li .icon { width: 78px; height: 78px; border-radius: 50%; overflow: hidden; margin: 0 auto; } .fsixpairs .list ul li .icon img { display: block; width: 100%; height: 100%; } .fsixpairs .list ul li .text { text-align: center; margin-top: 12px; } .fsixpairs .list ul li .text h4 { font-size: 18px; line-height: 26px; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fsixpairs .list ul li:hover .text h4 { color: #3ea79a; } .fsixpairs .list ul li .text h6 { font-size: 14px; line-height: 22px; color: #999999; margin-top: 7px; } .fsixpairs .list ul li::before { position: absolute; z-index: 11; content: ""; right: 0; top: 50%; transform: translateY(-50%); height: 80px; width: 1px; background: #e5e5e5; } .fconstellation { margin-bottom: 60px; display: flex; justify-content: space-between; } .fconsteltop { margin-top: 36px; } .fconstellt { width: calc(100% - 360px); } .fbait { padding: 18px 32px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; background: #ffffff; } .fbait h2 { font-size: 20px; line-height: 36px; color: #3ea79a; font-weight: 500; } .fbait p { margin-top: 3px; font-size: 14px; line-height: 1.8; color: #666666; } .ftitle { display: flex; justify-content: space-between; padding-bottom: 11px; border-bottom: 1px solid #e5e5e5; } .ftitle h2 { font-size: 20px; line-height: 36px; color: #3ea79a; font-weight: 500; } .ftitle .fmore { display: block; font-size: 14px; color: #999999; line-height: 36px; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s;m } .ftitle .fmore:hover { color: #3ea79a; } .fconstel .list { margin-top: 25px; } .fconstel .list li { margin-bottom: 25px; } .fconstel .list li a { display: block; overflow: hidden; } .fconstel .list li .imgs { float: left; width: 172px; height: 115px; overflow: hidden; } .fconstel .list li .imgs img { display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fconstel .list li:hover .imgs img { transform: scale(1.05); } .fconstel .list li .text { float: right; width: calc(100% - 196px); } .fconstel .list li .text h3 { font-size: 16px; line-height: 1.5; color: #000000; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fconstel .list li:hover .text h3 { color: #3ea79a; } .fconstel .list li .text p { margin: 10px auto 12px; font-size: 14px; line-height: 1.6; height: 3.2em; color: #999999; overflow: hidden; } .fconstel .list li .text h6 { font-size: 14px; line-height: 20px; color: #999999; overflow: hidden; } .fluckierce .list ul { margin: 26px auto 10px; display: flex; flex-wrap:wrap; justify-content: space-around; } .fluckierce .list ul li a{ display: block; } .fluckierce .list ul li .ico { width: 58px; height: 58px; margin: 0 auto; border-radius: 50%; overflow: hidden; } .fluckierce .list ul li .ico img { display: block; width: 100%; height: 100%; } .fluckierce .list ul li h4 { text-align: center; margin-top: 6px; font-size: 16px; line-height: 24px; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fluckierce .list ul li:hover h4 { color: #3ea79a; } .fzodiacluck .list { padding-bottom: 14px; } .fzodiacluck .list li { border-bottom: 1px solid #eeeeee; } .fzodiacluck .list li:last-child { border-bottom: none; } .fzodiacluck .list li a { padding: 17px 0 11px; display: block; overflow: hidden; } .fzodiacluck .list li.on a { padding: 25px 0; } .fzodiacluck .list li .img { display: none; float: left; width: 172px; height: 115px; overflow: hidden; } .fzodiacluck .list li .img img { display: block; height: 100%; width: 100%; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fzodiacluck .list li:hover .img img { transform: scale(1.05); } .fzodiacluck .list li.on .img { display: block; } .fzodiacluck .list li.on .text { float: right; width: calc(100% - 196px); display: block; } .fzodiacluck .list li .text { justify-content: space-between; display: flex; } .fzodiacluck .list li .text h3 { font-size: 16px; line-height: 22px; color: #000000; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: relative; padding-left: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fzodiacluck .list li:hover .text h3 { color: #3ea79a; } .fzodiacluck .list li.on .text h3 { padding-left: 0; width: auto; } .fzodiacluck .list li.on .text h3:before { display: none; } .fzodiacluck .list li .text h3:before { position: absolute; z-index: 11; content: ""; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background: #3ea79a; } .fzodiacluck .list li .text p { margin: 10px auto 12px; font-size: 14px; line-height: 1.6; color: #999999; height: 3.2em; overflow: hidden; display: none; } .fzodiacluck .list li.on .text p { display: block; } .fzodiacluck .list li .text h6 { color: #999999; font-size: 14px; line-height: 22px; } .fzodiacluck .list li .text h3 { width: calc(100% - 105px); } .fnamescore .fnascore { display: flex; justify-content: space-between; padding: 15px 0; } .fnamescore .fnascore .imgs { margin-top: 17px; height: 270px; width: 384px; position: relative; } .fnamescore .fnascore .imgs a { display: block; height: 100%; } .fnamescore .fnascore .imgs h3 { padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,0.6); font-size: 16px; line-height: 40px; color: #ffffff; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: absolute; z-index: 33; bottom: 0; left: 0; right: 0; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fnamescore .fnascore .imgs:hover h3 { color: #3ea79a; } .fnamescore .fnascore .rts { width: calc(100% - 406px); } .fnamescore .fnascore .rts li { border-bottom: 1px solid #eeeeee; } .fnamescore .fnascore .rts li:last-child { border-bottom: none; } .fnamescore .fnascore .rts li a { display: block; overflow: hidden; } .fnamescore .fnascore .rts li h3 { float: left; width: calc(100% - 100px); font-size: 16px; line-height: 48px; color: #000000; padding-left: 10px; position: relative; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fnamescore .fnascore .rts li:hover h3 { color: #3ea79a; } .fnamescore .fnascore .rts li h3:before { position: absolute; z-index: 11; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #3ea79a; border-radius: 50%; overflow: hidden; } .fnamescore .fnascore .rts li h6 { float: right; font-size: 14px; line-height: 48px; color: #999999; } .feightchara .list { padding-bottom: 20px; } .feightchara .list li { margin-top: 18px; } .feightchara .list li a { display: block; } .feightchara .list li h3 { font-size: 16px; line-height: 1.8; color: #000000; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .feightchara .list li:hover h3 { color: #3ea79a; } .feightchara .list li .en { margin-top: 6px; display: flex; justify-content: space-between; } .feightchara .list li .en .img { width: 148px; height: 100px; overflow: hidden; } .feightchara .list li .en .img img { display: block; height: 100%; width: 100%; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .feightchara .list li:hover .en .img img { transform: scale(1.05); } .feightchara .list li .en .tet { width: calc(100% - 168px); margin-top: 3px; } .feightchara .list li .tet p { font-size: 14px; line-height: 1.6; color: #999999; height: 3.2em; overflow: hidden; } .feightchara .list li .tet .detail { margin-top: 16px; border: 1px solid #3ea79a; font-size: 14px; color: #3ea79a; border-radius: 15px; overflow: hidden; line-height: 28px; width: 108px; text-align: center; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .feightchara .list li:hover .tet .detail { color: #ffffff; background: #3ea79a; } .fengshui .list { padding-bottom: 16px; } .fengshui .list li { margin-top: 25px; } .fengshui .list li a { display: block; overflow: hidden; } .fengshui .list li .img { float: left; height: 115px; width: 172px; overflow: hidden; } .fengshui .list li .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fengshui .list li:hover .img img { transform: scale(1.05); } .fengshui .list li .text { width: calc(100% - 196px); float: right; } .fengshui .list li .text h3 { font-size: 16px; line-height: 22px; color: #000000; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fengshui .list li:hover .text h3 { color: #3ea79a; } .fengshui .list li .text p { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #999999; height: 3.2em; overflow: hidden; } .fengshui .list li .text h6 { margin-top: 12px; font-size: 14px; line-height: 1.4; color: #999999; } .fconstelrt { width: 326px; } .fnewquery .list { margin-top: 10px; } .fnewquery .list li a { display: block; } .fnewquery .list li h3 { font-size: 16px; line-height: 40px; color: #363636; position: relative; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fnewquery .list li:hover h3 { color: #3ea79a; } .fnewquery .list li h3:before { position: absolute; z-index: 11; content: ""; left: 0; top: 50%; transform: translateY(-50%); height: 5px; width: 5px; border-radius: 50%; overflow: hidden; background: #3ea79a; } .fconstelrt .fbait { padding: 23px 32px 16px; } .fealinfo .list { padding: 16px 0; } .fealinfo .list ul { display: flex; justify-content: space-between; flex-wrap:wrap; } .fealinfo .list li { width: calc((100% - 15px)/2); margin-bottom: 10px; border-radius: 3px; overflow: hidden; } .fealinfo .list li a { display: block; text-align: center; background: #e6f7ee; font-size: 16px; color: #3d9968; line-height: 37px; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fealinfo .list li a:hover { background: #daf6e7; } .fealinfo .list li:nth-child(2) a { background: #e3f8fc; color: #3c7c88; } .fealinfo .list li:nth-child(2) a:hover { background: #d1f3fa; } .fealinfo .list li:nth-child(3) a { background: #eaeefd; color: #485997; } .fealinfo .list li:nth-child(3) a:hover { background: #dbe1fb; } .fealinfo .list li:nth-child(4) a { background: #ffe8d4; color: #9b6e47; } .fealinfo .list li:nth-child(4) a:hover { background: #fddfc4; } .fealinfo .list li:nth-child(5) a { background: #fdeaea; color: #b85757; } .fealinfo .list li:nth-child(5) a:hover { background: #fbd9d9; } .fealinfo .list li:nth-child(6) a { background: #fdeaf6; color: #9d5181; } .fealinfo .list li:nth-child(6) a:hover { background: #fddaf0; } .fealinfo .list li:nth-child(7) a { background: #efffdc; color: #658443; } .fealinfo .list li:nth-child(7) a:hover { background: #e5fdc9; } .fealinfo .list li:nth-child(8) a { background: #f1ecff; color: #6b54ab; } .fealinfo .list li:nth-child(8) a:hover { background: #e8e0fe; } .fonlinesign .list { padding: 25px 0 10px; } .fonlinesign .list li { margin-bottom: 10px; } .fonlinesign .list li a { display: block; overflow: hidden; } .fonlinesign .list li .icon { height: 64px; width: 64px; float: left; border-radius: 15px; overflow: hidden; } .fonlinesign .list li .icon img { display: block; height: 100%; width: 100%; object-fit: cover; } .fonlinesign .list li .txt { float: right; width: calc(100% - 78px); margin-top: 8px; } .fonlinesign .list li .txt h2 { font-size: 16px; line-height: 26px; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fonlinesign .list li:hover .txt h2 { color: #3ea79a; } .fonlinesign .list li .txt h6 { font-size: 14px; line-height: 22px; color: #999999; } .fqueryname .list { padding: 16px 0 5px; } .fqueryname .list ul { display: flex; flex-wrap:wrap; justify-content: space-between; } .fqueryname .list ul li { width: calc((100% - 24px)/3); margin-bottom: 12px; border-radius: 2px; overflow: hidden; } .fqueryname .list ul li a { display: block; text-align: center; background: #f7f7f7; font-size: 16px; color: #666666; line-height: 31px; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fqueryname .list ul li a:hover { color: #3ea79a; background: rgba(62,167,154,0.15); } .fnewestnews .list { padding: 20px 0 8px; } .fnewestnews .list li { margin-bottom: 14px; } .fnewestnews .list li a { display: block; overflow: hidden; } .fnewestnews .list li .img { float: left; width: 90px; height: 64px; overflow: hidden; } .fnewestnews .list li .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fnewestnews .list li:hover .img img { transform: scale(1.05); } .fnewestnews .list li .txt { float: right; width: calc(100% - 106px); margin-top: 4px; font-size: 14px; line-height: 26px; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fnewestnews .list li:hover .txt { color: #3ea79a; } .fhold-all .list { padding: 18px 0 6px; } .fhold-all .list ul { display: flex; flex-wrap:wrap; justify-content: space-between; } .fhold-all .list ul li { width: calc((100% - 14px)/3); margin-bottom: 7px; } .fhold-all .list ul li a { display: block; text-align: center; border-radius: 3px; overflow: hidden; font-size: 16px; color: #666666; line-height: 31px; background: #f7f7f7; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fhold-all .list ul li a:hover { background: rgba(62,167,154,0.13); color: #3ea79a; } .flinks .list { padding: 14px 0 10px; } .flinks .list ul { display: flex; flex-wrap:wrap; justify-content: flex-start; } .flinks .list ul li { width: calc((100% - 10px)/3); margin-bottom: 6px; } .flinks .list ul li a { display: block; font-size: 16px; line-height: 30px; color: #666666; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .flinks .list ul li a:hover { color: #3ea79a; } .footer { padding: 76px 0 68px; } .footer .fcooper { display: block; text-align: center; font-size: 16px; line-height: 2; color: rgba(255,255,255,0.28); transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .footer .fcooper:hover { color: #ffffff; } /* 八字测算 */ .fcalculation { padding: 40px 30px 20px; margin-bottom: 20px; min-height: 370px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ftut { text-align: center; } .ftut h2 { font-size: 24px; line-height: 1.5; color: #3ea79a; font-weight: bold; } .fcalculation .fcalulist { margin-top: 25px; } .fcalulist li { display: flex; justify-content: center; margin-bottom: 10px; } .fcalulist li .lu { display: block; font-size: 16px; line-height: 42px; color: #363636; margin: 0 5px; } .fcalulist li .str dl { display: flex; justify-content: center; } .fcalulist li .str dd { margin-right: 30px; } .fcalulist li .str dd input { display: none; } .fcalulist li .str dd label { display: block; padding-left: 20px; cursor: pointer; font-size: 16px; color: #363636; line-height: 42px; background: url(../images/fr1.png) no-repeat left center; } .fcalulist li .str dd input:checked + label { background: url(../images/fr2.png) no-repeat left center; } .fcalculation .tishi { margin-top: 15px; font-size: 14px; line-height: 24px; color: #ff0000; text-align: center; } .ftit h2 { font-size: 20px; line-height: 1.8; color: #3ea79a; } .fabout .fintrodu { margin-top: 6px; } .fabout .fintrodu img { display: block; width: 270px; float: left; margin-top: 4px; } .fabout .fintrodu .txt { width: calc(100% - 282px); font-size: 14px; line-height: 26px; color: #666666; float: right; } .fabout .fdetail { padding: 24px 0 42px; font-size: 14px; line-height: 26px; color: #666666; } .fabout .time .del { margin-top: 14px; font-size: 14px; line-height: 26px; color: #666666; } .fpair ul { padding: 8px 0 6px; } .fpair ul li { margin-bottom: 10px; } .fpair ul li a { display: block; overflow: hidden; } .fpair ul li .icon { float: left; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; } .fpair ul li .icon img { display: block; height: 100%; width: 100%; } .fpair ul li .txt { float: right; width: calc(100% - 78px); margin-top: 8px; } .fpair ul li .txt h3 { font-size: 16px; line-height: 1.5; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fpair ul li:hover .txt h3 { color: #3ea79a; } .fpair ul li .txt h6 { margin-top: 3px; font-size: 14px; line-height: 20px; color: #999999; } .fcharaquery .list { margin-top: 12px; } .fcharaquery .list li { margin-bottom: 15px; } .fcharaquery .list li a { display: block; } .fcharaquery .list li h4 { padding-left: 10px; position: relative; font-size: 14px; line-height: 24px; color: #363636; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fcharaquery .list li:hover h4 { color: #3ea79a; } .fcharaquery .list li h4:before { position: absolute; z-index: 11; content: ""; top: 8px; left: 0; height: 5px; width: 5px; border-radius: 50%; overflow: hidden; background: #3ea79a; } .fabout .time { padding-bottom: 30px; } /* 宝宝起名 */ .fscore .list.flist { padding: 37px 0 17px; } .fbadluck .list { padding: 18px 0 10px; } .fbadluck .list li { margin-bottom: 10px; } .fbadluck .list li a { display: block; overflow: hidden; } .fbadluck .list li .ico { width: 58px; height: 58px; float: left; border-radius: 50%; overflow: hidden; } .fbadluck .list li .ico img { display: block; height: 100%; width: 100%; } .fbadluck .list li .txt { margin-top: 4px; float: right; width: calc(100% - 68px); } .fbadluck .list li .txt h3 { font-size: 16px; line-height: 28px; color: #363636; font-weight: bold; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fbadluck .list li:hover .txt h3 { color: #3ea79a; } .fbadluck .list li .txt p { font-size: 14px; line-height: 22px; color: #999999; } .fabintrodu { padding: 42px 30px 38px; background: #ffffff; margin: 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fabintrodu .en { vertical-align: top; } .fabintrodu .en img { display: block; float: left; width: 205px; } .fabintrodu .en .txt { float: right; width: calc(100% - 232px); font-size: 14px; line-height: 26px; color: #666666; } .fabintrodu .del { font-size: 14px; line-height: 26px; color: #666666; margin-top: 12px; } .fbadluck.fbait { padding: 23px 30px 16px; } /* qiming */ .qiming_list{overflow:hidden;padding:10px 10px;} .qiming_list li{list-style:none;float:left;margin:8px;font-size:18px;border:1px solid #E0E0E0;padding: 8px 0;width:135px;box-sizing: border-box;} .qiming_button{padding:0 30px;font-size:16px;overflow:hidden;border:0;text-align:center;margin:5px auto 10px auto;height:38px;line-height:38px;background:#FF8A11;color:#fff;border-radius:6px;display:block;-webkit-appearance:none} .qiming_list li a{color: #4f4f4f;border: 0;} .qiming_list li .name{width: 60%;float: left;} .qiming_list li .fen{float: left;} /* 观音灵签 */ .favalokite { min-height: 520px; padding: 50px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .favalokite .list ul { margin: 24px auto 0; display: flex; flex-wrap:wrap; justify-content: center; } .favalokite .list ul li { margin: 0 40px; } .favalokite .list ul li .img { width: 130px; height: 240px; overflow: hidden; } .favalokite .list ul li .img img { display: block; width: 100%; height: 100%; object-fit: cover; } .favalokite .list ul li .icon { width: 170px; height: 175px; position: relative; } .favalokite .list ul li .icon img { display: block; position: absolute; z-index: 11; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; max-height: 70%; max-width: 70%; } .favalokite .list ul li .fdraw { margin: 26px auto 0; display: block; line-height: 38px; } .favalokite .detail { margin-top: 35px; font-size: 14px; line-height: 24px; color: #ff0000; padding-left: 105px; } .fabopinion { margin: 20px auto; background: #ffffff; padding: 36px 30px; } .fabopinion .txt p { margin-top: 3px; font-size: 14px; line-height: 1.8; color: #666666; } .fabopinion .cent { padding: 22px 0 40px; } .fabopinion .cent .en { overflow: hidden; margin-top: 10px; } .fabopinion .cent .en img { float: left; display: block; width: 205px; } .fabopinion .cent .en .rt { float: right; width: calc(100% - 232px); font-size: 14px; line-height: 1.8; color: #666666; } .finfo { padding: 10px 32px 50px; background: #ffffff; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ftgte { display: flex; flex-wrap:wrap; justify-content: space-between; border-bottom: 1px solid #e5e5e5; } .ftgte h2 { font-size: 20px; line-height: 56px; color: #3ea79a; font-weight: bold; } .ftgte .rt ul { display: flex; flex-wrap:wrap; } .ftgte .rt ul li { margin-left: 18px; position: relative; } .ftgte .rt ul li a { display: block; font-size: 16px; line-height: 56px; color: #666666; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .ftgte .rt ul li:before { position: absolute; z-index: 11; content: ""; bottom: -1px; left: 0; right: 0; margin: 0 auto; height: 3px; width: 0; background: #3ea79a; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .ftgte .rt ul li.on a, .ftgte .rt ul li a:hover { color: #3ea79a; } .ftgte .rt ul li.on:before, .ftgte .rt ul li:hover:before { width: 18px; } .finfo .list { padding: 35px 50px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .finfo .list ul { display: flex; flex-wrap:wrap; justify-content: space-between; } .finfo .list ul li { width: calc((100% - 22px)/2); margin-bottom: 15px; border: 1px solid #e5e5e5; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: flex; padding: 0 14px; justify-content: space-between; } .finfo .list ul li .lu { display: block; font-size: 16px; line-height: 43px; color: #363636; width: 80px; text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/ } .finfo .list ul li .rt { float: right; width: calc(100% - 82px); display: flex; justify-content: space-between; align-items: center; } .finfo .list ul li .rt dl { display: flex; flex-wrap:wrap; padding-left: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .finfo .list ul li .rt dl dd { width: 90px; } .finfo .list ul li .rt dl dd input { display: none; } .finfo .list ul li .rt dl dd label { display: block; padding-left: 20px; font-size: 16px; line-height: 43px; color: #666666; cursor: pointer; background: url(../images/fr1.png) no-repeat left center; } .finfo .list ul li .rt dl dd input:checked + label { background: url(../images/fr2.png) no-repeat left center; } .finfo .list ul li .rt .text { display: block; border: none; height: 43px; font-size: 16px; color: #999999; width: calc(100% - 70px); } .finfo .list ul li .rt .fgender { display: flex; flex-wrap:wrap; justify-content: flex-end; } .finfo .list ul li .rt .fgender .der { margin-left: 7px; width: 22px; line-height: 20px; text-align: center; font-size: 12px; border: 1px solid #666666; border-radius: 50%; overflow: hidden; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .finfo .list ul li .rt .fgender .der:hover, .finfo .list ul li .rt .fgender .der.on { background: #3ea79a; border-color: #3ea79a; color: #ffffff; } .finfo .list ul li .rt .lsele { width: 100%; display: block; border: none; height: 43px; font-size: 16px; color: #999999; cursor: pointer; background: url(../images/fr3.png) no-repeat right center; } .finfo .submit { margin: 8px auto 0; display: block; border: none; font-size: 16px; color: #ffffff; line-height: 48px; border-radius: 4px; overflow: hidden; text-align: center; background: #3ea79a; width: 200px; cursor: pointer; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .finfo .submit:hover { background: #43b4a6; } /* 凶吉查询 */ .fquerynow { margin-top: 31px; } .fquerynow ul { display: flex; flex-wrap:wrap; justify-content: space-between; } .fquerynow ul li { width: calc((100% - 92px)/3); margin-bottom: 45px; background: #ffffff; } .fquerynow ul li a { display: block; padding: 50px 38px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; overflow: hidden; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fquerynow ul li a:hover { box-shadow: 0 0 20px 0 rgba(62,167,154,0.15); } .fquerynow ul li .icon { margin: 0 auto; height: 80px; width: 80px; border-radius: 50%; overflow: hidden; } .fquerynow ul li .icon img { display: block; width: 100%; height: 100%; } .fquerynow ul li .txt { padding: 20px 0 30px; text-align: center; } .fquerynow ul li .txt h2 { font-size: 20px; line-height: 1.5; color: #363636; font-weight: bold; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fquerynow ul li:hover .txt h2 { color: #3ea79a; } .fquerynow ul li .txt p { margin-top: 12px; font-size: 14px; line-height: 24px; color: #666666; } .fquerynow ul li .txt .query { margin: 16px auto 0; width: 130px; line-height: 34px; border-radius: 18px; overflow: hidden; font-size: 14px; color: #3ea79a; border: 1px solid #3ea79a; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fquerynow ul li:hover .txt .query { color: #fff; background: #3ea79a; } .fquerynow ul li .phone { padding-top: 17px; border-top: 1px solid #eeeeee; text-align: center; font-size: 14px; line-height: 24px; color: #999999; } /* 名字打分 */ .fabintrodu .fdel.del { margin-top: 20px; } /* 十二星座 */ .fpagels ul { padding: 40px 0 50px; margin: 0 auto; font-size: 0; text-align: center; } .fpagels ul li { display: inline-block; margin: 0 3px; } .fpagels ul li a { display: block; border: 1px solid #d2d2d2; background: #fff; line-height: 34px; min-width: 42px; padding: 0 10px; font-size: 14px; color: #666666; border-radius: 4px; overflow: hidden; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fpagels ul li a:hover, .fpagels ul li.on a { background: #3ea79a; border-color: #3ea79a; color: #ffffff; } .fpagels ul li.prev, .fpagels ul li.next { min-width: 62px; } /* 手机号测凶吉 */ .fscore.fmeasurexj { padding: 80px 20px 40px; } /* 在线求签 */ .fseeksign { padding: 50px 0 4px; } .fseeksign .list ul { display: flex; flex-wrap:wrap; justify-content: space-between; } .fseeksign .list ul li { width: calc((100% - 64px)/5); margin-bottom: 20px; } .fseeksign .list ul li a { display: block; border-radius: 5px; overflow: hidden; background: #ffffff; } .fseeksign .list ul li .imgs { height: 256px; border-radius: 5px; overflow: hidden; } .fseeksign .list ul li .imgs img { display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fseeksign .list ul li:hover .imgs img { transform: scale(1.05); } .fseeksign .list ul li .text { text-align: center; padding: 15px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fseeksign .list ul li .text h3 { font-size: 18px; line-height: 26px; color: #363636; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .fseeksign .list ul li:hover .text h3 { color: #3ea79a; } .fseeksign .list ul li .text h6 { font-size: 12px; line-height: 1.5; color: #999999; } .fseeksign .list ul li .text .seek { width: 160px; line-height: 28px; text-align: center; border-radius: 15px; overflow: hidden; margin: 10px auto 0; border: 1px solid #3ea79a; color: #3ea79a; font-size: 14px; } /* 新增 */ .fcalulist li .rt dd { margin-bottom: 10px; } .fcalulist li .rt dd .t1 { display: inline-block; border: 1px solid #e5e5e5; width: 490px; padding: 0 15px; color: #363636; font-size: 16px; height: 42px; border-radius: 4px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: url(../images/fr4.png) no-repeat right 10px center #ffffff; } .fscore .fcalulist li { margin-bottom: 5px; } .finfo .list ul li .rt .data { width: 100%; display: block; border: none; height: 43px; font-size: 16px; color: #999999; cursor: pointer; background: url(../images/fr3.png) no-repeat right center; } .finfo .list .flis { display: none; } .finfo .list .flis:first-child { display: block; } .finfo .list ul li .rt .text.ftet { width: 100%; float: none; } .page{padding:15px 0 15px;margin-top:0;clear:both;overflow:hidden;text-align:center} .page a,.page i,.page span{background:none repeat scroll 0 0 #ff6c01;border-radius:3px 3px 3px 3px;color:#fff;font-weight:700;margin-left:5px;overflow:hidden;padding:3px 8px} .page a:hover{text-decoration:none;color:#fff;background-color:#ff9c00} .page span{background:none repeat scroll 0 0 transparent;border:medium none;color:#ff6c01;font-weight:700} .page i{border:none;background:0 0;padding:0 3px;color:#ff6c01} .page a,.page i,.page span{border-radius:0 0 0;background:#fff;color:#6c6c6c;border:#ebebeb solid 1px;font-weight:400} .page a:hover{background:#f2f2f2;color:#ff464e} .page span{font-weight:400;color:#ff464e;background:#f6f6f6} .page i{border:none}