@charset "utf-8";
/*全局样式*/
html,body{scroll-behavior:smooth;}
body{padding: 0;margin: 0;background:#f5f5f5;font-size: 14px;line-height:24px;color: #444444;font-family: "syhtRegular", Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;}
*{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:#444444;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a:link,a:visited,a:hover ,a:active,a:focus {text-decoration: none;}
a:hover {color:#316c2c;}

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; vertical-align: middle;}
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}

.pro-card-body .table tbody+tbody{ border-top: 1px solid #e9ecef;}

/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #2e2e2e;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #2e2e2e;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;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;}

/*左右浮动*/
.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;}
.clear {clear: both;}

/*内外间距*/
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.ml-10{margin-left:10px;}
.ml5 {margin-left: 5px !important;}
.mr10{ margin-right:10px;}
.mr24 {margin-right: 24px;}

.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:20px;}
.p30{padding:30px;}
.pb40{padding-bottom: 40px;}
 
/*flex布局*/
.flex{display: flex;}
.flex-row{flex-direction: row;}
.flex-col{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
/*justify-content属性定义了项目在主轴上的对齐方式*/
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-evenly {justify-content: space-evenly;}
.justify-around {justify-content: space-around;}
.justify-between {justify-content: space-between;}

/*align-items属性定义项目在交叉轴上如何对齐*/
.align-start {align-items: flex-start;}
.align-end {align-items: flex-end;}
.align-center{align-items: center;}

 
/*水平垂直居中*/
.center,.flexcenter{display:flex;align-items: center;justify-content: center;}
.flexBox{display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.flexBoxnocenter{display:flex;justify-content: space-between;flex-wrap: wrap;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}
.fz36{font-size: 36px;}

/*字体居左右中*/
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align:center;}


/*其他*/
.block{display: block;}
.hidden{overflow: hidden;}
.relative{position:relative;}
.absolute{position: absolute;}
.poHiiden{position: relative;overflow: hidden;}
.nowrap{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}

.wbg{background-color:#ffffff;}
.shadowbox{background-color:#ffffff;}
.red{color:#C62218;color: #DD0000;}

/*常用宽度*/
.w1360{width:100%;/*max-width:1360px;min-width:1200px;*/max-width:1200px;margin:0 auto;}
.user-page .w1360{max-width:1360px;min-width:1200px;}
.content_warp{width:100%;margin:0 auto;}
.detail-container .content_warp{max-width:1400px;}

/*animation*/
@keyframes bigger{
	from{transform: scale(1);}
	to{transform: scale(1.1);}
}
  
@media screen and (max-width:1024px){
.w1360{max-width:680px;}
}

@media screen and (max-width:568px){
.w1360{width:98%;margin: 0 1%;}
}

/* 引入字体 */
@font-face {
  font-family: "RobotoRegular";
  src: url("/static/dpmweb/fonts/RobotoRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

  @font-face {
    font-family: "ysbth";
    src: url("/static/dpmweb/fonts/ysbth2.TTF");
  }

@font-face{
    font-family:syhtRegular;
    src: url("fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.eot"); /* IE9 */
    src: url("fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.woff") format("woff"), /* chrome、firefox */
    url("fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

    url("fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

@font-face{
    font-family:syhtBold;
    src: url("fonts/SourceHanSansCN-Bold/SourceHanSansCN-Bold.eot"); /* IE9 */
    src: url("fonts/SourceHanSansCN-Bold/SourceHanSansCN-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

    url("fonts/SourceHanSansCN-Bold/SourceHanSansCN-Bold.woff") format("woff"), /* chrome、firefox */
    url("fonts/SourceHanSansCN-Bold/SourceHanSansCN-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

    url("fonts/SourceHanSansCN-Bold/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}