*{margin:0;padding:0;border: 0;outline: 0;}
a{text-decoration: none;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
a,img{-webkit-touch-callout: none}
body{overflow-scrolling: touch;}
ul{list-style: none;}
img{border:0;}
html, body {
    width: 100%;
    height: 100%;
    background-color: #f6f7f9;
}
.banner_container{
    color: #fff;
    height: inherit;
}
.banner_container .logo{
    position: absolute;
    top: 0.54rem;
    background: url("../images/logo.png") no-repeat;
    background-size: 100% 100%;
    width: 2.71rem;
    height: 0.47rem;
}
.banner_container .banner_text{
    position: absolute;
    top: 2.4rem;
    left: calc((100% - 7.78rem)/2);
    background: url("../images/banner_text.png") no-repeat;
    background-size: 100% 100%;
    width: 7.78rem;
    height: 0.82rem;
}
.banner_content{
    margin-left: 0.2rem;
    top: 4.23rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}
.banner_content .banner_tips{
    padding-top: 0.62rem;
}
.banner_content .banner_tips .tip{
    font-size: 0.58rem;
}
.banner_content .banner_tips .tel{
    font-size: 0.38rem;
    color: #fff;
	  height:0.7rem;
	  line-height:0.7rem;
    margin-top: 0.2rem;
}
.banner_content .banner_tips .tel .moible{
    border: 2px solid #fff;
    padding: 0 0.4rem;
    display: inline-block;
    float: left;
}
.banner_content .banner_tips .tel a{
    display: inline-block;
    color: #fff;
    background-color: #19caef;
	padding:0 0.2rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    float: left;
}
.banner_content .banner_robot{
    background: url("../images/robot.png") no-repeat;
    background-size: 100% 100%;
    width: 3.73rem;
    height: 4.22rem;
    position: absolute;
    right:0.5rem;
    top:0;
}
.serve{
    background-color: #fff;
    width: 100%;
    margin-bottom: 0.3rem;
}
.serve .betItem{
    text-align: center;
    font-size: 0;
}
.serve .icon{
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
}
.serve .icon_quick{
    background: url("../images/serve_quick.png");
    background-size: 100% 100%;
}
.serve .icon_free{
    background: url("../images/serve_free.png");
    background-size: 100% 100%;
}
.serve .icon_back{
    background: url("../images/serve_back.png");
    background-size: 100% 100%;
}
.serve .betItem p{
    line-height: 100%;
    font-size: 0.22rem;
    color: #333;
}
.serve .betItem p.title{
    font-size: 0.32rem;
    margin-top: 0.4rem;
    color: #333;
    letter-spacing: 3px;
}
.serve .betItem p.info{
    color: #666;
    line-height: 0.35rem;
    margin-top: 0.2rem;
    font-size: 0.22rem;
}
.problem{
    background-color: #fff;
    width: 100%;
    font-size: 0.26rem;
    color: #999;
    padding-bottom: 1.28rem;
}
.problem .pro_title{
    padding-top: 1rem;
}
.problem .pro_title p{
    background: url("../images/problem.png") no-repeat;
    background-size: 100% 100%;
    width: 1.67rem;
    height: 0.38rem;
    margin: 0 auto;
}
.problem .pro_tip{
    text-align: center;
    margin-top: 0.25rem;
}
.problem .pro_tip a{
    color: #999;
}
.problem .pro_info{
    border-left: 1px dashed rgba(255,82,11,.5);
    font-size:0;
    margin-left: 0.13rem;
    margin-top: 1.05rem;
}
.problem .pro_item{
    padding-left: 0.35rem;
    font-size: 0.26rem;
    border-bottom: 1px dashed rgba(255,82,11,.5);
}
.pro_item:last-child{
    border-bottom: none;
}
.pro_question{
    color: #333;
    padding: 0.25rem 0;
    position: relative;
}
.pro_item:nth-of-type(1) .pro_question{
    line-height: 0.3rem;
    padding: 0 0 0.25rem 0;
}
.pro_item:nth-of-type(1) .pro_question:before{
    line-height: 0.26rem;
    left: -0.5rem;
    top: 0;
    content: "";
    background: url("../images/icon_ques.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 0.29rem;
    height: 0.29rem;
}
.pro_question:before{
    content: "";
    background: url("../images/icon_ques.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 0.29rem;
    height: 0.29rem;
    left: -0.5rem;
    top:0.27rem;
}
.pro_answer{
    color: #666;
    line-height: 0.4rem;
    position: relative;
    padding-bottom: 0.25rem;
}
.pro_answer:before{
    top:0.06rem;
    content: "";
    background: url("../images/icon_ans.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 0.29rem;
    height: 0.29rem;
    left: -0.5rem;
}

@media(min-width:320px)and (max-width:374px){
    html {
        font-size:40px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_header{
        background: url("../images/banner_moible.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 4.88rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_header{
        height: 7.5rem;
    }
    .banner_container .logo{
        top: 0.6rem;
        left: 0.6rem;
        width: 2.71rem;
        height: 0.47rem;
    }
    .banner_content .banner_robot{
        width: 2.87rem;
        height: 3.401rem;
        right:0;
    }
    .banner_content .banner_tips .tip{
        font-size: 0.42rem;
    }
    .banner_content .banner_tips .tel{
        font-size: 0.3rem;
        height: 0.5rem;
        line-height: 0.51rem;
    }
    .banner_content .banner_tips .tel .moible{
        border: 1px solid #fff;
        padding: 0 0.2rem;
    }
    .banner_content .banner_tips .tel a{
        padding: 0 0.1rem;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_container .banner_text{
        left:calc((100% - 5.602rem)/2);
        width: 5.602rem;
        height: 0.59rem;
    }
    .banner_content{
        margin-left: 0;
        top:4rem;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.4rem;
        padding: 0.5rem 0;
    }
    .serve .betItem p.info{
        line-height: 0.35rem;
        margin-top: 0.2rem;
        font-size: 0.28rem;
    }
    .problem .pro_title p{
        width: 2.171rem;
        height: 0.494rem;
    }
    .pro_answer{
        line-height: 0.5rem;
    }
    .pro_question::before{
        width: 0.4rem;
        height: 0.4rem;
        top:0.27rem;
        left: -0.55rem;
    }
    .pro_item:nth-of-type(1) .pro_question:before{
        width: 0.4rem;
        height: 0.4rem;
        top: -0.05rem;
        left: -0.55rem;
    }
    .pro_answer::before{
        width: 0.4rem;
        height: 0.4rem;
        top:0.02rem;
        left: -0.55rem;
    }
    .problem{
        font-size: 0.32rem;
    }
    .problem .pro_item{
        font-size: 0.32rem;
    }
}
@media(min-width:375px)and (max-width:479px){
    html {
        font-size:45px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_header{
        background: url("../images/banner_moible.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 4.88rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_header{
        height: 7.5rem;
    }
    .banner_container .logo{
        top: 0.6rem;
        left: 0.6rem;
        width: 2.71rem;
        height: 0.47rem;
    }
    .banner_content .banner_robot{
        width: 2.87rem;
        height: 3.401rem;
        right:0;
    }
    .banner_content .banner_tips .tip{
        font-size: 0.42rem;
    }
    .banner_content .banner_tips .tel{
        font-size: 0.3rem;
        height: 0.5rem;
        line-height: 0.51rem;
    }
    .banner_content .banner_tips .tel .moible{
        border: 1px solid #fff;
        padding: 0 0.2rem;
    }
    .banner_content .banner_tips .tel a{
        padding: 0 0.1rem;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_container .banner_text{
        left:calc((100% - 5.602rem)/2);
        width: 5.602rem;
        height: 0.59rem;
    }
    .banner_content{
        margin-left: 0;
        top:4rem;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.3rem;
        padding: 0.5rem 0;
    }
    .serve .betItem p.info{
        line-height: 0.35rem;
        margin-top: 0.2rem;
        font-size: 0.26rem;
    }
    .problem .pro_title p{
        width: 2.171rem;
        height: 0.494rem;
    }
    .pro_answer{
        line-height: 0.5rem;
    }
    .pro_question::before{
        width: 0.4rem;
        height: 0.4rem;
        top:0.27rem;
        left: -0.55rem;
    }
    .pro_item:nth-of-type(1) .pro_question:before{
        width: 0.4rem;
        height: 0.4rem;
        top: -0.05rem;
        left: -0.55rem;
    }
    .pro_answer::before{
        width: 0.4rem;
        height: 0.4rem;
        top:0.02rem;
        left: -0.55rem;
    }
    .problem{
        font-size: 0.32rem;
    }
    .problem .pro_item{
        font-size: 0.32rem;
    }
}
@media(min-width:480px)and (max-width:659px){
    html {
        font-size:55px !important;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_header{
        background: url("../images/banner_moible.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 4.88rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_header{
         height: 7.5rem;
    }
    .banner_container .logo{
        top: 0.6rem;
        left: 0.6rem;
        width: 2.71rem;
        height: 0.47rem;
    }
    .banner_content .banner_robot{
        width: 2.87rem;
        height: 3.401rem;
        right:0;
    }
    .banner_content .banner_tips .tip{
        font-size: 0.42rem;
    }
    .banner_content .banner_tips .tel{
         font-size: 0.3rem;
         height: 0.5rem;
         line-height: 0.51rem;
     }
    .banner_content .banner_tips .tel .moible{
        border: 1px solid #fff;
        padding: 0 0.2rem;
    }
    .banner_content .banner_tips .tel a{
        padding: 0 0.1rem;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .banner_container .banner_text{
        left:calc((100% - 5.602rem)/2);
        width: 5.602rem;
        height: 0.59rem;
    }
    .banner_content{
        margin-left: 0;
        top:4rem;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.5rem;
        padding: 0.5rem 0;
    }
    .serve .betItem p.info{
        line-height: 0.35rem;
        margin-top: 0.2rem;
        font-size: 0.26rem;
    }
    .problem .pro_title p{
        width: 2.171rem;
        height: 0.494rem;
    }
    .pro_answer{
        line-height: 0.5rem;
    }
    .pro_question::before{
        width: 0.4rem;
        height: 0.4rem;
        top:0.3rem;
        left: -0.55rem;
    }
    .pro_item:nth-of-type(1) .pro_question:before{
        width: 0.4rem;
        height: 0.4rem;
        top: -0.05rem;
        left: -0.55rem;
    }
    .pro_answer::before{
        width: 0.4rem;
        height: 0.4rem;
        top:0.02rem;
        left: -0.55rem;
    }
    .problem{
        font-size: 0.32rem;
    }
    .problem .pro_item{
        font-size: 0.32rem;
    }
}
@media(min-width: 660px)and (max-width:749px){
    html {
        font-size:63px !important;
    }
    .banner_header{
        background: url("../images/banner_moible.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.2rem;
    }
    .common_center{
        padding: 0 0.3rem;
    }
    .banner_mobile{
        padding: 0 0.5rem;
    }
    .banner_container .logo{
        top: 0.54rem;
        left: 0.6rem;
        width: 2.71rem;
        height: 0.47rem;
    }
    .banner_content .banner_robot{
        width: 3.189rem;
        height: 3.779rem;
        right: 0;
    }
    .serve .serve_content{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
         display: flex;
         justify-content:space-between;
         flex-wrap: wrap;
    }
    .serve .betItem{
        width: 2.5rem;
        padding: 0.5rem 0;
    }
    .serve .betItem p.info{
        line-height: 0.35rem;
        margin-top: 0.2rem;
        font-size: 0.26rem;
    }
    .problem{
          font-size: 0.32rem;
      }
    .problem .pro_item{
        font-size: 0.32rem;
    }
    .problem .pro_title p{
        width: 2.171rem;
        height: 0.494rem;
    }
    .pro_answer{
        line-height: 0.5rem;
    }
    .pro_question::before{
        width: 0.35rem;
        height: 0.35rem;
        top:0.25rem;
        left: -0.55rem;
    }
    .pro_item:nth-of-type(1) .pro_question:before{
        width: 0.35rem;
        height: 0.35rem;
        top: -0.03rem;
        left: -0.55rem;
    }
    .pro_answer::before{
        width: 0.35rem;
        height: 0.35rem;
        line-height: 0.35rem;
        top:0.08rem;
        left: -0.55rem;
    }
}
@media (min-width: 750px) and (max-width: 959px){
    html {
        font-size:48px !important;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.49rem;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_content .banner_robot{
        right: 0;
    }
    .pro_question::before{
        width: 0.35rem;
        height: 0.35rem;
        top:0.28rem;
        left: -0.55rem;
    }
    .pro_item:nth-of-type(1) .pro_question:before{
        width: 0.35rem;
        height: 0.35rem;
        line-height: 0.32rem;
        top: -0.03rem;
        left: -0.55rem;
    }
    .pro_answer::before{
        width: 0.35rem;
        height: 0.35rem;
        top:0.08rem;
        left: -0.55rem;
    }
    .problem{
        font-size: 0.34rem;
    }
    .problem .pro_title p{
        width: 2.171rem;
        height: 0.494rem;
    }
    .problem .pro_item{
        font-size: 0.34rem;
    }
    .serve .betItem p.title{
        font-size: 0.36rem;
    }
    .serve .betItem p.info{
        font-size: 0.3rem;
    }
    .serve{
        height: 4.37rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.37rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 960px) and (max-width: 1139px){
    html {
        font-size:60px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.49rem;
    }
    .serve{
        height: 4.37rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.37rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1140px) and (max-width: 1279px){
    html {
        font-size:60px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.49rem;
    }
    .serve{
        height: 4.37rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.37rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1280px) and (max-width: 1439px){
    html {
        font-size:70px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.49rem;
    }
    .serve{
        height: 4.37rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.37rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1440px) and (max-width: 1599px){
    html {
        font-size:80px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.49rem;
    }
    .serve{
        height: 4.37rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.37rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}
@media (min-width: 1600px) and (max-width: 1920px){
    html {
        font-size:100px !important;
    }
    .common_center{
        width: 62%;
        margin: 0 auto;
    }
    .banner_header{
        background: url("../images/banner_bg.jpg") no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 8.49rem;
    }
    .serve{
        height: 4.37rem;
    }
    .serve .betItem{
        width: 31%;
        padding:1rem 0;
        height:2.37rem;
        float: left;
    }
    .serve .betItem:not(:last-child){
        padding-right:0.1rem;
    }
}