@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
html{width: 100%;font-family: "Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,Verdana,"Tohoma",Sans-serif;}
body {line-height: 1;min-height:100%;height:auto!important;
-webkit-text-size-adjust:100%;/*iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。text-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能.*/
-webkit-tap-highlight-color:transparent;/*比如在图片或者链接上，希望不出现被选中的颜色，可以怎么做呢？其实我们可以将属性-webkit-tap-highlight-color的值设置为透明就可以实现。当然也可以设置成其他颜色，也支持rgba*/
}
*:not(input,textarea) {
-webkit-touch-callout: none;/*长按屏幕时会禁止设备弹出列表按钮*/
-webkit-user-select: none;/*之所以放在这里是因为如果放到body中会导致个别Android机型（GoogleNexus，Android 4.2.2）输入框无法输入*/
}
*:focus {outline:0;-webkit-tap-highlight-color:transparent}/*防止获取焦点时，出现边框*/
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0;}
select{appearance:none;   -moz-appearance:none;  -ms-appearance:none;-webkit-appearance:none;/*用来改变按钮和其他控件的外观,加上这个以后，select的高度就可以改变了。所以，当然也可以用于其他浏览器控件中*/
}
 select::-ms-expand { display: none; } 
textarea {-webkit-appearance: none;    font-family: inherit;}

ol,ul {list-style: none;}
a:hover {text-decoration: none;}
a {text-decoration: none;}
blockquote,q {quotes: none;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*注释部分为适配手机版样式
html {font-size: 10px;}
@media screen and (min-width:320px) and (max-width: 359px) {html {font-size:10px;}}
@media screen and (min-width:360px) and (max-width: 374px) {html {font-size:11.25px;}}
@media screen and (min-width:375px) and (max-width: 413px) {html {font-size:11.72px;}}
@media screen and (min-width:414px) and (max-width: 424px) {html {font-size:12.94px;}}
@media screen and (min-width:425px) and (max-width: 479px) {html {font-size:13.28px;}}
@media screen and (min-width:480px) and (max-width: 559px) {html {font-size:15px;}}
@media screen and (min-width:560px) and (max-width: 639px) {html {font-size:17.5px;}}
@media screen and (min-width:640px) and (max-width: 749px) {html {font-size:20px;}}
@media screen and (min-width:750px) {html {font-size:23.5px;}}
body{background-color: #fff;min-width: 320px;}*/

/*适配pc版样式*/
html {font-size: 14px;min-width: 1080px;}
body{ background: #f6f6f8;min-width: 1080px;}

/*input中的placeholder文本样式*/
::-webkit-input-placeholder { color:#999; }
::-moz-placeholder { color:#999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999; } /* ie */
input:-moz-placeholder { color:#999; }

input[type="checkbox"],input[type="radio"]{
    -webkit-appearance: none;
    outline: none;
}

/* flex常用属性 */

/* justify-content:x轴对齐方式
flex-start（默认值）：左对齐
flex-end：右对齐
center： 居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。
*/

/* align-items:y轴对齐方式
flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的中点对齐。
baseline: 项目的第一行文字的基线对齐。
stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。
*/

/* flex-direction:属性决定主轴的方向（即项目的排列方向）
row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿。
column-reverse：主轴为垂直方向，起点在下沿。
*/
.flex-wrap{ display: -webkit-box; display: -webkit-flex;display: flex; }
.flex-con{ -webkit-box-flex: 1; -webkit-flex: 1;flex: 1;}
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}
.f-wrap{
	display: -webkit-box; display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap:wrap;
}
/*flex横向布局*/
.row {display: flex;display: -webkit-flex;flex-direction: row;}
/*flex纵向*/
.column {display: flex;display: -webkit-flex;flex-direction: column;}
/*水平居中*/
.flex-row-center {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
/*水平居左*/
.flex-row-start{display: flex;display: -webkit-flex;justify-content:flex-start;}
.flex-row-start-c{display: flex;display: -webkit-flex;justify-content:flex-start;align-items: center;}
/*水平居右*/
.flex-row-end{display: flex;display: -webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;}
.flex-row-end-c{display: flex;display: -webkit-flex;justify-content:flex-end;align-items: center;}
/*两端对齐，项目之间的间隔都相等*/
.flex-row-between{display: flex;display: -webkit-flex;justify-content:space-between;}
.flex-row-between-c{display: flex;display: -webkit-flex;justify-content:space-between;align-items: center;}
/*垂直居中*/
.flex-column-center {display: flex;display: -webkit-flex;align-items: center;}
/*justify-content:space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。*/

/*水平、垂直居中*/
.center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.alignleft{text-align: left;}
.alignright{text-align: right;}

.puff_left {float: left;}
.puff_right {float: right;}
.clearfix {*zoom:1;display: flex;justify-content: space-between;flex-wrap: wrap;}
.clearfix:after{content: "";display: block;clear: both;}

.clear_border {border: none;}
.clear_bg {background: none;}
.clear_margin{margin:0;}
.clear_padding{padding:0;}
.margin_left {margin-left: 0px;}
.margin_top {margin-top: 0px;}
.margin {margin: 0;}
.color_border {border: 1px #ff6600 solid;}

.dis_none {display: none;}
.dis_block {display: block;}
.dis_inlineblock {display: inline-block;}
.dis_inline {display: inline;}
.fixed{position: fixed;}
.fixed_lb{position: fixed;left: 0;bottom: 0;width: 100%;}
.absolute {position: absolute;}
.relative {position: relative;}
.width100{width: 100%;}
.padding-01{padding: 0 1rem;}
/*字体对齐方式*/
.text_l {text-align: left;}
.text_c {text-align: center;}
.text_r {text-align: right;}
/*字体颜色预设*/
.color_r {color: #f7350a;}/*红色*/
.color_r2 {color: #f7350a;font-weight: bold;}/*红色加粗*/
.color_w {color: #fff;}/*白色*/
.color_d {color: #000;}/*黑色*/
.color_g {color: #b0b0b0;}/*灰色*/
.color_g2 {color: #378001;}/*绿色*/
.color_y {color: #ff5400;}/*橘黄色*/
.fontnormal{font-weight: normal;}

/*背景颜色预设*/
.bg_01 {background-color: #ca0b0b;}/*红色*/
.bg_02 {background-color: #ffe79d;}/*浅黄色*/
.bg_03 {background-color: #ff8712;}/*菊黄色*/
.bg_04 {background: #666;color: #fff;}/*灰色*/
.bg_05{background: #5bc0de;}/*浅蓝色*/
.bg_06{background: #fff;}/*白色*/
.bg_fff{background: #fff;}/*白色*/
.red{color: red;}
.line1{height: 1rem;background: #fff;}
.line2{height: 1rem;}

.reveal-modal-bg {position: fixed;height: 100%;width: 100%;background: #000;z-index: 2;top: 0;left: 0;opacity: 0.8;filter: alpha(opacity: 50);}
.reveal-modal-bg2 {position: fixed;height: 100%;width: 100%;background: #fff;z-index: 100;top: 0;left: 0;opacity: 0.7;filter: alpha(opacity: 70);}

h2.style{line-height: 2rem;color: #333;font-size: 1.4rem;text-align: left;padding:.5rem 1rem;background: #fff;}
.wrong-a{line-height: 2.5rem;font-size: 1rem;color: #d9534f;display: block;}

.empty{height: 200px;color: #999;background: #fff;font-size: 1.4rem;}
.over_h{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}/*需要定义宽和高*/
.over_more_line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3/*行数*/;overflow: hidden;}/*需要定义宽和高*/


.hide{display:none !important;visibility:hidden;}
.block{display:block !important;}
.radius_1{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
.radius_2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.radius_3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.radius_5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.radius_t5{-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.ovh{overflow:hidden;}
.di{display:inline;}
.dib{display:inline-block;*zoom:1;*display:inline;}
.db{display:block;}
.none{display:none;}
.border0 {border: 0!important;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.tdu{text-decoration:underline;}
.cupo{ cursor: pointer;}
.cude{ cursor: default;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.family_st{font-family:"Microsoft YaHei"}
.family_wr{font-family:"微软雅黑"}
.red {color: #fa4f4f;}
.blue{color: #0086ee;}
.w1200{width: 1200px;height: auto;margin: 0 auto;}
.w1190{width: 1190px;height: auto;margin: 0 auto;}
.w1180{width: 1180px;height: auto;margin: 0 auto;}
.w1080{width: 1080px;height: auto;margin: 0 auto;}
.w1000{width: 1000px;height: auto;margin: 0 auto;}
.min-box{min-width: 1080px;}
.opacity:hover{
	filter:alpha(opacity=80);       /* IE */
	-moz-opacity:0.8;              /* 老版Mozilla */
	-khtml-opacity:0.8;              /* 老版Safari */
	opacity: 0.8;
}
.container{
    width: 1080px;
    margin: 0 auto;
    position: relative;
}
.mescroll-upwarp{
      position: relative!important;
    bottom: 290px;
display: -webkit-box;display: -ms-flex;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}
.mescroll-downwarp .downwarp-tip, .mescroll-upwarp .upwarp-tip, .mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-progress{position:static!important;bottom:290px;}
.page_div {text-align: center;}
.page_div .pagination{display:inline-block;width: auto!important;}
.page_div .pagination li{
	float: left;
    height: 34px;
    
}
.qrcode-box{display: flex;justify-content: space-evenly;}
.qrcode-img{width:100px;height:100px;margin-right: 50px;text-align: center;line-height: 20px;}
.qrcode-img img{width:100%;height:100%;}
.qrcode-img span{font-size: 14px;line-height: 5px;}