@charset "UTF-8";
/*
@authors Chu Jing (1404135738@qq.com)
@date    2019-12-31 17:31:31
@version $Id$
*/

/*==================== 样式重置 ====================*/
html,body,/*页面标签*/
div,h1,h2,h3,h4,h5,h6,p,br,ol,ul,li,dl,dt,dd,table,tr,th,td,/*快标签*/
span,a,img,input,var,em,strong,textarea,select,option,form,button,/*行标签*/
article,aside,canvas,details,figure,figcaption,footer,header,hgroup,main,menu,nav,audio,video,/*h5标签*/
applet,object,iframe,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,ins,kbd,q,s,samp,small,strike,sub,sup,tt,b,u,i,center,fieldset,label,legend,caption,tbody,tfoot,thead,embed,output,ruby,section,summary,time,mark/*其他标签*/
{
    margin:0;
    padding:0;
}
body{
    font-family:"Helvetica Neue",Helvetica,'PingFang SC','Microsoft Yahei',"Arial",sans-serif;
    text-align:left;
    background:#fff;
    font-size:14px;
    position:relative;
}
dl,ul,ol,menu,li{
    list-style:none;
}
img,abbr,input,button,acronym,fieldset,textarea{
  border:none;
}
input,select,textarea,button{
    vertical-align:middle;
    outline:none;
}
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;
}
button{
    border:none;
    cursor:pointer;
}
a,button,input[type="button"],input[type="submit"]{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);
    -ms-tap-highlight-color:rgba(0, 0, 0, 0);
    -o-tap-highlight-color:rgba(0, 0, 0, 0);
    tap-highlight-color:rgba(0, 0, 0, 0);
    background-color:transparent;
}
textarea{
    resize:none;
    overflow:auto;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
th,strong,var,em{
    font-weight:normal;
    font-style:normal;
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
}
a{
    text-decoration:none;
    outline:none;
}
a:active,a:hover{
    text-decoration:none;
}
*:focus{
    outline:none;
}
/*==================== 样式重置 ====================*/

/*================= 手机版媒体查询 =================*/
@media(device-height:480px)and(-webkit-min-device-pixel-ratio:2){
    html{font-size:32px;}
}
@media only screen and(max-width:320px){
    html{font-size:32px;}
}
@media only screen and(min-width:321px)and(max-width:346px){
    html{font-size:34.6px;}
}
@media only screen and(min-width:347px)and(max-width:360px){
    html{font-size:36px;}
}
@media only screen and(min-width:361px)and(max-width:375px){
    html{font-size:37.5px;}
}
@media only screen and(min-width:376px)and(max-width:384px){
    html{font-size:38.4px;}
}
@media only screen and(min-width:385px)and(max-width:390px){
    html{font-size:39px;}
}
@media only screen and(min-width:391px)and(max-width:400px){
    html{font-size:40px;}
}
@media only screen and(min-width:401px)and(max-width:412px){
    html{font-size:41.2px;}
}
@media only screen and(min-width:413px)and(max-width:414px){
    html{font-size:41.4px;}
}
@media only screen and(min-width:415px)and(max-width:427px){
    html{font-size:42.7px;}
}
@media only screen and(min-width:428px)and(max-width:432px){
    html{font-size:43.2px;}
}
@media only screen and(min-width:433px)and(max-width:480px){
    html{font-size:48px;}
}
@media only screen and(min-width:481px)and(max-width:505px){
    html{font-size:50.4px;}
}
@media only screen and(min-width:506px)and(max-width:605px){
    html{font-size:60.4px;}
}
@media only screen and(min-width:606px)and(max-width:641px){
    html{font-size:64px;}
}
@media only screen and(min-width:642px)and(max-width:720px){
    html{font-size:72px;}
}
@media only screen and(min-width:721px)and(max-width:768px){
    html{font-size:76.8px;}
}
@media only screen and(min-width:769px)and(max-width:800px){
    html{font-size:80px;}
}
@media only screen and(min-width:801px)and(max-width:1025px){
    html{font-size:102.4px;}
}
@media only screen and(min-width:1026px){
    html{font-size:102.6px;}
}
@media only screen and(min-width:1279px){
    html{font-size:127.9px;}
}
@media only screen and(min-width:1439px){
    html{font-size:143.9px;}
}
@media only screen and(min-width:1599px){
    html{font-size:159.9px;}
}
/*================= 手机版媒体查询 =================*/

/*================= 电脑版媒体查询 =================*/
@media(min-width:1024px){
    html{font-size:18px}
}
@media(min-width:1100px){
    html{font-size:20px}
}
@media(min-width:1280px){
    html{font-size:22px;}
}
@media(min-width:1366px){
    html{font-size:24px;}
}
@media(min-width:1440px){
    html{font-size:25px;}
}
@media(min-width:1680px){
    html{font-size:28px;}
}
@media(min-width:1920px){
    html{font-size:33px;}
}
/*================= 电脑版媒体查询 =================*/

/*==================== 公共样式 ====================*/
.radio,.checkbox,.beijing{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.beijing{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);
    -ms-tap-highlight-color:rgba(0, 0, 0, 0);
    -o-tap-highlight-color:rgba(0, 0, 0, 0);
    tap-highlight-color:rgba(0, 0, 0, 0);
    background-color:transparent;
}
.none{
    display:none;
}
.clear{
    clear:both;
}
.wrap{
    width:1200px;
    margin:auto;
    overflow:hidden;
}
.popup{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
}
.mban{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    position:absolute;
    top:0;
    left:0;
}
/*==================== 公共样式 ====================*/