@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
:root{
   --max-width: 1600;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 53,53,53; /*#353535*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 64,158,255; /*#409EFF*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --font-family: 'hm', sans-serif;
   --white-color__rgb: 255,255,255; /*#FFFFFF*/
   --white-color: rgba(var(--white-color__rgb), 1);
   --black-color__rgb: 0,0,0; /*#000000*/
   --black-color: rgba(var(--black-color__rgb), 1);
   --main_line_height: 1;
   --button_height: 0.4rem;
   --font-weight__l: 100;
   --font-weight__r: 400;
   --font-weight__m: 500;
   --font-weight__b: 700;
   --transition: 0.3s;
}

/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长
html{font-size: calc(100 / 1920 * 100vw);}
.container {max-width: calc(var(--max-width) / 100rem);}
@media (min-width:1600px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1600px) {
   html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}*/


/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1600px) {
   html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}

body{font-size: var(--font-size__16); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--default-color);}

.container {width: 87.6%;margin: 0 auto;}
@media (max-width: 1024px) {
   .container { width: 94%; }
}

/* Start
   ========================================================================== */