.designers-banner{ height: 445px; background: url(../images/designers/designers-banner@bg.jpg) center no-repeat;}
.designers-banner .release-requirement{ display: inline-block; width: 500px; margin-top: 344px;}
.designers-banner .release-requirement a{ display:inline-block; width: 204px; height: 48px; line-height: 48px; text-align: center; border-radius: 10px; color: #fff;}
.designers-banner .release-requirement a.publish{ background-color: #3d45c3;}
.designers-banner .release-requirement a.publish:hover{ background-color: #2831c7;}
.designers-banner .release-requirement a.enter{ background-color: #1ad079; margin-left: 87px;}
.designers-banner .release-requirement a.enter:hover{ background-color: #11c670; margin-left: 87px;}
.designers-search-container{ padding: 25px 0;}
.designers-search-container .lines{ position: relative; padding-left: 87px; margin-bottom: 15px;}
.designers-search-container .lines .dt{ position: absolute; left: 0; display: inline-block; width: 80px; padding: 3px 0; color: #a4b0be;}
.designers-search-container .lines a{ display: inline-block; border-radius: 3px; padding: 3px 13px; }
.designers-search-container .lines a:hover{ background-color: #f1f2f6;}
.designers-search-container .lines a.active{ background-color: #f1f2f6; color: #191c3d;}

.designers-search-container .lines .other .seach-select{ width: 73px; height: 26px; border: 2px solid #d8d8db; border-radius: 6px; margin: 0 5px;}
.designers-search-container .lines .other input{ margin-right: 5px;}
.designers-search-container .lines .other label{cursor: pointer; margin-left: 10px;}

.designers-container{ background-color: #f1f2f6;}
.designers-container .designers-body{ padding:50px 0 20px} 
.designers-container .designers-body .title{ margin-bottom: 30px;}
.designers-container .designers-body .title h3{ display: inline-block; font-size: 24px;}
.designers-container .designers-body .title p{ display: inline-block; color: #a4b0be; margin-left: 5px;}
.designers-container .designers-body .designers-list{ overflow:hidden;}
.designers-container .designers-body .designers-list .item { float: left; margin: 0 26px 26px 0; width: 240px; height: 349px; padding: 25px 20px; background-color: #fff;}
.designers-container .designers-body .designers-list .item:nth-child(4n){ margin-right: 0px;}
.designers-container .designers-body .designers-list .item .info{}
.designers-container .designers-body .designers-list .item .info .p-photo{ display: inline-block; width: 91px; height: 118px;}
.designers-container .designers-body .designers-list .item .info dl{ display: inline-block; vertical-align: top; width: 122px; margin-left: 22px;}
.designers-container .designers-body .designers-list .item .info dl .name{ font-size: 18px;}
.designers-container .designers-body .designers-list .item .info dl .lv{ color: #a4b0be;}
.designers-container .designers-body .designers-list .item .info dd{ font-size: 12px; margin-top: 12px;}
.designers-container .designers-body .designers-list .item .price{ color: #a4b0be; margin-top: 16px; border-bottom: 2px solid #f0f5f8; padding-bottom: 30px;}
.designers-container .designers-body .designers-list .item .price span{ font-size: 24px; margin-right: 5px; color: #fc3869; font-family:Arial, Helvetica, sans-serif;}
.designers-container .designers-body .designers-list .item .price .employ{ margin-top: 18px;}
.designers-container .designers-body .designers-list .item .price .employ a{ display: inline-block; width: 110px; height: 36px; border-radius: 36px; color: #fc3869; line-height: 35px; text-align: center; display: inline-block; border: 1px solid #fc3869;}
.designers-container .designers-body .designers-list .item .price .employ a.GYbtn{ background-color: #fc3869; color: #fff; margin-right: 12px;}
.designers-container .designers-body .designers-list .item .price .employ a.GYbtn:hover{ background-color: #ef1b50; color: #fff; }
.designers-container .designers-body .designers-list .item .tag{ margin-top: 18px;}
.designers-container .designers-body .designers-list .item .tag span{ display: inline-block; background-color: #f1f2f6; padding: 2px 6px; margin-bottom: 15px; margin-right: 7px;}
.designers-container .designers-body .designers-list .item .tag span:nth-child(3n){ margin-right: 0;}

.designers-detail-banner{ height: 335px; background-color: #e3ecf2;}
.designers-detail-banner .designersItem{ display: inline-block; width: 620px; margin-top: 59px;}
.designers-detail-banner .designersItem .head{ display: inline-block; vertical-align: middle; width: 205px; height: 205px; border-radius: 205px; border:2px solid #fff ; background-size: cover; }
.designers-detail-banner .designersItem .info{ display: inline-block; vertical-align: middle; width: 360px; margin: 0 0 0 35px;}
.designers-detail-banner .designersItem .info p{ margin-bottom: 10px;}
.designers-detail-banner .designersItem .info p.name{ font-size: 16px; color: #989da0;}
.designers-detail-banner .designersItem .info p.name span{ font-size: 32px; color: #1e272e; margin-right: 8px;}
.designers-detail-banner .designersItem .info p.price{ font-size: 16px; color: #989da0; }
.designers-detail-banner .designersItem .info p.price span{ font-size: 32px; color: #fc3869; margin-right: 8px;}

.designers-detail-container .title{ overflow: hidden; background-color: #fff; padding: 30px 0;}
.designers-detail-container .title h3{ float: left; font-size: 24px;}
.designers-detail-container .title .employ{ float: right;}
.designers-detail-container .title .employ a{ display: inline-block; width: 110px; height: 36px; border-radius: 36px; color: #fc3869; line-height: 35px; text-align: center; display: inline-block; border: 1px solid #fc3869;}
.designers-detail-container .title .employ a:hover{ color: #f7144d; border: 1px solid #f7144d;}
.designers-detail-container .title .employ a.GYbtn{ background-color: #fc3869; color: #fff; margin-right: 12px;}
.designers-detail-container .title .employ a.GYbtn:hover{ background-color: #f71c53; color: #fff; }
.designers-detail-container .designers-detail-body{ background-color: #f2f5f7;}
.designers-detail-container .designers-detail-body .designers-detail-list{ overflow: hidden; padding: 40px 0 0;}
.designers-detail-container .designers-detail-body .designers-detail-list .item{ float: left; overflow: hidden; width: 282px; height: 322px; margin: 0 24px 25px 0; background-color: #fff; border-radius: 12px;}
.designers-detail-container .designers-detail-body .designers-detail-list .item:nth-child(4n){ margin-right: 0;}
.designers-detail-container .designers-detail-body .designers-detail-list .item dl{ padding: 15px 15px;}
.designers-detail-container .designers-detail-body .designers-detail-list .item .p-img{ height: 205px; overflow: hidden;}
.designers-detail-container .designers-detail-body .designers-detail-list .item .p-img img{ width: 282px; height: 205px; transition: 0.3s;}
.designers-detail-container .designers-detail-body .designers-detail-list .item .p-img:hover img{ transform: scale(1.06); }
.designers-detail-container .designers-detail-body .designers-detail-list .item dt{ font-size: 16px; margin-bottom: 10px;}
.designers-detail-container .designers-detail-body .designers-detail-list .item dd{ color: #989da0;}


/*自定义复选框*/
input[type="checkbox"] {
    -webkit-appearance: none;
    background: url(../images/user/checkbox@icon.png) 0 0 no-repeat;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 25px;
    cursor: pointer;
    outline: none;
}

input[type="checkbox"]:checked {
    background: url(../images/user/checkbox@icon.png) -27px 0 no-repeat #fff;
}