/***样式初始化***/
html{margin:0;padding:0;border:0; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family: "微软雅黑";}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, input, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body{font-size:14px;color:#555;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}
img{border:0;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;}
/*a{text-decoration: none;}*/
b,strong{font-weight: bold;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input:focus,textarea:focus,button:focus,select:focus{ border-color: #E79D34;}
input::-ms-clear{display:none;}
button[disabled],html input[disabled]{cursor:default;}
table{border-collapse:collapse;border-spacing:0;}
label{ cursor: pointer;}
a:active,a:visited{outline: none; border: 0;}
/*清除浮动*/
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { clear:both; }
.content{ margin: 0 auto; width: 1200px;}
/***样式初始化 END***/
/***float***/
.fl { float: left !important; }
.fr { float: right !important; }
/***隐藏与显示***/
.show{display:block !important;}
.hidden{display:none !important;}
.visible-hidden { visibility: hidden; }
.over-initial{overflow: initial !important;}
.vertical-box img {width: 100%;height: 100%;max-width: 100%; max-height: 100%;}
/***动画过渡时间***/
.transition-0-3s{transition: all 0.3s;}
.transition-0-5s{transition: all 0.5s;}
.transition-0-8s{transition: all 0.8s;}
.transition-1-0s{transition: all 1s;}
.transition-1-5s{transition: all 1.5s;}
.transition-2-0s{transition: all 2s;}
.no-transition{transition:none !important;}
/***文本类容***/
/*标题*/
h1,.h1{font-size:28px;}
h2,.h2{font-size:24px;}
h3,.h3{font-size:18px;}
h4,.h4{font-size:16px;}
h5,.h5{font-size:14px;}
h6,.h6{font-size:12px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small{font-size:60%;filter:alpha(opacity=60);opacity:.6;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{font-size:12px;filter:alpha(opacity=60);opacity:.6;}
/*自定义链接颜色(可自由更换)*/
a{color:#555;text-decoration:none;} /*链接-颜色*/
a:hover{color:#3d6faa;} /*链接-悬浮颜色*/
.text-underline:hover {text-decoration:underline;}
.bd-t-big{ border-top: 10px solid #f9f9f9;}
.bd-t-default{ border-top: 5px solid #f9f9f9;}
/*段落*/
p,.p{line-height:25px;}
.text-indent,.text-indent p,.text-indent div{text-indent:2em;}
/*粗体*/
.strong{font-weight:bold;}
.text-normal{font-weight:normal;}
/*对齐*/
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-justify{text-align:justify !important;}
/*文本省略*/
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.no-ellipsis{overflow:auto;text-overflow:initial;white-space:normal;}
.text-two{text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  }
.text-three{text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  }

/*字号*/
.text-large{font-size:24px !important;}
.text-big{font-size:16px !important;}
.text-default{font-size:14px !important;}
.text-small{font-size:12px !important;}
.text-little{font-size:10px !important;}
.f-13{ font-size: 13px;}
.f-18{ font-size: 18px;}
.f-20{ font-size: 20px;}
.f-22{ font-size: 22px;}
.f-24{ font-size: 24px;}
.f-26{ font-size: 26px;}
.f-32{ font-size: 32px;}
.f-30{ font-size: 30px;}
.f-36{ font-size: 36px;}
.f-38{ font-size: 38px;}
.text-letter{ letter-spacing: 2px;}
/*字体颜色*/
.text-main{color:#20b7ff;}/*主色*/
.text-sub{color:#e98e0b;}/*辅色*/
.text-dot{color:#fc3b3b;}/*点缀色*/
.text-mix{color:#545454;}/*融合色*/
.text-white{color:#fff;}/*白色*/
.text-black{color:#000;}/*黑色*/
.text-grey{color:#999;}/*浅灰色*/
.text-light-grey{color:#969696;}/*深灰色*/
.text-red{color:#8a2828;}
.text-orange{color:#f08200 !important;}
.text-blue{color:#5c5c68;}
.text-green{color:#01a75f;}
.text-dark-grey{ color: #323232;}
.text-greys{ color: #646464;}
.text-red{ color: #e90e0e;}
.text-dark-red{ color: #8a2828;}
.text-dark-dot{ color: #9b1414;}
.text-dark-sub{ color: #e94a0b;}
.text-black-light{color: #323232;}
.text-deep{ color: #1d1d1d;}
.text-lightBlack{ color: #333;}
.text-grey-light{ color: #a9a9a9;}
/*行高*/
.text-lh-little{line-height: 16px;}
.text-lh-small{line-height: 18px;}
.text-lh{line-height: 22px;}
.text-lh-big{line-height: 24px;}
.text-lh-large{line-height: 28px;}
/***input***/
.input{font-size:16px;padding:6px 10px;border:solid 1px #ccc;width:100%;height:40px;line-height:15px;display:block;background-color: #fff; -webkit-appearance:none;/*transition:all 1s;*/}
.input:focus,.input-focus{border-color:#20b7ff;}
.input:hover,.input-hover{border-color:#20b7ff;}
.input-error,.input-error:hover{border-color:#20b7ff;}
.input-error:focus{border-color:#d93600;background-color:#fff;}
.input-disabled, .input-disabled:hover, .input[disabled], .input[disabled]:hover {border-color:#999;background-color: #eee;}
.input-readonly, .input[readonly], .input[readonly]:hover { border-color: #ccc; background-color: #fff; }

.inline{ display: inline-block;}

/* 复选框、单选框 */
.check[type=checkbox]{ display: inline-block;  width: 14px; height: 14px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.check[type=checkbox]:before{content: ' '; display: inline-block; width: 14px; height: 14px; background: url(../img/check.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check[type=checkbox]:checked:before{ background-image: url(../img/checked.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check-input[type=checkbox]{ display: inline-block;  width: 14px; height: 14px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.check-input[type=checkbox]:before{content: ' '; display: inline-block; width: 14px; height: 14px; background: url(../img/checks.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check-input[type=checkbox]:checked:before{ background-image: url(../img/checkeds.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio[type=radio]{ display: inline-block;  width: 16px; height: 16px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.radio[type=radio]:before{content: ' '; display: inline-block; width: 16px; height: 16px; background: url(../img/radio.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio[type=radio]:checked:before,.radio.checked[type=radio]:before{ background-image: url(../img/radioed.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio-input[type=radio]{display: inline-block;  width: 14px; height: 14px; outline: none; border-color: transparent; background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance : none ; appearance: none; vertical-align: middle;}
.radio-input[type=radio]:before{content: ' '; display: inline-block; width: 16px; height: 16px; background: url(../img/radios.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio-input[type=radio]:checked:before{ background-image: url(../img/radiosed.png); -webkit-appearance: none; -moz-appearance : none ; appearance: none;}

/***Button***/
.button {display:inline-block;padding: 4px 20px;border: 1px solid #ddd;border-radius: 3px;color: #3a3a3a;font-size:14px; line-height: 23px; text-align: center; background:transparent; /*transition: all 0.3s;*/ cursor: pointer; }
.button-full{display:block;width:100%;}
.button:hover{background:#f1f1f1;}
.button.bg-black,.button.bg-dark-grey,.button.bg-main,.button.bg-dot,.button.bg-gray,.button.bg-light-gray,.button.bg-sub,.button.bg-mix,.button.bg-pink,.button.bg-red,.button.bg-orange,.button.bg-blue,.button.bg-green {color:#fff;border:0;}
.button.bg-black:hover{background:#222;}
.button.bg-dark-grey:hover{background:#444;}
.button.bg-main:hover{background:#1380cb;}
.button.bg-dot:hover{background:#d93600;}
.button.bg-gray:hover{background:#aaa;}
.button.bg-light-gray:hover{background:#aaa;}
.button.bg-sub:hover{background:#ce8011;}
.button.bg-mix:hover{background:#ff5a00;}
.button.bg-white:hover{background:#f1f1f1;}
.button.bg-gray-white:hover{background:#fff;}
.button.bg-pink:hover{background: #e13538;}
.button.bg-red:hover{background: #d10;}
.button.bg-orange:hover{background: #f60;}
.button.bg-blue:hover{background: #0ae;}
.button.bg-green:hover{background: green;}
.button.border-gray:hover,.button.border-main:hover,.button.border-dot:hover,.button.border-mix:hover,.button.border-sub:hover,.button.border-black:hover{color:#fff;}
.button.border-gray-white:hover{background: #eee;}
.button.border-light-gray:hover{background:#ccc;}
.button.border-gray:hover{background:#999;}
.button.border-black:hover{background:#000;}
.button.border-main:hover{background:#2a95de;}
.button.border-sub:hover{background:#1380cb;}
.button.border-mix:hover{background: #d93600;}
.button.border-dot:hover{background: #ff5a00;}
/***select***/
.select{width:100%;height:26px;border:1px solid #ccc;}
.select:focus,.select:hover{border-color:#E79D34;}
/***textarea***/
.textarea{border:1px solid #ccc;resize: none;}
.textarea:hover{border-color:#3d6faa;}
.textarea:focus{border-color:#3d6faa;}
/***margin***/
/***background***/
.bg{ background: #eee; }
.bg-grey{background: #f5f5f5;}
.bg-dark-grey{background: #eaeaea;}
.bg-black{background: #000;}
.bg-white{background: #fff;}
.bg-gray-white{background: #f7f7f7;}
.bg-main{background: #3cb7f9;}
.bg-sub{background: #e98e0b;}
.bg-mix{background: #d93600;}
.bg-dot{background: #ff5a00;}
.bg-pink{background: #e13538;}
.bg-red{background: #d10;}
.bg-orange{background: #f60;}
.bg-blue{background: #0ae;}
.bg-green{background: green;}
.bg-inverse,.bg-inverse a{color: #fff;}
.bg-none{background:none !important;}
.bg-light-red{background: #f00;}

/*内边距,全,上,下,左,右*/
.pd-tb-100{ padding-top: 100px; padding-bottom: 100px;}
.pd-tb-40{ padding-top: 40px; padding-bottom: 40px;}
.pd-tb-20{ padding-top: 20px; padding-bottom: 20px;}
.pd-tb-30{ padding-top: 30px; padding-bottom: 30px;}
.pd-lr-30{ padding-left: 30px; padding-right: 30px;}
.pd-lr-20{ padding-left: 20px; padding-right: 20px;}
.pd-30{ padding: 30px;}
.pd-25{ padding: 25px;}
.pd-10{padding: 10px;}
.pt-100{ padding-top: 100px;}
.pt-60{ padding-top: 60px;}
.pt-20{ padding-top: 20px;}
.pt-15{padding-top: 15px;}
.pt-10{ padding-top: 10px;}
.pt-5{ padding-top: 5px;}
.pb-40{ padding-bottom: 40px;}
.pb-20{ padding-bottom: 20px;}
.pb-15{ padding-bottom: 15px;}
.pb-10{ padding-bottom: 10px;}
.pb-5{ padding-bottom: 5px;}
.pl-10{ padding-left: 10px;}
.pl-15{ padding-left: 15px;}
.pl-20{ padding-left: 20px;}
.pl-30{ padding-left: 30px;}

/*外边距,全,上,下,左,右*/
.mg-10{ margin: 10px;}
.mt-120{ margin-top: 120px;}
.mt-100{ margin-top: 100px;}
.mt-85{ margin-top: 85px;}
.mt-70{ margin-top: 70px;}
.mt-60{ margin-top: 60px;}
.mt-50{ margin-top: 50px;}
.mt-45{ margin-top: 45px;}
.mt-40{ margin-top: 40px;}
.mt-35{ margin-top: 35px;}
.mt-30{ margin-top: 30px;}
.mt-25{ margin-top: 25px;}
.mt-20{ margin-top: 20px;}
.mt-15{ margin-top: 15px;}
.mt-10{ margin-top: 10px;}
.mt-7{ margin-top: 7px;}
.mt-5{ margin-top: 5px;}
.mr-100{ margin-right: 100px;}
.mr-80{ margin-right: 80px;}
.mr-70{ margin-right: 70px;}
.mr-40{ margin-right: 40px;}
.mr-30{ margin-right: 30px;}
.mr-20{ margin-right: 20px;}
.mr-15{ margin-right: 15px;}
.mr-10{ margin-right: 10px;}
.mr-5{ margin-right: 5px;}
.ml-70{ margin-left: 70px;}
.ml-40{ margin-left: 40px;}
.ml-30{ margin-left: 30px;}
.ml-20{ margin-left: 20px;}
.ml-15{ margin-left: 15px;}
.ml-10{ margin-left: 10px;}
.ml-5{ margin-left: 5px;}
.mb-80{ margin-bottom: 80px;}
.mb-60{ margin-bottom: 60px;}
.mb-50{ margin-bottom: 50px;}
.mb-40{ margin-bottom: 40px;}
.mb-30{ margin-bottom: 30px;}
.mb-20{ margin-bottom: 20px;}
.mb-15{ margin-bottom: 15px;}
.mb-10{ margin-bottom: 10px;}
.mb-5{ margin-bottom: 5px;}
/*无序有序列表*/
ul{list-style:none;}

/***布局***/
.layout{width: 100%;}
.lh-18{ line-height: 18px;}
.lh-20{ line-height: 20px;}
.lh-22{ line-height: 22px;}
.lh-26{ line-height: 26px;}
.lh-28{ line-height: 28px;}
.lh-30{ line-height: 30px;}
.lh-32{ line-height: 32px;}
.lh-60{ line-height: 60px;}

/*宽度比例*/
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w5 { width: 5%; }
.w15 { width: 15%; }
.w25 { width: 25%; }
.w35 { width: 35%; }
.w45 { width: 45%; }
.w55 { width: 55%; }
.w65 { width: 65%; }
.w75 { width: 75%; }
.w85 { width: 85%; }
.w95 { width: 95%; }
.w33{ width: 33.33%;}

.bd-b-none{ border-bottom: none !important;}
.bd-r{ border-right: 1px solid #bbb;}
.bd-b{ border-bottom: 1px solid #cdcdcd;}
.bd-t{ border-top: 1px solid #f5f5f5;}
