body,html {
	max-width: 640px
}

a,body {
	color: #333
}

html {
	margin: 0 auto
}

article,aside,dialog,figure,footer,header,menu,nav,section {
	display: block
}

blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,section,select,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

fieldset,img {
	border: 0
}

body {
	font: 14px/1.4 "Microsoft Yahei",Arial,Helvetica,sans-serif;
	background-color: #ededed;
	margin: 0 auto;
}

.public_bp_content,.public_ep_content {
	max-width: 300px;
	box-sizing: border-box
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

dd,dl,dt,ol,ul {
	list-style-type: none
}

a {
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}

.public_agreement a,.public_footer_words:hover {
	text-decoration: underline
}

a,input,select {
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0
}

img,input {
	border: none
}

em,i {
	font-style: normal
}

:focus {
	outline: 0
}

select {
	background: 0 0
}


.base_popup {
	position: fixed;
	width: 100%
}

.clear {
	clear: both
}

.clear:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}

.left {
	float: left
}

.right {
	float: right
}

.mb10 {
	margin-bottom: 10px
}

.mt10 {
	margin-top: 10px
}

.auto {
	overflow: hidden
}

::-moz-placeholder {
	font-family: "Microsoft YaHei"
}

::-webkit-input-placeholder {
	font-family: "Microsoft YaHei"
}

:-ms-input-placeholder {
	font-family: "Microsoft YaHei"
}


.public_header {
	height: 77px;
    line-height: 77px;
	background: #fcfcfc;
	width: 100%;
	position: relative;
}


.public_h_con {
	text-align: center;
    font-size: 36px;
	color: #333333;
    position: absolute;
    height: 90px;
    line-height: 90px;
    top: 0;
    left: 30px;
}


.public_h_menu {
	position: absolute;
    right: 30px;
    top: 0px;
	font-size: 0.35rem;
}
.public_h_menu img {
	height: 42px;
}


.alert-marquee{display: block;
	height: 42px;
    line-height: 42px;
	background: #fcfcfc;white-space: nowrap;overflow: hidden;position: relative;z-index: 1;}
.alert-marquee span{
	position: absolute;
    left: 0;
    padding-left: 30px;
    padding-right: 5px;
    background: #fcfcfc;
	z-index: 3;
}
.alert-marquee span img{
	height: 30px;
}
.alert-marquee .inner{position: absolute;left: 100%;color: #969696;font-size: 22px;z-index: 2;}

.pay .pay-type li .icon-vip_pay {
    background: url(/statics/img/vip_pay.png) no-repeat;
    background-size: 100%;
}
.pay .pay-type li .icon-extpay {
    background: url(/statics/img/extpay.png) no-repeat;
    background-size: 100%;
}



@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
 
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
 
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
 
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
 
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 75%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
 
  80% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
 
  85% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
 
  90% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
 
  95% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
 
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
 
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
 
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
 
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
 
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
 
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
 
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
 
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


.public_banner,.public_banner img {
	width: 100%;
	height: auto
}

.public_banner img {
	display: block
}
.faq-menu{background-color: #fcfcfc;;}
.faq-menu ul {overflow:hidden;padding-bottom:20px;}
.faq-menu ul li {float:left;width:25%;padding-top:30px;text-align:center;}
.faq-menu ul li a {display:block}
.faq-menu ul li img {    
	height: 90px;
    border-radius: 50px;}
.faq-menu ul li p {color:#969696;font-size: 24px;    padding-top: 15px;}

.public_bg_from{
	padding: 30px 30px 30px;
    margin-top: 10px;
    background: #fcfcfc;
}


.public_form_wrap {
	
}

.public_form_wrap ul {
	border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 30px #dedede;
    -webkit-box-shadow: 1px 1px 30px #dedede;
    box-shadow: 1px 1px 30px #dedede;
}

.public_form_wrap li {
	height: 52px;
    line-height: 52px;
    padding: 0 0 0 20px;
}

.public_form_wrap .auto .sel,.public_form_wrap .auto input {
	width: 100%;
	border: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px;
	font-size: 20px;
}

.public_form_wrap li.new_li_last,.public_form_wrap li.new_li_last .txtarea {
	height: 80px
}

.public_form_wrap li:nth-last-of-type(1) {
	border-bottom: 0
}

.public_form_wrap .left {
	margin-right: 20px;
    font-size: 22px;
}

.public_form_wrap .input.auto {
	width: 100%;
	display: inline-block
}
.layui-btn-lvs {
    background-color: #7DA797 !important;
}
.public_form_wrap .auto input {
	display: block;
    height: 52px;
    line-height: 52px;
    padding: 5px 30px 5px 0;
    box-sizing: border-box;
}
.public_form_wrap .J_sex {
    height: 52px;
    line-height: 52px;
}

.public_form_wrap .auto .sel {
	padding: 5px 0
}

.public_form_wrap .sex span {
	display: block;
	float: left;
	padding-top: 10px;
	width: 120px
}

.public_form_wrap .sex i {
	display: block;
	float: left;
	width: 28px;
    height: 28px;
    border: 2px solid #b2b2b2;
	background-color: #fff;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}
.public_form_wrap .sex span.cur i {
  background: url("/statics/ffsm/ssxo/img/xuanze.png") center center no-repeat;
  background-size: 110%;
}

.public_form_wrap .sex font {
	display: block;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    padding-left: 10px;
    color: #b2b2b2;
    font-size: 20px;
}
.divider {
	border-bottom: 1px solid #b2b2b2;
}
    
.public_form_wrap .sex span.cur font {
	color: #333
}

.public_form_wrap .auto .icon_right {
	display: block;
	width: 20px;
	height: 20px;
	background-size: 100% 100%;
	position: absolute;
	top: 10px;
	right: 0
}

.public_form_wrap .auto input.bg_no {
	background-image: none
}

.public_agreement {
	padding: 8px 10px;
	position: relative;
	text-align: center;
	font-size: 16px
}

.public_agreement input {
	-webkit-appearance: checkbox;
	vertical-align: middle;
	position: relative;
	margin-top: -2px;
	margin-right: 6px
}

.public_agreement a {
	color: #ff8b58
}

.public_btn_s {
	padding: 10px 0;
	margin: 0 10px
}

.public_btn_s1 {
	padding: 10px 0;
	margin: 0 10px;
	background-color: #b27560;
    padding: 2px;
}
.public_btn_s .J_ajax_submit_btnsub {
	display: block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    width: 59%;
    color: #fff;
    background-color: #f1497a;
    border-radius: 50px;
    margin: 30px auto;
    font-family: "Microsoft YaHei","Hiragino Sans GB","??????????????????","???????",Arial,Verdana,sans-serif;
    -moz-box-shadow: 1px 1px 15px #f58fad;
    -webkit-box-shadow: 1px 1px 15px #f58fad;
    box-shadow: 1px 1px 15px #f58fad;
}
.public_bg_color {
    padding: 30px 30px 30px;
    margin-top: 10px;
    background: #fcfcfc;
}
.public_bg_color .center_bg{
	border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 30px #dedede;
    -webkit-box-shadow: 1px 1px 30px #dedede;
    box-shadow: 1px 1px 30px #dedede;
	padding: 5px 10px;
}
.public_bg_color .im_info_t_bg{
	background: url('/statics/ffsm/ssxo/img/info_t_bg.png') center center no-repeat;
    background-size: 100%;
	width: 100%;
    height: 70px;
	opacity: 0.4;
    filter: alpha(opacity=40);
}
.public_bg_color .im_info_bt_bg{
	background: url('/statics/ffsm/ssxo/img/info_bt_bg.png') center center no-repeat;
    background-size: 100%;
	width: 100%;
    height: 70px;
	opacity: 0.4;
    filter: alpha(opacity=40);
}
.public_bg_color .im_info{
	overflow: hidden;
    position: relative;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.public_bg_color .im_info_l_bg{
	background: url('/statics/ffsm/ssxo/img/info_t_bg_f.png') center center no-repeat;
	background-size: auto 100%;
    width: 7%;
    float: left;
	opacity: 0.4;
    filter: alpha(opacity=40);
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.public_bg_color .im_info_l_bg img{
	width: 100%;
	background: #ffffff;
	opacity: 1;
    filter: alpha(opacity=100);
}
.public_bg_color .im_info_r_bg{
	background: url('/statics/ffsm/ssxo/img/info_t_bg_f.png') center center no-repeat;
	background-size: auto 100%;
    width: 7%;
	float: right;
	opacity: 0.4;
    filter: alpha(opacity=40);
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.public_bg_color .im_info_r_bg img{
	width: 100%;
	background: #ffffff;
	padding-left: 10px;
	opacity: 1;
    filter: alpha(opacity=100);
}
.public_bg_color .im_info_c{
	width: 86%;
    float: left;
    padding: 0.15rem 0.4rem 0.6rem;
	box-sizing: border-box;
}
.public_bg_color .im_info_c_t{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 2px #b2b2b2 dotted;
    margin: 15px auto;
    text-align: center;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 24px;
	color: #333;
}
.public_bg_color .im_info_c_c{
	font-size: 26px;
    text-indent: 2em;
    color: #999999;
}
.public_bg_color .jsyd p{
	font-size: .3rem;
    text-indent: 2em;
    color: #ff0000;
    padding-left: .3rem;
}
.rmcsbox_d {
    padding: 30px;
    background-color: #fff;
    margin-top: 10px;
}
.rmcs_list_d .bd ul li {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}
.rmcs_list_d .bd ul li img {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: auto;
    border-radius: 20px;
}
.rmcs_list_d .bd ul li em {
	display: block;
    font-size: 22px;
    color: #999999;
    margin-top: 20px;
    line-height: 22px;
    height: 22px;
    text-align: center;
}
.footer_severs {
  	overflow: hidden !important;
    width: 100% !important;
    text-align: center !important;
    color: #6c6c6c !important;
    padding-bottom: 0.5rem !important;
    padding-top: 0.23rem !important;
    font-size: 0.1882rem !important;
    background-color: #ffffff !important;
    margin-bottom: 1rem !important;
    margin-top: .115rem;
}

.footer_severs p{
	font-size: 0.23rem;
}

.ainuo_foot_nav{display: block; padding: 2px 0; background:#fff; position: fixed; bottom: 0; width: 100%; z-index: 888;max-width: 640px;height: 100px;
-moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.13);
    webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.13);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.13);
}
.ainuo_foot_nav li{width: 20%; text-align: center; float: left;}
.ainuo_foot_nav li a{width: 100%; display: block;}
.ainuo_foot_nav .foothover i{color: #f13030;}
.ainuo_foot_nav li i{    display: block;
    line-height: 42px;
    height: 42px;
    margin: auto;
    padding: 0;
    width: 42px;
    overflow: hidden;
    background-size: 42px auto;
    margin-top: 20px;}
.ainuo_foot_nav li a.botpost{position: relative; margin-top: -11px; background-color: rgba(0,0,0,0.0);}
.ainuo_foot_nav li a.botpost em{background: #ffffff; padding: 2px; border: 1px solid #f78990; display: block; border-radius: 50%; width: 30px; height: 30px; margin: 0 auto; margin-bottom: 2px;padding-bottom: 0px;}
.ainuo_foot_nav li p{
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    color: #999999;
    font-weight: 400;
    margin-top: 10px;}
.shouye_1{background: url(/statics/ffsm/ssxo/img/menu_home.png) no-repeat;}
.wddd_1{background: url(/statics/ffsm/ssxo/img/menu_order.png) no-repeat;}
.lijics_1{background: url(/statics/ffsm/ssxo/img/menu_start.png) no-repeat;}
.gengduo_1{background: url(/statics/ffsm/ssxo/img/menu_jy.png) no-repeat;}
.grzx_1{background: url(/statics/ffsm/ssxo/img/menu_center.png) no-repeat;}

.labtn1{
	background-color:#FF5722 !important;
	border-color: #FF5722  !important;
	color:#fff  !important;
}
.labtn2{
	width: 80% !important;
	height: 33px !important;
	line-height: 33px !important;
	border-radius: 8px !important;
	margin: 13px 5px 0 !important;
}

.pay .person {
    background: #ec4b4b;
    height: 200px;
	position: relative;
}
.pay .person_n {
    background: -webkit-linear-gradient( 0deg, #209cff 0%, #68e0cf 100%);
    background: -o-linear-gradient( 180deg, #209cff 0%, #68e0cf 100%);
    background: -moz-linear-gradient( 180deg, #209cff 0%, #68e0cf 100%);
	background: linear-gradient(180deg, #209cff 0%, #68e0cf 100%);
}
.pay .person_v {
    background: -webkit-linear-gradient( -90deg, #f14c79 ,#f4696d);
    background: -o-linear-gradient( 90deg, #f14c79 ,#f4696d);
    background: -moz-linear-gradient( 90deg, #f14c79 ,#f4696d);
    background: linear-gradient( 90deg, #f14c79 ,#f4696d);
}
.pay .person .hd {
    position: absolute;
    top: 40px;
    left: 50px;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    overflow: hidden;
   
}
.pay .person .infos p {
	font-size: 26px;
    color: #fff;
    line-height: 26px;
  	margin-bottom: .2025rem;
}
.pay .person .infos p.birthday{
    font-size: .2823rem;
    color: #fff;
    line-height: .3388rem;
}

.pay .btn,.pay .info .btn-lock,.result .btn-again{width:100%;height:.79rem;line-height:.79rem;text-align:center;font-size:.36rem;color:#fff;background:#c00101;border-radius:8px;margin:.32rem auto .7rem}



.pay .person .infos{padding: 0.48rem 0 0 2.2rem;}

.pay .price .fl .yh{
	display: block;
    padding: 0 18px;
    font-size: 24px;
    color: #fefefe;
    background: #f4696d;
    line-height: 45px;
    height: 45px;
    border-radius: 29px;}
.pay .price .fl .gray{    color: #ccc;
    margin-top: 15px;
    display: block;
    font-size: 22px;}
.pay .price .fr p{font-size: 22px;
    color: #333;
    line-height: 50px;
    text-align: right;
    margin-top: 0;}
.pay .tip{font-size:.3rem;color:#333;text-align:center;line-height:1.8}
.pay .tip.mb{margin-bottom:.3rem}
.pay .info{padding:0 .12rem;position:relative}
.pay .info .box-top{width:100%;height:.44rem;background:url(/statics/ffsm/bazimf/images/bg-top.png) no-repeat;background-size:100%;margin:0 auto;vertical-align:top}
.pay .info .box-center{height:auto;background:url(/statics/ffsm/bazimf/images/bg-center.png) repeat-y;background-size:100%;vertical-align:top;position:relative;z-index:2}
.pay .info .box-bottom{height:1.52rem;background:url(/statics/ffsm/bazimf/images/bg-bottom.png) no-repeat;background-size:100%;vertical-align:top;position:relative;top:-.34rem;z-index:1}
.pay .info .tit2{width:5.77rem;margin:0 auto .28rem}
.pay .info p{color:#333;font-size:.3rem;line-height:1.8;padding:0 .2rem}
.pay .info .genre{width:70%;position:absolute;top:1.35rem;left:50%;margin-left:-35%;background:#fff;border:1px solid #000;border-radius:5px;padding:.3rem 0}
.pay .info .genre p{font-size:.32rem;color:#000;line-height:1.8;padding:0 .3rem}
.pay .gkxg{margin: 10px .23rem;
    border: 1px solid #000000;
    background: #fff;
    border-radius: 5px;
  position: relative;}
.pay .gk{padding:.2rem .4rem;font-size:.3rem;color:#333}
.pay .price .inner{padding:0 .3rem 0}
.pay .price{
	padding: 20px 0 10px;
    border-radius: 5px;
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 30px #dedede;
    -webkit-box-shadow: 1px 1px 30px #dedede;
    box-shadow: 1px 1px 30px #dedede;
	}
.pay .price2{
	padding: 30px 30px 0;
    margin-top: 10px;
    background: #fcfcfc;
	}
.pay .price .tit1{    
	font-size: 24px;
    color: #010101;
    padding: 0 25px 15px;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;}
.pay .price .left_l_bf:before{
	content: "";
    width: 5px;
    height: 24px;
    background-color: #f14c79;
    display: block;
    float: left;
    margin-top: 6px;
    border-radius: 5px;
    margin-right: 10px;
}	
.pay .price .yhq{padding:.2rem .2rem;border:1px solid #bfbfbf;margin:0 .3rem;border-radius:5px;font-size:.3rem;color:#010101}
.pay .price .yhq span{display:inline-block}
.pay .price .yhq span:first-child{width:45%;vertical-align:top}
.pay .price .yhq span:last-child{width:50%}
.pay .price p{font-size:.3rem;color:#010101;text-align:right;margin:.2rem .3rem 0}
.pay .price .tit1.tcenter{text-align:center;border-bottom:1px solid #000}
.pay .pay-type a{
	display: block;
    padding: 10px 0px 10px 36px;
    position: relative;
    width: 48%;
    float: left;
    box-sizing: border-box;
    background-color: #ffffff;
    -moz-box-shadow: 1px 1px 30px #dedede;
    -webkit-box-shadow: 1px 1px 30px #dedede;
    box-shadow: 1px 1px 30px #dedede;
    border-radius: 5px;
    margin-bottom: 30px;
	}
.pay .pay-type a:nth-child(even){
	 float: right;
}	
.pay .pay-type li .pay-icon{display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;}
.pay .pay-type li .icon-wechat{background:url(/statics/ffsm/ssxo/img/ico-wechat.png) center center no-repeat;background-size:100%}
.pay .pay-type li .icon-zfb{background:url(/statics/ffsm/ssxo/img/ico-zfb.png) center center no-repeat;background-size:100%}
.pay .pay-type li .icon-paypal{background:url(/statics/ffsm/ssxo/img/paypal.png) center center no-repeat;background-size:100%;    border-radius: 2px;}
.pay .pay-type li .icon-extpay {
    background: url(/statics/ffsm/ssxo/img/extpay.png) center center no-repeat;
    background-size: 100%;
}
.zffs-list .plf span.zf-extpay {
    background-image: url(/statics/ffsm/ssxo/img/extpay.png) center center no-repeat;
}
.zffs-list .plf span.zf-vippay {
    background-image: url(/statics/ffsm/ssxo/img/vip_pay.png) center center no-repeat;
}
.pay .pay-type li span{
    font-size: 26px;
    color: #999999;
    display: inline-block;
    vertical-align: middle;
	}
.pay .pay-type li .ico-arrow{display:block;position:absolute;top:.28rem;right:.05rem;width:.13rem;height:.24rem;background:url(/statics/ffsm/bazimf/images/ico-arrow.png) no-repeat;background-size:100%}
.pay .paymore{text-align:center!important;font-size:.26rem;color:#000;padding:.1rem 0 0}
.pay .info .p3{color:#fff;font-size:.26rem;text-align:center;line-height:2}
.pay .info .btn-lock{margin-bottom:0;background:#c00101;text-indent:.2rem;width:80%;margin-top:2rem}
.pay .comment{border:none}
.pay .comment .list li{margin:0 .2rem;padding:.3rem 0;border-bottom:1px solid #bfbfbf}
.pay .comment .list .name{font-size:.3rem;color:#8a0000;font-weight:600}
.pay .comment .list p{font-size:.26rem;color:#333;text-align:left;margin:0;line-height:1.8}
.pay .info .blur{-webkit-filter:blur(4px);filter:blur(4px)}
.pay .btn{margin:.5rem auto 0;width:94%}
.payPop{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;top:0;left:0;display:none}
.payPop .inner{width:85%;background:#fff;border:3px solid #d3b294;border-radius:5px;position:absolute;top:15%;left:50%;margin-left:-44%}
.payPop .inner h5{font-size:.3rem;color:#666;text-align:center;margin:.63rem auto 1.52rem}
.payPop .pay-price{background:rgba(255,255,255,.8);padding:.18rem .3rem;border:3px solid #d3b294;border-radius:5px;width:98%;position:absolute;top:1.52rem;left:-4.5%}
.payPop .pay-price .tit{float:left;width:50%}
.payPop .pay-price .tit p{font-size:.3rem;color:#333}
.payPop .pay-price .tit .name{color:#a40000}
.payPop .pay-price .cost{float:right;width:45%;text-align:right}
.payPop .pay-price .discount{color:#fe0000;font-size:.44rem;font-weight:600}
.payPop .pay-price .discount span{font-size:.3rem}
.payPop .pay-price .cost{text-align:right}
.payPop .pay-price .cost .tag{font-size:.26rem;color:#fff;line-height:.44rem;height:.44rem;background:#a40000;border-radius:3px;width:1.5rem;text-align:center;float:right}
.payPop .pay-price .cost del{font-size:.24rem;color:#666}
.pay .payPop h6{margin-top:2.5rem;color:#333;font-size:.3rem;border-bottom:1px solid #d3b294;text-align:center;padding-bottom:.3rem}
.pay .payPop .pay-type{margin:0 .3rem}
.pay .payPop .pay-type li{display:block}
.pay .payPop .payBtn{width:4.81rem;height:.79rem;line-height:.79rem;text-align:center;font-size:.36rem;color:#fff;background:#c00101;border-radius:8px;margin:.47rem auto .31rem}
.pay .payPop .close{display:block;width:.29rem;height:.29rem;background:url(/statics/ffsm/bazimf/images/ico-close.png) no-repeat;background-size:100%;position:absolute;top:.3rem;right:.22rem}
.pay .payPop .pay-type li .ico-arrow{display:block;position:absolute;top:.2rem;right:.05rem;width:.43rem;height:.43rem;background:url(/statics/ffsm/bazimf/images/bg-circle.png) no-repeat;background-size:100%}
.pay .payPop .pay-type li.on .ico-arrow{background:url(/statics/ffsm/bazimf/images/bg-circle-on.png) no-repeat;background-size:100%}

.paynew_title{text-align:center;line-height:.8rem;color:#000000;font-size:.3rem}
.zf_new{margin:.2rem .23rem;border:1px solid #000000;background:#fff;height:.8rem;border-radius:5px;position:relative;text-align:center;background:#F9F9F9;}
.zf_new img{height:.6rem;margin-top:.1rem}

.pop-footer{position: fixed;bottom:0;left:0;height:1.1rem;width: 100%;background:rgba(0,0,0,.5); display: none;}
.pop-footer .maodian{width:90%;height:.8rem;line-height:.8rem;text-align:center;font-size:.36rem;color:#fffefe;background:#db0000;border-radius:8px;margin:.16rem auto 0;}


.person .userinfo_right{
	position: absolute;
    right: 0.6rem;
    top: 0.7rem;
}
.userinfo_right_btn {
    -moz-box-shadow: 0px 1px 8px #888888;
    -webkit-box-shadow: 0px 1px 8px #888888;
    box-shadow: 0px 1px 8px #888888;
}
.userinfo_jqs{
	padding: 20px 30px 5px;
    margin-top: 10px;
    background: #fcfcfc;
}
.jqsjdwk{
	width: 100%;
    height: 98px;
    background: #eaeaea;
    border-radius: 100px 5px 50px 100px;
    padding: 20px 20px 20px 87px;
	position: relative;
	margin-bottom: 20px;
}
.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#fff;
	height: 100%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position: absolute;
    top: -6px;
    left: -9px;
    width: 100%;
    height: 112px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 3;
}
.skillbar-title.ji_jd {
	background: url(/statics/ffsm/ssxo/img/ji_jd.png) center center no-repeat;
    background-size: 100%;
}
.skillbar-title.qi_jd {
	background: url(/statics/ffsm/ssxo/img/qi_jd.png) center center no-repeat;
    background-size: 100%;
}
.skillbar-title.shen_jd {
	background: url(/statics/ffsm/ssxo/img/shen_jd.png) center center no-repeat;
    background-size: 100%;
}
.jqsjdwk .ji_jd_cl {
	background: #ffecd2;
	background: -webkit-linear-gradient( -90deg, #ffecd2 0%, #fcb69f 100%);
    background: -o-linear-gradient( 90deg, #ffecd2 0%, #fcb69f 100%);
    background: -moz-linear-gradient( 90deg, #ffecd2 0%, #fcb69f 100%);
    background: linear-gradient( 90deg, #ffecd2 0%, #fcb69f 100%);

}
.jqsjdwk .qi_jd_cl {
	background: #a8edea;
	background: -webkit-linear-gradient( -90deg, #a8edea 0%, #fed6e3 100%);
    background: -o-linear-gradient( 90deg, #a8edea 0%, #fed6e3 100%);
    background: -moz-linear-gradient( 90deg, #a8edea 0%, #fed6e3 100%);
    background: linear-gradient( 90deg, #a8edea 0%, #fed6e3 100%);
}
.jqsjdwk .shen_jd_cl {
	background: #fff1eb;
	background: -webkit-linear-gradient( -90deg, #fff1eb 0%, #ace0f9 100%);
    background: -o-linear-gradient( 90deg, #fff1eb 0%, #ace0f9 100%);
    background: -moz-linear-gradient( 90deg, #fff1eb 0%, #ace0f9 100%);
    background: linear-gradient(90deg, #fff1eb 0%, #ace0f9 100%);
}
.skillbar-title span {
	display: block;
    padding: 0 20px;
    height: 35px;
    width: 190px;
    line-height: 35px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    right: 10px;
    top: 49px;
    text-align: center;
	color: #969696;
    font-size: 20px;
    font-weight: 100;
}

.skillbar-bar {
	height: 100%;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}
.taohuazhi{
	padding: 20px 30px 20px;
    background: #fcfcfc;
    margin-bottom: 10px;
	overflow: hidden;
}
.taohuazhi .taohuazhi_tit{
	width: 265px;
    height: 42px;
    margin: 0 auto;
    background: #ff9ec1;
    color: #fff;
    position: relative;
    text-align: center;
    line-height: 42px;
    font-size: 22px;
    font-weight: 100;
}
.taohuazhi .taohuazhi_tit_l{
	position:absolute;
	left:-24px;
	top:-3px;
	width: 52px;
    height: 52px;
	background: url(/statics/ffsm/ssxo/img/taohua_l.png) center center no-repeat;
    background-size: 100%;
}
.taohuazhi .taohuazhi_tit_r{
	position:absolute;
	right:-24px;
	top:-3px;
	width: 52px;
    height: 52px;
	background: url(/statics/ffsm/ssxo/img/taohua_r.png) center center no-repeat;
    background-size: 100%;
	
}
.taohuazhi .taohuazhi_jd{
	position: relative;
    display: block;
    margin-bottom: 15px;
    width: 95%;
    background: #f2f2f2;
    height: 55px;
    margin: 28px auto;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    -moz-box-shadow: 2px 2px 20px #dcdcdc;
    webkit-box-shadow: 2px 2px 20px #dcdcdc;
    box-shadow: 2px 2px 20px #dcdcdc;
}
.taohuazhi .taohuazhi_jd_bar{
	height: 100%;
	width:0px;
	background:#ffdde1;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	background: -webkit-linear-gradient( -135deg, #ee9ca7 0%, #ffdde1 100%);
    background: -o-linear-gradient( 45deg, #ee9ca7 0%, #ffdde1 100%);
    background: -moz-linear-gradient( 45deg, #ee9ca7 0%, #ffdde1 100%);
	background: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);
}
.taohuazhi .taohuazhi_jd_bar_percent{
	position: absolute;
    right: 5%;
    top: 0px;
    font-size: 20px;
    line-height: 55px;
    color: #212020;
}
.taohuazhi .taohuazhi_data{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.taohuazhi .taohuazhi_data_info{
	width: 40%;
	height: 38px;
    float: left;
	position:relative;
	margin-bottom: 15px;
}
.taohuazhi .taohuazhi_data_info_l{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 38px;
    background: url(/statics/ffsm/ssxo/img/ckz_bg.png) center center no-repeat;
    background-size: 100%;
    color: #fff;
    line-height: 38px;
    padding-left: 18px;
    font-size: 18px;
    box-sizing: border-box;
    z-index: 3;
}
.taohuazhi .taohuazhi_data_info_r{
	position: absolute;
    left: 83px;
    top: 5px;
    display: block;
    width: 140px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #b5b5b5;
    color: #737373;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
}

.form_bottom_txt span {
    font-size: 16px;
    color: #b2b2b2;
}

.public_btn_s .J_ajax_submit_btnsubxmfx {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	width:100%;
	background-color: #dd863c;
	color: #fff;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.public_btn_s a {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	background-color: #31b6e7;
	color: #fff;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.public_btn_s1 a {
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	background-color: #b27561;
	color: #fff;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #98a3a3;
}




@media only screen and (max-width:640px){
	.public_header {
	height: 12.06vw;
    line-height: 12.06vw;
}


.public_h_con {
    font-size: 5.63vw;
    height: 12.06vw;
    line-height: 12.06vw;
    left: 4.69vw;
}
.public_form_wrap ul {
    -moz-box-shadow: 1px 1px 4.6875vw #dedede;
    -webkit-box-shadow: 1px 1px 4.6875vw #dedede;
    box-shadow: 1px 1px 4.6875vw #dedede;
}

.public_h_menu {
    right: 4.69vw;
}
.public_h_menu img {
	height: 6.56vw;
}


.alert-marquee{
	height: 7.56vw;
    line-height: 6.56vw;
}
.alert-marquee span{
    padding-left: 4.69vw;
    padding-right: 0.78vw;
}
.alert-marquee span img{
	height: 4.69vw;
}
.alert-marquee .inner{
	font-size: 3.44vw;
	line-height: 7.56vw;
	}
.faq-menu ul {
    padding-bottom: 3.125vw;
}
.faq-menu ul li img {    
	height: 14.06vw;
    }
.faq-menu ul li p {
	font-size: 3.75vw;    
	padding-top: 2.34vw;
	}
.faq-menu ul li {
	padding-top:4.6875vw;
	}
.public_bg_from{
	padding: 4.69vw 4.69vw 4.69vw;
}

.public_form_wrap li {
	height: 8.125vw;
    line-height: 8.125vw;
    padding: 0 0 0 3.125vw;
}

.public_form_wrap .auto .sel,.public_form_wrap .auto input {
	background-size: 2.34vw;
	font-size: 3.125vw;
}

.public_form_wrap li.new_li_last,.public_form_wrap li.new_li_last .txtarea {
	height: 12.5vw;
}


.public_form_wrap .left {
	margin-right: 3.125vw;
    font-size: 3.44vw;
}

.public_form_wrap .auto input {
    height: 8.125vw;
    line-height: 8.125vw;
    padding: 0.78vw 4.69vw 0.78vw 0;
}
.public_form_wrap .J_sex {
    height: 8.125vw;
    line-height: 8.125vw;
}

.public_form_wrap .auto .sel {
	padding: 0.78vw 0
}

.public_form_wrap .sex span {
	padding-top: 1.5625vw;
	width: 18.75vw;
}
.public_form_wrap .sex i {
	width: 4.375vw;
    height: 4.375vw;
}
.public_form_wrap .sex font {
    height: 4.84375vw;
    line-height: 4.84375vw;
    padding-left: 1.5625vw;
    font-size: 3.125vw;
}
.public_form_wrap .auto .icon_right {
	width: 3.125vw;
	height: 3.125vw;
	top: 1.5625vw;
}

.public_agreement {
	padding: 1.25vw 1.5625vw;
	font-size: 2.5vw
}

.public_agreement input {
	margin-top: -0.3125vw;
	margin-right: 0.9375vw;
}

.public_btn_s {
	padding: 1.5625vw 0;
	margin: 0 1.5625vw
}

.public_btn_s1 {
	padding: 1.5625vw 0;
	margin: 0 1.5625vw;
    padding: 0.3125vw;
}
.public_btn_s .J_ajax_submit_btnsub {
    height: 8.125vw;
    line-height: 8.125vw;
    font-size: 2.8125vw;
    margin: 4.69vw auto;
	-moz-box-shadow: 1px 1px 2.34375vw #f58fad;
    -webkit-box-shadow: 1px 1px 2.34375vw #f58fad;
    box-shadow: 1px 1px 2.34375vw #f58fad;
}
.public_bg_color {
    padding: 4.69vw 4.69vw 4.69vw;
    margin-top: 1.5625vw;
}
.public_bg_color .center_bg{
	padding: 0.78125vw 1.5625vw;
	-moz-box-shadow: 1px 1px 4.6875vw #dedede;
    -webkit-box-shadow: 1px 1px 4.6875vw #dedede;
    box-shadow: 1px 1px 4.6875vw #dedede;
}
.public_bg_color .im_info_t_bg{
    height: 10.9375vw;
}
.public_bg_color .im_info_bt_bg{
    height: 10.9375vw;
}
.public_bg_color .im_info_r_bg img{
	padding-left: 1.5625vw;
}
.public_bg_color .im_info_c_t{
    height: 7.8125vw;
    line-height: 7.8125vw;
    margin: 2.34375vw auto;
    font-size: 3.75vw;
}
.public_bg_color .im_info_c_c{
	font-size: 4.06vw;
}
.rmcsbox_d {
    padding: 4.69vw;
    margin-top: 1.5625vw;
}
.rmcs_list_d .bd ul li {
    margin-bottom: 1.5625vw;
}
.rmcs_list_d .bd ul li em {
    font-size: 3.44vw;
    margin-top: 3.125vw;
    line-height: 3.44vw;
    height: 3.44vw;
}

.userinfo_right_btn {
    -moz-box-shadow: 0px 1px 1.25vw #b9b8b8;
    -webkit-box-shadow: 0px 1px 1.25vw #b9b8b8;
    box-shadow: 0px 1px 1.25vw #b9b8b8;
}
.ainuo_foot_nav{
	padding: 0.3125vw 0;
	height: 15.625vw;
	}
.ainuo_foot_nav li i{
    line-height: 6.56vw;
    height: 6.56vw;
    width: 6.56vw;
    background-size: 6.5625vw auto;
    margin-top: 3.125vw;
	}
.ainuo_foot_nav li a.botpost{
	margin-top: -1.71875vw; 
	}
.ainuo_foot_nav li a.botpost em{
	padding: 0.3125vw; 
	width: 4.69vw; 
	height: 4.69vw; 
	margin-bottom: 0.3125vw;
	}
.ainuo_foot_nav li p{
    font-size: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
    margin-top: 1.5625vw;
	}

.labtn2{
	height: 7.15625vw !important;
	line-height: 7.15625vw !important;
	border-radius: 1.25vw !important;
	margin: 2.03125vw 0.78125vw 0 !important;
}

.pay .person {
    height: 31.25vw;
}

.pay .person .hd {
    top: 6.25vw;
    left: 7.8125vw;
    width: 18.75vw;
    height: 18.75vw;  
}
.pay .person .infos p {
	font-size: 4.0625vw;
    line-height: 4.0625vw;
}

.pay .price .fl .yh{
    padding: 0 2.8125vw;
    font-size: 3.75vw;
    line-height: 7.03125vw;
    height: 7.03125vw;
    }
.pay .price .fl .gray{
    margin-top: 2.34vw;
    font-size: 3.44vw;
	}
.pay .price .fr p{
	font-size: 3.44vw;
    line-height: 7.8125vw;
    }
.pay .price{
	padding: 3.125vw 0 1.5625vw;
	}
.pay .price2{
	padding: 4.69vw 4.69vw 0;
    margin-top: 1.5625vw;
	}
.pay .price .tit1{    
	font-size: 3.75vw;
    padding: 0 3.90625vw 2.34375vw;
    margin-bottom: 2.34vw;}
.pay .price .left_l_bf:before{
    width: 0.78vw;
    height: 3.75vw;
    margin-top: 0.9375vw;
    margin-right: 1.5625vw;
}	
.pay .pay-type a{
    padding: 1.5625vw 0px 1.5625vw 5.63vw;
    margin-bottom: 4.69vw;
	}
	
.pay .pay-type li .pay-icon{
    width: 7.8125vw;
    height: 7.8125vw;
    margin-right: 1.5625vw;
	}

.pay .pay-type li span{
    font-size: 4.0625vw;
	}
.userinfo_jqs{
	padding: 3.125vw 4.69vw 0.78125vw;
}
.jqsjdwk{
    height: 15.3125vw;
    border-radius: 15.625vw 3px 7.8125vw 15.625vw;
    padding: 3.125vw 3.125vw 3.125vw 13.59375vw;
	margin-bottom: 3.125vw;
}
.skillbar {
	margin-bottom:2.34375vw;
}

.skillbar-title {
    top: -0.9375vw;
    left: -1.40625vw;
    height: 17.5vw;
    font-size: 2.1875vw;
}

.skillbar-title span {
    padding: 0 3.125vw;
    height: 5.46875vw;
    width: 29.69vw;
    line-height: 5.46875vw;
    right: 1.5625vw;
    top: 7.65625vw;
    font-size: 3.125vw;

}
.taohuazhi{
	padding: 3.125vw 4.69vw 3.125vw;
    margin-bottom: 1.5625vw;
}
.taohuazhi .taohuazhi_tit{
	width: 41.40625vw;
    height: 6.56vw;
    line-height: 6.56vw;
    font-size: 3.44vw;
}
.taohuazhi .taohuazhi_tit_l{
	left:-3.75vw;
	top:-0.46875vw;
	width: 8.125vw;
    height: 8.125vw;
}
.taohuazhi .taohuazhi_tit_r{
	right:-3.75vw;
	top:-0.46875vw;
	width: 8.125vw;
    height: 8.125vw;
	
}
.taohuazhi .taohuazhi_jd{
    margin-bottom: 2.34vw;
    height: 8.59375vw;
    margin: 4.375vw auto;
	-moz-box-shadow: 2px 2px 3.125vw #dcdcdc;
    webkit-box-shadow: 2px 2px 3.125vw #dcdcdc;
    box-shadow: 2px 2px 3.125vw #dcdcdc;
}
.taohuazhi .taohuazhi_jd_bar_percent{
    font-size: 3.125vw;
    line-height: 8.59375vw;
}

.taohuazhi .taohuazhi_data_info{
	height: 5.9375vw;
	margin-bottom: 2.34vw;
}
.taohuazhi .taohuazhi_data_info_l{
    width: 15.625vw;
    height: 5.9375vw;
    line-height: 5.9375vw;
    padding-left: 2.8125vw;
    font-size: 2.8125vw;
}
.taohuazhi .taohuazhi_data_info_r{
    left: 12.96875vw;
    top: 0.78vw;
    width: 21.875vw;
    height: 4.69vw;
    line-height: 4.69vw;
    font-size: 3.125vw;
}

.form_bottom_txt span {
    font-size: 2.5vw;
}

.public_btn_s .J_ajax_submit_btnsubxmfx {
	height: 5.3125vw;
	line-height: 5.3125vw;
	font-size: 2.8125vw;
}
.public_btn_s a {
	height: 5.3125vw;
	line-height: 5.3125vw;
	font-size: 2.8125vw;
}
.public_btn_s1 a {
	height: 5.3125vw;
	line-height: 5.3125vw;
	font-size: 2.8125vw;

}


}