html { font-size: 12px;}
body { background: #f5f5f5; }
img { width: 100%; height: auto;}
.hAlertContent{ position: absolute; top: 6.5%; left: 10.3%; width: 80.7%; height: auto;}
.hAlertContent1{ position: absolute; top: 12.7%; left: 10.3%; width: 80.7%; height: auto;}
.hAlertContent .hClosetop {width:40px; height:40px; position: absolute;  z-index: 9; right:0%; top:37%}
.hAlertContent1 .hClosetop {width:40px; height:40px; position: absolute;  z-index: 9; right:0%; top:37%}
.hAlertContent .hClosetop1 {width: 41%;  height: 9%;  position: absolute;  z-index: 9;  left: 29%;  top: 84%;}
.hAlertContent1 .hClosetop1 {width: 40%;  height: 12%;  position: absolute;  z-index: 9;  left: 30%;  top: 77%;}
.alertArrow { position: absolute; top:-60%; right: 0; width: 30%; height: auto;}
.kbjMain{ position: relative; width: 100%; height: 100%; overflow: auto; }
.kbjop { position: absolute; width: 100%; height: auto; left: 0; top: 0; z-index: 1;}
.kbjop1 { position: absolute; width: 100%; height: auto; left: 0; top: 0; z-index: 1;}
.kbjshare {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.kbjCon { display: none; width: 100%; height: auto;}
.shareAlert { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}
.opbtn { position: absolute;  width: 33%;  height: 4%;  left: 34%;  bottom: 5%; cursor:pointer}
.conImg { position: relative; width: 100%; height: auto; font-size: 0;}
.dati {  position: absolute; width: 85%; height: auto; left: 7.5%; top: 15.5%; }
.datiCont { position: absolute; width: 85%; height: 70%; left: 7%; top: 20%; padding: 0 2%;}
.datiQ {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 5% auto;
    color: #787876;
    font-size: 1.3rem;
    line-height: 1.7rem;
}
.datiForm { position: absolute; width: 68%; }
.pos0 { left: 23%; top: 35%; height: 49%;}
.pos1 { left: 23%; top: 33.5%; height: 52%;}
.pos2 {     left: 23%;  top: 52%;  height: 45%;}
.buttonRule { top:45%;}
.datiLabel { position: relative; display: block; width: 100%; height: 33.333%; line-height: 1.5rem;}


.datiInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    margin: 0;
    left: -25px;
    top: -1px;
    padding: 2px;
    background: url("/image_site/event/2018/02/kbj/img/img_check.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px; height: 20px; outline: none; border: none; border-radius:1px;}
.datiInput:checked { -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    margin: 0;
    left: -25px;
    padding: 2px;
    top: -1px;
    background: url("/image_site/event/2018/02/kbj/img/img_checked.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px; height: 20px; outline: none; border: none; border-radius:1px;}
.datiFormSub {    position: absolute;
    width: 34%;
    height: 37%;
    left: 33%;
    top: 22%;
    cursor:pointer}
.kbjed { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.textTitle { font-size: 1.8rem; width: 95%; height: auto; line-height: 2rem; margin-bottom: 4%; color: #7b7877;}
.textCont { font-size: 1.1rem; width: 95%; height: auto; line-height: 2rem;  color: #7b7877; letter-spacing: 1px;}
.jifenText { font-size: 1.2rem; margin-left:10.5%; text-align: center;  width: 78%; height: 5%; line-height: 2rem; background: #e60b28;  color: #fff; letter-spacing: 1px; margin: 4% auto}
.edBtn { width: 90%; height: auto; margin-left: 5%; }
.btn1 { width: 41%; float: left;}
.btn3 { width: 41%; float: left;}
.btn1 a  { display: block; width: 100%; height: 100%;}
.btn3 a  { display: block; width: 100%; height: 100%;}
.btn2 { width: 41%; height:100%; float: right;}
.btn4 { width: 41%; height:100%; float: right;}
.alertBox {  position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 2; line-height: 1.5rem; overflow: hidden; background: rgba(0, 0, 0, 0.69); z-index: 12;}
.alertBox1 {  position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 2; line-height: 1.5rem; overflow: hidden; background: rgba(0, 0, 0, 0.69); z-index: 12;}
.layerbodyimg { position: absolute;left: 26%; top: 38%; font-size: 1.1rem; width: 50%; height: 3rem; overflow: hidden; color: #cb416b; text-align:center;}
.shareBtn { position: absolute; top: 82.5%;  left: 17%;  width: 68%;  height: 6%; }