@charset "utf-8";
/* reset */
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { font-family: "Helvetica Neue", Helvetica, Tahoma, "Microsoft YaHei", Arial, sans-serif; font-size: 14px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset {height:30px; border: none; }
address, caption, cite, code, dfn, em, strong, small, th, var, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-style: normal; font-weight: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
caption, th { text-align: inherit; }
q:before, q:after { content: ""; }
abbr, acronym { border: none; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; box-sizing: content-box; }
input[type=submit], input[type=button], input[type=reset] { cursor: pointer; }
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #323232 !important; }
ol, ul { list-style: none; }
hr { border: none; height: 1px; }
a { text-decoration: none; color: inherit; }
a:hover {text-decoration: none;}
.mt5 {margin-top: 5px;}
.mt9 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.fl { float: left; }
.fr { float: right; }
.inl, .fl, .fr { display: inline-block; }
.md {vertical-align: middle;}
.rel { position: relative;}
.abs { position: absolute;}
.nds { display: none;}
.pl10 {padding-left: 10px;}
.clearFix:after{
    display: block;
	content: "";
	clear:both;
}
.clearFix{
	zoom:1;
}

#wrap {
    width: 960px;
    margin: 0 auto;
}

/* 头部 */
/* #wrap .head {
    height: 146px;
    background: url(../images/head.png) no-repeat center center;
} */

/* 跨市场ETF补劵信息查询系统 */
#wrap .form_login {
    width: 960px;
    height: 416px;
    margin: 20px auto 0;
    background: url(/main/ETF/images/form_bg.png) no-repeat center center;
}

#wrap .form_login > h3 {
    padding: 20px 0 0 20px;
    color: #fff;
    font-size: 18px;
}

#wrap .form_login .form_content {
    width: 870px;
    margin: 20px auto 0;
    font-size: 0;
    background-color: #fff;
}

#wrap .form_login .form_content form {
    position: relative;
    width: 349px;
    padding: 27px 0 20px 0;
    font-size: 13px;
}

#wrap .form_login .form_content form .drop_down,
#wrap .form_login .form_content form > div {
	position: relative;
    width: 274px;
    margin: 10px auto 0;
}

#wrap .form_login .form_content form select,
#wrap .form_login .form_content form input {
    width: 272px;
    height: 28px;
    outline: none;
    border: 1px solid #ccc;
    text-indent: 6px;
}
#wrap .form_login .form_content form div .apply_direction {
	margin-top: 5px;
}

#wrap .form_login .form_content form .drop_down i,
#wrap .form_login .form_content form .date_select i{
	position: absolute;
	right: -12px;
	color: red;
	font-size: 16px;
}

#wrap .form_login .form_content form .drop_down i {
	top: 10px;
}

#wrap .form_login .form_content form .date_select i{
	top: 32px;
}

#wrap .form_login .form_content form div .basket_num {
	margin-top: 10px;
}

#wrap .form_login .form_content form .not_filled {
    border: 1px solid red;
}

#wrap .form_login .form_content form p select {
    width: 114px;
}

#wrap .form_login .form_content form p input {
    width: 146px;
    margin-left: 6px;
}

#wrap .form_login .form_content form .date_select .date {
    cursor: pointer;
    background: url(/main/ETF/images/date.png) no-repeat 232px center;
}

#wrap .form_login .form_content form .verification_code {
    width: 274px;
}

#wrap .form_login .form_content form .verification_code .code {
    width: 135px;
    margin-left: 10px;
}

#wrap .form_login .form_content form .verification_code .code span {
    width: 80px;
    height: 29px;
    margin-right: 10px;
    background-image: url(/main/ETF/images/code.png);
}

#wrap .form_login .form_content form .verification_code .code a {
    color: #0076ae;
}

#wrap .form_login .form_content form .verification_code input {
    width: 116px;
}

#wrap .form_login .form_content form div .login {
    display: block;
    width: 274px;
    height: 30px;
    margin-top: 16px;
    text-align: center;
    line-height: 30px;
    color: #fff;
	cursor: pointer;
    border-radius: 3px;
    background-color: #fe7e01;
}

#wrap .form_login .form_content .hint_msg {
    position: absolute;
    bottom: 2px;
    left: 40px;
    color: red;
}

/* 弹框提示 */
.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .45);
}

.mask .info_tip {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 300px;
    background-color: #fff;
}

.mask .info_tip h3{
    padding: 0 10px;
    line-height: 40px;
    font-size: 16px;
    background-color: #f5f5f5;
}

.mask .info_tip h3 i{
    font-style: normal;
}

.mask .info_tip h3 i:hover{
    color: red;
    cursor: pointer;
}

.mask .info_tip p{
    margin-top: 80px;
    text-align: center;
}

.mask .info_tip p i{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url(/main/ETF/images/icon.png);
}

.mask .info_tip button{
    display: block;
    margin: 50px auto 0;
    width: 120px;
    height: 40px;
    outline: none;
    border: none;
    line-height: 40px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #e16c04;
    border-radius: 6px;
}

/* 注意事项 */
#wrap .form_login .form_content .notice{
    width: 520px;
    height: 336px;
    font-size: 12px;
    background-color: #f9f9f9;
}

#wrap .form_login .form_content .notice ul{
    width: 450px;
    margin: 50px auto 0;
    text-align: justify;
}

#wrap .form_login .form_content .notice ul li h4{
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

#wrap .form_login .form_content .notice ul li,
#wrap .form_login .form_content .notice ul li p{
    margin-bottom: 12px;
    color: #939393;
}

/* 补券个股成交情况 */
#wrap .transaction_case {
    width: 960px;
    margin: 26px auto 0;
}

#wrap .transaction_case p span{
    position: relative;
    margin: 6px 0 0 10px;
    font-size: 16px;
    color: #5e5c5b;
}

#wrap .transaction_case p span::before{
    position: absolute;
    left: -10px;
    display: block;
    content: '';
    clear: both;
    width: 6px;
    height: 24px;
    background-color: #fe7e01;
}

#wrap .transaction_case p a{
    padding: 9px 18px;
    color: #fff;
    background-color: #fe7e01;
    border-radius: 3px; 
}

#wrap .transaction_case table{
   margin-top: 26px;
   width: 960px;
   border: 1px solid #dcdcdc;
   text-align: right;
   font-size: 13px;
}

#wrap .transaction_case table thead{
    color: #666;
    background-color: #fbfbfb;
}

#wrap .transaction_case table thead tr th{
    padding: 16px 0;
}

#wrap .transaction_case table thead tr th:first-child{
    padding-left: 9px;
    text-align: left;
}

#wrap .transaction_case table thead tr th:last-child,
#wrap .transaction_case table tbody tr td:last-child{
    padding-right: 9px;
}

#wrap .transaction_case table tbody tr{
    padding: 13px 0;
    border-top: 1px solid #dcdcdc;
    color: #7f7f7f;
    word-break: break-all;
}

#wrap .transaction_case table tbody tr td{
    padding: 13px 0;
    color: #7f7f7f;
}

#wrap .transaction_case table tbody tr td:first-child{
	padding-left: 9px;
    text-align: left;
}

#wrap .transaction_case table tbody tr .deal_num{
	word-break: break-all;
	text-align: left;
}

#wrap .transaction_case table tr .fund_name{
    padding-left: 28px;
}

#wrap .transaction_case table tbody tr .fund_name{
    text-align: left;
}

#wrap .transaction_case table tbody tr td a{
    color: #005fcc;
}

#wrap .page_data .page_content table{
    width: 960px;
    border: 1px solid #dcdcdc;
    border-top: none;
    text-align: right;
    font-size: 13px;
}

#wrap .page_data .page_content table tr{
    border-bottom: 1px solid #dcdcdc;
}

#wrap .page_data .page_content table tr td{
    padding: 13px 0;
    color: #7f7f7f;
}

#wrap .page_data .page_content table tr .deal_num{
    word-break: break-all;
	text-align: left;
}

#wrap .page_data .page_content table tr td:first-child{
    padding-left: 9px;
    text-align: left;
	word-break: break-all;
}

#wrap .page_data .page_content table tr td:last-child{
    padding-right: 9px;
}

#wrap .page_data .page_content table tbody tr td a{
    color: #005fcc;
}

#wrap .page_data .page_content table tr .fund_name{
    padding-left: 28px;
    text-align: left;
}

.page_data{
    width: 960px;
    margin: 0 auto;
}

/* 尾部 */
/* #wrap .footer {
    height: 109px;
    background: url(../images/footer.png) no-repeat center center;
}

.footers {
    width: 100%;
    height: 584px;
    background: url(../images/footers.png) no-repeat center center;
} */