body{background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto;padding:0;background-image:url('/images/web1.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;height:100%;}
body .total{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;position:relative;}
body .total .bg1{position:fixed;height:100%;width:100%;background-image:url('/images/web1.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;}
body .total .bg2{position:fixed;height:100%;width:100%;background-image:url('/images/web2.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;}
body .total .bg3{position:fixed;height:100%;width:100%;background-image:url('/images/web3.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;}
body .total .bg4{position:fixed;height:100%;width:100%;background-image:url('/images/web4.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;}
body .total .bg5{position:fixed;height:100%;width:100%;background-image:url('/images/web5.svg');background-position:left center;background-size:cover;background-repeat:no-repeat;}
#head{width:92%;height:200px;padding:0 4%;position:relative;margin-bottom:0px;display:flex;flex-flow:wrap;align-items:center;justify-content:center;}
#head .mgrid{width:20%;padding:0 1%;height:200px;margin:0 ;text-align:center;overflow:hidden;display:flex;flex-flow:wrap;align-items:center;justify-content:center;text-decoration:none;} 
#head .mgridlogo{width:11%;height:200px;margin:0;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#head .mgrid .txt{width:100%;text-align:center;height:auto;padding:5px 0;font-size:1em;color:#fff;margin:30px 0;border-radius:20px;cursor:pointer;overflow:hidden;background:rgba(68,68,68,.8);display:flex;flex-flow:nowrap;align-items:center;justify-content:center;flex-direction:column;font-family:Arial;}
#head .mgrid .txt:hover{background:#f40;color:#fff;}
#head .mgrid .txt .ch{font-size:1.5vw;padding:0 ;line-height:auto;font-weight:bold;}
#head .mgrid .txt .en{font-size:1vw;padding:0;line-height:auto;color:#eee;}
#head .mgrid .selected{background:#f40;color:#fff;}
#head .mgridlogo .img{width:100%;text-align:center;height:200px;line-height:0;color:#333;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#head .mgridlogo .img img{width:80%;max-height:200px}
.main{width:100%;position:relative;min-height:350px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:250px;background:rgba(0,0,0,.2);}
.main .marea{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;}
.main .marea .mgrid_qr{width:20%;min-height:150px;display:flex;align-items:center;justify-content:flex-start;}
.main .marea .mgrid_qr img{width:70%;max-width:190px;border:1.2vw solid rgba(242,242,242,2);border-radius:10px;}
.main .marea .mgrid_info{width:40%;height:100%;line-height:40px;background:rgba(68,68,68,.8);padding:30px 5%;color:#fff;border-radius:20px;margin-right:3%;display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;align-content:center;}
.main .marea .mgrid_info .i1{background-image:url("/images/arrow_left_webi.svg");background-repeat:no-repeat;background-size:10% auto;background-position:left center;line-height:25px;padding:5px 5% 5px 8%;}
.main .marea .mgrid_info .i2{background-image:url("/images/arrow_right_webi.svg");background-repeat:no-repeat;background-size:10% auto;background-position:right center;line-height:25px;padding:5px 5% 5px 10%;}
.main .marea .mgrid_add{width:20%;height:80%;line-height:40px;padding:20px 0;color:#fff;margin-right:3%;display:flex;flex-flow:wrap;align-items:center;justify-content:flex-end;}
.main .marea .mgrid_add img{width:90%;max-width:300px;border-radius:20px;border:1vw solid rgba(255,255,255,.32);}

.foot_canvas{width:100%;height:70px;background-color:rgba(68,68,68,.32);display:flex;align-items:center;justify-content:flex-start;}
.foot_canvas .foot_area{position:relative;width:80%;height:auto;margin:0 10%;align-items:center;justify-content:flex-start;display:flex;}
.foot_canvas .foot_area .bottom{height:auto;width:100%;font-weight:bold;display:flex;flex-flow:wrap;align-items:center;justify-content:flex-start;}
.foot_canvas .foot_area .bottom .comname{height:auto;color:#fff;margin:0 10px;float:left;font-size:1em;font-weight:bold;}
.foot_canvas .foot_area .bottom .copyright{height:auto;color:#fff;margin:0 10px;float:left;font-size:1em;font-weight:bold;}
.foot_canvas .foot_area .bottom a{text-decoration:none;color:#fff;font-size:1em;float:left;font-weight:bold;margin:0 10px;}
.foot_canvas .foot_area .bottom .gp{height:30px;width:30px;position:absolute;right:5px;bottom:0px;}
.foot_canvas .foot_area .bottom .gp img{height:30px;}