.myfooter{ width: 100%; height: 50px; background: rgba(0,0,0,.2); position: absolute; bottom: 0px;}
.myfooter p{ font-size: 14px; line-height: 50px;}
.reset{ background: #5badea; }
.my_yzm{ position: relative;}
.yzm{ position: absolute; top: 25px; right: 6px; width: 110px;}
.myhead{ position: absolute; top: 0px; width: 100%; height: 50px; background: rgba(0,0,0,.1); }
.myhead p{ float: left; padding: 16px 0px 0px 20px;}
.myhead a{ float: right; text-decoration: none; color: #4fb5e4; padding: 18px 20px 0px 0px; font-size: 14px;}
.page-container h1{ width: 305px; text-align: center; display: block; margin: 0 auto;}
.page-container{ background: #FFFFFF; border-radius: 10px; width: 305px; padding: 30px 40px 30px 40px;}
.myselect{ margin-top: 20px;}
.myselect select{ width:302px; height: 42px; color: #333333; border-radius:5px;  outline: none; font-size: 14px; padding: 0px 10px; }
.myselect select option{ width:302px; height: 42px; line-height: 42px; display: block;  overflow: hidden;}
.myselect img{ position: absolute; top: 20px; right: 10px; width: 8px;}
.page-container input{ background: #FFFFFF; border:  1px solid #CCCCCC; color: #333333; }
/*input::-webkit-input-placeholder { 
　　color:#2a509e;
　　}
　　input:-moz-placeholder { 
　　color:#2a509e;
　　}
　　input::-moz-placeholder { 
　　color:#2a509e;
　　}
　　input:-ms-input-placeholder {
　　color:#2a509e;
　　}*/


input::-webkit-input-placeholder,
        input{
           color:#333333;
        }
    　　 input:-moz-placeholder,
        input{
            color:#333333;
        }
    　　input:-ms-input-placeholder,
        input{
            color:#333333;
        }
.my_yzm a img{ position:absolute; top:32px; right: 20px; }
.my_yzm .code1 { width: 160px; margin-left: -45px;}