@import url(layout.css);
.wrapper{ background-image: url(../images/bg2.jpg); background-position: 0 -1.3rem;}
header.header{background-image: url(../images/bg2.jpg);background-position: 0 0;}
.inp_form .inpbox span,.inp_form .inpbox input[type=text] { background: rgba(255,255,255,.7); }
.m_star_1 {display: inline-block;vertical-align: middle;}
.m_star_1, .m_star_1 em { width:90px; height:18px; background-size:18px auto;}
.m_star_1 em { background-position: 0 18px;}

.vision { position: absolute; width:100%; }
.vision .s_mide{ height:10rem; background: url(../images/cx_bgstar.svg) no-repeat 0 0; background-size: 100%;}
.vision_bottom{ position:absolute; bottom:-1rem;}
.vision .s_botm:nth-child(1n) , .vision .s_botm:nth-child(2n){ margin-top: -2.3rem;}

.cxindex { background-size:100%; height: 2.4rem; margin-bottom: 0;}
.cxindex .vision {height: 2.2rem;}
.cxindex .vision .s_botm:nth-child(1n) , .cxindex .vision .s_botm:nth-child(2n) {margin-top: 1.1rem;}

.tool_index h2 {margin: 0 0.37rem 0.3rem;padding:0.37rem 0.37rem 0;text-align: center;}
.tool_index h2 strong{/* background: rgb(255 255 255 / 15%); */line-height: .72rem;padding: 0 .3rem;display: inline-block;border-radius: 5px;font-size: 0.5rem;}
.dtool_index h2:first-child { margin-top: 0; padding-top: 0; }
.tool_index h2:nth-of-type(1) strong {color: #ec6464;}
.tool_index h2:nth-of-type(2) strong { color:#92b9f4;}
.tool_index h2:nth-of-type(3) strong { color:#ef8ebb;}
.tool_index h2:nth-of-type(4) strong { color:#cdabe8;}
.tool_index h2:nth-of-type(5) strong { color:#e6b95b;}
.tool_index h2.title1{ padding-top:0;}
.tool_index ul {padding: 0 .3rem .5rem;background: rgb(255 255 255 / 15%);border-radius: .4rem;margin: .32rem .32rem 0;}
.tool_index ul li{width: 25%;float:left;text-align:center;font-size: 0.3rem;margin-top:0.8rem;}
.tool_index ul li em {width: 1.4rem;height: 1.4rem;margin: 0 auto 0.12rem;display: block;border-radius: 1rem;position: relative;}
.tool_index ul li a { display:block; }
.tool_index ul li em small { width: .4rem; height: .4rem; overflow: hidden; border-radius: 2rem; line-height: .3rem; text-align: center; color: #fff; font-size: .2rem; background: url(../images/cx_dot.svg); background-size: cover; display: block; position: absolute; top: -.1rem; right: -.1rem }
.tool_index ul li em small.d2 { background-position: 0 -.4rem;  }
.tool_index ul li em small.d3 { background-position: 0 -.8rem;  }
.tool_index ul li img { width: 100% }
.tool_index .vip_icon {overflow: hidden;background: rgb(255 255 255 / 15%);border-radius: .4rem;margin: .32rem .32rem 0;}
.tool_index .vip_icon ul{ background:none; margin:0}
.tool_index .more_vipicon {text-align: center;font-size: .4rem;line-height: 1rem;color: #ffbf5c;}
.tool_index .more_vipicon span { display: inline-block; line-height: .5rem; vertical-align: middle }
.tool_index .more_vipicon em { display: inline-block; width: .5rem; height: .5rem; vertical-align: middle; border-radius: 1rem; margin: .1rem auto; background: #ffbf5b url(../images/arrow_down.png) no-repeat center 50% ;background-size:0.3rem auto;  }
/*鏂囨湰妗嗘煡璇�*/
.inp_form{ text-align: center; padding:1.6rem 0 1.5rem; position:relative;}
.inp_form p { color: rgba(255,255,255,.6); font-size: .35rem; margin: .2rem 1rem; }
.inp_form h2 { color: #fff; display:block; font-weight: 400;}
.inp_form h2 strong { font-weight: 500; font-size: 0.6rem; border-radius: .3rem; }
.inp_form .inpbox { width:6rem;}
.inp_form .inp_small { margin:0.6rem 0; text-align: center;}
.inp_form .inp_small .inpbox{ width:2.5rem; margin:0 0.15rem; display:inline-block;}
.inp_form em {background:-webkit-gradient(linear, 72% 100%, 68% 0%, from(#de8600), to(#f1a900));}
.inp_form small { display: block; color:#fff; font-size: .32rem;  }
.inp_form small a {display: inline-block;color:#fff;margin-top: .3rem;background: rgb(255 255 255 / 12%);width: 1rem;height: 1rem;line-height: 1rem;border-radius: 10rem;}
.inp_btn strong { display: block; overflow: hidden; text-align: center; color: #fff; margin-bottom: .03rem; font-weight: 500 } 
.inp_btn strong small { background: url(../images/arrow_more3.png) no-repeat center 50%; background-size: .35rem auto; display: block; margin: 0 auto; width: .6rem; height: .6rem; overflow: hidden; border-radius: 100%; }

.list_more {  padding: 0.25rem 0;}
.list_more h2 {color: #8a8dff;border: 0;}
.list_more  ul.li_txt {margin: 0.2rem 0.22rem 0;}
.list_more  ul.li_txt li{width:50%; float:left;font-size:0.37rem; text-align: center; line-height: 1rem; height: auto; white-space: normal;}
.list_more  ul.li_txt li a {display:block;border-radius: .2rem;color: rgb(180 183 255 / 90%);padding:0 0.2rem;overflow:hidden;background: rgb(151 178 255 / 18%);margin: .1rem;}
.list_more  ul.li_txt li:nth-child(3n-1) a {background: rgb(138 141 255 / 20%);}
.list_more  ul.li_txt li:nth-child(3n-2) a {background: rgb(203 204 255 / 18%);}

.tool_txt { margin-bottom: 0; }
/*鍐呭*/
h2.title{text-align: center;font-size: 0.52rem;color: #ffffff;margin-bottom: 0.8rem;}
article{font-size: 0.4rem;padding: 0.1rem 0.32rem;margin: 0 .32rem 0.5rem;background: rgb(255 255 255 / 10%);border-radius: .4rem;}
article ul li{ padding:0.22rem 0; line-height: .75rem;}
article ul li label {color:#4188d4;font-weight: 700;margin-right: 0.1rem;display:inline-block;}
article ul li a { display: inline-block }
article ul.xline label {text-align:  center;}
article ul.s_1x li label { width:2rem;}
article ul.s_2x li label { width:3rem;}
article ul.s_3x li label { width:6rem;}
article ul .t_line { font-size: .36rem }
article ul li .txt_icon1 ,article ul li .txt_icon2{ display:inline-block; text-align: center; border-radius:0.6rem; color:#fff; margin: 0 0.2rem 0 0; width:0.6rem; height:0.6rem; line-height: 0.6rem;vertical-align: middle;}
article ul li .txt_icon1{background: #244ba5;}
article ul li .txt_icon2{background: #964034;}
article ul li span{display:inline-block;vertical-align: middle;opacity: .8; width:7.8rem;}
article ul li.s1 span {width: 7.9rem;}
article ul li.s2 span {width: 6.5rem;}
article ul li small { font-size: 0.38rem;}
article ul.list_ls li small {	font-weight: 500;}
article ul.list_ls li span {	display: block;} 
article ul.list_ls li em { font-size: .2rem; margin-left: .1rem }
article h4 ,article h5{ color:#7da1f3; line-height: 0.8rem;}
article h4{ font-size: 0.5rem; margin-top: .3rem;}
article h5{color:#e65992;font-size: .4rem;margin-top: .3rem;}
article p{line-height: 1rem;text-indent: 2em;text-align: justify;}
article .keep_btn small {background: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#11439a), to(#1c6fb7));color: #fff;font-size: .45rem;display: block;width: 3.5rem;border-radius: 1rem;height: 1rem;line-height: 1rem;text-align: center;margin: .5rem auto;}
.dmbsc-control { display: none }

/*增加配对排行的样式*/
/* article.pairtop .prs_item{ border-bottom: 1px solid #eee; padding-bottom: .42rem; margin-top: .5rem;}
article.pairtop .prs_item p{ padding:0; margin: 0; line-height: .75rem; font-weight: 500; text-indent: 0;}
article.pairtop p label{ font-size: .48rem; color: #333;}
article.pairtop p strong{ margin:0 .8rem; color: #feae30;}
article.pairtop p span{}
article.pairtop .mc{ padding-left:0.55rem; font-size: .48rem; line-height: 1rem; font-weight: bold; color: #eea20e; margin-top: .5rem;}
article.pairtop .d1 .mc{ background:url(../images/d1.png) no-repeat 0 center; background-size: 5%; }
article.pairtop .d2 .mc{ background:url(../images/d2.png) no-repeat 0 center; background-size: 5%;}
article.pairtop .d3 .mc{ background:url(../images/d3.png) no-repeat 0 center; background-size: 5%;}
article.pairtop .d1 .prs_item,article.pairtop .d2 .prs_item,article.pairtop .d3 .prs_item{  margin:0  .4rem .4rem; padding-bottom: .32rem; border-bottom: .01rem solid #eee;}
article.pairtop .d1 .prs_item:last-child,article.pairtop .d2 .prs_item:last-child,article.pairtop .d3 .prs_item:last-child{ border-bottom: none; padding:0;}
article.pairtop .d1,article.pairtop .d2,article.pairtop .d3{ border-bottom: 1px solid #eee;}
article.pairtop ul.zs{ width: 100%; margin-top: 0.1rem; overflow: hidden;}
article.pairtop ul.zs li{ float: left; width: 33.33%; text-align: center; font-size: .38rem; color: #555; line-height: .55rem; font-weight:500;}
article.pairtop ul.zs li span{ display: block; color: #999; font-size: .32rem; font-weight: normal;}
.prs_item a{ font-size:.38rem; display: block; line-height: .7rem; padding: .1rem 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.prs_item a span{color: #568CE8; font-size: .35rem;}
.prs_item a label{ font-weight: bold; }
.prs_item a label i{ color:#999; font-weight: bold; font-size: .35rem; font-style: italic; padding: 0 .15rem 0 0;}

article dl dt span{background: #ec797b;color: #fff;padding: 0 0.2rem;font-weight: bold;height: 0.6rem;line-height: 0.6rem;display:inline-block;border-radius: 5px;margin-right: 0.2rem;}
article dl.yp > dt{ color:#d81b1d}
article dl.jp > dt{ color:#983500}
article dl.jp dt span{background: #c3896a;color: #fff;}
article dl.jp{ margin-top:0.8rem;}
article dl p{margin: 0.3rem 0;padding: 0.2rem 0.55rem;background:#f6f6f6;border-radius: 5px;line-height: 0.8rem;}
article dl dl{margin-bottom: 0.5rem;}
article dl dl dt{line-height: 1rem;font-weight: bold;}
article dl dl dt em{ margin-right:0.5rem; color:#ff7a46;}
article dl dl dt em:first-child{ color:#207ad8;}
article dl dl dd{line-height: 0.8rem;height: 1.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 0.3rem;}
article dl dl dd strong{ color:#47a1ff;} */

.text_tips_1,.text_tips_2 {background: #ffb13f; color: #fff; display: inline-block; width: .4rem; height: .4rem; border-radius: 100%; text-align: center; line-height: .4rem; vertical-align: middle; font-weight: normal;}
.text_tips_2 {background: #7fbdff;}
.cont img { max-width: 100%; margin-left: -2em; }
.t_line{border-top: 1px solid rgb(255 255 255 / 10%);padding-top: 0.2rem;margin-top: 0.2rem;}

.h2 { border: none }

.uqx_2_1 { margin-bottom: .4rem }
.uqx_2_2 { margin: .4rem 0 0 -.37rem }

.md_pst{ position:fixed; top: 0; bottom: 0; right: 0; margin: auto; z-index: 99; width: 2.1rem; height: 6rem; text-align: center; background: rgba(0,0,0,0.5); border-radius: 8px 0 0 8px;}
.md_pst ul{ height: 6rem;}
.md_pst ul li{ padding: 0; height: 1rem;}
.md_pst ul li a{ color: #fff; font-size: .38rem; line-height: 1rem; padding-left: .2rem;  display: block; border-bottom: 1px solid rgba(255,255,255,0.2);}
.md_pst ul li a.cur{ background:url(../images/arrow_cur.png) no-repeat 0.2rem center; background-size: 10%; }

/*星座配对*/
.pair_card{ background:url(../images/cx/xzpair_card.jpg) no-repeat 0 0; background-size: 8.72rem 6.3rem; width:8.72rem; height:6.3rem; border-radius: 0.3rem; box-shadow: 0 5px 10px rgba(218,111,198,0.3); margin:1.5rem auto 0.7rem; color:#fff; text-align: center;}
.pair_card .fen{ margin:0 1rem; display: flex; justify-content: space-between;}
.pair_card .fen em{ background:linear-gradient(0deg, #d1ebfd, #f3f9ff); width:2.12rem; height:2.12rem; border-radius: 100%; box-shadow: 0 5px 10px rgba(0,0,0,0.1); margin-top: -0.9rem;}
.pair_card .fen em.female{ background:linear-gradient(0deg, #ffc5c5, #fff6f6);}
.pair_card .fen em img{ width:100%; height:100%;}
.pair_card .fen span{font-size: 1rem; padding-top: 0.15rem; vertical-align: top;}
.pair .pair_card .fen span{ height:1.26rem; line-height: 1.26rem;}
.pair_card .fen span i{ font-size: 0.3rem; margin-left: 0.0.5rem;}
.pair_card h3{ display:inline-block; position:relative; margin-top: 0.11rem; font-weight:600; letter-spacing:0.05rem;text-indent:0.05rem; font-size: 0.47rem;}
.pair_card h3:before ,.pair_card h3:after{content:''; background:url(../images/icon_quotes.png) no-repeat 0 0; width:0.38rem; height:0.38rem; background-size: 0.38rem auto; position:absolute; top:0.1rem; left:-0.5rem;}
.pair_card h3:after{ background-position:0 -1.18rem; left:auto; right:-0.5rem; }
.pair_card .card_con{ background:rgba(255,255,255,0.8); width:95%; padding:0.4rem 0.3rem; box-sizing:border-box; margin:0.5rem auto 0; border-radius: 0.3rem; position:relative;}
.pair_card .card_con:before{ position:absolute; content:''; background:url(../images/cx/xzarrow1.svg) no-repeat 0 0; background-size: 0.75rem 0.38rem; width:0.75rem; height:0.33rem; overflow:hidden; left:50%; margin-left: -0.43rem; top:-0.33rem; opacity: 0.8;}
.pair_card .card_con .pair_bz{ margin-top: 0.1rem;}
.pair_card .card_con .pair_bz span{ background:#47a1ff; background-image: repeating-linear-gradient(-40deg, hsla(0,0%,100%,.1), hsla(0,0%,100%,.1) 10px, transparent 0,transparent 20px); display:inline-block; height:0.5rem; border-radius: 0.5rem; vertical-align: middle; line-height: 0.5rem; text-align: center; font-size: 0.34rem; font-style: italic;}
.pair_card .card_con .pair_bz span:last-child{ background-color:#ff7ab5;}
.pair_card .card_con .pair_bz label{ display:inline-block; vertical-align: middle; width:2rem;text-align: center; color:#5295db; font-size:0.38rem; }
.pair_card .card_con ul{ color:#e76263; font-size: 0.38rem;display: flex; margin-top: 0.65rem;}
.pair_card .card_con ul li{flex: 1; width:50%; padding: 0 0 0 .2rem; height:1.2rem; line-height: normal; overflow:hidden;}
.pair_card .card_con ul li:first-child{ border-right: 1px solid rgba(255,155,155,0.2); padding:0 0.2rem 0 0;}
.pair_card .card_con ul li label{ display:block; margin-bottom: 0.2rem; height0.4rem; line-height: 0.4rem;}
.pair_card .card_con ul li .m_star,.pair_card .card_con ul li .m_star em{ background-image: url(../images/cx/icon_heart.png)}
/*生肖*/
.sxcard{ background:url(../images/cx/sxpair_card.jpg) no-repeat 0 0; width:8.72rem; height:4.19rem; background-size: 8.72rem 4.19rem; box-shadow: 0 5px 10px rgba(203,65,65,0.3); margin-top: 1rem;}
.sxcard .fen em{ background:linear-gradient(0deg, #c1c6e3, #fafbff);  display:block; margin:-0.8rem 0 0.16rem;}
.sxcard .fen em.female{ background:linear-gradient(0deg, #ebaaaa, #fffbfb);}
.sxcard .fen span{ padding:0;}
.sxcard .fen span strong{ font-weight: normal;line-height: 1.5rem; height:1.5rem; overflow: hidden; display:block;}
.sxcard .fen span b{ font-weight: normal; font-size:0.34rem; display:block; }
.sxcard .fen span:nth-child(2) b{ display:block; margin:0 auto; font-weight: normal; background: rgba(255,255,255,0.25); color:#fff; height:0.55rem; line-height: 0.55rem; border-radius: 0.55rem; padding:0 0.3rem; font-size:0.34rem; }
.sxcard h3{ margin-top: 0.6rem;}
.sxcard p{ font-size:0.34rem; opacity:0.8; margin-top: 0.1rem;}

/*星座配对排行*/
.pair_top{ margin:0.8rem 0 0 0.2rem;}
.pair_top dt{ font-size: 0.47rem; line-height: 0.6rem; font-weight:bold; height:0.6rem; margin:0 0 0 -0.25rem;color: #ccc;}
.pair_top dt em{ background:url(../images/cx/xz_top.png) no-repeat 0 -1.8rem; background-size: 0.6rem 3rem; width:0.6rem; height:0.6rem; float:left; margin:-0.09rem 0.16rem 0 0;}
.pair_top.top1 dt em{ background-position: 0 0;}
.pair_top.top2 dt em{ background-position: 0 -0.6rem;}
.pair_top.top3 dt em{ background-position: 0 -1.2rem;}
.pair_top.top1 dt{ color:#f9585d;}
.pair_top.top2 dt{ color:#fea61a;}
.pair_top.top3 dt{ color:#80a3f8;}
.pair_top dd{padding: 0.6rem 0 0 0.4rem;border-left: 2px solid rgb(255 255 255 / 20%);}
.pair_top dd .tit{background: rgb(255 255 255 / 20%);height:1.33rem;line-height: 1.33rem;border-radius: 1.33rem;position:relative;font-size: 0.4rem;}
.pair_top dd .tit:before{content:'';position:absolute;background:url(../images/cx/xzarrow2.svg) no-repeat 0 0;transform:rotate(-90deg);background-size:0.75rem 0.38rem;left:-0.42rem;top:0.45rem;width:0.75rem;height:0.38rem;line-height: 0.38rem;opacity: .1;}
.pair_top dd .tit img{ width:1.12rem; height:1.12rem; border-radius: 100%; background:#fff; float:left; margin:0.1rem 0.2rem 0 0.1rem;}
.pair_top dd .tit strong ,.pair_top dd .tit em ,.pair_top dd .tit h3{ display:inline-block;}
.pair_top dd .tit strong{width: 1.4rem;font-weight: normal;}
.pair_top dd .tit em{color: #ff6e6e;font-size: 0.47rem;margin-right: .6rem;}
.pair_top dd .tit em i{ font-size: 0.31rem;}
h3.dy{ position:relative; font-weight: normal; font-size: 0.4rem;}
h3.dy:before ,h3.dy:after{content:''; background:url(../images/icon_quotes.png) no-repeat 0 -1.9rem; width:0.3rem; height:0.3rem; background-size: 0.3rem auto; position:absolute; top:0.4rem; left:-0.4rem;}
h3.dy:after{ background-position:0 -2.83rem; left:auto; right:-0.4rem; }
.pair_top dd a{line-height: 0.7rem;display:block;margin-top: .3rem;opacity: .8;font-size: .38rem;}
.pair_top dd .item:last-child a {border-top: solid 1px rgb(255 255 255 / 10%);padding-top: .2rem;}
.pair_top dd a label{height: 1rem;float: left;}
.pair_top dd a em{ color:#ccc; font-size: 0.31rem; margin-right: 0.16rem; font-style: italic;}
.pair_top dd a span{color: #94c9ff;margin-left: 0.16rem;}

/*生肖配对排行*/
.sxpair_top { margin-top: 1.5rem;}
.sxpair_top dt{background: linear-gradient(0deg, rgb(255 255 255 / 25%), rgb(255 255 255 / 18%));border-radius: 0.25rem;padding:0.1rem 0.4rem;height:1.8rem;position:relative;}
.sxpair_top dt .radius100{ color:#fff; font-size: 0.34rem; margin:0 0 0 0.15rem; display:inline-block;}
.sxpair_top dt .icon_top{ position:absolute; right:-0.26rem; top:-0.9rem; background:url(../images/cx/sx_top.png) no-repeat 0 0; width:1.56rem; height:1.56rem; background-size:1.56rem 4.68rem; }
.sxpair_top.top1 .icon_top{ background-position: 0 0;}
.sxpair_top.top2 .icon_top{ background-position: 0 -1.56rem;}
.sxpair_top.top3 .icon_top{ background-position: 0 -3.12rem;}
.sxpair_top dt span{float:left;font-size: 0.34rem;text-align: center;line-height: 0.4rem;margin: -0.7rem 0.47rem 0 0;}
.sxpair_top dt span img{width: 1.8rem;height: 1.8rem;border-radius: 100%;background: #2a2d2f;margin-bottom: 0.16rem;display:block;}
.sxpair_top dt .fen{ float:left; margin: 0.2rem 0 0 0.2rem;}
.sxpair_top dt .fen em{color: #f95050;font-size: 0.8rem;height:0.8rem;display:inline-block;}
.sxpair_top dt .fen em i{ font-size: 0.33rem; font-weight: bold; margin-left: 0.05rem;}
.sxpair_top dt .fen h3.dy{letter-spacing:0.04rem;text-indent:0.04rem; font-weight: bold;}
.sxpair_top dt .fen h3.dy:before ,.sxpair_top dt .fen h3.dy:after{ top:0.1rem;}
.sxpair_top dd label { margin-top: 0.31rem; display:block;}
.sxpair_top dd label em{background: rgb(255 255 255 / 10%);color: #2573c5;height:0.62rem;line-height: 0.62rem;padding:0 0.16rem;border-radius: 0.1rem;display:inline-block;font-size: 0.39rem;font-weight: 600;}
.sxpair_top dd label em.female{background: rgb(255 244 244 / 10%);color: #c33535;}
.sxpair_top dd label i{ color:#ccc; margin:0 0.16rem; font-size: 0.3rem; font-weight: 600;}
.sxpair_top dd a{display:block;font-size: 0.39rem;text-align: justify;line-height: 0.65rem;margin-top: 0.15rem;padding: 0 0.05rem;opacity: .8;}
.sxpair_top dd a span{color: #90c7ff;margin-left: 0.16rem;vertical-align: initial;}

.textc{ text-align: center;}
.f_red ,h2.title.f_red{ color:#cd4242;}
.radius100{ height:0.5rem; padding:0 0.09rem; line-height: 0.5rem; border-radius:0.5rem; font-weight: normal;}
.bg_red{background: #9e2e31;}
.bg_yellow{background: #b3691a;}
.bg_blue{background: #3e4eaf;}
.bg_green{background: #186b5c;}
.sxpd .inp_form em ,.sxpdtop .inp_form em{background:-webkit-gradient(linear, 72% 100%, 68% 0%, from(#ee9137), to(#efcc62));}


.pair .inp_form small a ,.pairtop .inp_form small a{ background: rgb(255 255 255 / 0.12);}
.pair .inp_form em ,.pairtop .inp_form em{background: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#5c35a7), to(#9250ad));}

.tip{ margin:0.75rem 0 1.5rem 1.4rem; }
.tip img{ width:2.34rem; height:auto; float:left;}
.tip p{ font-size:0.36rem; width: 4rem; color:#768fbf; line-height: 0.65rem; background:#f4f8ff; border-radius: 0.2rem; padding: 0.2rem 0.3rem; float:left; margin-top: 0.25rem;}

.pair .title { color: #fd8180 }
.sxpd .title,.sxpdtop .title { color:#da4e4f  }