/* ----------header----------- */
button{outline: none;}
::-webkit-input-placeholder { /* WebKit browsers */
color:#ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#ccc;
}
#scroller-pullDown,#scroller-pullUp{display:none;}
li{list-style:none;}
.ovfHiden{overflow:hidden;height:100%;}
.header{
position: relative;
height: 45px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-size: 1.0rem;line-height:45px;padding:0px 10px;
background-color: #00bf49;color: #fff;
/*#5EC2E6 #34D68D 65CC66*/
}
.header a{color:#fff;}
.header i{font-size:1.2rem;}

.header dt:first-child{
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.header dt:last-child{
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
flex: 2;text-align:center;
}
.header dd{
box-flex: 6;
-webkit-flex: 6;
flex: 6;text-align:center;
}
.center{text-align:center;}
.main{width:200px;margin:0px auto;margin-top:20%}
.main img{width:50%;}
.mymid {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 40px;
    background: url(../activity/images/boxbg.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}