/*reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,tr,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a {outline: none;}
a,button{cursor:pointer;}
button,input{ border: none;}
em{font-weight:bold;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1 arial,Helvetica,"Microsoft YaHei",\5b8b\4f53;color:#666;outline:0;}
body{ font-family:Helvetica, "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif}
a{color:#333; text-decoration:none}
input,textarea {vertical-align: middle;font-family:Helvetica,"Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serifoutline: none;}
body {background:#f5f5f5; color: #666; font-size:16px;}
@media (min-width: 400px){html,body,textarea,button,a,input,select{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}
html,body,textarea,button,input,select{font-size:30px}
html,body{max-width:720px;margin:0 auto}
@media all and (max-width: 720px){html,body,textarea,button,input,select{font-size:24px}}
@media all and (max-width: 540px){html,body,textarea,button,input,select{font-size:22px}}
@media all and (max-width: 480px){html,body,textarea,button,input,select{font-size:20px}}
@media all and (max-width: 420px){html,body,textarea,button,input,select{font-size:18px}}
@media all and (max-width: 380px){html,body,textarea,button,input,select{font-size:16px}}
@media all and (max-width: 320px){html,body,textarea,button,input,select{font-size:14px}}
.clearfix::after, .clearfix::before {
    content: " ";
    display: table;
}
.clearfix::after{ clear: both; font-size: 0; height: 0;visibility: hidden;}
.ofh {overflow: hidden;}
.fl {float: left;}
.fr {float: right;}
html{ background:#f5f5f5;}
input{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;}

input[type="checkbox"]{ 
    width: 1.5rem; 
    height: 1.5rem;
    border: 1px solid #dbdbdb;
    border-radius: 0.1875rem;
    -moz-border-radius:0.1875rem;
    -webkit-border-radius:0.1875rem;
    background: #fff;
}
input[type="checkbox"]:checked {
background: url(/mobile/images/rightIcon.png) no-repeat center center;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.ridus3{ border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem;-moz-border-radius: 0.1875rem;-o-border-radius: 0.1875rem;}
.ridus10{ border-radius:  0.625rem; -webkit-border-radius:  0.625rem;-moz-border-radius:  0.625rem;-o-border-radius: 0.625rem;}

.kefu_box{ position: fixed; bottom: 6rem; right: 0;}
.kefu_box a{margin-top: 1px; width: 2rem; text-align: center; display: block; color: #fff; padding:0.625rem 0.5rem; font-size: 0.875rem;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px; background: #4cb5ff}
.top_box{ position: fixed; right: 1.125rem; width: 3rem; height: 3rem; bottom: 5rem; }
.top_box a{ display: block;box-shadow: 0 3px 9px 2px rgba(83,177,245,0.5);border-radius: 1.5rem;-webkit-border-radius: 1.5rem;-moz-border-radius: 1.5rem;background: #53b1f5;}
.top_box .pc{ width: 3rem; height: 3rem; line-height: 3rem; margin-top: 0.375rem; font-size: 0.875rem; text-align: center; color: #fff}
.kefu_box a img{ width: 80%; display: block; padding: 10%;}