page{ background: #ccc; } .container { position: relative; width: 100%; height: 100%; font-size: 14px; color: #000; } .swiper_box { width: 100%; min-height: 15em; } swiper-item image { width: 100%; height: 100%; display: inline-block; } .searchbox2{position: fixed; top:1.7em; left:0.5em; display: flex; z-index: 5; flex-direction: row; margin:0; height:2.2em; padding:0; background-color:rgba(0, 0, 0, 0.3); box-sizing: border-box;border-radius:1.2em;} .searchbox2 .inpubox{flex-grow: 1; height:2.2em; } .searchbox2 .inpubox #keyword{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:2.2em; outline: none; text-indent:0;box-sizing:border-box;color:#fff;} .searchbox2 .icobox{width:2.2em;height:2.2em; font-size:1em; box-sizing:border-box;} .searchbox2 .icobox image{width: 1.2em; height:1.2em; margin-top: .45em; margin-left: 0.6em;} .searchbox2 .icobox1{margin-left:-2.2em; padding-right: 0.3em; width:3.2em;height:2.2em; z-index:2; line-height:2.2em; font-size:1em; box-sizing:border-box; color:#fff;} .searchbox2 .icobox0{width:auto; padding:0 0.5em; height:2.2em; font-size:1em; box-sizing:border-box;} .searchbox2 .icobox0 image{float:left; margin-left: 0.3em; width: 1.2em; height:1.2em; margin-top: .75em;} .searchbox2 .icobox0 text{float:left;display: block; width:auto;height:2.2em; line-height:2.2em; } .phcolor{color:#bbb;} .notice_box{margin-top:-2.5em; z-index: 2; height:2.5em; width:100%;display: flex; flex-direction: row; padding: 0 0.5em; box-sizing: border-box; background-color:rgba(0, 0, 0, 0.3);} .notice_box .notice_title{display: flex; flex-direction: row; height:2.5em; width:auto; min-width:6.6em;} .notice_box .notice_title image{ margin-top:0.5em; height:1.5em; width:1.5em;} .notice_box .notice_title text{ margin-left:0.5em; height:2.5em; line-height: 2.5em; color:#fff;} .notice_box .notice_body{height:2.5em; overflow: hidden; color:#fff;position:relative;flex-grow: 1;} @keyframes around { from { margin-left: 100%; } to { /* var接受传入的变量 */ margin-left: var(--marqueeWidth--); } } .marquee_container{ margin-top:0; height: 2.5em; line-height: 2.5em; position: relative; width: 100%; } .marquee_container:hover{ /* 不起作用 */ animation-play-state: paused; } .marquee_text{ color:#fff; display: inline-block; white-space: nowrap; animation-name: around; animation-duration: 10s; /*过渡时间*/ animation-iteration-count: infinite; animation-timing-function:linear; } .menus{ margin-top:0em; display: flex; flex-direction: row; padding:0.8em; width: 100%; box-sizing: border-box; z-index:11; } .menus .item-menu{ display: flex; flex-direction: row; padding:0; flex-grow: 1; box-sizing: border-box; overflow: hidden; } .menus .item-menu view{ display: flex; flex-direction: row; margin-right:0.8em; padding:0; width: 100%; color:#333; box-sizing: border-box; align-items: center; justify-content: center; } .menus .item-menu view.end{ margin-right:0; } .menus .item-menu view view{ width: auto; margin:0 auto; } .menus .item-menu view.hover view{ color:#000; font-weight: 900; line-height: 2.5em; border-bottom: 3px solid #ff4d00; } .mydata_box{ float:left; margin-top:0.5em; padding:0.3em 0.8em; padding-right:0; padding-bottom: 0.8em; width: 100%; background-color: #fff; box-sizing: border-box; } .mydata_box .swiper_box0 { width: 100%; padding: 0; } .mydata_box .swiper_box0 .wx-swiper-dots{bottom: 0em;} .mydata_box .mydata-item{ float:left; margin: 0.5em 0; width: 20%; box-sizing: border-box; } .mydata_box .mydata-item view{ float:left; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .mydata_box view image{ width:5em; height:5em; border-radius:50%; } .mydata_box view text{ display: block; width:100%; font-size:0.85em; color: #000; } .mydata_box view.umoney1{ border-left:1px solid #f1f1f1; } .mydata_box view image{ width: 3em; height: 3em; } .mydata_box0{ display: flex; flex-direction: row; align-items: center; width: 100%; padding:0.4em 0.4em; box-sizing: border-box; z-index: 10; } .mydata_box0 view{ display:block; float:left; width: 100%; padding: 0.4em 0; padding-bottom: 0.4em; border-radius:0.5em; background-color:#fff; box-sizing: border-box; } .mydata_box0 view .swiper_box0 { display:block; float:left; width: 100%; height:11em; } .mydata_box0 .swiper_box0 .wx-swiper-dots{bottom: 0em;} .mydata_box0 view view{ float: left; display: flex; width: 25%; height: 6em; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; font-size:0.9em; } .mydata_box0 view view image{ width: 3em; height: 3em; padding:0; background-color: #f5f5f5; border-radius:0.4em; overflow: hidden; box-sizing: border-box; } .mydata_box0 view view text{ margin-top: 0.4em; } .text{ margin-top: 0; line-height: 2.5em; display: flex; flex-direction: row; align-items: center; border-bottom:1px solid #f1f1f1; } .text .line_flag{ margin-top: 0em; margin-left: 0.5em; margin-right: 0.5em; width:0.5em; height: 1.5em; line-height: 1.5em; background-color: #f0514d; border-radius:0.2em; } .text .line_more{ flex: 1; text-align: right; align-self: center; color:#ff0000 } .choice_text{ margin-top: 0.5em; width:100%; line-height: 2.5em; display: flex; flex-direction: row; align-items: center; background-color: #1D7946; } .choice_text .line_flag{ margin-top: 0em; margin-left: 0.5em; margin-right: 0.5em; width:0.5em; height: 1.5em; line-height: 1.5em; background-color: #00B050; border-radius:0.2em; } .choice_text text{ flex-grow: 1; font-weight: 800; color:#fff; } .choice_text .more{ width:4em; } .choice_box { float: left; width:100%; padding:0; box-sizing: border-box; } .choice_box .choice_list .block{ float: left; width: 100%; padding:0.5em; box-sizing: border-box; } .choice_box .choice_list .block.block0{ width: 50%; padding: 0.5em; text-align: center; overflow: hidden; } .choice_box .choice_list .block.block0.l{ padding-right: 0.25em; } .choice_box .choice_list .block.block0.r{ padding-left: 0.25em; } .choice_box .choice_list .block .choice_item{ float: left; width: 100%; padding:0; border:1px solid #f1f1f1; background-color: #fff; border-radius:0.5em; box-sizing: border-box; overflow: hidden; } .choice_box .choice_list .block image { width: 100%; height:90vw; } .choice_box .choice_list .block.block0 image { width: 100%; height:46vw; } .choice_box .choice_list .title { float: left; padding:0 0.5em; font-weight: bold; text-align: left; display: block; box-sizing: border-box; overflow: hidden; } .choice_box .choice_list .je { float: right; width:auto; display: flex; flex-direction:column; align-items:flex-end; font-size: 12px; font-weight: bold; padding:0 0.5em; padding-bottom: 0.5em; box-sizing: border-box; } .choice_box .choice_list .je .jeto{ display: flex; flex-direction:row; color: #00B050; } .choice_box .choice_list .je .jeto.jeto0{ } .choice_box .choice_list .je .jeto .viphyj{ display: flex; flex-direction:row; margin-top: 0.2em; font-weight: 600; } .choice_box .choice_list .je .jeto .viphyj image{ width:1.2em; height:1.2em; margin-top: 0.1em; margin-right: 0.2em; } .choice_box .choice_list .je .jeto .viphyj view{ height:1.5em; line-height: 1.5em; } .choice_box .choice_list .je .jeto .scje{ text-decoration:line-through; } .choice_box .choice_list .je .jeto .hyje{ line-height:1.4em; margin-top: 0.2em; } .choice_box .choice_list .block.block0 .title{ width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .choice_box .choice_list .block.block0 .je { float: left; width:100%; display: block; text-align: center; } .nodatas{ width:100%; text-align: center; } .nodatas image{ margin-top: 1em; width:5em; height:5em; } .nodatas view{ width:100%; color:#939393; }