.user-right {width:96%;margin-left:2%;background:#fff;border-radius:3px;min-height:-webkit-calc(100vh - 100px);min-height:-moz-calc(100vh - 100px);min-height:calc(100vh - 100px);}

.user-right>.title {width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);padding:10px 20px;font-weight:bold;position:relative;font-size:16px;line-height:28px;display:table;}
.user-right>.title.line {border-bottom:1px solid #f0f0f0;}
.user-right>.title .more {font-weight:normal;}
.user-right>.title .buts {float:right;font-size:14px;word-break:keep-all;}
.user-right>.title .buts a {display:inline-block;font-size:12px;line-height:16px;height:16px;padding:6px 10px;font-weight:normal;border-radius:3px;}

.user-right>.title-tab {width:100%;border-bottom:1px solid #f0f0f0;padding:0 20px;box-sizing:border-box;display:table; }
.user-right>.title-tab ul {margin-left:-30px;}
.user-right>.title-tab ul li {margin-left:30px;float:left;position:relative;color:#666;line-height:30px;padding:2px 0;cursor:pointer;}
.user-right>.title-tab ul li.active {color:#2196F3;font-weight:bold;}
.user-right>.title-tab ul li.active:after {position:absolute;height:3px;content:'';bottom:-2px;left:0;right:0;background:#2196F3;}
.user-right>.title-tab ul li.active a {color:#2196F3;}
.user-right>.title-tab ul li .num {position:absolute;background:#ff0000;top:-4px;left:54px;line-height:16px;color:#fff;font-size:12px;padding:0px 5px;border-radius:5px;z-index:2;}

.user-right .form {width:100%;margin-top:40px;padding-bottom:40px;}
.user-right .form .formTable {width:95%;margin-left:3%;}
.user-right .form .formTable td {padding:8px 5px;line-height:38px;}
.user-right .form .formTable td.titleTd {font-weight:bold;font-size:16px;padding:18px 5px;}
.user-right .form .formTable td.t {vertical-align:top;}
.user-right .form .formTable td.l {width:120px;text-align:right;color:#666;}
.user-right .form .formTable td.l em {font-style:normal;font-weight:bold;color:#ff0000;}

.user-right .form .formTable div.tr {overflow:hidden;}
.user-right .form .formTable div.td {padding:8px 5px;line-height:38px;float:left;}
.user-right .form .formTable div.td.l {width:120px;text-align:right;color:#666;}
.user-right .form .formTable div.td.l em {font-style:normal;font-weight:bold;color:#ff0000;}
.user-right .form .formTable div.td.r {width:-webkit-calc(100% - 140px);width:-moz-calc(100% - 140px);width:calc(100% - 140px);}

.user-right textarea {width:90%;resize:none;}
.user-right textarea+span[data-valmsg-for] {display:block;margin-left:0 !important;}
.user-right .text {border:1px solid #e0e0e0;height:36px;line-height:38px;padding:0px 8px;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.user-right textarea.text {height:unset;line-height:20px;padding:8px;}
.user-right .text:focus {border-color:#0075ff;}
/*.user-right checkboxlist {margin-left:-18px;}
*/
.user-right input[type="checkbox"]+label {margin-left:20px;}
.user-right input[type="radio"]+label {margin-left:20px;}

.user-right .td input[type="checkbox"]:first-child+label {margin-left:0px;}
.user-right td input[type="checkbox"]:first-child+label {margin-left:0px;}


.user-right select {line-height:26px;border:1px solid #e6e6e6;/*background-color:#f5f5f5;*/padding:4px 20px 4px 6px;border-radius:2px;margin-right:10px;position:relative;}
.user-right select option {line-height:28px;height:28px;}
.user-right select:focus {border-color:#0075ff;z-index:1;}

.user-right [data-method="selects"] select {margin-right:0;border-radius:0;}
.user-right [data-method="selects"] select+select {margin-left:-1px;}
.user-right [data-method="selects"] select:first-child {border-radius:3px 0 0 3px;}
.user-right [data-method="selects"] select:nth-last-child(2) {border-radius:0 3px 3px 0;}

.user-right .form .formTable span {margin-left:20px;color:#999;}
.user-right .form .formTable span.ValidWrong {color:#ff0000;}
.user-right .form .formTable span.ValidRight {color:#00b017;}

.user-right .btn {display:inline-block;margin:0 20px 0 0;line-height:34px;min-width:110px;padding:0;border:1px solid transparent;text-align:center;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.user-right .btn-org {background:#ff8d1c;border-color:#ff8d1c;color:#fff;}
.user-right .btn-blue {background:#2196f3;border-color:#2196f3;color:#fff;}
.user-right .btn-gray {background:#ccc;border-color:#ccc;color:#333;}
.user-right .btn-blue:hover {background:#1687ac;}

.user-right .list-table {padding:20px;position:relative;}
.user-right .list-table .table {width:100%;}
.user-right .list-table .titleTable {margin-bottom:-1px;background:#f2f2f2;font-weight:bold;}
.user-right .list-table tr {transition:all .3s;}
.user-right .list-table tr:hover {background:#f2f2f2;}
.user-right .list-table td {border:1px solid #e6e6e6;color:#666;padding:8px 5px;line-height:20px;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.user-right .list-table td .aicf {/*font-weight:bold;*/color:#666;}
.user-right .list-table td .true {color:#ff0000;}
.user-right .list-table .wc20 {width:020px;text-align:center;}
.user-right .list-table .wc30 {width:030px;text-align:center;}
.user-right .list-table .wc40 {width:040px;text-align:center;}
.user-right .list-table .wc50 {width:055px;text-align:center;}
.user-right .list-table .wc60 {width:060px;text-align:center;}
.user-right .list-table .wc70 {width:070px;text-align:center;}
.user-right .list-table .wc80 {width:080px;text-align:center;}
.user-right .list-table .w020 {width:020px;text-align:center;}
.user-right .list-table .w030 {width:030px;}
.user-right .list-table .w040 {width:040px;}
.user-right .list-table .w050 {width:050px;}
.user-right .list-table .w060 {width:060px;}
.user-right .list-table .w070 {width:070px;}
.user-right .list-table .w080 {width:080px;}
.user-right .list-table .w100 {width:100px;}
.user-right .list-table .w120 {width:120px;}
.user-right .list-table .w150 {width:150px;}
.user-right .list-table .w180 {width:180px;}
.user-right .list-table .w200 {width:200px;}
.user-right .list-table .w240 {width:240px;}
.user-right .list-table .w300 {width:300px;}
.user-right .list-table .w400 {width:400px;}
.user-right .list-table .w500 {width:500px;}

.user-right .list-table .table.noBorder td {padding-top:15px;padding-bottom:15px;border:none;}
.user-right .list-table .table.noBorder tr {border-bottom:1px solid #eee;}
.user-right .list-table .table .newMsg-icon {background:#ff0000;color:#fff;width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;padding:2px;border-radius:2px;}

.user-right .foot-bar {padding:20px 0;overflow:hidden;}
.user-right .foot-bar .item {float:left;margin-right:20px;}
.user-right .foot-bar .item span {cursor:pointer;}
.user-right .foot-bar .item span:hover {color:#ff8d1c;}


.user-right .user-photo {margin:0 0 20px 140px;width:120px;}
.user-right .user-photo .img {width:120px;height:120px;background:#eee;display:block;position:relative;overflow:hidden;border-radius:100%;box-shadow:0px 0px 3px 2px #ccc;}
.user-right .user-photo .img img {display:block;width:100%;}
.user-right .user-photo .img a {position:absolute;left:0;right:0;background:rgba(0,0,0,0.3);top:0;bottom:0;text-align:center;line-height:20px;padding:50px 0;color:#fff;transform:scale(0);opacity:0;}
.user-right .user-photo .img:hover a {transform:scale(1);opacity:1;}
.user-right .user-photo .txt {margin-top:10px;line-height:20px;text-align:center;}

.user-right form .formTable .checkboxList {white-space:normal;}
.user-right form .formTable .checkboxList span {color:#000;}

.user-right form .formTable .checkboxList.padding {padding-left:130px;border-bottom:1px solid #ddd;background:#fff;}
.user-right form .formTable .checkboxList.padding:last-child {border:none;}
.user-right form .formTable .checkboxList span {display:inline-block;margin:0 15px 0 5px;min-width:105px;}
.user-right form .formTable .checkboxList.padding .titleSpan {font-weight:bold;margin-left:-124px;}
.user-right form .formTable .checkboxList label,.user-right form .formTable .checkboxList input[type="checkbox"] {margin-left:0 !important;margin-right:5px !important;}


.user-right .list-table .two-level td.t {width:178px;text-indent:0;vertical-align:top;}
.user-right .list-table .two-level td {padding:6px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-right .list-table .two-level td div {float:left;margin:0 25px 0 0;width:178px;height:26px;overflow:hidden;}
.user-right .list-table .two-level td.t div {margin-right:0;}
.user-right .list-table .two-level td div * {float:left;display:inline-block;height:26px;line-height:26px;overflow:hidden;}
.user-right .list-table .two-level td div span {width:152px;text-overflow:ellipsis;white-space:nowrap;transition:all 300ms;}
.user-right .list-table .two-level td div .aicf {width:26px;visibility:hidden;text-align:center;transition:all 300ms;}
.user-right .list-table .two-level td div .aicf.hide-icon {visibility:visible;}
.user-right .list-table .two-level td div .aicf.del-icon {background:#F32A2A;}
.user-right .list-table .two-level td div .aicf.edit-icon {background:#008C23;}
.user-right .list-table .two-level td div:hover {background:#ddd;color:#333;}
.user-right .list-table .two-level td div:hover span {width:100px;text-indent:5px;}
.user-right .list-table .two-level td div:hover .aicf {color:#fff;}
.user-right .list-table .two-level td div:hover .aicf.hide-icon {background:#B15CEC;}
.user-right .list-table .two-level td div:hover .aicf:hover {color:#000;}
.user-right .list-table .two-level td div:hover .true {color:#fdff0f;}
.user-right .list-table .two-level td div:hover .true:hover {color:#000;}
.user-right .list-table .two-level td div:hover .aicf {visibility:visible;}


.user-right .filter-box {padding:20px;overflow:hidden;}
.user-right .filter-box>form {overflow:hidden;}
.user-right .filter-box .item {float:left;display:inline;line-height:36px;position:relative;margin-right:10px;}
.user-right .filter-box .item label {margin-left:0;}
.user-right .filter-box .item select {margin-right:0;}
.user-right .filter-box .item input[type="date"] {width:170px;}
.user-right .filter-box .placeholder {position:relative;line-height:36px;}
.user-right .filter-box .placeholder input {padding-left:30px;}
.user-right .filter-box .placeholder select {padding-left:50px;}
.user-right .filter-box .placeholder .label {position:absolute;z-index:10;left:10px;top:50%;margin-top:-10px;height:20px;color:#999;display:block;line-height:20px;}

@media only screen and (max-width:540px) {
	.user-right .form .formTable div.td.l {width:80px;}
	.user-right .form .formTable div.td.r {width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px); width: calc(100% - 100px);}

	.user-right .list-table .w200 {width:120px;}

	.user-right .text {width:180px;}
	.user-right .form .formTable td.l {vertical-align:top;width:100px;}
	.user-right .btn {min-width:60px;}
	.user-right .form .formTable input+span {display:block;margin-left:0;}
	.user-right .form .formTable span+a {margin-left:0 !important;display:block;}
	.getValidCode {margin-left:0 !important;}
}