@charset "utf-8";
/*字体*/
@font-face {
  font-family: "RobotoRegular";
  src: url("/static/dpmweb/fonts/RobotoRegular.woff2") format("woff2"),
       url("/static/dpmweb/fonts/RobotoRegular.woff") format("woff"),
       url("/static/dpmweb/fonts/RobotoRegular.ttf") format("truetype"),
       url("/static/dpmweb/fonts/RobotoRegular.eot") format("embedded-opentype"),
       url("/static/dpmweb/fonts/RobotoRegular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoLight10";
  src: url("/static/dpmweb/fonts/RobotoLight10.woff2") format("woff2"),
       url("/static/dpmweb/fonts/RobotoLight10.woff") format("woff"),
       url("/static/dpmweb/fonts/RobotoLight10.ttf") format("truetype"),
       url("/static/dpmweb/fonts/RobotoLight10.eot") format("embedded-opentype"),
       url("/static/dpmweb/fonts/RobotoLight10.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*全局样式*/
html,body{scroll-behavior:smooth;}
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;background: #f2f2f2;color:#333333 ;
-webkit-font-smoothing: antialiased;}
*{margin: 0;padding: 0;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}

a{text-decoration: none;color: #2e2e2e;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a:link {text-decoration: none;color:#333333 ;}
a:visited {text-decoration: none;color:#333333 ;}
a:hover { text-decoration: none;color:#333333 ;}
a:active {text-decoration: none;}
a:focus {text-decoration: none;}

dl, ol, ul {margin-top: 0;margin-bottom: 0;}
ul,li,ol{ list-style:none;}

i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
.pro-card-body .table tbody+tbody{ border-top: 1px solid #e9ecef;}


/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;cursor: pointer;}

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
.w1365{position: relative;width: 96%;margin: 0 auto;max-width: 1365px;}
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}

/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}

/*清除浮动*/
.clearfix{*zoom: 1;/*IE6识别*/}
.clearfix:before,.clearfix:after{content:""; display:table;line-height:0; visibility:hidden;}
.clearfix:after{clear:both;}

/*字体大小*/
.fz180{font-size: 180px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.fz60{font-size: 60px;}
.fz45{font-size: 45px;}
.fz35{font-size: 35px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz18{font-size: 18px;}
.fz16{font-size: 16px;}
.fz15{font-size: 15px;}
.fz14{font-size: 14px;}
.fz20{font-size: 20px;}
.fz50{font-size: 50px;}
.fz25{font-size: 25px;}
.f12{font-size: 12px;}
.mb-40{ margin-bottom: 40px;}

.wbg {background-color: #fff;}
.content_warp {width:1360px;margin: 0 auto;}
.nowrap {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.form-control.is-valid, .was-validated .form-control:valid {padding-right: 0; background-position:right calc(1rem) center;}

.multi-color .steps .done a {color: #ffbe5d; }
.multi-color .steps .done a:before , .multi-color .steps .done a:after{background-color: #ffbe5d; }

@media screen and (max-width:1200px){
.w1365{width: 100%;}
.content_warp{width:100%;}
}
