.qc-login1{
    float:left;
    width: 245px;
    height: 35px;
    color: #ffffff;
    background: #337AB7;
    line-height: 35px;
}
.qc-plat{
    margin:0 auto;
    width:300px;
}
@media screen and (min-width: 200px) and (max-width: 480px) {
    .qc-input{
        width:280px;
    }
    .qc-plat{
        margin:0 auto;
        width:280px;
        height:300px;
    }
}
.qc-navbar-font{
    color:#999999;
    font-size: 16px;
}
.qc-navbar-font:hover {
    text-decoration: none;
    color:#666666;
}
.qc-navbar-span{
    margin-left: 80px;
    height:80px;
    line-height:80px;
    width:100px;
    overflow:hidden;
}
.qc-navbar-span-two{
    margin-left: 30px;
    height:80px;
    line-height:80px;
    width:100px;
    overflow:hidden;
}

.qc-login-border{
    text-align:center;
    height:20px;
    width:50px;
    border-radius:5px;
    margin-top:30px;
    margin-left: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    float:right;
}
.qc-font-color{
    color: #999999;
}
.qc-font-color:hover{
    color: #666666;
    text-decoration: none;
}
.qc-login{
    width:100%;
    height:600px;
    display:flex;
    align-items:center;
}
.qc-click{
    cursor:pointer
}
.qc-register-type{
    padding-top:80px;
    font-size: 20px;
    color:#999999;

}
.qc-register-icon{
    margin: 0 auto;
    width: 252px;
    height:212px;

}
.qc-register-title{
    margin: 40px auto;
    width: 160px;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    border-radius:10px;
    line-height:40px;
    font-size: 18px;
    color:#333333;
}
.qc-register-title:hover{
    color:#ffffff;
    background-color:#3aa730 ;
    cursor:pointer;
}
.qc-register-explain{
    margin: -20px auto;
    font-size: 16px;
    color: #999999;
}
a:hover{
    text-decoration:none
}
.qc-register-ad{
    padding-top: 30px;
    color: #333333;
    font-size: 20px;
}
.register-name-input{
    background-color: #ffffff;
    margin:40px auto;
    width: 400px;
    height:40px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}
.qc-icon-phone{
    margin-top: 7px;
    margin-right: 350px;
}

.register-code-input{
    background-color: #ffffff;
    margin:-20px auto;
    width: 400px;
    height:40px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}
.qc-get-code{
    margin-top: -40px;
    margin-right: -200px;
    font-size: 18px;
    color: #cccccc
}
.register-confirm{
    width: 400px;
    height:40px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    margin:-20px auto;
    line-height: 40px;
    background-color: #3aa730;
    color: #ffffff;
    font-size: 20px;
    border-radius:5px;

}
.qc-return-massage{
    font-size: 14px;
    color:#3aa730;
    margin-top: 30px;
    height:20px;
}
.qc-media-one{
    margin: 30px auto ;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:40px;
    background-color: #3aa730;
    color: #ffffff;
    font-size: 20px;
}
.qc-media-hr-one{
    margin-top: -50px;
    width:200px;
    height:2px;
    border:none;
    border-top:2px solid #3aa730;
}
.qc-media-two{
    margin: 30px auto ;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    width:40px;height:40px;
    line-height:40px;
    border-radius:40px;
    background-color: #999999;
    color: #ffffff;
    font-size: 20px;
}
.qc-media-hr-two{
    margin-top: -50px;
    width:200px;
    height:2px;
    border:none;
    border-top:2px solid #999999;
}
.qc-media-title-one{
    margin-top:20px;
    font-size: 16px;
    color: #3aa730;
}
.qc-media-title-two{
    margin-top:20px;
    /*margin-right: 550px;*/
    font-size: 16px;
    color:#666666;
}
.qc-form-title-div{
    height: 40pt;
    background-color: #e3f5e2;
    text-align: center;
}
.qc-form-title-span{
    line-height: 40pt;
    font-size: 13pt;
    color: #43793e;
}
.qc-from-data-div{
    height: 50pt;
    border-bottom:0.5pt solid #ebebeb;
}
.qc-from-data-span{
    line-height: 50pt;
    margin-left: 10pt;
    font-size: 16pt;color: #666666;
}
.qc-from-data-input{
    border:0;font-size: 16pt;
    color: #1a1a1a;
    text-align: right;
    float:right;
    margin-right: 10pt;
    margin-top: 12pt;
}
.qc-from-title{
    line-height: 40pt;
    font-size: 13pt;
    color: #43793e
}
.qc-from-sex{
    line-height: 50pt;
}
.qc-from-sex-div{
    line-height: 50pt;
    font-size: 16pt;
    color: #666666;
}
.qc-from-data-sub{
    margin-top: 20pt;
    width: 300pt;
    margin: 20pt auto;
}
.qc-from-mass{
    font-size: 12pt;
    color: #ff0000;
    margin-top: 20pt;
    text-align: center;

}
@media screen and (min-width: 200px) and (max-width: 490px) {
    .qc-form-title-div{
        height: 30pt;
        background-color: #e3f5e2;
        text-align: center;
    }
    .qc-form-title-span{
        line-height: 30pt;
        font-size: 10pt;
        color: #43793e;
    }
    .qc-from-data-div{
        height: 40pt;
        border-bottom:0.5pt solid #ebebeb;
    }
    .qc-from-data-span{
        line-height: 40pt;
        margin-left: 7pt;
        font-size: 13pt;
        color: #666666;
    }
    .qc-from-data-input{
        border:0;font-size: 13pt;
        color: #1a1a1a;
        text-align: right;
        float:right;
        margin-right: 10pt;
        margin-top: 12pt;
    }
    .qc-from-title{
        line-height: 30pt;
        font-size: 10pt;
        color: #43793e
    }
    .qc-from-sex{
        line-height: 40pt;
        margin-left: -4pt;
    }
    .qc-from-sex-div{
        line-height: 40pt;
        font-size: 13pt;
        color: #666666;
    }
    .qc-from-data-sub{
        margin-top: 20pt;
        width: 200pt;
        margin: 20pt auto;
    }
}
.qc-from-success-img{
    margin: 40pt auto;
}
.qc-dv-parent-div{
    text-align:center;
    width: 100%
}
.qc-dv-chil-div{
    margin: 0 auto;
    width: 99%;
}
.qc-dv-jt-div{
    width: 240px;
    margin-top: 15px;
}
.qc-dv-jt-img{
    height: 150px;
    width: 400px;
    border:1px solid #EFEFEF;
}
.qc-dv-jt-msg{
    border:1px solid #EFEFEF;
    height:150px;
    font-size: 12px;
}
.qc-dv-jt-status{
    border-radius:4px;
    width:100px;
    height: 30px;
    text-align: center;
    margin:5px auto;
    border:1px solid #EFEFEF;
    line-height: 30px;
}
.qc-dv-jt-title{
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}
.qc-ad-de-div{
    margin: 20px auto;
    width: 793px;
    height: 390px;
    border:1px solid #000;
}
.qc-ad-de-title{
    margin-top: 10px;
    margin-left: 10px;
    color: #000;
}
.qc-portal-div-one{
    height:350px;
    background-color: #f0ffef;
}
.qc-portal-div-one-content{
    width: 1150px;
    margin:0 auto;
    text-align: center
}
.qc-portal-div-one-slogan{
    width: 350px;
    height:270px;
    background-color: #ffffff;
    float: left;
    margin-top: 40px;
}
.qc-portal-div-one-slogan:hover{
    background-color: #3ec931;
}
.qc-portal-div-one-title{
    width: 330px;
    margin: 0 auto
}
.qc-portal-div-one-img{
    width:100px;
    margin: 20px auto;
}
.qc-portal-div-one-p1{
    font-size: 18px;
    color:#666666
}
.qc-portal-div-one-p2{
    font-size: 16px;
    color:#999999
}
.qc-portal-div-two-title{
    text-align: center;
    font-size: 30px;
    color:#222222;
}
.qc-portal-div-co{
    margin: 40px auto;
    width: 1050px;
}
.qc-portal-div-two-one-img{
    background:url('../images/jg.png');
    background-size:cover;
    height:300px;
    margin-top:20px;
}
.qc-portal-div-two-one-img:hover{
    background:url('../images/jghove.png');
}
.qc-portal-div-two-two-img{
    background:url('../images/zl.png');
    background-size:cover;
    height:300px;
    margin-top:20px;
}
.qc-portal-div-two-two-img:hover{
    background:url('../images/zlhove.png');
}
.qc-portal-div-two-three-img{
    background:url('../images/sh.png');
    background-size:cover;
    height:300px;
    margin-top:20px;
}
.qc-portal-div-two-three-img:hover{
    background:url('../images/shhove.png');
}
.qc-portal-div-two-big-title{
    margin-top: 180px;
    color:#ffffff;
    font-size: 30px;
    margin-left:14px;
}
.qc-portal-div-two-co-title{
    margin-left:14px;
    margin-top:14px;
    color:#ffffff;
    font-size: 14px;
}
.qc-portal-div-three-title{
    text-align: center;
    font-size: 30px;
    color:#4c4c4c;
    font-weight: bold;
}
.qc-portal-div-three-num{
    margin-top:20px;
    text-align: center;
    font-size: 14px;
    color: #666666;
}
.qc-portal-div-three-bg:hover{
    background-color: #f0ffef;
}
.qc-offlinestore-select{
    height:40px;
    width:120px;
    margin-top: 20px;
    float: left;
}
.qc-offline-span-select{
    margin-left: 10%;
    font-size: 20px;
    color: #222222
}
.qc-offline-con{
    float: right;
    background-color: #3ec931;
    margin-left: 10px;
    margin-top: 18px;
}
.qc-offline-div-search{
    float:right;
    width: 360px;
    height:40px;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    margin-top: 17.5px;

}
.qc-offline-input{
    width: 96px;
    height: 40px;
    font-size: 17.5px;
}
.qc-portal{
    height: 4px;background-color: #40CA2F
}
.qc-public-details-img{
    width: 200px;
    height: 150px;
}
.qc-public-details-name-title{
    color:#999999;
    font-size: 18px;
    margin-left:20px;
}
.qc-public-details-name{
    margin-left: 1%;
    font-size: 18px;
    color:#222222;
}
.qc-public-details-fg{
    margin-top:10px;
    height: 10px;
    background-color: #f2f2f2;
}
.qc-portal-myvision{
    height: 160px;
    background-color: #f0f0f0;
    position:relative;
}
.qc-portal-myvision-div{
    width: 1200px;
    margin: 0 auto;
}
.qc-portal-myvision-img{
    float:left;
    width: 800px;
}
.qc-portal-myvision-deal-div{
    text-align:center;
    float:left;
    width: 400px;
    background-color: #3ec931;
    height: 160px;
}
.qc-portal-myvision-deal-title{
    margin-top: 20px;
    font-size: 24px;
    color:#ffffff;
    font-weight: bold;
}
#qc-portal-myvision-deal-span{
    font-size: 20px;
    color:#ffffff;
}
#qc-portal-myvision-deal-span-two{
    margin-left:10px;
    font-size: 20px;
    color:#ffffff;
}
#qc-portal-myvision-deal-num{
    margin-left:10px;
    font-size: 48px;
    color:#fcff00;
    font-weight: bold;
}
.qc-portal-register{
    width: 680px;
    margin: auto;
    margin-top: 60px;
}
.qc-portal-register-me{
    width: 240px;
    float: left;
}
.qc-portal-register-ad{
    margin-left: 200px;
    width: 240px;
    float: left;
}
.qc-portal-register-img{
    width: 250px;
    margin: auto;
}
.qc-portal-register-div {
    margin-top: 20px;
    border: 1px solid #999999;
    width: 240px;
    height: 48px;
    border-radius: 20px;
    text-align: center;
    color:#666666;
}
.qc-portal-register-div-two {
    margin-top: 20px;
    border: 1px solid #999999;
    width: 240px;
    height: 48px;
    border-radius: 20px;
    text-align: center;
    color:#666666;
    margin-left: 13px;
}

.qc-portal-register-div:hover{
    color:#ffffff;
    background-color:#1da3b2 ;
    cursor:pointer;
}
.qc-portal-register-div-two:hover{
    color:#ffffff;
    background-color:#de961a;
    cursor:pointer;
}
#qc-portal-register-span{
    line-height: 48px;
    font-size: 20px;
}

#qc-portal-register-span-two{
    line-height: 48px;
    font-size: 20px;
}
.qc-portal-mypromise{
    height:471px;
    background-color:#f0f0f0;
}
.qc-portal-mypromise-div{
    width: 1200px;
    margin: auto;
}
.qc-portal-mypromise-img{
    width: 400px;
    float: left
}
.qc-portal-mypromise-wen{
    width: 800px;
    float: left
}
.qc-portal-mypromise-wen-title{
    margin-top: 40px;
    text-align: center;
    font-size: 30px;
    color: #4c4c4c;
    font-weight: bold
}
.qc-portal-mypromise-wen-img{
    margin-top: 40px;
    width: 180px;
    float: left;
    margin-left: 20px;
}
.qc-portal-process{
    height: 400px;
    text-align: center;
}
.qc-portal-title{
    width: 310px;
    margin: 60px auto;
    font-size: 30px;
    font-weight: bold;
    color: #80ae7c;
}
.qc-portal-characteristic{
    height: 550px;
    background-color: #f0f0f0;
    text-align: center;
}
.qc-portal-characteristic-title{
    width: 380px;
    padding-top:60px;
    margin:auto;
    font-size: 30px;
    font-weight: bold;
    color: #4d4d4d;
}
.qc-portal-characteristic-city{
    padding-top: 15px;
    color:#999999;
    font-size: 14px;
}
.qc-portal-characteristic-content{
    width: 1300px;
    margin:40px auto;
}
.qc-portal-characteristic-nick{
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    color:#666666;
    font-weight: bold;
}
.qc-portal-characteristic-count{
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    color:#666666;
}
.qc-portal-characteristic-bg{
    background-color:#ffffff;
    width: 200px;
    height:300px;
    border: 4px solid #ffffff;
    float: left;
    margin-left: 50px;
}
.qc-portal-characteristic-bg:hover{
    background-color:#ffffff;
}
.qc-portal-characteristic-ck{
    line-height:48px;
    font-size:20px;
    color:#4d4d4d;
    margin:auto ;
    width: 240px;
    height: 48px;
    border-radius: 20px;
    border: 1px solid #4d4d4d;
}

.qc-portal-offline{
    margin:auto;
    border: 1px solid #666666;
    width: 240px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    color:#666666;
    border-radius: 20px;
}
.qc-portal-offline:hover{
    border: 1px solid #3aa730;
    color:#3aa730;
}
.qc-portal-introduce{
    height: 500px;
    background-color:#F0F0F0;
    margin-top: 60px;
}
.qc-portal-introduce-title{
    text-align: center;
    padding-top: 60px;
    font-size: 30px;
    color:#4c4c4c;
    font-weight: bold
}
.qc-portal-introduce-div{
    width: 1050px;
    margin: 60px auto
}
.qc-portal-introduce-content{
    width: 350px;
    text-align: center;
    float: left
}
.qc-portal-introduce-img{
    width: 150px;
    width: 150px
}
.qc-portal-introduce-content-title{
    margin-top: 20px;
    font-size: 20px;
    color:#666666;
    font-weight: bold;
}
.qc-portal-introduce-content-qt{
    width:300px;
    margin: 20px auto;
    color:#999999;
    font-size: 14px;
}
.qc-navbar-phone{
    height: 40px;
    background-color: #f0f0f0;
    line-height: 40px;
    color:#666666;
    font-size: 16px;
}
.qc-portal-kfrx{
    background-color:#ffffff;
    border:1px #999999 solid;
    cursor: pointer;
    position:fixed;
    right:60px;
    top:400px;
    width: 280px;
    height: 146px;
}
.qc-portal-kfrx-phonicon{
    float: left;
}
.qc-portal-kfrx-phonenumber{
    font-size: 22px;
    font-weight: bold;
    float: left;
    margin-left: 20px;
}
.qc-portal-phone{
    width: 200px;
    margin: 20px auto;
}
.qc-portal-kfrx-gzsj{
    width: 145px;
    margin-left: 45px;
    color:#666666;
    font-size: 14px;
}
.qc-portal-qq{
    color:#666666;
    font-size:18px;
    border-radius:15px;
    width: 155px;
    height: 35px;
    border: 1px #999999 solid;
    margin-left: 45px;
    text-align: center;
}
.qc-portal-register-href{
    color:#999999;
    text-align: center;
    margin-top: 15px;
}
.qc-portal-cn-div{
    height: 350px;
    background-color: #f0f0f0;
}
.qc-portal-cn-title{
    padding-top: 40px;
    margin:auto;
    width:160px;
    font-size: 30px;
    font-weight: bold;
}
.qc-portal-content{
    width: 820px;
    margin: 20px auto;
}
.qc-portal-content-title{
    font-weight: bold;
    font-size:18px;
    margin-top:10px;
    text-align: center;
}
.qc-portal-content-msg{
    margin-top: 10px;
    color:#999999;
    font-size: 14px;
}
.qc-register-phone-title{
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
    color: #222222;
    margin-top: 30pt;
}
.qc-register-phone-div{
    padding-top: 10pt;
    border-bottom: 0.5pt #dbdbdb solid;
    width: 80%;margin: auto
}
.qc-register-phone-two-div{
    margin-bottom: 5pt;
}
.qc-register-phone-input{
    margin-left:10pt;
    height: 30pt;
    font-size: 15pt;
    color:#b2b2b2;
    width: 50%
}
.qc-register-phone-span{
    float: right;
    color:#3aa730;
    font-size: 15pt;
    line-height: 30pt;
}
.qc-register-phone-icon{
    width: 18pt;
    height:18pt;
}
@media screen and (min-width: 200px) and (max-width: 480px) {
    .qc-register-phone-input{
        font-size: 12pt;
        width: 40%

    }
   .qc-register-phone-span{
        float: right;
        color:#3aa730;
        font-size: 12pt;
    }
}