@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-12-20;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
html, body { height: 100%; }

body { font-family: "Microsoft YaHei", "tahoma", "arial", "sans-serif"; font-size: 14px; line-height: 1.5; background-color: #FFF; color: #333; }

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul { margin: 0; padding: 0; list-style-type: none; }

ol { margin: 0; padding-left: 1.2em; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: #333; text-decoration: none; outline: none; cursor: pointer; -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
a:hover { color: #ee4d4d; }

img { border: 0; vertical-align: top; }

input, select, button, textarea { font-family: inherit; color: #333; outline: 0; margin: 0; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

input::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder { color: #999; opacity: 1; }

input:-ms-input-placeholder { color: #999; }

/*** @Author:ray; @create date:2016-01-06
***/
.icon-sprite, .icon-arrow-b-l, .icon-arrow-b-r, .icon-arrow-l, .icon-arrow-r, .icon-arrow, .icon-arrow8, .hl-calendar-head .form-select-text:after, .hl-search-block .form-select-text:after, .hl-query-box2 .form-select-text:after, .icon-btn-sm1, .icon-btn-sm2, .icon-hot, .icon-jq1, .icon-jq10, .icon-jq2, .icon-jq3, .icon-jq4, .icon-jq5, .icon-jq6, .icon-jq7, .icon-jq8, .icon-jq9, .icon-recom, .icon-search, .icon-side-ft, .icon-side-hd, .icon-sqml-logo, .icon-sx1, .icon-sx10, .icon-sx11, .icon-sx12, .icon-sx2, .icon-sx3, .icon-sx4, .icon-sx5, .icon-sx6, .icon-sx7, .icon-sx8, .icon-sx9, .icon-sxpd, .icon-sxtd, .icon-sxys, .icon-tt-bzqm, .icon-tt-bzsm, .icon-tt-dsqm, .icon-tt-dssm, .icon-tt-fs, .icon-tt-jm, .icon-tt-jq, .icon-tt-jx, .icon-tt-qm, .icon-tt-qm1, .icon-tt-qm2, .icon-tt-sm, .icon-tt-sm1, .icon-tt-sm2, .icon-tt-sm3, .icon-tt-sx, .icon-tt-xs, .icon-tt-xx, .icon-tt-xz, .icon-xx1, .icon-xx2, .icon-xx3, .icon-xx4, .icon-xz1, .icon-xz10, .icon-xz11, .icon-xz12, .icon-xz2, .icon-xz3, .icon-xz4, .icon-xz5, .icon-xz6, .icon-xz7, .icon-xz8, .icon-xz9 { background-image: url('../images/icon-s5de0c13c1b.png'); background-repeat: no-repeat; }

.icon-arrow-b-l { background-position: 0 0; height: 26px; width: 13px; }

.icon-arrow-b-r { background-position: 0 -31px; height: 26px; width: 13px; }

.icon-arrow-l { background-position: 0 -62px; height: 26px; width: 13px; }

.icon-arrow-r { background-position: 0 -93px; height: 26px; width: 13px; }

.icon-arrow { background-position: 0 -124px; height: 5px; width: 8px; }

.icon-arrow8, .hl-calendar-head .form-select-text:after, .hl-search-block .form-select-text:after, .hl-query-box2 .form-select-text:after { background-position: 0 -134px; height: 6px; width: 10px; }

.icon-btn-sm1 { background-position: 0 -145px; height: 34px; width: 90px; }

.icon-btn-sm2 { background-position: 0 -184px; height: 34px; width: 90px; }

.icon-hot { background-position: 0 -223px; height: 11px; width: 28px; }

.icon-jq1 { background-position: 0 -239px; height: 40px; width: 140px; }

.icon-jq10 { background-position: 0 -284px; height: 40px; width: 140px; }

.icon-jq2 { background-position: 0 -329px; height: 40px; width: 140px; }

.icon-jq3 { background-position: 0 -374px; height: 40px; width: 140px; }

.icon-jq4 { background-position: 0 -419px; height: 40px; width: 140px; }

.icon-jq5 { background-position: 0 -464px; height: 40px; width: 140px; }

.icon-jq6 { background-position: 0 -509px; height: 40px; width: 140px; }

.icon-jq7 { background-position: 0 -554px; height: 40px; width: 140px; }

.icon-jq8 { background-position: 0 -599px; height: 40px; width: 140px; }

.icon-jq9 { background-position: 0 -644px; height: 40px; width: 140px; }

.icon-recom { background-position: 0 -689px; height: 22px; width: 30px; }

.icon-search { background-position: 0 -716px; height: 21px; width: 22px; }

.icon-side-ft { background-position: 0 -742px; height: 55px; width: 82px; }

.icon-side-hd { background-position: 0 -802px; height: 50px; width: 114px; }

.icon-sqml-logo { background-position: 0 -857px; height: 44px; width: 155px; }

.icon-sx1 { background-position: 0 -906px; height: 55px; width: 55px; }

.icon-sx10 { background-position: 0 -966px; height: 55px; width: 55px; }

.icon-sx11 { background-position: 0 -1026px; height: 55px; width: 55px; }

.icon-sx12 { background-position: 0 -1086px; height: 55px; width: 55px; }

.icon-sx2 { background-position: 0 -1146px; height: 55px; width: 55px; }

.icon-sx3 { background-position: 0 -1206px; height: 55px; width: 55px; }

.icon-sx4 { background-position: 0 -1266px; height: 55px; width: 55px; }

.icon-sx5 { background-position: 0 -1326px; height: 55px; width: 56px; }

.icon-sx6 { background-position: 0 -1386px; height: 55px; width: 56px; }

.icon-sx7 { background-position: 0 -1446px; height: 55px; width: 56px; }

.icon-sx8 { background-position: 0 -1506px; height: 55px; width: 55px; }

.icon-sx9 { background-position: 0 -1566px; height: 55px; width: 55px; }

.icon-sxpd { background-position: 0 -1626px; height: 64px; width: 64px; }

.icon-sxtd { background-position: 0 -1695px; height: 64px; width: 64px; }

.icon-sxys { background-position: 0 -1764px; height: 64px; width: 64px; }

.icon-tt-bzqm { background-position: 0 -1833px; height: 50px; width: 340px; }

.icon-tt-bzsm { background-position: 0 -1888px; height: 50px; width: 340px; }

.icon-tt-dsqm { background-position: 0 -1943px; height: 19px; width: 81px; }

.icon-tt-dssm { background-position: 0 -1967px; height: 19px; width: 83px; }

.icon-tt-fs { background-position: 0 -1991px; height: 31px; width: 137px; }

.icon-tt-jm { background-position: 0 -2027px; height: 31px; width: 170px; }

.icon-tt-jq { background-position: 0 -2063px; height: 31px; width: 173px; }

.icon-tt-jx { background-position: 0 -2099px; height: 31px; width: 173px; }

.icon-tt-qm { background-position: 0 -2135px; height: 31px; width: 171px; }

.icon-tt-qm1 { background-position: 0 -2196px; height: 20px; width: 85px; }
.icon-tt-qm1:hover, .sm-box .icon-tt-qm1.on, .icon-tt-qm1.tt-qm1-hover { background-position: 0 -2171px; }

.icon-tt-qm2 { background-position: 0 -2246px; height: 20px; width: 82px; }
.icon-tt-qm2:hover, .sm-box .icon-tt-qm2.on, .icon-tt-qm2.tt-qm2-hover { background-position: 0 -2221px; }

.icon-tt-sm { background-position: 0 -2271px; height: 32px; width: 172px; }

.icon-tt-sm1 { background-position: 0 -2333px; height: 20px; width: 87px; }
.icon-tt-sm1:hover, .sm-box .icon-tt-sm1.on, .icon-tt-sm1.tt-sm1-hover { background-position: 0 -2308px; }

.icon-tt-sm2 { background-position: 0 -2383px; height: 20px; width: 84px; }
.icon-tt-sm2:hover, .sm-box .icon-tt-sm2.on, .icon-tt-sm2.tt-sm2-hover { background-position: 0 -2358px; }

.icon-tt-sm3 { background-position: 0 -2433px; height: 20px; width: 81px; }
.icon-tt-sm3:hover, .sm-box .icon-tt-sm3.on, .icon-tt-sm3.tt-sm3-hover { background-position: 0 -2408px; }

.icon-tt-sx { background-position: 0 -2458px; height: 31px; width: 100px; }

.icon-tt-xs { background-position: 0 -2494px; height: 31px; width: 102px; }

.icon-tt-xx { background-position: 0 -2530px; height: 31px; width: 103px; }

.icon-tt-xz { background-position: 0 -2566px; height: 31px; width: 102px; }

.icon-xx1 { background-position: 0 -2602px; height: 40px; width: 200px; }

.icon-xx2 { background-position: 0 -2647px; height: 40px; width: 200px; }

.icon-xx3 { background-position: 0 -2692px; height: 40px; width: 200px; }

.icon-xx4 { background-position: 0 -2737px; height: 40px; width: 200px; }

.icon-xz1 { background-position: 0 -2782px; height: 44px; width: 44px; }

.icon-xz10 { background-position: 0 -2831px; height: 44px; width: 44px; }

.icon-xz11 { background-position: 0 -2880px; height: 44px; width: 44px; }

.icon-xz12 { background-position: 0 -2929px; height: 44px; width: 44px; }

.icon-xz2 { background-position: 0 -2978px; height: 44px; width: 44px; }

.icon-xz3 { background-position: 0 -3027px; height: 44px; width: 44px; }

.icon-xz4 { background-position: 0 -3076px; height: 44px; width: 44px; }

.icon-xz5 { background-position: 0 -3125px; height: 44px; width: 44px; }

.icon-xz6 { background-position: 0 -3174px; height: 44px; width: 44px; }

.icon-xz7 { background-position: 0 -3223px; height: 44px; width: 44px; }

.icon-xz8 { background-position: 0 -3272px; height: 44px; width: 44px; }

.icon-xz9 { background-position: 0 -3321px; height: 44px; width: 44px; }

.icon { display: inline-block; }

.icsm-sprite, .icsm-ad-qm, .icsm-ad-sm, .icsm-arrow4, .sx-pair-box .tit:after, .icsm-boy, .icsm-btn1, .icsm-btn2, .icsm-btn3, .icsm-btn4, .icsm-btn5, .icsm-btn6, .icsm-btn7, .icsm-btn8, .icsm-girl, .icsm-jm-t1, .icsm-jm-t2, .icsm-jm-t3, .icsm-jm-t4, .icsm-jm-t5, .icsm-jm-t6, .icsm-jm-t7, .icsm-jm-t8, .icsm-jm-t9, .icsm-jq1, .icsm-jq2, .icsm-jq3, .icsm-jq4, .icsm-jq5, .icsm-jq6, .icsm-name-box, .icsm-name-tip, .icsm-qa, .icsm-qian, .icsm-shan, .icsm-t-bbqm, .icsm-t-dsqm, .icsm-t-dssm, .icsm-t-grjm, .icsm-t-hover, .icsm-t1, .icsm-t2, .icsm-t3, .icsm-t4, .icsm-t5, .icsm-t6, .icsm-t7, .icsm-zodiac1, .icsm-zodiac10, .icsm-zodiac11, .icsm-zodiac12, .icsm-zodiac2, .icsm-zodiac3, .icsm-zodiac4, .icsm-zodiac5, .icsm-zodiac6, .icsm-zodiac7, .icsm-zodiac8, .icsm-zodiac9 { background-image: url('../images/icsm-s0b52ab76ac.png'); background-repeat: no-repeat; }

.icsm-ad-qm { background-position: 0 0; height: 70px; width: 340px; }

.icsm-ad-sm { background-position: 0 -75px; height: 70px; width: 340px; }

.icsm-arrow4, .sx-pair-box .tit:after { background-position: 0 -150px; height: 9px; width: 16px; }

.icsm-boy { background-position: 0 -164px; height: 40px; width: 40px; }

.icsm-btn1 { background-position: 0 -209px; height: 60px; width: 160px; }

.icsm-btn2 { background-position: 0 -274px; height: 60px; width: 160px; }

.icsm-btn3 { background-position: 0 -339px; height: 50px; width: 154px; }

.icsm-btn4 { background-position: 0 -394px; height: 50px; width: 154px; }

.icsm-btn5 { background-position: 0 -449px; height: 50px; width: 154px; }

.icsm-btn6 { background-position: 0 -504px; height: 50px; width: 154px; }

.icsm-btn7 { background-position: 0 -559px; height: 60px; width: 160px; }

.icsm-btn8 { background-position: 0 -624px; height: 60px; width: 160px; }

.icsm-girl { background-position: 0 -689px; height: 40px; width: 40px; }

.icsm-jm-t1 { background-position: 0 -734px; height: 36px; width: 36px; }

.icsm-jm-t2 { background-position: 0 -775px; height: 36px; width: 36px; }

.icsm-jm-t3 { background-position: 0 -816px; height: 36px; width: 36px; }

.icsm-jm-t4 { background-position: 0 -857px; height: 36px; width: 36px; }

.icsm-jm-t5 { background-position: 0 -898px; height: 36px; width: 36px; }

.icsm-jm-t6 { background-position: 0 -939px; height: 36px; width: 36px; }

.icsm-jm-t7 { background-position: 0 -980px; height: 36px; width: 36px; }

.icsm-jm-t8 { background-position: 0 -1021px; height: 36px; width: 36px; }

.icsm-jm-t9 { background-position: 0 -1062px; height: 36px; width: 36px; }

.icsm-jq1 { background-position: 0 -1103px; height: 40px; width: 140px; }

.icsm-jq2 { background-position: 0 -1148px; height: 40px; width: 140px; }

.icsm-jq3 { background-position: 0 -1193px; height: 40px; width: 140px; }

.icsm-jq4 { background-position: 0 -1238px; height: 40px; width: 140px; }

.icsm-jq5 { background-position: 0 -1283px; height: 40px; width: 140px; }

.icsm-jq6 { background-position: 0 -1328px; height: 40px; width: 140px; }

.icsm-name-box { background-position: 0 -1373px; height: 86px; width: 278px; }

.icsm-name-tip { background-position: 0 -1464px; height: 30px; width: 412px; }

.icsm-qa { background-position: 0 -1499px; height: 19px; width: 20px; }

.icsm-qian { background-position: 0 -1523px; height: 95px; width: 120px; }

.icsm-shan { background-position: 0 -1623px; height: 70px; width: 190px; }

.icsm-t-bbqm { background-position: 0 -1729px; height: 26px; width: 87px; }
.icsm-t-bbqm:hover, .sm-content .hd .icsm-t-bbqm.on, .icsm-t-bbqm.t-bbqm-hover { background-position: 0 -1698px; }

.icsm-t-dsqm { background-position: 0 -1760px; height: 23px; width: 97px; }

.icsm-t-dssm { background-position: 0 -1788px; height: 23px; width: 99px; }

.icsm-t-grjm { background-position: 0 -1847px; height: 26px; width: 87px; }
.icsm-t-grjm:hover, .sm-content .hd .icsm-t-grjm.on, .icsm-t-grjm.t-grjm-hover { background-position: 0 -1816px; }

.icsm-t-hover { background-position: 0 -1878px; height: 26px; width: 85px; }

.icsm-t1 { background-position: 0 -1940px; height: 26px; width: 85px; }
.icsm-t1:hover, .sm-content .hd .icsm-t1.on, .icsm-t1.t1-hover { background-position: 0 -1909px; }

.icsm-t2 { background-position: 0 -2002px; height: 26px; width: 83px; }
.icsm-t2:hover, .sm-content .hd .icsm-t2.on, .icsm-t2.t2-hover { background-position: 0 -1971px; }

.icsm-t3 { background-position: 0 -2064px; height: 26px; width: 85px; }
.icsm-t3:hover, .sm-content .hd .icsm-t3.on, .icsm-t3.t3-hover { background-position: 0 -2033px; }

.icsm-t4 { background-position: 0 -2126px; height: 26px; width: 125px; }
.icsm-t4:hover, .hm-content .icsm-t4.on, .icsm-t4.t4-hover { background-position: 0 -2095px; }

.icsm-t5 { background-position: 0 -2188px; height: 26px; width: 125px; }
.icsm-t5:hover, .hm-content .icsm-t5.on, .icsm-t5.t5-hover { background-position: 0 -2157px; }

.icsm-t6 { background-position: 0 -2250px; height: 26px; width: 86px; }
.icsm-t6:hover, .sm-content .hd .icsm-t6.on, .icsm-t6.t6-hover { background-position: 0 -2219px; }

.icsm-t7 { background-position: 0 -2312px; height: 26px; width: 86px; }
.icsm-t7:hover, .sm-content .hd .icsm-t7.on, .icsm-t7.t7-hover { background-position: 0 -2281px; }

.icsm-zodiac1 { background-position: 0 -2343px; height: 81px; width: 76px; }

.icsm-zodiac10 { background-position: 0 -2429px; height: 81px; width: 76px; }

.icsm-zodiac11 { background-position: 0 -2515px; height: 81px; width: 76px; }

.icsm-zodiac12 { background-position: 0 -2601px; height: 81px; width: 76px; }

.icsm-zodiac2 { background-position: 0 -2687px; height: 81px; width: 76px; }

.icsm-zodiac3 { background-position: 0 -2773px; height: 81px; width: 76px; }

.icsm-zodiac4 { background-position: 0 -2859px; height: 81px; width: 76px; }

.icsm-zodiac5 { background-position: 0 -2945px; height: 81px; width: 76px; }

.icsm-zodiac6 { background-position: 0 -3031px; height: 81px; width: 76px; }

.icsm-zodiac7 { background-position: 0 -3117px; height: 81px; width: 76px; }

.icsm-zodiac8 { background-position: 0 -3203px; height: 81px; width: 76px; }

.icsm-zodiac9 { background-position: 0 -3289px; height: 81px; width: 76px; }

.icjq-sprite, .icjq-arrow, .icjq-btn1, .icjq-btn2, .icjq-btn3, .icjq-btn4, .icjq-btn5, .icjq-ds1, .icjq-ds10, .icjq-ds2, .icjq-ds3, .icjq-ds4, .icjq-ds5, .icjq-ds6, .icjq-ds7, .icjq-ds8, .icjq-ds9, .icjq-fzlq, .icjq-gdlq, .icjq-grail1, .icjq-grail2, .icjq-grail3, .icjq-gylq, .icjq-hdxlq, .icjq-lzlq, .icjq-mzlq, .icjq-tdglq, .icjq-ydlq, .icjq-yllq, .icjq-zgsq { background-image: url('../images/icjq-s41349db3a2.png'); background-repeat: no-repeat; }

.icjq-arrow { background-position: 0 0; height: 4px; width: 7px; }

.icjq-btn1 { background-position: 0 -9px; height: 50px; width: 180px; }

.icjq-btn2 { background-position: 0 -64px; height: 50px; width: 180px; }

.icjq-btn3 { background-position: 0 -119px; height: 50px; width: 180px; }

.icjq-btn4 { background-position: 0 -174px; height: 50px; width: 180px; }

.icjq-btn5 { background-position: 0 -229px; height: 50px; width: 180px; }

.icjq-ds1 { background-position: 0 -284px; height: 200px; width: 200px; }

.icjq-ds10 { background-position: 0 -489px; height: 200px; width: 200px; }

.icjq-ds2 { background-position: 0 -694px; height: 200px; width: 200px; }

.icjq-ds3 { background-position: 0 -899px; height: 200px; width: 200px; }

.icjq-ds4 { background-position: 0 -1104px; height: 200px; width: 200px; }

.icjq-ds5 { background-position: 0 -1309px; height: 200px; width: 200px; }

.icjq-ds6 { background-position: 0 -1514px; height: 200px; width: 200px; }

.icjq-ds7 { background-position: 0 -1719px; height: 200px; width: 200px; }

.icjq-ds8 { background-position: 0 -1924px; height: 215px; width: 200px; }

.icjq-ds9 { background-position: 0 -2144px; height: 200px; width: 200px; }

.icjq-fzlq { background-position: 0 -2349px; height: 100px; width: 152px; }

.icjq-gdlq { background-position: 0 -2454px; height: 100px; width: 152px; }

.icjq-grail1 { background-position: 0 -2559px; height: 64px; width: 98px; }

.icjq-grail2 { background-position: 0 -2628px; height: 64px; width: 98px; }

.icjq-grail3 { background-position: 0 -2697px; height: 64px; width: 98px; }

.icjq-gylq { background-position: 0 -2766px; height: 100px; width: 152px; }

.icjq-hdxlq { background-position: 0 -2871px; height: 100px; width: 152px; }

.icjq-lzlq { background-position: 0 -2976px; height: 100px; width: 152px; }

.icjq-mzlq { background-position: 0 -3081px; height: 100px; width: 152px; }

.icjq-tdglq { background-position: 0 -3186px; height: 100px; width: 152px; }

.icjq-ydlq { background-position: 0 -3291px; height: 100px; width: 152px; }

.icjq-yllq { background-position: 0 -3396px; height: 100px; width: 152px; }

.icjq-zgsq { background-position: 0 -3501px; height: 100px; width: 152px; }

.icxz-sprite, .icxz-arrow-b, .icxz-arrow-r, .icxz-arrow, .icxz-arrow2, .icxz-arrow3, .icxz-arrow4, .icxz-love, .icxz-love2, .icxz-love3, .icxz-love4, .icxz-luck, .icxz-pair, .icxz-query, .icxz-select-title, .icxz-xz-b1, .icxz-xz-b10, .icxz-xz-b11, .icxz-xz-b12, .icxz-xz-b2, .icxz-xz-b3, .icxz-xz-b4, .icxz-xz-b5, .icxz-xz-b6, .icxz-xz-b7, .icxz-xz-b8, .icxz-xz-b9, .icxz-xz-n1, .icxz-xz-n10, .icxz-xz-n11, .icxz-xz-n12, .icxz-xz-n2, .icxz-xz-n3, .icxz-xz-n4, .icxz-xz-n5, .icxz-xz-n6, .icxz-xz-n7, .icxz-xz-n8, .icxz-xz-n9, .icxz-xz-p1, .icxz-xz-p10, .icxz-xz-p11, .icxz-xz-p12, .icxz-xz-p2, .icxz-xz-p3, .icxz-xz-p4, .icxz-xz-p5, .icxz-xz-p6, .icxz-xz-p7, .icxz-xz-p8, .icxz-xz-p9, .icxz-xz-query, .icxz-xz-query2, .icxz-xz-r1, .icxz-xz-r10, .icxz-xz-r11, .icxz-xz-r12, .icxz-xz-r2, .icxz-xz-r3, .icxz-xz-r4, .icxz-xz-r5, .icxz-xz-r6, .icxz-xz-r7, .icxz-xz-r8, .icxz-xz-r9, .icxz-xz-y1, .icxz-xz-y10, .icxz-xz-y11, .icxz-xz-y12, .icxz-xz-y2, .icxz-xz-y3, .icxz-xz-y4, .icxz-xz-y5, .icxz-xz-y6, .icxz-xz-y7, .icxz-xz-y8, .icxz-xz-y9, .icxz-xz-ysm1, .icxz-xz-ysm10, .icxz-xz-ysm11, .icxz-xz-ysm12, .icxz-xz-ysm2, .icxz-xz-ysm3, .icxz-xz-ysm4, .icxz-xz-ysm5, .icxz-xz-ysm6, .icxz-xz-ysm7, .icxz-xz-ysm8, .icxz-xz-ysm9 { background-image: url('../images/icxz-sa9d5f4f057.png'); background-repeat: no-repeat; }

.icxz-arrow-b { background-position: -118px -36px; height: 7px; width: 12px; }

.icxz-arrow-r { background-position: -106px -36px; height: 7px; width: 12px; }

.icxz-arrow { background-position: -90px -36px; height: 5px; width: 8px; }

.icxz-arrow2 { background-position: -82px -36px; height: 5px; width: 8px; }

.icxz-arrow3 { background-position: -98px -36px; height: 5px; width: 8px; }

.icxz-arrow4 { background-position: -138px -36px; height: 9px; width: 16px; }

.icxz-love { background-position: -130px -36px; height: 7px; width: 8px; }

.icxz-love2 { background-position: -16px -62px; height: 18px; width: 15px; }

.icxz-love3 { background-position: 0 -62px; height: 9px; width: 8px; }

.icxz-love4 { background-position: -8px -62px; height: 9px; width: 8px; }

.icxz-luck { background-position: -64px -390px; height: 64px; width: 64px; }

.icxz-pair { background-position: 0 -390px; height: 64px; width: 64px; }

.icxz-query { background-position: 0 -326px; height: 64px; width: 64px; }

.icxz-select-title { background-position: 0 -36px; height: 26px; width: 82px; }

.icxz-xz-b1 { background-position: 0 -2972px; height: 124px; width: 124px; }

.icxz-xz-b10 { background-position: 0 -3096px; height: 124px; width: 124px; }

.icxz-xz-b11 { background-position: 0 -3220px; height: 124px; width: 124px; }

.icxz-xz-b12 { background-position: 0 -3344px; height: 124px; width: 124px; }

.icxz-xz-b2 { background-position: 0 -3468px; height: 124px; width: 124px; }

.icxz-xz-b3 { background-position: 0 -3592px; height: 124px; width: 124px; }

.icxz-xz-b4 { background-position: 0 -3716px; height: 124px; width: 124px; }

.icxz-xz-b5 { background-position: 0 -3840px; height: 124px; width: 124px; }

.icxz-xz-b6 { background-position: 0 -2724px; height: 124px; width: 124px; }

.icxz-xz-b7 { background-position: 0 -3964px; height: 124px; width: 124px; }

.icxz-xz-b8 { background-position: 0 -1856px; height: 124px; width: 124px; }

.icxz-xz-b9 { background-position: 0 -2600px; height: 124px; width: 124px; }

.icxz-xz-n1 { background-position: -70px -746px; height: 73px; width: 70px; }

.icxz-xz-n10 { background-position: 0 -746px; height: 73px; width: 70px; }

.icxz-xz-n11 { background-position: -70px -673px; height: 73px; width: 70px; }

.icxz-xz-n12 { background-position: -70px -600px; height: 73px; width: 70px; }

.icxz-xz-n2 { background-position: 0 -819px; height: 73px; width: 70px; }

.icxz-xz-n3 { background-position: -70px -527px; height: 73px; width: 70px; }

.icxz-xz-n4 { background-position: 0 -527px; height: 73px; width: 70px; }

.icxz-xz-n5 { background-position: -70px -454px; height: 73px; width: 70px; }

.icxz-xz-n6 { background-position: 0 -454px; height: 73px; width: 70px; }

.icxz-xz-n7 { background-position: -70px -819px; height: 73px; width: 70px; }

.icxz-xz-n8 { background-position: 0 -673px; height: 73px; width: 70px; }

.icxz-xz-n9 { background-position: 0 -600px; height: 73px; width: 70px; }

.icxz-xz-p1 { background-position: -96px -278px; height: 48px; width: 48px; }

.icxz-xz-p10 { background-position: -48px -278px; height: 48px; width: 48px; }

.icxz-xz-p11 { background-position: -64px -326px; height: 48px; width: 48px; }

.icxz-xz-p12 { background-position: -96px -230px; height: 48px; width: 48px; }

.icxz-xz-p2 { background-position: -48px -230px; height: 48px; width: 48px; }

.icxz-xz-p3 { background-position: 0 -278px; height: 48px; width: 48px; }

.icxz-xz-p4 { background-position: 0 -182px; height: 48px; width: 48px; }

.icxz-xz-p5 { background-position: -96px -182px; height: 48px; width: 48px; }

.icxz-xz-p6 { background-position: -48px -182px; height: 48px; width: 48px; }

.icxz-xz-p7 { background-position: 0 -230px; height: 48px; width: 48px; }

.icxz-xz-p8 { background-position: -84px -134px; height: 48px; width: 48px; }

.icxz-xz-p9 { background-position: -36px -134px; height: 48px; width: 48px; }

.icxz-xz-query { background-position: 0 -892px; height: 110px; width: 110px; }

.icxz-xz-query2 { background-position: 0 -1002px; height: 110px; width: 110px; }

.icxz-xz-r1 { background-position: 0 -1112px; height: 124px; width: 124px; }

.icxz-xz-r10 { background-position: 0 -1236px; height: 124px; width: 124px; }

.icxz-xz-r11 { background-position: 0 -1360px; height: 124px; width: 124px; }

.icxz-xz-r12 { background-position: 0 -1484px; height: 124px; width: 124px; }

.icxz-xz-r2 { background-position: 0 -1608px; height: 124px; width: 124px; }

.icxz-xz-r3 { background-position: 0 -1732px; height: 124px; width: 124px; }

.icxz-xz-r4 { background-position: 0 -2848px; height: 124px; width: 124px; }

.icxz-xz-r5 { background-position: 0 -1980px; height: 124px; width: 124px; }

.icxz-xz-r6 { background-position: 0 -2104px; height: 124px; width: 124px; }

.icxz-xz-r7 { background-position: 0 -2228px; height: 124px; width: 124px; }

.icxz-xz-r8 { background-position: 0 -2352px; height: 124px; width: 124px; }

.icxz-xz-r9 { background-position: 0 -2476px; height: 124px; width: 124px; }

.icxz-xz-y1 { background-position: 0 -5748px; height: 166px; width: 160px; }

.icxz-xz-y10 { background-position: 0 -5582px; height: 166px; width: 160px; }

.icxz-xz-y11 { background-position: 0 -5416px; height: 166px; width: 160px; }

.icxz-xz-y12 { background-position: 0 -5250px; height: 166px; width: 160px; }

.icxz-xz-y2 { background-position: 0 -5084px; height: 166px; width: 160px; }

.icxz-xz-y3 { background-position: 0 -4918px; height: 166px; width: 160px; }

.icxz-xz-y4 { background-position: 0 -4752px; height: 166px; width: 160px; }

.icxz-xz-y5 { background-position: 0 -4586px; height: 166px; width: 160px; }

.icxz-xz-y6 { background-position: 0 -4420px; height: 166px; width: 160px; }

.icxz-xz-y7 { background-position: 0 -4254px; height: 166px; width: 160px; }

.icxz-xz-y8 { background-position: 0 -4088px; height: 166px; width: 160px; }

.icxz-xz-y9 { background-position: 0 -5914px; height: 166px; width: 160px; }

.icxz-xz-ysm1 { background-position: -72px -98px; height: 36px; width: 36px; }

.icxz-xz-ysm10 { background-position: 0 -134px; height: 36px; width: 36px; }

.icxz-xz-ysm11 { background-position: -103px -62px; height: 36px; width: 36px; }

.icxz-xz-ysm12 { background-position: -67px -62px; height: 36px; width: 36px; }

.icxz-xz-ysm2 { background-position: -31px -62px; height: 36px; width: 36px; }

.icxz-xz-ysm3 { background-position: -36px -98px; height: 36px; width: 36px; }

.icxz-xz-ysm4 { background-position: 0 -98px; height: 36px; width: 36px; }

.icxz-xz-ysm5 { background-position: -108px 0; height: 36px; width: 36px; }

.icxz-xz-ysm6 { background-position: 0 0; height: 36px; width: 36px; }

.icxz-xz-ysm7 { background-position: -36px 0; height: 36px; width: 36px; }

.icxz-xz-ysm8 { background-position: -72px 0; height: 36px; width: 36px; }

.icxz-xz-ysm9 { background-position: -108px -98px; height: 36px; width: 36px; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.red { color: #ee4d4d; }

.orange { color: #fc7700; }

.blue { color: #4dbbee; }

.green { color: #0ec87b; }

.g3 { color: #333333; }

.g6 { color: #666666; }

.g9 { color: #999999; }

.gc { color: #ccc; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt50 { margin-top: 50px; }

.mb20 { margin-bottom: 20px; }

.mt0 { margin-top: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb70 { margin-bottom: 70px; }

.text-justify { text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

.text-center { text-align: center; }

.notext { text-align: left; letter-spacing: -3em; overflow: hidden; }
.notext:first-letter { margin-left: -20em; }

.hide { display: none !important; }

.hidden { visibility: hidden !important; }

.placeholder { color: red; }

.fn-clear, .form-group, .astro-info-block, .sx-pair-box { zoom: 1; }
.fn-clear:after, .form-group:after, .astro-info-block:after, .sx-pair-box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.row { zoom: 1; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }

.col-lg-12 { width: 100%; }

.col-lg-11 { width: 91.66666667%; }

.col-lg-10 { width: 83.33333333%; }

.col-lg-9 { width: 75%; }

.col-lg-8 { width: 66.66666667%; }

.col-lg-7 { width: 58.33333333%; }

.col-lg-6 { width: 50%; }

.col-lg-5 { width: 41.66666667%; }

.col-lg-4 { width: 33.33333333%; }

.col-lg-3 { width: 25%; }

.col-lg-2 { width: 16.66666667%; }

.col-lg-1 { width: 8.33333333%; }

/*** @description: 表单样式; @Author: ray; @create date: 2016-08-09;
***/
.form-input, .form-select, .form-textarea { line-height: 1.42857143; padding: 6px 10px; color: inherit; font-size: 14px; border: 1px solid #e0e0e0; border-radius: 4px; -moz-transition: box-shadow 0.4s, border-color 0.4s; -o-transition: box-shadow 0.4s, border-color 0.4s; -webkit-transition: box-shadow 0.4s, border-color 0.4s; transition: box-shadow 0.4s, border-color 0.4s; }
.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: #dddddd; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 221, 221, 0.4); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 221, 221, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 221, 221, 0.4); }

.form-input { width: 210px; }
.form-input[readonly] { background-color: #eee; }

.form-select { padding: 6px; height: 35px; }

.form-textarea { resize: none; overflow: hidden; }

.form-title, .form-input, .form-gender, .form-datetime { display: inline-block; vertical-align: middle; }

.form-title { margin-right: 5px; }

.form-gender { font-size: 0; border: 1px solid #4dbbee; border-radius: 4px; }
.form-gender .option { display: inline-block; vertical-align: top; width: 40px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #4dbbee; cursor: pointer; }
.form-gender .on { background: #4dbbee; color: #FFF; }
.form-gender input { position: absolute; z-index: -1; }

.form-group { margin-bottom: 10px; }

.form-select-list { position: absolute; left: 0; right: 0; top: 100%; max-height: 320px; overflow-y: auto; background-color: #fff; color: #666; border: solid 1px #e5e5e5; margin-top: -1px; overscroll-behavior: contain; -ms-scroll-chaining: contain; display: none; }
.form-select-list::-webkit-scrollbar { width: 4px; border-radius: 2px; background-color: transparent; }
.form-select-list::-webkit-scrollbar-thumb { background: #666; border-radius: 2px; }
.form-select-list li { line-height: 40px; padding: 0 12px; cursor: pointer; }
.form-select-list li.selected { background-color: #f9f9f9; }
.form-select-list li:hover { background-color: #f0f0f0; }

.ui-form .form-select { display: inline-block; vertical-align: top; width: 180px; height: auto; line-height: 38px; font-size: 16px; text-align: left; position: relative; user-select: none; padding: 0; border: 0; }
.ui-form .form-select.on .form-select-text { color: #333; }
.ui-form .form-select.open { z-index: 9; }
.ui-form .form-select.open .form-select-list { display: block !important; }
.ui-form .form-select-text { padding: 0 30px 0 12px; color: #999; border: solid 1px #e6e6e6; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ui-form .form-select-text:after { content: ''; width: 16px; height: 9px; background: url(../images/form/arrow2.png) no-repeat center center; background-size: 79% auto; position: absolute; right: 12px; top: 50%; margin-top: -4px; }
.ui-form .form-date, .ui-form .form-input { line-height: 22px; padding: 8px 12px; font-size: 16px; border: solid 1px #e5e5e5; }
.ui-form .form-date { background: url("../images/form/arrow.png") no-repeat right center; color: #999; cursor: pointer; padding-right: 30px; }
.ui-form .form-date.on { color: #333; }
.ui-form .form-inline-group { display: inline-block; vertical-align: top; }

.scroller { height: 100%; overflow: hidden; }

.scrollbar-track { position: absolute; top: 0; right: 0; bottom: 0; z-index: 100; width: 5px; height: 100%; background-color: #f9f9f9; }

.scrollbar-thumb { position: absolute; width: 100%; background-color: #d0d0d0; border-radius: 5px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; }

.moving .scrollbar-thumb, .scrollbar-thumb:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background-color: #acacac; cursor: default; }

.ui-select { display: inline-block; vertical-align: middle; width: 208px; white-space: nowrap; background-color: #FFF; font-size: 14px; color: #999; border: 1px solid #e0e0e0; border-radius: 4px; position: relative; z-index: auto; text-align: left; }
.ui-select.focus { border-radius: 4px 4px 0 0; z-index: 999; }
.ui-select.focus .select-bd { visibility: visible; }
.ui-select .select-hd { position: relative; cursor: pointer; height: 24px; line-height: 24px; padding: 4px 20px 4px 10px; overflow: hidden; text-overflow: ellipsis; }
.ui-select .select-hd:after { content: ''; width: 8px; height: 4px; position: absolute; top: 50%; right: 10px; margin-top: -2px; background: url(../images/form/arrow.png) no-repeat; }
.ui-select .select-bd { position: absolute; z-index: 10; background-color: #FFF; border: 1px solid #e0e0e0; min-width: 100%; margin-left: -1px; border-radius: 0 0 4px 4px; max-height: 290px; overflow-y: auto; visibility: hidden; }
.ui-select .select-bd.moving { visibility: visible; opacity: 1; }
.ui-select .select-bd .option { display: block; line-height: 24px; padding: 3px 10px; cursor: pointer; white-space: nowrap; overflow: hidden; }
.ui-select .select-bd .option + .option { margin-top: 1px; }
.ui-select .select-bd .option.on, .ui-select .select-bd .option:hover { background: #4dbbee; color: #fff; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
/*按钮样式*/
.btn { display: inline-block; vertical-align: middle; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-color: #FFF; color: #333; border: 1px solid #e0e0e0; border-radius: 4px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }

.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn[disabled] { cursor: wait; }

.btn-block { padding-left: 0; padding-right: 0; width: 100%; }

.btn-red { background-color: #ee4d4d; border-color: #ee4d4d; color: #FFF; }
.btn-red:hover { color: #FFF; background-color: #ee5e5e; border-color: #ee5e5e; }

.btn-blue { background-color: #5899db; border-color: #5899db; color: #FFF; }
.btn-blue:hover { color: #FFF; background-color: #448eda; border-color: #448eda; }

.btn-red-border { color: #db2121; border-color: #db2121; }
.btn-red-border:hover { color: #FFF; background: #db2121; }

/*** @description: 动画; @Author: ray; @create date: 2016-12-20;
***/
@-moz-keyframes rotate { from { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-webkit-keyframes rotate { from { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-moz-keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
/*** @description: 公用; @Author:ray; @create date:2016-02-09;
***/
html { overflow-y: scroll; }

html, body { height: 100%; }

body > object { display: none; }

.wrapper { width: 1200px; margin-left: auto; margin-right: auto; }

.page { position: relative; min-height: 100%; min-width: 1100px; overflow: hidden; background: url(../images/public/bg.png) center 0; }

.header { background: #FFF; position: relative; z-index: 100; }

.topbar { height: 80px; overflow: hidden; }
.topbar .logo { float: left; margin-top: 10px; }
.topbar .logo-link { display: block; font-size: 0; width: 204px; height: 60px; background: url(../images/logo.png) no-repeat; }

.searchbar { float: right; width: 390px; height: 30px; border-bottom: 1px solid #e2d9c1; margin-top: 26px; }
.searchbar .search-input { width: 360px; font-size: 14px; color: #999; float: left; border: 0; padding: 5px 0; }
.searchbar .search-input.on, .searchbar .search-input.active { color: #333; }
.searchbar .btn-search { float: right; font-size: 0; border: 0; background: none; margin: 0; padding: 0; cursor: pointer; }

.navbar { height: 60px; background: #db2121; text-align: justify; position: relative; }
.navbar .nav-inner { height: 60px; }
.navbar .nav-item { float: left; margin-left: -25px; }
.navbar .nav-item + .nav-item { margin-left: 15px; }
.navbar .nav-item.on .nav-link:after, .navbar .nav-item.hover .nav-link:after, .navbar .nav-item.hover .sec-nav { opacity: 1; visibility: visible; }
.navbar .nav-link { display: inline-block; vertical-align: top; font-size: 16px; color: #FFF; height: 60px; line-height: 60px; padding: 0 25px; position: relative; }
.navbar .nav-link:after { content: ''; position: absolute; bottom: 9px; left: 50%; width: 32px; height: 3px; margin-left: -16px; background: #FFF; border-radius: 3px; opacity: 0; visibility: hidden; }
.navbar .sec-nav { position: absolute; left: 0; right: 0; top: 100%; background: #FFF; height: 45px; line-height: 45px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; }
.navbar .sec-nav-link { margin-right: 40px; }
.navbar .sec-nav-link.on { color: #ee4d4d; }
.navbar .nav-master { width: 72px; height: 33px; position: absolute; top: 14px; left: 50%; margin-left: 528px; }
.navbar .nav-master img { width: 100%; height: 100%; }

.content { padding-bottom: 385px; }

.content-l { width: 840px; float: left; }

.content-r { width: 340px; float: right; }
.content-r .ad-box { margin-top: 0; }
.content-r .cs-box, .content-r .zx-list, .content-r .tj-list, .content-r .tj-list, .content-r .ui-box, .content-r .qm-box, .content-r .sm-box { margin-bottom: 20px; }
.content-r .qm-box { height: 278px; }
.content-r .qm-box .tabs { margin: 13px 0; }
.content-r .qm-box .tabs .tt { margin-left: 20px; }
.content-r .qm-box .tabs .tt + .tt { margin-left: 88px; }
.content-r.fixed .cs-box { position: fixed; top: 20px; z-index: 10; width: 300px; }

.content-ad { width: 100%; overflow: hidden; }
.content-ad .ad-box { float: left; margin-bottom: 0; }
.content-ad .ad-box img { width: 387px; height: 90px; }
.content-ad .ad-box + .ad-box { margin-left: 19px; }

.footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 348px; overflow: hidden; background: #fffdf5; font-size: 12px; color: #666; border-top: 2px solid #c9a96e; }
.footer a { color: #666; }
.footer a:hover { color: #ee4d4d; }
.footer .f-logo { float: left; margin-top: 32px; }
.footer .f-logo img { width: 204px; height: 60px; }
.footer .f-right { width: 800px; float: right; text-align: right; }
.footer .cooperate { font-size: 14px; color: #666; margin-top: 35px; margin-bottom: 8px; }
.footer .copyright { font-size: 12px; color: #999; }
.footer .copyright a { color: #999; }
.footer .copyright a:hover { color: #ee4d4d; }

.f-content { min-height: 115px; display: none; }

.f-navbar { overflow: hidden; padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #f2f1ea; }
.f-navbar .item { width: 10%; float: left; }
.f-navbar .item-name { font-size: 16px; font-weight: bold; }
.f-navbar .item-list { line-height: 30px; }

.f-links { overflow: hidden; margin-left: 232px; line-height: 24px; padding: 25px 0; }
.f-links .hd { margin-bottom: 5px; }
.f-links .hd .cur { color: #b3b3b3; margin: 0 15px; }
.f-links .title { float: left; font-size: 12px; }
.f-links .list { overflow: hidden; margin-left: 50px; }
.f-links .list li { float: left; width: 70px; height: 24px; overflow: hidden; margin-left: 15px; }

.ad-box { background: #fff; margin-top: 20px; margin-bottom: 20px; }
.ad-box a { display: block; }
.ad-box img { max-width: 100%; display: block; margin: 0 auto; }
.ad-box + .ad-box { margin-top: 20px; }

.url-here { color: #999; padding: 10px 0; }
.url-here a { color: #999; }
.url-here a:hover { color: #ee4d4d; }

.pagestr { line-height: 40px; text-align: center; font-size: 18px; color: #666; font-family: arial; }
.pagestr a, .pagestr span { display: inline-block; width: 40px; background: #f0f0f0; color: #666; -moz-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; }
.pagestr .on, .pagestr span, .pagestr a:hover { background-color: #999; color: #FFF; }
.pagestr .ell { margin: 0 5px; }
.pagestr .prev, .pagestr .next { font-family: '宋体'; font-size: 21px; font-weight: bold; margin: 0 15px; }

.sidebar-e-code { opacity: 1; visibility: visible; position: fixed; top: 27%; left: 49.3%; z-index: 101; margin-left: 650px; margin-top: -100px; text-align: center; -moz-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }

.sidebar { position: fixed; top: 50%; left: 50%; z-index: 101; margin-left: 650px; margin-top: -100px; text-align: center; width: 82px; background: #db2121; opacity: 0; visibility: hidden; -moz-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; }
.sidebar.on { opacity: 1; visibility: visible; }
.sidebar .hd { position: absolute; margin: -50px 0 0 -16px; }
.sidebar .bd { position: relative; z-index: 1; width: 60px; padding: 10px 0; background-color: #ffeee3; border: 2px solid #FFD342; border-image: linear-gradient(to bottom, #ffd342, #fec18c) 1; margin: 0 auto; }
.sidebar .ft { position: absolute; top: 100%; left: 0; }
.sidebar .link { display: block; line-height: 40px; text-align: center; color: #914d22; }
.sidebar .link.on, .sidebar .link:hover { color: #e7a53b; }

@media only screen and (max-width: 1500px) { .sidebar { margin-left: 0; left: auto; right: 20px; } }
.pic-zoom, .img-box, .tj-list .pic, .content-list .pic, .article-detail .ad-box, .recommend-reading .ad-box { overflow: hidden; }
.pic-zoom:hover img, .img-box:hover img, .tj-list .pic:hover img, .content-list .pic:hover img, .article-detail .ad-box:hover img, .recommend-reading .ad-box:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.pic-zoom img, .img-box img, .tj-list .pic img, .content-list .pic img, .article-detail .ad-box img, .recommend-reading .ad-box img { -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; }

.luck-star { display: inline-block; vertical-align: top; width: 135px; height: 27px; background: url(../images/xz/luck-star.png) no-repeat; }
.luck-star.star4 { background-position: -27px 0; }
.luck-star.star3 { background-position: -54px 0; }
.luck-star.star2 { background-position: -81px 0; }
.luck-star.star1 { background-position: -108px 0; }

.star { display: inline-block; vertical-align: top; width: 115px; height: 25px; background: url(../images/xz/star.png) no-repeat; }
.star.star4 { background-position: -23px 0; }
.star.star3 { background-position: -46px 0; }
.star.star2 { background-position: -69px 0; }
.star.star1 { background-position: -92px 0; }

.link-box .hd { font-size: 16px; color: #666; }
.link-box .bd { margin-top: -8px; line-height: 30px; }
.link-box .link { font-size: 14px; color: #999; margin-right: 25px; }
.link-box .link:hover { color: #ee4d4d; }

.block-title { color: #111; font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
.block-title .date { font-size: 14px; font-weight: normal; color: #888; }

/*** @description: 首页; @Author:ray; @create date:2018-03-15;
***/
.w100 { width: 100px; }

.w120 { width: 120px; }

.page-index .content { padding-bottom: 20px; }
.page-index .footer { position: relative; }
.page-index .content-r { padding-top: 68px; }
.page-index .ui-slides { margin-bottom: 0; }

.index-focus { background: #FFF; height: 380px; margin-top: 20px; }
.index-focus .zxcx-box { width: 300px; float: right; }

.index-banner { width: 860px; height: 380px; float: left; position: relative; overflow: hidden; }
.index-banner:hover .prev, .index-banner:hover .next { visibility: visible; opacity: 1; }
.index-banner .bd li { position: relative; }
.index-banner .bd .pic { width: 860px; height: 380px; vertical-align: top; }
.index-banner .bd .tit { position: absolute; left: 0; right: 0; bottom: 0; height: 68px; line-height: 68px; padding: 50px 30px 0; font-size: 24px; color: #FFF; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); }
.index-banner .hd { height: 8px; position: absolute; left: auto; right: 25px; bottom: 30px; text-align: center; }
.index-banner .hd li { display: inline-block; vertical-align: top; width: 8px; height: 8px; background: #fff; border-radius: 50px; font-size: 0; margin: 0 4px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; -moz-transition: width 0.5s; -o-transition: width 0.5s; -webkit-transition: width 0.5s; transition: width 0.5s; }
.index-banner .hd li.on { width: 24px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background: #ee4d4d; }
.index-banner .prev, .index-banner .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; left: 0; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.index-banner .prev:hover .icon, .index-banner .next:hover .icon { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.index-banner .next { left: auto; right: 0; }
.index-banner .next .icon { margin-left: 15px; }
.index-banner .icon { vertical-align: top; margin: 17px 0 0 12px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.index-article { width: 300px; height: 380px; float: right; margin-right: 20px; overflow: hidden; }
.index-article .row-box { border-top: 1px dashed #e6e3e0; margin-top: -1px; padding-bottom: 12px; }
.index-article .hd { line-height: 1.2; margin: 15px 0; }
.index-article .title { font-size: 18px; font-weight: bold; display: inline-block; vertical-align: bottom; padding-left: 1px; -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -webkit-transform: skewX(-8deg); transform: skewX(-8deg); }
.index-article .icon { vertical-align: -2px; margin-left: 5px; }
.index-article .tag { position: relative; display: inline-block; vertical-align: top; width: 41px; height: 30px; text-align: center; margin-right: 9px; color: #c9a96e; }
.index-article .tag:before, .index-article .tag:after { content: ''; display: inline-block; vertical-align: -2px; white-space: nowrap; margin-right: 2px; width: 4px; height: 14px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAOAQMAAABjMBw4AAAABlBMVEUAAADJqW7u1l//AAAAAXRSTlMAQObYZgAAABRJREFUCNdj+MAABA4MDTSimA8AADa2C3Tb3UYlAAAAAElFTkSuQmCC') no-repeat; }
.index-article .tag:after { margin-right: 0; margin-left: 2px; background-position: right 0; }
.index-article .item { height: 30px; line-height: 30px; overflow: hidden; }
.index-article .item-1 { background: #f5f5f5; margin-bottom: 8px; }
.index-article .item-1 .tag { background: #db2121; color: #FFF; }
.index-article .item-1 .tag:before { content: none; }
.index-article .item-1 .tag:after { background: none; width: 0; height: 0; content: ''; position: absolute; left: 100%; top: 50%; margin-left: 0; margin-top: -5px; border-top: 5px solid transparent; border-left: 4px solid #db2121; border-bottom: 5px solid transparent; }

.ui-slides { width: 100%; margin-top: 20px; margin-bottom: 20px; position: relative; }
.ui-slides .bd { height: 80px; overflow: hidden; }
.ui-slides .bd ul { width: 110%; }
.ui-slides .bd li { float: left; margin-right: 12px; }
.ui-slides .bd a { display: block; }
.ui-slides .bd .pic { width: 140px; height: 80px; }
.ui-slides .prev, .ui-slides .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; left: -40px; }
.ui-slides .prev:hover .icon, .ui-slides .next:hover .icon { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.ui-slides .next { left: auto; right: -40px; }
.ui-slides .next .icon { margin-left: 15px; }
.ui-slides .icon { vertical-align: top; margin: 17px 0 0 12px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.section { margin: 20px 0; }
.section .icon { font-size: 0; }

.section-hd { padding: 8px 0; height: 32px; overflow: hidden; }
.section-hd .title { font-size: 0; float: left; }
.section-hd .menus { float: right; font-size: 16px; margin-top: 8px; }
.section-hd .menus ul { float: left; margin-right: 20px; }
.section-hd .menus li { float: left; margin-right: 8px; }
.section-hd .menus li + li:before { content: '/'; margin-right: 8px; }
.section-hd .menus .link { float: left; margin-right: 55px; }
.section-hd .menus .name { display: inline-block; font-size: 0; vertical-align: 15px; }
.section-hd .menus .icon-recom { position: absolute; margin-top: -10px; }
.section-hd .menus .more { color: #999; }
.section-hd .menus .more:hover { color: #ee4d4d; }

.section-bd-l { width: 340px; float: left; }
.section-bd-l .img-box { margin-bottom: 20px; }

.section-bd-r { width: 480px; float: right; }

.img-box { display: block; position: relative; overflow: hidden; }
.img-box .pic { width: 100%; }
.img-box .tit { position: absolute; left: 0; right: 0; bottom: 0; padding-top: 30px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6))); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
.img-box .tit h4 { height: 40px; line-height: 40px; margin: 0 10px; font-size: 20px; color: #FFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.art-box { height: 421px; padding: 20px; background: #FFF; }
.art-box .tag { display: inline-block; vertical-align: top; width: 56px; height: 20px; line-height: 20px; color: #ee4d4d; border: 1px solid #ee4d4d; text-align: center; font-size: 12px; margin-right: 5px; }
.art-box .tag:hover { color: #FFF; background-color: #ee4d4d; border-color: #ee4d4d; }
.art-box .tag-sm { color: #5b7cc7; border-color: #5b7cc7; }
.art-box .tag-xz { color: #efa407; border-color: #efa407; }
.art-box .tag-qm { color: #9164b4; border-color: #9164b4; }
.art-box .tag-sx { color: #6ab7a6; border-color: #6ab7a6; }
.art-box .tag-xx { color: #dd7070; border-color: #dd7070; }
.art-box .tag-xs { color: #d68c3c; border-color: #d68c3c; }
.art-box .tag-fs { color: #88ba5c; border-color: #88ba5c; }
.art-box .tag-jq { color: #ab9031; border-color: #ab9031; }
.art-box .tag-sg { color: #53a2ae; border-color: #53a2ae; }
.art-box .tag-jm { color: #c174a8; border-color: #c174a8; }
.art-box .tit { font-size: 18px; font-weight: bold; }
.art-box .hd { height: 22px; line-height: 20px; overflow: hidden; margin: 6px 0; }
.art-box .bd { overflow: hidden; margin-bottom: 18px; }
.art-box .bd ul { margin-left: -36px; }
.art-box .bd li { width: 202px; float: left; height: 30px; line-height: 30px; overflow: hidden; margin-left: 36px; }
.art-box .bd a { color: #666; }
.art-box .bd a:hover { color: #ee4d4d; }

.cs-box { padding: 0 20px; background: #FFF; height: 410px; }
.cs-box .hd { height: 30px; padding: 18px 0; overflow: hidden; }
.cs-box .hd .title { float: left; font-size: 20px; font-weight: bold; }
.cs-box .hd .change { float: right; font-size: 12px; color: #999; margin-top: 8px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.cs-box .hd .change:hover { color: #ee4d4d; }
.cs-box .bd { height: 325px; overflow: hidden; }
.cs-box .bd li { height: 70px; margin-bottom: 15px; }
.cs-box .bd a { display: block; font-size: 0; box-shadow: 0 10px 10px transparent; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.cs-box .bd a:hover { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); }
.cs-box .bd img { width: 300px; height: 70px; }

.xx-box { margin-left: -40px; overflow: hidden; }
.xx-box .item { float: left; line-height: 40px; text-align: center; font-size: 22px; color: #FFF; margin-left: 40px; margin-bottom: 18px; }

.zx-list .bd { padding: 0; margin: 0 -20px; }

.ui-list { padding: 16px 20px; background: #FFF; }
.ui-list li { height: 36px; line-height: 36px; overflow: hidden; }
.ui-list li:before { content: ''; display: inline-block; width: 5px; height: 10px; background: #c9a96e; margin-right: 10px; }

.tj-list { padding: 0 20px; background: #FFF; }
.tj-list .hd { padding: 15px 0; }
.tj-list .hd .title { font-size: 22px; font-weight: bold; line-height: 30px; }
.tj-list .bd { padding-bottom: 5px; }
.tj-list .item { display: block; overflow: hidden; margin-bottom: 15px; }
.tj-list .pic { width: 110px; height: 70px; float: left; margin-right: 10px; }
.tj-list .tit { line-height: 23px; height: 70px; overflow: hidden; }
.tj-list .ui-list { padding: 0; margin-top: -10px; margin-bottom: 8px; }

.sm-box { background: #FFF; height: 231px; }
.sm-box .hd { margin-bottom: 10px; }
.sm-box .bd { padding: 0 20px; }
.sm-box .title { font-size: 0; }
.sm-box .tabs { margin: 13px 0 10px 0; overflow: hidden; }
.sm-box .tabs .tt { float: left; font-size: 0; cursor: pointer; }
.sm-box .tabs .tt + .tt { margin-left: 23px; }
.sm-box .form-gender { margin-left: 5px; }
.sm-box .btn { padding-left: 0; padding-right: 0; border: 0; border-radius: 17px; font-weight: bold; height: auto; }
.sm-box .icon-btn-sm1 { color: #FFF; }
.sm-box .icon-btn-sm2 { color: #6a2800; margin-left: 45px; }
.sm-box .form-datetime { width: 230px; border: 1px solid #e0e0e0; border-radius: 4px; }
.sm-box .form-datetime .ui-select { border: 0; width: 48px; }
.sm-box .form-datetime .ui-select .select-hd { text-overflow: inherit; padding-left: 6px; padding-right: 6px; }
.sm-box .form-datetime .ui-select .select-hd:after { right: 0; position: static; display: inline-block; vertical-align: 3px; margin-left: 2px; }
.sm-box .form-datetime .ui-select .select-bd { width: 58px; margin-left: -5px; }
.sm-box .form-datetime .ui-select .select-bd .option { padding: 3px 10px; }
.sm-box .form-datetime .year { width: 64px; margin-left: 4px; }
.sm-box .form-datetime .year .select-bd { width: 75px; }

.qm-box { height: 241px; }
.qm-box .form-gender { border: 1px solid #db2121; }
.qm-box .form-gender .option { color: #db2121; }
.qm-box .form-gender .on { background: #db2121; color: #FFF; }
.qm-box .ui-select-type { width: 230px; }
.qm-box .bd-item { display: none; }
.qm-box .bd-item.on { display: block; }

.sx-box { width: 340px; height: 200px; background: #FFF url(../images/public/sx-bg.png) no-repeat; text-align: center; padding-top: 15px; }
.sx-box .item { display: inline-block; vertical-align: top; font-size: 0; margin: 0 8px 10px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(241, 229, 213, 0); -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.sx-box .item:hover { box-shadow: 0 2px 0 2px #f1e5d5; }

.xz-box { width: 310px; height: 204px; background: #FFF url(../images/public/xz-bg.png) no-repeat center 3px; text-align: center; padding: 13px 15px 0; overflow: hidden; margin-bottom: -2px; position: relative; }
.xz-box .item { width: 25%; float: left; color: #999; margin-bottom: 5px; }
.xz-box .item:hover { color: #ee4d4d; }
.xz-box .item:hover .icon { box-shadow: 0 1px 0 1px #f1e5d5; }
.xz-box .icon { vertical-align: top; border-radius: 50%; box-shadow: 0 0 0 1px rgba(241, 229, 213, 0); -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.xz-box .name { display: block; font-size: 12px; }

.ui-select-group { padding: 18px 20px 8px; background: #FFF; }
.ui-select-group .ui-select { float: left; }
.ui-select-group .ui-select.min { width: 98px; }
.ui-select-group .ui-select + .ui-select { margin-left: 10px; }
.ui-select-group .btn { float: right; }

.ui-box { padding: 0 20px; background: #FFF; }
.ui-box .hd { padding: 15px 0; }
.ui-box .hd .title { font-size: 22px; font-weight: bold; line-height: 30px; }
.ui-box .bd { padding-bottom: 10px; }

.zxcx-box .ui-select { float: left; }
.zxcx-box .ui-select-min { width: 98px; }
.zxcx-box .ui-select-min + .ui-select-min { margin-left: 10px; }
.zxcx-box .btn { float: right; }

.jq-box .bd { overflow: hidden; margin-left: -20px; padding-bottom: 0; }
.jq-box .item { float: left; font-size: 0; margin-left: 20px; margin-bottom: 20px; }

.fs-list { height: 245px; overflow: hidden; }
.fs-list .list { margin-left: -20px; margin-bottom: -5px; }
.fs-list .item { width: 160px; float: left; margin-left: 20px; margin-bottom: 5px; }
.fs-list .link { display: block; }
.fs-list .pic { display: block; width: 160px; height: 90px; }
.fs-list .tit { height: 32px; line-height: 32px; overflow: hidden; }

.section-jq .section-bd { overflow: hidden; margin-left: -20px; margin-bottom: -20px; }
.section-jq .section-bd .item { float: left; font-size: 0; margin-left: 20px; margin-bottom: 20px; }
.section-jq .section-bd .pic { width: 152px; height: 100px; }

.section-sm .art-box { height: 406px; }

.section-qm .art-box, .section-fs .art-box { height: 416px; }

.section-jm .section-bd { background: #FFF; padding-top: 40px; }

.jm-search { width: 614px; height: 43px; border: 1px solid #db2121; border-radius: 4px; background: #FFF; overflow: hidden; margin-left: 120px; margin-bottom: 25px; }
.jm-search .btn { border: 0; border-radius: 0; float: right; width: 120px; background: #db2121; color: #FFF; font-size: 16px; padding: 11px 0; }
.jm-search .form-input { border: 0; font-size: 16px; padding: 11px 20px; width: 452px; }

.jm-box .list { overflow: hidden; padding-top: 20px; margin-left: -10px; }
.jm-box .item { float: left; width: 91px; height: 28px; line-height: 28px; text-align: center; margin-bottom: 10px; margin-left: 10px; border: 1px solid #e0e0e0; border-radius: 4px; }
.jm-box .item:hover { border-color: #ee4d4d; }

.jm-list { padding: 0 20px 5px; overflow: hidden; }
.jm-list .item { overflow: hidden; line-height: 33px; margin-bottom: 15px; }
.jm-list .item-name { float: left; font-size: 18px; font-weight: bold; }
.jm-list .item-list { overflow: hidden; margin-left: 100px; height: 33px; position: relative; }
.jm-list .link { width: 120px; float: left; margin-right: 10px; font-size: 16px; }
.jm-list .more { position: absolute; top: 0; right: 0; color: #999; font-size: 16px; }
.jm-list .more:hover { color: #ee4d4d; }

.jm-search-min { border: 1px solid #ee4d4d; border-radius: 4px; background: #FFF; overflow: hidden; position: relative; }
.jm-search-min .text { position: absolute; left: 0; top: 0; width: 50px; line-height: 31px; text-align: center; color: #999; }
.jm-search-min .btn { border: 0; float: right; width: 80px; background: #ee4d4d; color: #FFF; border-radius: 0; }
.jm-search-min .input { width: 162px; padding: 7px 10px 7px 45px; border: 0; }
.jm-search-min.active .text { color: #333; }

.link-box { margin-bottom: 30px; }
.link-box .wrapper { overflow: hidden; }
.link-box h3 { font-size: 20px; color: #333; margin-bottom: 10px; }
.link-box ul { overflow: hidden; margin-left: -20px; }
.link-box li { float: left; margin-left: 20px; }
.link-box a { font-size: 14px; color: #666; display: inline-block; line-height: 25px; }
.link-box a:hover { color: #ee4d4d; }

/*** @description: 搜索页; @Author:ray; @create date:2018-04-23;
***/
.search-list { background: #FFF; }
.search-list .list-hd { height: 55px; line-height: 55px; padding-left: 40px; border-bottom: 1px solid #ebebeb; position: relative; overflow: hidden; margin-bottom: 30px; }
.search-list .list-hd .item { display: inline-block; vertical-align: top; font-size: 16px; margin-right: 25px; position: relative; font-weight: bold; }
.search-list .list-hd .on { color: #ee4d4d; }
.search-list .list-hd .on:after { content: ''; position: absolute; height: 3px; background: #ee4d4d; border-radius: 2px; left: 0; right: 0; bottom: 0; }
.search-list .list-bd { padding: 0 40px; }
.search-list .list-bd .item { display: block; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; margin-bottom: 30px; }
.search-list .list-ft { padding-bottom: 40px; }
.search-list .item-hd { line-height: 22px; margin-bottom: 5px; }
.search-list .item-hd .tag { display: inline-block; vertical-align: top; width: 36px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; border: 1px solid #5b7cc7; color: #5b7cc7; margin-right: 10px; }
.search-list .item-hd .tag-qm { color: #9164b4; border-color: #9164b4; }
.search-list .item-hd .tag-sx { color: #6ab7a6; border-color: #6ab7a6; }
.search-list .item-hd .tag-xx { color: #dd7070; border-color: #dd7070; }
.search-list .item-hd .tag-kx, .search-list .item-hd .tag-xs { color: #d68c3c; border-color: #d68c3c; }
.search-list .item-hd .tag-fszs { color: #88ba5c; border-color: #88ba5c; }
.search-list .item-hd .tag-jq, .search-list .item-hd .tag-jqcq { color: #ab9031; border-color: #ab9031; }
.search-list .item-hd .tag-sg { color: #53a2ae; border-color: #53a2ae; }
.search-list .item-hd .tag-jm { color: #c174a8; border-color: #c174a8; }
.search-list .item-hd .tit { font-size: 20px; color: 333; }
.search-list .item-bd { color: #999; line-height: 2; }

/*** @description: 算命; @Author:ray; @create date:2018-03-16;
***/
.sm-content { height: 380px; background: #FFF; margin: 20px 0; box-shadow: 0 0 8px rgba(255, 221, 202, 0.8); }
.sm-content .form-group { margin-bottom: 20px; }
.sm-content .form-title { display: inline-block; width: 105px; font-size: 20px; text-align: right; margin-right: 0; }
.sm-content .ui-select { width: 128px; border-radius: 0; }
.sm-content .ui-select .select-hd { font-size: 20px; padding-top: 8px; padding-bottom: 8px; }
.sm-content .ui-select .select-hd:after { width: 16px; height: 9px; background-image: url(../images/form/arrow2.png); margin-top: -4px; }
.sm-content .ui-select .select-bd .option { padding: 8px 10px; font-size: 20px; }
.sm-content .ui-select + .ui-select { margin-left: 15px; }
.sm-content .form-input-name { width: 256px; }
.sm-content .form-input { border-radius: 0; font-size: 20px; }
.sm-content .form-input + .form-title { margin-left: 22px; }
.sm-content .form-gender { text-align: left; border: 0; }
.sm-content .form-gender .option { width: 80px; height: 40px; line-height: 40px; background: none; color: #333; font-size: 20px; padding-right: 28px; background: url(../images/form/cb.png) no-repeat right center; margin-left: 5px; }
.sm-content .form-gender .option.on { background-image: url(../images/form/cb-checked.png); }
.sm-content .form-gender .option + .option { margin-left: 70px; }
.sm-content .form-gender .icon { vertical-align: top; margin-right: 10px; }
.sm-content .tabs .tt, .sm-content .tabs .link { float: left; font-size: 0; cursor: pointer; margin-right: 50px; position: relative; }
.sm-content .tabs .on:after { content: ''; position: absolute; height: 3px; background: #ee4d4d; border-radius: 2px; left: 0; right: 0; top: 42px; }
.sm-content .tabs .icsm-t-dssm, .sm-content .tabs .icsm-t-dsqm { font-size: 0; float: left; margin-top: 3px; }
.sm-content .tabs .icon-recom { position: absolute; margin-top: -11px; margin-left: 1px; }
.sm-content .hd { padding: 17px 60px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.sm-content .bd { padding: 0 70px; }
.sm-content .bd-item { display: none; }
.sm-content .bd-item.on { display: block; }
.sm-content .bd-form { width: 720px; float: left; padding-top: 40px; }
.sm-content .bd-text { width: 276px; height: 240px; float: right; background: #f5f5f5; border: 2px dashed #e6e6e6; margin-top: 20px; position: relative; border-radius: 10px; }
.sm-content .bd-text .item { display: none; }
.sm-content .bd-text .item.on { display: block; }
.sm-content .bd-text h3 { font-size: 28px; color: #333; text-align: center; margin-top: -24px; width: 100%; }
.sm-content .bd-text p { line-height: 26px; color: #999; padding: 0 18px; margin-top: 10px; text-align: justify; position: relative; z-index: 1; }
.sm-content .bd-text .icon { position: absolute; bottom: 0; right: 22px; }
.sm-content .form-gender { margin-left: 5px; }
.sm-content .btn { border: 0; border-radius: 30px; font-weight: bold; font-size: 0; padding: 0; }
.sm-content .btn:hover { opacity: 0.9; }
.sm-content .btn + .btn { margin-left: 78px; }

.qm-content .bd-form { padding-top: 5px; }
.qm-content .form-gender { margin-left: 205px; }
.qm-content .form-gender .option + .option { margin-left: 100px; }
.qm-content .bd-text .icon { right: 0; }
.qm-content .form-input-name { width: 187px; margin-right: 23px; }
.qm-content .ui-select-type { width: 208px; }

.content-list { background: #FFF; }
.content-list .list-hd { height: 55px; line-height: 55px; padding-left: 40px; border-bottom: 1px solid #ebebeb; position: relative; overflow: hidden; }
.content-list .list-hd .item { display: inline-block; vertical-align: top; font-size: 16px; margin-right: 25px; position: relative; font-weight: bold; }
.content-list .list-hd .on { color: #ee4d4d; }
.content-list .list-hd .on:after { content: ''; position: absolute; height: 3px; background: #ee4d4d; border-radius: 2px; left: 0; right: 0; bottom: 0; }
.content-list .list-hd .more { font-size: 16px; color: #999; position: absolute; top: 0; right: 15px; }
.content-list .list-hd .more:hover { color: #ee4d4d; }
.content-list .list-hd .xz-select { margin-right: 15px; }
.content-list .list-hd .xz-select-hd { height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #cbcbcb; border-radius: 15px; }
.content-list .list-hd .xz-select-bd { margin-top: 12px; }
.content-list .list-hd .xz-select-list:before, .content-list .list-hd .xz-select-list:after { margin-left: -80px; }
.content-list .list-hd .title { font-size: 26px; font-weight: bold; }
.content-list .list-hd-inner { position: absolute; left: 40px; top: 0; white-space: nowrap; }
.content-list .list-hd-toggle, .content-list .list-hd-toggle-end { width: 38px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #ebebeb url(../images/list/arrow-l.png) no-repeat center center; display: none; }
.content-list .list-hd-toggle-end { left: auto; right: 0; background-image: url(../images/list/arrow-r.png); display: block; }
.content-list .list-sec-hd { line-height: 16px; padding: 12px 40px; overflow: hidden; }
.content-list .list-sec-hd li { float: left; padding-right: 15px; margin: 5px 0; }
.content-list .list-sec-hd li + li { padding-left: 15px; border-left: 1px solid #cdcdcd; }
.content-list .list-sec-hd .item { font-size: 14px; }
.content-list .list-sec-hd .item.on { color: #ee4d4d; }
.content-list .list-sec-hd + .list-bd { margin-top: -40px; }
.content-list .list-bd { padding: 0 40px; overflow: hidden; }
.content-list .list-bd dt { height: 28px; line-height: 28px; overflow: hidden; margin-top: 3px; margin-bottom: 20px; }
.content-list .list-bd .item { display: block; overflow: hidden; margin-top: 40px; }
.content-list .list-bd .pic { width: 280px; height: 160px; overflow: hidden; float: left; }
.content-list .list-bd .con { overflow: hidden; margin-left: 310px; }
.content-list .list-bd .tit { font-size: 20px; font-weight: bold; }
.content-list .list-bd .rem { color: #999; text-align: justify; height: 60px; line-height: 30px; overflow: hidden; margin-bottom: 15px; }
.content-list .list-bd .tag { display: inline-block; vertical-align: top; min-width: 58px; line-height: 20px; padding: 0 5px; color: #999; border: 1px solid #ccc; border-radius: 3px; text-align: center; }
.content-list .list-bd img { width: 100%; height: 100%; }
.content-list .list-ft { padding: 40px; text-align: center; }
.content-list .list-more { display: block; font-size: 16px; line-height: 38px; text-align: center; background: #fff; color: #666; border: 1px solid #e5e5e5; }
.content-list .list-more:hover { background: #fafafa; }
.content-list .list-more:before { content: ''; display: inline-block; vertical-align: -1px; margin-right: 10px; width: 14px; height: 14px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAgMAAABiJsVCAAAADFBMVEUAAADuMgDuMgAlJSVqKyhQAAAAA3RSTlMACAQ1worPAAAANUlEQVQI12Ng0HdgYGCIB2LOfCChxg8kIkBEAj+DAsP///8/QAgG/gigoH4DAwMTXLEYTDEAw/cMxz/9/9EAAAAASUVORK5CYII=') no-repeat; }
.content-list .list-loader { display: none; vertical-align: top; width: 32px; height: 32px; background: url(../images/public/loading.gif) no-repeat; }

.content-detail { background: #FFF; padding: 40px; }

.content-remark { background: #FFF; border-bottom: 4px solid #ebebeb; padding: 15px 40px 12px; }
.content-remark .title { font-size: 22px; font-weight: bold; margin-bottom: 5px; }
.content-remark .text { font-size: 16px; line-height: 30px; text-align: justify; }
.content-remark .link { overflow: hidden; margin-top: 15px; margin-bottom: 5px; }
.content-remark .link a { float: left; line-height: 64px; padding: 0 8px; font-size: 20px; }
.content-remark .link a + a { margin-left: 105px; }
.content-remark .link .icon { vertical-align: top; margin-right: 10px; }

.content-link { padding: 15px 30px; background: #FFF; margin: 30px 0 0; }
.content-link .hd { font-size: 16px; color: #666; margin-bottom: 8px; }
.content-link .bd { overflow: hidden; }
.content-link .bd ul { margin-left: -28px; }
.content-link .bd li { float: left; margin-left: 28px; margin-bottom: 5px; }
.content-link .bd a { font-size: 14px; color: #999; }
.content-link .bd a:hover { color: #666; }

.article-detail .title { font-size: 28px; text-align: center; margin: -5px 0 10px; }
.article-detail .info { text-align: center; margin-bottom: 30px; }
.article-detail .info .item { display: inline-block; vertical-align: top; margin: 0 10px; color: #999; }
.article-detail .text { text-align: justify; text-justify: inter-ideograph; word-break: break-all; font-size: 16px; line-height: 28px; }
.article-detail .text p { margin: 8px 0; word-break: break-word; text-indent: 2em; }
.article-detail .text img { max-width: 100%; display: block; margin: 5px auto; }
.article-detail .from { margin: 40px 0; text-align: center; color: #999; }
.article-detail .ad-list { overflow: hidden; margin-top: 30px; }
.article-detail .ad-list ul { margin-left: -20px; }
.article-detail .ad-list li { width: 136px; float: left; margin: 0 0 0 20px; }
.article-detail .ad-list img { width: 136px; height: 90px; }
.article-detail .foot { text-align: center; width: 460px; height: 140px; margin: 0 auto; background: url(../images/jm/ad-box.png) no-repeat; }
.article-detail .foot .txt { padding: 15px 25px; font-size: 16px; color: #a32630; text-align: justify; }
.article-detail .foot .btn-master { padding: 0; border: 0; width: 156px; height: 60px; line-height: 46px; font-size: 20px; color: #fff; letter-spacing: 2px; font-weight: bold; background: url(../images/jm/btn-bg.png) no-repeat; }

.related-reading { padding: 30px 0; border-top: 1px solid #e0e0e0; margin-top: 40px; }
.related-reading .title { font-size: 22px; font-weight: bold; }
.related-reading .hd { margin-bottom: 5px; }
.related-reading .bd { overflow: hidden; }
.related-reading .bd ul { width: 350px; float: left; }
.related-reading .bd li { height: 32px; line-height: 32px; overflow: hidden; }
.related-reading #detail_sidebar3 { float: right; }

.recommend-reading { border-top: 1px solid #e0e0e0; padding-top: 30px; position: relative; }
.recommend-reading .list-tt { font-size: 22px; font-weight: bold; line-height: 30px; }
.recommend-reading .list-bd { padding: 0; }
.recommend-reading .list-bd .item { margin-top: 20px; }
.recommend-reading .list-bd .pic { width: 180px; height: 105px; }
.recommend-reading .list-bd .con { margin-left: 200px; width: 300px; }
.recommend-reading .list-bd img { width: 100%; height: 100%; }
.recommend-reading .list-bd dt { height: 56px; margin-top: 5px; margin-bottom: 20px; }
.recommend-reading .list-ft { padding: 40px 0 0 0; }
.recommend-reading .ad-list { position: absolute; top: 60px; right: 0; width: 180px; }

.recommend-reading2 { position: relative; margin-top: 20px; }
.recommend-reading2.open .list-bd .list { max-height: inherit; }
.recommend-reading2.open .list-ft .btn-more:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJBAMAAAAfoWtkAAAAFVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzsIyYbAAAAB3RSTlMA/UyMzlw6jdcs9AAAADlJREFUCNdjAAIVBQYwYBIUgjAURQQVIAIGhkJgAWEGZqAQSICBASgEEmAACzkCBYBCDgypYJ2sCQCJRQRYGBGuswAAAABJRU5ErkJggg==); }
.recommend-reading2 .list-hd-title { display: inline-block; vertical-align: middle; font-size: 22px; font-weight: bold; line-height: 30px; }
.recommend-reading2 .list-hd-inner { left: auto; right: 40px; }
.recommend-reading2 .list-hd-inner .item { font-weight: normal; font-size: 20px; margin-left: 50px; margin-right: 0; }
.recommend-reading2 .list-bd { min-height: 200px; padding-top: 15px; }
.recommend-reading2 .list-bd .list { overflow: hidden; margin-left: -20px; max-height: 390px; }
.recommend-reading2 .list-bd .item { width: 138px; float: left; margin-left: 18px; margin-top: 0; margin-bottom: 15px; height: 24px; line-height: 24px; overflow: hidden; }
.recommend-reading2 .list-bd-item { display: none; }
.recommend-reading2 .list-bd-item.on { display: block; }
.recommend-reading2 .list-ft { text-align: center; padding-top: 10px; padding-bottom: 30px; }
.recommend-reading2 .list-ft .btn-more { color: #999; font-size: 14px; cursor: pointer; }
.recommend-reading2 .list-ft .btn-more:after { content: ''; display: inline-block; vertical-align: 1px; width: 15px; height: 9px; margin-left: 8px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJBAMAAAAfoWtkAAAAG1BMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMyfUVMdAAAACHRSTlMATPmMzlw7OntNIIUAAAA7SURBVAjXYyhlAAHWBAYPAxDDwoFBqBlIMzcJMDBqGAAFFIE8oBBIgAEkBBIACbWABMBCQAEwEAEJAABLVgcZLbxA9wAAAABJRU5ErkJggg==) no-repeat 0 center; }

.sm-detail { background: #FFF; padding: 40px; }
.sm-detail .title { font-size: 30px; text-align: center; margin-bottom: 20px; }
.sm-detail .sm-detail-info { margin-bottom: 40px; }
.sm-detail .sm-title { border-bottom: 2px solid #f5f5f5; height: 42px; margin-top: -20px; margin-bottom: 50px; }
.sm-detail .sm-title h3 { font-size: 30px; position: absolute; margin-top: 20px; background: #FFF; padding-right: 12px; }
.sm-detail .sm-table { width: 100%; table-layout: fixed; }
.sm-detail .sm-table th, .sm-detail .sm-table td { text-align: center; padding: 9px 0; }
.sm-detail .sm-table th { color: #999; font-weight: 100; }
.sm-detail .sm-table th.c6 { text-indent: 6px; }
.sm-detail .sm-table td { font-weight: bold; }
.sm-detail .sm-table .c1 { color: #999; text-align: right; width: 72px; font-weight: 100; }
.sm-detail .sm-table .c6 { width: 200px; text-align: left; padding-left: 120px; }
.sm-detail .sm-item { margin-bottom: 20px; }
.sm-detail .sm-item h3 { font-size: 22px; margin-bottom: 10px; }
.sm-detail .sm-item p { font-size: 16px; line-height: 2.2; }
.sm-detail .sm-item li { font-size: 16px; padding-left: 15px; line-height: 2.2; }
.sm-detail .sm-item li:before { content: ''; width: 5px; height: 5px; background: #dbdbdb; position: absolute; margin-top: 15px; margin-left: -15px; }
.sm-detail .sm-item .word { color: #ff5b53; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbb265), to(#ff5552)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sm-detail .sm-verse { font-size: 16px; line-height: 36px; text-align: center; padding: 30px 0; font-weight: bold; }
.sm-detail .qm-table { width: 450px; float: left; }
.sm-detail .qm-title { height: 42px; margin-bottom: 25px; }
.sm-detail .qm-title h3 { display: inline-block; vertical-align: middle; font-size: 30px; background: #FFF; padding-right: 12px; }
.sm-detail .qm-title .icon { vertical-align: middle; }
.sm-detail .icsm-name-box { display: block; margin-bottom: 25px; }
.sm-detail .qm-name-info { margin-left: 95px; }
.sm-detail .qm-name-info .name { display: block; font-size: 24px; font-weight: bold; padding-top: 20px; }
.sm-detail .qm-name-info .attr { color: #999; }
.sm-detail .qm-name-info .qual { display: inline-block; font-size: 16px; font-weight: bold; color: #ff5552; margin-left: 25px; line-height: 1.1; -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -webkit-transform: skewX(-8deg); transform: skewX(-8deg); }

.qm-result-info { width: 276px; float: right; background: #fff; border: 2px dashed #e6e6e6; border-radius: 10px; text-align: center; padding-bottom: 20px; }
.qm-result-info .face { width: 78px; height: 78px; display: block; margin: -40px auto 5px; }
.qm-result-info .gender { font-size: 16px; margin-bottom: -10px; }
.qm-result-info .name { padding: 10px 0; margin-top: 10px; }
.qm-result-info .word { font-size: 40px; color: #ff5b53; line-height: 1.2; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbb265), to(#ff5552)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.qm-result-info .attr { display: inline-block; color: #f1b145; line-height: 1; padding: 1px; border: 2px solid #efa940; border-radius: 4px; }
.qm-result-info .text { font-size: 12px; color: #999; text-align: left; padding: 0 38px; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.qm-result-info .g3 { font-size: 14px; }
.qm-result-info .score { text-align: left; padding-left: 38px; margin-bottom: 10px; }
.qm-result-info .title { vertical-align: bottom; font-size: 24px; color: #999; line-height: 42px; }
.qm-result-info .value { font-size: 40px; line-height: 1.1; color: #333; vertical-align: bottom; }
.qm-result-info .unit { font-size: 16px; color: #ee4d4d; font-weight: bold; display: inline-block; font-family: 'Simhei'; -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -webkit-transform: skewX(-8deg); transform: skewX(-8deg); }

.qm-suggest-list { font-size: 0; }
.qm-suggest-list .bd { margin-left: -20px; margin-bottom: -20px; margin-top: 20px; }
.qm-suggest-list .btn { width: 108px; padding: 5px 0; border-radius: 0; margin: 0 0 20px 20px; font-size: 18px; }
.qm-suggest-list .btn:hover { border-color: #ee4d4d; }

.qm-info-box { font-size: 16px; line-height: 2.2; margin-top: -10px; }
.qm-info-box dt { float: left; }
.qm-info-box dd { overflow: hidden; }
.qm-info-box .value { font-size: 40px; line-height: 1; display: inline-block; vertical-align: -2px; margin-top: -5px; }

.qm-info-tip { color: #999; margin: 15px 0 40px; }

.qm-info-point { background: #f4c478; color: #ce541e; padding: 9px 20px; border-radius: 8px; font-weight: bold; margin-top: 30px; margin-bottom: 10px; }

.qm-sc-table { width: 390px; float: left; line-height: 35px; }
.qm-sc-table th { text-align: left; color: #999; font-weight: normal; }
.qm-sc-table td { font-weight: bold; }

.qm-wg-list { width: 345px; float: right; font-weight: bold; margin-top: 5px; }
.qm-wg-list dl { overflow: hidden; line-height: 28px; }
.qm-wg-list dt, .qm-wg-list dd { float: left; }
.qm-wg-list dd { width: 65px; }
.qm-wg-list .c1 { color: #ff6462; }
.qm-wg-list .c2 { color: #f8834f; }
.qm-wg-list .c3 { color: #624781; }

.sx-navbar { height: 81px; padding: 17px 0 12px; background: #FFF; text-align: center; }
.sx-navbar ul { margin-left: -26px; }
.sx-navbar li { float: left; width: 76px; height: 81px; margin-left: 26px; position: relative; }
.sx-navbar .item { display: block; font-size: 0; position: absolute; top: 0; -moz-transition: top 0.35s; -o-transition: top 0.35s; -webkit-transition: top 0.35s; transition: top 0.35s; }
.sx-navbar .item:hover { top: -7px; }

.hot-posts { margin-top: 32px; background: #fff; }
.hot-posts .hd { font-size: 16px; font-weight: bold; margin-bottom: 18px; }
.hot-posts .bd { border-right: 1px dotted #ccb9d4; border-bottom: 1px dotted #ccb9d4; overflow: hidden; }
.hot-posts .bd ul { width: 765px; overflow: hidden; margin-right: -5px; }
.hot-posts .bd li { width: 126px; height: 36px; line-height: 36px; text-align: center; float: left; display: inline; border-top: 1px dotted #ccb9d4; border-left: 1px dotted #ccb9d4; }
.hot-posts .bd a { color: #695b7c; display: block; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot-posts .bd a:hover { color: #ee4d4d !important; }
.hot-posts .bd-category li:nth-child(6) a { color: #009900; }
.hot-posts .bd-category li:nth-child(9) a { color: #ee4900; }
.hot-posts .bd-category li:nth-child(20) a { color: #7d41e9; }
.hot-posts .bd-article li { width: 253px; text-align: left; }

/*** @description: 算命; @Author:ray; @create date:2018-03-16;
***/
.jm-content { height: 220px; background: url(../images/list/jm-content.jpg) no-repeat center center; border: 1px solid #dec9c0; margin-bottom: 20px; }

.jm-remark { width: 520px; height: 48px; background: url(../images/list/jm-rm-box.png) no-repeat center center; padding: 6px 20px; margin: 30px 0 0 250px; }
.jm-remark .text { color: #b29084; line-height: 24px; height: 48px; overflow: hidden; }

.jm-search-form { width: 460px; height: 40px; border-radius: 4px; background: #FFF; overflow: hidden; margin: 30px 0 0 300px; }
.jm-search-form .title { display: inline-block; vertical-align: top; width: 62px; height: 40px; line-height: 40px; text-align: center; color: #ba9183; font-size: 16px; border-right: 1px solid #e9dace; float: left; }
.jm-search-form .btn { border: 0; border-radius: 0; float: right; width: 90px; background: #cca496; color: #FFF; font-size: 16px; padding: 9px 0; }
.jm-search-form .input { border: 0; font-size: 16px; width: 265px; padding: 9px 20px; border-radius: 0; }
.jm-search-form .input::-webkit-input-placeholder { color: #e2cfc8; }
.jm-search-form .input::-moz-placeholder { color: #e2cfc8; opacity: 1; }
.jm-search-form .input:-ms-input-placeholder { color: #e2cfc8; }

.jm-search-keys { margin: 10px 0 0 315px; }
.jm-search-keys .name { color: #ba9183; }
.jm-search-keys .keyword { color: #ba9183; margin-right: 13px; }
.jm-search-keys .keyword:hover { text-decoration: underline; }

.jm-tabs-hd { background: #eadbcf; overflow: hidden; }
.jm-tabs-hd .list { width: 845px; }
.jm-tabs-hd .item { width: 92.5px; height: 70px; float: left; text-align: center; cursor: pointer; background: #eadbcf; border-right: 1px solid #eadbcf; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.jm-tabs-hd .item:hover, .jm-tabs-hd .item.on { background: #FFF; }
.jm-tabs-hd .icon { vertical-align: top; margin: 10px 0 3px; }
.jm-tabs-hd .name { display: block; font-size: 12px; color: #ba9183; }

.jm-tabs-bd { background: #FFF; }
.jm-tabs-bd:after { content: ''; display: block; height: 1px; background: #ebebeb; margin: 0 40px; }
.jm-tabs-bd .item { display: none; overflow: hidden; padding-top: 35px; padding-bottom: 10px; }
.jm-tabs-bd .item li { width: 125px; height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; margin-left: 35px; margin-bottom: 20px; }
.jm-tabs-bd .item.on { display: block; }
.jm-tabs-bd .link { font-size: 16px; }
.jm-tabs-bd .more { border: 0; padding: 4px 0; display: inline-block; vertical-align: top; width: 72px; background: #cca496; color: #FFF; text-align: center; }

.jm-search-list .item-hd .tag { background: #cca496; border-color: #cca496; color: #FFF; }
.jm-search-list .item-bd { height: 56px; overflow: hidden; }

.jm-hot-dream .hd { border-bottom: 2px solid #f5f5f5; height: 42px; margin-top: -20px; margin-bottom: 50px; }
.jm-hot-dream .hd .title { font-size: 30px; position: absolute; margin-top: 20px; background: #FFF; padding-right: 12px; }
.jm-hot-dream .bd ul { margin-left: -20px; margin-bottom: -20px; overflow: hidden; }
.jm-hot-dream .bd li { float: left; margin-left: 20px; margin-bottom: 20px; }

.search-notfound { height: 325px; }
.search-notfound .hd { font-size: 22px; color: #000; margin-bottom: 5px; }
.search-notfound .bd { line-height: 36px; }
.search-notfound .bd li { padding-left: 13px; line-height: 28px; background: url(../images/list/d.png) no-repeat 0 center; }
.search-notfound .bd a { color: #ee4d4d; }
.search-notfound .bd a:hover { text-decoration: underline; }

/*** @description: 解签; @Author:ray; @create date:2018-05-08;
***/
.page-jq .recommend-reading2 { margin-top: 35px; }
.page-jq .recommend-reading2 .list-bd .list { margin-left: -40px; }
.page-jq .recommend-reading2 .list-bd .item { width: 192px; margin-left: 40px; }

.jq-column { margin-top: 20px; }

.jq-column-hd { margin: 30px 0 20px; }
.jq-column-hd .title { font-size: 30px; color: #555148; text-align: center; font-weight: 400; }
.jq-column-hd .title:before, .jq-column-hd .title:after { content: ''; display: inline-block; vertical-align: top; width: 28px; height: 23px; background: url(../images/list/jq.png) no-repeat; margin: 10px 30px 0; }

.jq-column-rm { width: 1200px; height: 107px; background: #eae4d8 url(../images/list/jq-rm-box.png) no-repeat; margin-bottom: 30px; }
.jq-column-rm .text { padding: 0 40px; height: 60px; line-height: 30px; font-size: 16px; color: #665b4e; padding-top: 23px; overflow: hidden; }

.jq-column-bd { overflow: hidden; }
.jq-column-bd .list { overflow: hidden; margin-left: -35px; margin-bottom: -35px; }
.jq-column-bd .item { float: left; width: 212px; height: 230px; margin-left: 35px; margin-bottom: 35px; background-image: url(../images/list/jq-box.png); position: relative; }
.jq-column-bd .item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/list/jq-box-hover.png); display: none; }
.jq-column-bd .item:hover:after { display: block; }
.jq-column-bd .icon { position: absolute; z-index: 1; bottom: 20px; left: 5px; font-size: 0; }

.jq-content { background: #FFF; padding: 15px 40px 25px; margin-bottom: 20px; }

.jq-slides { margin: 0; }
.jq-slides .bd { height: 160px; }
.jq-slides .bd ul { width: 120%; }
.jq-slides .bd li { margin-right: 20px; margin-top: 25px; margin-bottom: 35px; box-shadow: 0 6px 32px transparent; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.jq-slides .bd li:hover { box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5); }
.jq-slides .bd .pic { width: 152px; height: 100px; }

.jq-draw-hd { height: 68px; line-height: 68px; background: #e9e3ce; text-align: center; }
.jq-draw-hd .title { font-size: 30px; }

.jq-draw-bd { border: 1px solid #e9e3ce; padding-bottom: 10px; margin-bottom: 20px; overflow: hidden; }

.jq-draw-ft { line-height: 30px; color: #666; }

.jq-draw-flash { width: 280px; min-height: 300px; float: left; background: #fff url(../images/list/jq-sign.png) no-repeat; }
.jq-draw-flash .flash { width: 280px; height: 300px; display: none; }
.jq-draw-flash .result { font-size: 16px; color: #333; position: relative; z-index: 1; margin-top: 270px; margin-bottom: 10px; margin-left: 82px; }
.jq-draw-flash .num { display: inline-block; width: 30px; text-align: center; }

.jq-draw-cont { overflow: hidden; margin-left: 290px; color: #666; }
.jq-draw-cont .name { font-size: 20px; margin: 30px 0 20px; }
.jq-draw-cont .rule { line-height: 30px; }
.jq-draw-cont .btn { display: block; padding: 0; border: 0; border-radius: 0; font-size: 0; margin-top: 20px; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.jq-draw-cont .btn.disabled { cursor: default; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.jq-draw-cont .remark { margin: 35px 0 50px; width: 450px; position: relative; }
.jq-draw-cont .remark-text { color: #666; }
.jq-draw-cont .remark-cont { position: absolute; top: 0; right: 0; }
.jq-draw-cont .remark-cont:hover .list { opacity: 1; visibility: visible; }
.jq-draw-cont .remark-cont:hover .icon { transform: rotate(180deg); }
.jq-draw-cont .remark-cont .oper { width: 36px; height: 22px; line-height: 22px; text-align: center; padding: 0 7px; font-size: 12px; color: #8b7f64; background: #e9e3ce; cursor: pointer; }
.jq-draw-cont .remark-cont .icon { vertical-align: 2px; margin-left: 4px; position: relative; -moz-transition: -moz-transform 0.3s 0.1s; -o-transition: -o-transform 0.3s 0.1s; -webkit-transition: -webkit-transform 0.3s; -webkit-transition-delay: 0.1s; transition: transform 0.3s 0.1s; }
.jq-draw-cont .remark-cont .list { position: absolute; top: 100%; right: 0; width: 388px; background: #FFF; color: #4a463c; font-size: 12px; border: 1px solid #e9e3ce; padding: 25px 30px; line-height: 30px; opacity: 0; visibility: hidden; -moz-transition: visibility 0.3s 0.1s, opacity 0.3s 0.1s; -o-transition: visibility 0.3s 0.1s, opacity 0.3s 0.1s; -webkit-transition: visibility 0.3s, opacity 0.3s; -webkit-transition-delay: 0.1s, 0.1s; transition: visibility 0.3s 0.1s, opacity 0.3s 0.1s; }
.jq-draw-cont .remark-cont dl, .jq-draw-cont .remark-cont dd { overflow: hidden; }
.jq-draw-cont .remark-cont dt { float: left; font-weight: bold; }
.jq-draw-cont .grail { display: block; margin-left: 105px; }
.jq-draw-cont .tips { margin-top: 30px; color: #ee4d4d; width: 310px; text-align: center; }
.jq-draw-cont .btn-jq { margin-left: 60px; }

.jq-online { background: #FFF; padding: 30px 40px; }

.jq-online-hd { text-align: center; font-size: 20px; margin-bottom: 20px; }

.jq-online-bd { overflow: hidden; }
.jq-online-bd ul { margin-left: -40px; }
.jq-online-bd li { width: 119px; float: left; margin-left: 40px; height: 30px; line-height: 30px; white-space: nowrap; }

/*** @description: 星座; @Author:ray; @create date:2018-03-16;
***/
.xz-select { display: inline-block; position: relative; }
.xz-select.show .xz-select-bd { visibility: visible; }

.xz-select-hd { cursor: pointer; }
.xz-select-hd .icon { margin-left: 6px; vertical-align: 2px; }

.xz-select-bd { position: absolute; top: 100%; margin-top: 15px; z-index: 10; line-height: 1.5; visibility: hidden; }

.xz-select-list { position: relative; z-index: 1; width: 298px; min-height: 370px; background: #FFF; border: 1px solid #ebebeb; }
.xz-select-list:before, .xz-select-list:after { content: ''; border: 8px solid transparent; border-bottom-color: #dddddd; position: absolute; top: -16px; left: 50%; z-index: 1; margin-left: -8px; }
.xz-select-list:after { border-bottom-color: #FFF; top: -15px; }
.xz-select-list h3 { font-size: 0; display: block; margin: 25px auto; }
.xz-select-list ul { padding: 0 10px; overflow: hidden; }
.xz-select-list li { width: 25%; float: left; text-align: center; cursor: pointer; margin-bottom: 29px; }
.xz-select-list li:hover .name { color: #ee4d4d; }
.xz-select-list .icon { vertical-align: top; margin-bottom: 8px; }
.xz-select-list .name { display: block; font-size: 12px; color: #333; }
.xz-select-list .btn { display: block; border: 1px solid #ccc; border-radius: 30px; color: #333; padding: 8px 0; margin: -5px 25px 20px; }

.xz-navbar { height: 81px; padding: 17px 0 12px; background: #FFF; text-align: center; }
.xz-navbar ul { margin-left: -30px; }
.xz-navbar li { float: left; width: 70px; height: 81px; margin-left: 32px; position: relative; }
.xz-navbar .item { display: block; font-size: 0; position: absolute; top: 2px; -moz-transition: top 0.35s; -o-transition: top 0.35s; -webkit-transition: top 0.35s; transition: top 0.35s; }
.xz-navbar .item:hover { top: -5px; }

.xz-content-nav { padding: 10px 15px; background: #FFF; margin-bottom: 20px; overflow: hidden; }
.xz-content-nav .item { width: 270px; float: left; }
.xz-content-nav .name { font-size: 20px; line-height: 40px; font-weight: bold; }
.xz-content-nav .text { font-size: 14px; color: #333; }
.xz-content-nav .icon { float: left; margin-right: 15px; }

.xz-luck-box { width: 280px; height: 320px; background: #2a2830 url(../images/xz/luck-bg.png) no-repeat; color: #FFF; padding: 30px; float: right; }
.xz-luck-box .hd { margin-bottom: 22px; }
.xz-luck-box .icon { width: 60px; height: 60px; float: left; margin-right: 20px; }
.xz-luck-box .luck { width: 200px; height: 50px; background: #1f1d24; float: left; margin-top: 5px; }
.xz-luck-box .luck-title { position: relative; top: -11px; text-align: center; margin-bottom: -5px; }
.xz-luck-box .luck-score { overflow: hidden; padding: 0 10px 0 8px; }
.xz-luck-box .luck-text { float: right; color: #ff8d3d; font-size: 16px; line-height: 1.4; }
.xz-luck-box .title { font-size: 30px; font-weight: bold; }
.xz-luck-box .remark { line-height: 30px; letter-spacing: 0.5px; text-align: justify; }

.xz-query-box { background: #FFF; margin-bottom: 20px; }
.xz-query-box .bd { height: 48px; padding: 20px; position: relative; background: url(../images/xz/query-bg.png) no-repeat right top; }
.xz-query-box .bd .pic { float: left; margin-right: 15px; }
.xz-query-box .bd .date { font-size: 12px; color: #999; }
.xz-query-box .bd .xz-select { margin: 2px 0; }
.xz-query-box .bd .xz-select-hd { font-size: 18px; }
.xz-query-box .bd .xz-select-bd { left: -84px; margin-top: 38px; }
.xz-query-box .bd .xz-select-list:before, .xz-query-box .bd .xz-select-list:after { margin-left: -10px; }
.xz-query-box .bd .btn { background: none; border-color: #f6934a; color: #f6934a; padding: 3px 9px; position: absolute; top: 30px; right: 18px; border-radius: 14px; }
.xz-query-box .bd .btn:hover { background: #f6934a; color: #FFF; }
.xz-query-box .ft { height: 28px; padding: 12px 20px; background: #e4e3e9; }
.xz-query-box .query-form { background: #FFF; }
.xz-query-box .ui-select { border: 0; width: 55px; color: #666; }
.xz-query-box .ui-select.year { width: 75px; margin-left: 14px; }
.xz-query-box .ui-select.year .select-bd { width: 95px; }
.xz-query-box .ui-select .select-hd { text-overflow: inherit; padding: 2px 6px; }
.xz-query-box .ui-select .select-hd:after { width: 8px; height: 5px; background: url(../images/icxz/arrow2.png) no-repeat; right: 0; position: static; display: inline-block; vertical-align: 2px; margin-left: 6px; }
.xz-query-box .ui-select .select-bd { width: 72px; margin-left: -15px; }
.xz-query-box .ui-select .select-bd .option { padding: 3px 10px; padding-left: 20px; }
.xz-query-box .btn-query { font-size: 12px; border: 0; border-radius: 0; background: #8b8997; color: #FFF; height: 28px; }

.xz-pair-box { margin-bottom: 20px; position: relative; }
.xz-pair-box.on .bd .result { margin-top: 10px; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; -webkit-transition: margin 0.4s; transition: margin 0.4s; }
.xz-pair-box.on .bd .value { display: block; }
.xz-pair-box .tips { position: absolute; right: 3px; top: -30px; z-index: 2; width: 225px; height: 59px; line-height: 42px; background: url(../images/xz/pair-tip-bg.png) no-repeat; font-size: 12px; text-align: left; text-indent: 50px; display: none; }
.xz-pair-box .tips .link { color: #f8a059; }
.xz-pair-box .tips .link:hover { color: #ff7f17; }
.xz-pair-box .tips .arrow { width: 7px; height: 8px; display: inline-block; background: url(../images/xz/arrow.gif) no-repeat; margin-left: 4px; }
.xz-pair-box .bd { height: 88px; background: url(../images/xz/pair-bg.png) no-repeat; text-align: center; position: relative; overflow: hidden; }
.xz-pair-box .bd .icon { vertical-align: top; margin-top: 20px; }
.xz-pair-box .bd .result { display: inline-block; vertical-align: top; width: 90px; margin: 20px 24px 0; text-align: center; }
.xz-pair-box .bd .score { display: block; font-size: 35px; color: #ffea00; line-height: 48px; }
.xz-pair-box .bd .value { display: none; font-size: 13px; color: #e0d1ff; font-weight: bold; font-style: italic; margin-top: -10px; }
.xz-pair-box .bd .cover { position: absolute; top: 0; left: 0; width: 100%; height: 91px; background: url(../images/xz/pair-ani.png) no-repeat; margin-top: 88px; }
.xz-pair-box .ft { background: #FFF; padding: 10px; text-align: center; }
.xz-pair-box .ft .btn-pair { border: 0; background: #bc83c9; color: #FFF; font-size: 13px; padding: 5px 14px; border-radius: 14px; margin: 0 30px; box-shadow: 0 2px #9772a0; }
.xz-pair-box .ft .btn-pair:active { box-shadow: 0 0 #9772a0; -moz-transform: translateY(2px); -ms-transform: translateY(2px); -webkit-transform: translateY(2px); transform: translateY(2px); }
.xz-pair-box .xz-select-hd { font-size: 16px; color: #666; line-height: 48px; }
.xz-pair-box .xz-gril-select .xz-select-bd { margin-top: 9px; left: -35px; }
.xz-pair-box .xz-gril-select .xz-select-list:before, .xz-pair-box .xz-gril-select .xz-select-list:after { margin-left: -65px; }
.xz-pair-box .xz-boy-select .xz-select-bd { margin-top: 9px; right: -35px; }
.xz-pair-box .xz-boy-select .xz-select-list:before, .xz-pair-box .xz-boy-select .xz-select-list:after { margin-left: 103px; }

.xz-info { overflow: hidden; background: #ededed; margin-bottom: 20px; }

.xz-info-l { width: 232px; height: 358px; float: left; background: #1f1d24; color: #666; border-right: 5px solid #ededed; text-align: center; }
.xz-info-l .icon { vertical-align: top; }
.xz-info-l .hd { margin: 20px 20px 15px; background: #2b2931; height: 208px; padding-top: 18px; }
.xz-info-l .date { font-size: 15px; color: #f1b840; margin-top: 8px; }
.xz-info-l .tit { font-size: 15px; margin-bottom: 10px; }
.xz-info-l .item { display: inline-block; vertical-align: top; margin: 0 3px; }
.xz-info-l .more { font-size: 12px; color: #666; }
.xz-info-l .more:hover { color: #999; }
.xz-info-l .icxz-love { vertical-align: 0px; margin-right: 4px; }

.xz-info-r { width: 553px; height: 308px; float: right; padding: 25px; background: #FFF; }
.xz-info-r .attr { overflow: hidden; margin-bottom: 15px; }
.xz-info-r .attr li { width: 33.3333%; line-height: 36px; float: left; font-size: 15px; font-weight: bold; }
.xz-info-r .txt { display: inline-block; vertical-align: top; line-height: 30px; padding: 0 15px; font-size: 15px; background: #8b8793; color: #FFF; position: relative; border-radius: 4px; margin-left: 5px; }
.xz-info-r .txt:before { content: ''; border: 4px solid transparent; border-right-color: #8b8793; position: absolute; top: 50%; left: 0; z-index: 1; margin: -4px 0 0 -8px; }
.xz-info-r .text { font-size: 13px; color: #666; line-height: 28px; margin: 15px 0 25px; }
.xz-info-r .link { color: #ee4d4d; }
.xz-info-r .link:hover { text-decoration: underline; }
.xz-info-r .btn { border-radius: 0; padding: 8px 16px; font-size: 13px; }
.xz-info-r .btn:hover { border-color: #ee4d4d; color: #ee4d4d; }
.xz-info-r .btn + .btn { margin-left: 9px; }

.xz-luck { background: #FFF; margin-bottom: 20px; padding-bottom: 1px; }
.xz-luck .ad-box { margin-top: 0; margin-bottom: 30px; }

.xz-luck-info { height: 220px; background: #fc5f5f url(../images/xz/luck-bg2.jpg) no-repeat; color: #FFF; }
.xz-luck-info.nice { background: #fc6f54 url(../images/xz/luck-bg3.jpg) no-repeat; }
.xz-luck-info.terrible { background: #7b828c url(../images/xz/luck-bg4.jpg) no-repeat; }
.xz-luck-info .luck-icon { float: left; margin: 28px 55px 0; }
.xz-luck-info .luck-cont { width: 175px; float: left; margin-top: 40px; }
.xz-luck-info .luck-cont .words { font-size: 56px; font-weight: bold; }
.xz-luck-info .block-title { margin: -25px 0 0 0; position: absolute; color: #fff; }
.xz-luck-info .block-title .date { color: #ffdcd5; }
.xz-luck-info .luck-attr { width: 392px; float: right; overflow: hidden; margin-top: 54px; }
.xz-luck-info .luck-attr ul { margin-right: -50px; }
.xz-luck-info .luck-attr li { width: 50%; height: 25px; float: left; white-space: nowrap; color: #f0e5e3; margin-bottom: 3px; }
.xz-luck-info .luck-attr .val { color: #FFF; font-weight: bold; }
.xz-luck-info .xz-select-hd { padding: 4px 20px; font-size: 16px; border: 2px solid #FFF; border-radius: 18px; }
.xz-luck-info .xz-select-hd .name { display: inline-block; width: 60px; }
.xz-luck-info .xz-select-bd { left: -59px; }

.xz-luck-tabs { margin-top: -45px; }
.xz-luck-tabs .hd { margin-left: 270px; overflow: hidden; height: 45px; }
.xz-luck-tabs .hd-item { display: inline-block; vertical-align: top; color: #f0e5e3; font-size: 16px; height: 39px; line-height: 39px; margin-right: 35px; cursor: pointer; }
.xz-luck-tabs .hd-item.on { color: #f1b840; border-bottom: 6px solid #ffca5c; }
.xz-luck-tabs .hd-item:hover { color: #f1b840; }
.xz-luck-tabs .bd-item { padding: 10px 40px 30px; display: none; }
.xz-luck-tabs .bd-item.on { display: block; }
.xz-luck-tabs .bd-item h3 { font-size: 18px; font-weight: bold; color: #333; margin: 15px 0 10px; }
.xz-luck-tabs .bd-item h3:before { content: ''; width: 7px; height: 7px; background-color: #f27b7a; display: inline-block; vertical-align: top; margin: 10px 12px 0 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.xz-luck-tabs .bd-item p { font-size: 16px; color: #666; line-height: 28px; margin: 10px 0; text-align: justify; }

.xz-pair { margin-bottom: 20px; }
.xz-pair .ad-box { margin-top: 0; padding: 20px 0 30px; }

.xz-pair-cont { height: 280px; background: #1f1a25 url(../images/xz/pair-bg.jpg) no-repeat; padding-left: 40px; }
.xz-pair-cont.loaded .btn-view { display: inline-block; }
.xz-pair-cont.loaded .btn-pair { display: none; }
.xz-pair-cont .bd-girl, .xz-pair-cont .bd-boy { width: 200px; height: 255px; background: url(../images/xz/pair.png) no-repeat 0px 0px; float: left; margin-top: 12px; }
.xz-pair-cont .bd-boy { background-position: right 0px; }
.xz-pair-cont .bd-boy .xz-select-hd { border-color: #b8d1ff; }
.xz-pair-cont .bd-result { width: 180px; float: left; margin: 58px 90px 0; text-align: center; }
.xz-pair-cont .pair-icon { display: block; margin: 50px auto 15px; }
.xz-pair-cont .pair-score { line-height: 100px; margin-bottom: 44px; font-size: 84px; color: #FFF; -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); -webkit-transform: skewX(-8deg); transform: skewX(-8deg); }
.xz-pair-cont .pair-mark { display: inline-block; vertical-align: top; font-size: 0; width: 100px; height: 100px; background: url(../images/xz/pair.png) no-repeat -329px -46px; -moz-transform: skewX(8deg); -ms-transform: skewX(8deg); -webkit-transform: skewX(8deg); transform: skewX(8deg); }
.xz-pair-cont .xz-select { width: 132px; display: block; margin: 0 auto; }
.xz-pair-cont .xz-select-hd { border: 1px solid #fcb7c8; text-align: center; font-size: 20px; color: #FFF; padding: 5px 0; border-radius: 5px; }
.xz-pair-cont .xz-select-hd .icon { margin-left: 9px; }
.xz-pair-cont .xz-select-bd { left: -80px; }
.xz-pair-cont .btn-view, .xz-pair-cont .btn-pair { width: 180px; height: 65px; line-height: 60px; padding: 0; border: 0; font-size: 24px; color: #FFF; background: url(../images/xz/pair.png) no-repeat -290px -190px; border-radius: 30px; }
.xz-pair-cont .btn-view { display: none; }

.xz-pair-list { background: #FFF; overflow: hidden; }
.xz-pair-list .title { width: 245px; height: 172px; line-height: 172px; text-align: center; font-size: 28px; float: left; }
.xz-pair-list .list { overflow: hidden; margin-left: 172px; margin-top: 15px; }
.xz-pair-list .list li { width: 33.3333%; float: left; height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; }

.xz-pair-view { padding: 35px 40px; background: #FFF; }
.xz-pair-view .hd { overflow: hidden; line-height: 42px; margin-bottom: 50px; }
.xz-pair-view .hd .pair-title { font-size: 28px; float: left; }
.xz-pair-view .hd .pair-link { float: right; color: #999; }
.xz-pair-view .hd .icxz-love2 { margin: 0 15px; }
.xz-pair-view .hd .icxz-love3 { margin: 0 8px; }
.xz-pair-view .pair-attr { margin-bottom: -12px; }
.xz-pair-view .pair-attr li { width: 50%; height: 25px; float: left; margin-bottom: 12px; }
.xz-pair-view .pair-attr .name { display: inline-block; vertical-align: top; width: 75px; color: #999; }
.xz-pair-view .pair-attr .score { display: inline-block; line-height: 1.2; font-size: 40px; vertical-align: 0; margin-top: -20px; margin-right: 15px; }
.xz-pair-view .pair-attr .text { display: inline-block; vertical-align: top; font-size: 16px; }
.xz-pair-view .guide-book { width: 220px; height: 250px; background: url(../images/xz/pair.png) no-repeat 0px -260px; float: left; margin-left: 98px; }
.xz-pair-view .guide-book .btn { border-color: #b2cdff; background: #b2cdff; color: #fff; font-size: 16px; width: 98px; padding: 8px 0; margin-left: 50px; }
.xz-pair-view .girl-book { background-position: -221px -260px; margin-left: 125px; }
.xz-pair-view .girl-book .btn { border-color: #ffc1ce; background: #ffc1ce; }
.xz-pair-view .girl-book .xz-select-hd { color: #ffc1ce; border-color: #ffc1ce; }
.xz-pair-view .xz-select { display: block; width: 100px; margin: 88px 0 12px 50px; }
.xz-pair-view .xz-select-hd { border: 1px solid #b2cdff; text-align: center; font-size: 16px; color: #71a3ff; padding: 7px 0; border-radius: 5px; }
.xz-pair-view .xz-select-hd .icon { margin-left: 9px; }
.xz-pair-view .xz-select-bd { margin-left: -100px; margin-top: 12px; }
.xz-pair-view .pair-text { font-size: 16px; line-height: 28px; text-align: justify; margin: 35px 0; }
.xz-pair-view .pair-list { margin-top: 30px; }
.xz-pair-view .pair-list h3 { font-size: 22px; font-weight: bold; margin-bottom: 3px; }
.xz-pair-view .pair-list ul { overflow: hidden; margin-left: -20px; }
.xz-pair-view .pair-list li { width: 350px; height: 40px; line-height: 40px; float: left; margin-left: 20px; margin-right: 20px; overflow: hidden; }

.xz-query { background: #FFF; margin-bottom: 20px; padding-bottom: 25px; }
.xz-query + .ad-box { margin-top: -20px; padding: 30px 0; }

.xz-query-cont { width: 50%; float: left; text-align: center; }
.xz-query-cont .form-datetime { display: block; margin-bottom: 15px; }
.xz-query-cont .ui-select { width: 88px; color: #333; border-radius: 0; font-size: 16px; }
.xz-query-cont .ui-select.year { width: 118px; }
.xz-query-cont .ui-select.lunar-year { width: 138px; }
.xz-query-cont .ui-select + .ui-select { margin-left: 5px; }
.xz-query-cont .ui-select .select-hd { padding: 6px 20px 6px 15px; }
.xz-query-cont .ui-select .select-bd .option { padding: 7px 15px; }
.xz-query-cont .query-title { font-size: 26px; margin: 25px 0 20px; }
.xz-query-cont .query-icon { display: block; margin: 0 auto 20px; }
.xz-query-cont .query-name { height: 30px; line-height: 26px; color: #a283c0; font-size: 18px; }
.xz-query-cont .query-tabs .hd { height: 30px; line-height: 26px; text-align: center; margin-bottom: 22px; }
.xz-query-cont .query-tabs .hd-item { display: inline-block; vertical-align: top; color: #999; font-size: 18px; margin: 0 15px; cursor: pointer; }
.xz-query-cont .query-tabs .hd-item:hover { color: #a283c0; }
.xz-query-cont .query-tabs .hd-item.on { color: #a283c0; border-bottom: 4px solid #a283c0; }
.xz-query-cont .query-tabs .bd { height: 161px; position: relative; }
.xz-query-cont .query-tabs .bd-item { position: absolute; left: 0; width: 100%; visibility: hidden; }
.xz-query-cont .query-tabs .bd-item.on { visibility: visible; }
.xz-query-cont .query-tabs .con { height: 115px; }
.xz-query-cont .btn-query { font-size: 20px; background: #a283c0; color: #FFF; border: 0; border-radius: 0; width: 170px; padding: 9px 0; }

.xz-luck-box2 { margin-bottom: 20px; }
.xz-luck-box2:after { content: ''; display: block; height: 4px; background: #FFF; margin: 0 8px; border: 1px solid #f0f0f0; border-top: 2px solid #f7f7f7; }
.xz-luck-box2 .hd { position: relative; height: 50px; padding: 0 20px; background: #fc989a url(../images/xz/luck-box-hbg.png) no-repeat; }
.xz-luck-box2 .hd .title { line-height: 50px; font-size: 22px; color: #fffdf5; }
.xz-luck-box2 .hd .xz-select { position: absolute; top: 13px; right: 20px; }
.xz-luck-box2 .hd .xz-select-hd { padding: 3px 8px; height: 19px; font-size: 12px; color: #fee1e1; background: #a71313; border-radius: 5px; }
.xz-luck-box2 .hd .xz-select-bd { margin-top: 20px; left: -220px; }
.xz-luck-box2 .hd .xz-select-list:before, .xz-luck-box2 .hd .xz-select-list:after { margin-left: 95px; }
.xz-luck-box2 .bd { background: #FFF; border: 1px solid #f0f0f0; border-top: 0; padding: 16px 12px; }
.xz-luck-box2 .tabs { overflow: hidden; }
.xz-luck-box2 .tabs li { width: 36px; line-height: 1.3; float: left; text-align: center; color: #ff4f4b; border: 2px solid transparent; border-radius: 4px; cursor: pointer; }
.xz-luck-box2 .tabs li + li { margin-left: 28px; }
.xz-luck-box2 .tabs li.on { border-color: #ff4f4b; }
.xz-luck-box2 .pic { display: block; width: 120px; height: 120px; margin: 20px auto 15px; }
.xz-luck-box2 .tit { text-align: center; margin-bottom: 6px; }
.xz-luck-box2 .val { font-size: 24px; line-height: 1.1; color: #ff4f4b; font-weight: bold; }
.xz-luck-box2 .rem { font-size: 12px; color: #999; line-height: 1.7; margin: 0 6px; }
.xz-luck-box2 .link { display: inline-block; color: #ff4f4b; }

.zw-detail { padding: 40px; background: #fff; overflow: hidden; margin-bottom: 20px; }

.zw-detail-group .text-group { margin-top: 30px; }
.zw-detail-group .text1 { font-size: 16px; color: #666; white-space: nowrap; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; }
.zw-detail-group .text1 b { font-size: 22px; font-weight: bold; color: #a1a3ff; margin-right: 10px; }
.zw-detail-group .text2 { font-size: 16px; line-height: 1.75; text-align: justify; }
.zw-detail-group .text2 p { margin: 5px 0; }
.zw-detail-group .text2 b { color: #a1a3ff; }

.sm-detail-title { font-size: 30px; text-align: center; margin-bottom: 30px; }
.sm-detail-title b { color: #a1a3ff; font-weight: normal; }

.sm-detail-group + .sm-detail-group { margin-top: 50px; }
.sm-detail-group .text-group { margin-top: 25px; }
.sm-detail-group .text1 { line-height: 36px; font-size: 22px; margin-bottom: 15px; }
.sm-detail-group .text2 { line-height: 36px; font-size: 16px; text-align: justify; }
.sm-detail-group .text2 em { color: #ff5552; }
.sm-detail-group .text2 em.gray { color: #ccc; }
.sm-detail-group .text3 { line-height: 36px; font-size: 20px; }

.zw-detail-text { font-size: 16px; color: #666; line-height: 28px; text-align: justify; }

.zw-detail-table { position: relative; width: 460px; height: 460px; background-color: #e3e5f7; border-radius: 10px; margin: 30px auto 50px; overflow: hidden; }
.zw-detail-table .list { overflow: hidden; margin: 15px 0 0 16px; }
.zw-detail-table .item { width: 100px; height: 100px; background: url(../images/zw/home-bg.png) no-repeat; position: relative; float: left; margin: 0 10px 10px 0; }
.zw-detail-table .item5, .zw-detail-table .item7 { margin-right: 230px; }
.zw-detail-table .tit { width: 56px; height: 21px; line-height: 21px; text-align: center; background-color: #a1a3ff; font-size: 14px; color: #fff; border-radius: 4px; position: absolute; left: 50%; bottom: 10px; margin-left: -28px; white-space: nowrap; }
.zw-detail-table .txt { font-size: 16px; color: #333; line-height: 1.3; padding: 9px 11px; }
.zw-detail-table .txt-r { position: absolute; right: 0; top: 0; }
.zw-detail-table .info { width: 176px; height: 150px; padding: 30px 12px 30px 22px; line-height: 24px; font-size: 16px; color: #1f2635; background: url(../images/zw/home-bg2.png) no-repeat; position: absolute; left: 126px; top: 125px; }
.zw-detail-table .info p { margin-bottom: 8px; }

.block-content { padding: 40px; background: #fff; margin-bottom: 20px; }
.block-content .ts-content { width: auto; max-width: none; overflow: hidden; margin: -40px; }
.block-content .form-input:focus { box-shadow: none; }
.block-content .form-group:after { visibility: visible; }

/***
	@Author: ray;
	@create date:2022-11-17;
***/
.block-title4 { line-height: 40px; overflow: hidden; position: relative; z-index: 1; margin-bottom: 20px; }
.block-title4:after { content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 50%; margin-top: -1px; height: 2px; background: #f5f5f5; }
.block-title4 h3 { float: left; font-size: 24px; font-weight: bold; background-color: #fff; padding-right: 18px; }
.block-title4 .more { float: right; font-size: 14px; font-weight: bold; background-color: #fff; color: #999; padding-left: 18px; }
.block-title4 .more:hover { color: #ee4d4d; }

.astar { display: inline-block; vertical-align: top; width: 102px; height: 16px; background: url(../images/sx/star.png) no-repeat; }
.astar.s4 { background-position: -21px 0; }
.astar.s3 { background-position: -42px 0; }
.astar.s2 { background-position: -63px 0; }
.astar.s1 { background-position: -84px 0; }

.astro-info-block { padding: 40px; background: #fff; position: relative; }

.astro-info-head { position: relative; width: 192px; height: 338px; padding: 20px 20px 0 20px; background: #1f1d24; margin: -60px 30px -20px -62px; float: left; }
.astro-info-head:before, .astro-info-head:after { content: ''; position: absolute; top: 0; left: 100%; }
.astro-info-head:before { border-bottom: 20px solid #1f1d24; border-right: 13px solid transparent; }
.astro-info-head:after { top: 20px; bottom: 15px; width: 7px; background-color: #EDEDED; }
.astro-info-head .bd { height: 210px; padding-top: 15px; background: #2b2931; text-align: center; }
.astro-info-head .pic { display: inline-block; vertical-align: top; width: 130px; height: 130px; }
.astro-info-head .pic img { width: 100%; height: 100%; }
.astro-info-head .tit { font-size: 24px; color: #f05b5b; font-weight: bold; margin-top: 15px; }
.astro-info-head .txt { color: #e1a763; margin-top: 5px; }

.astro-info-body .attr { overflow: hidden; margin-bottom: 5px; }
.astro-info-body .attr li { float: left; width: 33.33%; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #333; overflow: hidden; margin-bottom: 15px; }
.astro-info-body .tip-group { overflow: hidden; }
.astro-info-body .pic { width: 30px; height: 30px; float: left; margin-right: 10px; position: relative; }
.astro-info-body .pic::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #8B8793; border-radius: 50%; }
.astro-info-body .pic img { width: 100%; height: 100%; border-radius: 50%; }
.astro-info-body .tip { display: inline-block; vertical-align: top; line-height: 30px; padding: 0 10px 0 12px; font-size: 16px; color: #fff; background: #8b8793; border-radius: 10px 1px 1px 10px; position: relative; }
.astro-info-body .tip:before { content: ''; position: absolute; top: 50%; left: -4px; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #8b8793; }
.astro-info-body .txt { line-height: 24px; font-size: 14px; color: #666; text-align: justify; margin: 15px 0; }
.astro-info-body .btn { border-radius: 0; vertical-align: top; width: 93px; padding: 8px 0; margin-right: 6px; }

.sx-info-block .astro-info-head { width: 208px; height: 264px; padding: 0 28px 0 0; background: url(../images/sx/box-bg.png) no-repeat; border-radius: 10px; margin: -56px 15px 0 -52px; }
.sx-info-block .astro-info-head:before, .sx-info-block .astro-info-head:after { content: none; }
.sx-info-block .astro-info-head .bd { height: auto; padding-top: 50px; background: none; }
.sx-info-block .astro-info-head .pic { width: 130px; height: 130px; padding: 4px; border: 1px solid #f59191; border-radius: 50%; }
.sx-info-block .astro-info-head .pic img { border-radius: 50%; }
.sx-info-block .astro-info-body .attr { position: relative; top: -15px; margin-bottom: -5px; }
.sx-info-block .astro-info-body .attr li { width: 50%; margin-bottom: 10px; }
.sx-info-block .astro-info-body .pic::after { border: 1px solid #f59494; }
.sx-info-block .astro-info-body .tip { padding: 0 15px; background-color: #f59191; border-radius: 30px 30px 30px 0; }
.sx-info-block .astro-info-body .tip:before { content: none; }
.sx-info-block .astro-info-body .txt { overflow: hidden; margin-bottom: 20px; }
.sx-info-block .astro-info-body .txt a { color: #ff4f4b; margin-left: 2px; }
.sx-info-block .astro-info-body .txt a:hover { color: #ff0000; }
.sx-info-block .astro-info-body .btn { width: 126px; border-radius: 8px; margin-right: 15px; }
.sx-info-block .astro-info-body .btn:hover { color: #f46c6c; border-color: #f46c6c; }

.sx-luck-head { margin-bottom: 20px; }
.sx-luck-head .title { font-size: 30px; font-weight: bold; color: #ef675c; text-align: center; line-height: 1.1; margin-bottom: 20px; }
.sx-luck-head .text { font-size: 14px; line-height: 24px; color: #666; }

.sx-luck-list { overflow: hidden; }
.sx-luck-list ul { width: 800px; overflow: hidden; }
.sx-luck-list li { width: 355px; margin-right: 40px; margin-top: 20px; float: left; }
.sx-luck-list .pic-wrap { float: left; margin-top: 3px; margin-right: 18px; width: 88px; height: 88px; border: 1px solid #fe7c78; border-radius: 90px; }
.sx-luck-list .pic { width: 100%; height: 100%; border-radius: 50%; }
.sx-luck-list .tit { font-size: 16px; color: #f33f3f; font-weight: bold; }
.sx-luck-list .tit a { color: #f33f3f; }
.sx-luck-list .star-group { line-height: 20px; font-size: 16px; color: #333; margin: 10px 0 8px; }
.sx-luck-list .astar { vertical-align: top; margin-top: 2px; }
.sx-luck-list .txt { height: 40px; line-height: 20px; font-size: 14px; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sx-luck-list .btn-group { user-select: none; overflow: hidden; margin-top: 10px; }
.sx-luck-list .btn-group a { float: left; font-size: 14px; color: #777; width: 60px; line-height: 29px; text-align: center; background-color: #fff; border: solid 1px #ddd; border-radius: 4px; margin-right: 8px; }
.sx-luck-list .btn-group a:hover { background-color: #ef675c; border-color: #ef675c; color: #fff; }

.sx-luck-info { padding-left: 270px; position: relative; margin-top: -35px; }
.sx-luck-info .info-head { width: 235px; height: 220px; text-align: center; position: absolute; left: 0; top: 25px; }
.sx-luck-info .info-head .pic-wrap { width: 102px; height: 102px; border: 3px solid #fe564d; border-radius: 50%; margin: 0 auto 11px; }
.sx-luck-info .info-head .pic { width: 100%; height: 100%; border-radius: 50%; }
.sx-luck-info .info-head .tit { position: relative; width: 60px; line-height: 30px; font-size: 20px; color: #ff757c; cursor: pointer; margin: 0 auto 9px; }
.sx-luck-info .info-head .tit label { cursor: pointer; }
.sx-luck-info .info-head .tit:after { content: ''; position: absolute; top: 50%; margin-top: -7px; margin-left: 15px; width: 15px; height: 14px; background: url(../images/sx/change.png) no-repeat; }
.sx-luck-info .info-head .txt { font-size: 14px; line-height: 24px; color: #666; }
.sx-luck-info .info-tabs { padding: 10px 0; overflow: hidden; }
.sx-luck-info .info-tabs .item { height: 40px; line-height: 40px; font-size: 16px; color: #666; float: left; margin-left: 20px; position: relative; }
.sx-luck-info .info-tabs .item + .item { margin-left: 58px; }
.sx-luck-info .info-tabs .item:hover { color: #ff757c; }
.sx-luck-info .info-tabs .item.on { color: #ff757c; }
.sx-luck-info .info-tabs .item.on:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #ff757c; }
.sx-luck-info .info-cont { padding: 10px 0; overflow: hidden; line-height: 32px; font-size: 14px; color: #666; border-radius: 10px; background-color: #fff1f0; background-image: linear-gradient(-180deg, #fff7f7 0%, #ffffff 70%, #ffffff 100%); }
.sx-luck-info .info-prog { width: 220px; float: left; margin-left: 45px; }
.sx-luck-info .info-prog .item { overflow: hidden; }
.sx-luck-info .info-prog .name { float: left; }
.sx-luck-info .info-prog .prog { float: left; width: 80px; height: 10px; background-color: #f5f5f5; border-radius: 5px; margin: 10px 10px 0; }
.sx-luck-info .info-prog .prog-inner { height: 100%; background-color: #0060e8; background-image: linear-gradient(-90deg, #01b1f5 0%, #0060e8 100%); border-radius: 5px; }
.sx-luck-info .info-prog .i2 { background-color: #ff7770; background-image: linear-gradient(-90deg, #ffad8a 0%, #ff7770 100%); }
.sx-luck-info .info-prog .i3 { background-color: #4bb0ff; background-image: linear-gradient(-90deg, #06edff 0%, #4bb0ff 100%); }
.sx-luck-info .info-prog .i4 { background-color: #ffaa63; background-image: linear-gradient(-90deg, #ffcc89 0%, #ffaa63 100%); }
.sx-luck-info .info-prog .i5 { background-color: #38f8d4; background-image: linear-gradient(90deg, #43ea80 0%, #38f8d4 100%); }
.sx-luck-info .info-prog .text b { font-weight: normal; font-size: 16px; }
.sx-luck-info .info-attr .item { overflow: hidden; }
.sx-luck-info .info-attr .tit { float: left; margin-right: 30px; color: #999; }
.sx-luck-info .info-attr .val { overflow: hidden; }

.sx-luck-year { line-height: 28px; font-size: 14px; background-color: #fff; padding: 6px 0; border: 1px dashed #e5e5e5; border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 30px; }
.sx-luck-year .head { width: 92px; color: #666; text-align: center; position: relative; float: left; }
.sx-luck-year .head:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px dashed #e5e5e5; }
.sx-luck-year .item { float: left; width: 60px; font-size: 14px; text-align: center; position: relative; }
.sx-luck-year .item + .item:after { content: ''; position: absolute; left: 0; top: 14px; bottom: 14px; border-right: 1px dashed #e5e5e5; }

.sx-luck-text { margin-top: 10px; }
.sx-luck-text .text-group + .text-group { margin-top: 18px; }
.sx-luck-text .tit { font-size: 18px; color: #111; padding-left: 30px; position: relative; margin-bottom: 6px; }
.sx-luck-text .tit:before, .sx-luck-text .tit:after { content: ''; width: 10px; height: 10px; background-color: #fe645c; position: absolute; top: 50%; left: 2px; margin-top: -5px; border-radius: 50%; }
.sx-luck-text .tit:after { margin-left: 6px; opacity: 0.5; }
.sx-luck-text .txt { font-size: 16px; line-height: 28px; color: #666666; text-align: justify; }

.sx-pair-index { padding-top: 95px; background: #fff url(../images/sx/pair-bg.png) no-repeat center 0; background-size: 100% auto; }

.sx-pair-text { line-height: 24px; font-size: 14px; color: #9e6b57; text-align: justify; }

.sx-pair-box { position: relative; width: 700px; padding-top: 80px; margin: 0 auto 20px; }
.sx-pair-box .item { width: 238px; height: 249px; float: left; }
.sx-pair-box .img { width: 150px; height: 150px; padding: 4px; background: #fff; border: 3px solid #5fb6ff; border-radius: 50%; margin: -55px auto 22px; }
.sx-pair-box .img img { display: block; width: 148px; height: 148px; border: 1px solid #5fb6ff; border-radius: 50%; }
.sx-pair-box .tit { position: relative; width: 140px; height: 48px; line-height: 48px; text-align: center; font-size: 20px; color: #fff; background: #50abfa; letter-spacing: 1px; border-radius: 48px; margin: 0 auto; cursor: pointer; }
.sx-pair-box .tit:after { content: ''; display: inline-block; vertical-align: 2px; margin-left: 12px; }
.sx-pair-box .item-boy { background: url(../images/sx/pair-bg1.png); }
.sx-pair-box .item-girl { background: url(../images/sx/pair-bg2.png); float: right; }
.sx-pair-box .item-girl .img, .sx-pair-box .item-girl img { border-color: #fa7080; }
.sx-pair-box .item-girl .tit { background: #fa7080; }
.sx-pair-box .btn-wrap { width: 280px; position: absolute; left: 50%; top: 110px; margin-left: -140px; padding-top: 140px; background: url(../images/sx/pair-qa.png) no-repeat center 0; text-align: center; }
.sx-pair-box .btn-pair { padding: 0; border: 0; width: 160px; height: 55px; line-height: 50px; text-align: center; background: url(../images/sx/pair-btn.png) no-repeat; font-size: 28px; color: #fff; text-shadow: 0 3px 0 #cc5600; letter-spacing: 2px; border-radius: 26px; }

.sx-pair-list { margin-top: 30px; overflow: hidden; }
.sx-pair-list .list { overflow: hidden; margin: -5px 0 -20px; }
.sx-pair-list .list li { width: 33.33%; height: 28px; line-height: 28px; overflow: hidden; float: left; margin-bottom: 20px; }
.sx-pair-list .list a { font-size: 16px; }

.sx-pair-detail { padding-top: 30px; }
.sx-pair-detail .title { line-height: 1; font-size: 30px; letter-spacing: 2px; }
.sx-pair-detail .title b { font-weight: normal; }
.sx-pair-detail .title b + b:before { content: ''; width: 24px; height: 22px; background: url(../images/sx/love.png) no-repeat; display: inline-block; vertical-align: middle; margin: 0 24px; }
.sx-pair-detail .info { margin-top: 25px; }
.sx-pair-detail .info dl { overflow: hidden; line-height: 40px; }
.sx-pair-detail .info dt { color: #999; float: left; }
.sx-pair-detail .info dd { font-size: 16px; font-weight: bold; }
.sx-pair-detail .info i { font-size: 32px; font-style: italic; line-height: 1; }
.sx-pair-detail .text { line-height: 28px; font-size: 14px; color: #333; text-indent: 2em; text-align: justify; margin-top: 20px; }

.xz-select-popup { line-height: 1.4; position: absolute; left: 50%; top: 100%; z-index: 101; width: 300px; margin-left: -150px; background: #fff; padding-bottom: 10px; border: 1px solid #ebebeb; display: none; margin-top: 15px; }
.xz-select-popup.open { display: block; }
.xz-select-popup:before, .xz-select-popup:after { position: absolute; bottom: 100%; left: 50%; content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ddd; margin-left: -8px; }
.xz-select-popup:after { margin-bottom: -1px; border-bottom: 8px solid #fff; }

.xz-select-head { padding: 12px 0; height: 30px; background: url(../images/sx/select-title.png) no-repeat center center; text-align: center; font-size: 0; }

.xz-select-body { padding: 0 10px; overflow: hidden; }
.xz-select-body a { width: 25%; float: left; text-align: center; margin-bottom: 18px; cursor: pointer; color: #999; }
.xz-select-body a:hover { color: #333; }
.xz-select-body img { display: inline-block; vertical-align: top; width: 48px; height: 48px; border: 2px solid rgba(239, 101, 101, 0.2); border-radius: 50%; }
.xz-select-body div { font-size: 12px; margin-top: 8px; }

.detail-title { height: 46px; line-height: 46px; font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 18px; overflow: hidden; white-space: nowrap; }

.xp-content { background: #1a2148 url(../images/xingpan/bg.jpg) no-repeat center 0; background-size: 100% auto; }

.xp-from-block { padding: 30px 40px; background: #fff; color: #333; text-align: center; margin-bottom: 20px; }
.xp-from-block .ad-box { margin-top: 30px; margin-bottom: 0; }

.xp-form-title { line-height: 1.1; font-size: 28px; text-align: center; margin-bottom: 20px; }

.xp-form-text { font-size: 18px; text-align: justify; margin-bottom: 25px; padding: 0 25px; }

.xp-form-box { display: inline-block; vertical-align: top; text-align: left; }
.xp-form-box .form-title { display: inline-block; font-size: 18px; line-height: 40px; margin-right: 0; }
.xp-form-box .form-select { width: 108px; width: 115px; margin-left: 5px; }
.xp-form-box .form-select-list { border-radius: 0; }
.xp-form-box .form-input { width: 461px; font-size: 16px; margin-left: 5px; border-radius: 0; }
.xp-form-box .form-input::-webkit-input-placeholder { font-size: 16px; }
.xp-form-box .form-input::-moz-placeholder { opacity: 1; font-size: 16px; }
.xp-form-box .form-input:-ms-input-placeholder { font-size: 16px; }
.xp-form-box .form-group { margin-bottom: 12px; }
.xp-form-box .form-foot { margin-top: 30px; text-align: center; }
.xp-form-box .btn { border: 0; padding: 0; width: 200px; line-height: 52px; font-size: 20px; color: #ffffff; background-color: #8662bf; border-radius: 26px; }

/*
.xp-form-box{ padding: 45px 0; background-color: #3246a8; background: linear-gradient(0deg, #3246a8 0%, rgba(77, 92, 175, 0.9) 100%); border-radius: 16px; .form-title { display: inline-block; width: 82px; margin-left: 95px; font-size: 18px; color: #ffffff; line-height: 40px; } .form-select{ width: 160px; margin-left: 5px; &.on .form-select-text{ color: #fff; } } .form-select-text{ color: #fff; border-color: #919acc; border-radius: 0; &:after{ margin-top: -3px; } } .form-select-list{ border-radius: 0; } .minute-select, .month-select, .day-select{ width: 108px; } .form-input { width: 386px; font-size: 16px; color: #fff; background: none; border: solid 1px #919acc; border-radius: 0; margin-left: 5px; &::-webkit-input-placeholder { color: #919acc; font-size: 16px; } &::-moz-placeholder { color: #919acc; opacity: 1; font-size: 16px; } &:-ms-input-placeholder { color: #919acc; font-size: 16px; } } .form-group { margin-bottom: 20px; } .form-foot{ margin-top: 30px; } .mt30{ margin-top: 30px; } .btn{ border: 0; padding: 0; width: 180px; height: 54px; line-height: 54px; font-size: 24px; background-color: #7262ff; background-image: linear-gradient(-90deg, rgba(107, 94, 229, 0.4) 50%, rgba(204, 116, 226, 0.4) 100%); color: #fff; box-shadow: 0px 3px 3px #384588; border-radius: 27px; user-select: none; cursor: pointer; display: block; margin: 0 auto; transition: all 0.3s; &:hover{ background-color: #8578f9; background-image: linear-gradient(-90deg, rgba(107, 94, 229, 0.6) 50%, rgba(204, 116, 226, 0.6) 100%); } }
}
.xp-form-box2{ .form-group{ margin-bottom: 10px; } .form-select{ width: 130px; } .hour-select, .minute-select, .month-select, .day-select{ width: 85px; } .form-foot{ margin-bottom: 0; }
}

.xp-index-head{ padding-top: 28px; .logo{ width: 107px; height: 63px; display: block; margin-bottom: 28px; }
}
.xp-index-body{ @extend .fn-clear; padding: 40px 50px; width: 980px; background-color: #f5f5f5; margin: 62px auto 0; z-index: 1; border: 20px solid #3d4780; border-radius: 20px; position: relative; .content-l{ width: 630px; } .block-news{ padding: 0; background: none; }
}
*/
.xp-detail { padding: 30px 50px; background-color: #fff; margin-bottom: 20px; }

.xp-detail-tabs { overflow: hidden; margin-bottom: 20px; }
.xp-detail-tabs li { font-size: 24px; color: #999; height: 60px; line-height: 60px; position: relative; float: left; cursor: pointer; }
.xp-detail-tabs li + li { margin-left: 102px; }
.xp-detail-tabs li:hover, .xp-detail-tabs li.on { color: #34289d; font-weight: bold; }
.xp-detail-tabs li.on:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: #34289d; }

.xp-detail-cont { display: none; }
.xp-detail-cont.on { display: block; }

.xp-info-title { height: 60px; line-height: 60px; padding: 0 50px; margin: 0 -50px; font-size: 24px; color: #4b36e3; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; }

.xp-info-group { background-color: #fff; margin-bottom: 10px; }

.xp-info-astro { width: 750px; overflow: hidden; }
.xp-info-astro .item { width: 325px; height: 66px; float: left; margin-bottom: 30px; margin-right: 50px; }
.xp-info-astro .pic { width: 64px; height: 64px; border-radius: 50%; margin-right: 20px; float: left; }
.xp-info-astro .con { width: 160px; line-height: 32px; font-size: 20px; float: left; margin-right: 5px; }
.xp-info-astro .name { color: #333; }
.xp-info-astro .text { color: #999; font-size: 16px; }
.xp-info-astro .ratio { width: 64px; height: 64px; line-height: 64px; color: #ff8f8f; font-size: 20px; text-align: center; border-radius: 50%; position: relative; overflow: hidden; }
.xp-info-astro .ratio svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.xp-info-attr { overflow: hidden; }
.xp-info-attr dl { line-height: 32px; margin-bottom: 16px; overflow: hidden; display: block; }
.xp-info-attr dt { width: 140px; float: left; }
.xp-info-attr dd { overflow: hidden; }
.xp-info-attr .pic { width: 32px; height: 32px; float: left; margin-right: 10px; }
.xp-info-attr .tit { font-size: 20px; color: #333; float: left; }
.xp-info-attr .deg { width: 75px; margin-left: 16px; font-size: 18px; font-style: italic; color: #999; float: left; }
.xp-info-attr .tag { width: 88px; height: 30px; line-height: 30px; text-align: center; background-color: #ff8f8f; border-radius: 15px; font-size: 16px; color: #fff; float: left; margin: 1px 0 0 16px; }
.xp-info-attr .tit-wrap { width: 165px; float: left; margin-right: 20px; font-size: 0; margin-bottom: 16px; }
.xp-info-attr .tit-wrap .tit { display: inline-block; vertical-align: top; }
.xp-info-attr .tit-group { margin-bottom: -16px; }

.xp-info-attr2 dt { width: 216px; }
.xp-info-attr2 .tag { margin-left: 100px; }

.xp-planet-head { padding: 12px 0; overflow: hidden; margin: 0 -20px 5px; }
.xp-planet-head .list { font-size: 0; text-align: justify; }
.xp-planet-head .list:after { content: ''; display: inline-block; vertical-align: top; width: 100%; }
.xp-planet-head .list-center { text-align: center; }
.xp-planet-head .list-center .item { margin: 0 20px; }
.xp-planet-head .item { display: inline-block; vertical-align: top; text-align: center; padding: 0 6px; cursor: pointer; }
.xp-planet-head .item.on .pic-wrap { transform: scale(1.3); }
.xp-planet-head .item.on .pic-wrap:after { background: transparent; }
.xp-planet-head .item.on .tit { color: #333333; }
.xp-planet-head .pic-wrap { width: 40px; height: 40px; margin: 0 auto; position: relative; transform-origin: 50% 100%; transition: transform 0.4s; }
.xp-planet-head .pic-wrap:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); border-radius: 50%; transition: background 0.4s; }
.xp-planet-head .pic { width: 100%; height: 100%; }
.xp-planet-head .tit { font-size: 14px; color: #999999; margin-top: 10px; }

.xp-planet-body { padding: 30px; background-color: #fafaff; border: solid 1px #a498ef; border-radius: 20px; margin: 0 -30px 20px; display: none; }
.xp-planet-body.on { display: block; }
.xp-planet-body .pl-image { text-align: center; font-size: 0; background: url(../images/xingpan/arrow.png) no-repeat center center; margin-bottom: 20px; }
.xp-planet-body .pl-image .item { display: inline-block; vertical-align: top; }
.xp-planet-body .pl-image .item + .item { margin-left: 200px; }
.xp-planet-body .pl-image .pic { width: 56px; height: 56px; vertical-align: top; }
.xp-planet-body .pl-image .tit { font-size: 16px; color: #333; margin-top: 12px; }
.xp-planet-body .pl-value { font-size: 18px; color: #ff4c4c; margin-bottom: 10px; }
.xp-planet-body .pl-title { font-size: 20px; color: #333333; position: relative; z-index: 1; line-height: 28px; margin-bottom: 15px; }
.xp-planet-body .pl-title:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; width: 80px; height: 10px; background-color: #fff1d6; border-radius: 4px; }
.xp-planet-body .pl-text { font-size: 16px; color: #333333; line-height: 28px; text-align: justify; word-break: all; }
.xp-planet-body .pl-text + .pl-text { margin-top: 20px; }
.xp-planet-body .pl-text p + p { margin-top: 10px; }
.xp-planet-body .pl-text b { font-size: 18px; font-weight: normal; }
.xp-planet-body .pl-text .blue { color: #4b36e3; }
.xp-planet-body .pl-text .red { color: #ff4c4c; }

.hp-detail { padding: 25px 60px; background-color: #fff; margin-bottom: 20px; }
.hp-detail .title { font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 35px; }
.hp-detail .text { font-size: 16px; line-height: 1.75; text-align: justify; }
.hp-detail .text .icon { width: 20px; height: 20px; vertical-align: top; margin-top: 7px; margin-right: 9px; }
.hp-detail .text h3 { font-size: 20px; font-weight: bold; color: #333333; line-height: 35px; margin-bottom: 5px; }
.hp-detail .text li { margin: 25px 0; }

.canvas-block canvas { display: block; margin: 0 auto; }

/***
	@Author: ray;
	@create date:2022-10-17;
***/
.xingxiu-content { background: #120c2b url(../images/xingxiu/bg.jpg) no-repeat center 0; background-size: 100% auto; }
.xingxiu-content .xp-form-tabs .item { padding-bottom: 20px; }
.xingxiu-content .xp-form-tabs .item.on:after { content: ''; width: 80px; height: 6px; background-color: #633ef5; border-radius: 3px; position: absolute; left: 50%; bottom: 0; margin-left: -40px; }
.xingxiu-content .xp-form-text { color: #fff; }
.xingxiu-content .xp-form-box { background: #45368f; }
.xingxiu-content .xp-form-box .form-foot { margin-top: 50px; }
.xingxiu-content .xp-form-box .form-title { margin-left: 50px; }
.xingxiu-content .xp-form-box .type-select { width: 100px; }
.xingxiu-content .xp-form-box .btn { background: #705dfe; }
.xingxiu-content .xp-form-box .btn:hover { background: #8578f9; }
.xingxiu-content .form-inline-group { display: inline-block; vertical-align: top; }

.block-table { background-color: #fff; font-size: 16px; color: #666; text-align: center; border: 2px solid #f0eff8; margin-top: 15px; overflow: hidden; }
.block-table table { width: 100%; border-collapse: collapse; margin: -1px 0 0 -1px; }
.block-table td { line-height: 48px; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; }
.block-table a { display: block; color: #705dfe; text-decoration: underline; text-underline-offset: 1px; }
.block-table .t1, .block-table .t2 { background-color: #e9ebfd; color: #333; }
.block-table .t2 { width: 60px; }

.xingxiu-detail { background-color: #fff; padding: 30px 58px 50px; margin-bottom: 20px; }

.xingxiu-info { text-align: center; font-size: 16px; color: #333; margin-bottom: 45px; }
.xingxiu-info .text { font-size: 20px; color: #666; margin-bottom: 15px; }
.xingxiu-info .title { font-size: 28px; font-weight: bold; margin-bottom: 25px; }
.xingxiu-info .info-item, .xingxiu-info .info-text { display: inline-block; vertical-align: top; }
.xingxiu-info .info-tit, .xingxiu-info .info-txt { font-size: 16px; color: #666; margin-top: 10px; }
.xingxiu-info .info-tit a, .xingxiu-info .info-txt a { color: #705dfe; }
.xingxiu-info .info-text { margin: 10px 65px 0; }
.xingxiu-info .info-img { width: 140px; height: 140px; display: inline-block; vertical-align: top; }
.xingxiu-info .info-txt { margin-top: 20px; }

.xingxiu-canvas { margin: 30px 0; }
.xingxiu-canvas canvas { width: 400px; height: 400px; display: block; margin: 0 auto; }

.xingxiu-table { font-size: 14px; color: #333; margin: 42px 0; }
.xingxiu-table table { width: 100%; border-collapse: collapse; }
.xingxiu-table td { border: 1px solid #dedee0; text-align: center; line-height: 24px; }
.xingxiu-table td.on { background-color: #fcf6c0; }
.xingxiu-table td a { display: block; color: #705dfe; text-decoration: underline; text-underline-offset: 1px; }
.xingxiu-table td b { font-size: 16px; }

.xingxiu-title, .dabiaoti2 { min-width: 204px; height: 36px; line-height: 36px; padding: 0 15px; font-size: 18px; font-weight: bold; color: #333; background: url(../images/xingxiu/title-bg.png) no-repeat; margin-bottom: 15px; }

.xingxiu-text { line-height: 1.75; font-size: 16px; color: #333333; text-align: justify; }
.xingxiu-text .dabiaoti2 { margin-top: 25px; }

.hm-content { height: auto; padding-bottom: 30px; }
.hm-content .bd { position: absolute; visibility: hidden; }
.hm-content .bd.on { position: static; visibility: visible; }
.hm-content .bd .hm-records { margin-left: -30px; margin-top: 20px; float: left; }
.hm-content .bd-text { height: auto; padding-bottom: 15px; }
.hm-content .bd-text h3 { font-size: 24px; margin-top: -20px; }
.hm-content .bd-text p { line-height: 20px; margin-top: 5px; }

.hm-records { margin-left: 40px; width: 780px; }
.hm-records h3 { font-size: 18px; }
.hm-records ul { overflow: hidden; }
.hm-records li { float: left; margin-right: 26px; margin-top: 10px; }
.hm-records a { display: block; width: 128px; height: 34px; line-height: 34px; font-size: 14px; color: #666; text-align: center; border: solid 1px #e0e0e0; }
.hm-records a:hover { color: #ee4d4d; border-color: #ee4d4d; }

.hm-detail { background: #FFF; padding: 16px 36px 36px; margin-bottom: 20px; }
.hm-detail .hm-title { position: relative; z-index: 1; margin-top: 20px; margin-bottom: 15px; }
.hm-detail .hm-title:after { content: ''; height: 1px; background: #f5f5f5; position: absolute; z-index: -1; top: 50%; left: 0; right: 0; }
.hm-detail .hm-title h3 { display: inline-block; vertical-align: top; font-size: 26px; background: #FFF; padding-right: 12px; }
.hm-detail .hm-table { font-size: 16px; }
.hm-detail .hm-table th, .hm-detail .hm-table td { height: 38px; padding: 0 12px; font-weight: normal; text-align: center; }
.hm-detail .hm-table th { color: #666; }
.hm-detail .hm-text { font-size: 16px; color: #666; }
.hm-detail .hm-text h3 { font-size: 20px; color: #333; margin-top: 10px; margin-bottom: 3px; }

.hm-tips { height: 30px; line-height: 30px; font-size: 16px; color: #4cb050; margin-top: 20px; }
.hm-tips .icon { vertical-align: -4px; margin-right: 5px; }
.hm-tips .btn { border: 0; padding: 0; width: 58px; height: 30px; line-height: 30px; background: #4cb050; color: #fff; font-size: 16px; border-radius: 15px; margin-left: 10px; }

.block-title2 { margin-bottom: 20px; }
.block-title2.pull-top { margin-top: -10px; }
.block-title2 + .block-scroll { margin-top: -20px; }
.block-title2 .title, .block-title2 h3 { font-size: 24px; color: #333; font-weight: bold; }

.block-title3 { font-size: 20px; font-weight: bold; color: #333; margin-bottom: 20px; }

.hl-content .block-tabs li.on { border-bottom-color: #E65C5B; }

.hl-day-block { padding: 20px; background-color: #fff; margin-bottom: 20px; }

.hl-day-left { width: 298px; float: left; }

.hl-day-right { width: 442px; float: right; }

.hl-day-group { margin-top: 30px; }

.hl-day-info { height: 282px; background-color: #fff4e3; margin-bottom: 12px; }
.hl-day-info .hd { height: 46px; line-height: 46px; text-align: center; background-color: #e54949; color: #fff; font-size: 20px; border-bottom: 4px solid #c03e3e; }
.hl-day-info .bd { text-align: center; position: relative; }
.hl-day-info .day-value { height: 120px; line-height: 120px; font-size: 72px; color: #c23e3e; font-family: Microsoft YaHei; }
.hl-day-info .day-term { position: absolute; width: 21px; height: 31px; background: url(../images/hl/term.png) no-repeat; right: 70px; top: 35px; font-size: 12px; color: #fff; text-align: center; line-height: 15px; padding-top: 4px; }
.hl-day-info .day-text { line-height: 30px; font-size: 16px; color: #666; }
.hl-day-info .day-text a { color: #666; text-decoration: underline; text-underline-offset: 2px; }
.hl-day-info .day-text a:hover { color: #c23e3e; }
.hl-day-info .day-text .fest { margin-left: 12px; color: #c23e3e; }

.hl-day-bazi { height: 52px; background-color: #ffffff; border: solid 1px #cc9e62; overflow: hidden; margin-bottom: 12px; }
.hl-day-bazi .hd { width: 42px; height: 40px; padding: 6px; line-height: 20px; text-align: center; float: left; background-color: #cc9e62; color: #fff; font-size: 16px; margin-left: -1px; }
.hl-day-bazi .bd { overflow: hidden; padding: 0 10px; }
.hl-day-bazi .bd dl { width: 25%; float: left; font-size: 14px; line-height: 20px; color: #666666; text-align: center; padding-top: 7px; }

.hl-day-wuxing { height: 99px; background-color: #ffffff; border: solid 1px #cc9e62; }
.hl-day-wuxing .hd { height: 32px; line-height: 32px; text-align: center; background-color: #cc9e62; font-size: 16px; color: #ffffff; }
.hl-day-wuxing .bd { overflow: hidden; padding: 0 8px; }
.hl-day-wuxing .bd dl { width: 25%; float: left; text-align: center; font-size: 16px; line-height: 22px; color: #666666; padding-top: 11px; }

.hl-calendar-head { height: 46px; background-color: #e54949; text-align: center; }
.hl-calendar-head .prev, .hl-calendar-head .next { display: inline-block; vertical-align: top; width: 35px; height: 46px; background: url(../images/hl/arrow-l.png) no-repeat center center; cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.hl-calendar-head .next { background-image: url(../images/hl/arrow-r.png); }
.hl-calendar-head .fl { float: left; }
.hl-calendar-head .fr { float: right; }
.hl-calendar-head .form-group { display: inline-block; vertical-align: top; }
.hl-calendar-head .form-select { padding: 0; border: 0; position: relative; display: inline-block; width: 98px; line-height: 34px; font-size: 18px; margin: 6px 5px 0; text-align: left; }
.hl-calendar-head .form-select.open .form-select-list { z-index: 9999; display: block !important; }
.hl-calendar-head .form-select-text { position: relative; padding: 0 30px 0 12px; background-color: #fff; border-color: #c03e3e; color: #645050; cursor: pointer; text-align: center; }
.hl-calendar-head .form-select-text:after { content: ''; position: absolute; right: 12px; top: 50%; margin-top: -3px; }
.hl-calendar-head .form-select-list { border-color: #c03e3e; margin-top: 5px; }
.hl-calendar-head .form-select-list li { color: #645050; }
.hl-calendar-head .year-select { width: 128px; }

.hl-calendar-body { cursor: default; border: solid 1px #e54949; overflow: hidden; }

.hl-calendar-week { overflow: hidden; margin-right: -3px; }
.hl-calendar-week .item { width: 14%; height: 36px; line-height: 36px; text-align: center; background-color: #fff7eb; border: solid 1px #cccccc; float: left; margin: -1px 0 -1px -1px; font-size: 18px; color: #be3131; }

.hl-calendar-days { height: 378px; overflow: hidden; margin-right: -3px; }
.hl-calendar-days .day { cursor: pointer; }
.hl-calendar-days .item { width: 14%; height: 62px; text-align: center; background-color: #fff; border: solid 1px #cccccc; float: left; margin: 0 0 -1px -1px; position: relative; user-select: none; }
.hl-calendar-days .item-hd { font-size: 22px; font-family: arial, Microsoft YaHei; color: #333333; margin-top: 10px; }
.hl-calendar-days .item-bd { font-size: 14px; color: #666666; }
.hl-calendar-days .today { background: #fff url(../images/hl/today.png) no-repeat; }
.hl-calendar-days .active { position: relative; z-index: 1; background-color: #fff2f2; border-color: #e54949; }

.hl-calendar-days.row5 .item { height: 75px; }
.hl-calendar-days.row5 .item-hd { margin-top: 12px; margin-bottom: 2px; }

.hl-calendar-days.row4 .item { height: 94px; }
.hl-calendar-days.row4 .item-hd { margin-top: 20px; margin-bottom: 5px; }

.hl-day-todo { padding: 0 20px; border: solid 1px #e54949; margin: 15px 0; }
.hl-day-todo .list { position: relative; padding: 20px 0 20px 64px; background: url(../images/hl/day-yi.png) no-repeat 0 20px; line-height: 44px; }
.hl-day-todo .list ul { display: inline-block; vertical-align: middle; line-height: 24px; margin-right: 110px; overflow: hidden; }
.hl-day-todo .list li { float: left; font-size: 16px; color: #333333; margin-right: 20px; }
.hl-day-todo .list + .list { background-image: url(../images/hl/day-ji.png); }
.hl-day-todo .list + .list:after { content: ''; height: 1px; background: #e7e7e7; position: absolute; top: 0; left: 0; right: 110px; }
.hl-day-todo .list .link-search { width: 90px; height: 91px; position: absolute; top: 0; right: 0; margin-top: -46px; margin-right: 0; background: url(../images/hl/search.png) no-repeat; }

.hl-day-attr { padding: 20px; border: solid 1px #e54949; }
.hl-day-attr .item-group { overflow: hidden; margin-bottom: 20px; }
.hl-day-attr .item-group .item { width: 358px; float: left; }
.hl-day-attr .item { overflow: hidden; }
.hl-day-attr .item h3 { width: 120px; height: 48px; line-height: 48px; text-align: center; font-size: 20px; color: #e54949; background-color: #ffebeb; border-radius: 4px; float: left; margin-right: 20px; }
.hl-day-attr .item ul { overflow: hidden; }
.hl-day-attr .item li { float: left; line-height: 24px; margin-right: 22px; font-size: 16px; color: #333333; max-width: 520px; }

.hl-search-block { text-align: center; margin-bottom: 70px; }
.hl-search-block .block-tabs3 { height: 60px; line-height: 60px; margin-top: -20px; margin-bottom: 35px; }
.hl-search-block .block-tabs3 li { width: 140px; font-size: 24px; font-weight: normal; }
.hl-search-block .block-tabs3 li + li { margin-left: 90px; }
.hl-search-block .block-tabs3 li.on { color: #ff8927; }
.hl-search-block .block-tabs3 li.on:before { content: none; }
.hl-search-block .block-tabs3 li.on:after { width: 100px; height: 3px; background-color: #ff8927; border-radius: 2px; margin: 0 auto; }
.hl-search-block .form-group { margin-bottom: 35px; }
.hl-search-block .form-select { margin: 0 5px; }
.hl-search-block .form-select-text, .hl-search-block .form-select-list { color: #333; }
.hl-search-block .form-select-text:after { margin-top: -3px; }
.hl-search-block .month-select, .hl-search-block .day-select { width: 100px; }
.hl-search-block .year-select { width: 145px; }
.hl-search-block .btn { border: 0; padding: 0; width: 180px; height: 58px; line-height: 52px; padding-bottom: 6px; background: url(../images/hl/btn.png); font-size: 28px; color: #fff; text-shadow: 0 2px 2px #d50808; font-weight: 500; }

.hl-search-text { font-size: 14px; color: #666; text-align: center; margin: -20px -20px 50px; }

.hl-search-result { margin-bottom: 50px; }
.hl-search-result .title { text-align: center; font-size: 36px; font-weight: bold; line-height: 1.1; color: #333333; margin-bottom: 30px; }
.hl-search-result .item { display: block; padding: 15px 20px; background-color: #ffffff; border: solid 1px #fad9c8; border-radius: 8px; font-size: 18px; line-height: 24px; color: #333333; }
.hl-search-result .item + .item { margin-top: 10px; }
.hl-search-result .item-hd { overflow: hidden; margin-bottom: 10px; }
.hl-search-result .item-hd ul { float: left; }
.hl-search-result .item-hd li { float: left; margin-right: 12px; }
.hl-search-result .item-hd .more { float: right; font-size: 16px; color: #e54949; }
.hl-search-result .item-hd .more:after { content: ''; display: inline-block; vertical-align: top; margin: 3px 0 0 20px; width: 8px; height: 17px; background: url(../images/hl/arrow4.png); }
.hl-search-result .item-bd { overflow: hidden; font-size: 16px; }
.hl-search-result .item-bd ul, .hl-search-result .item-bd li, .hl-search-result .item-bd dl, .hl-search-result .item-bd dt, .hl-search-result .item-bd dd { float: left; }
.hl-search-result .item-bd li { margin-right: 9px; }
.hl-search-result .item-bd dl { margin: 0 9px; }
.hl-search-result .text-box { font-size: 18px; line-height: 32px; color: #333333; }
.hl-search-result .a-link { color: #e42c29; text-decoration: underline; text-underline-offset: 1px; }

.hl-query-box { padding-top: 15px; position: relative; text-align: center; color: #333; }
.hl-query-box .day-select { display: block; width: 210px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; color: #333; font-size: 16px; border-radius: 20px; border: solid 1px #f59393; position: relative; padding-right: 30px; margin: 0 auto; cursor: pointer; }
.hl-query-box .day-select:after { content: ''; width: 10px; height: 7px; background: url(../images/hl/arrow2.png) no-repeat; position: absolute; top: 50%; right: 13px; margin-top: -3px; }
.hl-query-box .day-value { font-size: 100px; font-weight: bold; color: #e54949; text-align: center; line-height: 110px; margin-top: 15px; }
.hl-query-box .day-term { position: absolute; top: 75px; right: 60px; width: 21px; height: 30px; line-height: 16px; padding: 7px 0; background: url(../images/hl/term2.png) no-repeat; color: #fff; font-size: 14px; text-align: center; }
.hl-query-box .day-lunar { font-size: 18px; font-weight: 400; color: #000; text-align: center; }
.hl-query-box .day-lunar .fest { color: #e54949; margin-left: 15px; }
.hl-query-box .day-text { font-size: 14px; color: #666; margin: 5px 0; }
.hl-query-box .day-text .text { display: inline-block; vertical-align: top; margin: 0 5px; }
.hl-query-box .day-text .red { color: #e54949; text-decoration: underline; text-underline-offset: 2px; }
.hl-query-box .day-prev, .hl-query-box .day-next { width: 14px; height: 27px; background: url(../images/hl/arrow-l2.png) no-repeat; position: absolute; top: 100px; left: 15px; }
.hl-query-box .day-next { background-image: url(../images/hl/arrow-r2.png); left: auto; right: 15px; }

.hl-query-box2 { padding: 5px 0 10px; }
.hl-query-box2 .block-title { border-bottom: 0; padding-top: 0; margin-bottom: 10px; }
.hl-query-box2 .form-select { width: 135px; line-height: 30px; }
.hl-query-box2 .form-select-list { color: #333; }
.hl-query-box2 .form-select-text { color: #333; }
.hl-query-box2 .form-select-text:after { margin-top: -3px; }
.hl-query-box2 .form-foot { text-align: center; margin-top: 15px; }
.hl-query-box2 .btn { border: 0; padding: 0; width: 120px; line-height: 32px; padding-bottom: 3px; text-align: center; background: url(../images/hl/btn2.png) no-repeat; font-size: 16px; color: #fff; cursor: pointer; }

.hl-calendar-popup { position: absolute; top: 0; left: -10px; right: -10px; background-color: #fff; color: #333; box-shadow: 0 4px 8px rgba(153, 153, 153, 0.3); z-index: 99; visibility: hidden; }
.hl-calendar-popup.open { visibility: visible; }
.hl-calendar-popup .day:hover { background-color: #eee; }
.hl-calendar-popup .hl-calendar-head { height: auto; background: #fff; padding: 15px 10px 10px; text-align: left; }
.hl-calendar-popup .hl-calendar-head .form-select { width: 98px; line-height: 28px; font-size: 16px; margin: 0 5px 0 0; }
.hl-calendar-popup .hl-calendar-head .form-select-text { padding: 0 30px 0 10px; color: #333; border-color: #f59393; }
.hl-calendar-popup .hl-calendar-head .form-select-list { margin-top: -1px; border-color: #f59393; }
.hl-calendar-popup .hl-calendar-head .btn-close { border: 0; width: 65px; line-height: 22px; background-color: #e54949; color: #fff; font-size: 15px; border-radius: 1px; }
.hl-calendar-popup .hl-calendar-body { border: 0; }
.hl-calendar-popup .hl-calendar-week { margin-right: 0; }
.hl-calendar-popup .hl-calendar-week .item { border: 0; margin: 0; width: 14.2857%; height: 32px; line-height: 32px; font-size: 16px; background-color: #f5f5f5; color: #666; }
.hl-calendar-popup .hl-calendar-days { padding: 5px 3px 10px; height: auto; margin-right: 0; }
.hl-calendar-popup .hl-calendar-days .today { background: none; }
.hl-calendar-popup .hl-calendar-days .today { z-index: 1; }
.hl-calendar-popup .hl-calendar-days .today:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #e54949; border-radius: 4px; }
.hl-calendar-popup .hl-calendar-days .active { z-index: 1; background-color: #e54949; }
.hl-calendar-popup .hl-calendar-days .active .item-hd, .hl-calendar-popup .hl-calendar-days .active .item-bd { color: #fff; }
.hl-calendar-popup .hl-calendar-days .item { border: 0; margin: 0 0.2857% 0 0; width: 14%; height: 54px; border-radius: 4px; margin-top: 2px; }
.hl-calendar-popup .hl-calendar-days .item-hd { font-size: 16px; margin-top: 9px; margin-bottom: 3px; }
.hl-calendar-popup .hl-calendar-days .item-bd { font-size: 12px; color: #666; }

.form-radio3 { display: inline-block; vertical-align: top; text-align: center; cursor: pointer; user-select: none; }

.form-radio3 + .form-radio3 { margin-left: 5px; }

.form-radio3 input { position: absolute; visibility: hidden; }

.form-radio3 input:checked ~ span { background-color: #DD3635; border-color: #DD3635; color: #fff; }

.form-radio3 span { display: inline-block; vertical-align: top; width: 48px; line-height: 38px; text-align: center; font-size: 16px; color: #999; background-color: #ffffff; border: solid 1px #D1D1D1; }

.jr-search-block { padding: 35px 50px; background-color: #fff; margin-bottom: 20px; }

.jr-search-form { width: 446px; float: left; }
.jr-search-form .form-title { font-size: 18px; font-weight: bold; color: ￥; text-align: center; margin-bottom: 20px; }
.jr-search-form .form-select { width: 85px; margin-right: 5px; }
.jr-search-form .year-select { width: 110px; }
.jr-search-form .type-select { width: 114px; }
.jr-search-form .radio-group { display: inline-block; }
.jr-search-form .form-group { margin-bottom: 30px; }
.jr-search-form .form-radio3 span { width: 48px; }
.jr-search-form .btn { border: 0; padding: 0; width: 100%; line-height: 48px; font-size: 16px; color: #fff; background: #DD3635; border-radius: 0; }

.jr-news-list { width: 155px; float: right; position: relative; }
.jr-news-list:after { content: ''; position: absolute; top: 5px; bottom: 5px; left: -45px; width: 1px; background: rgba(112, 112, 112, 0.1); }
.jr-news-list ul { margin: -15px 0; }
.jr-news-list li { position: relative; padding-left: 18px; }
.jr-news-list li:after { content: ''; width: 6px; height: 6px; background: #c35655; position: absolute; left: 0; top: 50%; margin-top: -3px; }
.jr-news-list li + li { border-top: 1px dashed #c7c7c7; }
.jr-news-list a { display: block; height: 50px; line-height: 50px; font-size: 14px; overflow: hidden; }

.jr-search-list { padding: 20px; background: #fff; margin-bottom: 20px; }
.jr-search-list .list-group + .list-group { margin-top: 20px; }
.jr-search-list .list { width: 776px; font-size: 0; margin-bottom: -15px; }
.jr-search-list .list a { display: inline-block; vertical-align: top; width: 114px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: rgba(221, 54, 53, 0.05); font-size: 16px; color: #666; margin: 0 15px 15px 0; }
.jr-search-list .list a:hover { background: #DD3635; color: #fff; }

.jr-search-result { background: #fff; padding: 25px 40px 5px; margin-bottom: 20px; }
.jr-search-result .item { overflow: hidden; margin-bottom: 20px; }
.jr-search-result .item-hd { width: 110px; height: 110px; background: url(../images/hl/box.png) no-repeat; text-align: center; margin-right: 30px; float: left; }
.jr-search-result .item-hd .t1 { line-height: 30px; font-size: 14px; color: #fff; margin-top: 5px; }
.jr-search-result .item-hd .t2 { font-size: 20px; font-weight: bold; color: #333; position: relative; line-height: 40px; margin-bottom: 5px; }
.jr-search-result .item-hd .t2::after { content: ''; position: absolute; width: 66px; height: 1px; background: rgba(112, 112, 112, 0.1); left: 0; right: 0; bottom: 0; margin: 0 auto; }
.jr-search-result .item-hd .t3 { font-size: 12px; color: #999; }
.jr-search-result .item-bd { width: 550px; overflow: hidden; }
.jr-search-result .item-bd ul { min-height: 40px; background: url(../images/hl/yi.png) no-repeat; padding-left: 34px; font-size: 0; margin-top: 6px; }
.jr-search-result .item-bd ul + ul { background-image: url(../images/hl/ji.png); margin-top: 24px; }
.jr-search-result .item-bd li { display: inline-block; vertical-align: top; line-height: 20px; font-size: 14px; color: #666; margin-left: 12px; }
.jr-search-result .item-bd li.on { color: ￥; }

.form-select2 { width: auto; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; }
.form-select2.focus { z-index: 3; }
.form-select2.focus .form-select-list { display: block; }
.form-select2 .form-select-text { padding: 0 25px 0 7px; line-height: 28px; color: #333; border: solid 1px #e0e0e0; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.form-select2 .form-select-text:after { content: ''; width: 12px; height: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAADMzMzMzMzMzMzMzMzMzMyxZd59AAAABXRSTlMAFdLMxj7pv4UAAAAvSURBVAjXY3AWYGBgNGEwVWRgEApmEAoSYFRVZABiIIsByAVyGIBcIAcIhA0ZGABvFQQweoibpQAAAABJRU5ErkJggg==) no-repeat; position: absolute; right: 7px; top: 50%; margin-top: -4px; }
.form-select2 .form-select-list { box-sizing: border-box; position: absolute; left: 0; right: auto; min-width: 100%; max-height: 288px; overflow-y: auto; white-space: nowrap; background-color: #fff; border: solid 1px #e5e5e5; margin-top: -1px; overscroll-behavior: contain; -ms-scroll-chaining: contain; display: none; }
.form-select2 .form-select-list::-webkit-scrollbar { width: 4px; border-radius: 2px; background-color: transparent; }
.form-select2 .form-select-list::-webkit-scrollbar-thumb { background: #999; border-radius: 2px; }
.form-select2 .form-select-list li { height: 34px; line-height: 34px; text-align: left; padding: 0 7px; font-size: 16px; color: #333; cursor: pointer; margin-top: 1px; }
.form-select2 .form-select-list a { display: block; }

.c-count-down { position: relative; padding: 22px 20px; font-size: 16px; color: #333; text-align: center; border: solid 1px #e54949; }
.c-count-down .form-group { margin-bottom: 10px; }
.c-count-down .form-text { margin-bottom: 15px; }
.c-count-down .form-select2 { top: -2px; }
.c-count-down .form-link { position: absolute; top: 22px; right: 22px; color: #999; }
.c-count-down .form-link:hover { color: #ee4d4d; }

.count-down { width: 330px; height: 116px; text-align: center; background: #ffebeb; overflow: hidden; margin: 0 auto; }
.count-down h3 { font-size: 16px; font-weight: bold; color: #e54949; margin: 18px 0 10px; }
.count-down ul { font-size: 0; }
.count-down li { display: inline-block; vertical-align: middle; font-size: 16px; color: #8f4b07; margin: 0 3px; }
.count-down b { display: block; padding: 0 5px; min-width: 30px; height: 40px; line-height: 40px; text-align: center; font-size: 22px; color: #ffffff; background: #8f4b07; border-radius: 6px; }

.c-fest-block { padding: 30px 20px; background-color: #fff; color: #333; margin-bottom: 20px; }

.c-fest-title { position: relative; }
.c-fest-title .title { line-height: 36px; font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 25px; }
.c-fest-title .title .form-select2 { position: relative; font-weight: normal; }
.c-fest-title .title .form-select-text { font-size: 24px; font-weight: bold; }
.c-fest-title .form-select2 { position: absolute; top: 0; right: 0; }
.c-fest-title .form-select2 .form-select-text { line-height: 33px; }

.c-fest-list { width: 820px; overflow: hidden; }
.c-fest-list .item { padding: 15px; width: 358px; height: 296px; color: #333; border: solid 1px #FADBDB; margin-right: 20px; margin-bottom: 20px; float: left; }
.c-fest-list .count-end { position: relative; }
.c-fest-list .count-end:before, .c-fest-list .count-end:after { content: ''; position: absolute; left: 0; bottom: 0; }
.c-fest-list .count-end:before { top: 0; right: 0; background: #d6d6d6; opacity: 0.3; }
.c-fest-list .count-end:after { width: 54px; height: 59px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA7CAMAAAAHBYkxAAAAllBMVEUAAADLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTLNjTrwL/Wb27PTEr46+v14eHhm5rkp6fy1tbSXl3otLPuy8v89fXaf37djYz///8oRJtVAAAAInRSTlMA+QT17+TcyLynl1FDHA8KfV0sJOrRh2k4NBbUsrGNcmshXoJpHwAAAcVJREFUSMed1mlT4zAMBmCgy+7Si6Ms196vo8RXjv7/P4dMyjiGolJpJjP5kGdeJ4qcnFydqAp/dQz/dAzXOnaqcEhuoWAqh9EtVQyzpYaxe1AxfHnUMHY3KobbGxXD+UbD2P1XMXxdqRg7FcPPJxXDj7WK4dtaw9hdqhi+X2oYu7PPshCn7lfhpDRjpu7igHtFw3Fupxp6mzeX2ajqCke5XVa1x/2RWUwrHF0bp+5OZFtWoxttrnuJNQ6js0lO4elCYNRYpLJdyisCZ48fsew4iA9eKFHeJlYfsOwIhBA50LUHxw8758AX+yr1oOrcwdcar27rCTS68oHOBZZkOuo97kpkXetcbfblLcQ061wPapIr2ezh4HTbhvP6ounA7UZmrIj8i7HFrruW2ZYA8gSYzpS7i8i8BfXjLBl2IU+7yKiJTWRVNwRjQtfnNkgMFC2CN2ST62zIt3gtMaDnq1Oso8ab4PMULUU2WHJJoXW8Tjf5uG8kxmXa2sK16SxO2/AkMwwBoaaBs0L5UZFZ9L6ut60jlHUhs9APXYU9dScyoPeggPd1L7PA+9iAXLkNIkNsy7DyHwtH1/lKxbgNKobfZyqG+TOq+t12Na5LVAAAAABJRU5ErkJggg==) no-repeat; }
.c-fest-list .count-end .count-down b { background: #999999; }
.c-fest-list .title { font-size: 16px; font-weight: bold; text-align: center; }
.c-fest-list .time { font-size: 12px; color: #666666; text-align: center; margin-top: 5px; }
.c-fest-list .text { font-size: 12px; line-height: 1.7; text-align: justify; }
.c-fest-list .text i { color: #e54949; }
.c-fest-list .text i:hover { text-decoration: underline; }
.c-fest-list .count-down { margin: 16px auto; }

.c-fest-detail { padding: 30px 20px; background-color: #fff; font-size: 16px; color: #333; margin-bottom: 20px; }
.c-fest-detail .title { font-size: 26px; font-weight: bold; color: #333; line-height: 1.1; text-align: center; }
.c-fest-detail .time { text-align: center; margin-top: 10px; }
.c-fest-detail .count-down { margin: 20px auto; }
.c-fest-detail .text { word-break: break-all; font-size: 16px; line-height: 28px; text-indent: 2em; }
.c-fest-detail .text h3 { font-size: 20px; font-weight: bold; color: #333333; margin: 20px 0 10px; }
.c-fest-detail .text p { color: #666666; margin: 8px 0; }

.c-fest-more { margin-top: 25px; overflow: hidden; }
.c-fest-more h3 { font-size: 20px; font-weight: bold; }
.c-fest-more ul { overflow: hidden; margin-left: -22px; }
.c-fest-more li { float: left; margin: 15px 0 0 22px; }
.c-fest-more a { display: block; height: 30px; line-height: 30px; padding: 0 12px; font-size: 14px; color: #666; border-radius: 16px; border: solid 1px #dddddd; border-radius: 16px; }
.c-fest-more a:hover { background-color: #db2121; border-color: #db2121; color: #fff; }

/*** @description: about; @Author:ray; @create date:2018-05-09;
***/
.about { overflow: hidden; }

.about-navbar { width: 150px; background: #FFF; float: left; }
.about-navbar .item { display: block; line-height: 54px; padding-left: 42px; background: #FFF; color: #666; margin-bottom: 1px; }
.about-navbar .item:hover, .about-navbar .item.on { background: #ee4d4d; color: #FFF; }

.about-content { width: 955px; min-height: 530px; float: right; background: #FFF; padding: 30px 40px 40px; }
.about-content .title { font-size: 30px; border-bottom: 2px solid #ee4d4d; padding-bottom: 10px; margin-bottom: 10px; }
.about-content .text { font-size: 14px; color: #666; line-height: 36px; text-align: justify; text-justify: inter-ideograph; word-break: break-all; }
.about-content img { max-width: 100%; }

/*** @description: 404; @Author:ray; @create date:2018-03-21;
***/
.not-found { width: 700px; overflow: hidden; margin: 0 auto; padding: 100px 0; }
.not-found .pic { float: left; }
.not-found .con { overflow: hidden; margin-left: 312px; }
.not-found .hd { font-size: 30px; font-weight: bold; margin: 60px 0 10px; }
.not-found .bd { font-size: 18px; color: #666; margin-bottom: 30px; }
.not-found .btn { font-size: 18px; padding: 5px 18px; }

.search-not-found .hd { font-size: 22px; }
.search-not-found .bd { font-size: 14px; color: #999; }
.search-not-found .bd li { padding-left: 13px; line-height: 28px; background: url(../images/list/d.png) no-repeat 0 center; }
.search-not-found .bd a:hover { text-decoration: underline; }

/*# sourceMappingURL=style.css.map */