@charset "UTF-8";
@media screen and (max-width: 319px) {
  html {
    font-size: 85.33333px; } }
@media screen and (min-width: 320px) and (max-width: 359px) {
  html {
    font-size: 85.33333px; } }
@media screen and (min-width: 360px) and (max-width: 374px) {
  html {
    font-size: 96px; } }
@media screen and (min-width: 375px) and (max-width: 383px) {
  html {
    font-size: 100px; } }
@media screen and (min-width: 384px) and (max-width: 399px) {
  html {
    font-size: 102.4px; } }
@media screen and (min-width: 400px) and (max-width: 413px) {
  html {
    font-size: 106.66667px; } }
@media screen and (min-width: 414px) and (max-width: 699px) {
  html {
    font-size: 110.4px; } }
@media screen and (min-width: 700px) and (max-width: 767px) {
  html {
    font-size: 130.4px; } }
@media screen and (min-width: 768px) {
  html {
    font-size: 150.4px; } }
body{margin: 0;padding: 0;font-size: 0.15rem;font-family: 'Hiragino Sans GB','Microsoft Yahei',arial,sans-serif;color: #333;font-weight: normal;
    max-width: 750px;
    margin: 0px auto;
    background-color: #f4f4f4;}
a{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);text-decoration: none;color: unset;}
p{margin: 0;padding: 0;}
select{font-size: 0.14rem;border-radius: 0.03rem;padding-left: .02rem;background-color: #fff;}
img{display: block;}
input,textarea,select{outline:medium;appearance: none; }
ul,li{list-style-type: none;padding: 0;margin: 0}

 /*头部*/
.wheader_box .header{height: 0.45rem;width: 100%;background: rgb(80,144,255);
    background: -moz-linear-gradient(-45deg, rgb(80,144,255) 0%, rgb(54,187,255) 70%, rgb(54,187,255) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(80,144,255) 0%,rgb(54,187,255) 70%,rgb(54,187,255) 100%);
    background: linear-gradient(135deg, rgb(80,144,255) 0%,rgb(54,187,255) 70%,rgb(54,187,255) 100%);position:relative;}
.wheader_box .back-icon img{position: absolute;width: 0.085rem;height: 0.16rem;left: 0.15rem;top:0.15rem;}
.wheader_box .header-title{height: 0.45rem;width: 100%;text-align: center;line-height: 0.45rem;font-size: 0.18rem;color: #fff;}
.wheader_box .return{font-size: .16rem;color: #fff;position: absolute;left: .3rem;line-height: .45rem;}
.wheader_box .select{position: absolute;right: 0.15rem;top: 0;color: #fff;font-size: 0.16rem;line-height: 0.45rem;}

.layerBox{text-align: center;position: relative;padding: .3rem 0 ;background: #fff;border-radius: .25rem .25rem 0 0;margin-top: .15rem;}
.layerTitle{color: #000;font-weight: bold;font-size: .16rem;text-align: center;}
.layerTitle img{width: .3rem;vertical-align: middle;margin: 0 .1rem;display: inline-block;}
.minTitle{color: #333;font-weight: normal;margin: .2rem 0;}
.formItem_title{margin: 0 .1rem;padding: .1rem 0;position: relative;background-color: #fff;font-weight: normal;text-align: left;border-bottom: 1px solid #f8f8f8}
.formItem_title span{color: #000;display: inline-block;width: 22%;vertical-align: middle}
.formItem_title span em{color: red;margin-right: .05rem;}
.formItem_title .input_text{display: inline-block;vertical-align: middle;width: 70%;height: .3rem;border: 0;font-size: .15rem;}
.editorItem{resize:none;background-color: #f4f4f4;min-height: .8rem;height: .8rem;padding: .1rem;border-radius: 5px;width: 90%;border: 0;display: block;margin: .1rem auto;}
.formItem_title label{padding: .1rem 0 0;display: inline-block;width: 32%;}
.radio_input{width: 14px;height: 14px;vertical-align: middle;position: relative;margin: -.05rem .05rem;background: #fff;border: solid 1px #13adff;display: inline-block;-webkit-appearance: none;transition: background-color ease 0.1s;overflow: hidden;border-radius: 50%;}
.radio_input:checked:before,.radio_input:checked:after{    position: absolute;
       top: 2px;left: 2px;width: 8px;height: 8px;font-size: .8rem;display: table;font-family: -webkit-body;content: "";color: #fff;background: #13adff;line-height: .6rem;text-align: center;border-radius: 50%;}  

.layerBtn{margin: .3rem;width: 2rem;background-color: #3d7eff;color: #fff;border-radius: 5px;border: 0;font-size: .16rem;padding: .09rem 0;}

.showLayerBtn{text-align: center}
.showLayerBtn button{display: inline-block;width: 40% !important;margin: 1.5rem .7rem !important;font-weight: normal}

.itemBox{padding: .3rem 0 ;background: #fff;border-radius: .25rem .25rem 0 0;margin-top: .15rem;
    background: -moz-linear-gradient(to bottom, #fff 0%,#fafafc 50%,#f8f8f8 100%);
    background: -webkit-linear-gradient(to bottom, #fff 0%,#fafafc 50%,#f8f8f8 100%);
    background: linear-gradient(to bottom, #fff 0%,#fafafc 50%,#f8f8f8 100%);}
.itemBox .itemTitle{text-align: center;font-weight: bold;font-size: .16rem;}
.itemBox .itemText{padding: .2rem;text-indent: .3rem;line-height: .25rem}
.cardSwiper .swiper-slide{margin: .1rem;box-shadow: 0 0 10px 0 #a5b4cd;border-radius: 20px;width: 2.2rem;}
.cardSwiper img{width: 100%}

.lineheight{padding:.15rem .13rem;}
.lineheight img{width: .5rem;height: .5rem;vertical-align: middle;display: inline-block;}
.lineheight .rightBox{display: inline-block;width: 80%;padding-left: .1rem;vertical-align: middle;font-weight: bold}
.lineheight .rightBox p{font-weight: normal;font-size: 0.14rem;margin-top: .05rem;}

.fixFoot{position: fixed;right: .7rem;bottom: 20%;}
.fixFoot li{display: block;background-color: #fff;margin: .7rem 0;border-radius: 50px;overflow: hidden;box-shadow: 0 0 10px 0 rgba(155,143,143,0.3);width: 2rem;height: 2rem;}
.fixFoot img{width: 2rem;height: 2rem;display: block}
.fixFoot li:first-child{background-color: #3d7eff}
.fixFoot li:first-child img{width: 1.2rem;height: 1.2rem;margin: 5rem auto;}
.fixFoot button{background-color: unset;padding: 0;margin: 0}

.bannerBox{position: relative}
.bannerBox .clickArea{position: absolute;display: flex;width: 75%;height: 1rem;bottom: 0;}
.bannerBox .clickArea a{flex: 1;display: inline-block;}
.banner{display: block;width: 100%;}

.minText{color: #666;padding: .1rem;text-indent: .3rem;line-height: .25rem;}

/*代理*/
.tabTitle{color: #000;font-weight: bold;font-size: .16rem;text-align: center;margin: 0 0 .2rem}
.tabTitle img{width: .3rem;vertical-align: middle;margin: 0 .1rem;display: inline-block;}

.btnBox{text-align: center}
.btnBox .borderLine{width: 2rem;display: inline-block;margin: .25rem .1rem 0;position: relative;border:1px solid #3d7eff;height: 38px;border-radius: 4px;}
.btnBox .borderLine button{position: absolute;top: -.05rem;left: -.04rem;width: 2rem;background-color: #3d7eff;color: #fff;border-radius: 5px;border: 0;font-size: .16rem;padding: .09rem 0;}

.inviteList{display: block;line-height: .3rem;width: 60%;text-align: left;margin: 0 auto;}
.inviteList li{display: block}
.inviteList li mp-icon{margin-right: .1rem;vertical-align: 2px;}

.agentTip{display: inline-block;width: 43%;padding: .1rem 3%;vertical-align: top;height: 1.4rem}
.agentTip img{width: .5rem;display: block;margin: .05rem auto}
.agentTip p{font-size: .14rem;color: #999;margin-top: .1rem;line-height: .2rem;}