@font-face {
            font-family: 'vision';
            src: url('../font/vision_5.ttf') format('truetype');
        }
* {
    padding:0;
    margin: 0;
	font-family: vision,Noto Sans SC;
}

	 
html, body {
    width: 100%;
}


.page-main,#header{background:#f2efee}


        #header {
            position: fixed;
            z-index: 999;
            width: 100%;
            height: 120px;
            background-color:#f2efee;
            padding: 15px 5%;
			box-sizing: border-box;
        }

        #header a {
            text-decoration: none;
            color: #080707;
        }

        .mybtn {
            display: none;
            float:right;
            margin-top: 5px;
            border: 0;
            border-radius: 5px;
            width: 35px;
            height: 30px;margin-right: 10px;
        }
        /* 文字Logo */
        #header a.logo {
            float:left;
            width: 152px;height: 80px;
			margin-top:10px;
            background: url("../img/logo.png?v=11");
            background-size: 100% 100%;
        }

        #header div.mynav {
            height: 100px;
        }

        #header ul.mynav-bar {
            list-style: none;
            float: right;
            line-height: 70px;
        }
        #header ul.mynav-bar li {
            float:left;
            padding: 0 20px;
            font-size: 24px;
        }

       
        .mybtn{position: relative}

        .mybtn .hamburger-menu:before {
            content: "";
            position: absolute;
            top:8vw;
            width: 100%;
            height: 0.08em;
            background: #000;
            box-shadow: 0 0.6em 0 0 #000, 0 1.2em 0 0 #000;
        }


  .page-main{position:absolute;background: #f2efee;width: 100%;height: 100%}   
  
  
  /* -------------mb----------------- */
   .mybtn {
            display: none;
            float:right;
            margin-top: 5px;
            border: 0;
            border-radius: 5px;
            width: 22px;
            height: 30px;margin-right: 25px;
        }
		
		
        @media screen and (max-width: 960px){
			#header  {
                padding:0
            }
            #header div.mybtn {
                height: 90px;
            }
            #header {
                width: 100%;
                margin: 0px;
                height: 90px;
                overflow: hidden;
            }
            #header a.logo {
                width: 120px;height:63px; margin:10px 0 10px 20px;
            }
            .mybtn {
                display: block;
            }
            #header ul.mynav-bar {
                /* border-top: solid 1px #111; */
                width:100%;
            }
            #header ul.mynav-bar li {
                float: none;
                padding: 0 10px;
            }
        }
        .mybtn{position: relative}

        .mybtn .hamburger-menu:before {
            content: "";
            position: absolute;
            top:12px;
            width: 100%;
            height: 0.1em;
            background: #000;
            box-shadow: 0 0.35em 0 0 #000, 0 0.7em 0 0 #000;
        }
  
  
   @font-face {
       font-family: 'iconfont';
       src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),
       url('data:font/woff;charset=utf-8;base64,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') format('woff');
       font-weight: 500;
       font-style: normal;
       font-display: swap;
   }


   .iconfont {
       font-family: "iconfont" !important;
       font-size: 40px;
       font-style: normal;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
   }

   .icon-QRcode:before {
       content: "\e704";
   }

   .icon-rmb:before {
       content: "\e703";
   }

   .icon-arrow-right:before {
       content: "\e743";
   }

   .icon-arrow-left:before {
       content: "\e744";
   }

   .icon-arrow-up:before {
       content: "\e745";
   }

   .icon-atm:before {
       content: "\e746";
   }

   .icon-close:before {
       content: "\e747";
   }

   .icon-resonserate:before {
       content: "\e75e";
   }

   .icon-phone:before {
       content: "\e787";
   }

   .icon-resonserate-fill:before {
       content: "\e78a";
   }

   .icon-collection:before {
       content: "\e79d";
   }

   .icon-collection-fill:before {
       content: "\e79e";
   }

   .icon-home:before {
       content: "\e7a7";
   }

   .icon-account-fill:before {
       content: "\e7aa";
   }

   .icon-home-fill:before {
       content: "\e7ae";
   }

   .icon-arrow-down:before {
       content: "\e7b2";
   }

   .icon-account:before {
       content: "\e7b3";
   }