@charset "utf-8";

/*reset from TC*/
html{font-size: 16px;}
body{margin:0; padding:0; font-size:12px;  color:#666;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, blockquote, th, td, address{padding:0; margin:0; border:0;}
ul,ol{list-style:none;}
img,input,select{border:0; vertical-align:middle;}


a {text-decoration: none;}
a:active {background-color: transparent;/*去掉 IE 10+ 点击链接时的灰色背景*/}
a:active, a:hover {outline: 0 none;}
a:focus {outline: 1px dotted;/*统一 Chrome 和 Safari 的焦点框样式*/}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
/*=================================== 
 * 排版
 ===================================*/
/**
 * 中文优先使用冬青黑体简体(OS X)、微软雅黑(Windows)和文泉驿微米黑(Linux)
 * 西文使用 tahoma
 * 1. 防止元素中「font-family」不能继承
 * 2. 西文字体和 OS X 字体写在前面
 * 3. Opera 12.1 之前版本不支持中文字体的英文名称
 * 4. 微软雅黑「\5FAE\8F6F\96C5\9ED1」,中易宋体「\5B8B\4F53」
 */
body, button, input, select, textarea {
    font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
    -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
    text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0; }
img {
    border: 0 none; /* 去除 IE6-9 和 Firefox 3 中 a 内部 img 元素默认的边框 */
    width: auto\9; /* 修正 IE8 图片消失bug */
    height: auto; /* 防止 img 指定「height」时图片高度不能按照宽度等比缩放，导致图片变形 */
    max-width: 100%; /* 让图片支持响应式 */
    vertical-align: top;/* 去除现代浏览器图片底部的空隙 */
    -ms-interpolation-mode: bicubic; /* 修复 IE7 图片缩放失真 */
}
label {cursor: pointer;}
button, input, select, textarea {
    font-family: inherit; /* 修正所有浏览器中字体不继承的问题 */
    font-size: 100%; /* 修正所有浏览器中字号不继承的问题 */
    margin: 0; /* 修正 Firefox 3+， Safari5 和 Chrome 中外边距不同的问题 */
    vertical-align: baseline; /* 改善在所有浏览器下的垂直对齐方式 */
    *vertical-align: middle; /* 改善在所有浏览器下的垂直对齐方式 */
}
input, button {
    *overflow: visible; /*修正 IE7 随着字数增加边距不断增加的问题*/
}
button, select {
    text-transform: none; /*统一各浏览器「text-transform」不会继承的问题*/
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 更正 iOS 中无法设置可点击的「input」的问题 */
    cursor: pointer; /* 统一其他类型的「input」的光标样式 */
}
button[disabled], input[disabled] {cursor: default;}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 修正 IE 8/9 box-sizing 被设置为「content-box」的问题 */
    padding: 0; /* 移除 IE 8/9 中多余的内边距 */
    *height: 13px; /* 移除 IE7 中多余的内边距(IE6 中任然存在) */
    *width: 13px; /* 移除 IE7 中多余的内边距(IE6 中任然存在) */
}
input[type="search"] {
    -webkit-appearance: textfield; /*修正 Safari 5 和 Chrome 中「appearance」被设置为「searchfield」的问题*/
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /*修正 Safari 5 和 Chrome 中「box-sizing」被设置为 「border-box」的问题*/
    box-sizing: content-box;
}

/**
 * 1.移除 OS X 中 Safari5 和 Chrome 搜索框内侧的左边距
 * 2.如果需要隐藏清除按钮需要加上
   input[type="search"]::-webkit-search-cancel-button
 */
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;/* 1 */
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    /*移除 Firefox 3+ 的内边距*/
    border: 0;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
textarea {
    overflow: auto; /* 移除 IE6-11 中默认的垂直滚动条*/
    resize: vertical; /* 禁止水平拖动，防止破坏布局*/
}
select:disabled option:checked,
option:disabled:checked {
    color: #D2D2D2; /*修正 Chrome 30- option 中文字无法显示的问题*/
}

/*修正 Safari 3+, Chrome 1+ Placeholder 居中问题*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input {
        line-height: normal !important;
    }
}
/*修正 Firefox 19+ Placeholder 设置了opacity 的问题*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: darkGray;
    opacity: 1;
}
/*统一 select 样式, Firefox 中有 padding:1px 0*/
select[size], select[multiple], select[size][multiple] {
    border: 1px solid #AAA;
    padding:0;
}

/**================================================
 * utils
 =================================================*/
/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* 强制不换行 */
.nowrap {
    white-space: nowrap;
    word-wrap: normal;
}
/* 连续字符换行 */
.wrap {
    white-space: normal;
    word-wrap: break-word;
}
/*不换行 超出的以省略号显示*/
.ellipsis {
    display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
}
/*隐藏*/
.none, .hidden, .hide {
    display: none;
}
/*text-indent:-999em存在性能问题*/
.text-hide {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/*统一用双线显示人民币符号「¥(￥)」*/
.rmb, .yuan {
    font-family: arial;
    font-style: normal;
}
/* 隐藏<select>元素的下拉箭头*/
.select-fix {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow:"";
    text-indent: .01px;
}
/* 手机端点击按钮 去除选中的背景 */
.tap-fix,
.tap-fix li,
.tap-fix a,
.tab-wrap,
.tab-item,
.tab li,
.tab-btn {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.scroll-touch {
    overflow-y: auto; /*pc上浏览*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

/*箭头*/
.arrow {
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
    *display:inline;
    *zoom:1;
    vertical-align: -2px;
    border: 0 dashed transparent;
    border-width: 6px;
}
.arrow-top {
    border-bottom-style: solid;
    border-bottom-color: #2AB2DF;
}
.arrow-bottom {
    border-top-style: solid;
    border-top-color: #2AB2DF;
}
.arrow-left {
    border-right-style: solid;
    border-right-color: #2AB2DF;
}
.arrow-right {
    border-left-style: solid;
    border-left-color: #2AB2DF;
}
/* ◤左上角 */
.arrow-left-top {
    border-top-style: solid;
    border-top-color: #2AB2DF;
    border-left-width: 0 !important;
}
/* ◥右上角 */
.arrow-right-top {
    border-top-style: solid;
    border-top-color: #2AB2DF;
    border-right-width: 0 !important;
}
/* ◣左下角 */
.arrow-left-bottom {
    border-bottom-style: solid;
    border-bottom-color: #2AB2DF;
    border-left-width: 0 !important;
}
/* ◢右下角 */
.arrow-right-bottom {
    border-bottom-style: solid;
    border-bottom-color: #2AB2DF;
    border-right-width: 0 !important;
}


/*============================================================================================
 * ..........................................flex 布局........................................
 ============================================================================================*/
.flex-wrap {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;      /*// OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;   /*// TWEENER - IE 10 */
  display: -webkit-flex;  /* NEW - Chrome */
  display: flex;          /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-wrap-h {
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.flex-wrap-v {
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;

    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
}

.flex, .flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.flex-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}
.flex-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    -webkit-flex: 3;   
    flex: 3;
}
.order-1 {
    -webkit-box-ordinal-group: 1;  
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;  
    order: 1;
}
.order-2 {
    -webkit-box-ordinal-group: 2;  
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;  
    order: 2;
}
.order-3 {
    -webkit-box-ordinal-group: 3;  
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;  
    order: 3;
}



/*=============================================================================================
* .........................................opacity透明度.......................................
* ============================================================================================*/
.transparent,
.opacity-0 {
    background-color: transparent;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE5 - 7 */
}
.opacity-1 {
    opacity: 0.1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
}
.opacity-2 {
    opacity: 0.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}
.opacity-3 {
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}
.opacity-4 {
    opacity: 0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
}
.opacity-5 {
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}
.opacity-6 {
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}
.opacity-7 {
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.opacity-8 {
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.opacity-9 {
    opacity: 0.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}




/*=========================================================================================================================*/
.headermaintitle {
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
}
.headermaintitle:hover {
    text-decoration: none;
    font-size: 32px;
}

#widget_my_zzk {
    padding:15px 0 15px 15px;
}
.btn_my_zzk:focus {outline:0;}
.btn_my_zzk:hover {background-color:#ffaf12;}


.dayTitle a:hover{text-decoration:none;}
.day {margin-bottom:20px;}