@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, form, h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 0.3rem;}*/

p {text-indent: 2em; margin-bottom: 1em;}

h1, h2, h3, h4, h5, h6 {text-indent: 2em; margin-bottom: 1em; 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; }

/*** @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-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-tt-bzqm, .icon-tt-bzsm, .icon-tt-dsqm, .icon-tt-dssm, .icon-tt-fs, .icon-tt-jm, .icon-tt-jq, .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-se1e5eeb82d.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-btn-sm1 { background-position: 0 -134px; height: 34px; width: 90px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-side-ft { background-position: 0 -731px; height: 53px; width: 85px; }

.icon-side-hd { background-position: 0 -789px; height: 110px; width: 125px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon { display: inline-block; }

.icsm-sprite, .icsm-ad-qm, .icsm-ad-sm, .icsm-boy, .icsm-btn1, .icsm-btn2, .icsm-btn3, .icsm-btn4, .icsm-btn5, .icsm-btn6, .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-name-box, .icsm-name-tip, .icsm-qian, .icsm-shan, .icsm-t-bbqm, .icsm-t-dsqm, .icsm-t-dssm, .icsm-t-grjm, .icsm-t1, .icsm-t2, .icsm-t3, .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-s29758cecaf.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-boy { background-position: 0 -150px; height: 40px; width: 40px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icsm-t1 { background-position: 0 -1471px; height: 26px; width: 87px; }
.icsm-t1:hover, .sm-content .hd .icsm-t1.on, .icsm-t1.t1-hover { background-position: 0 -1440px; }

.icsm-t2 { background-position: 0 -1533px; height: 26px; width: 87px; }
.icsm-t2:hover, .sm-content .hd .icsm-t2.on, .icsm-t2.t2-hover { background-position: 0 -1502px; }

.icsm-t3 { background-position: 0 -1595px; height: 26px; width: 87px; }
.icsm-t3:hover, .sm-content .hd .icsm-t3.on, .icsm-t3.t3-hover { background-position: 0 -1564px; }

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

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

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

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

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

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

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

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

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

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

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

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

.icjq-sprite, .icjq-arrow, .icjq-btn1, .icjq-btn2, .icjq-btn3, .icjq-btn4, .icjq-btn5, .icjq-grail1, .icjq-grail2, .icjq-grail3 { background-image: url('../images/icjq-s12ba55bbf3.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-grail1 { background-position: 0 -284px; height: 64px; width: 98px; }

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

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

.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; }

.hidden { visibility: hidden; }

.placeholder { color: red; }

.fn-clear, .form-group, .content-list .list-hd { zoom: 1; }
.fn-clear:after, .form-group:after, .content-list .list-hd: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; }

.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/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: 198px; 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: #ee4d4d; border-color: #ee4d4d; }
.btn-red-border:hover { color: #FFF; background: #ee4d4d; }

/*** @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/bg.png) center 0; }

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

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

.searchbar { float: right; width: 200px; height: 30px; border-bottom: 1px solid #e2d9c1; margin-top: 38px; }
.searchbar .search-input { width: 150px; 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: #ff0000; 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 8px; 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: 5px; }
.navbar .sec-nav-link.on { color: #ff0000; }

.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; }

.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: 365px; 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-right { float: right; text-align: right; }
.footer .cooperate { font-size: 14px; color: #666; margin-top: 8px; margin-bottom: 8px; }
.footer .copyright { font-size: 12px; width: 1030px; 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: 6.2%; 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 { margin-top: 20px; margin-bottom: 20px; }
.ad-box a { display: block; }
.ad-box img { display: block; max-width: 100%; }
.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 { position: fixed; top: 50%; left: 50%; z-index: 101; margin-left: 650px; margin-top: -100px; text-align: center; width: 79px; background: #ee4d4d; border: 3px solid #c73b3b; 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: -60px 0 0 -20px; }
.sidebar .bd { position: relative; z-index: 1; padding-top: 30px; }
.sidebar .ft { position: absolute; top: 100%; left: -3px; }
.sidebar .link { display: block; line-height: 40px; text-align: center; color: #fff3f3; }
.sidebar .link.on, .sidebar .link:hover { color: #fffa71; }

@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/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/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; }

/*** @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-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 { color: #c9a96e; margin-left: -7px; }
.index-article .item { height: 30px; line-height: 30px; overflow: hidden; }
.index-article .item-1 { background: #f5f5f5; margin-bottom: 8px; }
.index-article .item-1 .tag { display: inline-block; vertical-align: top; width: 41px; text-align: center; background: #ee4d4d; color: #FFF; margin-left: 0; margin-right: 9px; position: relative; }
.index-article .item-1 .tag:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -5px; border-top: 5px solid transparent; border-left: 4px solid #ee4d4d; 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('../fonts/c808f7605fd04483ac4adfab3ed2262f.woff'); 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: 24px; }
.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 #ee4d4d; }
.qm-box .form-gender .option { color: #ee4d4d; }
.qm-box .form-gender .on { background: #ee4d4d; 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/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/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 #ee4d4d; 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: #ee4d4d; 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; }

/*** @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/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/cb.png) no-repeat right center; margin-left: 5px; }
.sm-content .form-gender .option.on { background-image: url(../images/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 { 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 + .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; overflow: hidden; }
.content-list.loaded .list-more { display: block; }
.content-list.loaded .list-loader { display: none; }
.content-list .list-hd { height: 55px; line-height: 55px; padding-left: 40px; border-bottom: 1px solid #ebebeb; position: relative; }
.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 { width: 38px; height: 100%; position: absolute; top: 0; right: 0; background: #ebebeb url(../images/arrow-r.png) no-repeat center center; }
.content-list .list-hd-toggle.end { background-image: url(../images/arrow-l.png); }
.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; }
.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; line-height: 60px; text-align: center; background: #efefef; color: #666; display: none; }
.content-list .list-more:hover { background: #e3e3e3; }
.content-list .list-loader { display: inline-block; vertical-align: top; width: 32px; height: 32px; background: url(../images/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-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: 18px; line-height: 1.68; }
.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/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/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: 3px; }
.related-reading .bd { overflow: hidden; }
.related-reading .bd ul { width: 350px; float: left; }
.related-reading .bd li { height: 40px; line-height: 40px; 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;  }
.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 .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: 60px; margin-right: 0; }
.recommend-reading2 .list-bd { min-height: 200px; padding-top: 15px; }
.recommend-reading2 .list-bd .list { overflow: hidden; margin-left: -20px; }
.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; }

.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; }

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

.jm-remark { width: 520px; height: 48px; background: url(../images/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/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/jq.png) no-repeat; margin: 10px 30px 0; }

.jq-column-rm { width: 1200px; height: 107px; background: #eae4d8 url(../images/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/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/jq-box-hover.png); 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; }
.jq-column-bd .item:hover:after { opacity: 1; visibility: visible; }
.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/jq-sign.png) no-repeat; }
.jq-draw-flash .flash { display: block; width: 280px; height: 300px; }
.jq-draw-flash .result { font-size: 16px; color: #333; margin-top: -10px; margin-bottom: 10px; position: relative; z-index: 1; 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/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/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/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/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/arrow.gif) no-repeat; margin-left: 4px; }
.xz-pair-box .bd { height: 88px; background: url(../images/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/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; }

.xz-luck-info { height: 220px; background: #fc5f5f url(../images/luck-bg2.jpg) no-repeat; color: #FFF; }
.xz-luck-info.nice { background: #fc6f54 url(../images/luck-bg3.jpg) no-repeat; }
.xz-luck-info.terrible { background: #7b828c url(../images/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: 25px; }
.xz-luck-info .luck-cont .words { font-size: 60px; font-weight: bold; }
.xz-luck-info .luck-attr { width: 392px; float: right; overflow: hidden; margin-top: 38px; }
.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: 7px; }
.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: 20px 0 10px; }
.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-cont { height: 280px; background: #1f1a25 url(../images/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/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/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/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/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; line-height: 40px; float: left; margin-left: 20px; margin-right: 20px; }

.xz-query { background: #FFF; margin-bottom: 20px; padding-bottom: 25px; }

.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: #ff4f4b url(../images/luck-box-hbg.png) no-repeat; }
.xz-luck-box2 .hd .title { line-height: 50px; font-size: 22px; color: #FFF; text-shadow: 0 1px 2px #d40000; }
.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: #df4542; border-radius: 5px; }
.xz-luck-box2 .hd .xz-select-bd { margin-top: 20px; left: -214px; }
.xz-luck-box2 .hd .xz-select-list:before, .xz-luck-box2 .hd .xz-select-list:after { margin-left: 90px; }
.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; }

/*** @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/d.png) no-repeat 0 center; }
.search-not-found .bd a:hover { text-decoration: underline; }

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