html,body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0; } body{ font: "PingFangSC-Regular","Arial","Microsoft YaHei","榛戜綋","瀹嬩綋",sans-serif; background: #fff; -webkit-text-size-adjust:none; } *{ -webkit-overflow-scrolling: touch; } /* iOS 婊戝姩娴佺晠 */ img { } a{ color:#333; text-decoration:none; } a:hover{ color:#333; } em,i{ font-style:normal; } b{ font-weight: normal; } li{ list-style:none; } img{ border:0; vertical-align:middle; } table{ border-collapse:collapse; border-spacing:0; } p{ word-wrap:break-word; } input,textarea{ outline: none;font: 1.4rem "PingFangSC-Regular","Arial","Microsoft YaHei","榛戜綋","瀹嬩綋",sans-serif; } *{outline: none;} input{ -webkit-appearance: none; /* 鍘婚櫎 Iphone涓璱nput鏍峰紡 */ } * { /*-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;*/ -webkit-tap-highlight-color:rgba(255,0,0,0); /* 鍘绘帀ios瑙︽懜榛戣壊閬僵 */ } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#bbb; } input::-moz-placeholder,textarea::-moz-placeholder{ color:#bbb; } input:-moz-placeholder,textarea:-moz-placeholder{ color:#bbb; } input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#bbb; } html, body { width: 100%; /*height: 100%;*/ font-size: 10px; } @media screen and (min-width: 321px) and (max-width: 375px){ html{ font-size: 11px; } } @media screen and (min-width: 376px) and (max-width: 414px){ html{ font-size: 12px; } } @media screen and (min-width: 415px) and (max-width: 639px){ html{ font-size: 15px; } } /*@media screen and (min-width: 640px) and (max-width: 719px){ html{ font-size: 20px; } }*/ @media screen and (min-width: 640px) and (max-width: 1199px){ html{ font-size: 18px; } } /*@media screen and (min-width: 720px) and (max-width: 749px){ html{ font-size: 22.5px; } } @media screen and (min-width: 750px) and (max-width: 799px){ html{ font-size: 23.5px; } } @media screen and (min-width: 800px) html{ font-size: 25px; } }*/ @media screen and (min-width: 1200px){ /*html{ font-size: 10px; }*/ html{ font-size: 12px; } } .flex{ flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1; } .df{ display: -webkit-box; display: box; display: -webkit-flex; display: flex; } .wao{ -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; } .wal{ -webkit-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .war{ -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .hao{ -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; } .hal{ -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .har{ -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .bob{ box-sizing: border-box; } .cf{ /*-webkit-box-direction:normal; box-direction:normal; */-webkit-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; flex-direction:column; } .jcb { -webkit-box-pack: justify; -webkit-justify-content: space-between; box-pack: justify; justify-content: space-between; } .ov-d { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ov-2d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ov-3d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .clear:after{ content: ''; clear:both; height:0; display: block; } [data-link]{cursor: pointer;} .emptyData{font-size: 1.3rem;color:#a1a1a1;text-align: center;line-height: 18rem;}