@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-05-06 16:53:58
 * @version $Id$
 */


.masterContrast{}

.yxdr{ border-bottom: 1px solid #e8e8e8; display: none; }
.yxdr .yxdrTitle{ background: #fbfbfb; padding-left: 36px; }
.yxdr .yxdrTitle h3{ line-height: 50px; font-size: 14px; color: #222222; font-weight: normal; }


.yxdr .yxdrContent{ padding: 12px 19px 19px; }

.yxdr .noYxdrList{ display: none; width: 154px; height: 68px; background: #fafafa; }
.yxdr .noYxdrList span{ display: block; font-size: 12px; color: #666666; text-align: center; line-height: 16px; padding: 9px 15px 0; }

.yxdr .yxdrList{ text-align: center; }
.yxdr .yxdrList li{ display: inline-block; vertical-align: top; padding: 14px 10px; text-align: left; border: 1px solid #e8e8e8; margin-right: 9px; position: relative; }
.yxdr .yxdrList li:last-of-type{ margin-right: 0; }
.yxdr .yxdrList dl dt{ float: left; border: 1px solid #e8e8e8; overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.yxdr .yxdrList dl dt img{ vertical-align: top; max-width: 36px; }
.yxdr .yxdrList dl dd{ color: #4f4f4f; font-size: 12px; line-height: 16px; padding-top: 3px; padding-left: 9px; width: 85px; float: left; }

.yxdr .yxdrList span.deleteButton{ display: none; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 14px; background: #4595e6; color: #FFF; cursor: pointer; position: absolute; top: -1px; right: -1px; }


.yxdr .yxdrList li:hover{ border-color: #4595e6; border-style: dashed; }
.yxdr .yxdrList li:hover span.deleteButton{ display: block; }

.yxdr .buttons{ text-align: center; padding-top: 20px; display: none; }
.yxdr .buttons input{ width: 168px; height: 30px; border: none; background: #4285f4; font-size: 14px; color: #fbfbfb; cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
.yxdr .buttons input:disabled{ background: #fafafa; color: #888888; cursor: auto; }





.tjdr{ padding-top: 19px; padding-bottom: 19px; }

.searchStyle{ display: inline-block; vertical-align: top; height: 38px; border: 1px solid #e8e8e8; }
.searchStyle input.searchText{ vertical-align: top; padding-left: 9px; padding-right: 9px; height: 38px; border: none; font-size: 14px; }
.searchStyle input.searchButton{ vertical-align: top; height: 38px; border: none; background: #ff4b4f url('../images/icon-search.png') no-repeat center; }

.searchWrap{ padding-bottom: 19px; text-align: center; }
.searchWrapPaddingTop{ padding-top: 100px; }
.searchWrap span.biaoTi{ font-size: 14px; color: #222222; line-height: 40px; padding-right: 11px; }
.searchWrap .searchStyle{ text-align: left; }
.searchWrap .searchStyle input.searchText{ width: 420px; }
.searchWrap .searchStyle input.searchButton{ width: 44px; }

.noMasterContrast{ display: none; }
.noMasterContrast dl{ text-align: center; padding-top: 20px; padding-bottom: 20px; }
.noMasterContrast span.noMasterIcon{ display: inline-block; vertical-align: top; width: 126px; height: 82px; background: url('../images/noMasterIcon.png?v=0.1') no-repeat; }
.noMasterContrast dd{ padding-top: 27px; }
.noMasterContrast p.p01{ font-size: 18px; color: #222222; }

.tjdrList{ padding-left: 79px; }
.tjdrList li{ width: 336px; height: 94px; float: left; border: 1px solid #e8e8e8; margin-bottom: 10px; margin-right: 10px; }
.tjdrList li:nth-of-type(even){ margin-right: 0; }
.tjdrList li a{ display: block; }
.tjdrList dl{ width: 286px; float: left; padding-left: 14px; padding-top: 16px; }
.tjdrList dl dt{ float: left; border: 1px solid #e8e8e8; overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.tjdrList dl dt img{ vertical-align: top; max-width: 61px; }
.tjdrList dl dd{ width: 203px; float: left; padding-top: 7px; padding-left: 9px; }
.tjdrList dl .div01 .masterName{ font-size: 14px; color: #222222; float: left; }
.tjdrList dl .div01 .divRight{ float: right; }
.tjdrList dl .div01 .divRight span.spanIcon1{ display: inline-block; vertical-align: top; height: 20px; background-repeat: no-repeat; background-position: 0 center; margin-right: 10px; }
.tjdrList dl .div01 .divRight span.spanIcon1:last-of-type{ margin-right: 0; }
.tjdrList dl .div01 .divRight span.genderIcon-boy,
.tjdrList dl .div01 .divRight span.genderIcon-girl{ width: 14px; }
.tjdrList dl .div01 .divRight span.genderIcon-boy{ background-image: url('../images/masterDetails-boyIcon.png'); }
.tjdrList dl .div01 .divRight span.genderIcon-girl{ background-image: url('../images/masterDetails-girlIcon.png'); }
.tjdrList dl .div01 .divRight span.vIcon{ width: 12px; background-image: url('../images/masterDetails-vIcon.png'); }
.tjdrList dl .div01 .divRight span.shoppingCartIcon{ width: 16px; background-image: url('../images/masterDetails-shopcartIcon.png'); }

.tjdrList dl p.p01{ font-size: 14px; color: #999999; padding-top: 5px; }

.tjdrList .liRight{ float: right; border-left: 1px solid #e8e8e8; }
.tjdrList .liRight button{ width: 30px; height: 94px; line-height: 14px; background: #fafafa; border: none; font-size: 14px; color: #888888; cursor: pointer; }
.tjdrList .liRight button:hover{ color: #4595e6; }
.tjdrList .liRight button:disabled{ background: #4595e6; color: #FFF; cursor: auto; }


.tjdrList li:hover{ border-color: #4595e6; }
.tjdrList li:hover .masterName{ color: #4595e6; }