/**
*
*去掉默认样式
*
**/
/*去掉浏览器默认样式*/
html,body,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,var,dl,dt,dd,ol,ul,li,form,label{border:none;outline:none;margin:0;padding:0;font-style:normal;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{height:100%;overflow:auto}
/*body默认样式*/
body{width:100%;margin:0 auto;min-height:100%;overflow:auto;font-size:14px;line-height:20px;color:#333333;background:#E9E9E9;word-wrap:break-word;font-family:arial,SimSun,'宋体','Microsoft YaHei','微软雅黑',Helvetica;}
/*去掉ul-li标签样式*/
ul{list-style:none}
/*按钮，输入框样式*/
input,button{outline:none;vertical-align:middle}
select{vertical-align:middle}
/*输入框默认颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
/*表格，图片，超链接*/
table{table-layout:fixed;border-collapse:collapse;empty-cells:show}
img{vertical-align:middle}
a:link,a:visited{text-decoration:none;cursor:pointer}
.u,a.u,a:hover{text-decoration:underline}
.nou,a.nou{text-decoration:none}
.lineu,.lineu:hover{text-decoration:line-through}
.pointer,button,input[type=button],input[type=submit],input[type=file],.active_t{cursor:pointer}
/*添加常用颜色*/
.red,a.red{color:#E22}
.dred,a.dred{color:#900}
.green,a.green{color:#090}
.blue,a.blue{color:#39C}
.yellow,a.yellow{color:#f90}
.orange,a.orange{color:#f60}
.purple,a.purple{color:#691BA3}
/*去掉浏览器的input type=number的上下箭头(注意:目前tp框架有bug,所以浏览器前缀如:-webkit,-moz的前面必须加有一个空格,否则报错)*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;}
/*高德地图过长的版权申明*/
.amap-copyright{display:none!important;}
/**
*
*自定义公共样式
*
**/
/*响应式布局*/
.show{display:block;}
.hide{display:none;}
/*文本阴影*/
.t_shadow{text-shadow:0px 0px 1px #888}
/*文字加粗，文字正常*/
.fontb{font-weight:bold}
.fontn{font-weight:normal}
.font_yahei{font-family:"Microsoft Yahei",微软雅黑}
/*文本超出加省略:1,2,3行*/
.text_deal_1{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:1;/*控制行数*/-webkit-box-orient:vertical;word-break:break-all;}
.text_deal_2{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;/*控制行数*/-webkit-box-orient:vertical;word-break:break-all;}
.text_deal_3{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;/*控制行数*/-webkit-box-orient:vertical;word-break:break-all;}
/*文本超出不换行，自动省略号*/
.text_overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*容器内容超出处理*/
.ovh{overflow:hidden}
.ova{overflow:auto}
.ove{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/*鼠标图标为手*/
.cursor_p{cursor:pointer}
/*字体设置：小于12px的字体不生效，只能通过缩放*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f17{font-size:17px}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}
.f25{font-size:25px}
.f30{font-size:30px}
.f35{font-size:35px}
.f40{font-size:40px}
.f45{font-size:45px}
.f50{font-size:50px}
/*容器的外边距，范围：5-50，间隔：5*/
/*分别指向：外边距四边，上边，右边，下边，左边，水平，垂直*/
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}
.m35{margin:35px}
.m40{margin:40px}
.m45{margin:45px}
.m50{margin:50px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.mh5{margin:0 5px}
.mh10{margin:0 10px}
.mh15{margin:0 15px}
.mh20{margin:0 20px}
.mh25{margin:0 25px}
.mh30{margin:0 30px}
.mh35{margin:0 35px}
.mh40{margin:0 40px}
.mh45{margin:0 45px}
.mh50{margin:0 50px}
.mv5{margin:5px 0}
.mv10{margin:10px 0}
.mv15{margin:15px 0}
.mv20{margin:20px 0}
.mv25{margin:25px 0}
.mv30{margin:30px 0}
.mv35{margin:35px 0}
.mv40{margin:40px 0}
.mv45{margin:45px 0}
.mv50{margin:50px 0}
/*容器的内边距，范围：5-50，间隔：5*/
/*分别指向：外边距四边，上边，右边，下边，左边，水平，垂直*/
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}
.p35{padding:35px}
.p40{padding:40px}
.p45{padding:45px}
.p50{padding:50px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt45{padding-top:45px}
.pt50{padding-top:50px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr35{padding-right:35px}
.pr40{padding-right:40px}
.pr45{padding-right:45px}
.pr50{padding-right:50px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl45{padding-left:45px}
.pl50{padding-left:50px}
.ph5{padding:0 5px}
.ph10{padding:0 10px}
.ph15{padding:0 15px}
.ph20{padding:0 20px}
.ph25{padding:0 25px}
.ph30{padding:0 30px}
.ph35{padding:0 35px}
.ph40{padding:0 40px}
.ph45{padding:0 45px}
.ph50{padding:0 50px}
.pv5{padding:5px 0}
.pv10{padding:10px 0}
.pv15{padding:15px 0}
.pv20{padding:20px 0}
.pv25{padding:25px 0}
.pv30{padding:30px 0}
.pv35{padding:35px 0}
.pv40{padding:40px 0}
.pv45{padding:45px 0}
.pv50{padding:50px 0}
/*前景色*/
.clo0{color:#000}
.clo1{color:#111}
.clo2{color:#222}
.clo3{color:#333}
.clo4{color:#444}
.clo5{color:#555}
.clo6{color:#666}
.clo7{color:#777}
.clo8{color:#888}
.clo9{color:#999}
.cloa{color:#AAA}
.clob{color:#BBB}
.cloc{color:#CCC}
.clod{color:#DDD}
.cloe{color:#EEE}
.clof{color:#FFF}
/*背景色*/
.bg0{background-color:#000}
.bg1{background-color:#111}
.bg2{background-color:#222}
.bg3{background-color:#333}
.bg4{background-color:#444}
.bg5{background-color:#555}
.bg6{background-color:#666}
.bg7{background-color:#777}
.bg8{background-color:#888}
.bg9{background-color:#999}
.bga{background-color:#AAA}
.bgb{background-color:#BBB}
.bgc{background-color:#CCC}
.bgd{background-color:#DDD}
.bge{background-color:#EEE}
.bgf{background-color:#FFF}
/*取消超链接样式*/
.nou{text-decoration:none}
/*定位*/
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
/*浮动*/
.right{float:right}
.left{float:left}
.clear{clear:both}
/*去掉边框*/
.border_none{border:none!important}
/*对齐*/
.center{text-align:center}
.middle{vertical-align:middle}
.tright{text-align:right}
/*旋转动画 180度，90度*/
.deg180{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.deg90{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
/*禁止选中*/
.noselect{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}
/**
*
*弹性盒子
*
**/
/*设置弹性盒子*/
.flex_box{display:flex}
/*弹性盒子垂直排列*/
.flex_column{display:flex;flex-direction:column;}
/*弹性盒子列居中*/
.align_center{display:flex;align-items:center;}
/*弹性盒子完全居中，子元素完全居中*/
.flex_center{display:flex;justify-content:center;align-items:center;}
/*弹性盒子的宽度自适应宽度*/
.flex_05{flex:0.5;}
.flex_1{flex:1;}
.flex_2{flex:2;}
.flex_3{flex:3;}
.flex_4{flex:4;}
.flex_5{flex:5;}
/**
*
*画框架布局
*
**/
/*颜色边框*/
.border{border:1px solid black;}
.red-border{border:1px solid red;}
.blue_border{border:1px solid blue;}
.yellow-border{border:1px solid yellow;}
.green-border{border:1px solid green;}
/*网格布局*/
/*两列*/
.grid_2{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row dense;}
/*三列*/
.grid_3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-flow:row dense;justify-items:center;/*设置水平对齐方式居中*/}
/*四列*/
.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-flow:row dense;}
/*网格布局单元格高度占两行.
.grid-item-2{
grid-row: 1/3;
}
*/