/****************************************************************************************************************
 = member =
*****************************************************************************************************************/
body{background-color:#ffffff;}

/**/
.no-information{width:64%;margin:3% auto;text-align:center;font-size:16px;}

/**/
.win-member-popup{width:98%;margin:15px auto;background-color:#FFF;}

/**/
.small-block-input{width:100%;min-height:24px;position:relative;overflow:hidden;}
.small-block-input:first-child{padding-top:5px;}
.small-block-input .slabel{min-width:80px;height:24px;line-height:24px;padding:0 10px;float:left;}
.small-block-input .sinput-block{position:relative;top:-8px;display:inline-block;min-width:100px;height:22px;line-height:22px;}


/**/
.line-h36{line-height:36px;}
.line-h38{line-height:38px;}
.line-h42{line-height:42px;}

/**/
.layui-card{border-top:0px solid #f0f0f0;}
.layui-card .layui-card-header span{border-bottom:2px solid #09f;display:inline-block;}

/**/
.layout-span-admin{width:42px;height:38px;line-height:38px;float:left;text-align:center;}

/************************************************************************************
 = 新增 会员首页 控制台 开始 =
*************************************************************************************/
.layadmin-carousel{height:185px!important;background-color:#fff;}
.layadmin-carousel .layui-carousel-ind li{background-color:#e2e2e2;}
.layadmin-carousel .layui-carousel-ind li:hover{background-color:#c2c2c2;}
.layadmin-carousel .layui-carousel-ind li.layui-this{background-color:#999;}
.layadmin-carousel .layui-carousel,.layadmin-carousel>[carousel-item]>*{background-color:#fff;}
.layadmin-carousel .layui-col-space10{margin:0;}
.layadmin-carousel .layui-carousel-ind{position:absolute;top:-41px;text-align:right;}
.layadmin-carousel .layui-carousel-ind ul{background:0 0;}

.layadmin-shortcut li{text-align:center;}
.layadmin-shortcut li .layui-icon{
	display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;
	transition:all .3s;-webkit-transition:all .3s;
}
.layadmin-shortcut li cite{position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
.layadmin-shortcut li:hover .layui-icon{background-color:#f2f2f2;}

.layadmin-backlog .layadmin-backlog-body{display:block;padding:10px 15px;background-color:#f8f8f8;color:#999;border-radius:2px;transition:all .3s;-webkit-transition:all .3s;}
.layadmin-backlog-body h3{padding-bottom:10px;font-size:12px;}
.layadmin-backlog-body p cite{font-style:normal;font-size:30px;font-weight:300;color:#009688;}
.layadmin-backlog-body:hover{background-color:#f2f2f2;color:#888;}

.layadmin-takerates{padding-top:5px;}
.layadmin-takerates .layui-progress{margin:50px 0 60px;}
.layadmin-takerates .layui-progress:last-child{margin-bottom:10px;}
.layadmin-takerates .layui-progress h3{position:absolute;right:0;top:-35px;color:#999;font-size:14px;}
.layadmin-takerates .layui-progress-bar{text-align:left;}
.layadmin-takerates .layui-progress-text{top:-35px;line-height:26px;font-size:26px;}

.layadmin-dataview{height:332px!important;}
.layadmin-dataview>[carousel-item]:before{display:none;}
.layadmin-dataview>[carousel-item]>div{height:332px;}

/************************************************************************************
 = 新增 会员首页 控制台 结束 =
*************************************************************************************/

.blue{color:#09f;}
.header-bgcolor-member{background-color:#09f;background-color:#09f!important;}

.layui-bg-white{background-color:#fff;}

.layout-member-header{position:fixed;top:0;left:0;z-index:999999;width:100%;height:40px;line-height:40px;box-shadow:0 2px 3px #e6e8ec;}
.layout-member-header .layui-nav{position:absolute;right:0;top:0;padding:0;background:none;}
.layout-member-header .layui-nav .layui-nav-item img.tx{position:absolute;top:21px;left:0;-webkit-border-radius:100%;border-radius:100%;}
.layout-member-logo{position:absolute;left:-5px;top:0;color:#fff;font-size:16px;}
.layout-member-logo:hover{color:rgba(255,255,255,.7);}

/**/
.layui-nav,.layui-nav .layui-nav-item{height:40px!important;line-height:40px!important;}
.layui-nav .layui-nav-item a {color:#fff!important;}
.layui-nav .layui-nav-item a:hover {color:rgba(255,255,255,.7)!important;}

/****************************************************************************************
 = 会员中心 左侧菜单导航 old =
*****************************************************************************************/
.layout-member-nav{color:#333;padding-bottom:36px;}
.layout-member-nav dl {position:relative;z-index:99999;list-style:none;width:100%;margin-top:17px;}
.layout-member-nav dl dt{height:42px;line-height:42px;padding-left:15px;font-size:18px;clear:both;background-color:rgba(0,153,255,.2);margin-bottom:10px;}
.layout-member-nav dl dt span.layui-icon{font-size:20px;}
.layout-member-nav dl dt a{font-size:18px;}
.layout-member-nav dl dt a.active{color:#060;}
.layout-member-nav dl dt span{margin-right:10px;font-size:16px;}
.layout-member-nav dl dt span.active{color:#060;}
.layout-member-nav dl dd{}
.layout-member-nav dl dd p{line-height:36px;padding-left:15px;}
.layout-member-nav dl dd p a{display:block;width:100%;line-height:180%;overflow:hidden;color:#333;font-size:14px;cursor:pointer;}
.layout-member-nav dl dd p a.active{color:#060;font-weight:bold;}
.layout-member-nav dl dd p:hover a{color:#06f;}

/* mem-nav */
.manage-member{width:100%;clear:both;margin-bottom:24px;font-size:16px;}
.manage-member i{color:#09f;margin-left:15px;margin-right:7px;font-weight:bold;}

.nav-top{height:42px;line-height:42px;padding-left:15px;font-size:18px;clear:both;background-color:rgba(0,153,255,.2);margin-bottom:5px;margin-right:1px;margin-top:10px;}
.nav-top span.layui-icon{font-size:20px;margin-right:6px;}
.mem-nav{width:202px;height:100%;padding-top:50px;transition: all .3s;background:#fff url(../images/public/m-side-bg.png) no-repeat top center;overflow:scroll;}
.nav-item a.big{display:block;overflow:hidden;width:100%;height:30px;line-height:30px;transition: all .3s;font-size:14px;text-indent:15px;position:relative;}
.nav-item a.big span{margin-left:0px;}
.nav-item{position:relative;}
.nav-item.nav-show{border-bottom:none;}
.nav-item ul{display:none;width:202px;margin-left:28px;}
.nav-item ul li{padding:3px 0;}
.nav-item ul li a{font-size:14px;line-height:180%;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position:absolute;left:0px;width:2px;height:30px;opacity:0;transition: all .3s;}

/*---------------------*/
.mem-nav a.big .nav-more{font-size:12px;transition:transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.mem-nav a.big .nav-more::after{content: "";}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color:#09f;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color:#09f;}

/* nav-mini */
.nav-mini.nav{width: 60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}

/****************************************************************************************
 = 会员中心首页 会员信息 板块 =
*****************************************************************************************/
.member-infomation{position:relative;overflow:hidden;}
.member-infomation img.thumb{width:100px;height:100px;border-radius:100%;top:50px;position:relative;margin:auto;display:block;}
.member-infomation .mbig{width:100%;height:42px;line-height:42px;}
.member-infomation .mbig .red{color:#ff8041;font-size:18px;font-weight:bold;}
.member-infomation .mbig .orange{color:#ff8041;}

.member-infomation .renzheng{width:100%;min-height:20px;line-height:20px;margin:15px auto;}
.member-infomation .renzheng a{position:relative;margin-right:15px;}
.member-infomation .renzheng a i{display:inline-block;width:20px;height:20px;margin-right:5px;background:url(../images/public/member-icon.jpg) no-repeat;position:relative;top:5px;}
.member-infomation .renzheng a i.one{background-position:0 -9px;}
.member-infomation .renzheng a i.two{background-position:-95px -9px;}
.member-infomation .renzheng a i.three{background-position:-180px -9px;}
.member-infomation .renzheng a i.four{background-position:-266px -9px;}
.member-infomation .renzheng a i.five{background-position:-344px -9px;}
.member-infomation .renzheng a i.six{background-position:-421px -9px;}

.member-infomation .lastlogin{width:100%;height:20px;line-height:20px;margin:20px auto;}
.member-infomation .lastlogin .blue{color:#0c639c;}
.member-infomation .lastlogin .gray{color:#ccc;}

/****************************************************************************************
 = 会员中心首页 右上角 新闻中心 板块 =
*****************************************************************************************/
ul.m-news-date{overflow:hidden;list-style:none;clear:both;overflow:hidden;}
ul.m-news-date li{list-style:none;height:32px;line-height:32px;background:url(../images/public/dian.jpg) no-repeat left center;width:100%;overflow:hidden;}
ul.m-news-date li a{position:relative;overflow:hidden;font-size:14px;color:#666;padding-left:15px;}
ul.m-news-date li ins{position:relative;float:right;text-decoration:none;font-style:normal;color:#9f9f9f;text-align:right;}
ul.m-news-date li:hover a{color:#f60;}
ul.m-news-date li.half{width:48%;}

/**/
.page-member-infor{position:relative;padding:2%;background-color:#fff;border:1px solid #efefef;}
.page-member-infor .member-figure{position:relative;clear:both;text-align:center;}
.page-member-infor .member-figure img.layui-upload-img{display:block;width:120px;height:120px;margin:20% auto 0;}
.page-member-infor .member-figure img.layui-upload-img2{display:block;width:120px;height:120px;margin:5% auto 5%;}
.page-member-infor .layui-btn{display:block;margin:auto;min-width:10%;}

/****************************************************************************************
 = 会员中心 右侧 顶部 会员基本信息 下方 小块数据统计信息 =
*****************************************************************************************/
.small-other-info{position:relative;width:100%;height:80px;line-height:80px;background-color:#fff;border-radius:3px;border:1px solid #f0f0f0;}
.small-other-info div{position:relative;width:50%;height:80px;display:block;float:right;margin-right:20px;font-size:14px;}

.small-other-info i{position:relative;display:block;width:46px;height:46px;background-color:#09f;float:left;margin-left:20px;margin-top:17px;background:url(../images/public/member-icon.jpg) no-repeat center;}
.small-other-info i.one{background-position:0 -163px;}
.small-other-info i.two{background-position:-146px -163px;}
.small-other-info i.three{background-position:-292px -163px;}
.small-other-info i.four{background-position:-438px -163px;}
.small-other-info i.five{background-position:-584px -163px;}
.small-other-info i.six{background-position:-730px -163px;}
.small-other-info i.seven{background-position:-583px -68px;}
.small-other-info i.eight{background-position:-730px -68px;}
.small-other-info i.nine{background-position:-730px 0;}

.small-other-info i.clock{background-position:-74px -163px;}
.small-other-info i.fangdajing{background-position:-220px -163px;}
.small-other-info i.question{background-position:-366px -163px;}
.small-other-info i.gear{background-position:-512px -163px;}
.small-other-info i.member{background-position:-658px -163px;}
.small-other-info i.plus{background-position:-658px -67px;}

/* 新增自由添加字体图标 背景色 */
.small-other-info .cwicon{position:relative;display:block;width:46px;height:46px;line-height:46px;text-align:center;float:left;margin-left:20px;margin-top:17px;border-radius:3px;}
.small-other-info .cwicon .layui-icon{font-size:24px;color:#fff;}


/****************************************************************************************
 = 弹窗 内表格 样式 start =
*****************************************************************************************/
.member-win-box{width:100%;border-left:1px solid #424141;border-top:1px solid #424141;}
.member-win-box .grid-box{border-right:1px solid #424141;border-bottom:1px solid #424141;min-height:40px;padding:5px 10px;line-height:200%;position:relative;}
.member-win-box .grid-box .title{width:100%;text-align:center;font-size:16px;font-weight:bold;}
.member-win-box .grid-box .must{position:relative;top:3px;}

/**/
.member-win-box table{width:100%;}
.member-win-box table th,.member-win-box table td{border-right:1px solid #424141;border-bottom:1px solid #424141;height:40px;padding:5px 10px;line-height:200%;position:relative;text-align:center;}
.member-win-box table th{font-size:16px;}
.member-win-box table td{font-size:14px;}
.member-win-box table td .must{position:relative;top:3px;}
.member-win-box table td.bggray{background-color:#e2e2e2;}
/**/
.member-win-table{width:100%;border-left:1px solid #424141;border-top:1px solid #424141;}
.member-win-table td{border-right:1px solid #424141;border-bottom:1px solid #424141;height:40px;padding:5px 10px;font-size:16px;line-height:200%;position:relative;}
.member-win-table td .must{position:relative;top:3px;}

/* 弹窗 内表格 样式 end */

/*account.html*/
.pay-way{position:relative;clear:both;margin-bottom:10px;}
.pay-way input, .pay-way img{position:relative;z-index:9;}
.pay-way img{height:36px;}
.pay-way .active{position:relative;}
.pay-way .active i{position:absolute;right:0;top:0;margin-right:20%;z-index:99;color:#060;font-size:24px;}

/**/
dl.layout-shop-list{position:relative;display:block;margin-top:10px;margin-bottom:20px;background-color:#fff;border:1px solid #f0f0f0;}
dl.w48{width:23.25%;float:left;margin-right:2%;}
dl.nomr{margin-right:0;}
dl.layout-shop-list dt, dl.layout-shop-list dd{position:relative;list-style:none;overflow:hidden;}
dl.layout-shop-list dt{width:100%;height:220px;}
dl.layout-shop-list dt img{width:100%;height:220px;}
dl.layout-shop-list dd{height:72px;}
dl.layout-shop-list dd h3{height:42px;line-height:42px;text-align:center;overflow:hidden;}
dl.layout-shop-list dd h3 a{font-size:16px;}
dl.layout-shop-list dd p{width:100%;height:30px;line-height:30px;}
dl.layout-shop-list dd p span{font-size:16px;color:#f60;margin-left:5px;}
dl.layout-shop-list dd p span i{font-style:normal;font-size:10px;}
dl.layout-shop-list dd p i.cart{float:right;margin-right:5px;}
dl.layout-shop-list dd a.addcart{float:right;height:30px;padding:0 10px;color:#333;}
dl.layout-shop-list dd a.addcart:hover{color:#09f;}

/****************************************************************************************
 = page-member-boxlist 样式 =
*****************************************************************************************/

/**/
.page-member-boxlist{position:relative;z-index:9;list-style:none;width:100%;margin:auto;margin-bottom:1%;background-color:#fff;border:1px solid #f0f0f0;}
.page-member-boxlist .pm-title{width:98%;height:48px;line-height:48px;padding:5px 1%;border-bottom:1px solid #f0f0f0;}
.page-member-boxlist .pm-title span{font-size:18px;float:left;line-height:40px;}
.page-member-boxlist .pm-title span i{position:relative;top:2px;margin-right:5px;color:#1E9FFF;font-size:18px;}
.page-member-boxlist .pm-title a{
	height:32px;line-height:32px;font-size:14px;float:right;margin-top:3px;background-color:#09f;padding:0 20px;-webkit-border-radius:3px;border-radius:3px;color:#fff;
}

/**/
.page-member-boxlist .pm-boxlist{clear:both;position:relative;padding:1%;}
.page-member-boxlist .pm-boxlist dl,.page-member-boxlist .pm-boxlist dl dt,.page-member-boxlist .pm-boxlist dl dd{position:relative;list-style:none;}
.page-member-boxlist .pm-boxlist dl{padding:10px 0;height:36px;line-height:36px;border-bottom:1px dashed #efefef;}
.page-member-boxlist .pm-boxlist dl.half{width:48%;}

.page-member-boxlist .pm-boxlist dl dt,.page-member-boxlist .pm-boxlist dl dd{height:36px;}
.page-member-boxlist .pm-boxlist dl dt{width:72px;color:#666;}
.page-member-boxlist .pm-boxlist dl dt span{display:inline-block;background-color:#09f;padding:0px 12px;color:#fff;border-radius:3px;float:right;cursor:pointer;}
.page-member-boxlist .pm-boxlist dl dt span:hover{background-color:#08f;}

.page-member-boxlist .pm-boxlist dl dd{width:85%;height:36px;line-height:36px;font-size:14px;overflow:hidden;}
.page-member-boxlist .pm-boxlist dl dd a{font-size:14px;color:rgba(0,0,0,.7);}
.page-member-boxlist .pm-boxlist dl dd:hover a{color:#0fb1f4;}

/**/
.page-member-boxlist ul{padding:15px 0;}
.page-member-boxlist li{
	position:relative;list-style:none;float:left;text-align:center;background-color:#fff;
	border:1px solid #f0f0f0;margin-bottom:2%;
}
.page-member-boxlist li img{max-width:100%;height:120px;display:block;margin:auto;border-radius:3px;}
.page-member-boxlist li b{
	display:inline-block;height:36px;line-height:36px;overflow:hidden;text-align:center;font-size:14px;
	padding:0 10px;font-weight:normal;
}
.page-member-boxlist li a:hover b{color:#09f;}
.page-member-boxlist li.w5{width:16.6666667%;padding:3%;margin-left:2.7%;}
.page-member-boxlist li.w6{width:10.3%;padding:1% 2% 0;margin-left:2%;border:0;}
.page-member-boxlist li.noborder{border:0!important;width:10.3%;padding:10px 0;margin-left:2%;}
.page-member-boxlist li.noborder img{border-radius:100%;width:100px;height:100px;}

/**/
.page-member-boxlist .content{padding:10px;line-height:200%;font-size:14px;}

/****************************************************************************************
 = layout-task =
*****************************************************************************************/
.layout-task{width:100%;clear:both;position:relative;}
.layout-task .green9{background-color:#090;color:#fff;}
.layout-task .gray9{background-color:#ddd;color:#999;}
.layout-task .red9{background-color:#f00;color:#fff;}
.layout-task .blue9{background-color:#09f;color:#fff;}
.layout-task .blue9:hover{background-color:#08f;}
.layout-task dl,.layout-task dl dt,.layout-task dl dd{position:relative;list-style:none;background-color:#fff;}
.layout-task dl{width:32.5%;float:left;margin-right:1%;border:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:5px;border-radius:3px;overflow:hidden;}
.layout-task dl.nomr{margin-right:0;float:right;}
.layout-task dl dt{width:100%;height:64px;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;padding-bottom:2px;}
.layout-task dl dt .left{position:relative;top:5px;left:5px;width:90px;height:56px;float:left;text-align:center;line-height:56px;font-size:20px;border-radius:3px;}
.layout-task dl dt .right{width:72%;float:right;padding-top:4px;}
.layout-task dl dt .right p{line-height:20px;font-size:12px;}
.layout-task dl dd{padding:0 10px 5px;height:360px;overflow:auto;margin-top:5px;}
.layout-task dl dd .cont{height:50px;padding:10px 0;border-bottom:1px dashed #e0e0e0;}
.layout-task dl dd .cont .left{width:77%;float:left;}
.layout-task dl dd .cont .right{width:64px;float:right;}
.layout-task dl dd .cont .left p{line-height:26px;}
.layout-task dl dd .cont .left span{position:relative;margin-left:10px;}
.layout-task dl dd .cont .left span i{background-color:#999;height:16px;padding:0 2px;font-size:10px;}
.layout-task dl dd .cont .left span:hover{cursor:pointer;color:#09f;}

.layout-task dl dd .cont .left em{display:inline-block;width:42px;position:relative;top:3px;margin-left:5px;}

.layout-task dl dd .cont .right span{display:inline-block;width:62px;height:50px;line-height:50px;text-align:center;border-radius:3px;margin-top:3px;cursor:pointer;}

@media screen and (min-width:1024px) {
	.layout-task dl{width:32.3%;float:left;margin-right:1%;border:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:5px;border-radius:3px;overflow:hidden;}
    .layout-task dl.nomr{margin-right:0;float:right;}
    .layout-task dl dt{position:relative;width:100%;height:64px;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;padding-bottom:2px;}
    .layout-task dl dt .left{position:absolute;top:2px;left:70%;z-index:999;width:70px;height:20px;line-height:20px;text-align:center;font-size:12px;border-radius:2px;}
    .layout-task dl dt .right{width:99%;position:relative;top:0;left:2px;}
    .layout-task dl dt .right p{line-height:20px;font-size:12px;}
	
    .layout-task dl dd{padding:0 5px 5px;height:360px;overflow:auto;margin-top:5px;}
    .layout-task dl dd .cont{height:100px;padding:10px 0;border-bottom:1px dashed #e0e0e0;}
    .layout-task dl dd .cont .left{width:70%;float:left;}
	.layout-task dl dd .cont .left span{position:relative;margin-left:5px;}
    .layout-task dl dd .cont .right{width:64px;float:right;}
	
	.small-other-info i{
		width:30px;height:30px;display:block;float:left;position:relative;margin-left:10px;margin-top:25px;
		background:url(../images/public/member-icon.jpg) no-repeat center;background-size:500px;
	}
	.small-other-info i.one{background-position:0 -105px;}
    .small-other-info i.two{background-position:-94px -105px;}
    .small-other-info i.three{background-position:-188px -105px;}
    .small-other-info i.four{background-position:-282px -105px;}
    .small-other-info i.five{background-position:-376px -105px;}
    .small-other-info i.six{background-position:-470px -105px;}
    .small-other-info i.seven{background-position:-376px -43px;}
    .small-other-info i.eight{background-position:-470px -43px;}
    .small-other-info i.nine{background-position:-470px 0;}
	.small-other-info div{position:absolute;left:50px;bottom:25px;display:block;height:30px;line-height:30px;font-size:12px;}
	
	/* 新增自由添加字体图标 背景色 */
   .small-other-info .cwicon{position:relative;display:block;width:30px;height:30px;line-height:30px;text-align:center;float:left;margin-left:10px;margin-top:25px;border-radius:3px;}
   .small-other-info .cwicon .layui-icon{font-size:12px;color:#fff;}
}

@media screen and (min-width:1280px) {
	.layout-task dl{width:32.4%;float:left;margin-right:1%;border:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:5px;border-radius:3px;overflow:hidden;}
    .layout-task dl.nomr{margin-right:0;float:right;}
    .layout-task dl dt{width:100%;height:64px;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;padding-bottom:2px;}
    .layout-task dl dt .left{position:relative;top:5px;left:5px;width:76px;height:56px;float:left;text-align:center;line-height:56px;font-size:16px;border-radius:3px;}
    .layout-task dl dt .right{width:72%;float:right;padding-top:2px;}
    .layout-task dl dt .right p{line-height:20px;font-size:12px;}
    .layout-task dl dd{padding:0 5px 5px;height:360px;overflow:auto;margin-top:5px;}
    .layout-task dl dd .cont{height:50px;padding:10px 0;border-bottom:1px dashed #e0e0e0;}
    .layout-task dl dd .cont .left{width:77%;float:left;}
	.layout-task dl dd .cont .left span{position:relative;margin-left:5px;}
    .layout-task dl dd .cont .right{width:64px;float:right;}
	
	.small-other-info i{
		width:30px;height:30px;display:block;float:left;position:relative;margin-left:10px;margin-top:25px;
		background:url(../images/public/member-icon.jpg) no-repeat center;background-size:500px;
	}
	.small-other-info i.one{background-position:0 -105px;}
    .small-other-info i.two{background-position:-94px -105px;}
    .small-other-info i.three{background-position:-188px -105px;}
    .small-other-info i.four{background-position:-282px -105px;}
    .small-other-info i.five{background-position:-376px -105px;}
    .small-other-info i.six{background-position:-470px -105px;}
    .small-other-info i.seven{background-position:-376px -43px;}
    .small-other-info i.eight{background-position:-470px -43px;}
    .small-other-info i.nine{background-position:-470px 0;}
	.small-other-info div{position:absolute;left:50px;bottom:25px;display:block;height:30px;line-height:30px;font-size:12px;}
	
	/* 新增自由添加字体图标 背景色 */
   .small-other-info .cwicon{position:relative;display:block;width:30px;height:30px;line-height:30px;text-align:center;float:left;margin-left:10px;margin-top:25px;border-radius:3px;}
   .small-other-info .cwicon .layui-icon{font-size:14px;color:#fff;}
}

@media screen and (min-width:1360px) {
	.layout-task dl{width:32.478888%;float:left;margin-right:1%;border:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:5px;border-radius:3px;overflow:hidden;}
    .layout-task dl.nomr{margin-right:0;float:right;}
    .layout-task dl dt{width:100%;height:64px;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;padding-bottom:2px;}
    .layout-task dl dt .left{position:relative;top:5px;left:5px;width:80px;height:56px;float:left;text-align:center;line-height:56px;font-size:16px;border-radius:3px;}
    .layout-task dl dt .right{width:72%;float:right;padding-top:2px;}
    .layout-task dl dt .right p{line-height:20px;font-size:12px;}
    .layout-task dl dd{padding:0 5px 5px;height:360px;overflow:auto;margin-top:5px;}
    .layout-task dl dd .cont{height:50px;padding:10px 0;border-bottom:1px dashed #e0e0e0;}
    .layout-task dl dd .cont .left{width:80%;float:left;}
	.layout-task dl dd .cont .left span{position:relative;margin-left:5px;}
    .layout-task dl dd .cont .right{width:64px;float:right;}
	
	.small-other-info i{position:relative;display:block;width:46px;height:46px;background-color:#09f;margin-left:10px;margin-top:17px;background:url(../images/public/member-icon.jpg) no-repeat center;}
    .small-other-info i.one{background-position:0 -163px;}
    .small-other-info i.two{background-position:-146px -163px;}
    .small-other-info i.three{background-position:-292px -163px;}
    .small-other-info i.four{background-position:-438px -163px;}
    .small-other-info i.five{background-position:-584px -163px;}
    .small-other-info i.six{background-position:-730px -163px;}
    .small-other-info i.seven{background-position:-583px -68px;}
    .small-other-info i.eight{background-position:-730px -68px;}
    .small-other-info i.nine{background-position:-730px 0;}
    .small-other-info div{position:absolute;left:64px;top:0;height:80px;line-height:80px;display:block;font-size:14px;}
	
	/* 新增自由添加字体图标 背景色 */
   .small-other-info .cwicon{position:relative;display:block;width:46px;height:46px;line-height:46px;text-align:center;float:left;margin-left:10px;margin-top:17px;border-radius:3px;}
   .small-other-info .cwicon .layui-icon{font-size:18px;color:#fff;}
	
}

@media screen and (min-width:1440px) {
	.layout-task dl dt .right{width:64%;}
	
	.small-other-info i{position:relative;display:block;width:46px;height:46px;background-color:#09f;margin-left:10px;margin-top:17px;background:url(../images/public/member-icon.jpg) no-repeat center;}
    .small-other-info i.one{background-position:0 -163px;}
    .small-other-info i.two{background-position:-146px -163px;}
    .small-other-info i.three{background-position:-292px -163px;}
    .small-other-info i.four{background-position:-438px -163px;}
    .small-other-info i.five{background-position:-584px -163px;}
    .small-other-info i.six{background-position:-730px -163px;}
    .small-other-info i.seven{background-position:-583px -68px;}
    .small-other-info i.eight{background-position:-730px -68px;}
    .small-other-info i.nine{background-position:-730px 0;}
    .small-other-info div{position:absolute;left:64px;top:0;height:80px;line-height:80px;display:block;font-size:14px;}
	
	/* 新增自由添加字体图标 背景色 */
   .small-other-info .cwicon{position:relative;display:block;width:46px;height:46px;line-height:46px;text-align:center;float:left;margin-left:10px;margin-top:17px;border-radius:3px;}
   .small-other-info .cwicon .layui-icon{font-size:24px;color:#fff;}
}
@media screen and (min-width:1920px) {
	.layout-task dl{width:32.5422222%;}
	.layout-task dl dt .left{width:90px;}
    .layout-task dl dt .right{width:80%;}
	
	.page-login-bg h2{margin-top:42%;}
	
	/* 新增自由添加字体图标 背景色 */
   .small-other-info .cwicon{position:relative;display:block;width:46px;height:46px;line-height:46px;text-align:center;float:left;margin-left:10px;margin-top:17px;border-radius:3px;}
   .small-other-info .cwicon .layui-icon{font-size:24px;color:#fff;}
}

@media screen and (min-width:2560px) {
	.layout-task dl dt .right{width:78%;}
}

/**/

table.audit-xiti{width:100%;margin:auto;}
table.audit-xiti th{background-color:#f9f9f9;height:48px;line-height:48px;font-size:16px;padding:0 10px;border-left:1px solid #efefef;font-weight:normal;}
table.audit-xiti td{border-top:1px solid #efefef;padding:5px 10px;height:36px;line-height:36px;font-size:14px;border-left:1px solid #efefef;}
table.audit-xiti th:first-child,table.audit-xiti td:first-child{border-left:0;}
table.audit-xiti tr.show:hover{background-color:#f9f9f9;}
table.audit-xiti td span{cursor:pointer;}
table.audit-xiti td span.go{display:inline-block;background-color:#09f;padding:0px 12px;color:#fff;border-radius:3px;cursor:pointer;}
table.audit-xiti td span.go:hover{background-color:#08f;}

/**/
.layout-member-text{position:relative;margin-top:5px; padding:5px;}
.layout-member-text h3{float:left;font-size:16px;line-height:36px; margin-left:5px;}
.layout-member-text .from-box{float:right;}
.layout-member-text .from-box select, .layout-member-text .from-box input{float:left;margin-right:5px;}
.layout-member-text input.layui-input{width:200px;}
.layout-member-text .from-box span{line-height:36px;font-size:14px;}

/**/
.layout-member-cart{position:relative;background-color:#efefef;padding:15px;border:1px solid #dfdfdf;}
.layout-member-cart .layui-input{float:left;margin-right:10px;}
.layout-member-cart input.person{width:120px;}
.layout-member-cart input.phone{width:180px;}
.layout-member-cart input.tips{width:20%;}
.layout-member-cart span{float:left;line-height:36px;font-size:14px;}
.layout-member-cart span.total-price{margin-right:50px;color:#f30;}

/****************************************************************************************
 = memeber 会员页面 左侧菜单导航 展开伸缩 =
*****************************************************************************************/
.layui-body{padding:0 1.5%!important;margin-top:20px;border-bottom:1px solid #f0f0f0;}
.layui-weight{font-weight:bold!important;}

/**/
#actOpenBtn{cursor:pointer;height:36px;line-height:36px;color:rgba(0,153,255,.5);position:fixed;left:32px;top:40px;z-index:9999!important;}
#actCloseBtn{cursor:pointer;height:36px;line-height:36px;color:rgba(0,153,255,.5);position:fixed;left:230px;top:40px;z-index:9999!important;}

/**/
.news-notice{position:absolute;left:280px;top:47px;z-index:9999;}
.news-notice img{margin-right:6px;}
.news-notice a{font-size:14px;}
.news-notice a:hover{color:#f00;}

/**/
.layui-side{top:32px!important;}
.flexd{position:fixed;width:100%;}
.imgAuto{width:auto;height:auto;max-width:100%;max-height:100%;}
.fb{font-size:20px;font-weight:800;padding-left:10px;}
.showUnloginInfo{margin-top:20%; font-size:19px;}

/****************************************************************************************
 = 登录注册 样式 =
*****************************************************************************************/
/***** 登录 注册 页面 start *****/
.login-box{position:relative;z-index:999999;width:100%; }

/*背景动画*/
#Mycanvas{position:absolute;left:0;top:0;z-index:1;}

/**/
body.login-reg{position:relative;display:block;width:100%;height:100%;margin:0 auto;font-family:"微软雅黑","宋体",Arial,Helvetica,sans-serif;overflow:hidden;}
body.login-reg img.logo{position:relative;display:block;width:420px;margin:40px auto;z-index:9999;}
body.login-reg img.logo-small{position:relative;display:block;width:120px;height:120px;margin:120px auto 42px;z-index:9999;border-radius:100%;}
.page-login-bg{clear:both;position: relative;box-sizing: border-box;margin: 150px 0px 150px 0px;position: relative;display: flex;flex-direction: column;width: 354px;height: 468px; justify-content: center;align-items: center; background-color: #fff;border-radius:6px;box-shadow: 0px 0px 6px #eee;}
.page-login-bg .small-box{width:270px;margin:auto;}
.page-login-bg .phone,.page-login-bg .lock,.page-login-bg .yzm,.page-login-bg .sqm,.page-login-bg .person{display:inline-block;width:27px;height:27px;position:relative;top:6px;}
.page-login-bg .phone{background:url(../images/login/icon-phone-white.png) no-repeat center;}
.page-login-bg .lock{background:url(../images/login/icon-lock-white.png) no-repeat center;}
.page-login-bg .yzm{background:url(../images/login/icon-yzm9-white.png) no-repeat center;}
.page-login-bg .sqm{background:url(../images/login/icon-sqm-white.png) no-repeat center;}
.page-login-bg .person{background:url(../images/login/icon-person-white.png) no-repeat center;}
.page-login-bg dl{position:relative;z-index:999;list-style:none;border:1px solid #fff;height:44px;line-height:44px;background-color:#4c99ec;border-radius:6px;}
.page-login-bg dl dt,.page-login-bg dl dd{position:relative;list-style:none;float:left;font-size:14px;color:#fff;}
.page-login-bg dl dt{width:40px;text-align:center;font-size:16px;}
.page-login-bg dl dd{width:226px;float:right;}
.page-login-bg dl dd input{position:relative;top:-3px;border:none;background-color:transparent;width:92%;color:#fff;font-size:14px;}

.page-login-bg dl dd input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#fff;}
.page-login-bg dl dd input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#fff;}
.page-login-bg dl dd input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;}
.page-login-bg dl dd input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#fff;}

.page-login-bg dl dd input.putyzm{width:48%;}
.page-login-bg dl dd a.messcode{position:absolute;right:0;top:0;color:#fff;display:block;padding:0 8px;background-color:#0972ff;border-radius:6px;}
.page-login-bg dl dd a.messcode:hover{background-color:#2581fd;}
.page-login-bg dl dd img.login-yzm{position:absolute;right:5px;top:5px;border-radius:6px;}
.page-login-bg a.page-btn{
	width:90%;height:42px;line-height:42px;display:block;border:none;margin:5% auto 5%;color:#fff;font-size:18px;text-align:center;
	background-color:#09f;-webkit-border-radius:21px;border-radius:21px;
}
.page-login-bg .page-login-other{
	position:relative;z-index:999;width:146px;height:36px;float:left;line-height:36px;margin-top:10px;text-align:center;
	background-color:#00a0e9;border:1px solid #fff;border-radius:6px;
}
.page-login-bg .page-login-other a{font-size:14px;color:#fff;}
.page-login-bg .page-login-other a:hover{color:#fff;text-decoration:underline;}

.page-login-bg .page-reg-btn{position:relative;z-index:999;clear:both;width:90%;margin:auto;}
.page-login-bg .page-reg-btn a.page-btn{float:left;width:120px;height:42px;line-height:42px;text-align:center;background-color:#09f;-webkit-border-radius:5px;border-radius:5px;}
.page-login-bg .page-reg-btn a.logining{position:relative;float:right;display:inline-block;margin:5% auto 5%;line-height:42px;color:#000;font-size:18px;}
.page-login-bg .page-reg-btn a.logining:hover{color:#09f;}

/**/
.page-login-bg .note{width:100%;margin:24px auto 0;text-align:center;}
.page-login-bg .note a{font-size:14px;color:#fff;}
.page-login-bg .note a:hover{text-decoration:underline;}

/**/
.page-login-bg h2{}
.page-login-bg .login-logo{width:218px;height:218px;float:left;padding-top:5px;}
.page-login-bg .login-logo img{width:auto;max-width:100%;height:auto;max-height:100%;}
.page-login-bg .login-main{width:280px;float:right;}
.page-login-bg .login-btn-one{border-radius:6px;background-color:#00a0e9;margin-top:10px;border:1px solid #fff;font-size:14px;}

/****************************************************************************************
 = 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 =
*****************************************************************************************/  
.scroll-y::-webkit-scrollbar  
{  
    width: 3px;  /*滚动条宽度*/
    height: 3px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.scroll-y::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px #f0f0f0;  
    border-radius: 3px;  /*滚动条的背景区域的圆角*/
    background-color: #f6f6ea;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.scroll-y::-webkit-scrollbar-thumb  
{  
    border-radius: 3px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px #f0f0f0);  
    /*background-color: #92928d;  滚动条的背景颜色*/
	background-color:#f6f6ea;
}  
.add-media{border:0px solid #CCC; padding:5px; border-radius:10px; cursor:pointer; background-color:#1e9fff; color:#FFF; width:105px; height:20px; font-size:12px;}
.pointer{cursor:pointer;}

 /* 实时概况 */
.first-box{padding: 12px; border-bottom: 1px solid #f6f6f6; display: flex;align-items: center;}
.first-box .span{font-size: 5px;color: rgb(196, 195, 195);padding-left: 10px;}
.card-one{display: flex;align-items: center;flex-wrap: wrap; box-sizing: border-box;}
.item-three{display: flex;flex-direction: column;align-items: center;width: 25%;font-size: 5px;color: #999999;margin: 6px 0;}
.item-three h6{font-size: 20px;font-weight: bold;color:#333333;}
.item-three h6 span i{color: #4eeb63;font-size: 20px;}
/* 快捷方式  待办事项*/
.info{color: #333333; box-sizing: border-box; display: flex;align-items: center;padding:9px 10px;flex-wrap: wrap;}
.info .item{width: 23%;margin: 2% 1%;box-sizing: border-box;display: flex;flex-direction: column; align-items: center;justify-content: center;}
.info .item i{background-color: #f8f8f8;width: 100%;box-sizing: border-box;padding: 10px 0;text-align: center;font-size: 22px;border-radius: 4px;}
.info .item p{margin: 5px auto;}
.info .item-two{padding:10px; width: 48%;;margin: 2% 1% ;box-sizing: border-box;display: flex;flex-direction: column; background-color: #f8f8f8;border-radius: 4px;}
.info .item-two p{margin-top: 5px; font-size: 22px;color: #009688;}
.info .item-eight{padding:10px; width: 23%;;margin: 2% 1% ;box-sizing: border-box;display: flex;flex-direction: column; background-color: #f8f8f8;border-radius: 4px;}
.info .item-eight p{margin-top: 5px; font-size: 22px;color: #009688;}
.info .item-six{padding:10px; width: 31%;;margin: 2% 1% ;box-sizing: border-box;display: flex;flex-direction: column; background-color: #f8f8f8;border-radius: 4px;}
.info .item-six p{margin-top: 5px; font-size: 22px;color: #009688;}

/*  */
.layui-card .header-two{display: flex;align-items: center;justify-content: space-between;}
.layui-card .body-two{display: flex;align-items: center;flex-wrap: wrap;box-sizing: border-box;}
.layui-card .body-two .item-four{width:25%;font-size: 8px;box-sizing: border-box;margin: 10px 0 ;}
.layui-card .body-two .item-four i{font-size: 20px;margin-right: 5px;}
.layui-body-member{box-sizing: border-box; background-color:#fff;}
img.layui-upload-img{height:24px;border-radius:3px;cursor: pointer;}
.layui-icon-delete-btn{font-size:26px;color:#09f;}
.layui-icon-delete-btn-d{font-size:26px;color:#09f;display:none;}
.clearfix{clear: both;}
.member-footer{background:0;text-align:center;z-index:0;width: 100%;margin-left: -100px;padding-bottom: 10px;}
/* 新登录样式 */
body.x-login-reg{position:relative;display:block;width:100%;height:100vh;margin:0 auto;font-family:"微软雅黑","宋体",Arial,Helvetica,sans-serif;overflow:hidden;zoom: 1;}
.x-login-box{z-index:9;background:url(../images/login/login-wrap-bg.png) no-repeat center;position: relative;width: 874px;margin: auto;height: 768px;zoom:1;padding: 1px;}