@charset "utf-8";
/*!
 * qianjia css in 2019
 * cj modify */

/*-------common--------*/
.member {background-color: #F8F8F8;}
.member .middle-content { position:relative; padding-bottom:50px;}
.member .middle-content .main-left { position:relative;}
.member .middle-content .main-right {  position:relative;}
.member .mod {border-radius: 6px; background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(33,44,55,.1);
    box-shadow: 0 0 8px 0 rgba(33,44,55,.1);
}
@media (min-width: 768px) {
.member .middle-content .main-right {padding-left:5px;}
}

/* ------modal tips-----*/
.tips-modal { position:fixed;left:0;top:0;right:0;bottom:0; background-color:rgba(0,0,0,0.4); z-index:99999;}
.tips-modal-content { background-color:#fff;padding:10px 10px; color:#444; text-align:center; position:absolute;left:50%;top:48%;margin-left:-30px; border-radius:5px;}
.tips-modal .yes-img {width:32px;height:32px; background-image:url(http://www.aprmailers.com/jscss/common/images/tip_img_b.png); background-repeat:no-repeat; 
background-position:center; display:block;background-size:cover;margin:0 auto;}
.tips-modal strong { display:block; text-align:center;font-size:14px; font-weight:normal;padding-top:5px; }
.tips-modal .no-img {width:32px;height:32px; background-image:url(http://www.aprmailers.com/jscss/common/images/tip_img.png); background-repeat:no-repeat; 
background-position:center; display:block;background-size:cover;margin:0 auto;} 
@media(min-width:768px){
.tips-modal-content { background-color:#fff;padding:20px;	}
}

/*--error-result--*/
.member .error-result {width:200px;margin:30px auto; background-image: url(http://www.aprmailers.com/jscss/common/images/error404.jpg); background-repeat: no-repeat; background-position: center top; background-size: 70px;}
.member .error-result .no-result {padding-top:80px; text-align: center;font-size:14px; color:#999;margin:0; margin-bottom:20px;}
.member .nothing-result {width:200px;margin:30px auto; background-image: url(http://www.aprmailers.com/jscss/common/images/error_nothing.jpg); background-repeat: no-repeat; background-position: center top; background-size: 70px;}
.member .nothing-result .no-result {padding-top:80px; text-align: center;font-size:14px; color:#999;margin:0; margin-bottom:20px;}
.member .btn-nothing-result { margin:0 auto; text-align:center; display: block;width:150px; border-radius:20px;padding:8px 0; margin-bottom:40px;}

@media(min-width:768px){
.member .error-result {background-size:90px;}	
.member .error-result .no-result {padding-top:100px;font-size:16px;}
.member .nothing-result {background-size:90px;}	
.member .nothing-result .no-result {padding-top:100px;font-size:16px;}
}



/*--choose tab--*/
.member .choose-status-wrap { border-bottom:1px solid #eee;}
.member .choose-status-wrap .tab-ul { overflow:auto; display:table;width:100%;}
.member .choose-status-wrap .tab-ul li { text-align:center; display:table-cell;} 
.member .choose-status-wrap .tab-ul li:last-child {margin-right:0}
.member .choose-status-wrap .tab-ul li label {padding:12px 2px;margin:0;border-bottom:3px solid #fff; font-weight:normal; font-size:14px; cursor:pointer; display:inline-block;}
.member .choose-status-wrap .tab-ul li.active label {border-bottom:3px solid #50aefb;}

@media(min-width:768px) {
.member .choose-status-wrap .tab-ul { display:block}
.member .choose-status-wrap .tab-ul li { margin-right:35px; float:left; display:inline-block;} 
.member .choose-status-wrap .tab-ul li:last-child {margin-right:0}
.member .choose-status-wrap .tab-ul li label {padding:15px 5px; font-size:15px;}	
}


/*---title--*/

.member .mod-title { position:relative ;border-bottom:1px solid #eee; margin-bottom:15px;}
.member .mod-title h3 {font-size:16px;margin:0; line-height:36px; position:relative;}
.member .mod-title h3:after {content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 70px;
    height: 2px;
    background:#57b3e6;}
.member .mod-title .right-action { position:absolute;right:0;top:0;}
.member .mod-title .right-action a.back-link { line-height:36px; padding-right:4px;font-size:12px;}
@media (min-width: 768px) {
.member .mod-title {margin-bottom:25px;}
.member .mod-title h3 { line-height:40px; font-size:17px;}	
.member .mod-title .right-action a.back-link { line-height:42px; font-size:14px;}
}





/*-----page------*/
 
.member .page-div { }
.member #pageNav {}
.member .page-div #pageNav {display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;}
.member #pageNav div {
    float:left;font-size:12px;
    margin: 0 2px;
}
.member #pageNav div input {height:23px;margin: 2px 0; padding: 2px 0;line-height: 1.42; font-size:10px; border: 1px solid #ddd; border-radius:0;width:50px; text-align:center;
-webkit-box-shadow:inset 2px 1px 1px rgba(0,0,0,.1);box-shadow:inset 2px 1px 1px rgba(0,0,0,.1); }
.member #pageNav div div input:focus { outline:none; }
.member #pageNav div a{
    padding: 2px 6px;
    margin: 2px 0;    display: inline-block;
    line-height: 1.42;
    color: #666; background-color:#fff;
    font-size: 10px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius:0;
}
.member #pageNav div a:hover { background-color:#f6f6f6}
.member #pageNav div.cPageNum span {
    border: 1px solid #656565;
    padding: 2px 6px;display: inline-block;
    font-weight:normal;line-height: 1.42;
    margin: 2px 0; font-size: 10px;
    color: #fff; 
    background-color:#656565; 
    border-radius:0;
}
.member #pageNav div.totalRecNum span {
	padding: 3px 8px;
    margin: 2px 0;    
	display: inline-block;
    line-height: 1.42;}


 


/*--middle info--*/

.member .middle-info { position:relative; background-color:#2081C5; background-repeat: no-repeat; 
background-image: url(http://www.aprmailers.com/jscss/common/images/bg_usercenter2.jpg); background-position: center top; background-size: 100%; }
.member.member-com .middle-info {background-color:#0d5a8e;background-image: url(http://www.aprmailers.com/jscss/common/images/bg_usercenter4.jpg);}
.member .middle-info .container { position: relative; }
.member .middle-info .basic {padding-top:10%;padding-bottom:15%;text-align:left; position:relative; padding-left:10px; color:#fff;} 
.member .middle-info .user-logo { float:left; width:58px; height:58px; border:2px solid rgba(255,255,255,0.5);border-radius:50%;-webkit-border-radius:50%; overflow:hidden; }
.member .middle-info .user-logo .img-cover {border:0;background-color:#fff;  background-repeat: no-repeat; background-position: center; background-size:cover;
 background-image: url(http://www.aprmailers.com/jscss/common/images/user_img.jpg);border-radius:50%;-webkit-border-radius:50%; }
.member .middle-info .user-logo .img-cover img {border-radius:50%;-webkit-border-radius:50%;}
.member .middle-info .user-info {margin-left:70px; padding-top:4px; }	
.member .middle-info .user-info .name {font-size:18px;}
.member .middle-info .user-info .name strong { font-weight:normal; display:inline-block; vertical-align:middle;}
.member .middle-info .user-info .tag-lever { display:inline-block;vertical-align:middle; margin-left:4px; background-color:#402719;    position: relative;
    color:#f7e6a9; border-radius: 20px; padding: 2px 5px 1px 5px; line-height: 1.2;font-size: 10px;}
.member .middle-info .user-info .tag-lever .iconfont {font-size:1.2em;margin-right:1px;}
.member .middle-info .account-detail {padding-top:3px;color: #cee0f1; font-size:12px;}
.member .middle-info .account-detail span {padding-right:10px;margin-right:4px; position:relative; display:inline-block;}
.member .middle-info .account-detail span:after {content:'|';color:#61adea; position:absolute;right:0;top:0;}
.member.member-com .middle-info .account-detail span:after { color:#2181bd; }
.member .middle-info .account-detail span:last-child:after { display:none}
.member .middle-info .account-detail span:last-child {margin-right:0;padding-right:0;}
.member .middle-info .account-detail a {color: #cee0f1;}
.member .middle-info .account-detail a strong {color:#fff;padding-left:4px;}
.member .middle-info .account-detail em { display:none;font-style:normal; } 
 
 
.member .middle-info .right-action { position:absolute;right:15px;top:0;}
.member .middle-info .right-action .btn-change { padding-top:95px;padding-right:10px;}
.member .middle-info .right-action .btn-change .btn {color:#fff; background:none;border:1px solid #fff; border-radius:30px;padding: 6px 20px;}
.member .middle-info .right-action .btn-change .btn:hover { opacity:0.8}
@media (min-width: 360px) {
.member .middle-info .account-detail {font-size:14px;}	
}
@media (min-width: 768px) {
.member .middle-info { height:260px; background-size:auto;   }
.member .middle-info .basic {padding-top:70px;padding-left:20px;  }
.member .middle-info .user-logo {width: 98px; height: 98px; border: 4px solid rgba(255,255,255,0.5); }
.member .middle-info .user-info .tag-lever {font-size:13px; padding:3px 10px; top:2px;}
.member .middle-info .user-info {margin-left:130px;padding-top:10px; }	
.member .middle-info .user-info .name {font-size:30px;}
.member .middle-info .account-detail {font-size:16px; padding-top:10px;}
.member .middle-info .account-detail span {padding-right:14px;margin-right:8px;}
.member .middle-info .account-detail em { display:inline}
}

/*--left nav action--*/ 

.member .mod-phone-nav { position:relative;margin-top:-15px;}
.member .mod-phone-nav dl { overflow:auto;padding:0 5px;}
.member .mod-phone-nav dd { float:left;width:25%; text-align:center;}
.member .mod-phone-nav dd a { display:block;padding:15px 0; color:#444; font-size:13px;}
.member .mod-phone-nav .iconfont { display:block; color:#ccc;font-size:26px; line-height:1;margin-bottom:2px;}
.member .mod-phone-nav .icon-task {color:#63b1f1}
.member .mod-phone-nav .icon-barrage {color:#71e0a8}
.member .mod-phone-nav .icon-people {color:#71e0a8}
.member .mod-phone-nav .icon-bianjisekuai { color: #63b1f1; }

@media (max-width: 767px) {
.member .leftnav-wrap { position:relative; }
.member .left-wrap { z-index: 10; display:none; border-radius:0 12px 12px 0; position:fixed;left:0;top:0;width:100%;bottom:0; background:none; }
.member .left-wrap .close { position:fixed; display:none;right: 12px;top: 12px;font-size:26px; z-index: 3; opacity:1;color:#fff; font-weight: normal;}
.member .left-wrap .mask { opacity:0.5; background-color:#000000;position:fixed;left:0;top:0;right:0;bottom:0; z-index:1;}

.member .left-wrap.active .leftnav {width:190px;   -webkit-overflow-scrolling: touch; 
-webkit-box-shadow: 0 0 8px 0 rgba(33,44,55,.3);
    box-shadow: 0 0 8px 0 rgba(33,44,55,.3);}
.member .left-wrap.active,
.member .left-wrap.active .close,
.member .left-wrap.active .mask {display:block}
 
}

@media (min-width: 768px) {
.member .mod-phone-nav,
.member .left-wrap .mask,
.member .left-wrap .close { display:none}

.member .mod.left-wrap { display:block;position:relative;  margin-top:-32px;}

}


/*--left nav--*/

.leftnav { padding:0; position:relative; height:100%; overflow:auto; z-index: 2;  background-color: #fff;}
.leftnav dl {font-size:16px; overflow:auto; text-align:left;}
.leftnav dl dt { background-color:#F8F8F8;margin:4px 0; color:#CCCCCC;padding:8px 20px; font-weight:normal; }
.leftnav dl:first-child dt{margin-top:0}
.leftnav dl dd { display: block; }
.leftnav dl dd a {color:#555; padding:8px 0; display: block;padding-left:18%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.leftnav dl dd .iconfont {margin-right:5px; color:#63b1f1;}
.leftnav dl:last-child {padding-bottom:20px} 
.leftnav dl dd .iconfont {font-size:18px}
 
@media (min-width: 768px) {

.leftnav { padding:0;padding-bottom:20px; background:none; }
.leftnav dl {font-size:15px;}
.leftnav dl:last-child {padding-bottom:0}
.leftnav dl dt {padding:6px 20px;}	
.leftnav dl:first-child dt { border-radius:6px 6px 0 0;}
.leftnav dl dd { display: block; float:none;width:100%; text-align:left; }
.leftnav dl dd a {color:#444; padding:5px 0; display: block;padding-left:18%;border-left:2px solid transparent; }
.leftnav dl dd a:hover,.leftnav dl dd a:focus { border-left:2px solid #666; }
.leftnav dl dd.active a, .leftnav dl dd.active a:hover,.leftnav dl dd.active a:focus {background-color: #f6f6f6; border-left:2px solid #2FA5E3;}
.leftnav dl dd .iconfont {font-size:17px}
}
 
.leftnav dl dd .icon-barrage,
.leftnav dl dd .icon-people,
.leftnav dl dd .icon-like,
.leftnav dl dd .icon-mail { color:#71e0a8;}

.leftnav dl dd .icon-moneybag,
.leftnav dl dd .icon-collection,
.leftnav dl dd .icon-lock { color:#fdb64b;}

.leftnav dl dd .icon-jifen,
.leftnav dl dd .icon-dynamic {color:#88e0c7}

.leftnav dl dd .icon-huiyuan,
.leftnav dl dd .icon-building-materials {color:#e4b633;}

.leftnav dl dd .icon-remind,
.leftnav dl dd .icon-shouji4,
.leftnav dl dd .icon-computer {color:#3992c3}


/*---right wrap--*/

.member .right-wrap {position:relative; margin-top:20px; background:none; box-shadow:none; border-radius:0;-webkit-box-shadow:none; }
.member .loading-page {padding:25px;
border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(33,44,55,.1);
    box-shadow: 0 0 8px 0 rgba(33,44,55,.1);}
.member-load { position:relative;}
.member .load-content { position:relative;}
.member .blank {height:15px;}
.member-load .mod {padding:12px;padding-top:6px;}

@media (min-width: 768px) {
.member .right-wrap { margin-top:-32px; }	
.member .paddingleft-0 {padding-left:5px!important;}
.member .blank {height:20px;}
.member-load .mod {padding:15px;padding-top:8px;}
}