.shejishiye {

  width:100%; margin:20px auto; background:#FFF;

}



.shejishiye .designer-list .designer-carder {

    width: 280px;

    float: left;

    height: 433px;

    margin: 10px 0px 0 15px;

}



.shejishiye .designer-list .designer-carder .designer-msg {

    margin: 10px auto;

    width: 268px;

    height: 410px;

    background: #f7f7f7;

    position: relative;

    transition: all .5s

}



.shejishiye .designer-list .designer-carder .designer-msg.reward:after {

    content: '';

    display: block;

    position: absolute;

    width: 70px;

    height: 27px;

    top: 290px;

    right: -4px;

    background-image: url(../images/sjslib_03.png);

    background-size: 100%;

    background-position: center

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-photo {

    width: 100%;

    height: 322px;

    position: relative;

	overflow:hidden;

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ktal {

    transition: all .5s;

    width: 55%;

    position: absolute;

    z-index: 10;

    background: #333;

    color: #fff;

    border: 0;

    bottom: 0;

    left: 0;

    border-radius: 0;

    opacity: 0;

    filter: alpha(opacity=0)

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ktal:hover {

    background: #000

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .tuijian {

    position: absolute;

    left: 0;

    top: 10px;

    width: 68px;

    height: 26px;

    background: #e74c3c;

    border-radius: 0 0 15px 0;

    color: #fff;

    line-height: 26px

}

.designer-photo img{transition: all 0.6s;}

.designer-photo img:hover{transform: scale(1.2);}

.shejishiye .designer-list .designer-carder .designer-msg .designer-photo .ztsj {

    transition: all .5s;

    width: 45%;

    position: absolute;

    bottom: 0;

    border: 0;

    right: 0;

    opacity: 0;

    border-radius: 0;

    filter: alpha(opacity=0)

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-name {

    font-size: 18px;

    color: #212628;

    margin-left: 10px;

    margin-right: 70px;

    height: 30px;

    line-height: 30px;

    position: relative

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-name span {

    font-size: 14px;

    margin-left: 11px

}



.shejishiye .designer-list .designer-carder .designer-msg .tag {

    position: absolute;

    width: 50px;

    border: #edecec 1px solid;

    background: #f6e6e6;

    height: 17px;

    color: #eb4f4f;

    line-height: 17px;

    text-align: center;

    font-size: 14px;

    top: 300px;

    left: 174px

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr {

    width: 265px;

    margin: auto;

    height: 25px;

    line-height: 25px;

	padding-left:10px;

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div {

    width: 125px;

    height: 25px;

    color: #666;

    float: left;

    font-size: 12px;

    line-height: 25px

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div span {

    color: #212628

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-alnr .div span:hover {

    color: #e74c3c

}





.designer-alnr {

    width: 265px;

    margin: auto;

    height: 25px;

    line-height: 25px;

	padding-left:10px;

}



.designer-alnr .div {

    width: 125px;

    height: 25px;

    color: #666;

    float: left;

    font-size: 12px;

    line-height: 25px

}



.designer-alnr .div span {

    color: #212628

}



.designer-alnr .div span:hover {

    color: #e74c3c

}



.shejishiye .designer-list .designer-carder .designer-msg .designer-hobbit {

    width: 265px;

    height: 25px;

    margin: auto;

    line-height: 25px;

	padding-left:10px;

}



.shejishiye .designer-list .designer-carder:hover {

    -ms-box-shadow: 0 0px 15px rgba(0,0,0,0.2);

    -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);

    box-shadow: 0 0px 15px rgba(0,0,0,0.2)

}



.shejishiye .designer-list .designer-carder:hover .designer-msg {

    background: #fff

}



.shejishiye .designer-list .designer-carder:hover .designer-msg .ktal {

    opacity: 1;

    filter: alpha(opacity=100)

}



.shejishiye .designer-list .designer-carder:hover .designer-msg .ztsj {

    opacity: 1;

    filter: alpha(opacity=100)

}







.button {

    display: inline-block;

    line-height: 1;

    white-space: nowrap;

    cursor: pointer;

    background: #fff;

    border: 1px solid #dcdfe6;

    color: #606266;

    -webkit-appearance: none;

    text-align: center;

    outline: none;

    transition: .1s;

    font-weight: 500;

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

    padding: 12px 0px;

    font-size: 14px;

    border-radius: 2px

}



.button.is-round {

    border-radius: 20px;

    padding: 12px 23px

}



.button.is-plain:focus,.button.is-plain:hover {

    background: #fff;

    border-color: #e74c3c;

    color: #e74c3c

}



.button.is-disabled,.button.disabled {

    opacity: .6;

    cursor: not-allowed

}



.button:hover,.button:focus {

    color: #000;

    border-color: #ddd;

    background-color: #f8f8f8

}



.button-primary {

    color: #fff;

    background-color: #e74c3c;

    border-color: #e74c3c

}



.button-primary:focus,.button-primary:hover {

    background: #d62c1a;

    border-color: #d62c1a;

    color: #fff

}



.button-primary.is-plain {

    color: #e74c3c;

    background: #fff;

    border-color: #e74c3c

}



.button-primary.is-plain:hover,.button-primary.is-plain:focus {

    background: #e74c3c;

    border-color: #e74c3c;

    color: #fff

}



.button-black {

    color: #fff;

    background-color: #333;

    border-color: #333

}



.button-black:focus,.button-black:hover {

    background: #1a1919;

    border-color: #1a1919;

    color: #fff

}



.button-black.is-plain {

    color: #333;

    background: #fff;

    border-color: #333

}



.button-black.is-plain:hover,.button-black.is-plain:focus {

    background: #333;

    border-color: #333;

    color: #fff

}



.button-transparent {

    color: #333;

    background: transparent;

    border-color: #333

}



.button-transparent.white {

    color: #fff;

    border-color: #fff

}



.button-transparent:hover,.button-transparent:focus {

    background: #e74c3c;

    border-color: #e74c3c;

    color: #fff

}