@charset "utf-8";
/* CSS Document */

/*消除滚动条出现引发布局异常*/
html {overflow-y: scroll;border: none;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}

/*重置*/
html {  }
body * { max-height: 999999px; -webkit-text-size-adjust: none; }
a, article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, img, input, legend, li, menu, nav, ol, p, pre, section, select, table, tbody, td, textarea, th, tr, ul { margin: 0; padding: 0; border: none; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { background: #ffffff; color: #333333; font-size: 14px; min-width: 1200px; font-family: "Microsoft YaHei", SimHei, "Hiragino Sans GB"; border: none;padding-top: 110px; }
li, ul { list-style: none; line-height: 1; }
a { color: #333333; text-decoration: none; cursor: pointer; }

/*常用类*/
.main-con {width: 1200px;margin: 0 auto; }
.w100 {width: 100%; }
.ovh {overflow: hidden; }
.fl {float: left; }
.fr {float: right; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.t-r {text-align: right; }
.t-l {text-align: left; }
.t-c {text-align: center; }
.ti20 {text-indent: 20px; }
.ti30 {text-indent: 30px; }
.fwb {font-weight: bold; }
.fwn {font-weight: normal; }
.d-b {display: block; }
.d-ib {display: inline-block; }
.d-n {display: none; }

/*阿里图标前缀*/
.kosnicon {font-family: "kosniconfont";font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*大小写*/
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }

/*文字颜色*/
.color-1 {color: #111111; }
.color-2 {color: #222222; }
.color-3 {color: #333333; }
.color-4 {color: #444444; }
.color-5 {color: #555555; }
.color-6 {color: #666666; }
.color-7 {color: #777777; }
.color-8 {color: #888888; }
.color-9 {color: #999999; }
.color-a {color: #aaaaaa; }
.color-b {color: #bbbbbb; }
.color-c {color: #cccccc; }
.color-d {color: #dddddd; }
.color-e {color: #eeeeee; }
.color-f {color: #ffffff; }

/*背景色*/
.bg-color-a {background-color: #aaaaaa; }
.bg-color-b {background-color: #bbbbbb; }
.bg-color-c {background-color: #cccccc; }
.bg-color-d {background-color: #dddddd; }
.bg-color-e {background-color: #eeeeee; }
.bg-color-f {background-color: #ffffff; }
.bg-f1 {background-color: #f1f1f1; }
.bg-f2 {background-color: #f2f2f2; }
.bg-f3 {background-color: #f3f3f3; }
.bg-f4 {background-color: #f4f4f4; }
.bg-f5 {background-color: #f5f5f5; }
.bg-f6 {background-color: #f6f6f6; }
.bg-f7 {background-color: #f7f7f7; }
.bg-f8 {background-color: #f8f8f8; }
.bg-f9 {background-color: #f9f9f9; }
.bg-fa {background-color: #fafafa; }
.bg-grey { background-color: #f0f3f8; }

/*单行文字*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word; }
.vam {vertical-align: middle; }

/*描边*/
.bd-dc { border: 1px solid #dcdcdc; }
.bdt-dc { border-top: 1px solid #dcdcdc; }
.bdr-dc { border-right: 1px solid #dcdcdc; }
.bdb-dc { border-bottom: 1px solid #dcdcdc; }
.bdl-dc { border-left: 1px solid #dcdcdc; }
.bdn { border: none; }
.bdn-t { border-top: none; }
.bdn-r { border-right: none; }
.bdn-b { border-bottom: none; }
.bdn-m { border-left: none; }

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

/*行高*/
.lh20 {line-height: 20px; }
.lh22 {line-height: 22px; }
.lh24 {line-height: 24px; }
.lh26 {line-height: 26px; }
.lh28 {line-height: 28px; }
.lh30 {line-height: 30px; }
.lh35 {line-height: 35px; }
.lh40 {line-height: 40px; }
.lh45 {line-height: 45px; }
.lh50 {line-height: 50px; }
.lh55 {line-height: 55px; }
.lh60 {line-height: 60px; }
.lh65 {line-height: 65px; }
.lh70 {line-height: 70px; }

/*外边距*/
.mt0 {margin-top: 0; }
.mt5 {margin-top: 5px; }
.mt10 {margin-top: 10px; }
.mt15 {margin-top: 15px; }
.mt20 {margin-top: 20px; }
.mt25 {margin-top: 25px; }
.mt30 {margin-top: 30px; }
.mt35 {margin-top: 35px; }
.mt40 {margin-top: 40px; }
.mt45 {margin-top: 45px; }
.mt50 {margin-top: 50px; }
.mt55 {margin-top: 55px; }
.mt60 {margin-top: 60px; }
.mr0 {margin-right: 0; }
.mr5 {margin-right: 5px; }
.mr10 {margin-right: 10px; }
.mr15 {margin-right: 15px; }
.mr20 {margin-right: 20px; }
.mr25 {margin-right: 25px; }
.mr30 {margin-right: 30px; }
.mr35 {margin-right: 35px; }
.mr40 {margin-right: 40px; }
.mr45 {margin-right: 45px; }
.mr50 {margin-right: 50px; }
.mr55 {margin-right: 55px; }
.mr60 {margin-right: 60px; }
.mb0 {margin-bottom: 0; }
.mb5 {margin-bottom: 5px; }
.mb10 {margin-bottom: 10px; }
.mb15 {margin-bottom: 15px; }
.mb20 {margin-bottom: 20px; }
.mb25 {margin-bottom: 25px; }
.mb30 {margin-bottom: 30px; }
.mb35 {margin-bottom: 35px; }
.mb40 {margin-bottom: 40px; }
.mb43 {margin-bottom: 43px; }
.mb45 {margin-bottom: 45px; }
.mb50 {margin-bottom: 50px; }
.mb55 {margin-bottom: 55px; }
.mb60 {margin-bottom: 60px; }
.ml0 {margin-left: 0; }
.ml5 {margin-left: 5px; }
.ml10 {margin-left: 10px; }
.ml15 {margin-left: 15px; }
.ml20 {margin-left: 20px; }
.ml25 {margin-left: 25px; }
.ml30 {margin-left: 30px; }
.ml35 {margin-left: 35px; }
.ml40 {margin-left: 40px; }
.ml45 {margin-left: 45px; }
.ml50 {margin-left: 50px; }
.ml55 {margin-left: 55px; }
.ml60 {margin-left: 60px; }

/*内边距*/
.pt0 {padding-top: 0; }
.pt5 {padding-top: 5px; }
.pt10 {padding-top: 10px; }
.pt15 {padding-top: 15px; }
.pt20 {padding-top: 20px; }
.pt25 {padding-top: 25px; }
.pt30 {padding-top: 30px; }
.pt35 {padding-top: 35px; }
.pt40 {padding-top: 40px; }
.pt45 {padding-top: 45px; }
.pt50 {padding-top: 50px; }
.pt55 {padding-top: 55px; }
.pt60 {padding-top: 60px; }
.pr0 {padding-right: 0; }
.pr5 {padding-right: 5px; }
.pr10 {padding-right: 10px; }
.pr15 {padding-right: 15px; }
.pr20 {padding-right: 20px; }
.pr25 {padding-right: 25px; }
.pr30 {padding-right: 30px; }
.pr35 {padding-right: 35px; }
.pr40 {padding-right: 40px; }
.pr45 {padding-right: 45px; }
.pr50 {padding-right: 50px; }
.pr55 {padding-right: 55px; }
.pr60 {padding-right: 60px; }
.pb0 {padding-bottom: 0; }
.pb5 {padding-bottom: 5px; }
.pb10 {padding-bottom: 10px; }
.pb15 {padding-bottom: 15px; }
.pb20 {padding-bottom: 20px; }
.pb25 {padding-bottom: 25px; }
.pb30 {padding-bottom: 30px; }
.pb35 {padding-bottom: 35px; }
.pb40 {padding-bottom: 40px; }
.pb45 {padding-bottom: 45px; }
.pb50 {padding-bottom: 50px; }
.pb55 {padding-bottom: 55px; }
.pb60 {padding-bottom: 60px; }
.pl0 {padding-left: 0; }
.pl5 {padding-left: 5px; }
.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; }
.pl45 {padding-left: 45px; }
.pl50 {padding-left: 50px; }
.pl55 {padding-left: 55px; }
.pl60 {padding-left: 60px; }


/*图片变大*/
.picscale {
    transition: 0.5s all ease-out; -webkit-transition: 0.5s all ease-out; -moz-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; -o-transition: 0.5s all ease-out;
}
.picscale:hover {
    transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);
}

/*过渡效果*/
.tra1 { transition: .1s all ease-out; -webkit-transition: .1s all ease-out; -moz-transition: .1s all ease-out; -ms-transition: .1s all ease-out; -o-transition: .1s all ease-out; }
.tra2 { transition: .2s all ease-out; -webkit-transition: .2s all ease-out; -moz-transition: .2s all ease-out; -ms-transition: .2s all ease-out; -o-transition: .2s all ease-out; }
.tra3 { transition: .3s all ease-out; -webkit-transition: .3s all ease-out; -moz-transition: .3s all ease-out; -ms-transition: .3s all ease-out; -o-transition: .3s all ease-out; }
.tra4 { transition: .4s all ease-out; -webkit-transition: .4s all ease-out; -moz-transition: .4s all ease-out; -ms-transition: .4s all ease-out; -o-transition: .4s all ease-out; }
.tra5 { transition: .5s all ease-out; -webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; -ms-transition: .5s all ease-out; -o-transition: .5s all ease-out; }
.tra6 { transition: .6s all ease-out; -webkit-transition: .6s all ease-out; -moz-transition: .6s all ease-out; -ms-transition: .6s all ease-out; -o-transition: .6s all ease-out; }
.tra7 { transition: .7s all ease-out; -webkit-transition: .7s all ease-out; -moz-transition: .7s all ease-out; -ms-transition: .7s all ease-out; -o-transition: .7s all ease-out; }
.tra8 { transition: .8s all ease-out; -webkit-transition: .8s all ease-out; -moz-transition: .8s all ease-out; -ms-transition: .8s all ease-out; -o-transition: .8s all ease-out; }
.tra9 { transition: .9s all ease-out; -webkit-transition: .9s all ease-out; -moz-transition: .9s all ease-out; -ms-transition: .9s all ease-out; -o-transition: .9s all ease-out; }

.trad1 { transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; }
.trad2 { transition-delay: .2s; -moz-transition-delay: .2s; -webkit-transition-delay: .2s; -o-transition-delay: .2s; }
.trad3 { transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; }
.trad4 { transition-delay: .4s; -moz-transition-delay: .4s; -webkit-transition-delay: .4s; -o-transition-delay: .4s; }
.trad5 { transition-delay: .5s; -moz-transition-delay: .5s; -webkit-transition-delay: .5s; -o-transition-delay: .5s; }
.trad6 { transition-delay: .6s; -moz-transition-delay: .6s; -webkit-transition-delay: .6s; -o-transition-delay: .6s; }
.trad7 { transition-delay: .7s; -moz-transition-delay: .7s; -webkit-transition-delay: .7s; -o-transition-delay: .7s; }
.trad8 { transition-delay: .8s; -moz-transition-delay: .8s; -webkit-transition-delay: .8s; -o-transition-delay: .8s; }
.trad9 { transition-delay: .9s; -moz-transition-delay: .9s; -webkit-transition-delay: .9s; -o-transition-delay: .9s; }
.trad10 { transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; }

/*图片尺寸限制*/
.pic img { max-width: 100%; }

/*main/css/layout.css*/