#activity-container,
#activity-container input,
#activity-container select, #activity-container select,
#activity-container textarea{box-sizing:border-box;}
.activity-container-body{padding: 20px;}
.activity-container-row{margin-bottom: 15px;/* padding-left: 50px;*/ position: relative;}
.activity-container-row.submit{margin-bottom: 0px; padding-left: 0px;}
.activity-container-row label{position: absolute; left: 0px; top: 0px; width: 50px; height: 35px; display: block;}
.activity-container-row label.name{/*padding:4px 5px 4px 50px! important;*/ background: url(../images/face.png) no-repeat 10px center; background-size: 50% auto;}
.activity-container-row label.tel{/*padding:4px 5px 4px 50px! important;*/ background: url(../images/mobile.png) no-repeat 10px center; background-size: 50% auto;}
.activity-container-row label.company{/*padding:4px 5px 4px 50px! important;*/ background: url(../images/building.png) no-repeat 10px center; background-size: 50% auto;}
.activity-container-row label.area{background: url(../images/area.png) no-repeat 10px center; background-size: 50% auto;}
.activity-container-row label.file{background: url(../images/file.png) no-repeat 10px center; background-size: 48% auto;}
.activity-container-row input{dispaly:inline-block!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:3px!important;font-size:14px!important;line-height:35px!important;height:35px!important;color:#555!important;padding:4px 5px!important}
.activity-container-row textarea{dispaly:inline-block!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:3px!important;font-size:14px!important;line-height:25px!important;height:100px!important;color:#555!important;padding:4px 5px!important; font-family: '黑体';}
.activity-container-row span{position: absolute; right: 5px; top: 10px; color: #f00; font-size: 12px;}
#activity-container input[type="checkbox"]{margin-right:10px; width:auto; vertical-align:middle;}
.activity-container-row.agreement{margin-top:-30px;}
.activity-container-row.agreement a{font-size:14px;}
.activity-container-row.agreement span{margin-left:10px; position: static; right: auto; top: auto; line-height:24px;}

#activity-container input[type="checkbox"]{margin-right:10px; width:auto; vertical-align:middle;}
.activity-container-row.agreement{margin-top:-30px;}
.activity-container-row.agreement a{font-size:14px;}
.activity-container-row.agreement span{margin-left:10px; position: static; right: auto; top: auto; line-height:24px;}
#activity-container input.iqtel{width:40%;}
#activity-container input.chkcode{margin:0 5px; width:29%;}
#activity-container button.btncode{width:20%; height:50px; display:inline-block; background-color:rgb(255, 255, 255); color:#333; border:1px solid #ccc;}
#activity-container button.btncode:hover{background-color:rgb(247, 250, 255);}
#activity-container button.btncode.gray{color:#999;}

#activity-container{margin: 0 auto; width: 100%; padding: 0px; max-width: 560px; min-height: 440px; position: relative; background-color: #fff; box-shadow: 0px 0px 7px #eeeeee; position: relative;}
#activity-container h1{padding: 8px 0px 8px 20px; font-size: 18px; color: #fff; font-weight: normal; font-family: arial; background-color: #2982b6; border-top-right-radius: 5px; border-top-left-radius: 5px;}
#activity-container .close{position: absolute; right: 10px;  top: 10px; width: 25px; height: 25px; background: url(../images/close.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
#activity-container input,
#activity-container select,
#activity-container textarea{width: 96%; border:1px solid #ccc!important;border-radius:3px!important;}
#activity-container input:focus,
#activity-container textarea:focus{outline:auto 5px focus-ring-color!important;outline:initial!important}
#activity-container input.vcode{width: 100px;}
#activity-container img.vcode{margin-left: 10px; display: inline-block; vertical-align: top;}
#activity-container select{width: 100%; dispaly:inline-block!important; background-color:#fff!important;border:none;font-size:14px!important;line-height:33px!important;height:33px!important;color:#555!important;padding:4px 5px!important}
#activity-container select.type{width: 96%;}
#activity-container select.area{margin-right: 5px; width: 45%; border:1px solid #ccc!important;border-radius:3px!important;}
#activity-container input.error{}
#activity-container button{margin: 0 auto; padding:1px 6px 2px!important; width: 80px; height: 35px; font-size: 14px; line-height: 35px; background-color: #2982b6; background: rgba(5, 96, 246); color: #fff; border: none; border-radius: 3px !important; cursor: pointer; display: block;}
#activity-container button:active{background: rgba(5, 96, 246, .9);}
#activity-container button.disabled{background: #ddd; cursor:default;}
.tip-message{padding: 15px 10px 15px 15px; font-size: 14px; line-height: 20px; border-radius: 5px; background-color: #f8f8f8;}
.activity-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;text-align:center; font-size: 14px; line-height: 24px;}
.activity-tip{display:none;position:absolute;top:150px;left:50%;width:200px;margin-left:-100px;z-index:99999;padding:5px;border:1px solid #faebcc;border-radius:4px;text-align:center}
.success-pannel{position: absolute; left:0px; right:0x; top: 0px; bottom:0px; width:100%; height: 100%; display: none; background-color:#fff; text-align: center;}
.success-pannel p{margin: 80px 0px 10px; color: green; line-height:32px;}
@media (max-width: 480px) {
#activity-container{max-width: 100%;}

#activity-container input.chkcode{margin:0 5px 0px 0px; width:45%;}
#activity-container button.btncode{width:45%; height:50px; display:inline-block; background-color:rgb(255, 255, 255); color:#333; border:1px solid #ccc;}
#activity-container input.iqtel{width:96%; margin-bottom:10px;}

}