html{font-size: 75px;} /*初始的字体参考值*/
.max_w{max-width:750px;}
.max_w500{max-width:500px;}
input, textarea, select, button {outline: none !important;}
body{background:#f7f7f7;}

.font0{font-size:0px;}
.font8{font-size:8px;font-size:.12rem;}
.font9{font-size:9px;font-size:.135rem;}
.font10{font-size:10px;font-size:.15rem;}
.font11{font-size:11px;font-size:.165rem;}
.font12{font-size:12px;font-size:.18rem;}
.font13{font-size:13px;font-size:.195rem;}
.font14{font-size:14px;font-size:.21rem;}
.font15{font-size:15px;font-size:.225rem;}
.font16{font-size:16px;font-size:.24rem;}
.font18{font-size:18px;font-size:.27rem;}
.font20{font-size:20px;font-size:.3rem;}
.font22{font-size:22px;font-size:.33rem;}
.font24{font-size:24px;font-size:.36rem;}
.font25{font-size:25px;font-size:.375rem;}
.font30{font-size:30px;font-size:.45rem;}
.font50{fotn-size:50px;font-size:.75rem;}

.fw300{font-weight:300;}
.fw600{font-weight:600;}


/*p padding  pr padding-right  pl padding-left pt padding-top pb padding-bottom*/

.p0{padding:0px;}
.p1{padding:1px;padding:.015rem;}
.p2{padding:2px;padding:.03rem;}
.p3{padding:3px;padding:.045rem;}
.p5{padding:5px;padding:.075rem;}
.p6{padding:6px;padding:.09rem;}
.p7{padding:7px;padding:.105rem;}
.p8{padding:8px;padding:.12rem;}
.p10{padding:10px;padding:.15rem;}
.p15{padding:15px;padding:.225rem;}
.p20{padding:20px;padding:.3rem;}
.p30{padding:30px;padding:.45rem;}



.pl1{padding-left:1px;padding-left:.015rem;}
.pl2{padding-left:2px;padding-left:.03rem;}
.pl3{padding-left:3px;padding-left:.045rem;}
.pl5{padding-left:5px;padding-left:.075rem;}
.pl8{padding-left:8px;padding-left:.12rem;}
.pl10{padding-left:10px;padding-left:.15rem;}
.pl15{padding-left:15px;padding-left:.225rem;}
.pl20{padding-left:20px;padding-left:.3rem;}
.pl30{padding-left:30px;padding-left:.45rem;}
.pl35{padding-left:35px;padding-left:.525rem;}
.pl40{padding-left:40px;padding-left:.6rem;}

.pr1{padding-right:1px;padding-right:.015rem;}
.pr2{padding-right:2px;padding-right:.03rem;}
.pr3{padding-right:3px;padding-right:.045rem;}
.pr5{padding-right:5px;padding-right:.075rem;}
.pr8{padding-right:8px;padding-right:.12rem;}
.pr10{padding-right:10px;padding-right:.15rem;}
.pr15{padding-right:15px;padding-right:.225rem;}
.pr20{padding-right:20px;padding-right:.3rem;}
.pr30{padding-right:30px;padding-right:.45rem;}
.pr35{padding-right:35px;padding-right:.525rem;}
.pr40{padding-right:40px;padding-right:.6rem;}

.pt1{padding-top:1px;padding-top:.015rem;}
.pt2{padding-top:2px;padding-top:.03rem;}
.pt3{padding-top:3px;padding-top:.045rem;}
.pt5{padding-top:5px;padding-top:.075rem;}
.pt8{padding-top:8px;padding-top:.12rem;}
.pt10{padding-top:10px;padding-top:.15rem;}
.pt15{padding-top:15px;padding-top:.225rem;}
.pt20{padding-top:20px;padding-top:.3rem;}
.pt30{padding-top:30px;padding-top:.45rem;}
.pt35{padding-top:35px;padding-top:.525rem;}
.pt40{padding-top:40px;padding-top:.6rem;}
.pt50{padding-top:50px;padding-top:.75rem;}

.pb1{padding-bottom:1px;padding-bottom:.015rem;}
.pb2{padding-bottom:2px;padding-bottom:.03rem;}
.pb3{padding-bottom:3px;padding-bottom:.045rem;}
.pb5{padding-bottom:5px;padding-bottom:.075rem;}
.pb8{padding-bottom:8px;padding-bottom:.12rem;}
.pb10{padding-bottom:10px;padding-bottom:.15rem;}
.pb15{padding-bottom:15px;padding-bottom:.225rem;}
.pb20{padding-bottom:20px;padding-bottom:.3rem;}
.pb30{padding-bottom:30px;padding-bottom:.45rem;}
.pb35{padding-bottom:35px;padding-bottom:.525rem;}
.pb40{padding-bottom:40px;padding-bottom:.6rem;}


.p0_3{padding:0px 3px;padding:0rem .045rem;}
.p0_5{padding:0px 5px;padding:0rem .075rem;}
.p0_8{padding:0px 8px;padding:0rem .12rem;}
.p0_10{padding:0px 10px;padding:0 .15rem;}
.p0_15{padding:0px 15px;padding:0 .225rem;}
.p0_20{padding:0px 20px;padding:0 .3rem;}
.p2_5{padding:2px 5px;padding:.03rem .075rem;}
.p3_8{padding:3px 8px;padding:.045rem .12rem;}
.p3_5{padding:3px 5px;padding:.045rem .075rem;}
.p3_10{padding:3px 10px;padding:.045rem .15rem;}
.p5_0{padding:5px 0px;padding:.075rem 0rem;}
.p5_10{padding:5px 10px;padding:.075rem .15rem;}
.p5_12{padding:5px 10px;padding:.075rem .18rem;}
.p5_15{padding:5px 15px;padding:.075rem .225rem;}
.p5_20{padding:5px 15px;padding:.075rem .3rem;}

.p7_10{padding:7px 10px;padding:.105rem .15rem;}
.p8_0{padding:8px 0px;padding:.12rem 0;}
.p8_10{padding:8px 10px;padding:.12rem .15rem;}
.p10_0{padding:10px 0px;padding:.15rem .0rem;}
.p10_15{padding:10px 15px;padding:.15rem .225rem;}
.p10_20{padding:10px 20px;padding:.15rem .3rem;}
.p15_0{padding:15px 0px;padding:.225rem .0rem;}
.p15_10{padding:15px 10px;padding:.225rem .15rem;}


.pbp50{padding-bottom:50%;}
.pbp55{padding-bottom:55%;}
.pbp60{padding-bottom:60%;}
.pbp65{padding-bottom:65%;}
.pbp70{padding-bottom:70%;}
.pbp80{padding-bottom:80%;}
.pbp90{padding-bottom:90%;}
.pbp100{padding-bottom:100%;}


.m2{margin:2px;margin:.03rem;}
.m3{margin:3px;margin:.045rem;}
.m5{margin:5px;margin:.075rem;}
.m6{margin:6px;margin:.09rem;}
.m8{margin:8px;margin:.12rem;}
.m10{margin:10px;margin:.15rem;}
.m15{margin:15px;margin:.225rem;}
.m20{margin:20px;margin:.3rem;}

.m0_5{margin:0px 5px;margin:0rem .075rem;}
.m0_10{margin:0px 10px;margin:0rem .15rem;}
.m5_0{margin:5px 0px;margin:.075rem 0rem;}
.m5_10{margin:5px 10px;margin:.075rem .15rem;}
.m10_0{margin:10px 0px;margin:.15rem 0rem;}
.m10_5{margin:10px 5px;margin:.15rem .075rem;}
.m10_10{margin:10px 10px;margin:.15rem .15rem;}

.mt0{margin-top:0px;margin-top:0rem;}
.mt2{margin-top:2px;margin-top:.03rem;}
.mt3{margin-top:3px;margin-top:.045rem;}
.mt5{margin-top:5px;margin-top:.075rem;}
.mt6{margin-top:6px;margin-top:.09rem;}
.mt7{margin-top:7px;margin-top:.105rem;}
.mt8{margin-top:8px;margin-top:.12rem;}
.mt10{margin-top:10px;margin-top:.15rem;}
.mt12{margin-top:12px;margin-top:.18rem;}
.mt15{margin-top:15px;margin-top:.225rem;}
.mt20{margin-top:20px;margin-top:.3rem;}
.mt25{margin-top:25px;margin-top:.375rem;}
.mt27{margin-top:27px;margin-top:.405rem;}
.mt30{margin-top:30px;margin-top:.45rem;}
.mt35{margin-top:35px;margin-top:.525rem;}
.mt40{margin-top:40px;margin-top:.6rem;}
.mt45{margin-top:45px;margin-top:.675rem;}
.mt50{margin-top:50px;margin-top:.75rem;}
.mt55{margin-top:55px;margin-top:.825rem;}
.mt60{margin-top:60px;margin-top:.9rem;}
.mt100{margin-top:100px;margin-top:1.5rem;}

.ml0{margin-left:0px;margin-left:0rem;}
.ml2{margin-left:2px;margin-left:.03rem;}
.ml3{margin-left:3px;margin-left:.045rem;}
.ml5{margin-left:5px;margin-left:.075rem;}
.ml8{margin-left:8px;margin-left:.12rem;}
.ml10{margin-left:10px;margin-left:.15rem;}
.ml15{margin-left:15px;margin-left:.225rem;}
.ml20{margin-left:20px;margin-left:.3rem;}

.mr0{margin-right:0px;margin-right:0rem;}
.mr2{margin-right:2px;margin-right:.03rem;}
.mr3{margin-right:3px;margin-right:.045rem;}
.mr5{margin-right:5px;margin-right:.075rem;}
.mr8{margin-right:8px;margin-right:.12rem;}
.mr10{margin-right:10px;margin-right:.15rem;}
.mr15{margin-right:15px;margin-right:.225rem;}
.mr20{margin-right:20px;margin-right:.3rem;}

.mb0{margin-bottom:0px;margin-bottom:0rem;}
.mb5{margin-bottom:5px;margin-bottom:.075rem;}
.mb8{margin-bottom:8px;margin-bottom:.12rem;}
.mb10{margin-bottom:10px;margin-bottom:.15rem;}
.mb15{margin-bottom:15px;margin-bottom:.225rem;}
.mb20{margin-bottom:20px;margin-bottom:.3rem;}
.mb50{margin-bottom:50px;margin-bottom:.75rem;}

.h0{height:0px;height:0rem;}
.h5{height:5px;height:.075rem;}
.h7{height:7px;height:.105rem;}
.h8{height:8px;height:.12rem;}
.h10{height:10px;height:.15rem;}
.h15{height:15px;height:.225rem;}
.h18{height:18px;height:.27rem;}
.h20{height:20px;height:.3rem;}
.h25{height:25px;height:.375rem;}
.h27{height:27px;height:.405rem;}
.h30{height:30px;height:.45rem;}
.h35{height:35px;height:.525rem;}
.h40{height:40px;height:.6rem;}
.h45{height:45px;height:.675rem;}
.h47{height:47px;height:.705rem;}
.h50{height:50px;height:.75rem;}
.h51{height:51px;height:.765rem;}
.h54{height:54px;height:.81rem;}
.h55{height:55px;height:.825rem;}
.h60{height:60px;height:.9rem;}
.h65{height:65px;height:.975rem;}
.h70{height:70px;height:1.05rem;}
.h75{height:75px;height:1.125rem;}
.h80{height:80px;height:1.2rem;}
.h85{height:85px;height:1.275rem;}
.h90{height:90px;height:1.35rem;}
.h95{height:95px;height:1.425rem;}
.h100{height:100px;height:1.5rem;}
.h105{height:105px;height:1.575rem;}
.h110{height:110px;height:1.65rem;}
.h120{height:120px;height:1.8rem;}
.h150{height:150px;height:2.25rem;}
.h200{height:200px;height:3rem;}
.h280{height:280px;height:4.2rem;}
.h300{height:300px;height:4.5rem;}


.l_h10{line-height:10px;line-height:.15rem;}
.l_h15{line-height:15px;line-height:.225rem;}
.l_h18{line-height:18px;line-height:.27rem;}
.l_h20{line-height:20px;line-height:.3rem;}
.l_h25{line-height:25px;line-height:.375rem;}
.l_h27{line-height:27px;line-height:.405rem;}
.l_h30{line-height:30px;line-height:.45rem;}
.l_h35{line-height:35px;line-height:.525rem;}
.l_h40{line-height:40px;line-height:.6rem;}
.l_h45{line-height:45px;line-height:.675rem;}
.l_h50{line-height:50px;line-height:.75rem;}
.l_h51{line-height:51px;line-height:.765rem;}
.l_h55{line-height:55px;line-height:.825rem;}
.l_h60{line-height:60px;line-height:.9rem;}
.l_h65{line-height:65px;line-height:.975rem;}
.l_h70{line-height:70px;line-height:1.05rem;}
.l_h75{line-height:75px;line-height:1.125rem;}
.l_h80{line-height:80px;line-height:1.2rem;}
.l_h85{line-height:85px;line-height:1.275rem;}
.l_h90{line-height:90px;line-height:1.35rem;}
.l_h90{line-height:90px;line-height:1.425rem;}
.l_h100{line-height:100px;line-height:1.5rem;}
.l_h120{line-height:120px;line-height:1.8rem;}
.l_h150{line-height:150px;line-height:2.25rem;}
.l_h200{line-height:200px;line-height:3rem;}


.max_h36{max-height:40px;max-height:.54rem;}
.max_h40{max-height:40px;max-height:.6rem;}
.max_h45{max-height:45px;max-height:.675rem;}
.max_h54{max-height:54px;max-height:.81rem;}
.max_h60{max-height:60px;max-height:.9rem;}
.max_h80{max-height:80px;max-height:1.2rem;}
.max_h100{max-height:100px;max-height:1.5rem;}
.max_h200{max-height:200px;max-height:3rem;}
.max_h280{max-height:280px;max-height:4.2rem;}
.max_h300{max-height:300px;max-height:4.5rem;}

.w0{width:0px;width:0rem;}
.w5{width:7px;width:.075rem;}
.w7{width:7px;width:.105rem;}
.w8{width:8px;width:.12rem;}
.w10{width:10px;width:.15rem;}
.w15{width:15px;width:.225rem;}
.w20{width:20px;width:.3rem;}
.w25{width:25px;width:.375rem;}
.w30{width:30px;width:.45rem;}
.w35{width:35px;width:.525rem;}
.w40{width:40px;width:.6rem;}
.w45{width:45px;width:.675rem;}
.w47{width:47px;width:.705rem;}
.w50{width:50px;width:.75rem;}
.w55{width:55px;width:.825rem;}
.w60{width:60px;width:.9rem;}
.w65{width:65px;width:.975rem;}
.w70{width:70px;width:1.05rem;}
.w75{width:75px;width:1.125rem;}
.w80{width:80px;width:1.2rem;}
.w85{width:85px;width:1.275rem;}
.w90{width:90px;width:1.35rem;}
.h95{width:95px;width:1.425rem;}
.w100{width:100px;width:1.5rem;}
.w105{width:105px;width:1.575rem;}
.w110{width:110px;width:1.65rem;}
.w120{width:120px;width:1.8rem;}
.w130{width:130px;width:1.95rem;}
.w150{width:150px;width:2.25rem;}


.wp100{width:100%;}
.wp95{width:95%;}
.wp90{width:90%;}
.wp85{width:85%;}
.wp80{width:80%;}
.wp75{width:75%;}
.wp70{width:70%;}
.wp65{width:65%;}
.wp60{width:60%;}
.wp55{width:55%;}
.wp50{width:50%;}
.wp45{width:45%;}
.wp40{width:40%;}
.wp35{width:35%;}
.wp30{width:30%;}
.wp25{width:25%;}
.wp20{width:20%;}
.wp15{width:15%;}
.wp10{width:10%;}
.wp5{width:5%;}

.wp49{width:49%;}
.wp32{width:32%;}





.hp100{height:100%;}
.hp95{height:95%;}
.hp90{height:90%;}
.hp85{height:85%;}
.hp80{height:80%;}
.hp70{height:70%;}
.hp60{height:60%;}
.hp50{height:50%;}
.hp40{height:40%;}
.hp30{height:30%;}
.hp20{height:20%;}
.hp15{height:15%;}
.hp10{height:10%;}
.hp5{height:5%;}






.mlp2{margin-left:2%;}
.mrp2{margin-right:2%;}
.mlp1{margin-left:1%;}
.mrp1{margin-right:1%;}


.br3{border-radius:3px;border-radius:.045rem;}
.br5{border-radius:5px;border-radius:.075rem;}
.br6{border-radius:6px;border-radius:.09rem;}
.br6{border-radius:7px;border-radius:.105rem;}
.br8{border-radius:8px;border-radius:.12rem;}
.br10{border-radius:10px;border-radius:.15rem;}
.br15{border-radius:15px;border-radius:.225rem;}
.br20{border-radius:20px;border-radius:.3rem;}
.br30{border-radius:30px;border-radius:.45rem;}
.br50{border-radius:50px;border-radius:.75rem;}

.br5500{border-radius:5px 5px 0 0;border-radius:.075rem .075rem 0 0;}
.br101000{border-radius:10px 10px 0 0;border-radius:.15rem .15rem 0 0;}
.br001010{border-radius:0 0 10px 10px;border-radius:0 0 0.15rem 0.15rem;}

.c_333{color:#333;}
.c_555{color:#555;}
.c_666{color:#666;}
.c_888{color:#888;}
.c_999{color:#999;}

.opacity5{opacity:0.5}
.opacity7{opacity:0.7}
.bg_0005{background:rgba(0, 0, 0, 0.5);}
.bg_0007{background:rgba(0, 0, 0, 0.7);}


.box_ddd{box-shadow: 2px 2px 5px #eee;box-shadow:.03rem .03rem .075rem #efefef;}
.box_b7dfdd{box-shadow: -2px 2px 5px #b7dfdd;box-shadow:-.03rem .03rem .075rem #b7dfdd;}

/*boot 弹框的样式*/
.close_style{position:relative;width:.015rem;height:.225rem;background: #aaa;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;}
.close_style:after{content: "";position: absolute;top: 0;left: 0;width:.015rem;height:.225rem;background: #aaa;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}
/*详情页的类别图标*/
.item_icon{float:left;margin-top:14px;margin-top:.21rem;background:#ff5575;width:4px;height:16px;width:.06rem;height:.24rem;margin-right:5px;margin-right:.075rem;border-radius:2px;}
/*左侧 圆形悬浮按钮*/
.left_fix{position:fixed;cursor:pointer;left:10px;z-index:90;background:-webkit-linear-gradient(top,#ff2a67, #ff5544);filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;border-radius:50%;text-align:center;overflow:hidden;box-shadow:0 0.15rem 0.2rem 0 rgba(255,34,68,.3);border:2px solid #fff;border:.03rem solid #fff;}
.left_fix_text{line-height:12.5px;line-height:0.1875rem;}
/*右侧 圆形悬浮按钮*/
.right_fix{position:fixed;cursor:pointer;right:10px;z-index:90;background:-webkit-linear-gradient(top,#ff2a67, #ff5544);filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;border-radius:50%;text-align:center;overflow:hidden;box-shadow:0 0.15rem 0.2rem 0 rgba(255,34,68,.3);border:2px solid #fff;border:.03rem solid #fff;}
.right_fix_text{line-height:12.5px;line-height:0.1875rem;}
/*凭证页章*/
.zhang_icon{position:relative;background-size:80%;text-align:center;height:90px;height:1.35rem;width:90px;width:1.35rem;z-index:900;opacity: 0.8;}
/*验证页章*/
.dd_zhang_icon{position:absolute;background-size:80%;height:80px;height:1.2rem;width:80px;width:1.2rem;z-index:900;right:10px;right:.15rem;top:100px;top:1.5rem;opacity: 0.8;}


.d_flex{display:flex;}
.flex_column{flex-direction:column;}
.d_flex>.flex1{flex:1 1 auto;}
.d_flex>.flex0{flex:0 0 auto;}

.flex_align_center{align-items:center;}
.flex_content_center{justify-content:center;}


.d_ib{display:inline-block;}

.va_top{vertical-align:top;}

.over_y_scroll{overflow-y:scroll;}
.over_x_scroll{overflow-x:scroll;}
.scroll_hide::-webkit-scrollbar{display:none}

.nowrap{white-space:nowrap;}

.wh21{aspect-ratio: 2 / 1;}
.wh11{aspect-ratio: 1 / 1;}

/* 单选框对钩样式  */
.radio_hook_style{width:12px;height:12px;appearance:none;position:relative;top:2.5px;}
.radio_hook_style::before {content:"";position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;border:1px solid #d9d9d9;border-radius:30px;}
.radio_hook_style:checked::before {content: "\2713";background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #41cac0;border-radius:30px;color:#41cac0;font-size:11px;font-weight:bold;text-align:center;line-height:12px;}

/* 单选框实心块样式  */
.radio_style{width:12px;height:12px;appearance:none;position:relative;top:2.5px;}
.radio_style::before{content:"";position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;border:1px solid #d9d9d9;border-radius:30px;}
.radio_style:checked::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #41cac0;background:url('../img/radio_center_selected.png') no-repeat;background-color:#fff;background-size:80% 80%;background-position: center;}


/* 复选框对钩样式  */
.checkbox_hook_style{width:12px;height:12px;appearance:none;position:relative;top:2.5px;}
.checkbox_hook_style::before {content:"";position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;border:1px solid #d9d9d9;border-radius:3px;}
.checkbox_hook_style:checked::before {content: "\2713";background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #41cac0;color:#41cac0;font-size:11px;font-weight:bold;text-align:center;line-height:12px;}

/* 复选框实心块样式  */
.checkbox_style{width:12px;height:12px;appearance:none;position:relative;top:2.5px;}
.checkbox_style::before {content:"";position:absolute;top:0;left:0;background:#fff;width:100%;height:100%;border:1px solid #d9d9d9;border-radius:3px;}
.checkbox_style:checked::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #41cac0;border-radius:3px;background:url('../img/checkbox_center_selected.png') no-repeat;background-color:#fff;background-size:80% 80%;background-position:center;}