﻿@charset "utf-8";
/*异步加载CSS文件方法
@import url("http://a.tzt.cn/common/css/base-min.css");
*/
/*
理念：
1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
*/

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
 form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
 th, td /* table elements 表格元素 */ {
	margin:0;
	padding:0;
}
/**
* @ 设置默认字体 *
* @ 这里的\5b8b\4f53就是代表宋体
* @注释乱码：强烈建议不要用中文注释。font-family:'宋体'
* @常用中文字体解码
新细明体 \65B0\7EC6\660E\4F53
细明体 \7EC6\660E\4F53
标楷体 \6807\6977\4F53
黑体 \9ED1\4F53
宋体 \5B8B\4F53
新宋体 \65B0\5B8B\4F53
仿宋 \4EFF\5B8B
楷体 \6977\4F53
仿宋_GB2312 \4EFF\5B8B_GB2312
楷体_GB2312 \6977\4F53_GB2312
微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1
*/
body{-webkit-text-size-adjust:none; /*如果文字＜12px无效*/
	-webkit-touch-callout:none;/*禁止用户在新窗口弹出页面*/
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body, button, input, select, textarea /* for ie */ {
	font:12px/1.5 Tahoma, Arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
address, cite, dfn, em, b,caption,code,strong,th,var,em,i{
	font-style:normal;
	font-weight:normal;
} /* 将斜体扶正 */
code, kbd, pre, samp {
	font-family:courier new, courier, monospace;
} /* 统一等宽字体 */
small {
	font-size:12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol ,li,dl,dh{
	list-style:none;
}
/** 重置文本格式元素 **/
a {
	color:#bf2c2a;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
sup {
	vertical-align:text-top;
} /* 重置，减少对行高的影响 */
sub {
	vertical-align:text-bottom;
}
a:hover,a:active, input, :focus { outline:none;}
/** 重置表单元素 **/
legend {
	color:#000;
} /* for ie6 */
fieldset, img {
	border:0;-ms-interpolation-mode:bicubic;
} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size:100%;
} /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table {
	border-collapse:collapse;
	border-spacing:0;
	word-break:break-all;
}
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	display:block;
	margin:0;
	padding:0;
}
mark {background:#ff0;}
/* 遮罩层。 */
.mask {background-color:#000;opacity:0.3;filter:alpha(opacity=30);}
/*改变文字选中默认背景颜色*/
::selection { background:#8DB040; color:#fff; }
::-moz-selection { background:#8DB040; color:#fff; }


/* 隐藏 */
.hidden {display:none;}
.invisible {visibility:hidden;}
/* 清除浮动 */
.clear:after {
	content:'\20';
	display:block;
	height:0;
	clear:both;
}
.clear{*zoom:1;}
/*行块*/
.inlineBlock{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
/*重置盒子模型模式*/
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:'Arial','\5FAE\8F6F\96C5\9ED1';}
/*设置按钮得到光标属性显示为手型*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer;-webkit-appearance:button; *overflow:visible}
/*重置系统选择按钮*/
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0;}
/*同一搜索按钮UI*/
input[type="search"] { -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
/*重置火狐浏览器中按钮的文字垂直对齐问题*/
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
.bkw { word-break:break-all; word-wrap:break-word;overflow:hidden;}
.ellip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

::-webkit-scrollbar {
  width:0px;
  height:0px;
  border-radius:5px;
  -webkit-border-radius:5px;
  background:#e7e7e7;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius:999px;
  border:3px solid transparent;
}
::-webkit-scrollbar-track {
  box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset; display:none;
}
::-webkit-scrollbar-thumb {
  min-height:20px;
  background-clip:content-box;
  box-shadow:0 0 0 5px rgba(0,0,0,.2) inset;
}
::-webkit-scrollbar-corner {
  background:transparent;
}

div, ul, li, dl, dt, dd, p, span, em, i, a,
header, section, footer{
    -webkit-tap-highlight-color:rgba(0,0,0,0);/* 清除手机中点击出现的高亮边框 */
    -webkit-text-size-adjust:none;/* 清除默认字体大小 */
}
html,body{height:100%;}
body{overflow:hidden;}
body.bgf0f0f0{background:#f0f0f0;}
body.bg{background:#f7f7f7;}
.headBox{position:absolute; top:0; right:0; left:0;}
.mainBox{position:absolute; top:0; right:0; bottom:0; left:0; overflow:auto;display: inline-block; -webkit-overflow-scrolling:touch;}
.footBox{position:absolute; right:0; bottom:0; left:0;}
.box-top15{top:15px;}
.box-top40{top:40px;}
.box-top45{top:45px;}
.box-top50{top:50px;}
.box-top55{top:55px;}
.box-top60{top:60px;}
.box-top70{top:70px;}
.box-top90{top:90px;}
.box-top95{top:95px;}
.box-top110{top:110px;}
.box-top115{top:115px;}
.box-top135{top:135px;}
.box-top145{top:145px;}
.box-top155{top:155px;}
.box-top165{top:165px;}
.box-top210{top:210px;}
.box-bot15{bottom:15px;}
.box-bot55{bottom:55px;}
.box-bot60{bottom:60px;}
.box-bot90{bottom:90px;}

/*check*/
.check{ display:inline-block; width:24px; height:24px; background:#fff; border-radius:5px; -webkit-border-radius:5px;vertical-align: middle;}
.checkborder{ border:2px solid #cbcbcb;}
.w5,.w10,.w15,.w20,.w25,.w30,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90{ font-size:14px; display:inline-block;}
.w5{ width:5%;}
.w10{ width:10%;}
.w15{ width:15%;}
.w20{ width:20%;}
.w25{ width:25%;}
.w30{ width:30%;}
.w33{ width:33%;}
.w34{ width:34%;}
.w35{ width:35%;}
.w40{ width:40%;}
.w45{ width:45%;}
.w50{ width:50%;}
.w55{ width:55%;}
.w60{ width:60%;}
.w65{ width:65%;}
.w70{ width:70%;}
.w75{ width:75%;}
.w80{ width:80%;}
.w85{ width:85%;}
.w90{ width:90%;}
.w100{ width:100%;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.pt8{padding:8px 0 0;}
.fz14{font-size:14px; line-height:14px;}
.fz16{font-size:16px; line-height:16px;}
.colfff{color:#fff;}
.h10{height:10px;}

/*未收藏*/
.wsc i{background-size:100% 100%; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAdVBMVEUAAACJiYmcnJyIiIiJiYmJiYmJiYmJiYmKioqLi4uNjY2JiYmIiIiIiIiIiIiJiYmIiIiIiIiMjIyPj4+IiIiLi4uMjIyJiYmJiYmJiYmJiYmJiYmKioqKioqLi4uIiIiJiYmJiYmJiYmJiYmJiYmJiYmIiIjFS9c0AAAAJnRSTlMA6gj59a1zSTQvDlrIs4i2o5QfF9EpJePXxp5+blJAPKdhvJmPyxfTadAAAAFXSURBVDjLvZBXdsMgFESpsSxZvdmqbpn9LzEciJwYSPBPMj9Ccy6XB+RfMk2vcYxS9hL4Bry9JgS0Miw8HLQyLNzttDIsJEQrw0JCjDIs3JRBoVGGhUFlHCVGaJRJFHuIsThRqKRbl0KFnorxwZeKMBGNnNhj8yQbAcDwpWoSDjQyuyw1cVIvl0w2AE+IysxRkl9Sgs+fg3MMP3MD+G5bLwJn5sdYAbF8/a4Cknk5CbF+LyKKnHm4FDR6rvYU19jhrqB7u2x75HaXom+Jk45ib50C2hFP3mGNE6EhvnBYQ8bgPq5Db1c9Wg84I3UvM3vAEdl25DZChtEDSiTmrimQmvsnkB7wqF+nOwNCAOdOv8/R5RjnjFQDB7/X9V19hsp0dtTuuuTgt4qoVDe1LGt9ipUEVACFxjRaAILi4oAZAPn0bK0EkDlgjjyyu0iVrnElnqwF+bN8AGHpG9udT28oAAAAAElFTkSuQmCC);}
/*已收藏*/
.ysc i{background-size:100% 100%; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAb1BMVEUAAADAAC7AAC7MADPBAC/AAC7AAC/BADDBADHCADHAAC7AAC7AAC7AAC/BAC7AAC/BADC/AC/CADHCADHBADbIADPAAC/AAC6/AC7AAC7AADDAAC/BADDBAC7CAC7BAC/CADG/AED/AFW/AC6/AC5NGO+bAAAAJHRSTlMA6fcKc/vrWTQx8Ma3rZF+RjwpJR8Po4jYzqGZb11TURUIA3Svlbj9AAAA90lEQVQ4y73RWxaCMAxF0bZKoaAgoPiWh5n/GAUMoias8KP3T92e0oX6yy6XeW6h9WIWvAMs5wUBZiWXAJiUg5gUg5iUg5iUg5iUg5gUg3JyF/h2hNoPdoxITpEFMhudkpePiSDTUdxC3wNxnt8lSyM5Uz4P3xjBbVqEUnS4NJx2YareFoSTLkCCc5Z31qmvZZpzOlNkOSNtrpgdKTxyrjEUmoaBOTDjjr5x8MbAhIMJA9ccXDPwMF5hvNaButobWFxV8UC9mkCHv5y33aftGf/nCLz2rOhZT4ueXgncd4+efbz97np7AlewIse49ktaTBWztFA/2wMxPlB8GO86uQAAAABJRU5ErkJggg==) !important;}

/*--------------------  以上为各个项目公用BASE内容，下面区域为某个项目公用样式 ------------*/
.inner {
    width: 100%;
    background: #f0f0f0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* foot */
.foot{padding:5px;}
.foot .foot-list{width:100%; float:left; padding:5px;}
.foot .foot-half{width:50%;}
.foot .foot-w33{width:33%;}
.foot-list p{padding:12px 0; background:#ceb67c; border-radius:4px; font-size:16px; text-align:center; line-height:16px; color:#fff;}
.foot-list p.col_1{background:#faa919;}/* 黄色 */
.foot-list p.col_2{background:#bf002e;}/* 红色 */
.foot-list .foot-grey{background:#ddd; color:#303030;}
.foot-list .foot-lc1{background:#bf002e; color:#fff;}
.foot-list .foot-lc2{background:#006fcb; color:#fff;}
.foot-list .foot-lc3{background:#ff8000; color:#fff;}
.foot-list .foot-lcno{background:#ddd; color:#303030;}
/* foot end */



.border1pxBg{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEUAAADc3NyDHGF3AAAAAXRSTlMAQObYZgAAAAxJREFUCNdjYGBoAAAAhACBGFbxzQAAAABJRU5ErkJggg==")!important;
    background-position: bottom 0 left 0 !important;
    background-repeat: repeat-x !important;
    background-size: 1px 1px !important;
}
input{
    border: 0; /* 方法1 */
    -webkit-appearance: none; /* 方法2 */
}
.border1pxBgRinght {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABAQMAAADO7O3JAAAABlBMVEUAAADd3d3swgqXAAAAAXRSTlMAQObYZgAAAApJREFUCNdjcAAAAEIAQYO57K0AAAAASUVORK5CYII=");
	background-position: right 0 top 0;
	background-repeat: repeat-y;
	background-size: 1px 1px;
}
.border1pxBgTop {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEUAAADc3NyDHGF3AAAAAXRSTlMAQObYZgAAAAxJREFUCNdjYGBoAAAAhACBGFbxzQAAAABJRU5ErkJggg==")!important;
	background-position: right 0 top 0;
	background-repeat: repeat-x;
	background-size: 1px 1px;
}
.border1pxBgRight{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABAQMAAADO7O3JAAAABlBMVEUAAADd3d3swgqXAAAAAXRSTlMAQObYZgAAAApJREFUCNdjcAAAAEIAQYO57K0AAAAASUVORK5CYII=");
	background-position: right 0 top 0;
	background-repeat: repeat-y;
	background-size: 1px 1px;
	background-color: #FFFFFF;
}
.border1pxBgLeft{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABAQMAAADO7O3JAAAABlBMVEUAAADd3d3swgqXAAAAAXRSTlMAQObYZgAAAApJREFUCNdjcAAAAEIAQYO57K0AAAAASUVORK5CYII=");
	background-position: left 0 top 0;
	background-repeat: repeat-y;
	background-size: 1px 1px;
}