ul,li {
    list-style:none;
    padding:0;
    margin:0;
}
.page-tabs {
    font-size:24px;
    color:#333333;
    margin-bottom:30px;
}
.page-tabs li {
    cursor:pointer;
    display:inline-block;
    margin-right:160px;
    padding-bottom:5px;
    border-bottom:2px solid #fff;
}
.page-tabs li.actived {
    color:#FE0000;
    border-color:#FE0000;
}
.page-content {
    color:#777777;
}
.input-radio {
    display:inline-block;
    padding-right:55px;
    padding-top:10px;
    padding-bottom:10px;
}
textarea {
    outline:none;
    width:100%;
    min-height:80px;
    padding:5px 8px;
    border:1px solid #BDB7B7;
}
input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    padding-left:35px;
    font-size:16px;
    font-weight:400;
    position:relative;
    cursor:pointer;
    margin-bottom:0;
}
input[type="radio"] + label.only-radio {
    padding-left:20px;
}
input[type="radio"] + label.on {
    color:#FE0000;
}
input[type="radio"] + label:before {
    content:'';
    cursor:pointer;
    display:block;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    border-radius:50%;
    border:2px solid #e2e2e2;
    background-color:#f3f3f3;
}
input[type="radio"] + label.on:before {
    border-color:#FE0000;
    background-color:#fff;
}
input[type="radio"] + label.on:after {
    content:'';
    cursor:pointer;
    display:block;
    position:absolute;
    left:4px;
    top:50%;
    transform:translateY(-50%);
    width:12px;
    height:12px;
    border-radius:50%;
    background:#FE0000;
}
.has-border {
    padding:15px 0;
    border-bottom:1px solid #E9E9E9;
}
.has-border:last-child {
    border-bottom:none;
}
.select {
    margin-left:15px;
    min-width:92px;
    display:inline-block;
    cursor:pointer;
    position:relative;
    border:1px solid #BDB7B7;
    padding:6px 8px 6px 8px;
}
.select > i {
    position:absolute;
    right:7px;
    top:7px;
}
.select > span {
    max-width:50px;
    height:23px;
    display:inline-block;
    overflow:hidden;
    vertical-align:bottom;
    font-size:12px;
}
.option {
    display:none;
    position:absolute;
    top:100%;
    width: calc(100% + 2px);
    min-width:200px;
    left:0;
    margin-left:-1px;
    background-color: #fbfbfb;
    z-index:2;
    box-shadow: 1px 3px 7px #dedede;
}
.option > li {
    width:100%;
    border:1px solid #BDB7B7;
    text-align:center;
    padding:10px 5px;
    line-height:1.1;
}
.option > li + li {
    border-top:none;
}
.option > li:hover {
    color:#FF0000;
}
.line-tag {
    min-width:72px;
    font-size:16px;
    font-weight:400;
    padding-right:24px;
}
.input {
    display:inline-block;
    margin-left:15px;
}
.input > input {
    min-width:200px;
    outline:none;
    border:none;
    border-bottom:1px solid #BDB7B7;
}
.input > input.s-input {
    min-width:90px;
}
.pd-view {
    margin-top:25px;
    width:412px;
    height:412px;
    background-color:#ffffff;
    border:1px solid #BDB7B7;
    position:relative;
}
.caps {
    position:absolute;
    top:0;
    width:100%;
    z-index:2;
}
.page-form {
    margin-top:40px;
    border-top:1px solid #E9E9E9;
    padding-top:20px;
}
.form-block {
    padding:15px 0;
}
.form-block:before {
    content:'';
    clear:both;
}
.form-block:after {
    content:'';
    display:table;
    clear:both;
}
.switch {
    vertical-align:middle;
    display:inline-block;
    width:70px;
    height:30px;
    padding:5px;
    background-color:#e0e0e0;
    color:#fff;
    cursor:pointer;
    position:relative;
    border-radius:15px;
    transition:.1s linear all;
}
.switch span {
    float:left;
    height:20px;
    width:20px;
    font-size:12px;
    text-align:center;
}
.switch:after {
    content:'';
    display:block;
    height:20px;
    width:20px;
    border-radius:50%;
    background-color:#fff;
    position:absolute;
    left:5px;
    top:5px;
    transition:.2s .1s linear all;
}
.switch.on {
    background-color:#FE0000;
}
.switch.on:after {
    left:45px;
}
.switch span + span {
    float:right;
}
.line-select {
    display:inline-block;
    height:40px;
    width:calc(100% - 93px);
    border:1px solid #BDB7B7;
    vertical-align:bottom;
    margin:0;
}
.line-input {
    display:inline-block;
    height:40px;
    width:calc(100% - 93px);
    vertical-align:bottom;
    margin:0;
    border:1px solid #BDB7B7;
    position:relative;
}
.line-input > .nums {
    position:absolute;
    right:6px;
    top:6px;
    height:25px;
}
.line-input > .nums > span {
    cursor:pointer;
    display:inline-block;
    text-align:center;
    line-height:20px;
    width:20px;
    height:20px;
    color:#fff;
    border-radius:50%;
    background:#ddd;
}
.line-input > .nums > input {
    border:none;
    width:70px;
    outline:none;
    text-align:center;
    padding:0 10px;
}
.form-block-group {
    float:right;
    min-height:40px;
    width:calc(100% - 96px);
}
.form-block-group input {
    width:100%;
    outline:none;
    padding:5px 8px;
    border:1px solid #BDB7B7;
    margin-bottom:10px;
}
.submit-btn {
    display:inline-block;
    min-width:260px;
    text-align:center;
    color:#FF0000;
    font-size:14px;
    border-radius:24px;
    border:1px solid #FF0000;
    padding:8px 0;
}
.submit-btn:hover {
    background-color:#FF0000;
    color:#fff;
}
.submit {
    padding:20px 0;
    text-align:center;
}
.custom {
    width:310px;
    height:100px;
    position:absolute;
    top:100%;
    left:0;
}
.custom > textarea {
    width:100%;
    height:100%;
    border:1px solid #BDB7B7;
}
.line-input > .nums > span::selection,.pd-view::selection {
    background:none;
}
.error {
    border-color:#fe0000 !important;
    box-shadow:0px 0px 7px rgba(255,0,0,0.13)
}
.input.error input {
    border-color:#fe0000 !important;
}
.bottles{
    text-align: center;
}
.bottles img{
    height: 410px;
}
.input-radio{
    position: relative;
}
.input-radio .msg{
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    margin-top: -12px;
    padding-left: 100px;
    font-size: 12px;
    color: #b3b3b3;
}