@charset "utf-8";
*{margin:0;padding:0;}
html,body{font-family: "PingFang SC" ;font-size: 14px;padding-bottom: 20px}
input,button,textarea,select{outline: none;background-color: #fff}
h2{color: #3acde8;text-align: center;font-size: 18px;padding-top: 30px;}
button{outline: none;background-color: #fff;}
.content{padding-left: 30px;padding-right: -30px;}
.dogname{font-size: 16px;padding-top: 35px;width: 100%}
.dogbreed{font-size: 16px;padding-top: 25px;width: 100%}
.colorred{color: #cc0000;}
.dogname-input,.dogbreed-input,.dogcolor-input{display:table-cell;border: none; border-bottom: 1px solid #ccc;padding: 6px 5px;}
.dogbirthday-input{display:table-cell;border: none; border-bottom: 1px solid #ccc;padding: 6px 5px;}
.dogname-input,.dogbreed-input,.dogcolor-input{width: 75%;text-align: right;}
.dogbirthday-input{width: 66%;text-align: right;}
.explain{color: #cc0000;text-align: right;padding-top: 10px;width: 90%}
.dogsex .sexwidht input{background: url("../Image/select.png") no-repeat center}
.dogsex .malesex{background: url("../Image/select.png") no-repeat center}


/*犬名*/
.dogName{
    width:100%;
    margin: 0 auto;
    font-size: 16px;
    padding: 35px 0px 25px;
}
.dogName_left{
    display: inline-block;
}
.dogName_left span{
    color: #c00000;
}
.dogName_right{
    border: none;
    border-bottom: 1px #999999 solid;
    display: inline-block;
    width: 80%;
    margin-left: 0px;
}
.dogName_right input{
    border: none;
    width: 99%;
    text-align: right;
}


/*犬种*/
.dogBreed{
    width:100%;
    margin: 0 auto;
    font-size: 16px;
    padding: 0px 0px;
}
.dogBreed_left{
    display: inline-block;
}
.dogBreed_left span{
    color: #c00000;
}
.dogBreed_right{
    border: none;
    border-bottom: 1px #999999 solid;
    display: inline-block;
    width: 80%;
}
.dogBreed_right input{
    border: none;
    width: 93%;
    text-align: right;
}
.dogBreed_right span{
    background: url("../Image/arror.png") no-repeat center;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
}

/*毛色*/
.dogColor{
    width:100%;
    margin: 0 auto;
    font-size: 16px;
    padding: 25px 0px;
}
.dogColor_left{
    display: inline-block;
}
.dogColor_left span{
    color: #c00000;
}
.dogColor_right{
    border: none;
    border-bottom: 1px #999999 solid;
    display: inline-block;
    width: 80%;
}
.dogColor_right input{
    border: none;
    width: 93%;
    text-align: right;
}
.dogColor_right span{
    background: url("../Image/arror.png") no-repeat center;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
}

/*性别*/
.dogGender{
    width:100%;
    margin: 0 auto;
    font-size: 16px;
    padding: 0px 0px 0px;
}
.dogGender_left{
    display: inline-block;
}
.dogGender_left span{
    color: #cc0000;
}
.dogGender_right{
    display: inline-block;
    font-size: 15px;
}

.dogGender_right .choose_select{
    padding-left: 45px;
}
.dogGender_right .choose_select span{
    vertical-align: middle;
    /*display: inline-block;*/
}

.dogGender_right .choose_select .info_icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url("../Image/select.png") no-repeat center;
    background-size: 100% 100%;
}

.dogGender_right .choose_select span{
    vertical-align: middle;
}
.dogGender_right .choose_select .icon.info_icon.info_icon1{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url("../Image/normal.png") no-repeat center;
    background-size: 100% 100%;
}

/*出生日期*/
.dogBrith{
    width:100%;
    margin: 0 auto;
    font-size: 16px;
    padding: 25px 0px;
}
.dogBrith_left{
    display: inline-block;
}
.dogBrith_left span{
    color: #c00000;
}
.dogBrith_right{
    border: none;
    border-bottom: 1px #999999 solid;
    display: inline-block;
    width: 64%;
    margin-left: 15px;
}
.dogBrith_right input{
    border: none;
    width: 90%;
    text-align: right;
}
.dogBrith_right span{
    background: url("../Image/arror.png") no-repeat center;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
}
footer{position: fixed;bottom: 0;left: 0;  right: 0;}
footer button{
    border: 1px solid #1aacc3;
    background-color: #43cee6;
    color: #fff;
    padding: 1px 12px 0 12px;
    min-width: 52px;
    min-height: 47px;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    cursor: pointer;
    width: 100%;
}