html{
/* 标准字体大小可以，在移动端使用的rem适配的话会动态改变。 */
font-size:14px;
/* 使用IE盒模型（个人取舍，我一般设置width是这是盒子的真实大小，包括padding和border） */
box-sizing:border-box;
}

html,body{
/* 在有些手机浏览器中点击一个链接或着可点击元素的时候，会出现一个半透明的灰色背景； */
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
/* 提升移动端滚动的体验效果  */
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
/* 与浏览器窗口高度一致 */
height:100%;
}

body{
/* 有些背景默认为浅灰色，所以统一设置为纯白 */
background:#fff;
/* 照着antd上面来的，在公司就别用微软雅黑了，不建议字体使用rem。 */
font:14px,-apple-system,BlinkMacSystemFont,'Microsoft YaHei','Segoe UI','Segoe UI Emoji','Segoe UI Symbol',
Helvetica,Arial,sans-serif,'Apple Color Emoji','PingFang SC','Helvetica Neue','Hiragino Sans GB';
/* 使字体更加顺滑 */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

/* 去除浏览器默认的margin和padding, 自行删减一些不必要的标签 */
body,
p,
h1,h2,h3,h4,h5,h6,
dl,dd,ul,ol,
th,td,
button,
figure,
input,
textarea,
form,
pre,blockquote,figure{
margin:0;
padding:0;
}

a{
/* 小手 */
cursor:pointer;
/* 取消超链接的默认下划线 */
text-decoration:none;
/* antd里面还做了 ， 看你团队需不需要这样的风格 */
transition:color 0.3s ease;
}

ol,ul{
/* 去除自带的ugly样式。 */
list-style:none     
}

/* 这些节点部分属性没有继承父节点样式，所有继承一下，并取消outline，外轮廓的效果 */
a,button,
h1,h2,h3,h4,h5,h6,
input,
select,
textarea{
/*
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:inherit;
line-height:inherit;
color:inherit;
*/
outline:none;
}

button,
input[type='submit'],
input[type='button']{
/* 可点击小手 */
cursor:pointer;
}
/* 取消部分浏览器数字输入控件的操作按钮 apperance可以改变控件的外观。 */
input[type='number']{
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
margin:0;
-webkit-appearance:none;
}
/**
 * 删除Firefox中的内边框和填充。
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
border-style:none;
padding:0;
}
/**
 * 让html5中的hidden在IE10中正确显示
 */
[hidden]{display:none;}
template{
/* 有些浏览器会显示template 不过template标签用的也少，自行取舍。 */
display:none;
}
/***********************************/
input,textarea{
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
outline:0;
}
/***********************************/
.chkbox-unchk{display:inline-block;min-width:32px;height:32px;line-height:32px;cursor:pointer;background-image:url('/base/ui25/chk0.jpg');background-repeat:no-repeat;padding-left:35px;}
.chkbox-chked{display:inline-block;min-width:32px;height:32px;line-height:32px;cursor:pointer;background-image:url('/base/ui25/chk1.jpg');background-repeat:no-repeat;padding-left:35px;}

.radio-unselect{display:inline-block;min-width:32px;height:32px;line-height:32px;cursor:pointer;background-image:url('/base/ui25/radio0.jpg');background-repeat:no-repeat;padding-left:35px;}
.radio-selected{display:inline-block;min-width:32px;height:32px;line-height:32px;cursor:pointer;background-image:url('/base/ui25/radio1.jpg');background-repeat:no-repeat;padding-left:35px;}

.myui-textarea {
display:block;
width:100%;
padding-left:10px;
border-width:1px;
border-style:solid;
background-color:#fff;
border-radius:2px;
border-color:#e6e6e6;
outline:0;
-webkit-appearance:none;
transition:all .3s;
-webkit-transition:all .3s;
box-sizing:border-box;
}
.myui-input, .myui-select{
display:block;
width:100%;
padding-left:10px;
height:38px;
line-height:38px;
border-width:1px;
border-style:solid;
background-color:#fff;
border-radius:2px;
border-color:#e6e6e6;
outline:0;
-webkit-appearance:none;
transition:all .3s;
-webkit-transition:all .3s;
box-sizing:border-box;
}
.myui-btn, .myui-disabled, .myui-unselect {
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
.myui-form-select .myui-input {
padding-right:30px;
cursor:pointer;
}
.myui-input, .myui-textarea {
display:block;
width:100%;
padding-left:10px;
}
.myui-form-selected .myui-edge {
margin-top:-9px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
margin-top:-3px \9;
}
.myui-form-select .myui-edge {
position:absolute;
right:10px;
top:50%;
margin-top:-3px;
cursor:pointer;
border-width:6px;
border-top-color:#c2c2c2;
border-top-style:solid;
transition:all .3s;
-webkit-transition:all .3s;
}
.myui-edge {
display:inline-block;
width:0;
height:0;
border-width:6px;
border-style:dashed;
border-color:transparent;
vertical-align:middle;
overflow:hidden;
}
.myui-form-select dl {
display:none;
position:absolute;
left:0;
top:42px;
padding:5px 0;
z-index:899;
min-width:100%;
border:1px solid #d2d2d2;
max-height:300px;
overflow-y:auto;
background-color:#fff;
border-radius:2px;
box-shadow:0 2px 4px rgba(0, 0, 0, .12);
box-sizing:border-box;
}
.myui-form-selected dl {
display:block;
}
.myui-form-label, .myui-form-select, .myui-input-block, .myui-input-inline, .myui-textarea {
position:relative;
}
.myui-btn, .myui-disabled, .myui-unselect {
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
.myui-form-select dl dd.myui-select-tips {
padding-left:10px !important;
color:#999;
}
.myui-form-select dl dd {
cursor:pointer;
}
.myui-form-select dl dd, .myui-form-select dl dt {
padding:0 10px;
line-height:36px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.myui-form-select dl dd.myui-this {
background-color:#5FB878;
color:#fff;
}
.myui-form-select dl dd:hover {
background-color:#f2f2f2;
-webkit-transition:.5s all;
transition:.5s all
}
.myui-edge {
display:inline-block;
width:0;
height:0;
border-width:6px;
border-style:dashed;
border-color:transparent;
vertical-align:middle;
}
.myui-form-select .myui-edge {
position:absolute;
right:10px;
top:50%;
margin-top:-3px;
cursor:pointer;
border-width:6px;
border-top-color:#c2c2c2;
border-top-style:solid;
transition:all .3s;
-webkit-transition:all .3s;
}
.myui-form-selected .myui-edge {
margin-top:-9px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
margin-top:-3px \9;
}
/***********************************/