/***样式初始化***/
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);}
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:12px;color:#646464;background:#f6f6f6;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: #C50606;}
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;}
.block{ display: block;}
.f-20{ font-size: 20px;}
/*清除浮动*/
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { clear:both; }
.contant{ position: relative; margin: 0 auto; width: 1200px;}
.contant-small{position: relative; margin: 10px auto; width: 960px}
/***样式初始化 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;}
/***动画过渡时间***/
.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:#646464;text-decoration:none;} /*链接-颜色*/
a:hover{color:#c50606;} /*链接-悬浮颜色*/
.text-underline:hover {text-decoration:underline;}
.bd-t-big{ border-top: 10px solid #f9f9f9;}
.bd-t-default{ border-top: 5px solid #f9f9f9;}
.vertical-box img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
/*段落*/
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-line{ text-decoration: line-through;}
/*文本省略*/
.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-30{ font-size: 30px;}
.f-36{ font-size: 36px;}
.text-letter{ letter-spacing: 2px;}
/*字体颜色*/
.text-main{color:#c50606;}/*主色*/
.text-sub{color:#e98e0b;}/*辅色*/
.text-dot{color:#ea523a;}/*点缀色*/
.text-mix{color:#545454;}/*融合色*/
.text-white{color:#fff;}/*白色*/
.text-black{color:#000;}/*黑色*/
.text-grey{color:#696968;}/*浅灰色*/
.text-light-grey{color:#646464;}/*深灰色*/
.text-red{color:#b10;}
.text-orange{color:#f60;}
.text-blue{color:#5c5c68;}
.text-green{color:green;}
.text-dark-grey{ color: #394043;}
.text-greys{ color: #696968;}
.text-red{ color: #e90e0e;}
.text-dark-red{ color: #8a2828;}
.text-dark-dot{ color: #9b1414;}
.text-dark-sub{ color: #e94a0b;}
.text-light-blue{ color: #9fa0b0;}
/*行高*/
.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;}
.lh-36{ line-height: 36px;}
.f-22{ font-size: 22px;}
.v-small{ vertical-align: -2px;}
/***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:#c50606;}
.input:hover,.input-hover{border-color:#c50606;}
.input-error,.input-error:hover{border-color:#d93600;}
.input-error:focus{border-color:#c50606;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; }

/* 复选框、单选框 */
.check[type=checkbox]{ display: inline-block;  width: 18px; height: 18px; 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: 18px; height: 18px; background: url(../images/icons.png) no-repeat; background-position: -63px -17px; -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.check[type=checkbox]:checked:before{background-position: -42px -17px; -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.checkbox{content: ' '; display: inline-block; width: 15px; height: 16px; background: url(../images/icons.png) no-repeat; background-position: 0 0; -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.checkbox.checked{background-position: -16px 0; -webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio[type=radio]{ display: inline-block;  width: 15px; height: 15px; 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: 15px; height: 15px; background: url(../img/radio.png) no-repeat; background-size: 100% 100%;-webkit-appearance: none; -moz-appearance : none ; appearance: none;}
.radio[type=radio]:checked:before{ background-image: url(../img/radio-checked.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:#e43d3d;}
.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:#C50606;}
/***textarea***/
.textarea{border:1px solid #ccc;resize: none;}
.textarea:hover{border-color:#c50606;}
.textarea:focus{border-color:#c50606;background-color:#fff;}
/***margin***/
/***background***/
.bg{ background: #eee; }
.bg-grey{background: #f7f7f7;}
.bg-dark-grey{background: #3a3a3a;}
.bg-black{background: #000;}
.bg-white{background: #fff;}
.bg-gray-white{background: #f7f7f7;}
.bg-main{background: #C50606;}
.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-25{ padding: 25px;}
.pd-10{padding: 10px;}
.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-50{ padding-bottom: 50px;}
.pb-40{ padding-bottom: 40px;}
.pb-30{ padding-bottom: 30px;}
.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-20{ padding-left: 20px;}
.pl-40{ padding-left: 40px;}
.pl-15{ padding-left: 15px;}
/*外边距,全,上,下,左,右*/
.mg-10{ margin: 10px;}
.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-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-5{ margin-top: 5px;}
.mt-none{ margin-top:0 !important;}
.mr-70{ margin-right: 70px;}
.mr-40{ margin-right: 40px;}
.mr-30{ margin-right: 30px;}
.mr-25{ margin-right: 25px;}
.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-50{ margin-left: 50px;}
.ml-40{ margin-left: 40px;}
.ml-30{ margin-left: 30px;}
.ml-25{ margin-left: 25px;}
.ml-20{ margin-left: 20px;}
.ml-15{ margin-left: 15px;}
.ml-10{ margin-left: 10px;}
.ml-5{ margin-left: 5px;}
.mb-30{ margin-bottom: 30px;}
.mb-20{ margin-bottom: 20px !important;}
.mb-15{ margin-bottom: 15px;}
.mb-10{ margin-bottom: 10px;}
.mb-5{ margin-bottom: 5px;}
.mb-100{ margin-bottom: 100px;}

/*无序有序列表*/
ul{list-style:none;}

/***布局***/
.layout{width: 100% !important;}

/*宽度比例*/
.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%;}

.border{ border: 1px solid #cdcdcd;}
.bd-b-none{ border-bottom: none !important;}
.bd-r{ border-right: 1px solid #ccc;}
.bd-b{ border-bottom: 1px solid #cdcdcd;}
.bd-t{ border-top: 1px solid #cdcdcd;}
.lh-40{ line-height: 40px;}