@import url(https://at.alicdn.com/t/font_3312417_bylqspre33a.css);
a{text-decoration:none;color:#252527;}
/* flex布局 */
.flex{display:flex;}
.d-flex{ flex-direction: row; }
.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-row{ flex-direction: row; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }
.a-stretch{ align-items: stretch; }

/*  -- 内外边距 -- */
.m-0 { margin: 0; }
/* #ifndef APP-PLUS-NVUE */
.m-auto{ margin: auto; }
/* #endif */
.m-1 { margin: 10rem; }
.m-2 { margin: 20rem; }
.m-3 { margin: 30rem; }
.m-4 { margin: 40rem; }
.m-5 { margin: 50rem; }
.mt-0 { margin-top: 0; }
/* #ifndef APP-PLUS-NVUE */
.mt-auto { margin-top: auto; }
/* #endif */
.mt-01 { margin-top: 1rem!important; }
.mt-02 { margin-top: 2rem!important; }
.mt-03 { margin-top: 3rem!important; }
.mt-04 { margin-top: 4rem!important; }
.mt-05 { margin-top: 5rem!important; }

.mt-1 { margin-top: 10rem; }
.mt-2 { margin-top: 20rem; }
.mt-3 { margin-top: 30rem; }
.mt-4 { margin-top: 40rem; }
.mt-5 { margin-top: 50rem; }
.mb-0 { margin-bottom: 0; }
/* #ifndef APP-PLUS-NVUE */
.mb-auto { margin-bottom: auto; }
/* #endif */
.mb-01 { margin-bottom: 1rem; }
.mb-02 { margin-bottom: 2rem; }
.mb-03 { margin-bottom: 3rem; }
.mb-04 { margin-bottom: 5rem; }
.mb-1 { margin-bottom: 10rem; }
.mb-2 { margin-bottom: 20rem; }
.mb-3 { margin-bottom: 30rem; }
.mb-4 { margin-bottom: 40rem; }
.mb-5 { margin-bottom: 50rem; }
.ml-0 { margin-left: 0; }
/* #ifndef APP-PLUS-NVUE */
.ml-auto { margin-left: auto; }
/* #endif */
.ml-01 { margin-left: 1rem; }
.ml-02 { margin-left: 2rem; }
.ml-03 { margin-left: 3rem; }
.ml-04 { margin-left: 4rem; }
.ml-05 { margin-left: 5rem; }
.ml-06 { margin-left: 6rem; }
.ml-07 { margin-left: 7rem; }

.ml-2 { margin-left: 20rem; }
.ml-3 { margin-left: 30rem; }
.ml-4 { margin-left: 40rem; }
.ml-5 { margin-left: 50rem; }
.mr-0 { margin-right: 0; }
/* #ifndef APP-PLUS-NVUE */
.mr-auto { margin-right: auto; }
/* #endif */
.mr-1 { margin-right: 10rem; }
.mr-2 { margin-right: 20rem; }
.mr-3 { margin-right: 30rem; }
.mr-4 { margin-right: 40rem; }
.mr-5 { margin-right: 50rem; }
.my-0 { margin-top: 0; margin-bottom: 0; }
/* #ifndef APP-PLUS-NVUE */
.my-auto { margin-top: auto; margin-bottom: auto; }
/* #endif */
.my-1 { margin-top: 10rem; margin-bottom: 10rem; }
.my-2 { margin-top: 20rem; margin-bottom: 20rem; }
.my-3 { margin-top: 30rem; margin-bottom: 30rem; }
.my-4 { margin-top: 40rem; margin-bottom: 40rem; }
.my-5 { margin-top: 50rem; margin-bottom: 50rem; }
.mx-0 { margin-left: 0; margin-right: 0; }
/* #ifndef APP-PLUS-NVUE */
.mx-auto { margin-left: auto; margin-right: auto; }
/* #endif */
.mx-1 { margin-left: 10rem; margin-right: 10rem;}
.mx-2 { margin-left: 20rem; margin-right: 20rem;}
.mx-3 { margin-left: 30rem; margin-right: 30rem;}
.mx-4 { margin-left: 40rem; margin-right: 40rem;}
.mx-5 { margin-left: 50rem; margin-right: 50rem;}

.p-0 { padding: 0; }

.p { padding: 5rem; }
.p-1 { padding: 10rem; }
.p-2 { padding: 20rem; }
.p-3 { padding: 30rem; }
.p-4 { padding: 40rem; }
.p-5 { padding: 50rem; }
.pt-0 { padding-top: 0; }
.pt { padding-top: 5rem; }
.pt-1 { padding-top: 10rem; }
.pt-2 { padding-top: 20rem; }
.pt-3 { padding-top: 30rem; }
.pt-4 { padding-top: 40rem; }
.pt-5 { padding-top: 50rem; }
.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: 10rem; }
.pb { padding-bottom: 5rem; }
.pb-2 { padding-bottom: 20rem; }
.pb-3 { padding-bottom: 30rem; }
.pb-4 { padding-bottom: 40rem; }
.pb-5 { padding-bottom: 50rem; }
.pl-0 { padding-left: 0; }
.pl { padding-left: 5rem; }
.pl-1 { padding-left: 10rem; }
.pl-2 { padding-left: 20rem; }
.pl-3 { padding-left: 30rem; }
.pl-4 { padding-left: 40rem; }
.pl-5 { padding-left: 50rem; }
.pr-0 { padding-right: 0; }
.pr { padding-right: 5rem; }
.pr-1 { padding-right: 10rem; }
.pr-2 { padding-right: 20rem; }
.pr-3 { padding-right: 30rem; }
.pr-4 { padding-right: 40rem; }
.pr-5 { padding-right: 50rem; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.py { padding-top: 5rem; padding-bottom: 5rem; }
.py-1 { padding-top: 10rem; padding-bottom: 10rem; }
.py-2 { padding-top: 20rem; padding-bottom: 20rem; }
.py-3 { padding-top: 30rem; padding-bottom: 30rem; }
.py-4 { padding-top: 40rem; padding-bottom: 40rem; }
.py-5 { padding-top: 50rem; padding-bottom: 50rem; }
.px-0 { padding-left: 0; padding-right: 0; }
.px-05 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-1 { padding-left: 10rem; padding-right: 10rem;}
.px { padding-left: 5rem; padding-right: 5rem;}
.px-2 { padding-left: 20rem; padding-right: 20rem;}
.px-3 { padding-left: 30rem; padding-right: 30rem;}
.px-4 { padding-left: 40rem; padding-right: 40rem;}
.px-5 { padding-left: 50rem; padding-right: 50rem;}

.bor-5{border-radius:5px;}
.db{display:block;}
.fr{float:right;}
.fl{float:left;}
.bg_white{background-color:#FFF;}
.after:after{content:'';display:block;clear:both;width:100%;}
.user_box{background-color:#FFF;width:95%;margin:0px auto;padding:1.5rem 0.5rem;border-radius:5px;}
.topJt{width:2rem;height:2rem;color:#292330;}
p{margin:0px;}
.user_level{background-color:#B6B9D1;color:#FFF;border-radius:10px;padding:3px 5px;font-size:12px;display:flex;width:50px;margin-top:5px;}

.box_title{font-size:16px;border-bottom:1px solid #E8E8E8;padding-bottom:5px;align-items:center}
.box_title a{font-size:12px;}
.box_title a:after{content: "\e62d";}
.box_title img{width:30px;height:30px;border-radius:50%;}


.user_data .user_data_item{width:25%;float:left;text-align:center;font-size:16px;}
.user_data .user_data_item span{font-size:18px;font-weight:bold;display:block;}

.user_gongneng li{width:25%;float:left;position:relative;display:block;text-align:center;font-size:16px;margin-bottom:25px;}
.user_gongneng li span{display:block;font-size:24px;margin-bottom:5px;}
.user_gongneng li i{display:block;font-size:12px;border-radius:50%;text-align:center;background-color:#FF3B33;position:absolute;top:-10px;right:10px;height:1.5rem;width:1.5rem;color:#FFF;}

.user_service_wx{position:relative;}
.user_service_wx:before{top:-9px;left:10px;content:'';position:absolute; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid #F0F4F7;}
.user_service_wx p{padding:5px 10px;background-color:#F0F4F7;line-height:30px;border-radius:5px;margin-right:1rem;font-size:14px;}
.user_service_wx .a_wx{border-radius:10px;padding:15px;text-align:center;color:#FFF;font-size:16px;background-image: linear-gradient(to right, #FC6E46, #FE4E25);}

.topNavigation{border-bottom:1px solid #ECECEC;height:45px;line-height:45px;background-color:#FFFFFF;}
.topNavigation .topAct{align-content:center;align-items:center;font-size:18px;}
.topNavigation .topAct span{flex:1;text-align:center;}