@charset "utf-8";
*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "PingFang SC","微软雅黑";box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
html, body {/*height: 100%;*/background:  #F6F6F6;}
img{/*vertical-align: middle;*/max-width: 100%;}
.clear {clear: both;}
.clearfix:before, .clearfix:after {
            content: "";
            display: table;
        }
.clearfix:after {
            clear: both;
        }
.clearfix {
            *zoom: 1;
        }
.blank10 {height: .10rem;}
.blank15 {height: .15rem;}
.blank20 {height: .20rem;}
.blank30 {height: .30rem;}
.mt0 {margin-top: 0;}
.mt5 {margin-top: .05rem;}
.mt10 {margin-top: .1rem;}
.mt15 {margin-top: .15rem;}
.mt20 {margin-top: .2rem!important;}
.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: .05rem;}
.mb10 {margin-bottom: .1rem;}
.mb15 {margin-bottom: .15rem;}
.mb20 {margin-bottom: .2rem;}
.mb125 {margin-bottom: 1.25rem;display: inline-block!important;}
.fl {float: left;}
.fr {float: right;}
.fk-type {width: 100%;overflow-x: hidden;color: #333333;background: url(../img/bg01.png);background-size: 100% 100%;}
.bgwhite {background: #FFFFFF!important;}
.bggray {background: #F6F6F6!important;}
.container{width: 100%;}
.nodate {margin: 20% 30%;text-align: center;}
.nodate  img {margin: 0 auto;width: 3.71rem;height: 1.86rem;}
.no-date {display: block;color: #333;font-size: .28rem;color: #666;}

/*顶部*/
.top-bar {display: flex;justify-content: center;align-items: center;width: 100%;height: 1.2rem;position: relative;background: #E01419;}
.top-bar i {display: inline-block;width: .5rem;height: .8rem;background: url(../img/icon-back.png) left center no-repeat;background-size: .17rem .30rem;position: absolute;left: .2rem;}
.top-bar .logo {display: inline-block;width: 2.07rem;height: .64rem;background: url(../img/logo_t.png) left center no-repeat;background-size: 100% 100%;position: absolute;left: .2rem;}
.top-bar span {font-size: .36rem;color: #FFFFFF;font-weight: bold;}

/*登录*/
.loginbg {width: 100%;height: 100%;overflow-x: hidden;background:url(../img/login_bg.png) top left no-repeat;background-size: 100% 100%;}
/*logo*/
.login {position: relative;top: 25%;background: #FFFFFF;border-radius: .40rem .40rem 0 0;}
.register {position: relative;top: 1.80rem;background: #FFFFFF;border-radius: .40rem .40rem 0 0;}
.head {position: relative;top: 10%;}
.head .img{width: 5.32rem;height: .80rem;margin: 0 auto;text-align: center;}
.head img{width: 5.32rem;height: .80rem;}
.head p{width: 100%;text-align: center;color: #FFFFFF;font-size: .36rem;font-weight:700;padding-top: .15rem;}

.login form {width: 100%;height: auto;overflow: hidden;padding: .25rem 1.00rem .25rem 1.00rem;}
.login form .item{display: flex;align-items: center;height: .80rem;margin-bottom: .20rem;font-size: .28rem;color: #333333;}
.login form .item input{width: 100%;height: 100%;display: inline-block;border: .01rem solid #DCDCDC;border-radius: .85rem;box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);padding-left: .8rem;outline: none;}
.login form .item input::placeholder{color: rgb(153, 153, 153);font-size: .28rem;} 
.login form .item input.name{background: url(../img/user.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.login form .item input.password{background: url(../img/password.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.login form .item input.vcode{background: url(../img/yzm.png) left .3rem center no-repeat;background-size: .30rem .35rem; border-radius: .85rem 0 0 .85rem;border-right: 0;}
.login form .item span{flex-shrink: 0;display: inline-block;width: 1.6rem;height: 100%;line-height: .88rem;border-radius: .85rem;background: #E7F5FF;font-size: .24rem;color: #2291E3;text-align: center;border-radius: 0 .85rem .85rem 0;border: .01rem solid #DCDCDC;border-left: 0;}
.login form .item span.disabled{background: #808080;}
.login form .btntxttop{color: #333333;font-size: .24rem;padding-top: .05rem;margin-bottom: .25rem;}
.login form .btntxttop .text-red {color: #E64C4C;}
.login form .submit{padding: .2rem 0;}
.login form .submit button{height: .64rem;line-height: .64rem;text-align: center;font-size: .28rem;font-weight: 600; color: #FFFFFF;border-radius: .85rem;outline: none;/*box-shadow: 0 .15rem .15rem rgba(31,110,207,.2);*/display: inline-block;width: 100%;background: #E64C4C;}

.loginbg .foot {position: fixed;width: 100%;bottom: .20rem;}
.loginbg .foot a {color: #333333;font-size: .24rem;padding-top: .05rem;margin-bottom: .25rem;}
.loginbg .foot .text-gray {color: #999999;text-decoration: underline;text-decoration: underline;margin: 0 auto;}

.register form {width: 100%;height: auto;overflow: hidden;padding: .25rem 1.00rem .25rem 1.00rem;}
.register form .item{display: flex;align-items: center;height: .64rem;margin-bottom: .20rem;font-size: .28rem;color: #333333;}
.register form .item input{width: 100%;height: 100%;display: inline-block;border: .01rem solid #DCDCDC;border-radius: .85rem;box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);padding-left: .8rem;outline: none;}
.register form .item input::placeholder{color: rgb(153, 153, 153);font-size: .28rem;} 
.register form .item input.user{background: url(../img/user0.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.register form .item input.name{background: url(../img/user.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.register form .item input.password{background: url(../img/password1.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.register form .item input.mail{background: url(../img/mail.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.register form .item input.card{background: url(../img/yzm.png) left .3rem center no-repeat;background-size: .32rem .32rem;}
.register form .item input.vcode{background: url(../img/yzm.png) left .3rem center no-repeat;background-size: .30rem .35rem; border-radius: .85rem 0 0 .85rem;border-right: 0;}
.register form .item span{flex-shrink: 0;display: inline-block;width: 1.6rem;height: 100%;line-height: .88rem;border-radius: .85rem;background: #E7F5FF;font-size: .24rem;color: #2291E3;text-align: center;border-radius: 0 .85rem .85rem 0;border: .01rem solid #DCDCDC;border-left: 0;}
.register form .item span.disabled{background: #808080;}
.register form .btntxttop{color: #333333;font-size: .24rem;padding-top: .05rem;margin-top: .40rem; margin-bottom: .50rem;}
.register form .btntxttop .text-red {color: #E64C4C;}
.register form .submit{padding: .2rem 0;}
.register form .submit button{height: .64rem;line-height: .64rem;text-align: center;font-size: .28rem;font-weight: 600; color: #FFFFFF;border-radius: .85rem;outline: none;/*box-shadow: 0 .15rem .15rem rgba(31,110,207,.2);*/display: inline-block;width: 100%;background: #E64C4C;}
.register form .text-center .text-red{color: #E64C4C;font-size: .24rem;text-decoration: underline;}


/*身份切换*/

.identity-panel {flex: 1.2; min-width: 2.60rem;min-height:7.6rem;background: rgba(255,255,255,0.7);backdrop-filter: blur(.04rem);border-radius: .20rem;padding: .25rem;box-shadow: 0 .08rem .20rem rgba(0,0,0,0.05);transition: all 0.2s ease;margin:3%;}
.identity-panel h2 {font-size: .30rem;font-weight: 600;margin-bottom: .35rem;display: flex;align-items: center;gap: 0.6rem;border-left: .04rem solid #ef4f4f;padding-left: .1rem;color: #1f2f3a;}
.identity-list {display: flex;flex-direction: column;gap: .1rem;}
/* 身份卡片列表 */
.identity-list {display: flex;flex-direction: column;gap: .1rem;}
.identity-card {background: #FFFFFF;border-radius: .15rem;padding: .40rem;display: flex;align-items: center;gap: .1rem;cursor: pointer;transition: all 0.25s ease;border: .02rem solid transparent;box-shadow: 0 .02rem .06rem rgba(0,0,0,0.05);margin-bottom: .35rem;}
.identity-card:hover {transform: translateY(-3px);background: #fefefe;box-shadow: 0 .12rem .22rem -.10rem rgba(0,0,0,0.15);}
.identity-card.active {border-color: #ff9b9b;background: #fff9f9;box-shadow: 0 .10rem .18rem -.08rem rgba(59,110,160,0.3);}
.card-icon {width: .80rem;height: .80rem;border-radius: .28rem;display: flex;align-items: center;justify-content: center;font-size: .20rem;color: #2c5a7a;transition: 0.2s;margin-right: .20rem;}
.identity-card.active .card-icon {color: #FFFFFF;}
.card-icon img {width: .80rem;height: .80rem;}
.card-info {flex: 1;}
.card-info h3 {font-size: .24rem;font-weight: 700;margin-bottom: .02rem;color: #1e2f3c;}
.card-info p {font-size: .20rem;color: #504e4e;margin-top: .15rem;}
.badge-active {background: #ff6060;color: #FFFFFF;font-size: .20rem;padding: .10rem .20rem;border-radius: .30rem;font-weight: 600;opacity: 0;transition: 0.2s;}
.identity-card.active .badge-active {opacity: 1;}


/*首页*/
/*通知*/

.news_sj_dxs_box{background-color: #F5F5F5;border-radius: .10rem;margin: 0 .40rem;margin-top: -.40rem;position: relative;z-index: 999999;}
.news_sj_dxs_box .scrollnews{overflow: hidden; padding:.09rem .20rem; height: .60rem;}
.news_sj_dxs_box .scrollnews img{float: left;width: .40rem;height: .36rem;position: relative;top: 0rem; }
.news_sj_dxs_box .scrollnews ul{float: left;display: inline-block;width: 85%;height: .40rem; overflow: hidden;margin-top: 0;margin-left: .20rem;}
.news_sj_dxs_box .scrollnews ul li{width: 100%;/*line-height: .73rem; */height: .40rem;text-align: left;}
.news_sj_dxs_box .scrollnews ul li a{display: block; color: #333; font-size: .26rem;height: .40rem;line-height: .40rem;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis; */}
.txtred {color: #FF0707!important;}
.txtgreen {color: #52C41A!important;}

.scroll-container {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%; /* 或者具体宽度 */
  height: .60rem; /* 或者具体高度 */
  line-height: .60rem;
  color: #333;
  font-size: .28rem;
}

.scroll-container .tips {
	display: inline-block;
	width: .80rem;
	height: .60rem;
	position: absolute;
	z-index: 99;
	background: #F5F5F5;
	border-radius: .10rem 0 0 .10rem;
}

.scroll-container img {
	float: left;
	width: .40rem;
	height: .36rem;
	position: relative;
	top: .12rem; 
	left: .20rem;
}
 
.scroll-content {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  animation: scrollText 10s linear infinite;
}
 
@keyframes scrollText {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.loginxx {
	height: 1.00rem;
	line-height: 1.00rem;
	margin-top: .20rem;
	font-size: .24rem;
	color: #333333;
	padding: 0 .30rem;
}

.loginxx img {
	width: .82rem;
	height: .82rem;
	margin-right: .20rem;
}

.loginxx .username {
	position: relative;
    top: -.25rem;
}

.loginxx .identity {
	position: relative;
    top: -.25rem;
	background: #FDE7E8;
	height: .16rem;
	padding: .10rem .20rem;
	line-height: .44rem;
	border-radius: .50rem;
	text-align: center;
}

.loginxx .identity img {
	width: .16rem;
	height: .12rem;
	margin-right: 0;
}



.logo {
	text-align: center;
	margin-top: .80rem;
	margin-bottom: .40rem;
}

.logo img {
	width: 3.77rem;
	height: .98rem;
}

/*消息通知*/
/*.noticemodule {margin: 0 .30rem;margin-bottom: .60rem;display: flex;justify-content: space-between;-webkit-justify-content: center;}
.noticemodule .noticemodulea {width: 32%;height: 2.00rem;margin-right:2%;background:#FFFFFF;border-radius: .10rem;position: relative;text-align: center;padding: .20rem 0 .15rem 0;}
.noticemodule .noticemodulea:last-child {margin-right: 0;}
.noticemodule .noticemodulea::before { content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .10rem;background: linear-gradient(180deg, #fdebed, #f8b6bc, #f17a84);border-radius: 0 0 .10rem .10rem;}
.noticemodule .noticemodulea img {width: .48rem;height: .48rem;}
.noticemodule .noticenumber {display:block;font-size: .36rem;font-weight: bold;}
.noticemodule .noticemodulea p {font-size: .28rem;font-weight: bold;display: block;}
*/

.viewlist{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: center;
	/*margin-top: 3%;*/
	padding: .20rem 0;
	margin: 0 .30rem;
}
.viewlist .viewlista {
	width: 32%; 
	text-align: center;
	margin-right: 2%;
	padding: .20rem 0 .15rem 0;
	border-radius: .10rem;
    background: rgb(255, 255, 255);
    position: relative;
}

.viewlist .viewlista::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .10rem;
	background: linear-gradient(180deg, #fdebed, #f8b6bc, #f17a84);
	border-radius: 0 0 .10rem .10rem;
}

.viewlist .viewlista:last-child {
	margin-right: 0;
}

.viewlist .viewlista p {
	color: #333333;
	font-size: .36rem;
	font-weight: bold;
	display: block;
}

.viewlist .viewlista .mui-badge2{
	display: block;
	line-height: .48rem;
	text-align: center;
	font-size: .28rem;
	font-weight: bold;
	background: rgb(255, 255, 255);
	margin: 0 auto;
	margin-top: .10rem;
}

.newicon {
    display: inline-block;
    width: .20rem;
    height: .20rem;
    background: #FF0000;
    border-radius: 50%;
    position: absolute;
    top:0;
    right: 0;
}


 /*功能入口*/
.classify_list {background: #FFFFFF;display: block;margin: 0 .30rem;}
.classify_list_tit {height: .76rem;line-height: .76rem;font-size: .24rem;font-weight: bold;padding: 0 .1rem;border: .01rem solid #E7E7E7;border-bottom: 0;}
.classify_list_tit .bolds {display:inline-block;width: .06rem;height:.36rem;background: #E40115;border-radius: .04rem;margin-right: .10rem;margin-right: .10rem;position: relative;top: .10rem}
.list_last {margin-bottom: .20rem;padding: 0 .20rem;}
.module {width: 100%;min-height: 1.74rem;padding: .10rem .18rem .28rem .18rem;text-align: center;border-radius: .10rem;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);background: rgb(255, 255, 255);}
.module .module_list {width: 20%;/*height: 1.36rem;*//*margin: 0 .29rem;*/float: left;position: relative;}
.module .module_list:first-child {margin-left: 0;}
.module .module_list:last-child {margin-right: 0;}
.module .module_list.defult span,.module .module_list.defult img{color:#999999;cursor: default;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.module .module_list .icon {/*width: 0.97rem;height: 0.97rem;*/position: relative;top: .25rem;}
.module .module_list span {display: block;font-size: .24rem;color: #333333;margin-top: .25rem;position: relative;bottom: 0;} 

.mui-badge {position: absolute!important;display: inline-block;background-color: #ff0000;box-shadow: .01rem .01rem .04rem 0 rgba(110, 2, 138, 0.5);color: #FFFFFF!important;right: .15rem !important;top: -.25rem !important;font-size: .20rem!important;padding: 0 .04rem;height: .29rem;min-width: .29rem;line-height: .29rem;border-radius: .20rem;}
/*数据显示模块*/   
.module1 {width: 100%;min-height: 1.24rem;text-align: left;background: #FFFFFF;box-sizing: border-box;border: .01rem solid rgba(231, 231, 231, 1);}
.module1 .module1list {float: left;width: 50%;padding: .20rem;}
.module1 .module1list:first-child {border-right: .01rem solid #E7E7E7;border-bottom: .01rem solid #E7E7E7;}
.module1 .module1list:nth-child(2) {border-bottom: .01rem solid #E7E7E7;}
.module1 .module1list:nth-child(3) {border-right: .01rem solid #E7E7E7;}
.module1 .modulea {padding: .18rem;}  
.module1 .yellow_bg {width:48%;height: 1.40rem;background: linear-gradient(82deg, #F2E9CE, #FFFBF0);}
.module1 .white_bg {width:100%;height: 1.580rem;border-radius: .20rem;box-shadow: 0 .01rem .10rem .01rem rgba(0, 0, 0, 0.1);background: rgba(255, 255, 255, 1);}
.module1 .white_bg:nth-child(1), .module1 .white_bg:nth-child(3) {margin-left: 0;}
.module1 .orange_bg {width:48%;height: 1.40rem;background: linear-gradient(82deg, #F3E6DB, #FFFCFA);margin-top: .15rem;}
.module1 .gray_bg {width:48%;height: 1.40rem;background: linear-gradient(82deg, #E2E1E7, #F4F7FF);margin-left: 3%;margin-top: .15rem;}
.module1 .icon,.module1 .txt{display: inline-block;vertical-align: middle;}
.module1 .icon {position: relative;left: 0;float: left;}
.module1 .icon img{margin-right: 0;}
.module1 .white_bg .icon img {margin-top: .20rem;margin-right: .20rem;width: .64rem;height: .64rem;}
.module1 .white_bg .txt h4{color: #333333;font-weight: 400;font-size: .30rem;}
.module1 .white_bg .txt p{color: #999999;font-size: .22rem;font-weight: 400;text-align: left;margin-top: .10rem;}

/*收货人*/
.module2 {width: 100%;min-height: 1.24rem;text-align: left;background: #FFFFFF;box-sizing: border-box;border: .01rem solid rgba(231, 231, 231, 1);}
.module2 .module2list {float: left;width: 33.3333%;padding: .20rem;position: relative;}
.module2 .module2list:first-child {border-right: .01rem solid #E7E7E7;border-bottom: .01rem solid #E7E7E7;}
.module2 .module2list:nth-child(2), .module2 .module2list:nth-child(4), .module2 .module2list:nth-child(5) {border-right: .01rem solid #E7E7E7;border-bottom: .01rem solid #E7E7E7;}
.module2 .module2list:nth-child(3), .module2 .module2list:nth-child(6) {border-bottom: .01rem solid #E7E7E7;}
.module2 .modulea {padding: .20rem;padding-bottom:0;text-align: center;}  
.module2 .white_bg {width:100%;height: 1.580rem;border-radius: .20rem;box-shadow: 0 .01rem .10rem .01rem rgba(0, 0, 0, 0.1);background: rgba(255, 255, 255, 1);}
.module2 .white_bg .icon img {width: .64rem;height: .64rem;}
.module2 .white_bg .txt h4{color: #333333;font-weight: 400;font-size: .24rem;}
.module2 .white_bg .txt p{color: #999999;font-size: .22rem;font-weight: 400;text-align: left;margin-top: .10rem;}
.module2 .white_bg:nth-child(1), .module2 .white_bg:nth-child(3) {margin-left: 0;}
.module2 .icon,.module2 .txt{display: block;vertical-align: middle;}
.module2 .icon {position: relative;left: 0;font-size: 0;}
.module2 .icon img{margin-right: 0;margin-bottom: .15rem;}
.module2 .module2list .redbg {position: absolute;right:.10rem;top: .16rem;text-align: center;display:inline-block;width:.35rem;height:.35rem;line-height:.35rem;background: #FF0000;text-align: center;font-size: .16rem;color: #FFF;border-radius: .50rem;font-weight: bold;}



/*轮播*/
.banner{
	height: 2.5rem;
	margin: .30rem!important;
	border-radius: .20rem;
	background: #FFFFFF;
}
/*.banner img{
	border-radius: .05rem;
	width: 100%;
	height: 3.20rem;
}*/
.swiper-pagination-bullet{
	background: #fc5d4d;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background: #ffffff;
}
.newslist {
	width: 100%;
	border-radius: .10rem;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    background: rgb(255, 255, 255);
}

.newslist .title {
	width: 100%;
	height: .7rem;
	line-height: .3rem;
	font-size: .32rem;
	font-weight: 600;
	text-align: left;
	color: #E64C4C;
	font-style: italic;
	padding: .20rem .10rem .20rem .20rem;
	border-bottom: .01rem solid #D4D4D4;
	}

.newslist .title .more {
	float: right;
	color: #666666;
	font-size: .24rem;
}

.swiper-slide .newscon{display: flex;flex-wrap: wrap;justify-content: space-between;padding: .20rem ;margin-top: 0;}
.swiper-slide .newscon {width: 100%;height: 2.00rem;background: #FFF1F0;position: relative;padding: .20rem;text-align: left;}
.swiper-slide .newscon .l_img {float: left;width: 30%;}
.swiper-slide .newscon .r_con {float: left;width: 70%;padding: 0 0 0 .40rem;}
.swiper-slide .newscon .l_img .lcard {width: 1.98rem;height: 1.48rem;margin-top: 0rem;}
.swiper-slide .newscon .r_con .top-title {min-height: .45rem;line-height: .42rem;margin: 0 0 .10rem 0;}
.swiper-slide .newscon .r_con .top-title .titlea {display: inline-block;line-height: .42rem;font-size: .28rem;color: #333; font-weight: normal;white-space: normal;/*width: 3.60rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
.swiper-slide .newscon .r_con .cont {min-height: .90rem;}
.swiper-slide .newscon .r_con .cont .txt {display: block;font-size: .16rem;color: #666;line-height: .30rem;/*width: 4.40rem;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiper-slide .newscon .r_con .cont .txt_introduction {display: block;font-size: .16rem;color: #333;line-height: .30rem;}
.swiper-slide .newscon .r_con .cont .text-red {color: #E40115;font-size: .16rem;}
.swiper-slide .newscon .r_con .cont .text-black {color: #333333;font-size: .16rem;}
.swiper-slide .newscon .r_con .cont .text-gray {width: 50%;color: #999999;font-size: .16rem;float: left;}
.swiper-slide .newscon .r_con .cont .pro {width: 100%;display: contents;}
.swiper-slide .newscon .r_con .cont .btn-danger {display:inline-block;width: 1.20rem;height: .28rem;line-height:.28rem;border-radius: .24rem;font-size: .16rem;background: #FF4D4F;color: #FFFFFF;text-align: center;text-align: center;position: absolute;right: .20rem;bottom: .20rem}


.attent {
	margin-top: .10rem;
	padding: 0 .55rem;
	background: #F6F6F6;
	text-align: center;
}
.attent .attentcon {
	font-size: .24rem;
	color: #333333;
	text-align: center;
	display: inline-block;
	line-height: .36rem;
}
.attent .txtred {
    color: #E40114;
}

.attent .filing {
	line-height: .36rem;
}

.attent .filing span{
	font-size: .24rem;
	color: #999999;
	text-align: center;
	display: block;
}

/*智能客服*/
.message{
	height: .64rem;
	line-height: .50rem;
	position:fixed;
	right: 0rem;
	top:78%;
	background: linear-gradient(58deg, #FE6C19 0%, #E01419 100%);
	padding: 0 .20rem 0 0;
	border-radius: .50rem 0 0 .50rem;
	cursor: pointer;
	z-index: 999999;
	}
	
/*.message:active{
	right: .05rem;
	transition: all 0.8s ease-out;
	}
	
.message:not(:active){
	transition: all 0.8s ease-out;
	}*/


.message .deal {
	display: inline-block;
	float: right;
	margin-left: .20rem;
	margin-top: .07rem;
	color: #FFFFFF;
	font-size: .24rem;
}

.message .deal img {
	width: .36rem;
	height: .36rem;
	vertical-align: middle;
}


/*待办消息*/

.classify_list .todolist {
	border-radius: .10rem;
	box-shadow: 0 .02rem .08rem 0 rgba(0, 0, 0, 0.1);
	background: rgb(255, 255, 255);
}

.classify_list .todolist .title {
	height: .80rem;
	background: rgba(230, 76, 76,0.2);
	font-size: .32rem;
    font-weight: 600;
    text-align: left;
    color: #E64C4C;
    font-style: italic;
    padding: .20rem .10rem .20rem .20rem;
}

.classify_list .todolist .title img {
	width: .24rem;
	height: .25rem;
	margin-right: .20rem;
}
/*首页下拉框*/
.classify_list .todolist .title .select {
	display: inline-block;
    float: right;
    width: 1.40rem;
    height: .48rem;
    border-radius: .04rem;
    background: #E64C4C;
    margin-right: .20rem;
}

.classify_list .todolist .title .select:nth-child(2){
	margin-right: 0rem;
}

.classify_list .todolist .title .select select {
	background: #E64C4C;
	color: #FFF;
}


.classify_list .newslist .title .select1 {
	display: inline-block;
    float: right;
    width: 2.80rem;
    height: .48rem;
    border-radius: .04rem;
    background: #FFFFFF;
    margin-right: .20rem;
    margin-top: -.06rem;
}

.classify_list .newslist .title .select1:nth-child(2){
	margin-right: 0rem;
}

.classify_list .newslist .title .select1 select {
	background: #FFFFFF;
	color: #666666;
}

.select1 .sel-title-box{
	position: relative;
	cursor: default;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color:#FFFFFF;
    color: #666666;
    font-size: .28rem;
    height: .48rem;
    line-height: .48rem;
}


.welfare-cate .select {
	display: inline-block;
    float: right;
    width: 1.40rem;
    height: .48rem;
    border-radius: .04rem;
    background: #E64C4C;
    margin-right: .20rem;
}

.welfare-cate .select:nth-child(2){
	margin-right: 0rem;
}

.welfare-cate .select select {
	background: #E64C4C;
	color: #FFF;
}

.sel-box{
	width: 100%;
	overflow: hidden;
}
.sel-box.on{
	background: #E64C4C;
}
.sel-title-box{
	position: relative;
	cursor: default;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color:#E64C4C;
    color: #FFFFFF;
    font-size: .28rem;
    height: .48rem;
    line-height: .48rem;
}

.sel-title{
	padding-left: .12rem;
}
.sel-sign{
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
	background-size: 100% 100%;
}
.sel-sign.on{
	background-size: 100% 100%;
}
.sel-float-box{
	position: absolute;
	border:1px solid #ddd;
	
	z-index: 2;
	background-color:white;
	margin-left: -1px;
	overflow: hidden;
	line-height: 1.8;
}
.sel-float-box.on{
	border-color: #E64C4C;
}
.sel-float-div{
	cursor: default;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	background-color: #FFFFFF;
	color:#666;
	font-size: .28rem;
	text-align: center;
}
.sel-float-div:hover{
	background-color:#E64C4C;
	color:white;
}
.sel-float-div-disabled{
	padding-left: 12px;
	color:#bbb;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sel-hide{
	display: none;

}


.classify_list .todolist ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: center;
	/*margin-top: 3%;*/
	padding: .20rem 0;
}
.classify_list .todolist ul li {
	width: 33%; 
	text-align: center;
}

.classify_list .todolist ul li:last-child {
	border-right: none;
}

.classify_list .todolist ul li p {
	color: #333333;
	font-size: 0.28rem;
	display: block;
}

.classify_list .todolist ul li .mui-badge1{
	display: block;
	width: 1.60rem;
	height: .48rem;
	line-height: .48rem;
	text-align: center;
	color: #E64C4C;
	font-size: 0.24rem;
	box-sizing: border-box;
	border: 1px solid rgb(230, 76, 76);
	border-radius: 4px;
	background: rgb(255, 255, 255);
	margin: 0 auto;
	margin-top: .10rem;
}

.classify_list .todolist ul li .mui-badge2{
	display: block;
	line-height: .48rem;
	text-align: center;
	color: #E64C4C;
	font-size: .36rem;
	background: rgb(255, 255, 255);
	margin: 0 auto;
	margin-top: .10rem;
}

.classify_list .todolist ul .right-lines{
	height: 0.8rem;
	margin-top: 0.15rem;
	margin-left: .20rem;
	border: 0.02rem solid #CBCBCB;
}


/**/
.classify_list .viewlist{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: center;
	/*margin-top: 3%;*/
	padding: .20rem 0;
}
.classify_list .viewlist .viewlista {
	width: 33%; 
	text-align: center;
	margin-right: .10rem;
	padding: .20rem 0 .15rem 0;
	border-radius: .10rem;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    background: rgb(255, 255, 255);
    border-left: .10rem solid;
    -webkit-border-image: linear-gradient(to bottom, rgb(255, 168, 168), rgba(255, 212, 212, 0.5)) 1;
    border-image: linear-gradient(to bottom, rgb(255, 168, 168), rgba(255, 212, 212, 0.5)) 1;
}

.classify_list .viewlist .viewlista:last-child {
	border-right: none;
}

.classify_list .viewlist .viewlista p {
	color: #333333;
	font-size: 0.28rem;
	display: block;
}

.classify_list .viewlist .viewlista .mui-badge2{
	display: block;
	line-height: .48rem;
	text-align: center;
	font-size: .28rem;
	background: rgb(255, 255, 255);
	margin: 0 auto;
	margin-top: .10rem;
}

.classify_list .viewlist .viewlista .mui-badge2.gray {
	color: #B46627;
}

.classify_list .viewlist .viewlista .mui-badge2.green {
	color: #39AB41;
}

.classify_list .viewlist .viewlista .mui-badge2.red {
	color: #C23F3F;
}




    
/*暂无数据*/
.am-kstate {
	position: relative;
	text-align: center;
}

.am-kstate img {
	margin-top: 2.20rem;
	width: 2.26rem;
	height: 3.09rem;
}

.am-kstate .ktext {
	text-align: center;
	color: #EF666A;
	margin-top: .50rem;
	font-size: .32rem;
}

.am-title {
	width: 100%;
	height: .54rem;
	line-height: .54rem;
	padding: 0rem .20rem;
}    

/*底部*/
.navbar {position: fixed;left: 0;bottom: 0;width: 100%;height: 1.00rem;line-height: 1.00rem;z-index: 1010;background-color: #FFFFFF;border-top: .01rem solid rgb(233, 233, 233);}
.navbar ul li a {display: inline-block;}
.navbar ul li {width: 33.3333%;height: 1.00rem;padding: .14rem 0;line-height: .30rem;float: left;text-align: center;}
.navbar ul li .on {color: #E40115!important;}
.navbar ul li img {width: .30rem;height: .30rem;}
.navbar ul li .am-navbar-label {padding-top: .10rem;font-size: .30rem;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #999999;}
.text-center {/*height: .20rem;line-height: .20rem;*/text-align: center;}

/*弹框提示*/
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:999999;display:none;}
.animated{ width: 6.00rem;  margin: 0 auto; display: none; background-color: #ffffff;/*position:relative; */position: fixed; top: 25%; left: 10%; margin: 0 auto; z-index: 9999999; border: .01rem solid #ccc; border-radius: .12rem!important; -webkit-border-radius: .12rem!important; box-shadow: .03rem .02rem .04rem rgba(0,0,0,0.2); -webkit-box-shadow: .03rem .02rem .04rem rgba(0,0,0,0.2);line-height: normal;}
.dialogtop{width:90%;margin:0 auto;letter-spacing:.01rem;padding:.10rem 0;}
.dialogtop p {font-size: .32rem;color: #333333;text-align: center;padding: .20rem;}
.dialogcon {min-height: 2.10rem!important;padding: .25rem;}
.dialogcon p{font-size: .28rem;color: #333333;text-align: center;margin-top: .35rem;}
.dialogcon .card {display: block; width: 80%;margin: 0 auto; height: .60rem;border-radius: .06rem;background: rgb(245, 245, 245);padding: 0 .20rem;margin-top: .40rem;}
.dialogcon .radio {font-size: .28rem;color: #808080;display: inline-block;text-align: center;width: 48%;margin-bottom: 0;}
.dialogcon .radio:last-child {margin-right: 0;}
.dialogcon .radio input[type=radio] {position: absolute;opacity: 0;}
.dialogcon .radio input[type=radio] + .radio-label:before {content: "";background: #f4f4f4;border-radius: 100%!important;border: .01rem solid #b4b4b4!important;display: inline-block!important;width: .22rem!important;height: .22rem!important;position: relative!important;top: .05rem!important;margin-right: .20rem!important;vertical-align: top!important;cursor: pointer;text-align: center!important;transition: all 250ms ease;}
.dialogcon .radio input[type=radio]:checked + .radio-label:before {background-color: #E64C4C;box-shadow: inset 0 0 0 .04rem #f4f4f4;}
.dialogcon .radio input[type=radio]:focus + .radio-label:before {outline: none;border-color: #E64C4C;}
.dialogcon .radio input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 .04rem #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.dialogcon .radio input[type=radio] + .radio-label:empty:before {margin-right: 0;}

.dialogfoot {height: .80rem;line-height: .80rem;border-top: .01rem solid #CCCCCC;}
.dialogfoot .btn {width: 47%;text-align: center;vertical-align: text-top;border-right: .01rem solid #CCCCCC;display: inline-block;font-size: .32rem;color: #666666;}
.dialogfoot .btn.sure {color: #E64C4C;}
.dialogfoot .btn:last-child {border-right: 0;}

.editInfos{padding:.15rem 0;}
.editInfos li{width:90%;margin:.08rem auto auto;text-align: center;}
.ipt{border:.01rem solid #ccc;padding:.05rem;border-radius:.03rem;-webkit-border-radius:.03rem;box-shadow:0 0 .03rem #ccc inset;-webkit-box-shadow:0 0 .03rem #ccc inset;margin-left:.05rem;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 .01rem .01rem rgba(0, 0, 0, 0.075) inset, 0 0 .08rem rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 .01rem .01rem rgba(0, 0, 0, 0.075) inset, 0 0 .08rem rgba(102, 175, 233, 0.6);}
.submitBtn{width:.90rem;height:.30rem;line-height:.30rem;cursor:pointer;margin-top:.10rem;display:inline-block;border-radius:.05rem;-webkit-border-radius:.05rem;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -.03rem 0 #2a6496 inset;-webkit-box-shadow: 0 -.03rem 0 #2a6496 inset;}
.animated{
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@-webkit-keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
    
/*地区选择*/
/* 遮罩层 */
.area-larger-mask{position:fixed;top:0;left:0;height: 100%;width:100%;background-color: rgba(0,0,0,0.4);display:none;z-index:9000;}
/* 弹窗 */
.area-larger-main{width:100%;height:auto;background-color: #ffffff;position:absolute;bottom: 0;left:0;}
/* 弹窗头部 */
.area-control{width:100%;height:.80rem;line-height: .80rem;border-bottom: 1px solid #dcdcdc;padding: 0 4%;border-radius: .20rem .20rem 0px 0px;}
.area-control>div{float: left;}
/* 取消 */
.cancel-area-control{width: 20%;color: rgba(0, 0, 0, 0.55);text-align: center;font-size: .28rem;}
/* 确定 */
.confirm-area-control{width: 20%;color: #2678FF;text-align: center;font-size: .28rem;}
/* title */
.title-area-control{width: 60%;text-align: center;font-size: .32rem;}
/* 弹窗主体 */
.area-main{position: relative;}
/* 地区列表 */
.area-list-scroll{width:100%;height:200px;overflow: hidden;}
.area-list-scroll:after{
        content: '';
        position: absolute;
        width: 100%;
        height:40px;
        top: 80px;
        left:0;
        border-top: #dcdcdc solid 1px;
        border-bottom: #dcdcdc solid 1px;
    }
/* 三级列表 */
.area-item{z-index:9010;width: 33.33333%;height:auto;float: left;margin-top: 80px;transform: translate3d(0px,0px,0px);transition-duration: 200ms;position:relative;}
.area-item>div{width:100%;position: absolute;top:0;left:0;}
.area-item>div>div{width: 100%; height: 40px;line-height: 40px;text-align: center;font-size: 15px;}
/*渐变隐藏*/
.area-list-scroll:before{pointer-events: none;content:'';z-index: 9011; width: 100%;height: 100%;position: absolute;top:0;left:0; background: linear-gradient(to top, rgba(255, 255, 255, .6), rgba(255,255,255,0), rgba(255, 255, 255, .6));}


/*弹出层*/
.public_mask{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0,0,0,.65);
}
.public_tan{
	display: none;
	position: fixed;
	width: 230px;
	z-index: 25;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: #ffffff;
}
.public_tan .content{
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #cccccc;
}
.public_tan .content p{
	font-size: 14px;
	color: #000000;
}
.public_tan .caozuo{
	display: flex;
	align-items: center;
	justify-content: center;
}
.public_tan .caozuo a{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	font-size: 14px;
	color: #000000;
}
.public_tan .caozuo a:nth-child(2){
	background: #fb1cab;
	color: #ffffff;
}
/*弹出层*/

/*弹出层上弹*/
.public_up{
	position: fixed;
	width: 100%;
	/*height: 380px;*/
	left: 0;
	bottom: -2.5rem;
	background: #F5F5F5;
	z-index: 999999;
}
.public_up .public_top{
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #cccccc;
	position: relative;
	padding: 0 15px;
}
.public_up .public_top .public_title{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.public_up .public_top .public_close{
	position: absolute;
	top: 10px;
	right: 15px;
	width: 25px;
	height: 25px;
	background: url(../images/close.jpg) no-repeat center;
	background-size: 25px;
}
.public_up .public_main{
	/*height: 295px;*/
	overflow-y: scroll;
}

.public_up .public_main .selectList li {
	height: .80rem;
	line-height: .80rem;
	font-size: .28rem;
	background: #FFFFFF;
	color: #333333;
	text-align: center;
	border-bottom: .01rem solid #D4D4D4;
}

.public_up .public_main .selectList li:last-child {
	border-bottom: 0;
}

.public_up .public_button{
	margin-top: .10rem;
	font-size: .28rem;
}
.public_up .public_button button{
	width: 100%;
	height: .80rem;
	background: #FFFFFF;
	border: none;
	font-size: 15px;
	color: #333333;
	outline: none;
}
/*弹出层上弹*/