@charset "utf-8";
/**
 * [OElove] (C)2010-2099 OELOVE.COM Inc.
 * Email: service@phpcoo.com, phpcoo@qq.com
 * This is not a freeware, use is subject to license terms
 * $LastTime 9:01 2020/10/29 Design by wz$ , bo
*/
body{font-size:14px;font-family: 'Microsoft YaHei','Helvetica','宋体'; color:#333; margin:0px; 
padding:0px; line-height:24px; } 
input,textarea{font-family:'Microsoft YaHei','Helvetica','宋体'; }
p,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,form{list-style:none; padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{font-family:'Microsoft YaHei','Helvetica','宋体';}

.clear{clear:both;}
i,s{font-style:normal;} 
button,textarea,input,select{outline:none;}
.w200{
    float: left;
    width: 18%;

    margin: 0 1% 20px;
    box-shadow: 0px 1px 15px 1px rgba(0,0,0,0.1);
    border-radius: 9px;
    overflow: hidden;

} 
.w220{width: 220px;}
.w250{width: 250px;} 
.w300{width: 300px;}
.w380{width: 380px;}
.w320{width: 320px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w700{width: 700px;}
.w800{width: 800px;}
.w880{width: 880px;}
.w820{width: 820px;}
.w900{width: 900px;}
.w350{width: 350px;}
.w1200{width: 1200px; margin:0 auto;}

.w14per{width: 14.28%;}
.w16per{width: 16.666%;}
.w20per{width: 20%;}
.w25per{width: 25%;}
.w30per{width: 30%;}
.w33per{width: 33.3333%;}
.w40per{width: 40%;}
.w45per{width: 45%;}
.w50per{width: 50%;}
.w60per{width: 60%;}
.w70per{width: 70%;}
.w80per{width: 80%;}
.w90per{width: 90%;}
.w100per{width: 100%;}
.mw100per{max-width: 100%;}
.min_w1200{min-width: 1200px;}
.max_h80{max-height: 80px;}
.min_h60{min-height: 60px;}
.min_h80{min-height: 80px;}
.min_h100{min-height: 100px;}

.h4{height: 4px;}
.h5{height: 5px;}
.h10{ height: 10px;}
.h15{height: 15px;}
.h18{height: 18px;}
.h20{height: 20px;}
.h24{height: 24px;}
.h28{height: 28px;}
.h30{height: 30px;}
.h32{height: 32px;}
.h35{height: 35px;}
.h36{height: 36px;}
.h40{height: 40px;}
.h42{height: 42px;}
.h45{height: 45px;}
.h48{height: 48px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h68{height: 66px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}
.h150{height: 150px;}
.h196{height: 196px;}
.h200{height: 200px;}
.h250{height: 250px;}
.h300{height: 300px;}

.h100per{height: 100%;}

.pf{position:fixed;}
.pa{position:absolute;}
.pr{position:relative;}
.ps{position:static}


@media (max-width: 1920px) 
{
.hrpic{width:100%;height:360px;object-fit: cover;}

}

@media (max-width: 1400px) 
{
.hrpic{width:100%;height:280px;object-fit: cover;}
}
	
	
.pf_i{position:fixed!important;}
.pa_i{position:absolute!important;}
.pr_i{position:relative!important;}
.ps_i{position:static!important;}

.ltrb{left:0; top:0; right:0; bottom:0;}/*满屏*/
.ltb{left: 0; top: 0; bottom: 0;}
.rtb{right:0;top:0; bottom:0;}
.ltr{left:0; top:0; right:0;}  /*固定顶部*/
.lbr{left:0; bottom:0; right:0;} 
.lt{left:0; top:0;}
.rt{right:0;top:0;}
.rb{right:0; bottom:0;}
.lb{left:0; bottom:0;}
.br{bottom:0; right:0;}
.b{bottom: 0px;}

.t0{top: 0;}
.t1{top: 1px;}
.t2{top: 2px;}
.t3{top: 3px;}
.t4{top: 4px;}
.t5{top: 5px;}
.t6{top: 6px;}
.t7{top: 7px;}
.t8{top: 8px;}
.t10{top: 10px;}
.t15{top: 15px;}
.t18{top: 18px;}
.t20{top: 20px;}
.t48{top:  48px;}

.t0_i{top: 0 !important;}
.b0_i{bottom: 0 !important;}

.t50per{top:50%;}

.t_1{top: -1px;}
.t_2{top: -2px;}
.t_3{top: -3px;}
.t_5{top: -5px;}
.t_6{top: -6px;}
.t_10{top: -10px;}

.l0{left: 0;}
.l1{left: 1px;}
.l2{left: 2px;}
.l3{left: 3px;}
.l5{left: 5px;}
.l15{left: 15px;}

.l0{left: 0;}
.l_1{left: -1px;}
.l_2{left: -2px;}
.l_3{left: -3px;}
.l_5{left: -5px;}

.l50per{left: 50%;}

.l0_i{left: 0!important;}
.l220{left: 220px;}

.r0{right: 0;}
.r1{right: 1px;}
.r2{right: 2px;}
.r3{right: 3px;}
.r5{right: 5px;}
.r10{right: 10px;}
.r15{right: 15px;}
.r20{right: 20px;}
.r30{right: 30px;}
.r35{right: 35px;}
.r40{right: 40px;}

.b0{bottom: 0;}
.b5{bottom: 5px;}
.b8{bottom: 8px;}
.b10{bottom: 10px;}
.b15{bottom: 15px;}
.b20{bottom: 20px;}
.b40{bottom: 40px;}
.b46{bottom: 46px;}

.b0_i{bottom: 0!important;}

.z100{z-index:100;}
.z200{z-index:200;}
.z300{z-index:300;}
.z400{z-index:400;}
.z500{z-index:500;}
.z600{z-index:600;}
.z1000{z-index:1000;}
.z2000{z-index:2000;}

.z100_i{z-index:100!important;}
.z200_i{z-index:200!important;}
.z300_i{z-index:300!important;}
.z400_i{z-index:400!important;}
.z500_i{z-index:500!important;}
.z600_i{z-index:600!important;}
.z1000_i{z-index:1000!important;}
.z2000_i{z-index:2000!important;}

.t_center{text-align:center;}
.t_right{text-align: right;}
.t_left{text-align: left;}

.transf_ali_cenmid{left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.transf_ali_center{left: 50%;transform: translateX(-50%);}
.transf_ali_middle{top: 50%;transform: translateY(-50%);}


.fl{float:left;}
.fr{float:right;}
.fnone{float: none;}
.fnone_i{float: none!important;}
.clearfix{overflow: hidden\8;}
.clearfix::after{content: " ";display: block;height: 0;clear: both;}


.p0{padding: 0;}
.p3{padding: 3px;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p12{padding: 12px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.pn{padding: 0px;}
.ptb1{padding-top: 1px; padding-bottom: 1px;}
.ptb2{padding-top: 2px; padding-bottom: 2px;}
.ptb3{padding-top: 3px; padding-bottom: 3px;}
.ptb4{padding-top: 4px; padding-bottom: 4px;}
.ptb5{padding-top: 5px; padding-bottom: 5px;}
.ptb6{padding-top: 6px; padding-bottom: 6px;}
.ptb7{padding-top: 7px; padding-bottom: 7px;}
.ptb8{padding-top: 8px; padding-bottom: 8px;}
.ptb9{padding-top: 9px; padding-bottom: 9px;}
.ptb10{padding-top: 10px; padding-bottom: 10px;}
.ptb12{padding-top: 12px; padding-bottom: 12px;}
.ptb15{padding-top: 15px; padding-bottom: 15px;}
.ptb18{padding-top: 18px; padding-bottom: 18px;}
.ptb20{padding-top: 20px; padding-bottom: 20px;}
.ptb30{padding-top: 30px; padding-bottom: 30px;}
.plr3{padding-left: 3px; padding-right: 3px;}
.plr4{padding-left: 4px; padding-right: 4px;}
.plr5{padding-left: 5px; padding-right: 5px;}
.plr7{padding-left: 7px;padding-right: 7px;}
.plr8{padding-left: 8px; padding-right: 8px;}
.plr10{padding-left: 10px; padding-right: 10px;}
.plr12{padding-left: 12px;padding-right: 12px;}
.plr15{padding-left: 15px; padding-right: 15px;}
.plr18{padding-left: 18px; padding-right: 18px;}
.plr20{padding-left: 20px; padding-right: 20px;}
.plr30{padding-left: 30px; padding-right: 30px;}
.plr40{padding-left: 40px; padding-right: 40px;}
.plr50{padding-left: 50px; padding-right: 50px;}
.plr60{padding-left: 60px; padding-right: 60px;}
.plr70{padding-left: 70px; padding-right: 70px;}
.plr80{padding-left: 80px; padding-right: 80px;}

.ptn{padding-top: 0;}
.pt3{padding-top: 3px;}
.pt4{padding-top: 4px;}
.pt5{padding-top: 5px;}
.pt6{padding-top: 6px;}
.pt8{padding-top: 8px;}
.pt10{padding-top: 10px;}
.pt12{padding-top: 12px;}
.pt15{padding-top: 15px;}
.pt17{padding-top: 17px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}


.pr0{padding-right: 0;}
.pr8{padding-right: 8px;}
.pr10{padding-right: 10px;}

.pb0{padding-bottom: 0;}
.pb2{padding-bottom: 2px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}

.pb_100per{padding-bottom: 100%;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px!important;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pl110{padding-left: 110px;}
.pl120{padding-left: 120px;}
.pl130{padding-left: 130px;}
.pl140{padding-left: 140px;}
.pl150{padding-left: 150px;}
.pl200{padding-left: 200px;}
.pl220{padding-left: 220px;}

.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}
.pr110{padding-right: 110px;}


.m0{margin: 0;}
.m8{margin: 8px;}
.m10{margin: 10px;}
.m15{margin: 15px;}

.mto{margin:0 auto;}
.m0_a{margin: 0 auto;}

.mlr3{margin-left: 3px; margin-right: 3px;}
.mlr5{margin-left: 5px; margin-right: 5px;}
.mlr8{margin-left: 8px; margin-right: 8px;}
.mlr10{margin-left: 10px; margin-right: 10px;}
.mlr15{margin-left: 15px; margin-right: 15px;}
.mlr20{margin-left: 20px;margin-right: 20px;}

.mtb5{margin: 5px 0;}
.mtb6{margin: 6px 0;}
.mtb10{margin: 10px 0;}

.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt_10{margin-top: -10px;}
.mt_11{margin-top: -11px;}
.mr0{margin-right: 0;}
.mr1{margin-right: 1px;}
.mr2{margin-right: 2px;}
.mr3{margin-right: 3px;}
.mr4{margin-right: 4px;}
.mr5{margin-right: 5px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr11{margin-right: 11px;}
.mr12{margin-right: 12px;}
.mr15{margin-right: 15px;}
.mr60{margin-right: 60px;}
.ml_1{margin-left: -1px;}
.ml_2{margin-left: -2px;}
.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}



.mr5{margin-right: 5px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.bb_line{border-bottom:10px solid #f5f8fa;}

.oh{overflow: hidden;}
.ox{overflow-x: auto; white-space: nowrap;-webkit-overflow-scrolling: touch;}
.oy{overflow-y: auto; -webkit-overflow-scrolling: touch;}

.dc{display: flex; align-items:center; justify-content: center;}
.ds_hide{display: none!important;}

.lhn{line-height: normal;}
.lh15{line-height: 15px;}
.lh18{line-height: 18px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh24{line-height: 24px;}
.lh26{line-height: 26px;}
.lh28{line-height: 28px;}
.lh30{line-height: 30px;}
.lh32{line-height: 32px;}
.lh35{line-height: 35px;}
.lh36{line-height: 36px;}
.lh38{line-height: 38px;}
.lh40{line-height: 40px!important;}
.lh42{line-height: 42px;}
.lh45{line-height: 45px;}
.lh48{line-height: 48px;}
.lh50{line-height: 50px;}
.lh60{line-height: 60px;}
.lh66{line-height: 66px;}
.lh70{line-height: 70px;}
.lh80{line-height: 80px;}

.color_f{color:#fff!important;}
.color_3{color:#333!important;}
.color_6{color:#666!important;}
.color_9{color:#999!important;}
.color_e5{color:#e5e5e5!important;}
.color_f40{color:#f40!important;}
.color_light{color:#d7d7d7!important;}
.color_m{color:#cccccc!important;}
.color_c{color:#cccccc!important;}
.color_main{color:#FF589B!important;}
.color_green{color:#13ca87!important;}
.color_tips{color:#ff8f4a!important;}
.color_name{color:#4d83cf!important;}
.color_yellow{color:yellow!important;}
.color_alipay{color:#40afff!important;}
.color_weixinpay{color:#13ca87!important;}
.color_cardpay{color:#14b2c9!important;}
.color_nan{color:#40afff!important;}
.color_nv{color:#ff89b5!important;}
.color_red{color: #ff382c!important;}
.color_blue{color:#0483e5!important;}
.color_ff0{color:#ff0000!important;}
.color_vip{color:#dab370;}
.color_ps{color:#7f91ac;}
.color_ye{color:#ffcc3a;}

.bg_f{background:#fff;}
.bg_fa{background: #fafafa;}
.bg_0{background:#000;}
.bg_f5{background:#f5f5f5;}
.bg_f6{background:#f6f6f6;}
.bg_f2{background:#f2f2f2;}
.bg_de{background:#dedede;}
.bg_red{background: #ff382c;}
.bg_f40{background: #f40;}
.bg_f7{background:#f7f7f7;}
.bg_fc{background:#fcfcfc;}
.bg_9{background: #999;;}
.bg_main{background: #FF589B;}
.bg_green{background: #13ca87;}
.bg_light{background: #f2f6ff;}
.bg_body{background:#f7f8fc;}
.bg_tips{background: #fff5f5;}
.bg_nan{background:#40afff;}
.bg_nv{background:#ff89b5;}
.bg_alipay{background:#40afff;}
.bg_vip{background:#fffbf5;}
.bg_span{background:#fafcff;}
.bgn{background: none!important;}
.bg_gao{background: #fcb63a;}
.bg_gray{background: #f2f6ff;}
.bg_tag{background: #f2f6ff;}
.bg_quan{background: #fff6f5;}
.bg_e{background: #eee;}
.bg_c{background-color: #ccc;}

.bg_f_i{background:#fff!important;}
.bg_0_i{background:#000!important;}
.bg_f5_i{background:#f5f5f5!important;}
.bg_f6_i{background:#f6f6f6!important;}
.bg_f2_i{background:#f2f2f2!important;}
.bg_de_i{background:#dedede!important;}
.bg_red_i{background: #FF589B!important;}
.bg_f40_i{background: #f40!important;}
.bg_f7_i{background:#f7f7f7!important;}
.bg_fc_i{background:#fcfcfc!important;}
.bg_main_i{background: #FF589B!important;}
.bg_green_i{background: #13ca87!important;}
.bg_light_i{background: #f2f6ff!important;}
.bg_body_i{background:#f7f8fc!important;}
.bg_tips_i{background: #fff5f5!important;}
.bg_nan_i{background:#40afff!important;}
.bg_nv_i{background:#ff89b5!important;}
.bg_alipay_i{background:#40afff!important;}
.bg_vip_i{background:#fffbf5!important;}
.bg_span_i{background:#fafcff!important;}
.bgn_i{background: none!important;}
.bg_gao_i{background: #fcb63a!important;}
.bg_gray_i{background: #f2f6ff!important;}
.bg_tag_i{background: #f2f6ff!important;}
.bg_quan_i{background: #fff1f1!important;}



.bn{border: none;}
.bo_0{border:0;}
.bo_bf7{border-bottom: 1px solid #f7f7f7;}
.bo_beb{border-bottom: 1px solid #ebebeb;}
.bo_bdeb{border-bottom: 1px dashed #ebebeb;}
.bo_bf2{border-bottom: 1px solid #f2f2f2;}
.bo_tf7{border-top: 1px solid #f7f7f7;}
.bo_rf7{border-right: 1px solid #f7f7f7;}
.bo_eb{border: 1px solid #e1e1e1;}
.bo_f7{border: 1px solid #f7f7f7;}
.bo_d9{border: 1px solid #d9d9d9;}
.bo_f{border:1px solid #fff;}
.bo_dd9{border: 1px dashed #d9d9d9;}
.bo_light{border:1px solid #edf3ff;}
.bo_red{border:1px solid #ff7453;}
.bo_main{border:1px solid #FF589B;}
.bo_right{border-right: 1px solid #f7f7f7;}
.bo_left{border-left: 1px solid #f7f7f7;}
.bg_tran{background: rgba(0, 0, 0, 0.2);}
.bg_tran_5{background: rgba(0, 0, 0, 0.5);}
.bg_tran_8{background: rgba(0, 0, 0, 0.8);}
.bo_green{border: 1px solid #13ca87;}

.op_0{opacity: 0;}
.op_2{opacity: 0.2;}
.op_4{opacity: 0.4;}
.op_8{opacity: 0.8;}

.fz0{font-size: 0;}
.fz10{font-size: 10px;}
.fz11{font-size: 11px;}
.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz19{font-size: 19px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}
.fz36{font-size: 36px;}
.fz40{font-size: 40px;}
.fz45{font-size: 45px;}
.fz48{font-size: 48px;}
.fz50{font-size: 50px;}
.fz60{font-size: 60px;}
.fz70{font-size: 70px;}
.fz75{font-size: 75px;}
.fz80{font-size: 80px;}



.ob_c{width:100%;object-fit:cover;}


span,label,b,em,i{font-style:normal; display:inline-block;}
.inline_block{display:inline-block;vertical-align: top;}
.inline{display: inline;}
.block{display: block;}

.bright_min{border-radius: 0 3px 3px 0;}
.bleft_min{border-radius: 3px 0 0 3px;}
.bright{border-radius: 0 75px 75px 0;}
.bleft{border-radius: 75px 0 0 75px;}
.br{border-radius: 13rem;}
.br0{border-radius: 0px;}
.br2{border-radius: 2px;}
.br3{border-radius: 3px;}
.br4{border-radius: 4px;}
.br5{border-radius: 5px;}
.br8{border-radius: 8px;}
.br10{border-radius: 10px;}
.br12{border-radius: 12px;}
.br15{border-radius: 15px;}
.br30{border-radius: 30px;}
.br40{border-radius: 40px;}
.bo_3{border-width: 1px; border-bottom: none;}
.br_5{border-radius: 5px 5px 0px 0px;}


.br50per{border-radius: 50%;}

.brt8{border-radius: 8px 8px 0 0;}

.ws{white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.vam{vertical-align:middle;}
.vat{vertical-align: top;}
.vaba{vertical-align: baseline;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.bsb{box-sizing:border-box;}

.cursor{cursor: pointer;}
.bsd{box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.04);}
.bsd2{box-shadow: 4px 5px 3px 0 rgba(0, 0, 0, 0.1);}
ul,li,dl,dt,dd{font-style: none; padding:0px; margin: 0px; list-style:none; }
.hover:hover{opacity: 0.8;}
.t_hover:hover,.t_hover:hover a{color:#FF589B!important;}

/*media screen*/
.img_70 {width: 120px;height: 120px;border-radius: 50%; border: 2px solid #f3f3f3;}


.user_list .item .avatar .ob_c{filter: blur(0px);-webkit-transform: scale(1);-webkit-transition: all ease 300ms;transform: scale(1);transition: all ease 300ms;}
.user_list .item:hover .avatar .ob_c{filter: blur(8px);transform: scale(1.1);}
.user_list .item .mask{display: none;background: rgba(0, 0, 0, 0);-webkit-transition: all ease 300ms;transition: all ease 300ms;}
.user_list .item:hover .mask{display: block;background: rgba(0, 0, 0, 0.6);}
.user_list .item button{-webkit-transform: translateY(55px);-webkit-transition: all ease 300ms;transform: translateY(95px);transition: all ease 300ms;}
.user_list .item:hover button{-webkit-transform: translateY(0);transform: translateY(0)}
.user_tab span.current{color:#ff589b;}
.user_tab span.current:after{content: ''; width: 20px; height: 2px; background: #ff589b; display: inline-block; position: absolute; left: 50%; bottom: 0px; margin-left: -10px;}
.user_tab i{top:10px}

.oe_page{text-align:center; padding-bottom:60px; padding-top:60px;}
.oe_page a{display:inline-block; background:#fff; margin:0px 2px; padding:0px 10px; border:1px solid #d3d3d3;}
.oe_page a._current,.oe_page a:hover{background:#ff589b; border:1px solid #ff589b; color:#fff;}
.oe_page span{display:inline-block;}
.article_tab a.current{border: 1px solid #ff589b!important; background: #ff589b; color:#fff;}
.pl280{padding-left: 280px;}