@import url(layout.css?v=4.2); header .today {
    font-size: .285rem;
    color: #fff;
    margin: .4rem 0 0 .1rem;
    display: inline-block;
    background: rgba(255, 255, 255, 0.25);
    padding: 0 .15rem;
    border-radius: .5rem;
    line-height: .5rem;
}

.mpart {
    margin-bottom: 0;
    height: 11.85rem;
    background-size: 100% 12.8rem;
}

.mparts {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    _filter: none;
}

.vision .s_mide{ margin-top: -12rem; height:10rem;}
.clothes_box{background: rgba(255,255,255,.12);border-radius: 0.2rem;margin: .32rem;padding: .2rem .3rem;color:#fff;font-size: .34rem;line-height: .8rem;position:relative;overflow:hidden;z-index: 1}
.clothes_box a{ color:#fff;}
.clothes_box ul li {display: flex;}
.clothes_box ul li span {display: inline-block;}
.clothes_box ul li span:first-of-type {flex: 1; display: inline-block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clothes_box ul li span.c_green{color:#31e492;text-decoration: underline;margin-left: .3rem;}
.clothes_box ul li i{width: .6rem;height: .6rem;border-radius: .6rem;line-height: .6rem;display:inline-block;text-align: center;background:#e86b6b;margin-right: .1rem;color:#fff;}
.clothes_box ul li i.icon_y{ background:#e86b6b;}
.clothes_box ul li i.icon_j{ background:#4db09d;}
.tag_date{position:absolute;background:url(../images/index/tag_date.png);right:0;top:0;line-height: .8rem;padding: 0 .2rem 0 .7rem;border-radius: 0 0 0 .5rem;font-size: .32rem;color: rgba(255,255,255,.7);box-sizing: border-box;height: .95rem;background-size: auto .95rem; opacity:.9}
.tag_date i{font-size:.6rem;margin-right: .1rem;color: #fff;}


.xzbox {
    height: 3rem;
    position: relative;
    z-index: 1;
}

.xzbox h3 {
    color: rgba(255, 255, 255, 0.65);
    font-size: .35rem;
    text-align: center;
    margin: .35rem 0 0;
    height: .4rem;
    position: relative;
}

.xzbox h3::after,.xzbox h3::before {
    display: block;
    height: 1px;
    top: .25rem;
    position: absolute;
    width: 3rem;
    content: '';
    background: rgba(255, 255, 255, 0.2);
}

.xzbox h3::after {
    left: .5rem;
}

.xzbox h3::before {
    right: .5rem;
}

.xzbox .img {
    dheight: 4rem;
}

.xzbox .img ul {
    width: 9999px;
    padding: .2rem 0 .5rem
}

.xzbox .img ul li {
    float: left;
    color: #c7caff;
    padding: 0 .2rem;
    text-align: center;
    font-size: 0.315rem;
    margin-top: 0.2rem;
}

.xzbox .img ul li a {
    display: inline-block;
    color: #ed7773;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
}

.xzbox .img ul li em {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/pao.png) no-repeat 0 0;
    background-size: cover;
    display: block;
}

.xzbox .img ul li a img {
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    margin: 0 auto;
    padding: .1rem;
}

.xzbox .img ul li span {
    display: block;
}

.major {
    margin: 1.5rem 0.32rem 0;
    position: relative;
    z-index: 1;
}

.major .brief {
    float: left;
    width: 2.5rem;
}

.major .brief > i {
    width: 2.2rem;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.major .brief > i img {
    width: 100%;
    height: auto;
}

.major .brief .attr {
    font-size: .3rem;
    height: 1.2rem;
    color: #fff;
    text-align: center;
}

.major .brief > em {
    background: #f6f6f6 url(../images/index/icon_in_change.png) no-repeat center .1rem;
    background-size: .35rem;
    padding-top: .5rem;
    position: absolute;
    bottom: 0;
    right: .15rem;
    display: block;
    width: 1.5rem;
    height: .4rem;
    border-radius: .65rem .65rem 0 0;
    color: #afafaf;
    font-size: .25rem;
    text-align: center
}

.major .brief .attr h3 {
    position: relative;
    font-weight: normal;
    display: inline-block;
    background: rgba(255,255,255,.1);
    line-height: .6rem;
    padding: 0 0 0 .2rem;
    border-radius: .6rem;
}

.major .brief .attr h3 strong {
    vertical-align: middle;
    font-size: 0.4rem;
    display: inline-block;
}

.major .brief .attr h3 em {
    background: url(../images/arrow6.png) no-repeat 0 0;
    width: .4rem;
    height: .4rem;
    background-size: .4rem;
    float: right;
    margin: .1rem .1rem 0;
}

.major .brief .attr h3 i {
    display: inline-block;
    background-size: cover;
    color: #fb9898;
    border: solid 1px #ffd5d5;
    font-size: .28rem;
    line-height: .4rem;
    margin-left: .2rem;
    padding: 0 .12rem;
    border-radius: .8rem;
    vertical-align: middle;
}

.major .brief .attr .xz_info {
    margin-top: .1rem
}

.major .brief .attr .xz_info strong {
    font-weight: 500;
    display: none;
}

.major .brief label {
    color: #999;
    margin-right: .15rem;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle
}

.major .brief span {
    vertical-align: middle;
    display: inline-block;
}

.major .brief strong {
    font-size: 0.38rem;
}

.major .brief .fe_txt {
    margin: 0.4rem 0.38rem 0;
}

.major .brief .fe_txt p {
    height: 1.4rem;
    line-height: 0.7rem;
    overflow: hidden;
    font-size: 0.4rem;
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.major .fe_box {
    float: right;
    width: 6.5rem;
    color: #fff;
}

.major .fe_box .urlbox {
    display: flex;
    margin: .2rem 0 0;
}

.major .fe_box .urlbox a {
    color: #fff;
    background: rgba(255,255,255,.1);
    line-height: .8rem;
    font-size: .34rem;
    flex: 1;
    text-align: center;
    border-radius: .2rem;
}

.major .fe_box .urlbox a:last-child {
    margin-left: .15rem
}

.major .fe_box h5 {
    font-size: 0.4rem;
    display: block;
    font-weight: normal;
    margin: .1rem 0 0;
}

.major .fe_box .fe_cont {
    margin-top: 0.2rem;
    display: block;
    font-size: .34rem;
    line-height: .55rem;
    height: 1.65rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.major .fe_box .fe_cont a {
    color: #fff;
    display: block;
}

.major .fe_box h5 span {
    float: right;
    color: #76a4dc;
    border-radius: 5px;
}

.major .fe_box strong {
    font-size: 0.4rem;
    float: right;
}

.major .am_star,.major .am_star em {
    background-image: url(../images/icon_star_ap.png);
}

.major .am_star {
    margin-left: .1rem;
    vertical-align: bottom;
}

d.am_star em {
    transform: scale(.1);
}

.for_items li.item_c1 .progress em {
    background: linear-gradient(0,#c49dff,#d5baff);
    box-shadow: 0 0 0.1rem rgb(196 157 255 / 0.5);
}

.for_items li.item_c2 .progress em {
    background: linear-gradient(0,#a394f1,#d3c5ff);
    box-shadow: 0 0 0.1rem rgb(163 148 241 / 0.5);
}

.for_items li.item_c3 .progress em {
    background: linear-gradient(0,#8d99f6,#b6bfff);
    box-shadow: 0 0 0.1rem rgb(141 153 246 / 0.5);
}

.for_items li.item_c4 .progress em {
    background: linear-gradient(0,#8db9f6,#abd1ff);
    box-shadow: 0 0 0.1rem rgb(141 177 246 / 0.5);
}

.for_items li.item_c5 .progress em {
    background: linear-gradient(0,#7fd2f7,#bae5f9);
    box-shadow: 0 0 0.1rem rgb(156 223 253 / 0.5);
}

.for_items li.item_c6 .progress em {
    background: linear-gradient(0,#86e0ee,#a1e7f2);
    box-shadow: 0 0 0.1rem rgb(134 224 238 / 0.5);
}

.for_items li.item_c7 .progress em {
    background: linear-gradient(0,#81dcd3,#a1e6e0);
    box-shadow: 0 0 0.1rem rgb(129 220 211 / 0.5);
}

.for_items li.item_c8 .progress em {
    background: linear-gradient(0,#6fd8c6,#a3e7da);
    box-shadow: 0 0 0.1rem rgb(111 216 198 / 0.5);
}

.for_items li.item_c9 .progress em {
    background: linear-gradient(0,#6fdf97,#91e8b0);
    box-shadow: 0 0 0.1rem rgb(111 223 151 / 0.5);
}

.for_items li.item_c10 .progress em {
    background: linear-gradient(0,#85e073,#a9ea9c);
    box-shadow: 0 0 0.1rem rgb(133 224 115 / 0.5);
}

.for_items li.item_c11 .progress em {
    background: linear-gradient(0,#b5e073,#c9ef8f);
    box-shadow: 0 0 0.1rem rgb(181 224 115 / 0.5);
}

.for_items li.item_c12 .progress em {
    background: linear-gradient(0,#d5e447,#e7f560);
    box-shadow: 0 0 0.1rem rgb(218 230 106 / 0.5);
}

.for_items li.item_c13 .progress em {
    background: linear-gradient(0,#fbd632,#ffe87e);
    box-shadow: 0 0 0.1rem rgb(240 215 105 / 0.5);
}

.for_items li.item_c14 .progress em {
    background: linear-gradient(0,#ffc35a,#ffdea3);
    box-shadow: 0 0 0.1rem rgb(247 197 108 / 0.5);
}

.for_items li.item_c15 .progress em {
    background: linear-gradient(0,#ffa86d,#ffc6a0);
    box-shadow: 0 0 0.1rem rgb(247 164 108 / 0.5);
}

.for_items li.item_c16 .progress em {
    background: linear-gradient(0,#ff9772,#fdb297);
    box-shadow: 0 0 0.1rem rgb(247 145 108 / 0.5);
}

.for_items li.item_c17 .progress em {
    background: linear-gradient(0,#f76c6c,#ffa6a6);
    box-shadow: 0 0 0.1rem rgb(247 108 108 / 0.5);
}

.for_items li.item_c18 .progress em {
    background: linear-gradient(0,#f76c9b,#ffa1c1);
    box-shadow: 0 0 0.1rem rgb(247 108 155 / 0.5);
}

.for_items li.item_c19 .progress em {
    background: linear-gradient(0,#f76cc8,#ff9fde);
    box-shadow: 0 0 0.1rem rgb(247 108 200 / 0.5);
}

.for_items li.item_c20 .progress em {
    background: linear-gradient(0,#ed6cf7,#f89dff);
    box-shadow: 0 0 0.1rem rgb(237 108 247 / 0.5);
}

.for_box {
    text-align: center;
    margin-top: 0.3rem;
    font-size: 0;
}

.for_box span {
    display: inline-block;
    margin: 0 0.1rem;
    background: #fafafa;
    border-radius: 0.2rem;
    width: 2.95rem;
    height: 2.2rem;
    box-sizing: border-box;
    padding-top: 0.15rem;
}

.for_box span:first-child {
    margin-left: 0;
}

.for_box span:last-child {
    margin-right: 0;
}

.for_box span em {
    width: 1.47rem;
    height: 1.47rem;
    border-radius: 100%;
    background: rgba(255,255,255,0.7);
    display: block;
    margin: 0 auto;
    line-height: 1.47rem;
    text-align: center;
    font-size: 0.48rem;
    white-space: nowrap
}

.for_box span.num em {
    font-size: 0.75rem;
}

.for_box span em img {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.14rem;
}

.for_box span p {
    line-height: 0.4rem;
    font-size: 0.32rem;
    margin-top: 0.32rem;
}

.for_box span:nth-child(2) {
    background: linear-gradient(to bottom,#d8eeff,#e6f7ff 30%,#d5edff);
}

.for_box span:nth-child(2) em {
    color: #4ab3e3;
}

.for_box span:nth-child(2) p {
    color: #52aed7;
}

.for_box span:nth-child(3) {
    background: linear-gradient(to bottom,#ffecd0,#fff4e8 30%,#ffecd0);
}

.for_box span:nth-child(3) p {
    color: #f4b276;
}

.for_box span:nth-child(1) {
    background: linear-gradient(to bottom,#f2e7ff,#f5f1ff 30%,#f2e7ff);
}

.for_box span:nth-child(1) em {
    color: #a772d8;
}

.for_box span:nth-child(1) p {
    color: #a274d7;
}

.for_box span:nth-child(1) p {
    color: #a274d7;
}

.major .detail .fe_box p {
    line-height: 0.5rem;
    text-align: justify;
    text-indent: .852rem;
    margin: 0;
}

.major .detail .fe_box p span {
    background: #a8cfff;
    text-indent: 0;
    color: #f2faff;
    border-radius: 5px;
    margin-top: .15rem;
    display: inline-block;
    padding: 0 0.16rem;
    font-size: 0.36rem;
    line-height: 0.6rem;
    float: right;
}

.major .detail .fe_box.load strong {
    background: #f5f5f5;
    width: 2rem;
    height: .64rem;
}

.major .detail .fe_box.load p {
    min-height: 3rem;
    background: linear-gradient(#f5f5f5 70%,#fff 0%);
    background-size: 100% .75rem;
}

.major .detail .recos {
    border-top: 1px solid #f4f4f4;
    position: relative;
    height: 6.2rem;
    overflow: hidden;
    margin-top: 0.4rem;
}

.major .detail .recos > em {
    background: url(../images/icon_kd.png) no-repeat 0 0;
    width: 1rem;
    height: 1rem;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.major .detail .recos .swiper-wrapper {
    width: 999rem;
}

.major .detail .recos ul {
    float: left;
    margin: 0;
}

.major .detail .recos ul li {
    margin: 0 0.37rem;
}

.major .detail .recos .pagination {
    position: absolute;
    bottom: 0rem;
    text-align: center;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullet {
    width: 0.18rem;
    height: 0.18rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .1;
    margin: 0 0.08rem;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #89bfff;
}

.more a {
    display: block;
    margin: 0 auto .3rem;
    width: 4.5rem;
}

.toolmenu ul {
    font-size: 0;
    margin: 0 .2rem;
}

.toolmenu li {
    width: 20%;
    display: inline-block;
    font-size: .3rem;
    text-align: center;
    margin-bottom: .4rem;
}

.toolmenu li img {
    width: 1.4rem;
    height: 1.4rem;
    display: block;
    margin: 0 auto .1rem;
}

/*宸ュ叿*/
.hot_tool {
    margin: .3rem .3rem 0;
    padding: .3rem;
}
.hot_tool ul{
    display:flex;}
.hot_tool ul li{ flex:1}
.hot_tool a{ color:#fff;}
.hot_tool.li_icon ul li span{font-size: .34rem;}
.hot_tool.li_icon ul li .icon_1 { background:-webkit-gradient(linear,126% 100,68% 0%, from(#005dea),to(#95dcf7));} /*星座查询*/
.hot_tool.li_icon ul li .icon_6 {background: -webkit-gradient(linear,126% 100,68% 0%, from(#3e8ec7),to(#8ACCD6));} /*运势*/
.hot_tool.li_icon ul li .icon_7 {background: -webkit-gradient(linear,126% 100,68% 0%, from(#ff5380),to(#ffbaba));} /*星座配对*/
.hot_tool.li_icon ul li .icon_5 {background: -webkit-gradient(linear,126% 100,68% 0%, from(#cb724e),to(#F6DFA9));} /*星盘*/


.tool_box{position:relative;background:linear-gradient(#645af9, #708aff);margin: -.4rem 0;padding: .5rem 0;}
.tool_box:before ,.tool_box:after{content:'';position:absolute;width:100%;height:.5rem;background:#fff;border-radius:0 0 .5rem .5rem;top: -.01rem;}
.tool_box:after{bottom:-.01rem;border-radius:.5rem .5rem 0 0;top: auto;}
.tool_bgstar{background: url(../images/bgstar.svg) no-repeat 0 0;background-size: 100%;height: 7rem;position:absolute;width:100%;}
.tool {
    padding: 0.7rem 0 0;
    background-size: 100% 100%;
    position: relative;
}

.tool .item {
    flex: 1;
    text-align: center;
}


.tool .query h3 {
    height: .85rem;
    background: url(../images/index/queryTitle.png) no-repeat center;
    background-size: 2rem;
    display: none;
}
.tool .inpbox_bg{
    width: 8.5rem;
    border-radius: 1rem;
    background: rgb(80 75 207 / 50%);
    /* box-shadow: .03rem .03rem .15rem rgb(0 0 0 / 10%); */
    margin: 0 auto;
    font-size: .38rem;
    font-weight: bold;
    padding: .3rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5rem;
    position: relative;
}
.tool .query .inpbox {
    background:none;
    height: 1rem;
    line-height: 1rem;
    width: 5.2rem;
    display: inline-flex;
    margin: 0;
    justify-content: center;
}
.tool .query .inpbox span {
    display: block;
    color: #EDECFF;
    height: auto;
    width: auto;
    /* font-style: italic; */
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    padding: 0;
}

.tool .query .inpbox span.notempty {
    background: none;
}

.tool .query .inpbox span i {
    font-size: .35rem;
    color: rgb(237 236 255 / 60%);
    font-style: normal;
    display: inline-block;
    margin: 0 .125rem;
    vertical-align: middle;
    font-weight: normal;
}
.tool .query .inpbox span strong {
    font-weight: 600;
    font-size: .6rem;
}
.tool .query .inpbox span strong:first-of-type {
    font-size: .55rem;
}
.tool .query em ,.tool .pair em {
    color: rgba(255, 255, 255, 0.85);
    height: 1rem;
    line-height: 1rem;
    font-size: .4rem;
    font-weight: bold;
    background: linear-gradient(-5deg,rgba(75,112,235,.8),rgba(154,190,255,.8));
    width: 2.5rem;
    padding: 0;
    margin: 0;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
    font-weight: normal;
}
/* .tool .query em label{background-image: -webkit-linear-gradient(bottom, rgb(228, 243, 255), rgb(255, 252, 252));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
.tool .pair em {
    background: linear-gradient(-5deg,rgba(201, 111, 231, .8), rgba(255, 195, 231, .8));
}
/* .tool .pair em label{background-image: -webkit-linear-gradient(bottom, rgb(252 213 255), rgb(255, 252, 252));-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
.tool .pair{ margin-top:.6rem;}
.tool .pair h3 {
    height: .85rem;
    background: url(../images/index/pairTitle.png) no-repeat center;
    background-size: 2rem;
    display: none;
}

.tool .pair_form .pair_inp {padding: 0 .3rem;}

/* .tool .pair_form .pair_inp:before {
    content: '';
    width: 2.2rem;
    height: 1.3rem;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, #f3b7ba, #ffebef);
    transform: skewX(30deg);
    margin-right: -.15rem
} */

.pair_form .pair_inp .s_main {display: inline-block;vertical-align: top;margin-top: .1rem;}

.pair_form .pair_inp .s_main em {
    background: none;
    width: auto;
    box-shadow: none;
    height: auto;
}

.pair_form .pair_inp .s_main em small {
    font-size: .3rem;
    color: #f35b62
}

.pair_form .pair_inp .s_main em small:nth-of-type(1) {
    color: #5c95f3;
}

.pair_form .pair_inp span {
    display: inline-block;
    margin: -.5rem 0 0;
    position: relative;
}
.pair_form .pair_inp span:after{content:'';position:absolute;width: 1.2rem;height: .2rem;background:rgba(0,0,0,.2);border-radius: 50%;bottom: -.05rem;left: 50%;transform:translate(-50%,-50%);z-index: 0;}

.pair_form .pair_inp span img {
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    z-index: 1;
}

.pair_form .pair_inp i {
    background: url(../images/index/VS.png) no-repeat center;
    background-size: 100% auto;
    width: .7rem;
    height: .6rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
}
.tool_box .hot_tool li {
    filter: drop-shadow(.03rem .03rem .15rem rgb(0 0 0 / 20%));
}
.tj {
    overflow: hidden;
    padding: .2rem 0;
}

.tj ul {
    width: 999rem;
}

.tj li {
    transform: scale(0.88);
    transition: all .3s;
    float: left;
    width: 7rem;
    height: 5.25rem;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
}

.tj li.on {
    transform: scale(1);
}

.tj li a {
    display: block;
}

.tj li a img {
    width: 100%;
    border-radius: .2rem;
}

.tj li a h4 {
    width: 92%;
    font-size: .4rem;
    font-weight: normal;
    color: #fff;
    line-height: .7rem;
    padding: 0 4%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6));
    position: absolute;
    bottom: 0;
    border-radius: 0 0 .2rem .2rem;
}

.tj li.on a h4 {
    font-size: .44rem;
    line-height: .8rem;
}

.icon_tool {
}

.icon_tool div {
}

.min_cquery_box,.min_pair_box {
    width: 10rem;
    text-align: center;
    background: linear-gradient(#fff 50%,#b4cbff 100%);
    padding-bottom: .5rem;
}

.min_cquery_box a , .min_pair_box a {
    background: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#ff4c6a), to(#ff9bbc));
    height: 0.926rem;
    color: #fff;
    padding: 0 0.5rem;
    line-height: 0.926rem;
    display: inline-block;
    border-radius: 0.926rem;
    font-size: 0.36rem;
}

.min_cquery_box a {
    background: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#6691f3), to(#a1c1fd));
}

.min_cquery_box dl {
    margin: .5rem 0.5rem 0.37rem;
}

.min_cquery_box dt {
    position: relative;
    padding-bottom: 0.65rem;
    margin-bottom: 0.25rem;
    height: 2rem;
    text-align: left;
    border-bottom: 1px solid #ebf2ff;
}

.min_cquery_box dt span {
    float: left;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: #e8f0ff;
    margin-right: 0.4rem;
}

.min_cquery_box dt span img {
    width: 100%;
    height: auto;
}

.min_cquery_box dt strong , .min_cquery_box dt em {
    display: block;
    padding: 0.08rem 0;
}

.min_cquery_box dt strong {
    color: #6691f3;
    font-size: 0.52rem;
    font-weight: normal;
    padding-top: .5rem;
}

.min_cquery_box dt small {
    color: #888;
    font-size: 0.4rem;
}

.min_cquery_box dt em {
    color: #555;
    font-size: 0.56rem;
    position: absolute;
    top: .3rem;
    right: 0;
    float: right;
    text-align: right;
}

.min_cquery_box dt em i {
    font-size: 0.4rem;
    color: #888;
}

.min_cquery_box dd {
    float: left;
    width: 46%;
    line-height: 0.9rem;
    height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.4rem;
    text-align: left;
    padding-left: 4%;
}

.min_cquery_box dd span {
    color: #777;
}

.min_cquery_box p {
    border-top: 1px solid #eee;
    margin: 0.37rem;
    padding-top: 0.37rem;
    color: #999;
    font-size: 0.333rem;
    text-align: left;
}

.min_cquery_box p strong {
    font-size: 0.426rem;
    color: #fe74a7;
}

.min_cquery_box p span {
    font-size: 0.426rem;
    color: #ff9c00;
    margin-right: 10px;
}

.min_cquery_box ul {
    margin: 0 0.5rem 0.5rem;
}

.min_cquery_box ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    color: #ff7373;
}

.min_cquery_box ul li span {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 1.3rem;
    background: #ff7373 url(../images/icon_xz.png) no-repeat center;
    display: inline-block;
    background-size: auto 1.3rem;
}

.min_cquery_box ul li.cl1 {
    color: #ff7373;
}

.min_cquery_box ul li.cl1 span {
    background-color: #ff7373;
}

.min_cquery_box ul li.cl2 {
    color: #67afe2;
}

.min_cquery_box ul li.cl2 span {
    background-color: #67afe2;
}

.min_cquery_box ul li.cl3 {
    color: #51bb69;
}

.min_cquery_box ul li.cl3 span {
    background-color: #51bb69;
}

.min_cquery_box ul li.cl4 {
    color: #ffbc66;
}

.min_cquery_box ul li.cl4 span {
    background-color: #ffbc66;
}

.min_cquery_box ul li span.xz1 {
    background-position: 0 0;
}

.min_cquery_box ul li span.xz2 {
    background-position: -1.3rem 0;
}

.min_cquery_box ul li span.xz3 {
    background-position: -2.6rem 0;
}

.min_cquery_box ul li span.xz4 {
    background-position: -3.9rem 0;
}

.min_cquery_box ul li span.xz5 {
    background-position: -5.2rem 0;
}

.min_cquery_box ul li span.xz6 {
    background-position: -6.5rem 0;
}

.min_cquery_box ul li span.xz7 {
    background-position: -7.8rem 0;
}

.min_cquery_box ul li span.xz8 {
    background-position: -9.1rem 0;
}

.min_cquery_box ul li span.xz9 {
    background-position: -10.4rem 0;
}

.min_cquery_box ul li span.xz10 {
    background-position: -11.7rem 0;
}

.min_cquery_box ul li span.xz11 {
    background-position: -13rem 0;
}

.min_cquery_box ul li span.xz12 {
    background-position: -14.3rem 0;
}

.min_cquery_box ul li img {
    width: 1rem;
    height: 1rem;
}

.min_cquery_box ul li em {
    display: block;
    font-size: 0.333rem;
}

.layer_close {
    bottom: 0;
    top: -2.5rem;
    overflow: visible;
}

.layer_close:after {
    content: '';
    display: block;
    position: absolute;
    top: 1rem;
    left: 47%;
    width: .05rem;
    height: 1.5rem;
    background: #fff;
}

.disp_wrap {
    border-radius: 0;
}

.disp_layer {
    top: auto !important;
    bottom: 0;
}

.min_pair_box {
    height: 9.5rem;
    background: linear-gradient(#fff 50%,#ffe3ed 100%);
    margin-top: .5rem;
}

.min_pair_box strong {
    display: block;
    font-size: 2rem;
    color: #f14c89;
    line-height: 2.259rem;
    margin-bottom: 0.3rem;
    font-weight: normal;
}

.min_pair_box strong i {
    font-size: 0.6rem;
    vertical-align: text-top;
    margin-left: 0.093rem;
}

.min_pair_box .icon {
    background: url(../images/index/tool2_pair.png) no-repeat 50%;
    background-size: 3rem auto;
}

.min_pair_box .icon span {
    background: #b0cefb;
    width: 2.2rem;
    height: 2.2rem;
    display: inline-block;
    margin-right: 3.2rem;
    border-radius: 50%;
}

.min_pair_box .icon span:last-child {
    margin: 0;
    background: #ffc1d9;
}

.min_pair_box .icon span img {
    width: 100%;
    height: auto;
}

.min_pair_box p {
    margin: 0.3rem 0;
    font-size: 0.56rem;
}

.min_pair_box ul {
    margin: 0.4rem 0;
}

.min_pair_box ul li {
    width: 46%;
    margin: 0 2%;
    float: left;
    color: #999;
}

.min_pair_box ul li .m_star,.min_pair_box ul li .m_star em {
    background-image: url(../images/icon_heart.png);
}

.min_pair_box ul li .m_star {
    margin: 0.093rem auto 0;
}

.list h2 {
    text-align: center;
}

h2 {
    text-align: center;
    font-size: .52rem;
    padding: .25rem 0;
    position: relative;
    letter-spacing: .05rem;
    height: auto;
}

h2 span {
    height: .45rem;
    border-bottom: solid 1px #eee;
    display: block
}

h2 strong {
    line-height: .9rem; 
    display: inline-block;
    position: relative;
}
h2 strong:after {
    content: "";
    background: #ffcf4c;
    height: .2rem;
    width: 180%;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) skewX(-20deg);
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.li_imgtxt li.sx_adimg img{ width:100%;}