html{height: 100%;background: #e5e5e5;}
.main{}

.item-type{margin-top: 40px;}
.item-type .type-box{width: 460px;margin: auto;}
.item-type ul{font-size: 0;}
.item-type ul li{display: inline-block;vertical-align: middle;width: 50%;box-sizing: border-box;text-align: center;position: relative;border-bottom: 5px solid #dcdcdc;}
.item-type ul li.on{border-bottom: 5px solid #49c1be;}
.item-type ul li p{font-size: 24px;color: #595757;line-height: 30px;padding: 25px 0;}
.item-type ul li.on p{color: #49c1be}

.item-list{margin: 30px 0 0;padding-bottom: 100px;}
.item-list .list-box{width: 460px;margin: auto;}
.item-list ul{padding: 0 20px;}
.item-list ul li{font-size: 0;margin-bottom: 25px;position: relative;box-sizing: border-box;padding-left: 50px;border: 1px solid #e9e9e9;position: relative;background: #fff;}
.item-list ul li:last-child{margin-bottom: 0;}
.item-list ul li:before{display: block;content: "";position: absolute;top: 0;left:  23px;bottom: 0;margin: auto;width: 33px;height: 33px;}
.item-list ul li.phone:before{background: url('../images/icon-phone.png')no-repeat;background-size:100% 100%;}
.item-list ul li.captcha:before{background: url('../images/icon-captcha.png')no-repeat;background-size:100% 100%;}
.item-list ul li.password:before{background: url('../images/icon-password.png')no-repeat;background-size:100% 100%;}
.item-list ul li.password2:before{background: url('../images/icon-password2.png')no-repeat;background-size:100% 100%;}
.item-list ul li.name:before{background: url('../images/icon-name.png')no-repeat;background-size:100% 100%;}
.item-list ul li.sex:before{background: url('../images/icon-sex.png')no-repeat;background-size:100% 100%;}
.item-list ul li.birth:before{background: url('../images/icon-birth.png')no-repeat;background-size:100% 100%;}
.item-list ul li.region:before{background: url('../images/icon-region.png')no-repeat;background-size:100% 100%;}
.item-list ul li .input-text{font-size: 18px;color: #595757;height: 50px;border: 0;width: 100%;outline:none;padding: 0 20px;box-sizing: border-box;}
.item-list ul li.captcha p{position: absolute;top: 0;bottom: 0;right: 0;width: 150px;height: 50px;margin: auto;font-size: 18px;color: #ffffff;line-height: 50px;z-index: 1;background: #49c1be;text-align: center;cursor:pointer;}
.item-list ul li.sex .sex-name{display: inline-block;vertical-align: middle;font-size: 18px;color: #595757;line-height: 50px;width: 30%;}
.item-list ul li.sex .radio-box{display: inline-block;vertical-align: middle;width: 30%;}
.item-list ul li.sex .radio-box .input-radio{display: inline-block;vertical-align: middle;width: 30px;height: 30px;margin-right:  10px;}
.item-list ul li.sex .radio-box p{font-size: 18px;display: inline-block;vertical-align: middle;color: #595757;line-height: 50px;}

.item-list .xieyi{text-align: center;margin-top: 30px;}
.item-list .xieyi .input-checkbox{display: inline-block;vertical-align: middle;width: 25px;height: 25px;background: #fff;margin-right:  10px;cursor:pointer;}
.item-list .xieyi p{font-size: 18px;color: #595757;display: inline-block;vertical-align: middle;cursor:pointer;}

.item-list .button{margin: 20px 75px 0;text-align: center;}
.item-list .button p{font-size: 20px;color: #ffffff;line-height: 50px;padding:  0;background: #49c1be;cursor:pointer;}


.item-xieyi{top: 0;bottom: 0;height: 100%;padding: 70px;box-sizing: border-box;z-index: 1000;display: none;}
.item-xieyi.on{display: block;}
.item-xieyi .xieyi-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: .3;}
.item-xieyi .xieyi-list{background: #fff;position: relative;padding: 40px 20px;height: 100%;box-sizing: border-box;width: 800px;margin: auto;}