/*防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{-webkit-text-size-adjust:100%; /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto;*/
    -ms-text-size-adjust:100%; /*禁用IE内核浏览器的文字大小调整功能，默认是auto;*/
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    touch-action: manipulation; /*取消移动端click300ms的延迟*/
}

body{font-family: "Lato", "Microsoft Yahei", "Helvetica", "Tahoma", "Arial", "SimSun","SimHei"; color: #999; background: #fff;word-wrap: break-word;word-break: normal;}

/*针对英文单词，强制让单词换行,break-word不拆分单词, break-all拆分单词*/
*{word-wrap: break-word; word-break: normal;}

a, abbr, acronym, address, applet, article, aside, audio, b, big, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, hr, i, iframe, input, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, textarea, u, ul, var, video{margin: 0; padding: 0;}

dt,label{font-weight:normal; font-size:100%;}/*此处增加dt,label针对bootstrap的加粗定义*/

input,button,textarea,select,optgroup,option{font-size: 100%; font-weight: normal; outline: none;}
input,button,textarea{-webkit-appearance: none;}/*去除ios按钮内阴影、圆角,对单选框、复选框有影响*/
input[type=checkbox]{-webkit-appearance: checkbox;}
input[type=radio]{-webkit-appearance: radio;}

input:focus,textarea:focus{outline: none;}

th,td,button,input,select,textarea{-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;}/*页面的字体抗锯齿,字体会更清晰圆滑*/
textarea{resize: none; border: 1px solid #eee; padding: 5px; width: 100%; border-radius: 0;}

address,caption,cite,code,dfn,th,var,/*em,*/i{font-style: normal; font-weight: normal;}
sub,sup{vertical-align: baseline;}

button{overflow: visible; vertical-align: middle; outline: none; height: auto;}

/*去掉列表标签的默认样式*/
ul,ol,li{list-style-type: none;}

/*重置table样式*/
table{border-collapse:collapse; border-spacing:0; /*table-layout: fixed;*/}/*table-layout: fixed; 表格布局尺寸固定(默认等分表格)，表格的宽度不再由单元格的内容多少而决定，可自定义宽度(给th,td不起作用)*/
/*border-collapse: separate（独立边框）; border-spacing:20px 20px（边框单元格间距离）;*/

/*对齐方式*/
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

/*图片居左、右、中*/
.img-left{display: inline; float: left;}
.img-right{display: inline; float: right;}
.img-center{clear: both; display: block; margin: auto;}/*父容器要清除浮动*/

/*隐藏文字*/
.text-indent{text-indent: -9999em;}

/*图片控制尺寸*/
.img-overflow{width: 100%; height: 100%; overflow: hidden;}

/*img自适应*/
.img-responsive{max-width: 100%; height: auto; display: block;}
img{border: none;}

/*清除浮动*/
.fl{float: left; _display: inline; *zoom: 1;}
.fr{float: right; _display: inline; *zoom: 1;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{display: table; line-height: 0; content: "";}
.clearfix:after{clear: both;}

/*外边距px*/
.margin-auto{margin-left: auto; margin-right: auto;}

/*左边距*/
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}

/*右边距*/
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

/*上边距*/
.mt0{margin-top: 0 !important;}
.mt1{margin-top: 1px;}
.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;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}

/*下边距*/
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}

/*内边距*/
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pd50{padding: 50px;}
.pd60{padding: 60px 0;}

/*padding-top*/
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}

/*padding-bottom*/
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb50{padding-bottom: 50px;}

/*padding-left*/
.pl5{padding-left: 5px;}
.pl20{padding-left: 20px;}
.pb20{padding-bottom: 20px;}

/*padding-right*/
.pr5{padding-right: 5px;}

/*top值*/
.top1{position: relative; top: 1px;}
.top2{position: relative; top: 2px;}
.top3{position: relative; top: 3px;}
.top4{position: relative; top: 4px;}
.top5{position: relative; top: 5px;}

/*字体*/
.ft-en{font-family: 'Helvetica', 'Arial';}

/*字体大小px*/
.ft12{font-size: 12px;}
.ft13{font-size: 13px;}
.ft14{font-size: 14px;}
.ft15{font-size: 15px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft24{font-size: 24px;}
.ft26{font-size: 26px;}
.ft32{font-size: 32px;}

/*字体颜色*/
.ft-white{color: #fff;}
.ft-hover{color: #da0632;}
.ft-000{color: #000;}
.ft-666{color: #666;}
.ft-333{color: #333;}
.ft-999{color: #999;}

/*字体加粗*/
.bold{font-weight: bold;}

/*1行显示省略号*/
.ellipsis{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}

/*默认3行显示省略号 只适用于webkit内核*/
.ellipses-line3{overflow : hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*配合js实现段落省略 默认为3行*/
.p-ellipses{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; height: 168px;}


/*placeholder重置字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999 !important; font-size: 13px;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #999 !important; font-size: 13px;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #999 !important; font-size: 13px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999 !important; font-size: 13px;}

/*显示块状*/
.block{display: block;}
.inline-block{display: inline-block;}


/*边框*/
.border-dashed{border-style: dashed;}

/*宽度*/
.w1350{width: 1350px; margin: 0 auto;}
.w100{width: 100%;}

/*高度*/
.h30{height: 30px; line-height: 28px; padding-top: 0; padding-bottom: 0;}

/*行高*/
.lh24{line-height: 24px;}

/*背景颜色*/
.bg-white{background-color: #fff;}
.bg-f7{background-color: #f7f7f7; padding: 60px 0;}

/*a链接*/
a{outline:none; text-decoration: none; color: #999; cursor: pointer;}
a:focus{outline: none; text-decoration: none; color: inherit;}
a:hover{outline: none; color: #da0632; text-decoration: none;}

.underline{text-decoration: underline;}
.underline:hover{text-decoration: underline;}

/*标题*/
.gh-h1{font-family: open_sansbold; color: #333; font-size: 16px; line-height: 22px; text-transform: uppercase;}
.gh-h2{font-family: open_sansbold; color: #333; font-size: 13px; line-height: 20px; text-transform: capitalize;}
.gh-h3{font-family: open_sansbold; color: #333; font-size: 14px; line-height: 22px; text-transform: uppercase;}

/*自定义按钮*/
/*btn基础样式*/
.gh-btn{display: inline-block; padding: 6px 12px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background: none; border: 1px solid transparent;}

/*btn尺寸*/
.gh-btn-lg{padding: 6px 35px;}
.gh-btn-sm{}
.gh-btn-xs{}

.gh-btn-label{padding: 0 10px; height: 24px; line-height: 22px; background: #e8e8e8;}
.gh-btn-label:hover{color: #666;}

/*按钮颜色*/
.gh-btn-default{border: 1px solid #cccccc; color: #da0632; background-color: #fff;}
.gh-btn-default:hover{background: #da0632; color: #fff;}
.gh-btn-default:focus{background: #da0632; color: #fff;}

.gh-btn-primary{background: #0bb8d0; color: #fff;}
.gh-btn-primary:hover{background: #0B90A2; color: #fff;}
.gh-btn-primary:focus{color: #fff;}

.gh-btn-secondary{background: #fff; color: #666; border: 1px solid #ccc;}
.gh-btn-secondary:hover{background: #f7f7f7; color: #666;}
.gh-btn-secondary:focus{color: #666;}

.gh-btn-danger{background: #da0632; color: #fff;}
.gh-btn-danger:hover{background: #da0632; color: #fff;}
.gh-btn-danger:focus{color: #fff;}

.gh-btn.disabled{color: #ccc; background: #e8e8e8; border-color: #e8e8e8;}
.gh-btn.disabled:hover{cursor: not-allowed; box-shadow:none;}
.gh-btn.disabled:focus{color: #ccc;}

.gh-btn[disabled]{color: #ccc; background: #e8e8e8; border-color: #e8e8e8;}
.gh-btn[disabled]:hover{cursor: not-allowed; box-shadow:none;}
.gh-btn[disabled]:focus{color: #ccc;}

/*自定义表单边框样式*/
.gh-form-group{margin-bottom: 15px;}
.gh-form-group label{margin-bottom: 8px; color: #666; font-size: 14px;}
.gh-form-control{border: 1px solid #eee; height: 40px; box-shadow:none; border-radius: 0; padding: 6px 10px; color: #333; width: 100%;}
.gh-form-control:focus{box-shadow:none; border-color: #eee;}

select.gh-form-control {
    background: transparent url("/assets/tmpl38/images/drop-down.jpg") no-repeat calc(100% - 10px) center;
    -webkit-appearance: none;
    -moz-appearance: none;
}
select.gh-form-control::-ms-expand {display: none;} /*ie*/

/*自定义文本选中背景*/
/*::selection{background-color: #da0632;}*/


/*form错误提示*/
.gh-form-error .gh-form-control{border-color: #da0632;}
.gh-form-error .iconfont{color: #da0632;}


/*图标*/
.icon {
    background: url(/assets/tmpl38/images/icon-main.png) no-repeat;
    display: inline-block;
}

.icon-wechat{width: 30px; height: 25px; background-position: -182px -2px;}
.icon-tel{width: 27px; height: 26px; background-position: -87px -1px;}
.icon-customer{width: 25px; height: 26px; background-position: -121px -1px;}
.icon-qq{width: 27px; height: 27px; background-position: -152px -1px;}
.icon-go-top{width: 29px; height: 15px; background-position: -91px -73px;}

/*阿里巴巴图标 优先级*/
.icon-jian:before { content: "\e64b";}


/*自定义下拉框*/
.select-down{border-radius: 0; border: 1px solid #eee; height: 40px; box-shadow:none; color: #333; width: 100%; position:relative; cursor:pointer; padding: 6px 12px; background: #fff;}
.select-down .text{color: #999; height: 100%; line-height: 26px;}
.select-down .arrows-down{position:absolute; top: 9px; right: 10px; color: #333; font-size: 22px; transition: all 500ms; line-height: normal;}
.select-down .down{width: 100%; position: absolute; top: 39px; left: -1px; z-index: 2; border: 1px solid #eee; border-top: none; background: #fff; display: none; max-height: 200px; overflow-x:hidden; box-sizing: content-box;}
.select-down .down li{line-height: 34px; padding-left: 15px; width: 100%; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-down .down li:hover{background: #f7f7f7; color: #da0632;}
.select-down .down li.active{background: #f7f7f7;}
.select-down select{display: none;}

/*弹窗*/
.modal-open{overflow-y: auto !important; padding-right: 0 !important;}
.tw-modal .modal-content{border-radius: 0;}
.tw-modal .modal-title{color: #333;}


/*自定义container*/
@media (min-width: 1170px) {
    .container{padding-left: 0; padding-right: 0;}
}

@media (width: 1024px) {
    .visible-1024{display: block;}
    .hidden-1024{display: none !important;}
}

@media (width: 768px) {
    .visible-768{display: block !important;}
    .hidden-768{display: none !important;}
}