@charset "utf-8";
/*reset*/
html{-webkit-text-size-adjust:100%}
body,p,blockquote,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dd,input,textarea,button{margin:0; padding:0;}
body {background:#f9f9f6;font-size:14px;color:#333;font-family:"微软雅黑",Arial,sans-serif,Tahoma,Geneva;line-height:150%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}
h1, h2, h3, h4, h5,em,i { font-weight:normal}
ul, ol { list-style:none }
em,i{ font-style: normal; }
img{border: 0;vertical-align: middle}
/*common*/
.pc .red{
color: #ea5449;
}
.pc .black{
color: #202020;
}
.pc .gray{
color: #999;
}
.pc .f_20{
font-size: 20px;
}
.pc .f_18{
font-size: 18px;
}
.pc .f_36{
font-size: 36px;
}
.pc .f_14{
font-size: 14px;
}
.pc .ml_25{
margin-left: 25px;
}
.pc body{
background: url(../img/background.png) repeat;
}
.pc .inline-block{
display: inline-block;
}
.pc .inline{
display: inline;
}
/*private*/
.pc .title_wrap{
border-bottom: 1px solid #fff;
outline: 1px solid #f0efed;
width: 100%;
}
.pc .main_wrap{
width: 900px;
margin: 0 auto;
}
.pc .s_title{
width: 900px;
margin: 0 auto;
padding: 16px 17px;
box-sizing: border-box;
}
.pc .s_title .up{
vertical-align: 2px;
}
.pc .s_logo{
display: inline-block;
height: 40px;
width: 30px;
vertical-align: -3px;
}
.pc .top_cont{
position: relative;
padding: 22px 0 22px 20px;
overflow: hidden;
}
.pc .top_cont .status{
font-size: 12px;
}
.pc .top_cont .type{
font-size: 12px;
margin-top: 8px;
}
.pc .top_cont .select_btn{
position: absolute;
right: 0;
display: inline-block;
line-height: 50px;
height: 50px;
width: 180px;
text-align: center;
background-color: #ea5449;
color: #fff;
border-radius: 3px;
}
.pc .select_btn input {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 50px;
opacity: 0;
cursor: pointer;
filter:alpha(opacity=0);
}
.pc .s_table table{
width: 100%;
background-color: #fff;
border-collapse:collapse;
table-layout: fixed;
}
.pc .s_table table tr td span{
display: inline-block;
}
/*thead*/
.pc .s_table thead tr{
height: 40px;
font-size: 12px;
}
.pc .s_table thead tr td:first-child + td{
width: 40%;
text-align: left;
padding-left: 15px;
}
.pc .s_table thead tr td{
text-align: center;
border-bottom: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
}
.pc .s_table thead tr td:first-child + td + td + td{
border-right: 0;
}
/*tbody*/
.pc .s_table tbody tr:nth-child(odd){
background-color: #fbfaf8;
}
.pc .s_table tbody tr td{
text-align: center;
line-height: 20px;
padding: 11px 0;
font-size: 12px;
border-bottom: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
}
.pc .s_table tbody tr td:first-child{
padding: 0 15px;
}
.pc .s_table tbody tr td:first-child + td + td{
padding: 0 15px;
}
.pc .s_table tbody tr td:first-child + td + td + td{
padding: 0 15px;
border-right: 0;
}
.pc .s_table tbody tr td:first-child + td{
text-align: left;
padding-left: 15px;
}
.pc .last_row{
color: #999;
border-bottom: 0;
column-span: 4;
padding: 12px;
}
.pc .op_right{
height: 16px;
width: 16px;
display: inline-block;
background: url("../img/right.png") center no-repeat;
background-size: 16px auto;
vertical-align: -2px;
}
.pc .op_wrong{
height: 12px;
width: 12px;
display: inline-block;
background: url("../img/wrong.png") center no-repeat;
background-size: 12px auto;
}
.pc .main_wrap .active{
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.pc .btn{
display: inline-block;
line-height: 0;
float: right;
}
.pc .warning{
display: inline-block;
line-height: 50px;
float: right;
color: red;
}
.pc .warning a{
color: #0078a5;
}
/*h5*/
.h5 .red{
color: #ea5449;
}
.h5 .black{
color: #202020;
}
.h5 .gray{
color: #999;
}
.h5 .f_18{
font-size: 18px;
}
.h5 .f_15{
font-size: 15px;
}
.h5 .f_14{
font-size: 14px;
}
.h5 .ml_15{
margin-left: 15px;
}
/*private*/
.h5 .s_title{
line-height: 60px;
border-bottom: 1px solid #f0efed;
background-color: #fdfdfd;
padding: 0 17px;
}
.h5 .s_title .up{
vertical-align: 2px;
}
.h5 .s_logo{
display: inline-block;
height: 24px;
width: 20px;
background: url("../img/logo.png") center no-repeat;
background-size: 18px auto;
vertical-align: -3px;
}
.h5 .s_table{
margin-bottom: 75px;
}
.h5 .s_table table{
width: 100%;
border-collapse:collapse;
table-layout: fixed;
}
.h5 .s_table thead tr{
height: 56px;
font-size: 11px;
}
.h5 .s_table thead tr td:nth-child(2){
text-align: left;
width: 40%;
}
.h5 .s_table thead tr td{
text-align: center;
border-bottom: 1px solid #f0efed;
}
.h5 .s_table tbody tr td{
text-align: center;
line-height: 20px;
padding: 20px 0;
font-size: 12px;
border-bottom: 1px solid #f0efed;
}
.h5 .s_table tbody tr td:first-child{
padding: 0 10px;
}
.h5 .s_table tbody tr td:nth-child(3){
padding: 0 10px;
}
.h5 .s_table tbody tr td:last-child{
padding: 0 10px;
}
.h5 .s_table tbody tr td:nth-child(2){
text-align: left;
font-size: 14px;
}
.h5 .op_right{
height: 16px;
width: 16px;
display: inline-block;
background: url("../img/right.png") center no-repeat;
background-size: 16px auto;
vertical-align: -2px;
}
.h5 .op_wrong{
height: 12px;
width: 12px;
display: inline-block;
background: url("../img/wrong.png") center no-repeat;
background-size: 12px auto;
}
.h5 .bottom_c{
position:fixed;
bottom:0;
left:0;
right:0;
text-align: center;
}
.h5 .bottom_c .type{
line-height: 25px;
color: #999;
font-size: 10px;
border-top: 1px solid #eeedea;
background: #f9f9f6;
}
.h5 .bottom_btn_wrap{
height: 50px;
line-height:50px;
background-color:#e8554d;
font-size:17px;
color:#fff;
}
.h5 .bottom_btn_wrap input{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
display:inline-block;
opacity: 0;
}
.emphasize{
color: #ea5449;
font-weight: bold;
}
.none{
display: none;
}
.mask{ width:100%; height:100%;position: fixed;top: 0; left: 0; right: 0; background: rgba(0,0,0,.7); z-index: 99; display: none;}
.c_tc{ background:url(../img/notice01.png) no-repeat left top; -webkit-background-size:171px 43px;position: fixed;; top: 50%;left: 50%; margin-top: -22px; margin-left: -80px; width: 171px; height: 43px; z-index: 100}
.t_tc{ background:url(../img/notice02.png) no-repeat left top; -webkit-background-size:216px 84px;position: fixed;; top: 10px;right: 20px; width: 216px; height: 84px; z-index: 100}
.safariWarn{background:url(../img/safari.png) no-repeat left top; -webkit-background-size:216px 84px;}
.close{
position: fixed;
right: 15px;
top: 15px;
width: 30px;
height: 30px;
background: url("../img/close.png") no-repeat center;
-webkit-background-size: 15px 15px;
}