html,body{background: #f7f7f7;}
.upBg{height: 538px;background-size: auto 538px;background-position: center center;background-repeat: no-repeat;}
.con{width: 1080px;background: #fff;margin: 0 auto;padding: 44px 0 100px;}
.zcTit{font-size: 28px;color: #383838;font-weight: normal;text-indent: 55px;padding-bottom: 11px;border-bottom: 1px dashed black;background: url("../img/yellow_fly.png") 15px 7px no-repeat;}

.conForm{padding: 34px 0 0 78px;}
.row{margin-bottom: 43px;}
.row dl:after{content: '';display: block;clear: both;}
.row:after{content: '';display: block;clear: both;}
.row dl{float: left;}
.row dt{min-width: 85px; color: #121212;font-size: 14px;float: left;margin-right: 27px;line-height: 30px;}
.row dd{min-height: 30px; float: left;margin-right: 20px;line-height: 30px;}

.row1 dd,.row3 dd,.row5 dd{border: 1px solid #c9c9c9;background: #f8f8f8;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius:5px;-o-border-radius:5px; padding: 0 20px;position: relative;}
.row1 dd{width: 609px;height: 29px;}
.row1 input,.row3 input,.row5 input{width: 100%;height: 100%;background: transparent;border: none;float: left;}




.row3 dd{width: 222px;height: 29px;}
.row3 span{position: absolute;left: 275px;top: 1px;font-size: 14px;}

.row5 dd{width: 124px;height: 29px;}
.row5 span{position: absolute;left: 175px;top: 1px;font-size: 14px;}

.demo3 li{width: 100px;height: 30px;border: 1px solid #c9c9c9;float: left;margin-right: 20px;}
.row5down{margin-left: 200px;}

.row6 dd{width: 520px;height: 29px;border: 1px solid #c9c9c9;background: #f0f0f0;border-radius: 5px;padding: 0 20px;color: #a9a9af;}
.row6 p{width: 80px;height: 30px;float: right;background: #fafafa;margin:-1px -21px 0 0;border-radius: 5px; position: relative;border: 1px solid #c9c9c9;text-align: center;}
.row6 input[type='file']{width: 100%;height: 100%;border: 1px solid red;position: absolute;left: 0;top: 0;opacity: 0;}
.imgName{display: inline-block;width: 400px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.imgBox{padding: 5px 0 0 56px;}

.scDemo dt{font-size: 16px;color: #454545;float: left;margin-right: 25px;line-height: 94px;}
.row .sco{float: left;width: 88px;height: 79px;border: 1px solid #e5e5e5;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius:5px;-o-border-radius:5px;background: #f5f8f9;color: #989898;font-size: 43px;font-weight: 800;line-height: 79px;text-align: center;position: relative;margin-right: 98px;}
.sco input[type='file']{width: 100%;height: 100%;border: 1px solid red;position: absolute;left: 0;top: 0;filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;}

.sco p{max-width: 300%; position: absolute;top: 86px;font-size: 12px;line-height: 14px;color: #8c8c8c;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.cheOut{padding:25px 0 27px 0;}
.cheOut p,.mesChe p{width: 13px;height: 13px; border: 1px solid #dcdcdc;float: left;margin-right: 7px;background-size: 12px 11px;background-repeat: no-repeat;background-position: 0 1px;margin-top: 8px;background-color: #f8f8f8;}
.cheOut p input[type='checkbox'],.mesChe p input[type='checkbox']{float: left;width: 100%;height: 100%;}
.row .cheOut{width: 600px;font-size: 16px;color: #969696;}
.row .ts{width: 600px; margin-top: 30px;font-size: 12px;color: #6f6f6f;line-height: 20px;}

.upLoad{padding : 30px 45px 55px 0;}
.upLoad h4,.message h4,.rowXq h4{padding-bottom: 15px;border-bottom: 1px dashed black;font-size: 18px;color: #121212;font-weight: 600;margin-bottom: 13px;}
.message{padding-right: 45px;}
.message h4 span{font-size: 12px;color: #f18d00;float: right;margin: 10px 15px 0 0;}

.mesLis{margin: 53px auto;display: table;}
.mesLis li{margin-bottom: 31px;overflow: hidden;}
.mesLis span{float: left;font-size: 16px;color: #424242;line-height: 40px;margin-right: 26px;}
.mesLis div{width: 210px;height: 38px;border: 1px solid #c9c9c9;float: left;padding: 0 20px;}
.mesLis input[type='text']{width: 100%;height: 100%;float: left;border: none;background: transparent;font-size: 16px;color: #c8c8c8;}

.mesChe span{color: #5d5d5d;font-size: 14px;line-height: 30px;}
.mesChe a{color: #f18d00;}

.send input{width: 114px;height: 38px;border: 1px solid #dcdcdc;background: #f18d00;font-size: 18px;color: #fff;line-height: 38px;text-align: center;display: block;margin: 80px auto;}
.cheOutT span{margin-right: 60px;float: left;}

.mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 10;}
.maskBg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;
    filter: Alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;  }
.maskInner{width: 100%;height: 100%;position: fixed;left: 0;top: 0;display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;-webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    -webkit--moz-box-pack:center;
    box-pack:center;align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;}
.box{width: 765px; border: 10px solid #f28d01;background: url("../img/fbbg.jpg") 0 0 repeat;}
.bHead{padding: 16px 122px 15px 23px;color: #424242;line-height: 26px;background: url("../img/fbHbg.png") right top no-repeat;border-bottom: 1px solid #e4e4e4;}
.bHead span{color: #ff4040;}
.bCon h4{text-align: center;padding: 20px 0;display: table;margin: 0 auto;}
.bCon h4 span{font-size: 24px;color: #393939;float: left;}
.bCon h4 span:nth-child(1),.bCon h4 span:nth-child(3){width: 70px;height: 6px;margin-top: 15px;}
.bCon h4 span:nth-child(1){background: url("../img/fbL.png") 0 0 no-repeat;}
.bCon h4 span:nth-child(2){margin: 0 10px;}
.bCon h4 span:nth-child(3){background: url("../img/fbR.png") 0 0 no-repeat;}

.bInner{width: 467px;margin: 0 auto;}
.bINum p{float: left;font-size: 20px;color: #424242;}
.bIsrBox{float: left;width: 240px;height: 30px;border: 1px solid #9f9f9f;border-radius: 5px;position: relative;margin-left: 15px;}
.txt{float: left;margin-left: 10px;line-height: 30px;}
.endTs a{font-size: 18px;color: #ff0000;}
.bIpo:after{
    content: '';
    display: block;
    border-top: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    right: 3px;top: 11px;
}
.bINum .bISr{width: 90%;height: 100%;border: none;background: transparent;padding-left: 10%;}
.bIpo{width: 72px;height: 30px;position: absolute;right: 0;top: 1px;background: #ff8a00;cursor: pointer;}
.bIpo ul{width: 100%; background: #f2f2f2;font-size: 18px;color: #7b7b7b;position: absolute;top: 30px;left: 0;text-align: center;display: none;}
.bIpo:hover .bIpoUl{display: block;}
.bIpo ul li{padding: 8px 0;}
.bIpo span{font-size: 20px;color: #fff;text-align: center;display: block;width: 100%;height: 100%;text-indent: -10px;line-height: 30px;}
.ts{font-size: 12px;color: #ff0000;margin: 25px 0 45px 0;}
.bIBut{text-align: center;}
.bIBut a{padding: 5px 20px;font-size: 16px;border-radius: 5px;}
.bIBut a:nth-child(1){background: #ededed;color: #424242;border: 1px solid #9c9c9c;margin-right: 17px;}
.bIBut a:nth-child(2){background: #ff8a00;color: #fff;border: 1px solid #ff8a00;}

.endTs{font-size: 14px;color: #393939;margin-top: 38px;padding: 0 50px 30px 120px;line-height: 30px;}
.endTs span{color: #ff0000;}


 .boxMask:hover .liBox{display: block;}
        .flTit{width: 277px;height: 30px;background: #f8f8f8;border: 2px solid #c9c9c9;border-radius: 5px;position: relative;}
        .flTit:after{
            content: '';
            display: block;
            border-top: 7px solid black;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;position: absolute;right: 10px;top: 50%;margin-top: -3px;
        }
        .flTit input{width: 75%;height: 100%;display: block;background: transparent;border: none;outline: none;padding: 0 30px;}
        .liBox .active{background: #fff;border: 2px solid #f39800;border-right: none;width: 201px;}
        .liBox{position: relative;display: none;}
        .liBox li{height: 33px;text-indent: 12px;color: #2f2f2f;font-size: 14px;line-height: 33px;background:#f2f1f1;}
        .lBul1,.lBul2,.lBul3{float: left;position: absolute;top:0;background: #fff;}
        .lBul1{left: 0;width: 200px;z-index: 100;}
        .lBul1 li{background: #f2f1f1;width: 200px;}
        .lBul2,.lBul3{width: 220px;border: none;}
        .lBul2{left: 201px;z-index: 50;}
        .lBul3{left: 421px;z-index: 20;}
        .liBox .act{background: #fff;}
        .lBul3 li{background: #fff;}