html,body,li,ul,p {
    width:100%;
    margin:0;
    padding:0;
}

li,ul {
    list-style:none;
}

a, a:hover {
    text-decoration: none;
}

body,input,select,textarea {
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
    background-color:#BEC5CF;
    font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",-apple-system,BlinkMacSystemFont,"Liberation Sans","Hiragino Sans GB","Microsoft YaHei","Microsoft JhengHei","Source Han Sans CN","Source Han Sans SC","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimSun,"WenQuanYi Zen Hei Sharp",sans-serif
}



.clear {
    clear:both;
}

.header {
    padding:15px 10px;
    background-image:url("http://appoint.anotherhelp.com/images/25_HeaderBg.jpg");
    background-position: center 0%;
    background-repeat: no-repeat;
    background-size:100%;
}

.header-title {
    text-align: center;
    color:#EEBE00;
}

.header-desc {
    text-align: center;
    color:#fff;
}

.title {
    color:#666666;
    text-align: center;
    background-color:#FAFBFC
}

.block {
    padding:5px 10px;
    font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft JhengHei","Source Han Sans CN","Source Han Sans SC","Wenquanyi Micro Hei","WenQuanYi Zen Hei",sans-serif;
}

.content {
    background-color:#FAFBFC;
    padding-bottom: 40px;
}

.content p {
    color:#666666;
    font-weight: normal;
    text-align: left;
    line-height: 1.4;

    font-size:14px;
    margin-top:16px;

    word-break:initial;
    white-space: normal;
    font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft JhengHei","Source Han Sans CN","Source Han Sans SC","Wenquanyi Micro Hei","WenQuanYi Zen Hei",sans-serif;
}

.title hr {
    border:0 none;
    border-top:1px solid #d3d3d3;
    text-align:center;
}

.submit {
    text-align: center;
    background-color:#FAFBFC;
    padding:20px 30px;
}

.submitBtn {
    display: inline-block;

    text-align: center;
    border-radius: 2px;
    box-sizing:border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn {
    display:inline-block;
    max-width:100%;
    min-width: 60%;
    text-align: center;
    border-radius: 2px;
    box-size:border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #3c4453;

}

.float-block {
    float:left;
    width:49%;
}

.left-btn {
    width:100%;
}

.copyright {
    padding-top:20px;
    padding-bottom: 20px;
    text-align: center;
    background-color:#BEC5CF;
}

.poweredBy {
    display:inline-block;
    line-height: 20px;
    height: 20px;
}

.poweredBy-logo {
    float:left;
    display: inline-block;
    width:20px;
    line-height: 20px;
    height: 20px;
    margin-right:4px;

    background: url(http://appoint.anotherhelp.com/images/logo.png) center center no-repeat;
    background-size:100%;
}

.poweredBy-title {
    float:left;
    display: inline-block;
    height:20px;
    font-size:12px;
    color:rgba(0,0,0,.5);
}

.info-content {
    background-color:#FAFBFC;
}

.info-title {
    margin-top:4px;
    color:#333333;
    font-size:16px;
}

.info-required {
    margin-left:5px;
    color:#da2824;
}

.info-input {
    position:relative;
    color:#000;
    background:#fff;
    padding:0;
    border:1px solid #d3d3d3;
    margin-top:6px;
}

.info-input i {
    position:absolute;
    top:1px;
    left:6px;
    bottom:0px;
}

.info-input input {
    position:relative;
    width:100%;
    height:100%;
    resize:none;
    border-radius:0;
    outline:0;
    border:0px;
    font-size:14px;
    padding: 8px 5px;
    background-color:transparent;
}

.input-prefix {
    padding-left:22px;
}

.info-radio {

}

.info-radio ul {
    margin-top:6px;
    position:relative;
}

.info-radio li {
    float:left;
    cursor:pointer;
    position:relative;
    width:100%;
}

.info-raido li p {
    padding-left:5px;
    position:relative;
    width:100%;
    text-align:left;
}

.submitWrapper {
    position:relative;
    left:0;
    right:0;
    overflow: hidden;
}

.submit .btnPrev {
    float:left;
    width:49%;
}

.btnSubmit {
    width:49%;
    height: 36px;
}

.info-content-list ul{
    position:relative;
    margin-top:6px;
}


.optionList {
    float:left;
    width:48%;
    cursor:pointer;
    position:relative;
}

.info-content-list svg {
    position:absolute;
    display: inline-block;
    width:20px;
    height: 20px;
    color:#c5c5c6;
}


.info-content-list span {
    display: inline-block;
    padding:4px 0 4px 25px;
    word-wrap:break-word;
    word-break:break-word;
}

.error-tip {
    line-height: 14px;
    font-size:12px;
    color:#da2824;
    padding:2px 5px;
    display:none;
}

.input-error {
    border:1px solid #da2824;
}

.thanks-text {
    text-align: center;
    padding:10px 0;
}

.text-title {
    margin-bottom:20px;
    font-size:20px;
    line-height: 25px;
    color:#333333;
}

.text-subtitle {
    font-size:14px;
    color:#666666;
    line-height: 20px;
}

.thanks-content {
    min-height: 70px;
    border-top:0 none;
    padding:20px 30px 40px 30px;
}

.thanks-image {

    padding:10px 0;
    text-align:center;
}

.img {
    width:100%;
}