aside,b,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,i,input,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0}

*{box-sizing:border-box;-ms-box-sizing:border-box;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}

html{margin:0 auto;width:100%;font-size:16px}

button,html,input,select,textarea{font-size:100%;font-family:Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,微软雅黑,Segoe UI,Tahoma,宋体b8b体,SimSun,sans-serif}

body{margin:0 auto;padding-top:74px;padding-bottom:3.125rem;max-width:640px;min-width:320px;background:#fff;color:#2b323a;font-size:.875rem;line-height:1.6;-webkit-text-size-adjust:100%;text-size-adjust:100%; background:#f9f8fa}

@media screen and (min-width:360px) and (max-width:374px){html{font-size:16px}

}

@media screen and (min-width:375px) and (max-width:479px){html{font-size:18px}

}

@media screen and (min-width:480px) and (max-width:539px){html{font-size:20px}

}

@media screen and (min-width:540px) and (max-width:639px){html{font-size:24px}

}

@media screen and (min-width:640px){html{font-size:24px}

}

@font-face {

    font-family: Muiicons;

    font-weight: 400;

    font-style: normal;

    src: url(../fonts/mui.ttf) format('truetype')

}

.mt10{margin-top:.625rem!important}

.mt15{margin-top:.875rem!important}

.mb10{margin-bottom:.625rem}

.mt0{margin:0!important}

.m15{margin:0.85rem!important}

.mt5{margin-top:.325rem!important}

.pt0{padding-top:0!important}

.pt10{padding-top:.625rem}

h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}

:focus{outline:0}

a,input,select,textarea{-webkit-tap-highlight-color:transparent}

q:after,q:before{content:''}

em,i{font-style:normal}

table{border-collapse:collapse;border-spacing:0}

img{border:medium none}

li,ol,ul{list-style:none;vertical-align:middle}

input,textarea{outline:0;-webkit-appearance:none}

textarea{resize:none}

button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}

table{border-collapse:collapse}

input:disabled{color:#777; background:#f6f6f6}

input{ color:#333}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}

input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}

input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;}

.fl{float:left}

.fr{float:right}

.h10{width:100%;height:.625rem;background:#f8f8fa}

input:focus{outline-width:0;box-shadow:none;-ms-box-shadow:none}

a{outline:0;border:0;color:#2b323a;text-decoration:none;cursor:pointer;transition:all .4s ease 0s}

a:focus{outline:0;-moz-outline-style:none}

.clearfix:after{clear:both;display:block;content:''}

.bf{background:#fff!important}

.pl10{padding-left:.625rem!important}

.pr10{padding-right:.625rem!important}

.pl15{padding-left:.875rem!important}

.pr15{padding-right:.875rem!important}

.p15{padding:.875rem!important}

.pt5{padding-top:.375rem!important}

.pb5{padding-bottom:.375rem!important}

.pb15{padding-bottom:.875rem!important}

.p0{padding:0!important}

.pb0{padding-bottom:0!important}

.mb0{margin-bottom:0!important}

.w42{width:42%}

.w58{width:58%}

.w50{width:50%}

.w49{width:49%}

.w55{width:55%}

.w45{width:45%}

.w48{width:48%}

.blue{color:#0066cb!important}

.yellow{color:#f30!important}

.font14{font-size:.875rem!important}

.font12{font-size:.75rem!important; font-weight:400}

.color-0{color:#000!important}

.arrow{padding:0 0 0 .325rem;font-family:宋体}

.close{position:relative;display:inline-block;padding:0;text-indent:-999px;

transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg); 

-webkit-transform:rotate(45deg);

-o-transform:rotate(45deg);}

.close,.close:after{width:.3em;height:1.5em;background:#fff}

.close:after{position:absolute;top:0;left:0;content:"";transform:rotate(270deg);

-ms-transform:rotate(270deg);

-moz-transform:rotate(270deg); 

-webkit-transform:rotate(270deg);

-o-transform:rotate(270deg);}

.font-999{color:#ccc}

.steps-title{line-height:2.5rem}

.steps-title span{position:relative;font-weight:700}

.steps-title1{padding-top:.375rem}

.steps-title1 span{position:relative;font-weight:700;font-size:1rem}

.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fixed{position:fixed;bottom:2.75rem;width:100%;max-width:640px;border-top:1px solid #ddd;background:#f1fdf6}

.border{border:1px solid #f1f1f1}

.border-right{box-sizing:border-box;border-right:1px solid #f1f1f1}

.border-left{box-sizing:border-box;border-left:1px solid #f1f1f1}

.border-top{box-sizing:border-box;border-top:1px solid #f1f1f1}

.border-bottom{box-sizing:border-box;border-bottom:1px solid #f1f1f1}

.border0{border:0!important}

.btn,.w100-img img{display:block;width:100%}

.btn{padding:0 .625rem;height:2.875rem;border:none;border-radius:.325rem;background:#007dfd;color:#fff;text-align:center;font-size:.875rem;line-height:2.875rem;cursor:pointer}

.btn-border{height:2.5rem;border:1px solid #ddd;background:#fff;color:#777;line-height:2.5rem}

.btn-border-blue{border:1px solid #1787fb}

.btn-hui{background:#ddd;color:#999}

.btn-yellow{background:#ff7300;background:linear-gradient(to right,#fe9a02 0,#fe7102 100%);color:#fff}

.btn-yellow1{background:#ff7300;color:#fff}

.btn-green{background: #3C6;color:#fff}



.color-green{color:#019934!important}

.color-hui{color:#999!important}

.color-blue{color:#0265ff}

.color-yellow{color:#ff7300!important}

.color-red{color:#fe4854}

.display *{display:inline-block;vertical-align:middle}

.top-half-pixel{border-top:0!important;background-image:linear-gradient(to top,transparent 0,transparent 50%,#e2e2e2 50%,#e2e2e2 100%);background-position:top}

.bottom-half-pixel,.top-half-pixel{background-size:100% 1px;background-repeat:repeat-x!important;-webkit-background-size:100% 1px}

.bottom-half-pixel{border-bottom:0!important;background-image:linear-gradient(to bottom,transparent 0,transparent 50%,#e2e2e2 50%,#e2e2e2 100%);background-position:bottom}

.left-half-pixel{border-left:0!important;background-position:left,right}

.left-half-pixel,.right-half-pixel{background-image:linear-gradient(to left,transparent 50%,#e2e2e2 100%),linear-gradient(to right,transparent 50%,transparent 100%);background-size:1px 100%;background-repeat:repeat-y!important;-webkit-background-size:1px 100%}

.right-half-pixel{border-right:0!important;background-position:right,left}

.i-arrow{position:relative}

.i-arrow:after{position:absolute;top:50%;right:.25rem;display:block;margin-top:-.3rem;width:.5rem;height:.5rem;border-right:.0625rem solid #30373f;border-bottom:.0625rem solid #30373f;content:"";

transform:rotate(-45deg);

-ms-transform:rotate(-45deg);

-moz-transform:rotate(-45deg); 

-webkit-transform:rotate(-45deg);

-o-transform:rotate(-45deg); }

.color-fff{ color:#fff}



header{position:fixed;top:0;padding-top:10px;width:100%;height:64px;max-width:640px;background:#fff}

.rt-bk,header{z-index:9999;line-height:44px}

.rt-bk{position:absolute;left:0.875rem;float:left;height:44px}

.rt-bk i{ font-size:1.325rem; color:#000}

.rt-bk p{padding:0 .875rem;color:#000;font-size:1rem;line-height:44px; text-align:center}

.rt-bk span{ font-size:1rem; font-weight:700}



.top-name{position:relative;margin:5px 3.25rem 0;height:38px;color:#1b2745;font-size:1rem;line-height:38px; text-align:center}

.top-name input{display:block;padding:.325rem .75rem .325rem 2.25rem;width:100%;height:38px;border:1px solid #ddd;border-radius:2.25rem;background:#fff;font-size:.75rem}

.top-name i{position:absolute;top:0;left:1rem;line-height:38px; font-size:1rem}

.top-sub{position:absolute;top:20px;right:0;z-index:999;padding-right:.875rem;height:1.625rem;color:#fff;font-size:.75rem;line-height:1.625rem}

.top-sub a i{display:block;color:#00c65f; font-size:1.265rem}



.app-foot{position:fixed;bottom:0;left:0;z-index:99;box-sizing:border-box;padding:0 10%;width:100%;height:3.125rem;background:#fff; border-top:1px solid #ddd}

.app-foot li{position:relative;float:left;box-sizing:border-box;padding-top:4px;width:33.3%;text-align:center}

.app-foot li a{ display:block; color:#484848}

.app-foot li a i{ color:#484848}

.app-foot li.cur a,.app-foot li.cur a i{ color:#036eff}

.app-foot li p{font-size:.75rem;line-height:15px}



.color-fff{ color:#fff}

.nav-foot{position: fixed;bottom:0;left:0;z-index:99;display:flex;width:100%;border-top:1px solid #ddd;background:#fff;line-height:2.75rem}

.nav-foot a, .nav-foot span{text-align:center;flex:1 1 0}

.nav-foot a.btn{border-radius:0}

.foot100 li{flex:1 1 0}

.RadioStyle input{display:none}

.RadioStyle label{float:left;margin:2px;padding:2px 10px 2px 5px;min-width:80px;border:1px solid #ccc;border-radius:4px;color:#666;text-align:center;line-height:28px}

.RadioStyle input:checked+label{border:1px solid #00a4ff;background:url(images/ico_checkon.svg) no-repeat right bottom;background-size:21px 21px;color:#00a4ff}

.RadioStyle input:disabled+label{opacity:.7}

.magic-checkbox,.magic-radio{position:absolute;display:none}

.magic-checkbox[disabled],.magic-radio[disabled]{cursor:not-allowed}

.magic-checkbox+label,.magic-radio+label{position:relative;display:block;padding-left:30px;vertical-align:middle;cursor:pointer}

.magic-checkbox+label:hover:before,.magic-radio+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:hover-color}

.magic-checkbox+label:before,.magic-radio+label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;border:1px solid silver;content:''}

.magic-checkbox+label:after,.magic-radio+label:after{position:absolute;display:none;content:''}

.magic-checkbox[disabled]+label,.magic-radio[disabled]+label{color:#e4e4e4;cursor:not-allowed}

.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover,.magic-radio[disabled]+label:after,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:hover{cursor:not-allowed}

.magic-checkbox[disabled]+label:hover:before,.magic-radio[disabled]+label:hover:before{border:1px solid #e4e4e4;animation-name:none}

.magic-checkbox[disabled]+label:before,.magic-radio[disabled]+label:before{border-color:#e4e4e4}

.magic-checkbox:checked+label:before,.magic-radio:checked+label:before{animation-name:none}

.magic-checkbox:checked+label:after,.magic-radio:checked+label:after{display:block}

.magic-radio+label:before{border-radius:50%}

.magic-radio+label:after{top:7px;left:7px;width:8px;height:8px;border-radius:50%;background:#3e97eb}

.magic-radio:checked+label:before{border:1px solid #3e97eb}

.magic-radio:checked[disabled]+label:before{border:1px solid #c9e2f9}

.magic-radio:checked[disabled]+label:after{background:#c9e2f9}

.magic-checkbox+label:before{border-radius:3px}

.magic-checkbox+label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg); 

-webkit-transform:rotate(45deg);

-o-transform:rotate(45deg);}

.magic-checkbox:checked+label:before{border:#3e97eb;background:#3e97eb}

.magic-checkbox:checked[disabled]+label:before{border:#c9e2f9;background:#c9e2f9}





.footer{ background:#3e444c; padding:1.625rem 0 1rem; text-align:center; color:#ccc; font-size:0.75rem}

.footer a{ color:#fff; padding:0 1rem; text-decoration:underline}

.footer p{ padding-bottom:0.625rem}

.foot100{width:100%;border-top:1px solid #f1f1f1}

.foot100 a *{display:inline-block;vertical-align:middle}

.foot100 a p{display:block;width:100#;padding:0 .875rem;font-size:.875rem;line-height:1.3;text-align:left}

.foot100 a p:nth-child(1){padding-top:.25rem;font-size:.75rem}

.foot100 a i.fa{border:1px solid #fff;width:1.25rem;height:1.25rem;border-radius:100%;line-height:1.25rem;margin:0 .325rem;font-size:.75rem; vertical-align:0}

.foot100 a p b{vertical-align:auto}



.wan-spinner{display:inline-block; position:absolute; right:0; top:0.75rem}

.wan-spinner .minus,.wan-spinner .plus,.wan-spinner input{height:30px;float:left;line-height:30px; width:30px; background:#f6f6f6;text-align:center}

.wan-spinner input{margin:0 5px;width:50px; border:1px solid #eee; background:#fff; font-size:12px}

.wan-spinner .minus,.wan-spinner .plus{color:#999;cursor:pointer;text-decoration:none;}



.listbox{background: #fff; margin-bottom: .2rem;}

.listbd{padding:.35rem;text-align: center;}

.mui-col-xs-12 { width: 100%;position: relative;min-height: 1px;}

.listbd .placetitle{font-size: .75rem;color: #666666;margin-bottom: .2rem;}

.listbd .duration { font-size: .75rem;border: 2px solid #ccc;width: 70%;text-align: center;display: block;margin: .2rem auto;padding: .1rem .2rem;border-radius: 20px;background: #fff;position: relative;z-index: 3;}

.listbd .duration {font-size: .75rem;text-align: center;}

.listbd .duration::after, .listbd .duration::before {

  content: '';

  width: 1.8rem;

  height: .15rem;

  background: #ccc;

  position: absolute;

  top: 50%;

}

.listbd .duration::before {right: 100%;}

.listbd .duration::after {left: 100%;}



.mui-icon {

  font-family: Muiicons;

  font-size: 24px;

  font-weight: 400;

  font-style: normal;

  line-height: 1;

  display: inline-block;

  text-decoration: none;

  -webkit-font-smoothing: antialiased;

}



.mui-checkbox input[type="checkbox"]::before, .mui-radio input[type="radio"]::before {

  font-family: Muiicons;

  font-size: 28px;

  font-weight: 400;

  line-height: 1;

  text-decoration: none;

  color: #aaa;

  border-radius: 0;

  background: 0 0;

  -webkit-font-smoothing: antialiased;

}

.mui-icon-closeempty::before {

    content: '\e460';

}

.mui-checkbox input[type="checkbox"]::before {

    content: '\e411';

}

.mui-checkbox input[type="checkbox"]:checked::before {

  content: '\e442';

}



.pane img, .quote img{

	width:100%;

	height:auto;

}
.app-foot{position:fixed;bottom:0px;left:0;z-index:99;box-sizing:border-box;padding:0 10%;width:100%;height:55px;background:#fff; border-top:1px solid #ddd}

.app-foot li{position:relative;float:left;box-sizing:border-box;padding-top:0;width:33.3%;text-align:center;height: 100%;}

.app-foot li a{ display:block; color:#484848}

.app-foot li a i{ color:#484848;font-size: 20px;}

.app-foot li.cur a,.app-foot li.cur a i,.app-foot li.cur a p{ color:#036eff}

/*首页升级弹出*/
#goodcover{position: fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70); overflow:hidden;}
#code{width:80%;background-color:#fff;padding:0.625rem;position: fixed;left:10%;z-index:1002; top:20%;
background:#fff; background-size:100% auto; border-radius:0.3125rem}
.close1{width:100%;height:30px; text-align:right}
.close1 img{width:1.5rm; height:1.5rem; padding:0.25rem; border-radius:100%; background:#e8f5fe}
#closebt{float:right}
#closebt img{width:20px}
.goodtxt{ text-align:center; font-size:1.1rem; color:#666;}
.goodtxt p{ padding:0.25rem 0.937rem; font-size:0.875rem; color:#999; max-height:90px; overflow:hidden; margin-bottom:0.625rem}
.code-btn{ border-top:.0625rem solid #eee; padding:0.75rem 0; text-align:center; margin-top:0.937rem}
.code-btn a{ display:inline-block; line-height:2.35rem; height:2.35rem; padding:0 1.25rem; border-radius:1.2rem;font-size:0.875rem;
color:#3ca9fb; background:#fff; border:0.0625rem solid #3ca9fb; margin:0 0.2rem }
.code-btn a:last-child{ background:#3ca9fb; color:#fff}
#btnSendCode{color:#666;cursor:pointer;display:block;font-weight:400;position:absolute;right:0;text-align:center;top:0;z-index:3;width:150px;font-size:.75rem;padding:.8rem 0;background:#fdf2d9; line-height:1.2125rem; border-radius:0}
#btnSendCode:disabled{color:#999;background:#e2e2e2}