@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#606060; font-family:'Arial';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #858585;text-decoration: none;}/* transition:color 0.3s linear;*/
a:visited {font-size: 14px;color: #858585;text-decoration: none;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;color:#225EAB;text-decoration:none;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.pagefloat { position:fixed; right:0; top:40%; z-index:9999; width:250px; height:178px; overflow:hidden; background-color:#333; border-radius:90px 0 0 90px;}
.pagefloat .timg { margin:0 auto; width:90%; text-align:left; margin-top:5px;}
.pagefloat .timg img { width:100%; height:auto;}
.pagefloat .floatbt { float:right; width:70%; margin-right:20px; overflow:hidden; margin-top:0px;}
.pagefloat .floatbt a { display:block; text-align:center; height:45px; padding-top:5px; background-color:#84D32E; border-bottom:3px solid #578E0D; border-radius:5px; font-size:16px; font-weight:bold; color:#000; line-height:22px; font-family:'Arial black';}
.pagefloat .floatbt a font { font-size:16px; font-weight:bold; color:#FF0000; line-height:22px; font-family:'Arial black';}

@media screen and (max-width:750px){
	.pagefloat { display:none; width:40%; height:30vw; top:50%; border-radius:20vw 0 0 20vw; opacity:0.9; background-color:#000;}
	.pagefloat .timg { margin-top:1vw;}
	.pagefloat .floatbt { float:right; width:80%; margin-right:2vw;}
	.pagefloat .floatbt a { height:10vw; padding-top:0vw; border-radius:10px; font-size:3.5vw; border-bottom:0px; line-height:5vw; background-color:transparent; color:#fff;}
	.pagefloat .floatbt a font { font-size:4vw; color:#F90; line-height:5vw;}
}

.toptip { margin:0 auto; width:847px; margin-top:23px; overflow:hidden; border-left:8px solid #D90000; background-color:#FEFDD4; color:#000; padding:20px 65px 20px 20px; font-size:22px; line-height:32px;}
.toptip .font1 { color:#D90000; font-size:22px; line-height:32px;}
.toptip .font2 { font-weight:bold; color:#000; font-size:22px; line-height:32px;}
.toptip .font3 { font-weight:bold; color:#4AA3E9; font-size:22px; line-height:32px;}
.toptip img { width:19px; height:19px; vertical-align:middle; margin-right:10px; margin-top:-5px;}
@media screen and (max-width:750px){
	.toptip { width:85%; margin-top:3vw; overflow:hidden; border-left:7px solid #D90000; padding:3vw; font-size:3.8vw; line-height:6vw;}
	.toptip .font1 { font-size:3.8vw; line-height:6vw;}
	.toptip .font2 { font-size:3.8vw; line-height:6vw;}
	.toptip .font3 { font-size:3.8vw; line-height:6vw;}
	.toptip img { width:3.8vw; height:3.8vw; margin-right:2vw; margin-top:-1vw;}
}
.pagemain { margin:0 auto; width:940px; overflow:hidden; margin-top:50px;}
.pagemain .pageleft { float:left; width:665px; overflow:hidden;}
.pagemain .pageright { float:right; width:245px; overflow:hidden;}

@media screen and (max-width:750px){
	.pagemain { width:94%; margin-top:8vw;}
	.pagemain .pageleft { float:inherit; width:100%; overflow:hidden;}
	.pagemain .pageright { float:inherit; width:100%; margin-top:8vw; overflow:hidden;}
}

.pagemain .pageleft .topinfo { width:100%; overflow:hidden;}
.pagemain .pageleft .topinfo .bigtitle { width:100%; font-size:50px; color:#000; line-height:60px; font-weight:bold; font-family:'Arial black';}
.pagemain .pageleft .topinfo .bigtitle .font1 { display:inline-table; margin-top:5px; position:relative; height:55px; background-color:#FFF9E1;}
.pagemain .pageleft .topinfo .bigtitle .font1 font { display:inline-table; position:relative; z-index:9; font-size:50px; color:#000; line-height:60px; font-weight:bold; font-family:'Arial black';}
.pagemain .pageleft .topinfo .bigtitle .font2 { display:inline-table; margin-top:5px; position:relative; height:55px; background-color:#FFF9E1;}
.pagemain .pageleft .topinfo .bigtitle .font2 font { display:inline-table; position:relative; z-index:9; font-size:50px; color:#000; line-height:60px; font-weight:bold; font-family:'Arial black';}
.pagemain .pageleft .topinfo .bigtitle .font1 p { display:block; height:60px; position:absolute; z-index:5; width:0%; background: linear-gradient(to right, #FFF8DD, #FFE868, #FFED82);}
.pagemain .pageleft .topinfo .bigtitle .font2 p { display:block; height:60px; position:absolute; z-index:5; width:0%; background: linear-gradient(to right, #FFEC85, #FFF6CF, #FFE967);}
.pagemain .pageleft .topinfo .smalltitle { width:100%; overflow:hidden; margin-top:30px; font-size:26px; color:#1476bb; line-height:35px; font-weight:bold;}
.pagemain .pageleft .topinfo .rank { width:100%; overflow:hidden; margin-top:25px; font-size:20px; line-height:26px; color:#333; font-family:'Montserrat, Helvetica, Arial, sans-serif';}
.pagemain .pageleft .topinfo .rank img { max-width:106px; margin-right:10px; line-height:26px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .topinfo .bigtitle { font-size:7vw; line-height:9vw;}
	.pagemain .pageleft .topinfo .bigtitle .font1 { margin-top:2vw; height:8vw;}
	.pagemain .pageleft .topinfo .bigtitle .font1 font { font-size:7vw; line-height:9vw; }
	.pagemain .pageleft .topinfo .bigtitle .font2 { margin-top:2vw; height:8vw;}
	.pagemain .pageleft .topinfo .bigtitle .font2 font { font-size:7vw; line-height:9vw;}
	.pagemain .pageleft .topinfo .bigtitle .font1 p { height:9vw;}
	.pagemain .pageleft .topinfo .bigtitle .font2 p { height:9vw;}
	.pagemain .pageleft .topinfo .smalltitle { margin-top:6vw; font-size:5.5vw; line-height:7vw;}
	.pagemain .pageleft .topinfo .rank { margin-top:6vw; font-size:5vw; line-height:7vw;}
	.pagemain .pageleft .topinfo .rank img { max-width:30%; margin-right:2vw; line-height:7vw;}
}

.pagemain .pageleft .adarea { margin:0 auto; width:100%; height:445px; display:block; overflow:hidden; margin-top:50px; z-index:0; position:relative;}
.pagemain .pageleft .adarea .ads { width:100%; height:415px; margin-top:30px; z-index:990; overflow:hidden; position:relative;}
.pagemain .pageleft .adarea .ads .aditem { width:100%; height:415px; left:0; text-align:center; overflow:hidden; position:absolute;}
.pagemain .pageleft .adarea .ads .aditem.mask { z-index:-1;}
.pagemain .pageleft .adarea .ads .aditem img { width:100%; height:370px; display:block; transform:scale;}
.pagemain .pageleft .adarea .ads .aditem p { background-color:#F1F9FF; width:100%; height:45px; text-align:center; color:#000; line-height:45px; font-size:19px;}
.pagemain .pageleft .adarea .bts { display:block; margin:0 auto; z-index:9999; width:100%; height:6px; overflow:hidden; position:absolute; z-index:999; top:0px; left:0px; right:0px;}
.pagemain .pageleft .adarea .bts ul { display: table;margin:0 auto;text-align:center;padding:0; width:110%;}
.pagemain .pageleft .adarea .bts ul li { float:left; display:block; width:210px; height:6px; margin-right:17px; border-radius:10px; overflow:hidden; cursor:pointer; background-color:#E7E7E7;}
.pagemain .pageleft .adarea .bts ul li.current { background-color:#BBBBBB;}
@media screen and (max-width:750px){
	.pagemain .pageleft .adarea { height:auto; margin-top:8vw;}
	.pagemain .pageleft .adarea .ads { height:75vw; margin-top:6vw;}
	.pagemain .pageleft .adarea .ads .aditem { width:100%; height:75vw;}
	.pagemain .pageleft .adarea .ads .aditem img { height:60vw;}
	.pagemain .pageleft .adarea .ads .aditem p { width:90%; height:12vw; padding:0 5%; padding-top:3vw; line-height:5vw; font-size:3.8vw; overflow:hidden;}
	.pagemain .pageleft .adarea .bts { height:1.5vw;}
	.pagemain .pageleft .adarea .bts ul { width:104%;}
	.pagemain .pageleft .adarea .bts ul li { width:30%; height:1.5vw; margin-right:3%; border-radius:2vw;}
}

.pagemain .pageleft .word1 { width:100%; text-align:left; font-size:20px; color:#000; margin-top:30px;}
.pagemain .pageleft .logos { width:100%; overflow:hidden; margin-top:33px; background-color:#F2F2F2; border-radius:10px; padding:23px 0 20px 0;}
.pagemain .pageleft .logos .logname { float:left; width:23%; text-align:right; font-size:18px; line-height:27px; margin-top:3px; color:#AFAFAF;}
.pagemain .pageleft .logos .lglist { float:left; width:67%; text-align:center; margin-left:10%;}
.pagemain .pageleft .logos .lglist ul { width:100%;}
.pagemain .pageleft .logos .lglist ul li { float:left; width:22%; margin-left:1.5%; margin-right:1.5%; text-align:center;}
.pagemain .pageleft .logos .lglist ul li .img1 { width:100%; height:22px; margin-top:3px;}
.pagemain .pageleft .logos .lglist ul li .img2 { width:auto; height:27px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .word1 { font-size:3.8vw; margin-top:6vw;}
	.pagemain .pageleft .logos { margin-top:6vw; border-radius:10px; padding:5vw 0 0 0;}
	.pagemain .pageleft .logos .logname { float:inherit; width:100%; text-align:center; font-size:4vw; line-height:5vw; margin-top:0vw; }
	.pagemain .pageleft .logos .lglist { float:inherit; margin:0 auto; width:90%; text-align:center; margin-top:3vw;}
	.pagemain .pageleft .logos .lglist ul { width:100%;}
	.pagemain .pageleft .logos .lglist ul li { float:left; width:50%; margin-left:0%; margin-right:0%; margin-bottom:5vw}
	.pagemain .pageleft .logos .lglist ul li .img1 { width:auto; height:5vw; margin-top:0vw;}
	.pagemain .pageleft .logos .lglist ul li .img2 { width:auto; height:5vw;}
}

.pagemain .pageleft .area1 { width:100%; text-align:left; margin-top:50px; overflow:hidden;}
.pagemain .pageleft .area1 .title { width:100%; font-size:30px; font-weight:bold; color:#1476bb; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area1 .passage { width:100%; overflow:hidden; margin-top:35px; font-size:19px; color:#232323; line-height:28px;}
.pagemain .pageleft .area1 .passage b { font-weight:bold; color:#000; font-size:19px; line-height:28px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area1 { margin-top:8vw;}
	.pagemain .pageleft .area1 .title { font-size:5vw; line-height:7vw;}
	.pagemain .pageleft .area1 .passage { margin-top:6vw; font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area1 .passage b { font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area1 .passage img { width:100%; height:auto;}
}

.pagemain .pageleft .area2 { width:100%; text-align:left; margin-top:50px; overflow:hidden;}
.pagemain .pageleft .area2 .title { width:100%; font-size:29px; font-weight:bold; color:#000; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area2 .title a { font-size:29px; font-weight:bold; color:#1476BB; line-height:40px; text-decoration:underline; font-family:'Arial black';}
.pagemain .pageleft .area2 .show { width:100%; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.pagemain .pageleft .area2 .show img { width:100%; height:auto;}
.pagemain .pageleft .area2 .show p { display:block; background-color:#F1F9FF; width:100%; height:45px; text-align:center; color:#000; line-height:45px; font-size:19px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area2 { margin-top:8vw;}
	.pagemain .pageleft .area2 .title { font-size:5vw; line-height:7vw;}
	.pagemain .pageleft .area2 .title a { font-size:5vw; line-height:7vw;}
	.pagemain .pageleft .area2 .show { margin-top:6vw; margin-bottom:6vw;}
	.pagemain .pageleft .area2 .show p { width:80%; padding:0 10%; height:12vw; padding-top:3vw; line-height:5vw; font-size:4vw;}
}

.pagemain .pageleft .area3 { width:100%; text-align:left; margin-top:20px; overflow:hidden;}
.pagemain .pageleft .area3 .title { width:100%;}
.pagemain .pageleft .area3 .title span { font-size:29px; font-weight:bold; color:#000; line-height:40px; background: linear-gradient(to right, #FFF8DE, #FFECB3, #FFE290); font-family:'Arial black';}
.pagemain .pageleft .area3 .passage { width:100%; overflow:hidden; margin-top:30px; font-size:19px; color:#232323; line-height:28px;}
.pagemain .pageleft .area3 .passage b { font-weight:bold; color:#000; font-size:19px; line-height:28px;}
.pagemain .pageleft .area3 .show { width:100%; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.pagemain .pageleft .area3 .show img { width:100%; height:auto;}
.pagemain .pageleft .area3 .show p { display:block; background-color:#F1F9FF; width:100%; height:45px; text-align:center; color:#000; line-height:45px; font-size:19px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area3 { margin-top:4vw;}
	.pagemain .pageleft .area3 .title span { font-size:5vw; line-height:7vw;}
	.pagemain .pageleft .area3 .passage { margin-top:6vw; font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area3 .passage b { font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area3 .show { margin-top:6vw; margin-bottom:6vw;}
	.pagemain .pageleft .area3 .show p { width:80%; padding:0 10%; height:12vw; padding-top:3vw; line-height:5vw; font-size:4vw;}
}

.pagemain .pageleft .area4 { width:100%; text-align:left; margin-top:10px; overflow:hidden;}
.pagemain .pageleft .area4 .title { width:100%; font-size:29px; font-weight:bold; color:#000; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area4 .title a { font-size:29px; font-weight:bold; color:#1476BB; line-height:40px; text-decoration:underline; font-family:'Arial black';}
.pagemain .pageleft .area4 .stitle { width:100%; text-align:left; margin-top:20px; font-size:20px; font-weight:bold; color:#000;}
.pagemain .pageleft .area4 .showlist { width:100%; margin-top:30px; overflow:hidden;}
.pagemain .pageleft .area4 .showlist ul { width:103%;}
.pagemain .pageleft .area4 .showlist ul li { float:left; width:47%; margin-right:3%; margin-bottom:3%; background-color:#F1F9FF;}
.pagemain .pageleft .area4 .showlist ul li .info { margin:0 auto; width:90%; padding:5% 0;}
.pagemain .pageleft .area4 .showlist ul li .info img { width:100%; height:auto;}
.pagemain .pageleft .area4 .showlist ul li .info p { width:100%; height:70px; margin-top:20px; overflow:hidden; font-size:18px; color:#000; line-height:25px;}
.pagemain .pageleft .area4 .passage { width:100%; overflow:hidden; margin-top:20px; font-size:19px; color:#232323; line-height:28px;}
.pagemain .pageleft .area4 .passage b { font-weight:bold; color:#000; font-size:19px; line-height:28px;}
.pagemain .pageleft .area4 .showbt { width:100%; overflow:hidden; margin-top:30px;}
.pagemain .pageleft .area4 .showbt a { display:block; text-align:center; height:65px; background-color:#1EB300; height:65px; border-bottom:3px solid #158000; border-radius:5px; font-size:25px; font-weight:bold; color:#000; line-height:65px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area4 { margin-top:3vw;}
	.pagemain .pageleft .area4 .title { font-size:5.5vw; line-height:7vw;}
	.pagemain .pageleft .area4 .title a { font-size:5.5vw; line-height:7vw;}
	.pagemain .pageleft .area4 .stitle { margin-top:4vw; font-size:4.5vw;}
	.pagemain .pageleft .area4 .showlist { margin-top:6vw;}
	.pagemain .pageleft .area4 .showlist ul { width:100%;}
	.pagemain .pageleft .area4 .showlist ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:3vw;}
	.pagemain .pageleft .area4 .showlist ul li .info p { width:100%; height:12vw; margin-top:3vw; font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area4 .passage { margin-top:6vw; font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area4 .passage b { font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area4 .showbt { margin-top:6vw;}
	.pagemain .pageleft .area4 .showbt a { width:auto; height:13.5vw; padding:3.5vw 10vw; border-radius:2vw; font-size:5.8vw;line-height:6.5vw;}
}
.pagemain .pageleft .area5 { width:100%; text-align:left; margin-top:50px; overflow:hidden;}
.pagemain .pageleft .area5 .title { width:100%; overflow:hidden; font-size:29px; font-weight:bold; color:#000; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area5 .title a { font-size:29px; font-weight:bold; color:#1476BB; line-height:40px; text-decoration:underline; font-family:'Arial black';}
.pagemain .pageleft .area5 .itemlist { width:100%; overflow:hidden; margin-top:30px; background-color:#F1F9FF; border-radius:10px;}
.pagemain .pageleft .area5 .itemlist .data { margin:0 auto; width:90%; overflow:hidden; padding:20px 0; border-bottom:1px dashed #83C7E0; display:flex; justify-content:center; align-items:center;}
.pagemain .pageleft .area5 .itemlist .data .lico { float:left; width:105px; text-align:left;}
.pagemain .pageleft .area5 .itemlist .data .lico img { max-width:70%;}
.pagemain .pageleft .area5 .itemlist .data .rinfo { float:left; width:calc(100% - 105px); font-size:18px; color:#252525; line-height:25px;}
.pagemain .pageleft .area5 .itemlist .data .rinfo b { font-weight:bold; color:#000; font-size:18px; line-height:25px;}
.pagemain .pageleft .area5 .itemlist .data:last-child { border-bottom:0px;}
.pagemain .pageleft .area5 .title2 { width:100%; overflow:hidden; margin-top:30px; font-size:29px; font-weight:bold; color:#000; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area5 .stitle { width:100%; text-align:left; margin-top:20px; font-size:20px; color:#000; line-height:25px;}
.pagemain .pageleft .area5 .stitle b { color:#D90000; font-size:20px; font-weight:bold; line-height:25px;}
.pagemain .pageleft .area5 .showbt { width:100%; overflow:hidden; margin-top:40px;}
.pagemain .pageleft .area5 .showbt a { display:block; text-align:center; height:65px; background-color:#1EB300; height:65px; border-bottom:3px solid #158000; border-radius:5px; font-size:25px; font-weight:bold; color:#000; line-height:65px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area5 { margin-top:8vw;}
	.pagemain .pageleft .area5 .title { font-size:5.5vw; line-height:7vw;}
	.pagemain .pageleft .area5 .title a { font-size:5.5vw; line-height:7vw;}
	.pagemain .pageleft .area5 .itemlist { margin-top:6vw; border-radius:10px;}
	.pagemain .pageleft .area5 .itemlist .data { width:95%; padding:4vw 0;}
	.pagemain .pageleft .area5 .itemlist .data .lico { float:left; width:25%;}
	.pagemain .pageleft .area5 .itemlist .data .lico img { max-width:90%;}
	.pagemain .pageleft .area5 .itemlist .data .rinfo { float:left; width:75%; font-size:3.8vw; line-height:5vw;}
	.pagemain .pageleft .area5 .itemlist .data .rinfo b { font-size:3.8vw; line-height:5vw;}
	.pagemain .pageleft .area5 .title2 { margin-top:8vw; font-size:5.5vw; line-height:7vw;}
	.pagemain .pageleft .area5 .stitle { margin-top:6vw; font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area5 .stitle b { font-size:4vw; line-height:6vw;}
	.pagemain .pageleft .area5 .showbt { margin-top:6vw;}
	.pagemain .pageleft .area5 .showbt a { width:auto; height:13.5vw; padding:3.5vw 10vw; border-radius:2vw; font-size:5.8vw;line-height:6.5vw;}
}
.pagemain .pageleft .area6 { width:100%; text-align:left; margin-top:50px; overflow:hidden;}
.pagemain .pageleft .area6 .title { width:100%; overflow:hidden; text-align:center; padding-top:20px; border-top:1px dashed #DCDCDC; font-size:35px; font-weight:bold; color:#000; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area6 .showarea { width:100%; overflow:hidden; margin-top:25px;}
.pagemain .pageleft .area6 .showarea .data { width:100%; overflow:hidden; margin-bottom:12px;}
.pagemain .pageleft .area6 .showarea .data .stitle { width:100%; height:55px; position:relative; background-color:#EBEDF0; cursor:pointer; font-size:18px; font-weight:bold; color:#1A1A1A; line-height:55px; text-indent:35px;}
.pagemain .pageleft .area6 .showarea .data .stitle p { display:block; position:absolute; text-indent:0px; right:20px; top:20px; width:20px; height:13px; background:url(../images/r1.webp) no-repeat center center; background-size:100% auto;}
.pagemain .pageleft .area6 .showarea .data .stitle p.on { transform:rotate(270deg);right:17px;}
.pagemain .pageleft .area6 .showarea .data .sdata { display:none; width:auto; border:1px solid #EBEDF0; border-top:0px;}
.pagemain .pageleft .area6 .showarea .data .sdata .notes { margin:0 auto; padding:15px 0; width:90%; font-size:16px; color:#000; line-height:25px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area6 { margin-top:8vw;}
	.pagemain .pageleft .area6 .title { font-size:6vw; line-height:7vw;}
	.pagemain .pageleft .area6 .showarea { margin-top:6vw;}
	.pagemain .pageleft .area6 .showarea .data { margin-bottom:3vw;}
	.pagemain .pageleft .area6 .showarea .data .stitle { width:82%; padding:3vw 0; padding-left:3%; padding-right:15%; height:auto; font-size:4vw; line-height:5.5vw; text-indent:0vw;}
	.pagemain .pageleft .area6 .showarea .data .stitle p { right:3vw; top:4.5vw; width:15px; height:10px;}
	.pagemain .pageleft .area6 .showarea .data .stitle p.on { transform:rotate(270deg);right:2.8vw;}
	.pagemain .pageleft .area6 .showarea .data .sdata .notes { padding:3vw 0; font-size:3.8vw; line-height:6vw;}
}
.pagemain .pageleft .area7 { width:100%; text-align:left; margin-top:50px; overflow:hidden;}
.pagemain .pageleft .area7 .title { width:100%; overflow:hidden; text-align:center; font-size:35px; font-weight:bold; color:#000; line-height:40px; font-family:'Arial black';}
.pagemain .pageleft .area7 .dislist { width:100%; overflow:hidden; margin-top:30px;}
.pagemain .pageleft .area7 .dislist .disdata { width:100%; overflow:hidden; margin-bottom:30px;}
.pagemain .pageleft .area7 .dislist .disdata .headarea { width:100%; overflow:hidden; font-size:18px; line-height:40px; color:#000; font-weight:bold;}
.pagemain .pageleft .area7 .dislist .disdata .headarea img { width:40px; height:40px; vertical-align:middle; margin-right:10px; border-radius:50%;}
.pagemain .pageleft .area7 .dislist .disdata .stars { width:100%; overflow:hidden; margin-top:15px; font-size:16px; line-height:18px; color:#000; font-weight:bold;}
.pagemain .pageleft .area7 .dislist .disdata .stars img { width:90px; height:auto; vertical-align:middle; margin-right:10px;}
.pagemain .pageleft .area7 .dislist .disdata .areashow { width:100%; overflow:hidden; margin-top:10px; font-size:14px; line-height:18px; color:#666;}
.pagemain .pageleft .area7 .dislist .disdata .verified { width:100%; overflow:hidden; margin-top:8px; font-size:14px; line-height:18px; color:#C05400; font-weight:bold;}
.pagemain .pageleft .area7 .dislist .disdata .discontent { width:100%; overflow:hidden; margin-top:10px; font-size:16px; line-height:25px; color:#000;}
.pagemain .pageleft .area7 .dislist .disdata .discontent img { max-width:100%; height:auto; margin-top:20px; margin-bottom:15px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area7 { margin-top:8vw;}
	.pagemain .pageleft .area7 .title { font-size:6vw; line-height:7vw;}
	.pagemain .pageleft .area7 .dislist { margin-top:8vw;}
	.pagemain .pageleft .area7 .dislist .disdata { margin-bottom:7vw;}
	.pagemain .pageleft .area7 .dislist .disdata .headarea { font-size:4vw; line-height:8vw;}
	.pagemain .pageleft .area7 .dislist .disdata .headarea img { width:8vw; height:8vw; margin-right:2vw;}
	.pagemain .pageleft .area7 .dislist .disdata .stars { margin-top:3vw; font-size:3.8vw; line-height:5vw;}
	.pagemain .pageleft .area7 .dislist .disdata .stars img { width:90px; height:auto; vertical-align:middle; margin-right:2vw; margin-top:-1vw;}
	.pagemain .pageleft .area7 .dislist .disdata .areashow { margin-top:2vw; font-size:3.5vw; line-height:5vw;}
	.pagemain .pageleft .area7 .dislist .disdata .verified { margin-top:2vw; font-size:3.5vw; line-height:5vw;}
	.pagemain .pageleft .area7 .dislist .disdata .discontent { margin-top:3vw; font-size:3.8vw; line-height:6vw;}
	.pagemain .pageleft .area7 .dislist .disdata .discontent img { max-width:100%; height:auto; margin-top:3vw; margin-bottom:3vw;}
}
.pagemain .pageleft .area8 { width:100%; text-align:left; margin-top:30px; overflow:hidden;}
.pagemain .pageleft .area8 .line { width:100%; height:9px; overflow:hidden; background-color: #44b1f0; -webkit-transition: width .8s ease-in-out;}
.pagemain .pageleft .area8 .line { background-image: -webkit-linear-gradient(135deg, #1D8ECE 25%, transparent 25%, transparent 50%, #1D8ECE 50%, #1D8ECE 75%, transparent 75%, transparent);}
.pagemain .pageleft .area8 .line { background-size: 35px 35px; -webkit-animation: cssProgressActive 2s linear infinite;}
@-webkit-keyframes cssProgressActive { 0% { background-position: 0 0} 100% { background-position: 35px 35px}}
.pagemain .pageleft .area8 .showarea { width:100%; overflow:hidden; margin-top:0px;}
.pagemain .pageleft .area8 .showarea .toparea { width:100%; overflow:hidden; background-color:#FEFBD9; padding:35px 0;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo { margin:0 auto; width:85%; overflow:hidden;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo { float:left; width:325px; padding-top:10px; text-align:left; font-size:18px; color:#000; line-height:28px;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo .font1 { font-size:18px; color:#000; line-height:28px; font-weight:bold;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo .font2 { font-size:18px; color:#1476BB; line-height:28px; font-weight:bold;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo .font3 { font-size:18px; color:#D90000; line-height:28px; font-weight:bold;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .rbottle { float:right; width:calc(100% - 325px); position:relative; text-align:center;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .rbottle img { max-width:80%; position:relative; z-index:1;}
.pagemain .pageleft .area8 .showarea .toparea .topinfo .rbottle p { display:block; position:absolute; z-index:2; right:0; top:45%; width:95px; height:95px; font-family:'Arial black'; background-color:#D90000; border-radius:50%; text-align:center; font-size:25px; color:#fff; line-height:30px; font-weight:bold; display:flex; justify-content:center;align-items:center;}
.pagemain .pageleft .area8 .showarea .fooarea { width:100%; overflow:hidden; background-color:#FEF8B7; padding:35px 0 45px 0;}
.pagemain .pageleft .area8 .showarea .fooarea .seals { margin:0 auto; width:85%; overflow:hidden; text-align:center;}
.pagemain .pageleft .area8 .showarea .fooarea .seals img.pc { max-width:100%; height:auto;}
.pagemain .pageleft .area8 .showarea .fooarea .seals img.mobi { display:none;}
.pagemain .pageleft .area8 .showarea .fooarea .showbt { margin:0 auto; width:85%; overflow:hidden; margin-top:30px;}
.pagemain .pageleft .area8 .showarea .fooarea .showbt a { display:block; text-align:center; height:60px; background-color:#00B21A; height:60px; border-bottom:3px solid #158000; border-radius:5px; font-size:28px; font-weight:bold; color:#000; line-height:60px;}
@media screen and (max-width:750px){
	.pagemain .pageleft .area8 { margin-top:8vw;}
	.pagemain .pageleft .area8 .showarea { margin-top:0px;}
	.pagemain .pageleft .area8 .showarea .toparea { padding:7vw 0;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo { width:90%;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo { float:inherit; width:100%; padding-top:0px; font-size:4vw; line-height:7vw;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo .font1 { font-size:4vw; line-height:7vw;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo .font2 { font-size:4vw; line-height:7vw;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .linfo .font3 { font-size:4vw; line-height:7vw;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .rbottle { float:inherit; width:100%; margin-top:5vw;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .rbottle img { width:30%; max-width:30%;}
	.pagemain .pageleft .area8 .showarea .toparea .topinfo .rbottle p { right:15vw; top:45%; width:20vw; height:20vw; font-size:5.5vw; line-height:6vw;}
	.pagemain .pageleft .area8 .showarea .fooarea { width:100%; overflow:hidden; background-color:#FEF8B7; padding:35px 0 45px 0;}
	.pagemain .pageleft .area8 .showarea .fooarea .seals { margin:0 auto; width:90%; overflow:hidden; text-align:center;}
	.pagemain .pageleft .area8 .showarea .fooarea .seals img.pc { display:none;}
	.pagemain .pageleft .area8 .showarea .fooarea .seals img.mobi { display:block; margin:0 auto; max-width:100%; height:auto;}
	.pagemain .pageleft .area8 .showarea .fooarea .showbt { margin:0 auto; width:90%; margin-top:8vw;}
	.pagemain .pageleft .area8 .showarea .fooarea .showbt a { display:block; height:14vw; font-size:6vw; line-height:14vw;}
}
.pagemain .pageright .rhot { margin:0 auto; width:100%; background-color:#F2F2F2; overflow:hidden; padding:20px 0;}
.pagemain .pageright .rhot .words { margin:0 auto; width:85%; text-align:center; font-size:19px; color:#1476bb; line-height:25px; font-weight:bold; text-transform:uppercase;}
.pagemain .pageright .rhot .img { margin:0 auto; width:85%; text-align:center; margin-top:15px;}
.pagemain .pageright .rhot .tname { margin:0 auto; width:85%; text-align:center; margin-top:10px;}
.pagemain .pageright .rhot .tname img { width:90%; height:auto;}
.pagemain .pageright .rhot .btarea { margin:0 auto; width:90%; margin-top:15px;}
.pagemain .pageright .rhot .btarea a { display:block; background-color:#FFBF00; font-size:15px; font-weight:bold; height:45px; line-height:45px; border-bottom:2px solid #E68600; border-radius:10px; color:#000; text-align:center;}
.pagemain .pageright .rhot .btarea a img { margin-bottom:-1px; margin-right:5px;}
.pagemain .pageright .htj { margin:0 auto; width:100%; background-color:#F2F2F2; overflow:hidden; padding:10px 0; text-align:center;}
.pagemain .pageright .htj img { max-width:97%; height:auto;}
.pagemain .pageright .htj .stitle { margin:0 auto; width:95.5%; background-color:#fff; text-align:center; padding:12px 0 10px 0; font-size:16px; color:#000; font-weight:bold; border-bottom:1px solid #fafafa;}
@media screen and (max-width:750px){
	.pagemain .pageright .rhot { display:none;}
	.pagemain .pageright .htj { padding:3vw 0;}
	.pagemain .pageright .htj img { width:95%; max-width:95%; height:auto;}
	.pagemain .pageright .htj .stitle { width:95%; padding:4vw 0 3.5vw 0; font-size:4.5vw;}
}
.footer { margin:0 auto; width:1440px; max-width:100%; overflow:hidden; margin-top:120px; background-color:#262626; padding:45px 0 50px 0;}
.footer .bottom { margin:0 auto; width:940px; overflow:hidden;}
.footer .bottom .ftop { width:100%; overflow:hidden;}
.footer .bottom .ftop .lword { float:left; width:60%; text-align:left; font-size:13px; color:#868686; line-height:25px; opacity:0.9;}
.footer .bottom .ftop .rlink { float:right; width:40%; text-align:right; font-size:13px; color:#868686; line-height:25px; opacity:0.9;}
.footer .bottom .ftop .rlink a { font-size:13px; color:#868686; line-height:25px; opacity:0.9;}
.footer .bottom .ffoot { width:100%; overflow:hidden; margin-top:50px; text-align:center; font-size:12px; color:#868686; line-height:25px; opacity:0.9;}
.footer .bottom .ffoot img { width:167px; height:auto; opacity:1;}
.footer .bottom .ffoot .dmca { display:none;}
@media screen and (max-width:750px){
	.footer { width:100%; max-width:100%; margin-top:8vw; padding:8vw 0 10vw 0;}
	.footer .bottom { width:90%;}
	.footer .bottom .ftop { width:100%; overflow:hidden;}
	.footer .bottom .ftop .lword { float:inherit; margin:0 auto; width:90%; margin-top:3vw; text-align:center; font-size:3vw; line-height:6vw;}
	.footer .bottom .ftop .rlink { float:inherit; width:100%; text-align:center; font-size:3vw; line-height:6vw;}
	.footer .bottom .ftop .rlink a { font-size:3vw; line-height:6vw;}
	.footer .bottom .ffoot { margin-top:8vw; font-size:3vw; line-height:6vw;}
	.footer .bottom .ffoot .dmca { display:block; margin:0 auto; margin-top:3vw;}
	.footer .bottom .ffoot img { width:167px; height:auto; opacity:1;}
	
}