body,html{background-color: #f2f2f2;}
/*body {padding-bottom: 100px!important;background: url(../../images/personal/b_bg.png) no-repeat bottom center!important;}*/
body.none-image{padding-bottom: 100px!important;background: none!important;}
header>div>ul{justify-content: flex-end;}
header>div>ul>li{margin-left: 15px;margin-right: 0!important;}
select option{font-size: 14px;color: #666;}
.personal-center{display: flex;flex-direction:column;align-items: center;justify-content: center;padding-top: 30px;}
.personal-online{padding: 40px 0 0 0;}

.content{margin-top: -7px;}
.content>.content-children{margin: 35px 50px 70px 50px; padding: 40px 37px;border: 1px solid #ccc;display: flex;flex-direction: row;justify-content: space-between;}
.content>.content-children>div{background-color:#e6e6e6; border: 1px solid #ccc;}
.user-info{margin-right: 20px;padding-bottom: 250px;width: 175px;}
.user-info>.user{text-align: center;display: flex;flex-direction: column;}
.user-info>.user img{margin: 20px auto;display: block;border: 1px solid #ccc;}
.user-info>.user>p{}
.user-info>ul{margin-top: 30px;}
.user-info>ul.border-top{border-top: 1px solid white;}
.user-info>ul>li>a{text-align: center;padding: 10px 0;}
.user-info>ul>li.selected>a,.user-info>ul>li.selected>a>span,.user-info>ul>li.selected>a>span>em{color: white;background-color:#999; }

.user-info>.message-action{display: flex;flex-direction: column;margin: 15px;background-color: #ccc;border-radius: 3px;padding: 3px;}
.user-info>.message-action>a{display: flex;flex-direction: row;align-items: center;padding: 8px;}
.user-info>.message-action>a>span,.user-info>.message-type>li>a>span{padding-left: 10px;}
.user-info>.message-action>p{height: 2px;background-color: white;}
.user-info>.message-type{border-top: 1px solid #ccc;padding: 20px 10px;}
.user-info>.message-type>li>a{display: flex;align-items: center;padding: 10px;}
.user-info>.message-type>li>a>span{}

.basic-info,.list-info{display: flex;flex: 1;flex-direction: column;}
.basic-info>.basic-header,.basic-info>.basic-header>ul{display: flex;align-items: center;justify-content: space-between;}
.basic-info>.basic-header>ul>li{margin-left: 30px;}
.basic-info>.basic-header>ul.collection>li{margin-left: 0;}
.basic-info>.basic-header{border-bottom: 1px solid #ccc;}
.basic-info>.basic-header>ul{justify-content: flex-start;}
.basic-info>.basic-header>ul.collection{flex: 1;padding: 0 58px;}
.basic-info>.basic-header>ul.collection>li{margin-right: 55px;}
.basic-info>.basic-header>ul.collection.enter>li{margin-right: 35px;}
.basic-info>.basic-header>ul>li>a{font-weight: bold;padding: 10px 0;position: relative;}
.basic-info>.basic-header>ul>li.selected>a>i{position: absolute;bottom: -1px;left: 0;right: 0;display: block;border: 1px solid #333;}
.basic-info>.basic-header>a{display: flex;align-items: center;padding-right: 30px;}
.basic-info>.basic-header>a>span{padding-right: 5px;}
.basic-body{display:flex;flex: 1;background-color: #f2f2f2;}
.basic-body>.user-basic-info{display: flex;flex-direction: row;flex: 1;justify-content: center;}
.basic-body>.user-basic-info>form{display: flex;flex-direction: column;width: 70%;padding-right:15%;padding-top: 20px;}
.basic-body>.user-basic-info>form input,.basic-body>.user-basic-info>form .item-5 label textarea{outline: none;padding:7px 8px;background-color: white;border: 1px solid #ccc;}
.basic-body>.user-basic-info div{display: flex;align-items: center;justify-content: space-between;}
.basic-body>.user-basic-info>form .item-1 input{flex: 1;}
.basic-body>.user-basic-info>form .item-2{display:flex;}/*flex: 1;*/
.basic-body>.user-basic-info>form .item-2 input{width:151px;}
.basic-body>.user-basic-info>form .item-3{justify-content: space-between;}
.basic-body>.user-basic-info>form .item-3 label{display:flex;justify-content: center;}
.basic-body>.user-basic-info>form .item-3 input,.basic-body>.user-basic-info>form .item-3 b{width: 101px;border: 1px solid #ccc;}
.basic-body>.user-basic-info>form .item-3 b{padding: 7px 8px;background-color: white;}
.basic-body>.user-basic-info>form .item-3 b select{display: block;width: 100%;height: 100%;outline: none;border: 0;background:none;}
.basic-body>.user-basic-info>form .item-4 input{width: 40%!important;}
.basic-body>.user-basic-info>form .item-5 label{display:flex;align-items: flex-start;}
.basic-body>.user-basic-info>form .item-5 label textarea{flex: 1;resize: none;min-height: 80px;border: 1px solid #ccc;}
.basic-body>.user-basic-info div label{display: flex;align-items: center;margin-top: 10px;flex: 1;}
.basic-body>.user-basic-info div span{width: 50px;text-align: right;}
.basic-body>.user-basic-info div label:first-child span,.basic-body>.user-basic-info>form .item-2 span{width: 120px;}
.basic-body  div.submit{flex-direction:row;align-items: center;justify-content: center;margin: 30px 0;}
.basic-body  div.submit a,.avatar-text a{padding: 7px 20px;background-color: #999;color: white;margin-right: 15px;border-radius: 3px;cursor: pointer;border: 1px solid #999;box-shadow: -1px 1px 2px #cacaca;}
.basic-body  div.submit a.cancel,.avatar-text a.cancel{background-color: white;color: #999;}
.basic-body>.user-basic-info>form .code input{max-width: 170px;}
.basic-body>.user-basic-info>form .code img{margin: 0 5px;border: 1px solid #ccc}
.personal-online>.content-children{display: flex;flex: 1;flex-direction: row;}
.personal-online>.content-children>.user-info{background-color:#ccc;}
.personal-online>.content-children>.content-array{display: flex;flex: 1;flex-direction: column;}
.personal-online>.content-children>.content-array>.content-array-header{display: flex;flex-direction: row;align-items: center;justify-content: space-between;border-bottom: 1px solid #ccc;}
.personal-online>.content-children>.content-array>.content-array-header>div{display: flex;flex-direction: row;align-items: center;}
.personal-online>.content-children>.content-array>.content-array-header>div>a{background-color: #999;margin-left: 15px;padding: 5px 15px;border-radius: 3px;}
.personal-online>.content-children>.content-array>.right-list{overflow: hidden;}
.personal-online>.content-children>.content-array>.right-list>.find-btn{padding: 4px 6px;background-color: #999;border-radius: 3px;width: 130px;text-align: center;margin: 50px auto;}
.personal-online>.content-children>.content-array .content-array-body{padding: 10px 0 2px 0;display:flex;flex-wrap: wrap;width: 1205px;margin-left: -20px;}
.personal-online>.content-children>.content-array .content-array-body>li{width: 235px;padding: 25px 25px 0 21px;background-color: white;margin: 20px 0 0 20px;box-shadow: 1px 1px 1px #999;}
.personal-online>.content-children>.content-array .content-array-body>li>b{display: flex;flex-direction: row;justify-content: space-between;}
.personal-online>.content-children>.content-array .content-array-body>li>b>strong>a{padding: 6px 18px;border-radius: 3px;border: 1px solid #999;margin-top: 10px;}
.personal-online>.content-children>.content-array .content-array-body>li>dl{padding: 24px 0 40px 12px;}

.list-info>.list-info-header{display: flex;flex-direction: row;align-items: center;padding: 10px 35px;}
.list-info-body-action{display: flex;flex-direction: row;align-items:center;justify-content: space-between;padding:15px 35px 15px 45px; background-color: #ccc;}
.list-info-body-action>div{display: flex;flex-direction: row;align-items:center;}
.list-info-body-action>div.left-action>a{margin-right: 10px;}
.list-info-body-action>div.right-action>a{margin-left: 15px;}
.list-info-body-action a{padding: 3px 10px;background-color: white;border: 1px solid #999;cursor: pointer;}
.collection-table>dl>dt:first-child,.collection-table>dl>dd:first-child{text-align: left;padding-left: 15px;}
.list-info-body-table{padding: 0 25px;}
.list-info-body-table>dl{display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 15px 0;border-bottom: 1px dashed #ccc;}
.list-info-body-table>dl>dd,.list-info-body-table>dl>dt{width: 15%;text-align: center;}
.list-info-body-table>dl>dd:last-child,.list-info-body-table>dl>dt:last-child{width: 20%;}
.list-info-body-table>dl>dd:last-child,.list-info-body-table>dl>dd:first-child>label{display: flex;align-items: center;flex-direction: row;justify-content: center;}
.list-info-body-table>dl>dd:first-child>label{justify-content: flex-start;padding-left: 15px;}
.list-info-body-table>dl>dd:first-child>label>span{padding-left: 15px;}
.list-info-body-table>dl>dd input{width: 16px;height: 16px;}
.table-content{width: 30%!important;}
.table-content-20{width: 20%!important;}
.list-info-body-table>dl>dd:last-child>a,.action{margin: 0 5px;color: #182af2;cursor: pointer;}
.list-info-body-table>dl>dd:last-child>a.btn{color: #666;padding: 2px 5px;border-radius: 3px;width: 70px;}
.list-info-body-table>dl>dd:last-child>a.btn.yes{background-color: #ccc;}
.list-info-body-table>dl>dd:last-child>a.btn.apply{background-color: white;}
.list-info-body-table>dl>dd:last-child>a.btn.no{background-color: #999;color: white;}
.search{display: flex;align-items: center;justify-content: center;flex: 1;}
.search>div{width: 298px;border: 1px solid #999;display: flex;align-items: center;background-color: white;}
.search>div>input{display: flex;flex: 1;padding-left: 15px;outline: none;border: 0;}
.search>div>a{background-color:#999;padding: 4px 25px;}

.modify-avatar{padding: 30px 60px 10px 30px;}
.modify-avatar .avatar>div{display: flex;flex-direction: column;margin-right: 50px;}
.modify-avatar .avatar>div>p{padding-top: 30px;}
.modify-avatar .avatar>div>p.center{text-align: center;}
.modify-avatar .submit{display: flex;flex-direction: row;}
.avatar{display: flex;flex-direction: row;justify-content: flex-end;}
.avatar-text{display: flex;flex-direction: column;width: 250px;margin-top: 80px;}
.avatar-text label{position: relative;}
.avatar-text label a{width:60px;}
.avatar-text label input{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;opacity: 0;}

.add-series{z-index:10;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);display: none;}
.add-series.show{display: flex!important;align-items: center;justify-content: center;flex: 1;}
.add-from{background-color: white;padding: 35px 56px 52px 56px;border-radius: 10px;}
.add-from-body{padding: 35px 85px 90px 26px;background-color: #f2f2f2;border: 1px solid #ccc;display: flex;flex-direction: column;}
.add-from .basic-body>.user-basic-info>form{width: 100%;padding-right:0;padding-top: 0;}

.member-list{padding: 15px 35px 15px 30px;}
.member-list>.left-action a{display: flex;color: white;background-color: #999;border-radius: 3px;align-items: center;}
.member-list>.left-action a img{width: 16px;height: 16px;margin-right: 5px;}


.basic-body>.add-member div span{width: 85px!important;}
.basic-body>.add-member>form .item-2 input{width: 190px;}
.preview{width: 868px;flex-wrap: wrap;}
.preview li{cursor: pointer;margin-right: 25px;margin-top: 25px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;background-color: white;border: 1px solid #999;}
.preview li img{padding: 54px 20px 45px 20px;}
.preview li p{background-color: #999;width: 100%;text-align: center;padding: 2px 0;}
.preview li:hover p,.add-series .btn a:hover,.close>i:hover,.max-view>a:hover,.upload-images li:hover i{background-color: #666;}
.add-series .btn{display: flex;align-items: center;justify-content: center;padding: 25px 0 0 0 ; }
.add-series .btn a{background-color: #999;border-radius: 3px;padding: 3px 18px;cursor: pointer;}
.add-series .btn a:last-child{margin-left: 15px;}

.close{position: relative;overflow: hidden;}
.close>i{position: absolute;right: 0;top: 0;background-color: #999;width: 50px;display: flex;align-items: center;justify-content: center;border-radius: 0 0 0 10px;cursor: pointer;}

.max-view{display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 40px 0;}
.max-view>a{background-color: #b2b2b2;margin: 0 15px;padding: 10px;border-radius: 3px;cursor: pointer;}
.max-view>a:first-child{transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);}

.upload a{position: relative;z-index: 1;padding: 6px 18px;border: 1px solid #ccc;border-radius: 3px;background-color: white;overflow: hidden;}
.upload a>input{position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 2;opacity: 0;}
.upload{display: flex;flex-direction: row;align-items: flex-start!important;margin-top: 10px;}
.upload>div{flex-direction: column;align-items: flex-start!important}
.upload>label{cursor: pointer;}
.upload-images{display: flex;flex-direction: row;flex-wrap: wrap;width: 600px;}
.upload-images li{width: 80px;height: 80px;position: relative;margin-right: 15px;overflow: hidden;border: 1px solid #999;}
.upload-images li>i{cursor: pointer;position: absolute;background-color: #999;right: 0;top: 0;height: 20px;width: 20px;display: flex;justify-content: center;align-items: center;}
.item-1 .phone{width: 24px;height:24px;padding:6px 5px 5px 5px;background: #e6e6e6 url("../../images/personal/phone.png") no-repeat center;border-right: 1px solid  #ccc;border-top: 1px solid  #ccc;border-bottom: 1px solid  #ccc;cursor: pointer;}
.item-1 .phone:hover{background: #999 url("../../images/personal/phone-yes.png") no-repeat center!important;}

.item-6{justify-content: flex-start!important;}
.item-6 label{width: 15%;flex: none!important;justify-content: flex-start!important;}

.item-7{align-items: flex-start!important;justify-content: flex-start!important;}
.item-7>div{width: 450px;flex-wrap: wrap;}
.item-7>div.w-600{width: 640px;}
.item-7>div>label{display: flex;flex-direction: column;margin-right: 30px;width: 185px!important;flex: none!important;justify-content: flex-start;}
.item-7>div.w-600>label{width: 280px!important;}
.item-7>div>label>b{padding: 30px;background-color: white;border: 1px solid #ccc;}
.item-7>div>label>strong{display: flex;align-items: center;width: 100%;justify-content: center;padding: 8px;}