.en {
    width: 100%;
    padding-top: 30px;
    margin-bottom: 30px;
}
.en .en-body {
    width: 100%;
    height: calc(100% - 450px);
    background: #fff;
    padding-bottom: 50px;
}
.en .en-tile {
    height: 70.5px;
    border-bottom:1px solid #f0f0f0;
}
.en .en-tile h2 {
    display: inline-block;
    margin-left: 20px;
    font-size: 18px;
    color: #333333;
    line-height: 67.5px;
    letter-spacing: 0;
    border-bottom: 3px solid #ff9900;
}
.en .en-word {
    width: 500px;
    margin-top: 50.5px;
    margin-left: 300px;
}
.en-word .en-star {
    font-size: 18px;
    color: #FF5050;
    letter-spacing: 0;
    margin-right: 5px;
    vertical-align: sub;
}
.en-word div {
    height: 45px;
    margin-bottom: 20px;
    line-height: 45px;
}
.en-word .en-w-roll {
    margin: 0;
    padding-left: 47px;
}
.en-w-user,
.en-w-pass,
.en-w-company,
.en-w-qq,
.en-w-email,
.en-w-phone{
    padding-left: 47px;
}
.en-word .en-w-person {
    height: 35px;
    padding-left: 150px;
    margin-top: -13px;
    position: relative;
}
.en-w-person span {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    margin-left: 10px;
}
.en-w-person input {
    display: none;
    position: absolute;
}
.en-w-person input + label {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.en-w-person input:checked + label {
    background: #ff9900;
    width: 17px;
    height: 17px;
    border: none;
}
.en-w-person input:checked + label:before {
    content: '';
    width: 10px;
    height: 4px;
    position: absolute;
    top: 18px;
    left: 151px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.en-word .en-w-roll label,
.en-word .en-w-user label,
.en-word .en-w-pass label,
.en-word .en-w-contacts label,
.en-word .en-w-company label,
.en-word .en-w-phone label,
.en-word .en-w-qq label,
.en-word .en-w-email label,
.en-word .en-w-developer label,
.en-word .en-w-adMan label{
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    margin-right: 46px;
}
.en-word .en-w-user input,
.en-word .en-w-pass input,
.en-word .en-w-contacts input,
.en-word .en-w-company input,
.en-word .en-w-phone input,
.en-word .en-w-qq input,
.en-word .en-w-email input {
    display: inline-block;
    width: 338px;
    height: 43px;
    border: 1px solid #ccc;
    padding-left: 10px;
    font-size: 14px;
    float: right;
    color: #333;
}
.en-w-user,
.en-w-pass,
.en-w-contacts,
.en-w-company,
.en-w-phone,
.en-w-qq,
.en-w-email,
.en-w-roll,
.en-w-adMan,
.en-w-developer,
.en-w-agree {
    position: relative;
}
.en-w-pass span:nth-of-type(2),
.en-w-user span:nth-of-type(2),
.en-w-contacts span:nth-of-type(2),
.en-w-company span:nth-of-type(2),
.en-w-phone span:nth-of-type(2),
.en-w-qq span:nth-of-type(2),
.en-w-email span:nth-of-type(2),
.en-w-roll span:nth-of-type(2),
.en-w-developer span:nth-of-type(2),
.en-w-adMan span:nth-of-type(2),
.en-w-agree > span {
    position: absolute;
    top: 0;
    right: -405px;
    width: 365px;
    font-size: 14px;
    color: #FF5050;
}
.en-w-adMan span:nth-of-type(2) {
    right: -586px;
    top: 50px;
}
.en-w-developer span:nth-of-type(2) {
    top: 50px;
}
.en-w-pass span:nth-of-type(2)::before,
.en-w-user span:nth-of-type(2)::before,
.en-w-contacts span:nth-of-type(2)::before,
.en-w-company span:nth-of-type(2)::before,
.en-w-phone span:nth-of-type(2)::before,
.en-w-qq span:nth-of-type(2)::before,
.en-w-email span:nth-of-type(2)::before,
.en-w-roll span:nth-of-type(2)::before,
.en-w-developer span:nth-of-type(2)::before,
.en-w-adMan span:nth-of-type(2)::before,
.en-w-agree > span::before  {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: -25px;
    background: url("https://imge.dangbei.com/edangbei/home/images/错误.png") no-repeat;
}
.en-w-adMan span:nth-of-type(2)::before,
.en-w-developer span:nth-of-type(2)::before {
    top: -7px;
}



.en-word .en-w-developer,
.en-word .en-w-adMan{
    height: 100px;
    line-height: 0;
    margin: 0;
}
.en-word .en-w-developer div,
.en-word .en-w-adMan div{
    width: 168px;
    height: 108px;
    border: 1px dashed #ccc;
    float: right;
    position: relative;
    margin: 0;
}
.en-word .en-w-developer div input,
.en-word .en-w-adMan div input{
    display: block;
    opacity:0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index:99;
    position: absolute;
}
.en-word .en-w-developer div span,
.en-word .en-w-adMan div span {
    position: absolute;
    top: 43px;
    left: 70px;
    display: inline-block;
    width: 31px;
    height: 3px;
    background: #d8d8d8;
}
.en-word .en-w-developer div span:before,
.en-word .en-w-adMan div span:before {
    content: '';
    position: absolute;
    left: 14px;
    top: -14px;
    width: 3px;
    height: 31px;
    background: #d8d8d8;
}
.en-word .en-w-developer div p,
.en-word .en-w-adMan div p {
    display: inline-block;
    font-size: 14px;
    color: #999;
    position: absolute;
    bottom: 7px;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.en-word .en-w-sub,
.en-word .en-w-agree{
    width: 350px;
    float: right;
}
.en-word .en-w-agree {
    position: relative;
    margin-bottom: 10px;
}
.en-word .en-w-agree input {
    display: none;
    position: absolute;
}
.en-word .en-w-agree input + label {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.en-word .en-w-agree input:checked + label {
    background: #ff9900;
    width: 16px;
    height: 16px;
    border: none;
}
.en-word .en-w-agree input:checked + label:before {
    content: '';
    width: 9px;
    height: 3px;
    position: absolute;
    top: 19px;
    left: 1px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.en-word .en-w-agree p {
    display: inline-block;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    margin-left: 10px;
}
.en-word .en-w-agree p span {
    color: #50bdf7;
}
.en-word .en-w-sub button {
    display: inline-block;
    width: 100%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #ff9900;
    border: none;
    cursor: pointer;
}
.en-word .en-w-sub button:hover {
    background: #e57a00;
}
.en-word .en-w-sub p {
    font-size: 14px;
    color: #999999;
    text-align: center;
    letter-spacing: 0;
}
.en-word .en-w-sub p a {
    color: #50bdf7;
}

/*广告主*/
.en-word .en-w-adMan {
    margin-left: -16px;
    width: 336px;
    margin-bottom: 0;
}

.en-ad-pic img , .en-card-z img, .en-card-f img {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 90;
}