﻿/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
*{box-sizing: border-box;}
html, body {min-height: 100%; -webkit-tap-highlight-color: transparent;}
body {font-family: "Microsoft YaHei";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #232323;}

table {border-collapse: collapse;table-layout: fixed;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden;display: block;clear: both;overflow:hidden;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}

textarea {resize: none;overflow: auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden;display: block;clear: both;overflow:hidden;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}

.tran img,.transition {transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.img_poa img {position: absolute; width: auto; height: auto; max-height: 100%; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

strong {font-weight: initial;}

/*取消蓝色*/
.qxls {-moz-user-select: none; /*mozilar*/
-webkit-user-select: none; /*webkit*/
-ms-user-select: none; /*IE*/
user-select: none;}

/*右侧悬浮*/
.totop {position: fixed; bottom: 30px; right: 30px; background: #c7000c; width: 40px; height: 40px; background-size: 100%; cursor: pointer; display: none;  z-index: 33;}
.totop:before {position:absolute;top:50%; left: 50%; display:block; width: 10px;height: 10px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;content:"";-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg); margin-top: 4px;}
/*end*/


/*浏览器升级提示窗口*/
.yy {position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 98; display: none;}
.yy.cur00 {display: block;}
.yy h1 {font-size: 26px; color: #000}
.yy-box {position: fixed; width: 400px; height: 200px; background-color: #fff; text-align: center; top: 50%; left: 50%; margin-left: -200px; margin-top: -100px; padding-top: 50px; z-index: 99999; display: none; padding: 30px 20px 0;}
.yy-box.cur00 {display: block;}
.yy-box p {margin-top: 20px;}
.yy-box p a {color: #ff9c00;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .yy {background-color:#000000; filter:Alpha(opacity=50); *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
  .yy-box {filter:Alpha(opacity=100);}
}

/**
 *文字截断
 */
.znowrap{max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.znowrap_flex{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; height: inherit;}
.znowrap_line1{-webkit-line-clamp: 1;}
.znowrap_line2{-webkit-line-clamp: 2;}
.znowrap_line3{-webkit-line-clamp: 3;}
.znowrap_line4{-webkit-line-clamp: 4;}


/*居中*/
.tac {
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}