body{font-family: "Microsoft YaHei", SimHei, Verdana, Arial, sans-serif;font-weight: normal;color: #333333;}
*{ margin:0; padding:0}
ul li,ol li{list-style: none; margin:0; padding:0}
a{ color: #333; }
img{border: 0;}
/*------------------------------------*\
  首页
\*------------------------------------*/
/*头部*/
.page .bar-nav{height: 2.4rem; padding: 0; background-color: #FFF;}
.page, .page-group{background-color: #f0f0f0;}
.bar-nav .title{height: 2.4rem; line-height: 2.4rem; margin: 0.3rem auto -0.2rem;}
.bar-nav .title img{width: 7rem;}

.content .m-slider{padding-bottom: 0.5rem;}
.content .m-slider .swiper-slide img{width: 100%; display: block;}
.m-slider.swiper-container-horizontal>.swiper-pagination{bottom: 0.95rem;}
.content .m-slider .swiper-pagination .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;  border-radius: 50%; border:2px solid #FFF;background-color: #fff; opacity:1}
.content .m-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #821f87; border-color:#821f87}
/*导航栏*/
.bar-tab .tab-item.active, .bar-tab .tab-item:active{ color:#026630}
.bar{ background:#fff}
.bar-tab .tab-item .icon-star{ background: url(../static/img/n-icon.png)50% 0% no-repeat; background-size: 32px; width: 1.4rem;}
.bar-tab .tab-item .icon-me{ background: url(../static/img/n-icon.png)51% 63% no-repeat; background-size: 29px; width: 1.4rem;}
.bar-tab .tab-item.active .icon-star{background-position-y:32%;}
.bar-tab .tab-item.active .icon-me{background-position-y:96%; }
.bar-tab .tab-item .icon-star:before{display: none;}
.bar-tab .tab-item .icon-me:before{display: none;}
.bar-tab .tab-item .icon~.tab-label{ display:inline;font-size: .75rem;}
/*.bar-tab .tab-item {
    height: 1.2rem;
	line-height:1.2rem;
	border-right:1px solid #bfbfbf;
}*/
.bar-tab .tab-item:after{ content: ""; position: absolute; top: 30%; left: 0; width: 1px; height: 50%; background: #bfbfbf;}
.bar-tab{ height:2.5rem;}

.maincolor{color:#f89b16 !important;}
.mainsize{font-size:1rem}
.list_page{height:1.5rem;}
/*贷款类型*/
.index_des{padding:0 0 0.2rem;background-color:#ffffff; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.index_des .tle{margin: 0; padding:0.3rem 0.8rem 0.5rem; border-bottom: 1px solid #e7e7e7; font-size: 0.8rem; font-weight: normal;}
.index_des .row{margin: 0;}
.index_des .text-center{/*width: 25%; */margin: 0; padding: 0.8rem 0 0.5rem; /*border-left: 1px solid #e7e7e7;*/}
.index_des .text-center:first-child{border: 0;}
.index_des .text-center p{margin:0.2rem;font-size:0.7rem;}
.icon-top-des1{display: inline-block;height: 2rem;line-height: 2rem;width:2rem;background-image: url(../static/img/xyd-1.png);background-repeat:no-repeat;vertical-align: middle;background-size: 100% auto;background-position: center;  position: relative;}
.icon-top-des2{display: inline-block;height: 2rem;line-height: 2rem;width:2rem;background-image: url(../static/img/dyd-2.png);background-repeat:no-repeat;vertical-align: middle;background-size: 100% auto;background-position: center;  position: relative;}
.icon-top-des3{display: inline-block;height: 2rem;line-height: 2rem; width:2rem;background-image: url(../static/img/zxd-3.png);background-repeat:no-repeat;vertical-align: middle;background-size: 100% auto;background-position: center;  position: relative;}
.icon-top-des4{display: inline-block;height: 2rem;line-height: 2rem; width:2rem;background-image: url(../static/img/zxd-4.png);background-repeat:no-repeat;vertical-align: middle;background-size: 100% auto;background-position: center;  position: relative;}
/*内容列表*/
/*.page-list .buttons-tab .button:after{ content: ""; position: absolute; top: 30%; left: 0; width: 1px; height: 50%; background: #F0F0F0;}*/
.page-list .buttons-tab .button:first-child:after{ content: ""; width: 0;}
.list-block ul:before{ background:#fff}
.list-block{margin: 0.1rem 0 0.6rem;border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0 }
.list-block ul{/*padding-bottom: 0.65rem;*/}
.list-block .item-inner{border-bottom: 1px solid #e6e6e6;}
.list-block .item-link:last-child .item-inner{border-bottom: 1px solid #fff;}
 .list-block.list .item-link .item-inner{ /*background:none;*/padding-left: 0rem;}
 .list-block .item-inner:after{ background:#fff}
 input[type="file"] {
	 -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.m-hotlists{ margin:1.2rem}
.m-hotlists .huan{ background:#821f87; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; padding:0.2rem; font-size:1rem;margin-right:0.3rem}

.m-hotlists ::-webkit-input-placeholder,.m-hotlists  ::-webkit-select-placeholder { /* WebKit browsers */ 
color: #3f3f3f; 
} 
.m-hotlists :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #3f3f3f; 
} 
.m-hotlists ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #3f3f3f; 
} 
.m-hotlists :-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #3f3f3f; 
} 
.list-block .item-content{ padding-left:0}
.list-block .item-inner{ padding-left:0.75rem; font-size:0.7rem; padding-top:0.55rem; padding-bottom:0.6rem}
.list-block .item-inner.tit{ color:#4996df}
/*.list-block .item-inner:after{background-color: transparent;}*/
.list .item-title{padding-left: 2.5rem; background: url(../static/img/gjj.png)no-repeat; background-size: 40px;background-position-y: 46%; color:#3f3f3f}
.list .item-title span{padding: 1px 0.3rem; color: #FFF; font-size: 0.63rem; border-radius:0.8rem; -webkit-border-radius:0.8rem; margin-left:0.3rem}
.list .item-title .type1{background-color: #4996df; padding:0.1em 1rem}
.list .item-title .type2{background-color: #9dc93f;padding:0.1em 1rem}
.list .item-title .type3{background-color: #f1c01c;padding:0.1em 0.4rem}
.list .item-title .type4{background-color: #f1991c;padding:0.1em 0.4rem}
.list .item-link.first{padding: 0;}
.list .item-content.item-link{line-height: 2.7rem; padding-left:0; margin-left:.85rem}
.list .item-link .item-after {position: absolute;right: 1.8rem; top: 0; font-size: 0.75rem;}
.list .item-link .item-after span{position: absolute;top: 1.3rem; right: 0; line-height: 2rem;color: #ff7800; font-weight:bold}
.list .item-link .item-after p{margin-top: 0rem;/*color: #a9a9a9*/}
.list-block .item-link.first{line-height: 1.5rem;}
.list-block .item-link.first .item-inner{padding-left: 0.75rem;}

.list-block+.note{margin-top: 30%; padding-top: 6rem; text-align: center; color: #999; background: url(../static/img/error_1.png)no-repeat; background-size: 36%; background-position: 50% 0;}
/*------------------------------------*\
  列表筛选页面
\*------------------------------------*/
/*头部*/
.page-list .bar-nav {
    height: 2.2rem;
    padding: 0;
    background-color: #f1F2F4;
    box-shadow: 0 1px 7px 1px #c6c6c6;
}
    .page-list .bar-nav .button-link {
        margin: 0 0.5rem;
        color: #026630;
        font-size: 0.7rem;
    }
.page-list .bar-nav .button .icon{padding-right: 0.2rem; font-size: 0.7rem;}
    .page-list .bar-nav .title {
        line-height: 28px;
        color: #666666 !important;
        font-size: 1em;
    }


/*------------------------------------*\
  内容详情页面
\*------------------------------------*/
.page-content .item-content{line-height: 2.7rem; padding:0;}
.page-content .item-content .item-inner{padding-left:0.6rem;}
.page-content .item-after {position: absolute;right: 0.8rem; top: 0; font-size: 0.75rem;}
.page-content .item-after span{position: absolute;top: 1.5rem; right: 0; line-height: 2rem;color: #ff7800; font-weight:bold}
.page-content .item-after p{margin-top: 0rem;}

.page-content .item{/*width: 100%;*/ overflow: hidden; margin-left: 1.2rem; padding: 0.6rem 0; /*border-bottom: 1px solid #e7e7e7;*/ }
.page-content .item .tle{float: left; color: #333; font-size: 0.76rem;}
.page-content .item .con{padding:0 0.8rem 0 4rem; font-size: 0.7rem;}
.page-content .item .con p{margin: 0;/*color: #999;*/}
.page-content .end{padding:0.45rem 0.6rem 0.45rem; color:#f36e17; font-size: 0.68rem; border:1px solid #c9c9c9; border-left:0; border-right:0 }


.page-content .top{ border:1px solid #e0e0e0; border-left:0; border-right:0; padding:0.8rem 1.2rem; background:#fff}
.page-content  .list-block.top .item-inner{ padding:0;background-position: -webkit-calc(100% - .1rem) center;
    background-position: calc(100% - .1rem) center;}
	.page-content .c1,.page-content .c1.tle{ color:#821f87}
.page-content  .list-block.bot{ border:0}
.page-content  .list-block.bot ul,.list-block.bot ul:before{ background:none !important;}
/*------------------------------------*\
  推荐页面
\*------------------------------------*/
.m-hotlists .item-title.label{width: auto;}
.m-hotlists .item-after.text input{width: 8rem; height: 1.4rem; font-size: 0.70rem; text-align: right;}
.m-hotlists .item-after.text span{line-height: 1.4rem; font-size: 0.8rem; color: #0894ec;}
.m-hotlists .text i.c1{ color:#cc9411; font-style:normal}
.m-hotlists .text i.c2,.m-hotlists .c2{ color:#821f87; font-style:normal}
.m-hotlists .item-input{position: relative; width: 65%; line-height: 2rem;}
.m-hotlists span.ne{ background:#f0bd47; color:#fff; border-radius:0.2rem; -webkit-border-radius:0.2rem; -moz--border-radius:0.2rem; margin-left:0.2rem; padding:0.1rem 0.5rem}
.m-hotlists span.ne.b1{ background:#4fc1bd}
.m-hotlists span.ne.b2{ background:#8dbb3e}
.m-hotlists span.ne.b3{ background:#77c1ff}
.m-hotlists .item-input .value{position: absolute; top: 0;right: 0;z-index: 1; width: 100%; text-align:right; font-size: 0.75rem; color: #3f3f3f; text-indent: 8px;border-radius: 3px;}
.m-hotlists .item-input .value[data-value]{color: #821f87;}
.m-hotlists .item-input select{position: relative; z-index: 2; opacity: 0;}
.m-hotlists .list .note{width:100%;height:2rem;line-height:1.6rem;  padding:4% 0; text-align:center; color:#999;}
 .list-block.m-ps .item-content .item-inner{ border:0}
  .list-block.m-ps .item-content.first{ border-bottom: 1px solid #e6e6e6;}
  .list-block.m-ps .item-content .col-33:nth-of-type(1){ width:40%; display:inline-block}
   .list-block.m-ps .item-content .col-33:nth-of-type(2){ width:35%; display:inline-block}
   .list-block.m-ps .item-content .col-33:nth-of-type(3){ width:25%; display:inline-block}
 .m-hotlists{ background:#fff} 
 .m-with input{ line-height:1.4rem}
 .m-with textarea{ font-size:0.65rem}
 .m-with .item-title input{
 width: 8rem;
  height: 1.4rem;
  font-size: 0.70rem; padding:0}
  .m-with .item-after.text input.vefy{ width:auto; background:#821f87; border:0; color:#fff; border-radius:0.1rem; -webkit-border-radius:0.1rem; -moz-border-radius:0.1rem;}
  .m-with .block{ display:block; }
  .m-with .block p{ padding:0 0.75rem; font-size:0.6rem; line-height:2rem; color:#821f87}
/*------------------------------------*\
  邀请贷款详情页面
\*------------------------------------*/
.m-invite .card{margin: 0.8rem 0; padding-left: 1rem;}
.m-invite .card-header{padding: .75rem 0; font-size: 0.8rem; font-weight: 600;}
.m-invite .card-content-inner{padding:1.2rem 0 2rem;}
.m-invite ul{margin: 0; padding:0 0.4rem 0 0;}
.m-invite ul li{margin-bottom: 0.75rem; list-style: none; font-size: 0.75rem;}

/*------------------------------------*\
  用户中心页面
\*------------------------------------*/
 .list-block.personal .item-content{ padding:0}
 .list-block.personal .item-inner{ padding-left:0.75rem}
.bar:after{background-color: transparent;}
.m-member .list-block ul a{display: block; width: 100%;}
.m-member .avatar{margin:-1px 0 0; padding: 1.8rem 0 1.3rem; background-color: #ffe157;}
.m-member .avatar .avt{width: 100%; margin: 0; /*text-align: center;*/ position:relative}
.m-member .avatar .avt img{width: 4.2rem; height: 4.2rem; border:4px solid #fff; margin-left:0.7rem}
.m-member .avatar .avt img.mon{ width:1.2rem; border:0; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0}
.list-block.avatar ul,.list-block.avatar ul:before,.list-block.avatar ul:after{ background:none !important}
.list-block.avatar ul{ padding-top:0.5rem}
.list-block.avatar ul li{ height:1.2rem; line-height:1.2rem; margin-top:0.1rem}
.list-block.avatar .iright{right:0.7rem; top:25%;-webkit-transform:scale(1,1); text-align:right; position:absolute; color:#cc9411}
 .loan .personal .item-input{ text-align:right; color:#157ce3}
.personal .item-input{ text-align:right; color:#5b5b5b}
.m-member .avatar .note{/*text-align: center;*/ color: #202020; font-size: 0.8rem;  font-weight:normal; /*width:11rem;*/ display:inline-block}
.list-block.avatar ul span{ padding-right:0.35rem}
.m-member .avatar .level{ background:#821f87; padding:0.1rem 1rem; color:#fff; border-radius:0.45rem; -webkit-border-radius:0.45rem;-moz-border-radius:0.45rem; margin-left:0.45rem;font-size: 0.65rem;}
.m-member .avatar .grade{ color:#821f87}
.m-member .grxx{margin-top: 5px;}
.m-member .grxx ul{padding: 0;}
.m-member .grxx .item-inner{padding: 0.65rem 0; border: 0;}
.m-member .item-title.label{padding-left: 1.4rem; background: url(../static/img/u-icon.png)no-repeat; background-size: 26px; background-position-y:3px;}
.m-member .loan .item-title.label{background-image: url(../static/img/l-icon.png);}
.m-member .loan .item-input{ color:#157ce3}
.m-member .myloan .item-title.label{ background:none !important; padding-left:0}
.list-block.myloan .item-link .item-inner.t1{ background:none !important; padding-right:0.7rem}
.m-member .personal li:nth-child(1) .item-title.label{background-position-y:-27px; }
.m-member .personal li:nth-child(2) .item-title.label{background-position-y:-54px; }
.m-member .personal li:nth-child(3) .item-title.label{background-position-y:-80px; }
.m-member .personal li:nth-child(4) .item-title.label{background-position:2px -109px; }
.member{ margin:1.2rem}
 .page-content .member .top{ padding:0.2rem 0.8rem 0.8rem}
 .page-content .member .top .see{ background:#a955ad; color:#fff; border-radius:0.6rem; -webkit-border-radius:0.6rem; -moz-border-radius:0.6rem; padding:0.1rem 0.5rem}
  .page-content .member .top .sort1{  background:#4fc1bd; color:#fff; border-radius:0.6rem; -webkit-border-radius:0.6rem; -moz-border-radius:0.6rem; width:4rem; padding-left:0.5rem}
   .page-content .member .top .sort2{  background:#8dbb3e; color:#fff; border-radius:0.6rem; -webkit-border-radius:0.6rem; -moz-border-radius:0.6rem; width:4rem; padding-left:0.5rem}
/*个人信息*/
.m-personal .item-content{line-height: 2rem;}
.m-personal .item-after{line-height: 1.5rem;}
.m-personal ul a{display: block; width: 100%;}
.m-personal .item-inner .avt img{width: 1.5rem; height: 1.5rem;}
/*我的贷款*/
.m-personal .bar button.button{margin-right: 1.2rem; font-size: 0.85rem;}
.m-personal .myloan .item-after{line-height: 1rem; font-size: 0.75rem; color: #4b87dd;}
.m-personal .yqloan .item-after{line-height: 1rem; font-size: 0.75rem;color: #999999;}
.m-personal .yqloan .item-after.rule{color: #4b87dd;}
/*我的贷款详情页面*/
.m-loandeta .header ul{padding: 0;}
.m-loandeta .header ul .item{padding: 0.9rem 0; border: 0; }
.m-loandeta .header .tle{width: 30%; margin-top: 7.5%; padding-right: 0.9rem; text-align: right; font-size: 0.9rem;}
.m-loandeta .list{position: relative; background-color: #FFF;}
.m-loandeta .list:after{content: "";position: absolute; top: 8%; left: 10.8%; z-index: 2; height: 86%; border-left: 3px dotted #adadaf;}
.m-loandeta .list ul{margin-left:1.5rem;padding: 0.8rem 0 1rem;}
.m-loandeta .list ul li{ position: relative; padding-left: 2rem; line-height: 2rem; font-size: 0.75rem; color: #999999;}
.m-loandeta .list ul li:after{content: "";position: absolute; left:0; top: 30%; z-index: 5; width: 1.1rem; height: 1.1rem; border-radius: 50%; background-color:#adadaf; }
.m-loandeta .list ul li:before{content: "";position: absolute; left:2px; top: 2px;bottom: 2px;top: 35%; z-index: 6; width: 0.6rem; height: 0.6rem; border:3px solid #FFF; border-radius: 50%; background-color:transparent; }
.m-loandeta .list ul li.stale:before{top: 33%;}
.m-loandeta .list ul li.active:after{background-color: #f36e17;}
.m-loandeta .list ul li>div{line-height:2rem;}
.m-loandeta .list ul li.stale>div{margin-top: -10px; padding-bottom:1.2rem;}
.m-loandeta .list ul li>span{position: absolute; bottom: 0; display: block; margin-top: -0.75rem;}
/*合作机会*/
.m-cooperation .list-block{margin-top: 0;}
.m-cooperation .banner img{ display: block; width: 100%; height: 9.6rem;}
.m-cooperation .button{width: 91% !important; height: 1.5rem; line-height: 1.5rem; margin: 1.2rem auto 0; font-size: 0.85rem;}
.m-cooperation .list-block ul{padding: 0;}
.m-cooperation .list-block ul li:last-child .item-inner{border: 0;}
.m-cooperation .list-block .item-content{ padding-left:0}
.m-cooperation .list-block .item-inner{line-height: 1.2rem; margin-right: 0.8rem; font-size: 0.8rem; padding-left:0.75rem}
.m-cooperation .list-block .item-title.label{width: 24%; color: #666;}
.m-cooperation .list-block .item-inner input{font-size: 0.75rem;}
.m-cooperation .button-warning.button-fill{ background:#157ce3}
/*推荐记录*/

.m-record .list{font-size:0.75rem;color: #666;}
.m-record .item-content.row{line-height: 2.8rem;}
.m-record .item-content .col-33{margin: 0;text-align: center;}
.m-record .item-content .col-33:last-child{max-width: 25%}
.m-record .item-content .time{width: auto; padding-left: 10px;}
.m-record .list .item-content{margin-left: 0.75rem; padding: 0; border-bottom: 1px solid #e6e6e6;}
.m-record .list .time span{color: #0894ec;}
.m-record .item-content .time em{font-size: 0.6rem; font-style: normal;color: #666;}

.m-record .note{margin: 12px 1rem 8px; padding: 0; color: #999; font-size: 0.75rem;}
.m-record .draw{padding: 0;}
.m-record .list-block ul:first-child{box-shadow: 0 1px 3px rgba(0,0,0,.15);}
.m-record .list-block a{width: 100%;display: block;}
.m-record .list-block .item-inner{line-height: 2.2rem;}
.m-record .list-block .item-inner .item-after{line-height: 1.4rem;}
.m-record .list-block .item-inner .add{color: #999;}
.m-record .list-block .draw .item-inner{border: 0;}
/*邀请贷款*/
.m-yqdk{ padding: 1rem 1rem 2.5rem; background: url(../static/img/yaoqing.png) no-repeat ; background-size: 100% 100%; }
.m-yqdk .cancel{ position: absolute; top: 0; right: 0; padding:1rem 0.7rem; font-size: 1.2rem; }
.m-yqdk .tle h3{margin: 1rem 0 0 1.1rem; text-align: center; color: #5e9bec;}
.m-yqdk .tle h3>p{margin: 0; color: #ee0a3b; font-size: 1.2rem;}
.m-yqdk .barcode{ width: 90%; margin: 5% 0 0 1.1rem; padding: 0.6rem 1.2rem; border-top: 1px dotted #ebe3dd; border-bottom: 1px dotted #ebe3dd; }
.m-yqdk .barcode img{ width: 100%; }
.m-yqdk .bar-tab{margin:0.6rem 0 0 4px;}
.m-yqdk .bar-tab .tab-item{ padding-top:3rem; color: #333; font-size: 0.75rem; background: url(../static/img/yq-icon.png)20px 0 no-repeat; background-size: 3rem; }
.m-yqdk .bar-tab .tab-item:nth-child(2){background-position-y:55%; }
.m-yqdk .bar-tab .tab-item:nth-child(3){background-position-y:112%; }

/*添加银行卡*/
.m-addbank .item-after.text input{width: 8rem;color: #f37d00;}
.m-addbank .list-block .item-inner{line-height: 1.5rem; overflow:hidden;}
.m-addbank .list-block .item-inner .text{margin-right:3px;}
/*用户登录*/
.m-login {background-color: #f0f0f0;}
.m-login .header{position: relative; color: #FFF; background:#157ce3}
.m-login .header a{position: absolute;top: 0;left: 0; padding: 0.6rem; color: #FFF; font-size: 0.8rem;}
.m-login .header a span{margin:0 5px 2px 0;}
.m-login .header .logo{ margin:0}
.m-login .header .logo img{width: 100%; display: block; }
.m-login .header .title{position: absolute;top: 6%; width: 100%; margin: 0; text-align: center; color: #FFF; font-size: 1rem; line-height:1rem}
.m-login .banner img{ display: block; width: 100%; height: 8.3rem;}
.m-login .list-block{margin:0; box-shadow: none;}
.m-login .list-block ul:after{background: transparent;}
.m-login .list-block .item-inner{line-height: 1.8rem; margin-right: 1.5rem; padding-right: 0; font-size: 0.8rem;padding-left: 1.5rem;}
.m-login .list-block .item-title.label{width: 24%;}
.m-login .list-block .item-input input{position: relative; z-index: 2; font-size: 0.75rem; border:1px solid #fff; line-height:1.9rem; height:1.9rem; background:#fff; border-radius:1rem; -webkit-border-radius:1rem;-moz-border-radius:1rem; margin:0 0 1rem; /*box-shadow:0 2px 15px #d9d2d2;*/ text-align:center}
.m-login .list-block .item-input{background:url(../images/input-bg.png) no-repeat center bottom; background-size:100% 1rem;}
.m-login .list-block .item-input.sex{ background:none !important; text-align:center}
.m-login .list-block .item-input .box{ width:2.6rem; height:1.7rem;   display:inline-block; padding-bottom:0.5rem; background:url(../images/input-bg.png) no-repeat left bottom; background-size:1.2rem 0.5rem; line-height:1.2rem; vertical-align:top}
.m-login .list-block .item-input .box i{ display:block; width:1.2rem; height:1.2rem;background:#fff;border-radius:0.2rem; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; color:#fff;position:relative; float:left; vertical-align:top;}
.m-login .list-block .item-input .box.on i{ color:#821f87; }
.m-login .list-block .item-input .box i:before{ line-height:1rem; position:absolute; top:0.1rem; left:0; width:100%; text-align:center}
.m-login  .list-block ul{ padding-top:1rem}
.m-login  .list-block ul,.m-login .list-block ul:before,.m-login .list-block .item-inner:after{ background:#f0f0f0}
.m-login .list-block .item-input.verify input{float: left; width: 58%; padding-top: 0; margin-top:0.3em}
.list-block.b0{ border:0}
.list-block.b0 .item-inner{ border:0}
.m-login .list-block .item-input.verify a{float: right; width: 40.8%; text-align: right; color: #4b87dd;font-size: 0.75rem;}
.m-login .list-block .item-content{ /*height:2rem*/}
.m-login .list-block .button.btn{position: relative; z-index: 2; font-size: 0.75rem; border:1px solid #821f87; line-height:1.9rem; height:1.9rem; background:#821f87; border-radius:1rem; -webkit-border-radius:1rem;-moz-border-radius:1rem; margin:0 0 1rem; /*box-shadow:0 2px 15px #d9d2d2;*/ text-align:center}
/*提交完成*/
.m-done{background-color:#f0f0f0;  }
.m-done .tle{width:100%; margin:22% auto 0; text-align: center; font-size: 1.5rem; font-weight: normal;}
.m-done .tle span.icon{margin-right: 0.5rem; color: #821f87; font-weight: bold;}
.m-done .note{ text-align: center; margin-top:0; color: #999; font-size: 0.75rem;}

.list-block .item-input .note{position: absolute; bottom: 1.8rem; z-index: 0; line-height: 0; padding-left: 10px; font-size: 0.7rem; color: #ff6c6c;}
.m-shield{position: fixed;top: 0;bottom: 0;left: 0;right: 0; z-index: 12;background:rgba(70, 69, 69, 0.34)}
.m-showbox{position: absolute; left: 0; right: 0; top: 10%; margin:0 1.2rem;z-index: 99;}
.m-showbox ul,.m-showbox ul li{ margin: 0; padding: 0;}
.pad8{ padding:0 0.8rem}
.button.btn{width: 100% !important; margin: 1.2rem 0 1.5rem; height: 1.8rem;line-height: 1.8rem;font-size: 0.85rem; background:#821f87; border-radius:0; -webkit-border-radius:0}
.avt img{border-radius: 100%;vertical-align: top;}
.hidden{display: none; opacity: 0;}
.list-block.m-ps ul:after{ background:#fff}


/*------项目列表-------*/
.buttons-tab .button{ font-size:.7rem}
.item-ban img {
    width: 100%;
    display: block;
}
.item-ban{ /*margin-top:32px; */height:auto; zoom:1; overflow:hidden; margin-bottom:.8rem}
/*.content{ position:relative; top:0}*/
.list-block.m0{ margin-top:0; border-top:0}


/*------------------------------------*\
  海报页面
\*------------------------------------*/
.poster{ margin:1.5rem 1.2rem; text-align:center; position:relative}
.poster .img{ max-width:100%; }
.poster .box{ position:absolute; bottom:5%; width:100%; text-align:center; padding-top:1.5rem;font-size: 0.75rem;}
.poster .box .name{ background:#821f87; padding:0.1rem 1.2rem 0.2rem; color:#fff; border-radius:0.35rem; -webkit-border-radius:0.35rem;-moz-border-radius:0.35rem; }
.poster .box .tel{ color:#cc9411; padding-top:0.5rem}
.poster .box .ew{ width:5rem; margin:1.2rem auto 0}
.poster .box .ew img{ width:100%}


/*------员工中心-------*/
.member .list-block .item-title.label{ width:50%}
.m-members{ background:url(../images/mer-top.jpg) no-repeat left top; background-size:100% auto}
.m-members h3{ text-align:center}
.m-members .avatar .avt img {
  width: 4.2rem;
  height: 4.2rem;
  border: 4px solid #fff;
  margin-top:0.5rem
}
.m-members .note{ color:#a7a7a7; font-weight:normal; font-size:0.8rem}
.m-members .avatar .level {
  background: #a7a7a7;
  padding: 0.1rem 1rem;
  color: #fff;
  border-radius: 0.45rem;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  margin-left: 0.45rem;
  font-size: 0.65rem;
}
.m-members .avatar .grade {
  color: #821f87;
}
.avatar.list-block{ border-color:#f0f0f0}
.m-members .tops{ padding:0 1rem}
.m-members .tops .list-block{ border:0}
.m-members .tops .list-block ul{ width:100%; height:4.5rem; border:1px solid #e6e6e6;/* border-radius:1.5rem; -webkit-border-radius:1.5rem; -moz-border-radius:1.5rem*/}
.m-members .tops .list-block .item-inner{ border:0}
.page-content .m-members .item-content{ line-height:1.5rem; height:2rem}
.m-members .tops li i{ background:#7cd280; color:#fff; padding:0.1rem; border-radius:0.3rem; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; font-size:0.8rem; margin-right:0.1rem }
.m-members .tops li i.i2{ background:#d2b47c}
.m-members .tops li i.i3{ background:#d27c7c}
.m-members .tops li i.i4{ background:#42cefc}
.m-members .tops li i.i5{ background:#e84bf6}
.m-members .tops .list-block ul:after,.m-members .tops .list-block ul:before{ background:none !important}
.m-members .tops .list-block .item-title{ text-align:center; position:relative}
.m-members .tops .item-input.last .item-title:after{ border:0}
.m-members .tops .list-block .item-title:after{ border-right:1px solid #dcdcdc; position:absolute; top:0.3rem; height:1.5rem; right:0; content:""; display:block}
.pad12{ padding:0 1.2rem}
.list-block.list .item-inner,.list-block.tops .item-inner{ font-size:0.75rem}


.list-block .item-inner.regist{ text-align:right; margin-top:-1.5rem; display:block; padding-right:0.2rem}

/*------进度查询-------*/

.pro{ margin:1.2rem 1rem; border:1px solid #e4e4e4}
.pro ul{ padding:0.2rem 0 2rem} 
.pro ul li{ margin:0 1rem; position:relative}
.pro ul li:before{ width:0.3rem; height:0.3rem; background:#821f87; border-radius:100%; content:""; display:block; top:1.2rem; margin-top:-0.15rem; position:absolute; left:0.2rem}
.pro .item-link .item-inner{ background:none !important; color:#585858; padding-right:0; padding-left:1.2rem;padding-top: .4rem;
    padding-bottom: .35rem;}
.pro .item-link .item-inner a{ color:#585858}
.pro .item-link .item-inner span{ color:#2d2d2d; display:block}
.list-block.pro  .label{ position:relative; padding:0.1rem 0; line-height:1.3rem; vertical-align:middle; font-size:0.75rem}

.l-cord{ margin:1rem 0.8rem; border:1px solid #e4e4e4}
.l-cord ul{ padding:0.2rem 0 2rem} 
.l-cord ul li{ margin:0 0.8rem; position:relative; color:#343434; font-size:0.65rem; }
.l-cord ul li span.col-25{ width:25%; margin:0}
.l-cord ul li span.time{ display:block; /*width:30%;*/ text-align:left}
.l-cord ul li span.num{ display:block;/* width:23%;*/ text-align:center}
.l-cord ul li span.pay{ display:block;/* width:23%; */text-align:center}
.l-cord ul li span.date{ display:block;/* width:23%;*/text-align:right }
.l-cord  .item-link .item-inner{ background:none !important; padding-right:0; padding-left:0;padding-top: .4rem;
    padding-bottom: .35rem;}
.text-left{ text-align:left}
.l-cord  .item-link .item-inner.b0{ border:0; padding-bottom:0; min-height:1.5rem}



.stream { margin-bottom:1rem; padding:0.8rem; /*-moz-column-count:3; -webkit-column-count:3; column-count:3;-moz-column-gap:0.8rem; -webkit-column-gap:0.8rem; column-gap:0.8rem;*/ }
.stream table { width: 100%; }
.stream table td { width: 33.33%; }
.streamItem { margin:0 auto; width: 95%; margin-bottom:0.6rem; background:#fff; border:1px solid #eee; display:inline-block; }
.streamItemnot {  margin-left: 0; }
.streamItem img { margin:0 auto; display:block; }
.streamItem p { text-align:center; padding-bottom: 0.8rem; }
@media (min-width: 10px) and (max-width: 767px) { 
    
    .userinfo .modifiedData { width:10rem; }
    .userList li { height:4rem; line-height:4rem; }
    .personal_info table td { line-height:4rem; }
    .streamItem { padding-top: 1rem; height:5.5rem; }
    .streamItem img { height:1.6rem; }
    .streamItem p { padding-top: 0.5rem; margin:0; font-size:0.7rem}
} 
@media (min-width: 768px) and (max-width: 1024px) { 
    
    .userinfo .modifiedData { width:10rem; }
    .userList li { height:5rem; line-height:5rem; }
    .personal_info table td { line-height:4rem; }
    .streamItem { padding-top: 1.5rem; height:9rem; }
    .streamItem img { height:2.1rem; }
    .streamItem p { padding-top: 0.7rem; }
}


/*----订单提交--------*/
.order-bg{ background:url(../images/order-bg.jpg);background-size: cover;
    background-position: 50% 50%;
    background-origin: content-box;}
.order-f{ margin:2.5rem 1.5rem; background:#fff; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; padding:0.75rem 0.75rem 1rem }
.order-f h3{ color:rgb(196, 67, 60); font-size:1.3rem; text-align:center; font-weight:normal; text-align:center; margin:0.3rem 0}
.order-f p{ color:rgb(196, 67, 60); font-size:0.75rem; margin:0; margin-bottom:0.2rem}
.order-f ul{ width:100%; height:auto; overflow:hidden;zoom:1}
.order-f li{ width:100%; height:45px; margin-bottom:0.5rem}
.order-f .t1{width: 100%;height: 100%;border-radius: 5px;line-height: 120%;border-style: solid;padding-top: 0px;border-color: rgb(209, 209, 209);background-color: rgb(249, 249, 249);transform: none;box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;color: rgb(103, 103, 103);border-width: 1px;opacity: 1;padding-bottom: 0px;text-align: left; padding:8px}
.order-f .t2{width: 48%;height: 100%;background-color: #ffffff;color: #666;padding-top: 0px;border: 1px solid rgb(8,161,239);}
.order-f .t3{ float:right}
.order-f .t4{border: 1px solid rgb(8,161,239); border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.order-f .btn,.order-qs .btn{width: 100%; height: 100%; border-radius: 5px; line-height: 1; border-style: solid; padding-top: 0px; z-index: 4; border-color: rgb(204, 204, 204); background-color: rgb(240, 173, 0); transform: none; color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px; border-width: 0px; opacity: 1;  padding-bottom: 0px; text-align: center; margin-bottom:1rem}

/*----订单确认--------*/
.order-c{color: rgb(103, 103, 103); padding:2rem 0.75rem}
.order-c li{ height:auto}
.order-f .btn,.order-qs .btn{ height:45px;}
/*----订单确认--------*/
.order-q{margin:2.5rem 0.3rem; background:#fff; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; padding:0.75rem 0.75rem 1rem; color:#rgb(103, 103, 103); position:relative }
.order-q h3{ color:rgb(196, 67, 60); font-size:1.3rem; text-align:center; font-weight:normal; text-align:center; margin:0.3rem 0}
.order-q th{ font-weight:bold;font-size:0.75rem; padding-bottom:0.5rem}
.order-q .blub{ color:rgb(33, 150, 237)}
.order-q .red,.order-qs .red{ color:rgb(196, 67, 60)}
.order-q table tr{  color:#6f6f6f}
.order-q table tr td{padding:0.4rem 0;}
.order-q table{ width:100%; font-size:0.72rem; margin:0.5rem 0}   
.order-q a{ background:#f1fbfa; padding:0.1rem 0.2rem;color:#6f6f6f}    
.order-q .t1{width:4rem;height: 35px;border-radius: 5px;line-height: 100%;border-style: solid;padding-top: 0px;border-color:rgb(8,161,239);background-color: rgb(249, 249, 249);transform: none;box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;color: rgb(103, 103, 103);border-width: 1px;opacity: 1;padding-bottom: 0px;text-align: left; padding:3px 8px; position:absolute; top:1.2rem; right:0.8rem; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; font-size:0.8rem}  
.order-q li{ border:1px solid #c1c1c1; width:42%; margin-right:3%; display:inline-block; font-size:0.75rem; padding-left:0.5rem }
.order-q li input{ width:100%; height:100%; border:0}

.order-q dl { border-top:1px solid #c1c1c1;padding:0; margin-top:4rem}
.order-q dl dd{ text-align:center;border-bottom:1px solid #c1c1c1; text-align:center; color:#6f6f6f; font-size:0.75rem}
/*--------查询--------*/
.order-qs{margin:2.5rem 0.3rem; background:#fff; border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; padding:0.75rem 0.75rem 1rem; color:#rgb(103, 103, 103); position:relative;color: rgb(103, 103, 103); font-size:0.75rem }
.order-qs h3{ color:rgb(196, 67, 60); font-size:1.3rem; text-align:center; font-weight:normal; text-align:center; margin:0.3rem 0}
.order-qs li{ font-weight:bold; margin:0.3rem 0}
.order-qs .t1{width:auto;height: 30px;border-radius: 5px;line-height: 100%;border-style: solid;padding-top: 0px;border-color:rgb(8,161,239);background-color: rgb(249, 249, 249);transform: none;box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px;color: rgb(103, 103, 103);border-width: 1px;opacity: 1;padding-bottom: 0px;text-align: left; padding:3px 8px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; font-size:0.8rem}
.order-qs .btn{ margin-top:0.5rem}
.order-qs dl { border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; padding:1rem 0}
.order-qs dl dt{ text-align:center}
@media (max-width: 320px){
	.order-q table{ font-size:0.6rem}
.m-hotlists{ margin:1rem}
.member{margin:0.5rem}
.page-content .member .top{ padding:0.4rem}

.list-block,.list-block .item-inner{ font-size:0.5rem}
.list-block.list,.list-block.list .item-inner,.list-block.tops .item-inner{ font-size:0.75rem}
.m-members .tops{ padding:0 0.5rem}
.list-block .item-inner{ padding-left:0.75rem; font-size:0.7rem;}
}
@media (min-width: 375px) and (max-width: 550px){
.poster .box{ bottom:7%}
}
@media (min-width: 551px){
.m-members .avatar .avt img{ margin-top:5%}
.poster .box{ bottom:8%}
}
@media (min-width: 992px){
.m-members .avatar .avt img{ margin-top:5%}
}
@media (min-width: 1025px){
.m-members .avatar .avt img{ margin-top:7%}
.avatar.list-block{ padding-bottom:1rem}
}  

   
 
/*Susan's css*/
/*------首页-------*/
.topIcon { margin-bottom:.5rem; padding:0.8rem; background:#fff; /*-moz-column-count:3; -webkit-column-count:3; column-count:3;-moz-column-gap:0.8rem; -webkit-column-gap:0.8rem; column-gap:0.8rem;*/ }
.topIcon table { width: 100%; }
.topIcon table td { width: 25%; }
.topIconItem { margin:0 auto; width: 95%;  display:inline-block; }
.streamItemnot {  margin-left: 0; }
.topIconItem img { margin:0 auto; display:block; }
.topIconItem p { text-align:center; padding-bottom: 0.8rem; margin:0; }


.hotProduct{width:100%; height:35px; }
.hotProduct-text-bg{ float:left; width:70%; height:35px; background:url(../images/hotProduct-bg.png) no-repeat;  background-size: cover;}
.hotProduct-text{ margin-left:.85rem; padding-left:35px; line-height:35px; color:#fff; font-size:.75rem;background:url(../images/icon-hot.png) no-repeat; background-size:28px; background-position-y:48%;}
.hotProduct-more{float:right; width:30%; height:35px; color:#fff; font-size:.65rem; background-color:#821f87;  line-height:35px; text-align:center; }
.clear{ clear:both;}

.product p{ margin:0;}
.product1{width:100%; height:6rem;  background:url(../images/product1.jpg) no-repeat;  background-size: cover;  padding-top:1em; padding-bottom:1em; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.product1-text{margin-left:60%;}
.product-title{ font-size:1rem; color:#000; letter-spacing:2px;}
.product-text{font-size:.75rem; color:#fff; letter-spacing:2px;}
.product-lilv{font-size:.75rem; color:#6d0a72;}
.product-lilv2{color:#219362;}
.product-lilv3{color:#58881f;}
.product-lilv4{color:#ac1414;}
.product-lilv5{color:#a6500c;}
.product p.product-lilv{ margin-top:.4rem;}
.product2-text,.product3-text,.product4-text,.product5-text {margin-left:.7rem;}
.product2-3{ width:100%; height:6rem;}
.product2{ float:left; width:44.8%; height:6rem; background:url(../images/product2.jpg) no-repeat;  background-size: cover; padding-top:1em; padding-bottom:1em; border-right:1px solid #fff;  border-bottom:1px solid #fff;}
.product3{ float:left; width:55%; height:6rem; background:url(../images/product3.jpg) no-repeat;  background-size: cover; padding-top:1em; padding-bottom:1em; border-bottom:1px solid #fff;}
.product4-5{ width:100%; height:6rem;}
.product4{ float:left; width:54.8%; height:6rem; background:url(../images/product4.jpg) no-repeat;  background-size: cover; padding-top:1em; padding-bottom:1em; border-right:1px solid #fff;  border-bottom:1px solid #fff;}
.product5{ float:left; width:45%; height:6rem; background:url(../images/product5.jpg) no-repeat;  background-size: cover; padding-top:1em; padding-bottom:1em; border-bottom:1px solid #fff;}

.bottomIcon { margin-top:.5rem; margin-bottom:.5rem; padding-top:.85rem; padding-bottom:.85rem; background:#fff; /*-moz-column-count:3; -webkit-column-count:3; column-count:3;-moz-column-gap:0.8rem; -webkit-column-gap:0.8rem; column-gap:0.8rem;*/ }
.bottomIcon table { width: 100%; }
.bottomIcon table td { width: 25%; }
.bottomIconItem { margin:0 auto; width: 95%;  display:inline-block; }
.sbottomIconItemnot {  margin-left: 0; }
.bottomIconItem img { margin:0 auto; display:block; }
.bottomIconItem p { text-align:center; }
.bottomIcon p{ margin:0;}
/*------首页-结束-------*/

/*------个人中心-------*/

.PersonalCenter{ }
.PersonalCenter .PersonalCenter-box{ background:url(../images/PersonalCenter-bg.jpg) no-repeat left top; background-size:100% auto; height:9em; position:relative; }
.PersonalCenter h3{}
.PersonalCenter .avatar .avt img {
  width: 3.5rem;
  height: 3.5rem;  
  margin-top:0.5rem;
  bottom:8px; left:.5em;position:absolute; 
  z-index:999;
}
.PersonalCenter .Personal-infor{ color:#a7a7a7; font-weight:normal; font-size:0.75rem; background:#000; width:100%; height:2.5em; bottom:0; position:absolute;
		filter:alpha(opacity=75);  
      -moz-opacity:0.75;  
      -khtml-opacity: 0.75;  
      opacity: 0.75; 
	  }
.PersonalCenter .Personal-infor ul li{ float:left; color:#fff; margin-left:.5em; line-height:2.5em; font-size:.7rem;}
.PersonalCenter .Personal-infor ul li:first-child{ margin-left:4rem; font-weight:bold;} 
.PersonalCenter .Personal-infor ul li:last-child{ float:right; margin-right:.75rem; }
.PersonalCenter .Personal-infor ul li a{color:#fff;  border-radius:5px; padding:3px 3px; background:url(../images/edit.png) no-repeat 3px center;  background-color:#821f87; background-size:.85rem; padding-left:1.5em;}
.PersonalCenter .avatar .level {
  background: #a7a7a7;
  padding: 0.1rem 1rem;
  color: #fff;
  border-radius: 0.45rem;
  -webkit-border-radius: 0.45rem;
  -moz-border-radius: 0.45rem;
  margin-left: 0.45rem;
  font-size: 0.65rem;
}
.tops-icon{ background:#fff; height:3em; padding-top:.75rem; padding-bottom:.75rem;}
.tops-icon a{ float:left; width:50%; height:1.1rem;  border-left:1px solid #ccc; color:#363636; font-size:.75rem; text-align:center;}
.tops-icon a:first-child{border:0;}
.tops-icon a span{float:left;}
.tops-icon1{ background:url(../images/tops-icon1.png) no-repeat; background-size:1.2rem; width:1.5rem;height:1.5rem; display:inline-table;  margin-left:.75rem;}
.tops-icon2{ background:url(../images/tops-icon2.png) no-repeat; background-size:1.2rem; width:1.5rem;height:1.5rem; display:inline-table;  margin-left:.75rem;}
.tops-icon3{ background:url(../images/tops-icon3.png) no-repeat; background-size:1.2rem; width:1.5rem;height:1.5rem; display:inline-table;  margin-left:.75rem;}
.tops-icon4{ background:url(../images/tops-icon4.png) no-repeat; background-size:1.2rem; width:1.5rem;height:1.5rem; display:inline-table;  margin-left:.75rem;}
.tops-icon5{ background:url(../images/tops-icon5.png) no-repeat; background-size:1.3rem; width:1.5rem;height:1.5rem; display:inline-table;  margin-left:.65rem;}

.pc-list{ margin-top:.75rem;}
.pc-listItem{ float:left; width:50%; height:5rem; border-bottom:1px solid #f0f0f0;  border-right:1px solid #f0f0f0;  background:#fff; padding:1rem 0; } 
.pc-listItemLine{border-right:1px solid f0f0f0;}
.pc-listItem div{float:left;}
.pc-listItem div p{ margin:0; margin-left:.5rem;}
.pc-icon{margin-left:1rem; }
.pc-icon img{height:3rem;}
.pc-listItem div p.pc-textTitle{font-size:.75rem; color:#363636; margin-top:.5rem}
.pc-listItem div p.pc-textMore{font-size:.5rem; color:#8a8a8a;}

@media(max-width: 320px) {
	.topIconItem {height:3.5rem;}
	.topIconItem img { height:2rem; }
	.topIconItem p { padding-top: 0.5rem; margin:0; font-size:0.5rem}
		
	.bottomIconItem img{ height:2rem;}
	.bottomIconItem p{margin:0; font-size:.75rem; color:#000; padding-top:0.5em;}
	.bottomIconItem p.little{ margin:0; font-size:.45rem; color:#7d7d7d; padding-top:0;}
	.PersonalCenter .Personal-infor ul li:last-child{ float:right; margin-right:.2rem; }
	.tops-icon1,.tops-icon2,.tops-icon3,.tops-icon4{ background-size:1rem; width:1.2rem;height:1.2rem; margin-left:.5rem;}
        .tops-icon5{ background-size:1rem; width:1.25rem;height:1.3rem; margin-left:.55rem;}
        .tops-icon a{ font-size:0.65rem}
	.pc-listItem{height:4rem;}
	.pc-icon img{height:2rem;}
	.pc-listItem div p.pc-textTitle{ margin-top:.1rem}
	}
@media (min-width:321px) and (max-width: 767px) { 
    
    .userinfo .modifiedData { width:10rem; }
    .userList li { height:4rem; line-height:4rem; }
    .personal_info table td { line-height:4rem; }
    .topIconItem {height:5rem; }
    .topIconItem img { height:3rem; }
    .topIconItem p { padding-top: 0.5rem; margin:0; font-size:0.7rem}
	
	
	.bottomIconItem img{ height:2rem;}
	.bottomIconItem p{margin:0; font-size:.75rem; color:#000; padding-top:0.5em;}
	.bottomIconItem p.little{ margin:0; font-size:.45rem; color:#7d7d7d; padding-top:0;}
} 
@media (min-width: 768px) and (max-width: 1024px) { 
    
    .userinfo .modifiedData { width:10rem; }
    .userList li { height:5rem; line-height:5rem; }
    .personal_info table td { line-height:4rem; }
    .topIconItem {height:6rem; }
    .topIconItem img { height:3.5rem; }
    .topIconItem p { padding-top: 0.7rem; }
	
	.bottomIconItem img{ height:2rem;}
	.bottomIconItem p{margin:0; font-size:.75rem; color:#000; padding-top:0.5em;}
	.bottomIconItem p.little{ margin:0; font-size:.45rem; color:#7d7d7d; padding-top:0;}
 }

@media (min-width: 551px){
.m-members .avatar .avt img{ margin-top:5%}
.poster .box{ bottom:8%}
.product1{height:60%;}
}
@media (min-width: 992px){
.m-members .avatar .avt img{ margin-top:5%}
.product1{height:60%;}
}
@media (min-width: 1025px){
.m-members .avatar .avt img{ margin-top:7%}
.avatar.list-block{ padding-bottom:1rem}
.product1{height:60%;}
.bottomIconItem img{ height:2rem; margin-bottom:0.5rem}
.bottomIconItem p{margin:0; font-size:.85rem; color:#262626; padding-top:0.5em;}
.bottomIconItem p.little{ margin:0; font-size:.45rem; color:#7d7d7d; padding-top:0;}
} 
/*------个人中心-结束------*/