@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
a:active,a:hover{outline:0;text-decoration:none;}
li{list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { border:0;-webkit-touch-callout:none; vertical-align: middle; display:block}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.all-wrap p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
body{ background:#fff;}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }

.title{ font-size:3.8rem; text-align:center; color:#43363d; margin:5% auto 6%; font-weight:600;}
.title2{ font-size:2.4rem;}

.content1 .p1{color:#4a4949; font-size:2.4rem; bottom:5%; padding:0 3%}

.content2 .p2{ width:60%; right:4%; top:-8%; font-size:2.4rem; text-align:center; color:#fff;}
.content2 .contain2 .btn{ width:65%; height:40%;top:35%; right:4%}

.content3 .contain1 .btn{ width:50%; height:11%;top:62%; right:3%}

.content4 .p3{ padding:0 4%; bottom:3%; font-size:2.4rem;color:#fff;}
.content4 .contain3 .p4{padding:0 4%; top:-6%; font-size:2.4rem;color:#fff;}
.content4 .contain3 .btn{width:75%; height:40%;top:30%; right:10%}

.content5 .contain1 .btn{width:55%; height:11%;top:55%; right:0%}

.content6 .contain1 .p5{ padding:0 18% 0 4%; bottom:4%; font-size:2.4rem;color:#5650a5;}
.content6 .contain2 .p6{ padding:0 4% 0 25%; bottom:13%; font-size:2.4rem;color:#393939;}
.content6 .contain2 .btn2{bottom:5%; right:9%;width:78%; height:7%;}

.content7 .contain1 .btn{width:55%; height:11%;top:55%; right:0%}
.content7 .contain2 .p7{ font-size:2.5rem; width:48%; right:5%; color:#8e2061; top:66%}
.content7 .contain3{ background:#fd92d1; padding:5% 0;}
.content7 .contain3 .p8{ width:67%; left:9%; font-size:2.2rem; color:#363636; top:24%}
.content7 .contain3 .mt{ margin-top:3%;}
.content7 .contain4 .p9{ font-size:2.5rem; width:47%; right:5%; color:#8e2061; top:30%}
.content7 .contain4 .p10{font-size:2.9rem; color:#d94da0;top:35%; left:0%; width:69%;  text-align:center}
.content7 .contain4 .case5 .btn{ width:20%; height:100%; border-radius:50%; top:0%; right:5%}
.content7 .contain4 .mt{ margin-top:4%}
.content7 .contain4{background:#fd92d1;}
.content7 .contain5{ margin-top:4%}

.content8 .p11{ color:#363636; font-size:2.4rem; width:68%;  left:26%;top:57%}
.content8 .contain3 .btn{top:0%; right:9%;width:78%; height:55%;}
.content8 .contain4 .btn{top:42%; right:25%;width:49%; height:51%;}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
.content7 .contain3 .p8{ top:21%; font-size:2.2rem; width:72%; left:6%}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}