@import url(layout.css?v=4.2); 
.wrapper{padding-top: 1.4rem;background-position: 0 -.65rem;}
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: 4.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;
 }
.mpart .s_botm { margin-top: .9rem;  }
.xzbox{height: 2.5rem; position: relative; top: 1rem;z-index: 1;}
.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:0 0.32rem;}
.major .brief { position: relative; }
.major .brief .xz_img{ float: left;}
.major .brief .xz_img .am_star{ display:block; margin-top:.25rem;}
.major .brief .xz_img .am_star em{display:block;transform: scale(1);background-position: 0 .4rem;}
.major .brief .xz_img i {width:1.94rem; height:1.94rem; border-radius: 100%; overflow: hidden; display:block;}
.major .brief .xz_img i img { width: 100%; height: auto; }
.major .brief .xz_img small { display:none; background:linear-gradient(0deg, #5b68fe, #5f93e3); color: #fff; font-size: .28rem; line-height: .5rem; padding: 0 .12rem; border-radius: .1rem; vertical-align:middle; position:absolute;left: 1.5rem; top: -.5rem;}
.major .brief .xz_img small:after{ content:''; position:absolute; background:url(../images/astro_arrow.png) no-repeat 0 0; background-size: 0.12rem 0.15rem; width:.12rem; height:.15rem;left: -.12rem; bottom: .05rem;}

.major .brief .attr { font-size: .38rem; margin-left: 2.4rem; }
.major .brief .attr h3 {font-weight: normal; display:inline-block; }
.major .brief .attr h3 strong {vertical-align: text-bottom;font-size: 0.45rem;display:inline-block;font-weight:normal;margin-right: .2rem;}

.major .brief .attr h3 small{background:rgb(0 0 0 / 40%) url(../images/icon_in_change.png) no-repeat center;background-size: .28rem;width: .55rem;height: .42rem;display: inline-block;border-radius: 0.1rem;vertical-align: bottom;margin-left: .1rem;}
.major .brief .attr .xz_info {
    vertical-align: bottom; font-size: .28rem; opacity:.8;
}
.major .brief .attr .xz_info strong {font-weight: 500;color: #999;display: none;}

.major .brief .attr .fe_cont{background: rgba(0,0,0,.6);padding: .18rem .25rem;border-radius: .18rem 0 .18rem .18rem;margin-top: .1rem;position:relative;}
.major .brief .attr .fe_cont p{line-height:.55rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size: 0.33rem; opacity:.8;text-align: justify;}
.major .brief .attr .fe_cont span{background: linear-gradient(0deg, rgba(0,0,0,.7), rgb(105 80 22 / 70%));position:absolute;color:#fdd065;line-height: .6rem;padding: 0 .2rem;top:-.6rem;right:0;border-radius: .15rem .15rem 0 0;font-size: 0.33rem;}
.viewcont .shortxt_tool{ margin-top: .4rem; margin-bottom: .25rem;}

.list_box{ margin-top: .5rem;}
.list_tit{font-size:0.37rem;white-space: nowrap;}
.list_tit span{margin: 0 0.32rem; display:inline-block; opacity:.6}
.list_tit span.cur{ font-size: 0.46rem; opacity:1; position:relative;}
.list_tit span.cur:after{ content:''; position:absolute; width:0.5rem; height:.1rem; background:#fff; border-radius: .1rem; left:50%; bottom:-.2rem;transform:translate(-50%,0);}
.list_box .list{ margin-top: .6rem;}

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

/*宸ュ叿*/
.hot_tool{ border-top: 1px solid #f4f4f4; padding-top: 0.5rem; margin: .3rem 0 0; padding: .3rem; border-bottom: solid .35rem #f5f5f5;}
.tool {display: flex; padding:0.4rem 0 0.2rem; background-size: 100% 100%; border-top: solid .35rem #f5f5f5; margin-top: 0.2rem;}
.tool .item{flex: 1; text-align: center;}
.tool .item:last-child{ border-left: 1px solid #f4f4f4;}
.tool .query h3{height: .85rem; background: url(../images/index/queryTitle.png) no-repeat center; background-size: 2rem;}
.tool .query .inpbox {position: relative;width:4rem; height: 1.3rem; line-height: 1.3rem; border-radius: 1rem; background: linear-gradient(-10deg, #f3b7ba, #ffffff); text-align: center; margin: .15rem auto;font-size: .38rem;font-weight: bold;}
.tool .query .inpbox:after { content:''; width: 5rem; margin-right: -.2rem; border-radius: 0 0 50% 50%; background: linear-gradient(0deg, #bbd4ff, #e9f2ff);transform: skewX(30deg); height: 1.2rem;position:absolute; right:0; top:0; }
.tool .query .inpbox span{display:block; position: absolute; z-index: 99; font-size: .46rem; line-height: 1.3rem; color: #f35b62; }
.tool .query .inpbox span.notempty{background: none;}
.tool .query .inpbox span i { font-size: .32rem; color: #5c95f3; font-weight: 500; font-style: normal; display: inline-block; margin: 0 .025rem }
.tool .query em ,.tool .pair em{margin-top: 0.1rem;color: #e5eeff;height: .8rem;line-height: .8rem;font-size: .36rem; font-weight: bold; background: linear-gradient(-5deg,rgba(75,112,235,.8)),rgba(154,190,255,.8));box-shadow: none; width:2.8rem; padding:0;}
.tool .pair em{color: #fde4ec; background:linear-gradient(-5deg,rgba(236, 61, 90, 0.8), rgba(245, 120, 160, 0.8));}

.tool .pair h3{height: .85rem; background: url(../images/index/pairTitle.png) no-repeat center; background-size: 2rem;}

.tool .pair_form .pair_inp { position: relative; width:4rem; height:1.3rem; border-radius: 1.3rem; overflow:hidden; background: linear-gradient(0deg, #bad4ff, #e9f2ff); margin:.15rem auto; }
.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 { position:absolute; top: .25rem; left: 1.15rem; }
.pair_form .pair_inp .s_main em{ background:none; width: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; width:.92rem;height: .92rem; position: absolute; background: linear-gradient(0deg, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); box-shadow: 1px 1px 3px rgba(0,0,0,0.02); border-radius: 100%; top:.2rem;}
.pair_form .pair_inp span:nth-of-type(1) {left: .15rem;}
.pair_form .pair_inp span:nth-of-type(2) {right: .15rem;}
.pair_form .pair_inp span img {width:.92rem;height:.92rem; }
.pair_form .pair_inp i { background:url(../images/index/VS.png) no-repeat center; background-size:.3rem .39rem; width:.3rem; height:.39rem;  display:inline-block; vertical-align: middle; margin:0 .1rem;}

.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; height: .9rem; font-size: .52rem; padding: .25rem 0; }
h2 span {height: .45rem;display: block;}
h2 strong {line-height: .9rem;padding: 0 .8rem;display: inline-block;}
@-webkit-keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}