/** 通用反馈咨询modal样式 BEGIN */
#reportModal .detail textarea, #reportModal .detail input {
    padding: 10px;
    margin: 20px 2.5%;
    /*color: #666;*/
    width: 95%;
    resize: none;
    outline: none;
    border: 1px solid #ddd;
}
#reportModal .detail input {
    margin: 0 2.5% 20px 2.5%;
}
#reportModal .column_article_feedback .detail textarea {
    padding: 10px;
    /*color: #666;*/
    width: 95%;
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    resize: none;
    outline: none;
    border: 1px solid #ddd;
}
#reportModal .column_article_feedback .detail input{
    margin-left: 30px;
    width: 91.5%;
    height: 38px;
}
#reportModal .detail .help-block {
    margin-left: 15px;
}
#reportModal .column_article_feedback .detail .help-block {
    margin-left: 30px;
}
#reportModal .modal-content .modal-header a {
    float: right;
    font-size: 20px;
    margin-right: 13px;
    color: #ccc;
}
#reportModal .modal-content .modal-header a:hover {
    float: right;
    color: #999;
}
#reportModal .modal-content .modal-footer {
    margin-right: 15px;
    border:transparent;
}
/** 通用反馈咨询modal样式 END */

/* checkout样式*/

.checkbox {
    position: relative;
    height: 10px;
}
.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    margin-bottom: 20px;
}
.checkbox label {
    position: absolute;
    left: 30px;
    top: 0;
    height: 20px;
    line-height: 20px;
}
.checkbox label:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    /*border-radius: 50%;*/
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.checkbox label:after {
    content: '';
    position: absolute;
    left: -22px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.checkbox input[type='checkbox']:checked + label:before {
    background: #04C3A0;
    border-color: #04C3A0;
}
.checkbox input[type='checkbox']:checked + label:after {
    background: #04C3A0;
}