﻿/*body {
    max-width: 1284px;
}*/

div.container {
    padding-top: 20px;
    padding-bottom: 40px;
}

/*分割线*/
.divider .divider-line {
    width: calc(100% - 2rem);
    background-image: linear-gradient(to right, #97E7DB, #33A59A,#97E7DB);
}

.divider .divider-img {
    width: 1.75rem;
    line-height: 0;
    text-align: right;
}

.divider .divider-img img{
    width: 100%;
}

.divider .divider-line,
.divider .divider-img img{
    height: 0.3rem;
    vertical-align: middle;
}

/*带标题的分割线*/
.divider-head {
    padding: 0px 10%;
    margin: 0 auto;
    
    text-align: center;
    vertical-align: bottom;
    line-height: 0;
}

.divider-line-left,
.divider-line-right,
.divider-text {
    float: left;
    margin-bottom: 0;
}

.divider-line-left,
.divider-line-right {
    margin-top: 0.8rem;
    width: calc(50% - 2.5rem);
    height: 1px;
}

.divider-text {
    width: 5rem;
    color: #33A59A;
    font-size: 1rem;
    line-height: 1rem;
}

.divider-line-left {
    background-image: linear-gradient(to right, #97E7DB, #33A59A);
}

.divider-line-right {
    background-image: linear-gradient(to right, #33A59A,#97E7DB);
}


/*字体颜色*/
.font-color-aojo {
    color: #33A59A;
}

.img-box {
    line-height: 0;
}

/*按钮*/
.btn-aojo {
    color: #fff;
    background-color: #33A59A;
    border-radius: 0.7rem;
    width: 7rem;    
    font-size: 1rem;
    letter-spacing: 2px;
}

    .btn-aojo:hover {
        color: #fff;
    }

    .btn-block {
        width: 100%;
    }

/*分割线*/
.coupon-line {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #727171 0%, #727171 50%, transparent 50%);
    background-size: 20px 1px;
    background-repeat: repeat-x;
}

/*表单边框*/
select.form-control, input.form-control {
    border-radius: 0;
    border-width: 0;
    border-bottom: 1px solid #9FA0A0;
    padding-left: 0.2rem;
}

    input.form-control{
        letter-spacing: 2px;
    }

    select.form-control {
        padding-left: 0;
        padding-right: 0;
    }

/*水平居中*/
.div-center {
    margin: 0 auto;
}

/* 图标 */
.icon.w-25 {
    min-width: 100px;
    max-width: 175px;
} 