/*
 * Version: v1.0.0 
 * Date: 2018-11-01
 * */
* { margin: 0; padding: 0; border: none; }
html, body { width: 100%; height: 100%; margin: 0; font-family: helvetica, arial, "microsoft yahei", sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;background-color: #fff; }
h1, h2, h3, h4, h5, h6, p, small { font-weight: 400; }
h4, .h4 { font-size: 16px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
ul, li, ol, dl, dt, dd { list-style: none; }
a { cursor: pointer; color: inherit; text-decoration: none; }  input[type='button'],input[type='text'],input[type='search'],input[type='password'],input[type='tel'],input[type='number'],input[type='date'], button, textarea, select { -webkit-appearance: none; appearance: none; line-height: 1.2; font-family: helvetica, arial, "microsoft yahei", sans-serif; outline: none; font-size: 14px; border: none; background-color: #fff; }
input[type='submit'], input[type='button'], input[type='checkbox'], input[type='radio'], button { cursor: pointer; }
select::-ms-expand { display: none; }

.disabled { pointer-events: none; }

.sel-box { position: relative; }
.sel-box select { padding-right: 20px; }
.sel-box:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #bbb; position: absolute; top: 50%; margin-top: -2px; right: 6px; }

img { display: block; max-width: 100%; }
.cover { overflow: hidden; }
.cover img { width: 100%; height: 100%; object-fit: cover; }

.dm-clearfix { zoom: 1; }
.dm-clearfix:after { content: " "; display: block; clear: both; height: 0; }
.dm-clear { clear: both; }
.dm-left { float: left; }
.dm-right { float: right; }

.tr{text-align: right;}
.tl{text-align: left;}
.tc{text-align: center;}

.ani { -webkit-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms; }

.bg-w{background-color: #fff;}


/*dialog*/
.dm-dialog .dm-mask{width: 100%;height: 100%;position: fixed;z-index: 19;background-color: #000;opacity: .5;top: 0;left: 0;}
.dm-dialog .dm-mod{width: 360px;margin-left: -180px;background-color: #fff;position: fixed;left: 50%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);z-index: 20;}
.dm-dialog .dm-mod .mod-head{line-height:38px;padding-left:15px;border-bottom: 1px solid #ddd;background-color: #f7f7f7;overflow: hidden;overflow: hidden;}
.dm-dialog .dm-mod .mod-head .title{font-size: 14px;float: left;font-weight: bold;}
.dm-dialog .dm-mod .mod-head .close{display: block;float: right;width: 38px;height: 38px;text-align: center;font-size: 20px;color: #555;}
.dm-dialog .dm-mod .mod-head .close:hover{opacity: .8;}
.dm-dialog .dm-mod .mod-cot{padding: 25px 60px 25px 25px;line-height: 1.4;font-size: 14px;color: #333;}
.dm-dialog .dm-mod .btn-box{text-align: right;font-size: 0;overflow: hidden;padding-bottom: 20px;padding-right: 10px;}
.dm-dialog .dm-mod .btn-box a{display: inline-block;text-align: center;padding: 0 8px;line-height: 30px;font-size: 12px;border: 1px solid #ccc;margin-right: 10px;border-radius: 2px;min-width:60px;background:-webkit-linear-gradient(#fff,#fafafa);background:linear-gradient(#fff,#fafafa);color: #555;}
.dm-dialog .dm-mod .btn-box a:hover{opacity: 1;}
.dm-tip { line-height: 40px; height: 40px; position: fixed; top: 50%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0, 0, 0, .6); padding: 0 24px; border-radius: 3px; color: #fff; font-size: 14px; z-index: 999; margin-top: 20px; opacity: 0; }
.dm-load{position:fixed;top:0;left:0;width:100%;height:100%;height:100%;z-index:9998}
.dm-load .wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.6);padding:20px 14px 14px;z-index:9999;border-radius:4px;}
.dm-load .icon{width:32px;height:32px;position:relative;margin:auto;}
.dm-load .icon.load{animation:loadAni 1.2s linear infinite;}
@keyframes loadAni{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }
.dm-load .txt{font-size:12px;text-align:center;color:#fff;margin-top:12px;opacity:.8;min-width:60px}
/*dialog end*/


/*banner*/
.bannerMod{overflow:hidden;position:relative;z-index:2}
.bannerBox{position:absolute;top:0;left:0;overflow:hidden;height:100%;}
.bannerItem{overflow:hidden;height:100%;display:block;float:left}
.bannerDot{overflow:hidden;position:absolute;z-index:4;left:50%;bottom:15px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.bannerDot .dotItem{overflow:hidden;display:block;width:10px;height:10px;border-radius:50%;float:left;margin:0 4px;background-color:#000;opacity:.4;cursor:pointer}
.bannerDot .dotItem.on{opacity:1;background-color:#fff}
.nextBtn,.prevBtn{display:block;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;background-size:100% auto}
.nextBtn{right:10px;background-position-y:bottom}
.prevBtn{left:10px}
/*banner end*/


/*pagination*/
.dm-pagination{font-size: 0;text-align: center;overflow: hidden;}
.dm-pagination .tab{display: inline-block;line-height: 34px;border: 1px solid #ccc;padding: 0 20px;font-size: 14px;margin: 0 10px;vertical-align: middle;}
.dm-pagination .page{display: inline-block;line-height: 34px;border: 1px solid #ccc;font-size: 14px;width: 34px;margin-right: -1px;position: relative;vertical-align: middle;}
.dm-pagination .page.clk{background-color: #00BFFF;color: #fff;border-color: #00BFFF;z-index: 2;}
.dm-pagination .ellipsis{display: inline-block;width:36px;height:36px;position: relative;vertical-align: middle;margin-left: 1px;color: #333;font-size: 18px;line-height: 36px;}
/*pagination end*/