body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td ul,li{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:14px;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#fff; font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body,html{
    width: 100%;
    height: 100%;
}
.page1{
    width: 7.5rem;
    height: 100%;
    background: radial-gradient(left center , circle cover , rgb(248, 125, 215) 23% , rgb(104, 40, 170) 86%);
    background: -o-radial-gradient(left center , circle cover , rgb(248, 125, 215) 23% , rgb(104, 40, 170) 86%);
    background: -ms-radial-gradient(left center , circle cover , rgb(248, 125, 215) 23% , rgb(104, 40, 170) 86%);
    background: -moz-radial-gradient(left center , circle cover , rgb(248, 125, 215) 23% , rgb(104, 40, 170) 86%);
    background: -webkit-radial-gradient(left center , circle cover , rgb(248, 125, 215) 23% , rgb(104, 40, 170) 86%);
    overflow: hidden;

}
.page2 {
    width: 7.5rem;
    height: 100%;
    overflow: hidden;
    background: radial-gradient(left bottom , circle cover , rgb(9, 202, 68) , rgb(141, 75, 254) 100%);
    background: -o-radial-gradient(left bottom , circle cover , rgb(9, 202, 68) , rgb(141, 75, 254) 100%);
    background: -ms-radial-gradient(left bottom , circle cover , rgb(9, 202, 68) , rgb(141, 75, 254) 100%);
    background: -moz-radial-gradient(left bottom , circle cover , rgb(9, 202, 68) , rgb(141, 75, 254) 100%);
    background: -webkit-radial-gradient(left bottom , circle cover , rgb(9, 202, 68) , rgb(141, 75, 254) 100%);

}
.page3 {
    width: 7.5rem;
    height: 100%;
    overflow: hidden;

    background: radial-gradient(left center , circle cover , rgb(61, 174, 174) , rgb(200, 88, 230) 100%);
    background: -o-radial-gradient(left center , circle cover , rgb(61, 174, 174) , rgb(200, 88, 230) 100%);
    background: -ms-radial-gradient(left center , circle cover , rgb(61, 174, 174) , rgb(200, 88, 230) 100%);
    background: -moz-radial-gradient(left center , circle cover , rgb(61, 174, 174) , rgb(200, 88, 230) 100%);
    background: -webkit-radial-gradient(left center , circle cover , rgb(61, 174, 174) , rgb(200, 88, 230) 100%);



}
.page4 {
    width: 7.5rem;
    height: 100%;
    overflow: hidden;

    background: radial-gradient(right top , circle cover , rgb(9, 202, 146) , rgb(200, 173, 35) 100%);
    background: -o-radial-gradient(right top , circle cover , rgb(9, 202, 146) , rgb(200, 173, 35) 100%);
    background: -ms-radial-gradient(right top , circle cover , rgb(9, 202, 146) , rgb(200, 173, 35) 100%);
    background: -moz-radial-gradient(right top , circle cover , rgb(9, 202, 146) , rgb(200, 173, 35) 100%);
    background: -webkit-radial-gradient(right top , circle cover , rgb(9, 202, 146) , rgb(200, 173, 35) 100%);


}
.page5 {
    width: 7.5rem;
    height: 100%;
    overflow: hidden;
    background: radial-gradient(left center , circle cover , rgb(32, 122, 175) , rgb(33, 161, 54) 100%);
    background: -o-radial-gradient(left center , circle cover , rgb(32, 122, 175) , rgb(33, 161, 54) 100%);
    background: -ms-radial-gradient(left center , circle cover , rgb(32, 122, 175) , rgb(33, 161, 54) 100%);
    background: -moz-radial-gradient(left center , circle cover , rgb(32, 122, 175) , rgb(33, 161, 54) 100%);
    background: -webkit-radial-gradient(left center , circle cover , rgb(32, 122, 175) , rgb(33, 161, 54) 100%);



}
.tips02{
    text-align: center;
    margin: 2rem 0 1rem;
    color: #fff;
}
.m02{
    width: 5.5rem;
    margin: 0 auto;
}
.m02 img{
    width: 5.5rem;
}

.m03{
    width: 6.5rem;
    margin: 0 auto;
}
.m03 img{
    width: 6.5rem;
}


.m04{
    width: 7rem;
    margin: 0 auto;
}
.m04 img{
    width: 7rem;
}
.tips03{
    text-align: center;
    margin-bottom: 0.2rem;
    color: #fff;
    margin-top: 1.5rem;
    font-size: 18px;
}
.about{
    font-size: 14px;
    padding: 0.1rem 0.5rem;
    color: #fff;
    margin-bottom: 2.5rem;
}
.about p{
    margin-bottom: 12px;
}


.webname{
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: 1rem;
}
.gopc{
    margin: 1.5rem auto 0;
    width: 5rem;
}
.gopc .url{
    background-color: #fff;
    width: 5rem;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 15px;
}
.gopc .tips{
    text-align: center;
    color: #fff;
}
.m01{
    width: 6.5rem;
    margin: 2rem auto 0;
}
.m01 img{
    width: 6.5rem;
}
.footer{
    background-color: #0cb46a;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 0.1rem 0;
}