@import url(layout.css?v=6); 

.mpart { background-image: url(../images/astrocx/cx_mbg.svg); background-size: 100%; padding-bottom: .5rem;}
.vision { position: absolute; width:100%; }
.vision .s_mide { height:15.5rem;}
.vision_bottom { position:absolute; bottom:-1rem;}
.vision .s_botm:nth-child(1n), .vision .s_botm:nth-child(2n) { margin-top: -2.3rem;}

.inp_form { height:12.5rem; text-align: center; padding-top: 1.6rem; position:relative;}
.inp_form .inp_area:nth-child(2n){background:url(../images/astrocx/inp_area2_line.png) no-repeat center 0;background-size:100%;padding-top: 0.7rem;margin-top:0.7rem;}
.inp_form strong { color: #fff; font-size: 0.6rem; display:block; font-weight: 400; dtext-shadow: 0px 0px 8px rgba(36, 51, 117, 0.68);}

.inp_form .inpbox { width:5.5rem;}
.inp_form .timebox { width:4rem;}
.inp_form .placebox { width:6rem;}
.inp_form em { background:-webkit-gradient(linear, 72% 100%, 68% 0%, from(#4b9bfd), to(#88cefe));}

.view .mpart { background-size: 100%; padding-bottom: .2rem; }
.view .vision .s_mide { height:14rem;}
.mpart .inp_form .inp_area:nth-child(2n){padding-top: .8rem;margin-top: .8rem;}


.toollist{ display:block; position:static; padding-bottom:0.5rem;}
.toollist ul li{ margin:0;}

/*鏌ヨ缁撴灉*/
.top_box { padding-top:1.5rem; overflow: hidden; }
.top_box h2{ color:#fff; font-size:0.46rem; margin-bottom: 0.7rem; text-align: center;}
.top_box h2 strong { line-height: .62rem; display: block; padding: .2rem .4rem }
.top_box h2 small { display: inline-block; font-size: .32rem; background:rgba(31,56,128,0.3); border-radius: .3rem; padding: .1rem .2rem}
.m_box{ max-width: 750px; padding-bottom:1rem;position: relative;}
.m_box .a_icon { margin-left: 3.3333rem; height: 4.6rem; overflow: hidden }
.m_box .a_icon span { width:3.3333rem; display: inline-block; float: left; text-align: center; vertical-align: bottom }
.m_box .a_icon span i {  clear: both; background:url(../images/pao.png) no-repeat 0 0; background-size: 100%; dwidth: 2.3rem; padding:0.2rem; border-radius: 100%; display: inline-block; dmargin: 0 auto;}
.m_box .a_icon span i img{ width:2.3rem; height:auto; display:block;}
.m_box .a_icon span:nth-child(2n) i {  margin-top: 1.6rem }
.m_box .a_icon span:nth-child(2n) i img { width: 1rem; }
.m_box .a_icon span:nth-child(2n) strong { display: none }
.m_box .a_icon span em { font-size: .26rem; color: #fff; clear: both; display: block }
.m_box .a_icon span strong { overflow: hidden }
.m_box .a_icon span strong { display:block; text-align: center; margin-top: 0.1rem;}
.m_box .a_icon span strong { /*color:#f8ff8a;*/color:#C1FFF5; font-size: 0.5rem;}
.m_box .a_icon span strong small { color:#fff; font-size: 0.33rem; display: block; margin-top: .1rem;}

.m_box ul { margin:0.37rem 0.5rem; background:rgba(42,78,183,0.4); border-radius:10px; color:#e2e9ff; padding: 0.37rem 0.5rem; box-sizing:border-box; font-size:0.36rem; line-height:0.8rem; }
.m_box ul li { float:left; width:50%;}
.viewcont { width: 100%;}
.other em { float:left; display:block; width:1rem; height:1rem; border-radius:100%; background:#f79896;}
.other em img { width:100%; height:auto;}
.other span { display:block; margin-left: 1.2rem; background:#f79896; height:1rem; line-height: 1rem; color:#fff; padding:0 0.2rem; border-radius: 5px;}
.other span i { float:right; background:url(../images/arrow_r.png) no-repeat right center; background-size: 0.15rem auto; padding-right: 0.3rem; font-size: 0.38rem;}

.advan { margin:0.5rem 0 0.2rem; border-bottom: 1px solid #eee; padding-bottom: 0.3rem;}
.advan p { line-height: 0.8rem; margin-bottom: 0.3rem;}
.advan p span{color:#fff;background:-webkit-gradient(linear, 90% 100%, 0% 0%, from(#76CC9F), to(#C5E7D2));padding:0 0.2rem;border-radius: 5px;display:inline-block;margin-right: 5px;}
.advan p:nth-child(2n) span { background:-webkit-gradient(linear, 90% 100%, 0% 0%, from(#FE7A7E), to(#FDB8BC));}
.advan p:nth-child(3n) span {background:-webkit-gradient(linear, 90% 100%, 0% 0%, from(#84B0FF), to(#BED3FF));}

.info p{ line-height:1rem; font-size: 0.463rem;}
.info p strong{ color:#9198f4; font-weight: 700;}

.viewcont .li_txt{ margin:0;padding:0 0.37rem;width: 100%;box-sizing:border-box;}
.viewcont .li_txt a{ color:#6280c6;}

.list_more {  padding: 0.25rem 0;border-top: solid .2rem #f5f5f5; border-bottom: solid .2rem #f5f5f5;}
.list_more h2 { color: #578bda; border: 0; padding:0; }
.list_more  ul.li_txt { margin:0.2rem 0.1rem 0;}
.list_more  ul.li_txt li{width:50%; float:left;font-size: 0.4rem; text-align: center; line-height: 1rem; height: auto; white-space: normal;}
.list_more  ul.li_txt li a { display:block; border-radius: 1em; color:#555; padding:0 0.2rem; overflow:hidden; background: #d0e0fa; margin: .1rem}
.list_more  ul.li_txt li:nth-child(3n-1) a { background: #dfebfc }
.list_more  ul.li_txt li:nth-child(3n-2) a { background: #eff5fd }
.list_more  ul.li_txt:nth-of-type(2) li a { background: #fad0d5 }
.list_more  ul.li_txt:nth-of-type(2) li:nth-child(3n-1) a { background: #fcdfe4 }
.list_more  ul.li_txt:nth-of-type(2) li:nth-child(3n-2) a { background: #fdeff1 }
.tool_txt { margin-bottom: 0; }

.cont {padding:0 0.37rem; }
.cont p { margin: .36rem 0; }

.back { background-size: 100% 16rem; padding: .5rem 0; }
.back  a { background: -webkit-gradient(linear, 72% 100%, 68% 0%, from(#508FFF), to(#9AD0FF)); color: #fff; border-radius: 1rem; line-height: 1rem; display: block; width: 3.5rem; margin: 0 auto; text-align: center; box-shadow: 0px 2px 6px rgba(77, 136, 236, 0.4); }