@media screen and (max-width:767px){
    html{
        font-size: 10px;
    }
    .jiagou{
        width: 100%;
    }
    .hc-main-r {
        position: relative;
        width: 100%;
    }
    .hc-main-r h2 {
        font-size: 1.8rem;
        color: #000;
        margin-bottom: 16px;
        font-weight: normal;
    }
    .bgTit {
        font-weight: 500;
        border-left: 0.3rem solid #ff6505;
        line-height: 1;
        padding-left: 0.5rem;
        font-size: 1.8rem;
        margin-bottom: 2rem;
        color: #4c4c4c;
    }
    section{
        background: white;
        min-height: 148px;
        color: #101010;
        font-family: PingFangSC-regular;
        padding: 1.7rem 2rem 1rem;
        font-size: 14px;
        margin-bottom: 30px;
    }
    section p{
        color:#666;
        line-height: 24px;
        margin: 5px 0;
        font-size: 14px;
        
    }
    
    .cd-timg{
        display: none;
    }
}

@media screen and (min-width:768px){
    .hc-main-l {
        width: 220px;
        background: #fff;

    }
    .hc-main-r {
        position: relative;
    }
    .hc-main-r h2 {
        font-size: 24px;
        color: #000;
        margin-bottom: 16px;
    }
    input::placeholder {
            color: #ccc;
            font-size: 16px;
    }
    textarea::placeholder{
        color:#ccc;
        font-size: 16px;
    }
    .complaint-wrap {
            /* width: 100%; */
            background: #fff;
            margin-top: 4px;
            padding: 40px;
        }
    .complaint-table .complaint-table-item {
            width: 100%;
        }
    .complaint-table .complaint-table-item p {
        float: left;
        line-height: 40px;
        margin-right: 10px;
        margin-bottom: 14px;
    }
    .complaint-table .complaint-table-item i {
        float: left;
        display: inline-block;
        color: #ff7e00;
        margin-right: 10px;
    }
    .complaint-table .complaint-table-item p span {
        float: left;
        display: inline-block;
        width: 80px;
        font-size: 16px;
        color: #666;
        text-align: justify;
    }
    .complaint-table .complaint-table-item input {
        display: inline-block;
        font-size: 16px;
        color: #666;
        width: 280px;
        height: 40px;
        line-height: 40px;
        text-indent: 1em;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    .Validform_checktip {
        margin-left: 8px;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        color: #999;
        font-size: 12px;
    }
    .Validform_wrong {
        color: red;
        padding-left:3px;
        white-space: nowrap;
        /* background: url(../images/error.png) no-repeat left center; */
    }
    .Validform_right {
        color: #71b83d;
        padding-left: 20px;
        /* background: url(../images/right.png) no-repeat left center; */
    }
    .complaint-table .complaint-table-item select {
        width: 280px;
        height: 40px;
        font-size: 16px;
        color: #ccc;
        line-height: 40px;
        text-indent: 0.7em;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .complaint-table .complaint-table-item select.on {
        color: #666;
    }
    .complaint-table .complaint-table-item textarea {
        display: inline-block;
        width: 280px;
        padding: 5px 12px;
        outline: none;
        border: 1px solid #ccc;
        border-radius: 5px;
		    font-size: 16px;
    }
    .complaint-table .btn {
        margin: 20px 0 0 120px;
    }
    .complaint-table .btn input {
        display: inline-block;
        width: 125px !important;
        height: 40px;
        font-size: 14px;
        color: #fff !important;
        border-radius: 20px !important;
        background: #ff6505;
        border: none !important;
        text-indent: inherit !important;
        cursor: pointer;
        margin-right: 20px;
        text-align: center;
    }
    .science {
        margin-top: 40px;
    }
    .bgTit {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        padding: 15px 30px;
        background: #e8e8e8;
        margin-bottom: 40px;
    }
    .science p {
        font-size: 16px;
        color: #666;
        background: url(https://www.taikanglife.com//img/listyle2.png) no-repeat left center;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .gongshi p {
        font-size: 16px;
        color: #666;
        background: url(https://www.taikanglife.com/img/listyle2.png) no-repeat left center;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .submitBtn{
        background-color: #ff6505;
        color:#fff;
    }  
    .login-tip2 {
        position: fixed;
		    display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
    }
    .login-tip2 .con {
        width: 785px;
        height: 250px;
        background: #fff;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -125px;
        margin-left: -392px;
        z-index: 10;
    }
    .login-tip2 .con .tip {
        font-size: 28px;
        color: #ff7906;
        text-align: center;
        padding-top: 65px;
    }
    .login-tip2 .con .close {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0;
        right: -25px;
        background: url(https://www.taikanglife.com/img/header-close.png) no-repeat center;
    }
    .login-tip2 .con .btn {
        text-align: center;
        padding-top: 40px;
    }
    .login-tip2 .con .btn a {
        display: inline-block;
        width: 128px;
        height: 38px;
        background: #fff;
        color: #666;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        border-radius: 38px;
        -moz-border-radius: 38px;
        -webkit-border-radius: 38px;
        margin: 0 20px;
    }
    .login-tip2 .con .btn a.go {
        background: #ff7906;
        color: #fff;
    }
    .cd-timg {
        width: 100%;
        margin-bottom: 50px;
    }
    .cd-timg img {
        margin: 0 auto;
        width: 100%;
        vertical-align: middle;
        display: block;
    }
}
@media screen and (min-width:1200px){
    .wrapper{
        padding-top:0;
    }
}