﻿@charset "utf-8";
/*异步加载CSS文件方法
@import url("http://a.tzt.cn/common/css/base-min.css");
*/
/*
理念：
1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
维护：YYY 1037159943@qq.com
*/

/** 清除内外边距 **/
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; }
::-webkit-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}
input{-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;  
}


/*--------------------  以上为各个项目公用BASE内容，下面区域为某个项目公用样式 ------------*/
body{ background:#fff; overflow:hidden;}
#contentAxea{overflow-y:scroll; background:#f0f0f0;}

.foot{ position:relative;z-index:999;width:100%;}
.foot .footBtn,.foot .goBack,.foot .footNext,.foot .goBack1,.foot .footNext1{box-sizing: content-box;display:inline-block;*display:inline;*zoom:1; width:100%; height:35px; padding:15px 0; line-height:35px; text-align:center;
background:#fff; border-top:solid #e6e6e6 1px;color:#a4752d; font-size:20px; font-family:'\u9ed1\u4f53'; font-weight:bold; white-space:nowrap;}
.foot .deep{ background:#cbcbcb;}

.foot .goBack,.foot .footNext{ width:50%;box-sizing:border-box;height:60px;line-height:30px;}
.foot .goBack:hover,.foot .footNext:hover,.foot .goBack1:hover,.foot .footNext1:hover,.foot .footBtn:hover{ text-decoration:none;}
.foot .goBack,.foot .goBack1{ border-right:1px solid #bfbfbf;color:#727272;}

.foot .goBack1,.foot .footNext1{box-sizing:border-box;height:60px;line-height:30px;}
.foot .goBack1{ width:35%;}
.foot .footNext1{ width:65%;}

/*------按钮添加点击之后的效果------------*/
.moveEnd{background: #bebebe;border-top: solid #bfbfbf 1px;color: #bf2c2a;filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.progressBg{ position:absolute; top:0; left:0; width:100%; height:5px; border-top:1px solid #851f1d; background:#8c1f1d;width:100%;}
.progressBg .progressBar{ background:#f23434; display:block; width:100%; height:4px;}

/*check*/
.check{ display:inline-block; width:24px; height:24px; background:#fff; border-radius:5px; -webkit-border-radius:5px;vertical-align: middle;}
.checkselect{ background:#fff url(../img/selected.png) no-repeat center center; background-size:17px 12px;}
.checkborder{ border:2px solid #cbcbcb;}
.w15,.w30,.w55,.w50,.w70,.w40,.w35,.w60,.w45,.w20{ font-size:14px; display:inline-block;}
.w15{ width:15%;}
.w30{ width:30%;}
.w20{ width:20%;}
.w35{ width:35%;}
.w55{ width:55%;}
.w50{ width:50%;}
.w70{ width:70%;}
.w40{ width:40%;}
.w60{ width:60%;}
.w45{ width:45%;}
/*alert(弹出层)*/
#alerts .title{text-align:center;font-size:24px;color:#303030;padding:25px 0 20px;border-bottom:1px solid #b4b4b4;}
#alerts .content{width:100%; line-height:22px;font-size:14px;padding:25px 10%;border-top:1px solid #e5e5e5;}
#alerts .bottom{padding:0 10% 30px;}
#alerts .bottom .ok,#alerts .bottom .contok{display:inline-block;width:45%;font-size:15px; height:35px; line-height:35px;background:#d64113; color:#fff;text-align: center;border-radius:3px;margin-right:8%;}
#alerts .bottom .no{display:inline-block;width:45%;font-size:15px; height:35px;background:#e6e6e6; text-align: center; line-height:35px;border-radius:3px;}
#alerts .bottom .contok{ width:100%;}
#alerts .esc{ display:inline-block; width:50px; height:50px; position:absolute; top:-60px; right:8px; background:#f6f6f6; border-radius:25px; -webkit-border-radius:25px; text-align:center; line-height:50px;-moz-transform: rotate(45deg);-o-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)} 
.esc .Lline,.esc .Rline{ width:19px; height:2px; display:inline-block; background:#b3b3b3; position:absolute; left:16px; top:24px;}
.esc .Rline{ height:19px; width:2px; position:absolute; left:24px; top:15px;}
#alerts .jtitle{ padding:18px 20px; position:relative;}
.jtitle .stockLeft{font-size:21px; line-height:21px;}
.stockLeft .stockcode{ font-size:15px; color:#999; margin-left:10px;}
.jtitle .stockRight{ color:#0a81dd; font-size:15px; position:absolute; right:20px; top:20px;}
#alerts .jcontent{ padding:12px 20px;}
.jcontent .usable{ width:100%; height:49px; background:#fff; border-radius:3px; -webkit-border-radius:3px; padding:10px 0; font-size:0;}
.usable .minus,.usable .print,.usable .add{ font-size:16px; height:29px; line-height:29px; vertical-align:top; position:relative;}
.usable .print{ border:none; text-align:center;background-color: transparent;}
.usable .minus{ text-align:right; padding-right:20px;}
.usable .add{ padding-left:20px;}
.minus .heng{ width:17px; height:5px; background:#d64113; display:inline-block;}
.minus .gray{ color:#bababa;}
.add .addLeft,.add .addRight{ position:absolute; width:17px; height:5px; left:20px; top:12px; display:inline-block; background:#d64113;}
.add .addRight{ height:17px; width:5px; top:6px; left:26px;}

.jcontent .explain{ color:#9f9f9f; font-size:12px; line-height:30px; text-align:center;}
.jcontent .pledge{padding:15px 0; font-size:0; line-height:15px; border-bottom:1px solid #dfdfdf;}
.pledge .redfont{font-size:15px; color:#e01010;}
.pledge .fontfis{font-size:12px; text-align:right;}
.jcontent .predict{ font-size:0; line-height:40px;}
.predict .redfont{ font-size:14px; color:#e01010;white-space: nowrap;overflow:hidden;}/*text-overflow: ellipsis;*/
.predict .predictright{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.jcontent .pleBot{padding:5px 0 0; line-height:18px; color:#acacac;}



