@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; max-width: 750px; font: 0.44rem/1.4 "Microsoft Yahei"; margin: 0 auto; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
/* .fl{float:left;}
.fr{ float:right;} */
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ padding: 0 0.6rem; }
.wrap{ padding: 0 0.6rem; }
input,textarea,select{ font-size: 0.44rem; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}


.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}


.textlinear{ -webkit-background-clip:text; -webkit-text-fill-color: transparent;}

.pc{ display: none;}
.wap{ display: block;}


/*  */
.container{ position: relative; z-index: 1;}
.banner{ position: relative; z-index: 1;}
.banner video{ width: 100%; aspect-ratio: 750/422;}
.form{ padding: 2rem;}
.form .txt .name{ line-height: 1; font-size: 1rem; color: #333333; font-weight: bold; text-transform: uppercase;}
.form .txt .sm{ margin-top: 0.4rem; font-size: 0.52rem;}
.form .formdata .item{ padding-top: 0.9rem; border-bottom: 1px solid #aaaaaa;}
.form .formdata .name{ font-size: 0.72rem; color: #333333;}
.form .formdata .name i{ color: #d70c19; font-weight: bold;}
.form .formdata .sltdata{ padding: 0.4rem 0; font-size: 0.64rem; padding-right: 0.8rem; background: url(../img/arr-r1.png) no-repeat center right / 0.34rem auto;}
.form .formdata .item input{ margin-top: 0.2rem; width: 100%; line-height: 2.4; border: 0 none;}
.form .formdata .submit{ margin-top: 0.9rem; background: #d21b26; text-transform: uppercase; color: #fff; text-align: center; line-height: 1.6rem;}

.fixed{ position: fixed; bottom: 0; left: 0; z-index: 10000; width: 100%; height: 100vh; overflow-x: hidden; background-color: rgba(0, 0, 0, 0); transition: 0.5s; pointer-events: none;}
.fixed.show{ left: 0; background-color: rgba(0, 0, 0, 0.8);}
.fixed .fixc{ position: absolute; bottom: -100vh; left: 0; z-index: -1; width: 100%; max-height: 90vh; padding: 0 1rem; border-radius: 0.4rem 0.4rem 0 0; background-color: #fff; box-sizing: border-box; transition: 0.3s; pointer-events: auto;}
.fixed.show .fixc{ bottom: 0;}
.fixed .title{ position: relative; z-index: 1; padding: 0.8rem 0.6rem; text-align: center; font-size: 0.72rem; font-weight: bold; color: #333;}
.fixed .title .close{ position: absolute; top: 0.9rem; right: 0; z-index: 1; width: 0.8rem; height: 0.8rem; background: url(../img/close.png) no-repeat center / 0.52rem auto;}
.fixed .sear{ padding-bottom: 0.6rem; border-bottom: 1px solid #e5e5e5;}
.fixed .sear input{ width: 100%; padding: 0 1.6rem; line-height: 1.4rem; background: none; border: 0 none; font-size: 0.56rem; background: url(../img/searicon.png) no-repeat center left 0.56rem / 0.6rem auto; background-color: #e5e5e5; border-radius: 0.2rem; overflow: hidden; box-sizing: border-box;}
.fixed .items{ max-height: 50vh; border-bottom: 1px solid #e5e5e5;overflow-y:scroll}
.fixed .items .item{ position: relative; z-index: 1; justify-content: flex-start; padding: 0.4rem 0; font-size: 0.6rem; color: #333; font-weight: bold;}
.fixed .items .item img{ margin-right: 0.4rem; width: 0.88rem; aspect-ratio: 44/30;}
.fixed .items .item.active::after{ content: ''; position: absolute; top: 0; right: 0; z-index: 10; width: 0.8rem; height: 100%; background: url(../img/checked.png) no-repeat center / 100% auto;}

.form .fixed .submit{ margin: 0.9rem 0; background: #d21b26; text-transform: uppercase; color: #fff; text-align: center; line-height: 1.6rem;}


.down{ padding: 1rem;}
.down .txt .name{ line-height: 1; font-size: 0.72rem; color: #333333; font-weight: bold; text-transform: uppercase;}
.down .txt .sm{ position: relative; z-index: 1; margin-top: 0.4rem; font-size: 0.56rem; padding-bottom: 0.4rem; border-bottom: 1px solid #999999;}
.down .txt .sm::after{ content: ''; position: absolute; bottom: -2px; left: 0; z-index: 1; width: 2rem; border-bottom: 3px solid #d70c19;}
.down .list{ margin-top: 0.4rem;}
.down .item{ padding: 0.4rem 0; border-bottom: 1px dashed #999999;}
.down .item .pic{ margin-right: 0.4rem; width: 1.6rem; height: 1.6rem; background-color: #e5e5e5;}
.down .item .pic img{ max-width: 80%; max-height: 80%;}
.down .item .name{ font-size: 0.56rem; color: #333333; font-weight: bold;}
.down .item .size{ justify-content: flex-start; color: #999999;}
.down .item .size img{ width: 0.36rem; margin-right: 0.25rem;}
.down .item .fr img{ width: 0.6rem;}
.down .item .fr p{ margin-top: 0.2rem; font-size: 0.4rem; color: #999999;}

/*.m-page{ justify-content: flex-start; padding-top: 0.8rem;}*/
/*.m-page a{ margin-right: 0.3rem; width: 1rem; height: 1rem; line-height: 1rem; border: 1px solid #999; box-sizing: border-box; font-size: 0.56rem;}*/
/*.m-page a.pageprv{ background: url(../img/arr-l1.png) no-repeat center / 0.34rem auto;}*/
/*.m-page a.pagenxt{ background: url(../img/arr-r1.png) no-repeat center / 0.34rem auto;}*/
/*.m-page a.z-crt{ border: 1px solid #d70c19; background-color: #d70c19; color: #fff;}*/


.m-page{ display: flex; justify-content: center; margin-top: 30px;}
.m-page span{ display: flex; justify-content: center;}
.m-page a{ display: block; padding: 0 15px; margin: 0 6px; line-height: 38px; border-radius: 3px; color: #999999; border: 1px solid #D2D2D2;}
.m-page a.z-crt{ background: #D4000D; border-color: #D4000D; color: #FFFFFF;}
.m-page a.pagenxt,.m-page a.pageprv{padding: 0 25px;}

.footer{ padding: 1rem; background-color: #e1e1e1; font-size: 0.56rem; color: #333;}
.footer a{ color: #0084ff;}