@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-04-08 13:51:24
 * @version $Id$
 */

.masterListWrap{ background: #FFF; }

.masterListWrap .mlwDiv1{ background: #FFF; padding: 29px 39px 30px 44px; }
.masterListWrap .searchWrap{ float: left; padding: 0; }
.masterListWrap .searchStyle{ margin-right: 4px; }
.masterListWrap .searchStyle input.searchText{ width: 276px; }
.masterListWrap .searchStyle input.searchButton{ width: 45px; }


.masterListWrap span.changeConditionBtn{ padding-left: 10px; padding-right: 10px; display: inline-block; vertical-align: top; line-height: 40px; font-size: 14px; color: #999999; cursor: pointer; }


.masterListWrap .mlwDivRight1{ float: right; padding-top: 3px; }

span.dbListButton ,span.dbListButton span.dbListIcon ,span.dbListButton span.dbListText{ display: inline-block; vertical-align: top; }
span.dbListButton{ border: 1px solid #e8e8e8; padding-left: 11px; padding-right: 12px; cursor: pointer; }
span.dbListButton span.dbListIcon{ width: 20px; height: 32px; background-image: url('../images/dbIconHover.png'); background-repeat: no-repeat; background-position: 0 center; margin-right: 5px; }
span.dbListButton span.dbListText{ line-height: 32px; font-size: 14px; color: #222222; }

span.dbListButton:hover span.dbListIcon{ background-image: url('../images/dbIconActive.png'); }
span.dbListButton:hover span.dbListText{ color: #ff8487; }


.noMaster{ background: #f4f4f4; position: relative; display: none; }
.noMaster dl{ text-align: center; position: absolute; left: 50%; margin-left: -90px; top: 18.5%; }
.noMaster span.noMasterIcon{ display: inline-block; vertical-align: top; width: 126px; height: 82px; background: url('../images/noMasterIcon.png?v=0.1') no-repeat; }
.noMaster dd{ padding-top: 27px; }
.noMaster p.p01{ font-size: 18px; color: #222222; }
.noMaster p.p02{ font-size: 14px; color: #4f4f4f; padding-top: 7px; }


.comDiv01 .divRight{ float: right; }

.masterList{  }
.masterList li{ border-bottom: 1px solid #e8e8e8; position: relative; font-size: 14px; color: #515151; }
.masterList li:last-of-type{ border-bottom: none; }
.masterList li a{ text-decoration: none; }

.masterListDl{ padding: 17px 0 17px 25px; float: left; }
.masterListDl dt{ float: left; padding-top: 3px; }
.masterListDl dt .headPortraitWrap{ display: block; border: 1px solid #ebebeb; overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.masterListDl dt img{ display: inline-block; vertical-align: top; width: 82px; height: 82px; }
.masterListDl dd{ float: left; padding-left: 11px; font-size: 14px; }

.masterListDl .masterName ,
.masterListDl span.tikTokIdWrap ,
.masterListDl span.labelWrap{ display: inline-block; vertical-align: top; line-height: 22px; }
.masterListDl .masterName{ font-size: 16px; color: #222222; margin-right: 15px; }
.masterListDl .masterName:hover{ color:#fe5850; }

.masterListDl span.spanIcon1{ display: inline-block; vertical-align: top; height: 22px; background-repeat: no-repeat; background-position: center; }
.masterListDl span.genderIcon-boy{ width: 15px; background-image: url(../images/masterDetails-boyIcon.png); margin-right: 5px; }
.masterListDl span.genderIcon-girl{ width: 15px; background-image: url(../images/masterDetails-girlIcon.png); margin-right: 5px; }
.masterListDl span.vIcon{ width: 12px; background-image: url(../images/masterDetails-vIcon.png); margin-right: 5px; }
.masterListDl span.shoppingCartIcon{ width: 16px; background-image: url(../images/masterDetails-shopcartIcon.png); }

.masterListDl span.tikTokIdWrap{ padding-left: 15px; }
.masterListDl span.labelWrap{ padding-left: 25px; }

.masterListDl span.biaoTi{ color: #999999; vertical-align: top; }

.masterListDl p.p02{ padding-top: 10px; }

.masterListDl span.signature{ display: inline-block; width: 435px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.masterListDl .div01{ padding-top: 13px; }
.masterListDl .div01 span.spanWrap{ display: inline-block; vertical-align: top; margin-right: 35px; }
.masterListDl .div01 span.spanWrap:last-of-type{ margin-right: 0; }
.masterListDl .div01 p.spanWrapP01{ font-size: 15px; padding-top: 1px; color: #4F4F4F; }



.masterList .scDbWrap{ position: absolute; top: 50px; right: 27px; z-index: 50; }
.masterList .scDbWrap span.scButton,
.masterList .scDbWrap span.scIcon,
.masterList .scDbWrap span.dbButton,
.masterList .scDbWrap span.dbIcon{ display: inline-block; vertical-align: top; }
.masterList .scDbWrap span.scButton,
.masterList .scDbWrap span.dbButton{ position: relative; padding: 2px; cursor: pointer; }

.masterList .scDbWrap span.smallTiShi{ display: none; width: 69px; height: 33px; line-height: 26px; font-size: 12px; color: #666666; text-align: center; background: url('../images/smallTiShi.png'); position: absolute; right: 12px; bottom: 24px; z-index: 20; }


.masterList .scDbWrap span.scButton{ margin-right: 10px; }
.masterList .scDbWrap span.scIcon,
.masterList .scDbWrap span.dbIcon{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; }
.masterList .scDbWrap span.scIcon{ background-image: url('../images/scIcon.png'); }
.masterList .scDbWrap span.scButton:hover span.scIcon{ background-image: url('../images/scIconHover.png'); }
.masterList .scDbWrap span.scButton:hover span.smallTiShi{ display: block; }
.masterList .scDbWrap span.scButtonActive span.scIcon,
.masterList .scDbWrap span.scButtonActive:hover span.scIcon{ background-image: url('../images/scIconActive.png'); }

.masterList .scDbWrap span.dbIcon{ background-image: url('../images/dbIcon.png'); }
.masterList .scDbWrap span.dbButton:hover span.dbIcon{ background-image: url('../images/dbIconHover.png'); } 
.masterList .scDbWrap span.dbButton:hover span.smallTiShi{ display: block; }
.masterList .scDbWrap span.dbButtonActive{}
.masterList .scDbWrap span.dbButtonActive span.dbIcon,
.masterList .scDbWrap span.dbButtonActive:hover span.dbIcon{ background-image: url('../images/dbIconActive.png'); }



.commonMask{ width: 100%; height: 100%; background: rgba(0,0,0,0.1); position: fixed; left: 0; top: 0; z-index: 500; display: none; }

.changeConditionDialog{ background: #eeeeee; width: 846px; border: 1px solid #e8e8e8; position: fixed; right: 0; bottom: 0; z-index: 510; overflow-x: hidden; overflow-y: auto; display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.ccDialogTitle{ height: 59px; border-bottom: 1px solid #e8e8e8; position: relative; }
.ccDialogTitle h3{ line-height: 59px; float: left; padding-left: 22px; font-size: 20px; color: #222222; font-weight: normal; }
.ccDialogTitle span.ccDialogClose{ width: 30px; text-align: center; line-height: 30px; position: absolute; top: 15px; right: 15px; font-size: 24px; cursor: pointer; color: #8c8c8c; }
.ccDialogContent{ width: 100%; padding-top: 8px; }
.changeConditionDialog .buttons{ padding: 20px 82px; }
.changeConditionDialog .buttons input{ font-size: 14px; color: #7e7e7e; background: #fbfbfb; border: none; padding: 4px 14px; cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; }
.changeConditionDialog .buttons input.submitButton{ margin-right: 7px; background: #ff6275; color: #FFF; }