body,div,p,h1,h2,h3,h4,h5,h6,ol,ul,li{margin: 0px; padding: 0px;}

#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: 0px; top: 10px; color: #f00; font-size: 12px;}
#activity—container{margin: 0 auto; width: 100%; padding: 0px; max-width: 420px; min-height: 360px; background-color: #fff; box-shadow: 0px 0px 7px #eeeeee; display:none; position: fixed; width: 420px;left: 50%; top:50%; transform: translateY(-50%) translateX(-50%);text-align: center;border-radius: 5px; z-index:9999;}
#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; position:relative;}
#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\0; background: rgba(41, 130, 182); color: #fff; border: none; border-radius: 3px !important; cursor: pointer; display: block;}
#activity—container button:active{background: rgba(41, 130, 182, .9);}
.tip-message{padding: 15px 10px 15px 15px; font-size: 14px; line-height: 20px; text-align:left; 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;}

#activity—container .winclose{
width: 36px;
height: 36px;
position: absolute;
top: -12px;
right: -12px;
display: block;
background: transparent url(https://cn.uniview.com/pub/2021_CPSE/images/close.png) no-repeat center center;
opacity: .8; cursor:pointer;
}
@media (max-width: 480px) {
#activity—container{max-width: 100%; max-width:90%;}
.activity—container-row span{right: -5px;}
}