@charset "utf-8";
@import url(m_public.css);

/* 顶部 */
.m-fixheader{ width:100%; position:fixed; top:0; left:0; right:0; z-index:9999; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.m-fixheader img{ width:100%; height:3.5rem;}

/* 幻灯 */
.m-bannery, .m-bannery .bd li { width:100%;}
.m-bannery img{ width:100%; display:block;}
.m-bannery { position:relative; z-index:0;}
.m-bannery .hd { position: absolute; z-index:1; bottom:10px; left:0; width: 100%; height:8px; text-align: center;}
.m-bannery .hd ul {width:100%; height:15px;}
.m-bannery .hd li { display: inline-block; *display:inline; *zoom:1; vertical-align:top; margin: 0 3px; width: 8px; height: 8px; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#eee;}
.m-bannery .hd li.on { background-color:#be96f7;}

/* 填写信息 */
.m-infobox{ overflow:hidden; background:#fff; position:relative; z-index:99; width:92%; margin:0 auto; box-shadow:0 .5rem .8rem rgba(209,209,107,0.4); border-radius:.5rem; padding:2rem 0;}
.m-infobox .titig{ width:100%; display:block;}
.m-infotip{ overflow:hidden; height:2.6rem; line-height:2.6rem; font-size:1.2rem; color:#333; text-align:center;}
.m-infotip span.cor1{ color:#ef3a69; padding:0 .5rem;}

/* 背景框架 */
.m-bgboxtit{ overflow:hidden; height:2rem; border-radius:20rem; background:-webkit-linear-gradient(left, #7d4dc3,#a484d1,#a484d1,#a484d1,#7d4dc3); background: -o-linear-gradient(right,#7d4dc3,#a484d1,#a484d1,#a484d1,#7d4dc3); background: -moz-linear-gradient(right,#7d4dc3,#a484d1,#a484d1,#a484d1,#7d4dc3); background: linear-gradient(to right, #7d4dc3,#a484d1,#a484d1,#a484d1,#7d4dc3);}
.m-bgbox{ overflow:hidden; background:#fff; position:relative; top:-1.2rem; z-index:99; width:92%; margin:0 auto; box-shadow:0 .5rem .8rem rgba(209,209,107,0.3); border-radius:.5rem; padding:2rem 0; background:-webkit-linear-gradient(#af91dc -8%,#e4d6fa 5%,#ffffff 100%); background:-o-linear-gradient(#af91dc -8%,#e4d6fa 5%,#ffffff 100%); background: -moz-linear-gradient(#af91dc -8%,#e4d6fa 5%,#ffffff 100%); background:linear-gradient(#af91dc -8%,#e4d6fa 5%,#ffffff 100%);}
.m-bgbox .titig{ width:100%; display:block;}

.m-bgboxtit-b{ overflow:hidden; height:2rem; border-radius:20rem; background:-webkit-linear-gradient(left, #176aca,#48acec,#48acec,#48acec,#176aca); background: -o-linear-gradient(right,#176aca,#48acec,#48acec,#48acec,#176aca); background: -moz-linear-gradient(right,#176aca,#48acec,#48acec,#48acec,#176aca); background: linear-gradient(to right,#176aca,#48acec,#48acec,#48acec,#176aca);}
.m-bgbox-b{ overflow:hidden; background:#fff; position:relative; top:-1.2rem; z-index:99; width:92%; margin:0 auto; box-shadow:0 .5rem .8rem rgba(209,209,107,0.3); border-radius:.5rem; padding:2rem 0; background:-webkit-linear-gradient(#8cc8ee -8%,#c7e7fb 5%,#ffffff 100%); background:-o-linear-gradient(#8cc8ee -8%,#c7e7fb 5%,#ffffff 100%); background: -moz-linear-gradient(#8cc8ee -8%,#c7e7fb 5%,#ffffff 100%); background:linear-gradient(#8cc8ee -8%,#c7e7fb 5%,#ffffff 100%);}
.m-bgbox-b .titig{ width:100%; display:block;}

/* 内容 */
.m-mainA{ overflow:hidden; text-align:center; font-size:1rem;}
.m-mainA .atxt{ line-height:1.5rem; padding:2rem 0;}
.m-mainA .btxt{ display:inline-block; font-size:1.2rem; padding:0 1.6rem; color:#f03b68; line-height:2rem; margin-bottom:2rem; background: url(../images/quote1.png) 0 0 no-repeat,url(../images/quote2.png) 100% 100% no-repeat; background-size:1rem .8rem;}
.m-mainA .ctxt{ font-size:0;}
.m-mainA .ctxt ul li{ display:inline-block; text-align:center; color:#4a200c; vertical-align:bottom;}
.m-mainA .ctxt dt{ font-size:1rem; line-height:1.5rem; font-weight:700;}
.m-mainA .ctxt dd{font-size:.85rem; color:#999; line-height:2rem;}
.m-mainA .ctxt dd.name{ padding:0 1rem; line-height:2rem; border:1px solid #f03b68; color:#f03b68; font-size:1rem; border-radius:.2rem;}
.m-mainA .ctxt .arrow{display:inline-block; margin:0 1.5rem; width:1.8rem; height:1.2rem; background: url(../images/icon-arrow.png) no-repeat; background-size:100% 100%; vertical-align:.5rem;}

.m-mainB{ overflow:hidden;}
.m-mainB .vstxt{ text-align:center; line-height:3rem; font-size:1.2rem; padding:2rem 0 1rem 0;}
.m-mainB .vstxt span.let{ display:inline-block; color:#f03b68;}
.m-mainB .vstxt span.rit{ display:inline-block; color:#2db9df;}
.m-mainB .vstxt i{ display:inline-block; margin:0 2.5rem; width:2.6rem; height:2.8rem; background:url(../images/icon-vs.png) no-repeat 50%; background-size:100% 100%; vertical-align:middle;}

.m-mainB .vslist{ padding:0 0 1rem 0;}
.m-mainB .vslist ul li{ position:relative; padding:0 1rem; margin-bottom:1rem; font-size:0;}
.m-mainB .vslist ul li .good,.m-mainB .vslist ul li .bad{ width:50%; font-size:.85rem; display:inline-block; line-height:1.6rem; vertical-align:middle; padding:.8rem 0 3.4rem 0; border-radius:.2rem;}
.m-mainB .vslist ul li .good p,.m-mainB .vslist ul li .bad p{ transform: scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);}
.m-mainB .vslist ul li .good{ color:#f03b68; background:#fff0f1;}
.m-mainB .vslist ul li .bad{ padding-left:1.6rem; color:#2db9df; background:#e5f9ff;}
.m-mainB .vslist ul li .cent{ padding:.5rem 0 0 0; position:absolute; display:inline-block; height:3.4rem; width:3.4rem; left:50%; top:50%; line-height:1.3rem; border-radius:50%; text-align:center; color:#fff; font-size:1rem; -webkit-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform:translate(-50%,-50%); background-image:-webkit-gradient(linear,left bottom,left top,from(#ff713f),to(#ef386a));
background-image: linear-gradient(0deg,#ff713f,#ef386a);}
.m-mainB .vslist ul li .good span,.m-mainB .vslist ul li .bad span{ position:absolute; margin-top:.5rem; text-align:center; width:8rem; height:2rem; font-size:.85rem; color:#fff;}
.m-mainB .vslist ul li .good span{background:url(../images/icon-l.png) no-repeat; background-size:100% 100%; border-radius:.2rem; left:.5rem;}
.m-mainB .vslist ul li .bad span{background:url(../images/icon-r.png) no-repeat; background-size:100% 100%; border-radius:.2rem; right:.5rem;}

.m-mainB .vsbot{ text-align:center;}
.m-mainB .vsbot h2{ margin-bottom:1.5rem; font-size:1.2rem; font-weight:400;}
.m-mainB .vsexp{ display:inline-block; width:19rem; height:6rem; background:url(../images/icon-exp.png) no-repeat; background-size:100%;}
.m-mainB .vstrans{ margin-bottom:1.5rem; color:#585858; line-height:1.5rem; font-size:1rem;}
.m-mainB .vsyuyi{ width:18.6rem; height:5.6rem; padding-top:1rem; line-height:1.8rem; margin:0 auto; color:#f03b68; background-color:#fff0f1; text-align:center; border-radius:.5rem; border:1px dotted #f03b68;}

.m-mainC{ overflow:hidden;}
.m-mainC .tetxt{ text-align:center; font-size:1rem; line-height:1.6rem; padding-top:2rem;}
.m-mainC .tetxt span{ color:#f03b68;}
.m-mainC .tessd{ text-align:center; padding:1rem 0 0 0;}
.m-mainC .tessd .ddd{ font-size:1.5rem; line-height:.4rem;}
.m-mainC .tessd .zwm{ font-size:1rem; font-weight:700; color:#444; line-height:2rem;}
.m-mainC .teibo{ text-align:center; padding:1rem .5rem;}
.m-mainC .teibo img{ width:100%; display:block;}
.m-mainC .teibo .nxdet{ background:#fdf9f6; text-align:center; font-size:1rem; line-height:1.6rem;}
.m-mainC .teibo .nxdet h2{ display:inline-block; height:3rem; line-height:3rem; margin:0; background:#ae4a47; padding:0 2rem; font-size:1.4rem; color:#fff; position:relative; top:-1.5rem;}
.m-mainC .m-jstab{ overflow:hidden; padding:0 1rem 1rem 1rem;}
.m-mainC .m-jstab table{ table-layout:fixed; border-collapse:collapse;}
.m-mainC .m-jstab table tr td{ font-size:1rem; height:2rem; line-height:1.4rem; color:#333; text-align:left;}
.m-mainC .m-jstab table tr td p{ text-align:justify;}

.m-mainC .coop{ margin-bottom:1rem; padding:0 1rem;}
.m-mainC .coop h3{ text-align:center; padding:.5rem 0 1.5rem 0; font-size:1.2rem; margin:0; font-weight:bold;}
.m-mainC .coop .stbox{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal;
-webkit-flex-direction:row; -moz-box-orient:horizontal; -moz-box-direction:normal; -ms-flex-direction:row; flex-direction:row; margin-bottom:1rem;    line-height:1.6rem;}
.m-mainC .coop .stbox p.mun{ width:1rem; height:1rem; margin-top:.2rem; margin-right:.5rem; line-height:1rem; background:#f03b68; font-size:.8rem;
text-align:center; border-radius:50%; color:#fff;}
.m-mainC .coop .stbox p.kyl{ -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1;}
.m-mainC .coop img{ width:100%; display:block;}

.m-mainC .cshe{ text-align:center; padding:1rem 0; font-size:1rem; line-height:1.6rem;}
.m-mainC .vepk{ margin-bottom:1rem; font-size:1rem; text-align:center;}
.m-mainC .vepk h3{ text-align:center; padding:.5rem 0 1.5rem 0; font-size:1.2rem; margin:0; font-weight:bold;}
.m-mainC .vepk .qmf{ padding-bottom:.5rem;}
.m-mainC .vepk span{ display:inline-block; margin:0 .2rem; line-height:2rem; color:#fff; border-radius:.5rem; font-size:1rem; padding:0 .5rem; background-color:#f03b68;}

.m-mainC .strk{ margin-bottom:1rem; font-size:1rem; text-align:center;}
.m-mainC .strk h3{ text-align:center; padding:.5rem 0 1.5rem 0; font-size:1.2rem; margin:0; font-weight:bold;}
.m-mainC .strk p{ display:inline-block; width:18rem; line-height:2.6rem; font-size:1rem; color:#f03b68; border:1px solid #f03b68; border-radius:2rem;
position:relative;}
.m-mainC .strk ul li:not(:last-child){ padding-bottom:2.6rem;}
.m-mainC .strk ul li:not(:last-child) p:after{ content:""; position:absolute; left:50%; width:1.2rem; height:1.2rem; background:url(../images/icon-arrow1.png) no-repeat; background-size:100% 100%; margin-left:-.6rem; top:3.2rem;}
.m-mainC .bbtk{ font-size:1rem; text-align:center;}

.m-mainD{ overflow:hidden; text-align:center;}
.m-mainD .tptt{ font-size:1rem; color:#f03b68; padding:2rem 0 2rem 0;}
.m-mainD ul li{ padding:0 0 2rem 0; line-height:1.6rem;}
.m-mainD ul li:last-child{ padding:0;}
.m-mainD ul li span{ display:inline-block; padding:0 2rem; height:2.2rem; line-height:2.2rem; margin:0 0 .4rem 0; background-color:#2db9df; border-radius:2rem; color:#fff;}


/* 内容 */
/*.m-mainbox{ overflow:hidden; font-size:0;}
.m-mainbox img{ width:100%; display:block;}*/

/* 底部 */
.m-footbox{ overflow:hidden; padding:0 .5rem .5rem .5rem; text-align:center; font-size:.85rem; color:#333; line-height:1.8rem;}
.m-footbox img{ display:inline-block; vertical-align:middle; width:6rem; margin:.5rem .5rem 0 .5rem;}
.m-fixfoot{ width:100%; position:fixed; bottom:0; background:#f7fcff; height:4.2rem; z-index:9999; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; padding:.6rem;}
.m-fixfoot .lex{ width:40%; height:100%; float:left; font-size:.8rem;}
.m-fixfoot .lex a{ float:left; width:50%; text-align:center; color:#666;}
.m-fixfoot .lex a p.icg{ display:inline-block; width:2rem; height:1.9rem; line-height:1.9rem;}
.m-fixfoot .rix{ width:60%; height:100%; float:right; overflow:hidden; border-radius:20rem;}
.m-fixfoot .rix a.zx{ float:left; width:44%; height:3rem; text-align:center; line-height:3rem; color:#fff; font-size:1.2rem; background: -webkit-linear-gradient(#92c1e1, #2588ca); background: -o-linear-gradient(#92c1e1, #2588ca); background: -moz-linear-gradient(#92c1e1, #2588ca); background: linear-gradient(#92c1e1, #2588ca);}
.m-fixfoot .rix a.vx{ float:left; width:56%; height:3rem; text-align:center; line-height:3rem; color:#fff; font-size:1.2rem; background: -webkit-linear-gradient(#f56b94, #cd2353); background: -o-linear-gradient(#f56b94, #cd2353); background: -moz-linear-gradient(#f56b94, #cd2353); background: linear-gradient(#f56b94, #cd2353);}

/* 弹窗 */
.blur { position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.5); display:none; z-index:99999;}
.popus { width:20rem; height:13rem; background:url(../images/tcbg.jpg) no-repeat; background-size:100% 100%; position:fixed; top:50%; left:50%;	-webkit-transform:translate(-50%, -50%); padding-top:3rem; text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,0.4); display:none; z-index:99999;}
.popus h2{ font-size:1.3rem; color:#ea2222; font-weight:bold;}
.popus .ptbox { width:100%; padding:2rem 0;}
.popus .ptbox a { display:inline-block; vertical-align:middle; border-radius:2rem; padding:0 1rem; height:2.4rem; line-height:2.4rem; margin:0 1rem; color:#fff}
.popus .ptbox a.adwc{ background:#cfbc00;}
.popus .ptbox a.nowc{ background:#999;}

/*微调*/
.m-w100{ width:100%;}
.m-w60{ width:60%;}
.m-w40{ width:40%;}
.m-w30{ width:30%;}
.m-w70{ width:70%;}
.m-w13{ width:13rem;}
.m-w21{ width:21rem;}
.m-w8{ width:8rem;}
.m-w7{ width:7rem;}
.m-w6{ width:6rem;}

.fs1{ font-size:1.3rem;}
.fs2{ font-size:1.7rem;}

.mt-1{ margin-top:1rem;}
.mt-12{ margin-top:1.2rem;}
.mt-2{ margin-top:2rem;}
.ml-1{ margin-left:1rem;}
.ml-05{ margin-left:.5rem;}

.mr-05{ margin-right:.5rem;}
.mr-1{ margin-right:1rem;}

.pt-05{ padding-top:.5rem;}
.pt-1{ padding-top:1rem;}
.pt-15{ padding-top:1.5rem;}
.pt-2{ padding-top:2rem;}
.pt-35{ padding-top:3.5rem;}

.pb-05{ padding-bottom:.5rem;}
.pb-1{ padding-bottom:1rem;}
.pb-2{ padding-bottom:2rem;}
.pb-4{ padding-bottom:4rem;}
.pb-46{ padding-bottom:4.6rem;}
.pb-55{ padding-bottom:5.5rem;}
.pb-65{ padding-bottom:6.5rem;}
.pb-36{ padding-bottom:3.6rem;}
.pb-35{ padding-bottom:3.5rem;}
.pb-05{ padding-bottom:.5rem;}

.pl-1{ padding-left:1rem;}
.pl-05{ padding-left:.5rem;}

.pr-1{ padding-right:1rem;}
.pr-05{ padding-right:.5rem;}

.pd1{ padding:.5rem 0;}
.pd2{ padding:0 .5rem ;}

.cor1{ color:#5290f0;}
.cor2{ color:#666666;}
.cor3{ color:#e32416;}
.cor4{ color:#259b24;}
.cor5{ color:#ff4081;}
.cor6{ color:#a2a2a2;}
.cor7{ color:#333333;}
.cor8{ color:#ec4012;}
.cor9{ color:#f03b68;}
.crg1{color:rgba(255,255,255,0.8)}

.b-bt{ border-top:1px solid #d8d8d8;}
.m-ovf{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m-tlr{ text-align:right;}

.m-fl{ float:left;}
.m-fr{ float:right;}