@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,a:active {color:#7c7f85; text-decoration:none}
input,textarea{outline:none;}
@font-face {font-family:"DIN Medium"; src: url("DIN Medium.ttf"); }
div::-webkit-scrollbar {width: 0;}

.midp{margin:0px auto;}

/*color*/
.colred{ color:#fe5050}/*red*/
.colblue{ color:#3399eb}/*blue*/
.colgre{ color:#31c27c}/*green*/
.colorg{ color:#ff5e2d}/*org*/
.colf{ color:#fff}/*white*/
.colgold{ color:#744b0c}/*gold*/
.col0{color:#000;}
.col3{color:#333;}
.col4{color:#444;}
.col5{color:#555;}
.col6{color:#666;}
.col8{color:#888;}
.col9{color:#999;}
.cola{color:#aaa;}
.cold{color:#ddd;}

/*字体大小样式*/
.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;}
.fw{font-weight:bold;}
.fdin{font-family:"DIN Medium";}

/*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;}
.hl32{line-height:32px;}
.hl40{line-height:40px;}
.hl44{line-height:44px;}
.hl50{line-height:50px;}
.hl56{line-height:56px;}

.wt12{width:12px;}
.wt14{width:14px;}
.wt15{width:15px;}
.wt18{width:18px;}
.wt30{width:30px;}
.wd15{width:15%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd30{width:30%;}
.wd33{width:33.33%;}
.wd36{width:36%;}
.wd40{width:40%;}
.wd45{width:45%;}
.wd50{width:50%;}
.wd60{width:60%;}
.wd64{width:64%;}
.wd70{width:70%;}
.wd74{width:74%;}
.wd79{width:79%;}
.wd80{width:80%;}
.wd82{width:82%;}
.wd84{width:84%;}
.wd86{width:86%;}
.wd88{width:88%;}
.wd90{width:90%;}
.wd92{width:92%;}
.wd94{width:94%;}
.wd96{width:96%;}
.wd100{ width:100%;}

/*tab i*/
.tag_a{ border-radius:8px 8px 8px 0px; padding-right:5px; height:16px; padding-left:3px; line-height:16px; text-align:left; color:#fff; font-size:10px; white-space:nowrap;}
.more_r{width:8px; right:0; top:0;}

/*padding*/
.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p25{ padding:25px;}
.p30{ padding:30px;}
.p40{ padding:40px;}
.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;}

.pt5{ padding-top:5px;}
.pt8{ padding-top:8px;}
.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;}
.ppt6{padding-top:6%;}
.ppt35{padding-top:35%;}

.pr5{ padding-right:5px;}
.pr7{ padding-right:7px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}

.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.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;}
.ppb5{padding-bottom:5%;}

.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;}
.pl40{ padding-left:40px;}

/*margin*/
.maut,.mato{margin:0px auto;}
.maut20{margin:20px auto;}
.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}

.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;  vertical-align:middle; border:none; border-radius:0; background:none; }
:-moz-placeholder{color:#999; font-size:14px; font-weight:normal; letter-spacing:0px;}
::-moz-placeholder{color:#999; font-size:14px;font-weight:normal; letter-spacing:0px;}
input:-ms-input-placeholder{color:#999; font-size:14px;font-weight:normal; letter-spacing:0px;}
input::-webkit-input-placeholder{color:#999; font-size:14px;font-weight:normal; letter-spacing:0px;}

/*button*/
.btn_red,.btn_org,.btn_gre,.btn_e7,.btn_f_gre{ height:40px; display:block; line-height:40px; border-radius:22px; text-align:center; font-size:16px;}
.btn_red{ background:#fe5050; color:#fff;}/*红色按钮*/
.btn_org{background:#ff5e2d; color:#fff;}/*橙色按钮*/
.btn_gre{ background:#31c27c; color:#fff;}/*绿色按钮*/
.btn_e7{ background:#e7e7e7; color:#666;}/*灰色按钮*/
.btn_f_gre{ background:#fff; border:1px #31c27c solid; color:#31c27c; height:42px; line-height:42px;}/*白底绿框*/
.btn_gre_l{ background:#fff; border:1px #31c27c solid; color:#31c27c;}
.btn_hov{color: #fff;}
body a.btn_hov:hover{color: #fff;}
.s_btn_a,.s_btn_b{ border-radius:30px; padding:2px 8px; font-size:12px; text-align:center;}
.s_btn_a{background:#fff; color:#ff5e2d; border:1px #ff5e2d solid;}/*橙色边框按钮*/
.s_btn_b{background:#fff; color:#666; border:1px #ececec solid;}/*橙色按钮*/
.sm_bd{height:38px; line-height:38px; display:block; border-radius:20px; border:1px #ccc solid; color:#333; text-align:center; font-size:16px;}
.sm_btn{height:40px; line-height:40px; display:block; border-radius:20px; text-align:center; font-size:16px;}
.sm_btn44{height:44px; line-height:44px; display:block; border-radius:5px; text-align:center; font-size:16px;}
.sm_btn34{height:34px; line-height:34px; display:block; border-radius:20px; text-align:center; font-size:16px;}
.sm_btn30{height:30px; line-height:30px; display:block; border-radius:16px; text-align:center; font-size:14px;}


/*bgcolor*/
.bgff{background:#ffffff;}/*白色*/
.bgfc{background: #fcfcfc;}/*浅灰色*/
.bgf7{background:#f7f7f7;}/*浅灰*/
.bgf5{background:#f5f5f5;}/*浅灰*/
.bggre{background:#31c27c;}/*绿色*/
.bgred{background:#ff762b;}/*红色*/
.bg_green{background: -webkit-linear-gradient(#56dc97, #31c27c); background: -o-linear-gradient(#56dc97, #31c27c); background: -moz-linear-gradient(#56dc97, #31c27c); background: linear-gradient(#56dc97, #31c27c);}/*绿色渐变色 上下*/
.bg_green_l{background: -webkit-linear-gradient( left,#56dc97, #31c27c); background: -o-linear-gradient(right,#56dc97, #31c27c); background: -moz-linear-gradient(right,#56dc97, #31c27c); background: linear-gradient(right,#56dc97, #31c27c);}/*绿色渐变色 左右*/
.bg_org{background: -webkit-linear-gradient(#ffb718, #ff722c); background: -o-linear-gradient(#ffb718, #ff722c); background: -moz-linear-gradient(#ffb718, #ff722c); background: linear-gradient(#ffb718, #ff722c);}/*橘色渐变色 上下*/
.bg_org{background: -webkit-linear-gradient(#ffb718, #ff722c); background: -o-linear-gradient(#ffb718, #ff722c); background: -moz-linear-gradient(#ffb718, #ff722c); background: linear-gradient(#ffb718, #ff722c);}/*橘色渐变色 上下*/
.bg_org_t{background: -webkit-linear-gradient( left, #ffb718, #ff7628); background: -o-linear-gradient( right, #ffb718, #ff7628); background: -moz-linear-gradient( right, #ffb718, #ff7628); background: linear-gradient( right, #ffb718, #ff7628);}/*橘色渐变色 左右*/
.bg_blue_l{background: -webkit-linear-gradient( left,#67b1f5, #458fdf); background: -o-linear-gradient(right,#67b1f5, #458fdf); background: -moz-linear-gradient(right,#67b1f5, #458fdf); background: linear-gradient(right,#67b1f5, #458fdf);}/*蓝色渐变色 左右*/
.bg_gold{background: -webkit-linear-gradient(#d5ae71, #ebc994); background: -o-linear-gradient(#d5ae71, #ebc994); background: -moz-linear-gradient(#d5ae71, #ebc994); background: linear-gradient(#d5ae71, #ebc994);}
/*金色渐变色 上下*/

.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;}/*黑色半透明层*/
.dislay{background-color: rgba(0, 0, 0, 0.6); padding: 20px 0px; display: none; border-radius: 5px; width: 80%; position: fixed; left: 10%; top: 30%; z-index: 200; text-align: center; color: #fff;}
.laybox_b{top:40%; width:100%; z-index:200; position:fixed; text-align:center;}
.dlay{background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 5px; z-index: 200; text-align: center; color: #fff;}/*黑色报错层new */
.tslayer{ background:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; padding:15px 0px; position:fixed; top:35%; color:#fff; font-size:16px; text-align:center; z-index:2;}

/*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_h30 li{ height:30;}
.tab_h40 li{ height:40;}
.tab_h50 li{ height:50;}
.tab_h60 li{ height:60;}

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

/*动画*/
.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;}


/*best*/
.dis_b{display:block;}
.dis_il{display:inline;}
.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;}

.borad5{border-radius:5px;}
.borad20{border-radius:20px;}

.bdt_ec,.bd_t{border-top:1px #ececec solid;}
.bdr_ec,.bd_r{border-right:1px #ececec solid;}
.bdb_ec,.bd_b{border-bottom:1px #ececec solid;}
.bdl_ec,.bd_l{border-left:1px #ececec solid;}
.bdb_f2{border-bottom:1px #f2f2f2 solid;}
.bdt_f2{border-top:1px #f2f2f2 solid;}
.borad5{border-radius:5px;}
.borad20{border-radius:20px;}

.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;}

.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,.tcen{text-align:center;}
.tr,.trt{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
.ti,.tind{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*/





