@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; list-style:none;}
body{ font-size:14px; line-height:24px; color:#555; font-family:"PingFang SC","Microsoft YaHei",HelveticaNeue-Thin,"Helvetica Neue",Helvetica,Arial;}
img{max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
a{ color: #666; text-decoration:none; cursor: pointer;}
a:hover {color:#f7431d; cursor: pointer;}
input,textarea{outline:none;}
@font-face {font-family:"DIN Medium"; src: url("../fonts/din medium.ttf"); }
div::-webkit-scrollbar {width: 0;}

.midp{margin:0px auto;}
.maut1200{margin:0px auto; width: 1200px;}

/*color*/
.colred{ color:#f7431d}/*red*/
.colpink{ color:#ff7676}/*pink*/
.colblue{ color:#1069e2}/*blue*/
.colbl2{ color:#6dbbff}/*blue*/
.colgre{ color:#31c27c}/*green*/
.colorg{ color:#ff5e2d}/*org*/
.colf{ color:#fff}/*white*/
.colgold{ color:#876327}/*gold*/
.uicolor{color: #61c8d1;}
.col0{color:#000;}
.col3{color:#333;}
.col4{color:#444;}
.col5{color:#555;}
.col6{color:#666;}
.col8{color:#888;}
.col9{color:#999;}
.cola{color:#aaa;}
.colc{color:#ccc;}
.cold{color:#ddd;}

/*a color*/
.a_a{color: #666;}
.a_a:hover{color: #f8451d;}
.a_c{color: #ccc;}
.a_c:hover{color: #fff;}
.a_b{color: #333;}
.a_b:hover{color: #1069e2;}
.a_d{color: #fff;}
.a_d:hover{color: #9fddff;}
.a_e{color: #fff;}
.a_e:hover{color: #fff;}
.a_f{color: #fff;}
.a_f:hover{color: #000;}
.a_r{color: #333;}
.a_r:hover{color: #f7431d;}
.ab{color: #1069e2;}
.ab:hover{color: #333;}
.ar{color: #f7431d;}
.ar:hover{color: #333;}

/*字体大小样式*/
.ft8{ font-size:8px;}
.ft10{ font-size:10px;}
.ft11{ font-size:11px;}
.ft12{ font-size:12px;}
.ft13{ font-size:13px;}
.ft14{ font-size:14px;}
.ft15{ font-size:15px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft22{ font-size:22px;}
.ft24{ font-size:24px;}
.ft26{ font-size:26px;}
.ft28{ font-size:28px;}
.ft30{ font-size:30px;}
.ft32{ font-size:32px;}
.ft34{ font-size:34px;}
.ft36{ font-size:36px;}
.ft38{ font-size:38px;}
.ft44{ font-size:44px;}
.ft60{ font-size:60px;}
.fit{font-style:italic;}
.far{ font-family:Arial}
.fdec{text-decoration:underline;}
.fllth{text-decoration: line-through;}
.fw{font-weight:bold;}
.fdin{font-family:"DIN Medium";}
.fita{ font-style: italic;}

/*height width*/
h1,h2,h3,h4,h5,h6{ font-weight:normal}
.h15{height:15px;}
.h18{height:18px;}
.h20{height:20px;}
.h24{height:24px;}
.h26{height:26px;}
.h28{height:28px;}
.h30{height:30px;}
.h40{height:40px;}
.h42{height:42px;}
.h44{height:44px;}
.h50{height:50px;}

.hl18{line-height:18px;}
.hl20{line-height:20px;}
.hl24{line-height:24px;}
.hl26{line-height:26px;}
.hl28{line-height:28px;}
.hl30{line-height:30px;}
.hl40{line-height:40px;}
.hl44{line-height:44px;}
.hl50{line-height:50px;}
.hl56{line-height:56px;}

.wd20{width:20%;}
.wd22{width:22%;}
.wd25{width:25%;}
.wd31{width:31%;}
.wd33{width:33.33%;}
.wd42{width:42%;}
.wd45{width:45%;}
.wd50{width:50%;}
.wd55{width:55%;}
.wd60{width:60%;}
.wd75{width:75%;}
.wd80{width:80%;}
.wd90{width:90%;}
.wd100{ width:100%;}

/*padding*/
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}
.p40{ padding:40px;}
.ptb5{ padding-top:5px; padding-bottom:5px;}
.ptb10{ padding-top:10px; padding-bottom:10px;}
.ptb15{ padding-top:15px; padding-bottom:15px;}
.ptb20{ padding-top:20px; padding-bottom:20px;}
.plr10{ padding-left:10px; padding-right:10px;}
.plr20{ padding-left:20px; padding-right:20px;}
.plr25{ padding-left:25px; padding-right:25px;}
.plr40{ padding-left:40px; padding-right:40px;}

.pt5{ padding-top:5px;}
.pt7{ padding-top:7px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt60{ padding-top:60px;}
.pt80{ padding-top:80px;}

.pr0{ padding-right:0px;}
.pr5{ padding-right:5px;}
.pr7{ padding-right:7px;}
.pr10{ padding-right:10px;}
.pr12{ padding-right:12px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr60{ padding-right:60px;}

.pb5{padding-bottom:5px;}
.pb7{padding-bottom:7px;}
.pb10{padding-bottom:10px;}
.pb13{padding-bottom:13px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb90{padding-bottom:90px;}

.pl-3{ padding-left:3%;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.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;}
.pl100{ padding-left:100px;}
.pl105{ padding-left:105px;}

/*margin*/
.maut{margin:0px auto;}
.maut20{margin:20px auto;}
.ml3{ margin-left:3px;}
.mlr20{ margin-left:20px; margin-right:20px;}
.mt5{ margin-top:5px}
.mt7{ margin-top:7px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt25{ margin-top:25px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}

.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}

.mb5{ margin-bottom:5px}
.mb7{ margin-bottom:7px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb18{ margin-bottom:18px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb50{ margin-bottom:50px}
.mb60{ margin-bottom:60px}
.mb70{ margin-bottom:70px}

/*input*/
input{outline: none; font-size: 16px;  vertical-align:middle; border:none; border-radius:0; background:none; }
:-moz-placeholder{color:#aaa; font-size:14px; font-weight:normal; letter-spacing:0px;}
::-moz-placeholder{color:#aaa; font-size:14px;font-weight:normal; letter-spacing:0px;}
input:-ms-input-placeholder{color:#aaa; font-size:14px;font-weight:normal; letter-spacing:0px;}
input::-webkit-input-placeholder{color:#aaa; font-size:14px;font-weight:normal; letter-spacing:0px;}

/*button*/
.uibtn{ display:block; text-align:center; font-size:16px;}
.btn_red{ background:#f7431d; color:#fff;}/*红色按钮*/
.btn_red:hover{background: #e32f09;}
.btn_e7{ background:#e7e7e7; color:#666;}/*灰色按钮*/
.btn_red_jb{ background: -webkit-linear-gradient(#ff775a, #f7431d); background: -o-linear-gradient(#ff775a, #f7431d); background: -moz-linear-gradient(#ff775a, #f7431d); background: linear-gradient(#ff775a, #f7431d); color:#fff; font-size: 18px;}/*红色渐变按钮*/
.btn_red_jb:hover{ background: #f7431d; color: #fff;}
.btn_ff_ccc{border: 1px #ccc solid; color:#666;}/*白色灰色框按钮*/
.btn_ff_red{border: 1px #f7431d solid; color:#fe5050;}/*白色红框按钮*/
.btn_ff_blue{ background:#fff; border: 1px #5599f5 solid; color:#1069e2;}/*白色蓝框按钮*/
.btn_ff_red:hover{ background:#f7431d; color:#fff;}/*白色红框按钮*/
.btn_ff_blue:hover{ background:#5599f5; color:#fff;}/*白色蓝框按钮*/
.btn_red:hover{ color:#fff;}
.uibtn30{height:30px; line-height:30px; font-size:14px;}
.uibtn34{height:34px; line-height:34px;}
.uibtn38{height:38px; line-height:38px;}
.uibtn40{height:40px; line-height:40px;}
.uibtn44{height:44px; line-height:44px;}
.uibtn50{height:50px; line-height:50px;}

/*tag*/
.ym-tag{ height: 20px; line-height: 19px; font-size: 12px; padding: 1px 5px; border-radius: 11px; box-sizing:border-box;}
.ymtag-green{color:#61c8d1; background: #dffbef; border: 1px solid #61c8d1 ;}
.ymtag-blue{color:#1890ff; background: #e6f7ff; border: 1px solid #91d5ff;}
.ymtag-red{color:#f5222d; background: #fff1f0; border: 1px solid #ffa39e;}
.ymtag-org{color:#ff8237; background: #fff6f0; border: 1px solid #ff8237;}
.ymtag-gray{color:#8c8c8c; background: #fafafa; border: 1px solid #ccc;}
.ymtag-gray2{color:#8c8c8c; background: #f5f5f5; border: 1px solid #f5f5f5; padding: 1px 8px;}
.ymtag-white{color:#666; background: #fff; border: 1px solid #ccc;}

/*bgcolor*/
.bgff{background:#ffffff;}/*白色*/
.bgf7{background:#f7f7f7;}/*浅灰*/
.bgf5{background:#f5f5f5;}/*浅灰*/
.bgf0{background:#f0f0f0;}/*浅灰*/
.bggre{background:#31c27c;}/*绿色*/
.bgred{background:#ff762b;}/*红色*/
.bgpink{background:#ff9a8f;}/*粉色*/

.appdiv{position:fixed; height:100%; padding:15px 0px 0px 0px; background-color:rgba(0,0,0,0.6); left: 0; top: 0px;bottom:0px; width: 100%; z-index: 101;}/*黑色半透明层*/
.dlay{background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 5px; position: fixed; top:35%; left: 50%; z-index: 200; text-align: center; color: #fff;}/*黑色报错层new */

/*动画*/
.czsy01{-moz-transition:all .1s ease-in 0s; -webkit-transition:all .1s ease-in 0s; -o-transition:all .1s ease-in 0s; -ms-transition:all .1s ease-in 0s; transition:all .1s ease-in 0s;}
.czsy03{-moz-transition:all .3s ease-in 0s; -webkit-transition:all .3s ease-in 0s; -o-transition:all .3s ease-in 0s; -ms-transition:all .3s ease-in 0s; transition:all .3s ease-in 0s;}

/*table*/
.colmd-1, .colmd-2, .colmd-3, .colmd-4, .colmd-5, .colmd-6, .colmd-7, .colmd-8, .colmd-9, .colmd-10, .colmd-11, .colmd-12, .colmd-13, .colmd-14, .colmd-15, .colmd-16, .colmd-17, .colmd-18, .colmd-19, .colmd-20{float: left;}
.colmd-20 {width: 100%;}
.colmd-19 {width: 95%;}
.colmd-18 {width: 90%;}
.colmd-17 {width: 85%;}
.colmd-16 {width: 80%;}
.colmd-15 {width: 75%;}
.colmd-14 {width: 70%;}
.colmd-13 {width: 65%;}
.colmd-12 {width: 60%;}
.colmd-11 {width: 55%;}
.colmd-10 {width: 50%;}
.colmd-9 {width: 45%;}
.colmd-8 {width: 40%;}
.colmd-7 {width: 35%;}
.colmd-6 {width: 30%;}
.colmd-5 {width: 25%;}
.colmd-4 {width: 20%;}
.colmd-3 {width: 15%;}
.colmd-2 {width: 10%;}
.colmd-1 {width: 5%;}

/*table tit*/
.tab_tit{ height:45px; line-height:45px; background:#f0f0f0}
.tab_h24 li{ height:24px; line-height:24px;}
.tab_h30 li{ height:30px;}
.tab_h40 li{ height:40px;}
.tab_h50 li{ height:50px;}
.tab_h60 li{ height:60px;}

/*table width*/
.tab2 li{width:50%;}
.tab3 li{width:33.33%;}
.tab4 li{width:25%;}
.tab5 li{width:20%;}

/*best*/
.dis_b{display:block;}
.dis_i,.inl_bl{display:inline-block;}
.dis_f{display:flex; display:-webkit-flex;}
.dis_tab{display:table;}
.dis_row{display:table-row;}
.dis_cel{display:table-cell;}
.dis_fle{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap: nowrap;}
.fle_g1{flex-grow:1}
.fle_g2{flex-grow:2}
.fle_w{flex-wrap:wrap;}
.flejc_sb{justify-content:space-between;}
.flejc_sa{justify-content:space-around;}
.fle_s0{flex-shrink:0;}
.fleai_c{align-items:center;}

.ell{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ell2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ell3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.borad3{border-radius:3px;}
.borad5{border-radius:5px;}
.borad20{border-radius:20px;}
.borad30{border-radius: 30px;}

.bt_red{border-top:1px #f7431d solid;}
.bd_ec{border:1px #ececec solid;}
.bdt_ec{border-top:1px #ececec solid;}
.bdr_ec{border-right:1px #ececec solid;}
.bdb_ec{border-bottom:1px #ececec solid;}
.bdl_ec{border-left:1px #ececec solid;}
.bdb_f2{border-bottom:1px #f2f2f2 solid;}
.bdt_f2{border-top:1px #f2f2f2 solid;}
.bdbd_ec{border-bottom:1px #ececec dashed;}
.bdt_e3{border-top:1px #e3e3e3 solid;}
.bdb_f{border-bottom:1px #fff solid;}

.zi_1{z-index:1;}
.zi_10{z-index:10;}
.zi_50{z-index:50;}
.zi_100{z-index:100;}
.zi_500{z-index:500;}
.zi_1000{z-index:1000;}
.zi_5000{z-index:5000;}
.zi_10000{z-index:10000;}

.disb{display: block;}
.indisb{display:inline-block;}
.fl{ display:block; float:left}
.fr{ display:block; float:right}
.pr{ position:relative}
.pa{ position:absolute;}
.pf{position:fixed;}
.ov{overflow:hidden}
.over{ height:auto; overflow:hidden}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
.ti{text-indent:2em;}

.clearfix{ display: block; *display:inline-block;}
.clearfix:after{ clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.dn{display:none}

/*iphone4 5 5s*/
@media only screen and (max-width:320px){
}

/*6plus*/
@media only screen and (min-width:382px)and (max-width:479px){

}
/*6plus+*/
@media only screen and (min-width:640px){
  .midp{ max-width:640px;}
}

/*2019年10月25日更新 dyy*/

.btn_e7{ background:#e7e7e7; color:#666;}/*灰色按钮*/
.btn_red_jb{ background: -webkit-linear-gradient(#ff8c71, #ff5f4a); background: -o-linear-gradient(#ff8c71, #ff5f4a); background: -moz-linear-gradient(#ff8c71, #ff5f4a); background: linear-gradient(#ff8c71, #ff5f4a); color:#fff; font-size: 18px;}/*红色渐变按钮*/
.btn_red_jb:hover{ background: #ff5f4a; color: #fff;}
.btn_blue_jb{ background: -webkit-linear-gradient(#47b9f3, #1471d1); background: -o-linear-gradient(#47b9f3, #1471d1); background: -moz-linear-gradient(#47b9f3, #1471d1); background: linear-gradient(#47b9f3, #1471d1); color:#fff; font-size: 18px;}/*蓝色渐变按钮*/
.btn_blue_jb:hover{ background: #1471d1; color: #fff;}
.btn_ff_red{ background:#fff; border: 1px #ff9a8f solid; color:#fe5050;}/*白色红框按钮*/
.btn_ff_red:hover{ background:#ff8c71; color:#fff;}/*白色红框按钮*/
.btn_red{ background:#ff8c71; color:#fff;}/*红色按钮*/
.btn_red:hover{ background:#ff5f4a; color:#fff;}
.btn_ff_bl{ background:#fff; border: 1px #246edd solid; color:#246edd;}/*蓝色红框按钮*/
.btn_ff_bl:hover{ background:#c8e3ff; color:#246edd;}/*蓝色红框按钮*/
.uibtn44{height:44px; line-height:44px;}
.uibtn40{height:40px; line-height:40px;}
.uibtn52{height:52px; line-height:52px;}