elf
/
jy-sdk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hxd
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '4c82631c41'
${ noResults }
jy-sdk/Public/Mobile/css/ydui.css

109 lines
20 KiB
CSS
Raw Normal View History Unescape Escape

优化
2 years ago
/*!
* YDUI v1.0.0 (http://www.ydui.com)
* Copyright 2011-2017 ydcss, Inc.
* Licensed under MIT (https://github.com/ydcss/ydui/blob/master/LICENSE)
*/
@font-face { font-family: 'YDUI-INLAY'; src: url(data:application/x-font-ttf;base64,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
.m-cityselect *, .m-cityselect *:before, .m-cityselect *:after { box-sizing: border-box; outline: none; }
.m-cityselect body, .m-cityselect h1, .m-cityselect h2, .m-cityselect h3, .m-cityselect h4, .m-cityselect h5, .m-cityselect h6, .m-cityselect hr, .m-cityselect p, .m-cityselect blockquote, .m-cityselect dl, .m-cityselect dt, .m-cityselect dd, .m-cityselect ul, .m-cityselect ol, .m-cityselect li, .m-cityselect pre, .m-cityselect form, .m-cityselect fieldset, .m-cityselect legend, .m-cityselect button, .m-cityselect input, .m-cityselect textarea, .m-cityselect th, .m-cityselect td, .m-cityselect iframe { margin: 0; padding: 0; }
.m-cityselect img, .m-cityselect article, .m-cityselect aside, .m-cityselect details, .m-cityselect figcaption, .m-cityselect figure, .m-cityselect footer, .m-cityselect header, .m-cityselect menu, .m-cityselect nav, .m-cityselect section, .m-cityselect summary, .m-cityselect time, .m-cityselect mark, .m-cityselect audio, .m-cityselect video { display: block; margin: 0; padding: 0; }
.m-cityselect h1, .m-cityselect h2, .m-cityselect h3, .m-cityselect h4, .m-cityselect h5, .m-cityselect h6 { font-size: inherit; }
.m-cityselect fieldset, .m-cityselect img { border: 0; }
.m-cityselect address, .m-cityselect caption, .m-cityselect cite, .m-cityselect dfn, .m-cityselect em, .m-cityselect th, .m-cityselect var, .m-cityselect i, .m-cityselect em { font-style: normal; font-weight: normal; }
.m-cityselect ol, .m-cityselect ul { list-style: none; }
.m-cityselect a { text-decoration: none; color: inherit; }
.m-cityselect a:hover { text-decoration: none; }
.m-cityselect a, .m-cityselect label, .m-cityselect button, .m-cityselect input, .m-cityselect select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.m-cityselect input, .m-cityselect select, .m-cityselect button { font-size:inherit;font-family: tahoma, \5b8b\4f53, arial; vertical-align: baseline; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; }
.m-cityselect button::-moz-focus-inner, .m-cityselect input[type="reset"]::-moz-focus-inner, .m-cityselect input[type="button"]::-moz-focus-inner, .m-cityselect input[type="submit"]::-moz-focus-inner, .m-cityselect input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
.m-cityselect input[type=checkbox], .m-cityselect input[type=radio] { vertical-align: middle; }
.m-cityselect input::-webkit-outer-spin-button, .m-cityselect input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
margin: 0;
}
.m-cityselect input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
.m-cityselect textarea { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; font-size: inherit;font-family: tahoma, \5b8b\4f53, arial; }
.m-cityselect table { border-collapse: collapse; border-spacing: 0; }
.g-view { margin: 0 auto; max-width: 750px; min-width: 320px; }
.g-view:before { content: ''; display: block; width: 100%; height: 0.9rem; }
.g-view:after { content: ''; display: block; width: 100%; height: 1.5rem; }
.g-flexview { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; max-width: 750px; min-width: 320px; }
.g-scrollview { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; margin-bottom: -1px; }
.g-scrollview:after { content: ''; display: block; width: 100%; height: 0.5rem; }
.ios .g-scrollview { margin-top: 1px; }
.hairline .g-scrollview { margin-top: 0.5px; }
.g-fix-ios-overflow-scrolling-bug { -webkit-overflow-scrolling: auto; }
.mask-black-dialog { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mask-black { position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mask-white-dialog { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mask-white { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.m-cityselect { position: fixed;
bottom: 0;
left: 0;
right:0;
max-width:640px;
margin:0 auto;
overflow:hidden;
width: 100%;
height: 75%;
z-index: 1000;
background-color: #fff;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.m-cityselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-header { position: relative; top: 0; left: 0; width: 100%; z-index: 1; }
.cityselect-header:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-title { width: 100%; font-size: 2rem; text-align: center; height: 45px; line-height: 45px; position: relative; }
.cityselect-title:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-nav { width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.cityselect-nav > a { font-size: 1.6rem; color: #222; display: block; height: 40px; line-height: 46px; padding: 0 .2rem; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; }
.cityselect-nav > a.crt { color: #F23030; }
.cityselect-nav > a.crt:after { content: ''; width: 100%; height: 2px; background-color: #F23030; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cityselect-content { height: 100%; padding-top: 85px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.cityselect-content.cityselect-move-animate { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.cityselect-content.cityselect-next { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.cityselect-content.cityselect-prev { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-content > .cityselect-item { display: block; height: inherit; width: 50%; /* for old android */
-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF; }
.cityselect-content > .cityselect-item::-webkit-scrollbar {
width: 0;
}
.cityselect-content > .cityselect-item:nth-child(2n) { background-color: #F5F5F5; }
.cityselect-item-box { width: 100%; height: inherit; display: block; padding: 0 .4rem; }
.cityselect-item-box > a { color: #333; font-size: 1.4rem; height: 40px; line-height: 40px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 1; }
.cityselect-item-box > a:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-item-box > a:active { background: none;/* for firefox */
}
.cityselect-item-box > a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; }
.cityselect-item-box > a.crt { color: #F23030; }
.cityselect-item-box > a.crt:after { display: block; content: '\E600'; font-family: 'YDUI-INLAY'; }
.m-cityselect.brouce-in {margin-bottom:7vw !important;}
.cityselect-content{padding-bottom: 11vw !important;}
.cityselect-item{
padding-bottom: 7vw !important;
}
@media screen and (max-width:767px) {
.m-cityselect.brouce-in {margin-bottom:13vw !important;}
.cityselect-content{padding-bottom: 21vw !important;}
.cityselect-item{
padding-bottom: 7vw !important;
}
}
@media screen and (max-width:321px) {
.m-cityselect.brouce-in {margin-bottom:19vw !important;}
/*.cityselect-content{padding-bottom: 21vw;}
.cityselect-item{
padding-bottom: 7vw;
}*/
}