@charset "utf-8";
/* CSS Document 
*
* @description: 个人中心页样式
*
* @build by zhangchunguang 2017-7-18
*
*/
/*完善信息页*/
.mc-tlt{font-size: 26px;text-align: center;font-weight: bold;line-height: 26px;margin:75px auto 49px;}
.mc-contTab{width:450px;margin:0 0 0 420px;}
.mc-contTab dl{ padding-bottom:25px;height:auto;zoom: 1;clear: both;}
.mc-contTab dl:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.mc-contTab dl dt{float: left; text-align:right; width:88px; font-size:14px;font-family: "microsoft yahei"; color:#646464;height: 44px;line-height: 44px;}
.mc-contTab dl dd {float: left; width:340px; line-height:44px;margin-left: 22px;display: inline;}
.mc-input{width:155px;height:16px;line-height:16px;padding:13px 9px;border: 1px solid #dbdbdb;border-radius:3px;font-size:14px;color:#646464;}
.mc-contTab label.error{color: #ff3e59;height: 44px;line-height: 44px;margin-left: 5px;vertical-align:middle;}
i.error{width:15px;height:15px;display:inline-block;background:url('../../images/newmedia/mediaIcon.png') no-repeat 0 -175px;vertical-align:-3px;margin-right:5px}
i.ok{width:18px;height:18px;display:inline-block;background:url('../../images/newmedia/mediaIcon.png') no-repeat 0 -203px;vertical-align:-6px;}
.cff3e59{color:#ff3e59;}
.error.img-up{display:inline-block;margin-top:75px;margin-bottom:-10px;}
.mc-btn-box{margin-top:30px;margin-bottom:80px;}
.mc-btn{display:inline-block;width:160px;height:44px;text-align: center;line-height: 44px;background-color:#ff3e59;background-image: linear-gradient(to top,#ff3e59 0%,#ff5e75 100%);color:#fff;font-size: 14px;box-shadow: 0 0  2px 1px rgba(255,62,89,0.5);border-radius: 3px;margin-left:100px;}
.mc-btn:hover{background-color:#e52d47;background-image: linear-gradient(to top,#e52d47 0%,#ff3e59 100%);color:#fff;}
.uploadBtn{width:62px;height:26px;line-height:26px;text-align:center;color:#646464;border:1px solid #dbdbdb;border-radius:3px;background: #efefef;display:inline-block;position: relative;margin:82px 0 0 20px;}
.uploadBtnFile{width:62px;height:26px;position:absolute;top:0;left:0;opacity:0;overflow:hidden;}
.uploadPreview{width:110px;height: auto;background:transparent;}
.uploadPreview{zoom:1;}
.uploadPreview:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.uploadPreview .uploadItem,.uploadPreview .uploadLoadItem{width:110px;height: 110px;position: relative;float:left;display: inline-block;overflow: hidden;}
.uploadPreview .uploadItemPic,.uploadPreview .uploadLoadPic{width:108px;height:108px;position: absolute;left:0;top:0;overflow: hidden;border:1px solid #dbdbdb;border-radius:5px;}
.uploadPreview .uploadItemPic img,.uploadPreview .uploadLoadPic img{width:108px;height:108px;position: absolute;left:0;top:0;-webkit-transition: all .4s ease .1s;}
.isEnlarge .uploadEnlarge{display: none;width:100%;height:100%;position: absolute;left:0;top:0;z-index: 10;-webkit-transition: all 0;}
.isEnlarge .uploadEnlarge .uploadEnlargeBg{display:block;width:100%;height: 100%;position: absolute;top:0;left:0;}
.isEnlarge .uploadItemPic:hover .uploadEnlarge{display: block;}
.mc-icon{width:15px;height:15px;display:inline-block;position:relative;background:url('../../images/newmedia/mediaIcon.png') no-repeat 0 -30px;vertical-align:-3px;}
.mc-icon .d_airBubble{border: 1px solid #BEC2CD;height:auto;display:none;position:absolute;width:300px;padding:15px;background-color:#fff;font-size:14px;line-height:20px;color: #646464;border-radius:5px;bottom:-95px;left:-35px;box-shadow: 0 2px 4px 0 rgba(28,31,56,0.5);z-index:99;text-align:left;font-style: normal;}
.mc-icon .d_airBubble:before {content:"";width:0;height:0;border:10px #fff solid;border-left:7px solid transparent;border-top:10px solid transparent;border-right:7px solid transparent;border-bottom:20px solid #BEC2CD;position:absolute;left:35px;top:-30px;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent;}
.mc-icon .d_airBubble:after {content:"";width:0;height:0;border:10px #fff solid;border-left:5px solid transparent;border-top:10px solid transparent;border-right:5px solid transparent;border-bottom:15px solid #fff;position:absolute;left:37px;top:-25px;border-right-color:transparent;border-top-color:transparent;border-left-color:transparent;}
.mc-icon:hover .d_airBubble{display:block;}
/*修改信息页*/
.c64{color:#646464;}
/* .media-cont-box{margin-top:32px;} */
.my-center-aside{width:202px;border:1px solid #ececec;box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);}
.aside-list-tlt{height:60px;line-height:60px;font-size:18px;width:172px;padding:0 15px;display:block;}
.list-tlt-link:hover{background-color: #f5f5f5;}
.aside-list-tlt.active{background-color:#ff3e59;color:#fff;}
.aside-list-item{height:30px;line-height:30px;font-size:14px;text-indent: 38px;display:block;}
.aside-list-item:hover{background-color:#f5f5f5;}
.aside-list-item.active{background-color:#ff3e59;color:#fff;}
.aside-list-arrow{width:172px;margin:0 auto;border-bottom: 1px solid #ebebeb;}
.mc-icon.set{background-position:0px -60px;margin-right:10px;width:16px;vertical-align:-2px;}
.mc-icon.message{background-position:0px -90px;margin-right:10px;width:16px;vertical-align:-2px;}
.aside-list-tlt.active .mc-icon.message{background-position:0px -147px;margin-right:10px;width:16px;vertical-align:-2px;}
.my-center-cont{width:996px;height:auto;border:1px solid #ececec;box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);}
.center-cont-tlt{height:42px;line-height:42px;background:#f9f9f9;text-indent:20px;font-size:16px;margin-bottom:50px;}
.mc-code{width:128px;height:42px;line-height:42px;text-align:center;font-size:14px;display:inline-block;background:#efefef;border:1px solid #dbdbdb;border-radius:3px;vertical-align:-3px;margin-left:25px;}
.vf-code.mc-input{width:92px;}
.my-center-cont .mc-contTab{width:550px;margin:0 0 0 300px;}
.my-center-cont .mc-contTab dl dd{width:440px;}
.formPhone .mc-input{border: 1px solid #dbdbdb;border-radius: 3px;width:158px;border-left: none;border-top-left-radius:0;border-bottom-left-radius:0;height:22px;padding:10px 20px;}
.formPhone .selectize-control{width:130px;float: left;display: inline;}
.formPhone .selectize-input{padding: 13px 8px 7px;border-top-right-radius:0;border-bottom-right-radius:0;}
.formPhone .selectize-input .item{width:90px;overflow:hidden;white-space:nowrap; word-wrap:normal;-o-text-overflow: ellipsis; /* for Opera */ text-overflow: ellipsis; /* for IE */}
.formPhone .phoneArea{border: 1px solid #dbdbdb; border-radius: 3px 0 0 3px; height: 44px; padding: 0 8px; float: left; box-sizing: border-box;}
.mc-input.new-phone{width:100px;vertical-align:1px;}
.mc-input.new-phone + label.error i.ok{vertical-align:-2px;}
/*修改密码*/
.mc-input.pwd-spec{width:290px;}
.modify-pwd .mc-contTab{width:635px;margin:0 0 0 250px;}
.modify-pwd .mc-contTab dl dd{width:525px;}
.mc-btn.modify-pwd-btn{margin-left:150px;}
/*站内消息*/
.message-type-box{margin:-20px auto 30px;padding-left: 20px;}
.message-type-item{padding-bottom:7px;margin-right: 45px;font-size:14px;color:#646464;}
.message-type-item:hover{color:#ff3e59;}
.message-type-item.active{border-bottom:3px solid #ff3e59;color:#ff3e59;}
.message-tlt-box{width:920px;border:1px solid #e9e9e9;margin:0 auto 40px;}
.message-tlt-item-box{border-bottom:1px solid #e9e9e9;}
.message-tlt-item{height:42px;line-height:42px;font-size:14px;}
.message-tlt-item.unread .message-tlt-wd{font-weight:600;}
.message-type-wd{margin:0 10px;}
.message-tlt-item-box .mc-icon.inmes-icon{background-position:0px -260px;width:16px;vertical-align:-2px;}
.message-tlt-item-box.unread .mc-icon.inmes-icon{background-position:0px -234px;width:16px;vertical-align:-2px;}
.message-tlt-date{color:#b8b8b8;margin-right:15px;}
.message-tlt-item-box:last-child{border:none;}
.message-tlt-wd{margin-left:15px;}
.message-tlt-box .cont{color:#646464;text-indent:25px;line-height:24px;padding: 0 15px;}
.message-tlt-box .cont pre{font-size: 14px;white-space:pre-wrap;font-family:"Microsoft YaHei","微软雅黑";}