/*全局设置*/

html,
body {
    /*优化触屏滚动*/
    /*-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch; 
	overflow-scrolling: touch;*/
    /*禁止用户复制*/
    /*-webkit-user-select:none; 
	-moz-user-select: none;  
	-ms-user-select: none;
	-o-user-select: none; 
	user-select: none;*/
    /*禁用系统长按菜单*/
    /*-webkit-touch-callout:none; 
	touch-callout:none;*/
    /*去掉点击高亮*/
    /*-webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
	tap-highlight-color:rgba(0, 0, 0, 0);*/
    /*前2是英文字体，之后分别是：设备默认字体、微软雅黑（PC）、苹果黑体（mac）、文泉驿微米黑、宋体、通用适配字体*/
    font-family: Arial, "Calibri", "Microsoft YaHei", "Hiragino Sans GB", "Open Sans", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
    /*反锯齿，平滑字体*/
    /*-webkit-font-smoothing: antialiased;*/
    /*解决iPhone 横屏默认会放大文字问题*/
    /*-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;*/
    background: #f3f3f4;
    font-size: 14px;
    color: #243238;
}

/*英文个性字体*/
@font-face {
    font-family: 'Calibri';
    src: url('fonts/calibri.eot');
    src: local('☺'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .font-calibri {
    font-family: "Open Sans", Calibri, Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
  }


/*格式化标签*/

*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul,
li {
    list-style: none;
}

input,
select {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


/*鼠标*/

a:link {}

a:visited {}

a:hover {}

a:active {}


/*清浮*/

.clear:after,
.clearfixd:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

.clear,
.clearfixd {
    zoom: 1;
    *+height: 1%;
}


/*文字溢出省略号*/

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}


/*多行文字溢出省略号*/

[class^="text-overflow-rows"] {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    /*这里修改为要显示的行数*/
    -webkit-box-orient: vertical;
}

.text-overflow-rows4 {
    -webkit-line-clamp: 4;
}

.text-overflow-rows2 {
    -webkit-line-clamp: 2;
}

.text-overflow-rows3 {
    -webkit-line-clamp: 3;
}


/*查看更多*/

.check-more {
    padding-right: 1.5rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==);
    background-size: 0.7rem;
    background-repeat: no-repeat;
    background-position: 97% center;
    background-position: -webkit-calc(100% - .5rem) center;
    background-position: calc(100% - .5rem) center;
}


/*字体大小*/

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24 {
    font-size: 24px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-30 {
    font-size: 30px;
}

.font-32 {
    font-size: 32px;
}

.font-34 {
    font-size: 34px;
}

.font-36 {
    font-size: 36px;
}

.font-38 {
    font-size: 38px;
}

.font-40 {
    font-size: 40px;
}


/*字体颜色*/

.color-red {
    color: #ec4758;
}

.color-green {
    color: #18a689;
}

.color-yellow {
    color: #f7a54a;
}

.color-blue {
    color: #1a7bb9
}

.color-gray {
    color: #8c8c8c;
}

.color-theme {
    color: #09C;
}

.color-666 {
    color: #666;
}

.color-999 {
    color: #999;
}

.color-333 {
    color: #333;
}

.color-black,
.color-black * {
    color: #333;
}

.color-white,
.color-white * {
    color: #fff;
}


/*字体粗细*/

.font-bold {
    font-weight: bold;
}


/*字体对齐方式*/

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}


/*背景颜色*/

.bg-red {
    background: #ec4758;
}

.bg-green {
    background: #18a689;
}

.bg-yellow {
    background: #f7a54a;
}

.bg-blue {
    background: #1a7bb9;
}

.bg-gray {
    background: #8c8c8c;
}

.bg-danse {
    background: #f9f9fc;
}

.bg-theme {
    background: #09C;
}

.bg-white {
    background: #fff;
}

.bg-none {
    background: none !important;
}


/*左右浮动*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}


/*内边距*/

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-25 {
    padding: 25px;
}

.padding-30 {
    padding: 30px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-25 {
    padding-right: 20px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-right-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-left-right-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-left-right-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-left-right-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.padding-left-right-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-0 {
    padding: 0 !important;
}


/*外边距*/

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 20px;
}

.margin-25 {
    margin: 25px;
}

.margin-30 {
    margin: 30px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-0 {
    margin: 0 !important;
}


/*行高*/

.line-hight-15 {
    line-height: 1.5;
}

.line-hight-16 {
    line-height: 1.6;
}

.line-hight-18 {
    line-height: 1.8;
}

.line-hight-20 {
    line-height: 2;
}


/*盒子模型*/

.flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-1 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-2 {
    display: block;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}


/*无视鼠标*/

.pointer-die {
    pointer-events: none;
    -webkit-pointer-events: none;
    position: relative;
    opacity: .5;
}


/*网页变灰色*/

.color-die {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .5;
}


/*鼠标动画*/

.transition {
    transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -webkit-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
}


/*清除动画*/

.transition-die {
    -moz-transition-duration: 0s !important;
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    -ms-transition-duration: 0s !important;
    transition-duration: 0s !important;
}


/*透明度*/

.opacity-50 {
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
}

.opacity-70 {
    filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
}


/*保留文本段落格式*/

.text-pre {
    white-space: pre-wrap;
    *white-space: pre;
    *word-wrap: break-word;
}


/*表格重定义*/

.table {
    width: 100%;
    /*table-layout:fixed;*/
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
    background: white;
}

.table th {
    padding: 10px;
    border: 1px #ddd solid;
    border-width: 0 0 0 1px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    white-space: nowrap;
}

.table td {
    padding: 0 10px;
    border: 1px #ddd solid;
    border-width: 0 0 0 1px;
    text-align: center;
    vertical-align: middle;
}


/*取消select的右侧小三角按钮*/

.select {
    appearance: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
}


/*动画事件*/

.action {
    -webkit-animation: action 2s ease;
    -moz-animation: action 2s ease;
    -ms-animation: action 2s ease;
    -o-animation: action 2s ease;
    animation: action 2s ease;
}

@-webkit-keyframes action {
    from {}
    to {}
}

@-moz-keyframes action {
    from {}
    to {}
}

@-o-keyframes action {
    from {}
    to {}
}

@keyframes action {
    from {}
    to {}
}


/*媒体查询 视网膜属性ratio*/

@media screen and (-webkit-min-device-pixel-ratio:1) {}

@media screen and (-webkit-min-device-pixel-ratio:2) {}

@media screen and (-webkit-min-device-pixel-ratio:3) {}


/*iPad横板显屏*/

@media screen and (max-device-width: 1024px) and (orientation: landscape) {}


/*iPad竖板显屏*/

@media screen and (max-device-width: 768px) and (orientation: portrait) {}


/*设备尺寸小于480*/

@media screen (max-device-width: 480px) {}


/*设备尺寸大于480*/

@media screen (min-device-width: 480px) {}


/*窗口尺寸 大于480*/

@media only screen and (min-width: 480px) {}


/*窗口尺寸 小于480*/

@media only screen and (max-width: 480px) {}


/*窗口尺寸大于320 小于480*/

@media screen and (min-width: 320px) and (max-width: 480px) {}


/*横屏*/

@media all and (orientation: landscape) {}


/*竖屏*/

@media all and (orientation: portrait) {}

a:hover {
    cursor: pointer;
}

a.no-line,
a.no-line:hover,
a.no-line:active,
a.no-line:visited,
a.no-line:link {
    text-decoration: none;
}


/*边框*/

.border-top {
    border-top: 1px #e5e4e3 solid;
}

.border-right {
    border-right: 1px #e5e4e3 solid;
}

.border-bottom {
    border-bottom: 1px #e5e4e3 solid;
}

.border-left {
    border-left: 1px #e5e4e3 solid;
}

.border {
    border: 1px #e5e4e3 solid;
}

.border-ccc {
    border-color: #ccc !important;
}

.border-yellow {
    border: 1px #f7a54a solid;
}

.border-none {
    border: none !important;
}


/*居中盒子*/

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.middle-box-40 {
    width: 40%;
    margin: 0 auto;
}

.middle-box-45 {
    width: 45%;
    margin: 0 auto;
}

.middle-box-50 {
    width: 50%;
    margin: 0 auto;
}

.middle-box-55 {
    width: 55%;
    margin: 0 auto;
}

.middle-box-60 {
    width: 60%;
    margin: 0 auto;
}

.middle-box-65 {
    width: 65%;
    margin: 0 auto;
}

.middle-box-70 {
    width: 70%;
    margin: 0 auto;
}

.middle-box-80 {
    width: 80%;
    margin: 0 auto;
}


/*赋予表格属性*/

.display-table {
    display: table;
    width: 100%;
    height: inherit;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

.display-block {
    display: block;
}

.inline-block {
    display: inline-block !important;
}

.radius-0 {
    border-radius: 0;
}

.auto-img {
    width: 100%;
    min-height: 100%;
}

.width-10p {
    width: 10%;
}

.width-20p {
    width: 20%;
}

.width-30p {
    width: 30%;
}

.width-40p {
    width: 40%;
}

.width-50p {
    width: 50%;
}

.width-60p {
    width: 60%;
}

.width-70p {
    width: 70%;
}

.width-80p {
    width: 80%;
}

.width-90p {
    width: 90%;
}

.width-100p {
    width: 100%;
}

.triangle {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 10px solid #333;
}

.disabled {
    cursor: not-allowed;
}

label.disabled {
    font-weight: normal;
}

.position-relative,
.relative {
    position: relative;
}

.height-0 {
    height: 0;
    border: none;
    padding: 0;
    margin: 0;
}

.icon {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*页面提示*/

#ietips {
    display: none;
}

#ietips .ietips_text {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 350px;
    margin-left: -175px;
    margin-top: -107px;
    height: 215px;
    padding: 15px;
    background: #fff;
    border: 6px solid #444;
    z-index: 30;
    font-family: "Microsoft YaHei", "PingFang SC";
}

#ietips a {
    text-decoration: underline;
}

#ietips .ietips_footer {
    margin-top: 20px;
}

#ietips .ietips_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .5;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    z-index: 20;
}