/*2016.10.21 通用公共样式表*/
/*字体大小样式*/
.f_s_24{font-size: 1.2rem;}
.f_s_26{font-size: 1.3rem;}
.f_s_28,h3,.h3{font-size: 1.4rem;}
.f_s_30,h2,.h2{font-size: 1.5rem;}
.f_s_32,h1,.h1{font-size: 1.6rem;}
.f_s_34{font-size: 1.7rem;}
/*字体颜色样式*/
.txt_c_whrite{color:#fff;}
.txt_c_red{color:#c30d23;}
.txt_c_yellow{color:#f39800;}
.txt_c_999{color:#999;}
.txt_c_666{color:#666;}
.txt_c_333{color:#333;}
.txt_c_3d{color:#3d3d3d;}
.txt_c_41{color:#41a0ed;}
.txt_c_32{color:#3279be;}
/*字体加粗*/
.font_bold{font-weight: bold;}
/*背景颜色样式*/
.bg_c_white{background-color:#fff;}
.bg_c_df{background-color:#df6c7a;}
.bg_c_f8{background-color: #f8f8f8;}
.bg_c_f2{background-color: #f2f2f2;}
.bg_c_red{background-color:#c30d23;}
.bg_c_yellow{background-color:#f39800;}
.bg_c_f7{background-color: #f7f7f7;}
.bg_c_3{background-color: #333;}
.bg_c_9{background-color: #999;}
.bg_c_none{background-color:transparent;}
/*边框border 样式*/
.bd_All_db{border:1px solid #dbdbdb;}
.bd_b_db{border-bottom: 1px solid #dbdbdb;}
.bd_t_db{border-top: 1px solid #dbdbdb;}
.bd_r_db{border-right: 1px solid #dbdbdb;}
.bd_r_f9{border-right: 1px solid #d9d9d9;}
.bd_b_f9{border-bottom: 1px solid #d9d9d9;}
.bd_b6_f2{border-bottom:6px solid #f2f2f2;}
/*常用的宽和高*/
.width_100{width: 100%;}
.width_50{width: 50%;}
.width_75{width: 75%;}
/*圆角 border-radius 样式*/
.bd_r_50{border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;}
.bd_r_8{border-radius: .4rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;-ms-border-radius:.4rem;}
.bd_r_6{border-radius: .3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;}
.bd_r_10{border-radius: .5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;}
.bd_r_20{border-radius: 1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;}
/*相对定位和绝对定位*/
.pos_r{position:relative;}
.pos_a_r{position: absolute;right:0;}
.pos_a_l{position: absolute;left:0;}
.top5{top:.5rem;}
.top_0{top:0;}
/*居中*/
.txt_center{text-align: center;}
.txt_left{text-align: left;}
.txt_right{text-align: right;}
.align_middle{vertical-align: middle;}
/*外边距样式*/
.mar_auto{margin:0 auto;}
.mar_b_100{margin-bottom: 5rem;}
.mar_r_0{margin-right: 0;}
.mar_t_15{margin-top: .75rem;}
.mar_r_15{margin-right: .75rem;}
.mar_l_15{margin-left: .75rem;}
.mar_t_20{margin-top: 1rem;}
.mar_b_20{margin-bottom: 1rem;}
.mar_r_20{margin-right: 1rem;}
.mar_t_10{margin-top: .5rem;}
.mar_b_10{margin-bottom: .5rem;}
.marT_b_15{margin-top:.75rem;margin-bottom: .75rem;}
.marL_r_15{margin-left:.75rem;margin-right: .75rem;}
.marT_b_20{margin-top:1rem;margin-bottom: 1rem;}
.marL_r_20{margin-left:1rem;margin-right: 1rem;}
.marT_b_32{margin-top:1.6rem;margin-bottom: 1.6rem;}
.marL_r_32{margin-left:1.6rem;margin-right: 1.6rem;}
/*内边距样式*/
.pad_t_10{padding-top: .5rem;}
.pad_r_15{padding-right: .75rem;}
.pad_l_15{padding-left: .75rem;}
.pad_r_20{padding-right: 1rem;}
.pad_l_20{padding-left: 1rem;}
.pad_b_20{padding-bottom: 1rem;}
.pad_r_30{padding-right: 1.5rem;}
.pad_l_30{padding-left: 1.5rem;}
.pad_b_30{padding-bottom: 1.5rem;}
.padT_b_10{padding-top:.5rem;padding-bottom: .5rem;}
.padL_r_10{padding-left:.5rem;padding-right: .5rem;}
.padT_b_15{padding-top:.75rem;padding-bottom: .75rem;}
.padL_r_15{padding-left:.75rem;padding-right: .75rem;}
.padT_b_20{padding-top:1rem;padding-bottom: 1rem;}
.padL_r_20{padding-left:1rem;padding-right: 1rem;}
.padT_b_30{padding-top:1.5rem;padding-bottom: 1.5rem;}
.padL_r_30{padding-left:1.5rem;padding-right: 1.5rem;}
/*浮动 float*/
.fl{float: left;}
.fr{float: right;}
/*块级元素转换*/
.dis_block{display: block;}
.dis_inlineBlock{display: inline-block;}
.dis_none{display: none;}
/*行高*/
.line_h_1{line-height: 1;}
.line_h_12{line-height: 1.2;}
.line_h_14{line-height: 1.4;}
.line_h_16{line-height: 1.6;}
.line_h_18{line-height: 1.8;}
.line_h_2{line-height: 2;}
.line_h_25{line-height: 2.5;}
.line_h_28{line-height: 2.8;}
/*文本溢出处理样式*/
.txt_Overflow{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txt_Moreflow{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.align_middle{vertical-align:middle;}
.of_hidden{overflow: hidden;}
/*改变input placeholder的字体颜色*/
.searchInput::-webkit-input-placeholder { color: #666; } 
.searchInput:-moz-placeholder{ color: #666; } 
.searchInput::-moz-placeholder { color: #666; } 
.searchInput:-ms-input-placeholder { color: #666; } 
.hint{display:none;position: absolute;font-size:0.26rem;top: 50%;left: 50%;transform:translate(-50%,-50%);background: rgba(0,0,0,.7);z-index: 10;color: #fff;text-align: center;padding: 0.1rem 0.3rem;border-radius: .1rem;}