/*.main { padding-bottom: 295px; }*/
.wrap { overflow: hidden; }
.userWrap { opacity: 0.9; width: 344px; background-color: #fff; padding: 53px 48px; margin: 84px auto 75px auto; border-radius: 5px; }
.loginLogo { text-align: center; margin-bottom: 32px; }
.userWrap table { width: 100%; font-size: 14px; font-family: 'Microsoft YaHei'; }
    .userWrap table td { padding-bottom: 28px; position: relative; }
    .userWrap table input { width: 322px; border: 1px solid #cccccc; height: 32px; font-size: 12px; font-family: 'simSun'; padding: 0 10px; margin-top: 10px; }
        .userWrap table input:focus { border: 1px solid #e60012; outline: none; }
.userWrap .valCode { width: 140px; margin-right: 12px; }
.userWrap table td label { font-size: 12px; color: #df0615; position: absolute; left: 2px; bottom: 11px; }
.codeAgain { font-size: 12px; font-family: 'simSun'; cursor: pointer; }
    .codeAgain:hover { color: #e60012; }
.codeImg { margin-bottom: -6px; }
.operate { font-size: 12px; color: #666666; font-family: 'simSun'; margin-top: 14px; }
    .operate .reset { float: right; color: #666666; }
        .operate .reset:hover { color: #e60012; }
    .operate img { margin: 0 10px -3px; }
.loginBtn { width: 100%; height: 33px; line-height: 33px; text-align: center; cursor: pointer; margin: 33px 0 11px; font-size: 12px; font-family: 'simSun'; color: #fff; background-color: #e60012; }
    .loginBtn:hover { opacity: 0.8; }
.copyRight { color: #a8aaab; font-size: 12px; font-family: 'simSun'; width: 100%; text-align: center; position: absolute; left: 0; bottom: 23px; }
.loginBtn.sure { margin: 17px 0 14px 0; }
.userWrap table .resetCode { width: 225px; margin-right: 6px; }
.getCode { width: 85px; padding: 10px 13px; cursor: pointer; background-color: #e60012; color: #fff; font-size: 12px; font-family: 'simSun'; }
    .getCode:hover { opacity: 0.9; }
.success { font-size: 18px; font-family: 'Microsoft YaHei'; color: #333; text-align: center; margin: 107px 0 102px 0; }
.relogin { display: block; }
.downList{min-height: 164px;}
.downList ul { zoom: 1; overflow: hidden; margin-top: 20px; display: none; }
    .downList ul:first-child { display: block; }
.downList li { float: left; border-bottom: 1px dotted #ccc; padding: 20px 0; width: 44.5%; }
    .downList li img { float: left; 
        
        width: 114px;
        height: 114px;
    }
    .downList li a { height: 33px; vertical-align: middle; display: table-cell; width: 395px; padding-left: 15px; font-size: 14px; font-family: 'simSun'; color: #666; font-weight: bold; overflow: hidden; letter-spacing: 1px; }

.downloadTip{display: none; box-shadow: 0 0 32px -2px #666;  font-family: 'simSun';background-color: #fff; width: 286px;height: 182px; padding: 101px 77px 92px 77px;  position: fixed;z-index: 2; top: 50%;left: 50%;margin-top: -187.5px;margin-left: -220px;}
.downloadTip p{font-size: 24px;color: #333;text-align: center;font-family: 'Microsoft YaHei';}
.downloadTip div{text-align: center; font-size: 14px; color: #666;line-height:25px;padding: 31px 0 51px 0;}
.downloadTip a{width: 95px;height: 35px;font-size: 12px;line-height: 35px;text-align: center;display: block;color: #fff;background-color: #df0615;border-radius: 5px;margin: 0 auto}
.downloadTip a:hover{opacity: 0.8;}
.downloadTip .login:hover{float:none;opacity: 0.8;color:#fff;}


.applyTitle { font-size: 24px; text-align: center; margin: 25px 0 40px; color: #333; }
.applyContent { font-family: 'simSun'; font-size: 12px; font-weight: bold; color: #666666; width: 825px; margin: 0 auto; }
    .applyContent ul { overflow: hidden; zoom: 1;padding-bottom: 9px; }
        .applyContent ul li {position: relative; width: 44.5%; float: left; text-align: right; margin: 9px 0; }
            .applyContent ul li input { width: 220px; padding: 0 10px; border: 1px solid #cccccc; height: 34px; border-radius: 4px; outline: none; }
                .applyContent ul li input:focus { border: 1px solid #e60012; }
    .applyContent span.must { color: #e60012; font-weight: normal; }
.selectWrap { overflow: hidden; padding: 18px 0 14px 0; }
    .selectWrap > p { float: left; }
    .selectWrap > div { float: left; font-weight: normal; position: relative;}
    .selectWrap label { float: left; margin-bottom: 5px; }
        .selectWrap label input { vertical-align: middle; }

.cityWrap { margin-left: 32px; }
    .cityWrap input { width: 78px; border: none; border-bottom: 1px solid #666; outline: none; padding: 0 5px; }
    .cityWrap br { display: none; }

.business { margin-left: 56px; }
    .business input[type="checkbox"] { border: 1px solid #cccccc; -webkit-appearance: checkbox; }
    .business input[type="text"] { border: none; border-bottom: 1px solid #666; outline: none; padding: 0 5px; width: 240px; }
    .business label { margin-left: 30px; }
        .business label:first-child { margin-left: 5px; }


.experience { margin-left: 20px; }
    .experience input[type="text"] { border: none; border-bottom: 1px solid #666; outline: none; padding: 0 5px; width: 240px; }
    .experience input[type="checkbox"] { border: 1px solid #cccccc; -webkit-appearance: checkbox; }
    .experience input[type="radio"] { border: 1px solid #cccccc; -webkit-appearance: radio; }
    .experience > div div { float: left; margin-left: 35px; }
        .experience > div div:first-child { margin-left: 5px; }
    .experience label { margin-left: 20px; margin-bottom: 16px; }
        .experience label:first-child { margin-left: 0px; }



.sale input { width: 78px; border: none; border-bottom: 1px solid #666; outline: none; padding: 0 5px; }

.textarea p { margin: 28px 0 15px 0; }
.applyContent .textarea textarea { width: 98%; border: 1px solid #ccc; min-height: 100px; padding: 10px 1%; border-radius: 5px; }

.applyContent .submit { display: block; text-align: center; border-radius: 5px; width: 95px; height: 35px; line-height: 35px; color: #fff; background-color: #df0615; font-family: 'simSun'; font-weight: normal; cursor: pointer; margin: 48px auto 70px auto; }
    .applyContent .submit:hover { opacity: 0.9; }

.applyContent label.error{position: absolute;font-size: 12px;color: #e60012; font-family: 'simSun';font-weight: normal;}
.applyContent ul li label.error{  right: 0; bottom: -17px;}

.cityWrap  label.error{left: 0;
    bottom: -20px;}
.business label.error{left: -25px;
    bottom: -13px;}
.experience label.error{left: -16px;
    bottom: -16px;}




.joinIntroduce { font-family: 'Microsoft YaHei'; }

.firstTitle{padding-top: 16px !important;}
.itemTitle { font-size: 24px; font-weight: bold; text-align: center; color: #333; letter-spacing: 1px; padding: 50px 0; }
.joinIntro { overflow: hidden; padding-bottom: 20px; }
.introDetail { float: left; width: 76%;font-size: 14px; font-family: 'simSun';color: #666;line-height: 20px;}
.joinIntro .img { float: left; width: 24%; text-align: center; }
.joinIntro .img img{max-width: 100%;}

.joinIntroduce .odd { background-color: #f3f3f3; }

.advatage { overflow: hidden; }
.advatageWrap { overflow: hidden; position: relative; }
    .advatageWrap .item { width: 168px; padding-bottom:55px; float: left; background-color: #fff; margin-right: 40px; }
        .advatageWrap .item p { font-size: 18px; color: #e60012; text-align: center; position: relative; padding: 12px 0; }
            .advatageWrap .item p span { position: absolute; width: 33px; border-bottom: 3px solid #e60012; left: 50%; margin-left: -16px; bottom: 0; }
.itemBtn { padding: 46px 0 27px; text-align: center; }
    .itemBtn span { display: inline-block; width: 10px; height: 10px; background-color: #bababa; border-radius: 50%; margin: 0 5px; }
    .itemBtn span.active{background-color: #df0615;}

.applyBtn { display: block; width: 195px; height: 50px; background-color: #df0615; color: #fff; line-height: 50px; text-align: center; margin: 15px auto 75px auto; border-radius: 5px; font-size: 18px; }
.applyBtn:hover{opacity: 0.8;}
.container .phone{display: none;}

/*寮圭獥*/
.tipMask{background: url(../images/bannerbg1px.png) repeat;position: fixed;height: 100%;width: 100%;    top: 0;
    left: 0;z-index: 9999;display: none;}
.tipPopBox{display: none;width: 583px;height: 248px;position: fixed;top: 50%;left: 50%;background: #fff;text-align: center;margin-top: -124px;margin-left: -291.5px;z-index: 99999;}
.tipPopBox .popClose{position: absolute;top: 22px;right: 17px;display: block;width: 19px;height: 19px;background: url(../images/popdelete01.png) no-repeat;}
.tipPopBox .popClose:hover{background: url(../images/popdelete.png) no-repeat;}
.tipPopBox p{ font-size: 18px;
    font-family:\5FAE\8F6F\96C5\9ED1;
    color: #333;margin-top: 10px;    margin-top: 16px;
    letter-spacing: 0.9px;padding: 0 5px;display: -webkit-box;
-webkit-line-clamp: 2;overflow: hidden;
-webkit-box-orient: vertical;
word-break: break-all;}
.tipPopBox img{    margin-top: 24px;}  
.tipPopBox .submitWrap a{font-size: 14px;display: inline-block;
    font-family: '\5B8B\4F53';
    color: #999;border: 1px solid #ccc;letter-spacing: 16px;
    margin:0 8.5px;background: #fff;
    width: 95px;
    padding-left: 20px;
    height: 38px;
    line-height: 38px;    } 
.tipPopBox .submitWrap a:hover{opacity: 0.8;}
.tipPopBox .submitWrap a.sure{border: 1px solid #df0615;background: #df0615; color: #fff;}
.tipPopBox .submitWrap{margin-top: 29px;} 







@media (max-width: 1024px) {
    .downList li a { font-size: 12px; }
}

@media (max-width: 1024px) {
    /*.main { padding-bottom: 170px; }*/
}

@media (max-width: 826px) {
    .applyContent { width: 100%; }
        .applyContent ul li input { width: 145px; }
    .business > div { width: 58%; }
    .business label { margin-left: 15px; }
        .business label:first-child { margin-left: 15px; }
    .experience > div { width: 70%; }
        .experience > div div { width: 63%; }
            .experience > div div:first-child { width: 31px; }
    .experience label { margin-left: 20px !important; }
    .experience > div div:first-child label { margin-left: 0 !important; }
}

@media (max-width: 767px) {
    .downList li { width: 100%; }
    .applyContent ul li { width: 100%; }
        .applyContent ul li input { width: 220px; }
    .business input[type="text"] { width: 122px; }
    .experience input[type="text"] { width: 122px; }
    .sale { line-height: 20px; }


    .tipPopBox { width: 320px; margin-left: -160px; }
}

@media (max-width: 480px) {
    .userWrap { width: 250px; padding: 53px 20px; }
        .userWrap table input { width: 228px; }
        .userWrap .valCode { width: 93px; margin-right: 10px; }
        .userWrap .codeAgain m { display: none; }
        .userWrap table .resetCode { width: 128px; }

    .introDetail { float: none; width: 100%; }
    .joinIntro .img { float: none; width: 100%; }


    .applyContent ul li input { width: 50%; }
    .cityWrap br { display: block; }
    .cityWrap > div input { width: 125px; }
    .cityWrap > div { line-height: 22px; }
    .experience > div div { margin-left: 9px; }
    .experience > div div { width: 100%;margin-left:5px; }
    .experience > div { width: 57%; }
    .experience label { margin-left: 0px !important; }

    .downloadTip{ width: 156px; padding: 81px 77px 92px 77px; margin-top: -177.5px;margin-left: -155px;}
    .container .phone{display: block;}
     .container .pc{display: none;}

     .business label.error{left: 0px;}
.experience label.error{left: 0px;}

.itemTitle{padding: 40px 0;}

.applyContent .submit{margin-bottom: 31px;}

.selectWrap > p{width: 42%;text-align: right;}
.selectWrap {margin-left: 0px;}
.userWrap{margin-top: 40px;}
.userWrap table td{padding-bottom: 23px;}
.userWrap table td label{bottom: 6px;}
.loginBtn{margin: 20px 0 0px;}
.info span{display: none;}
}